:root{--olive:#323d2c;--olive-hover:#25301f;--ink:#30382d;--muted:#6c7064;--cream:#f3f0e7;--paper:#fffefa;--line:#dcded3;--gold:#a88750;--body:'Noto Sans Arabic','DM Sans',sans-serif;--display:'Cormorant Garamond',Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--body);font-size:16px;line-height:1.8}html[lang=en]{--body:'DM Sans',sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.4}a{color:inherit;text-decoration:none}button{border:0;background:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:4px}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2{font-weight:500}.icon{width:23px;height:23px;flex-shrink:0;display:block}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-120px;z-index:100;padding:14px;background:var(--olive);color:#fff}.skip-link:focus{top:0}.announcement{height:39px;background:var(--olive);color:var(--cream);display:flex;justify-content:center;align-items:center;gap:14px;font-size:12px;letter-spacing:.03em}.announcement-star{font-size:20px;color:#d8c9a9}.site-header{padding:22px 5%;display:flex;align-items:center;gap:40px;justify-content:space-between;border-bottom:1px solid var(--line);min-height:110px}.brand{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.brand-name{font-family:var(--display);font-weight:500;font-size:53px;line-height:.86;letter-spacing:-2px}.brand-dot{color:var(--gold)}.brand-caption{font-size:10px;letter-spacing:.14em;line-height:1.5;margin-top:9px}.main-nav{display:flex;align-items:center;gap:28px}.nav-link{font-size:14px;white-space:nowrap;position:relative;padding:7px 0;display:flex;align-items:center;gap:6px}.nav-link.active:after{content:'';position:absolute;inset-inline:0;bottom:0;height:1px;background:var(--olive)}.soon{background:#eceee7;padding:0 5px;font-size:10px;color:#65715c;border-radius:3px}.header-actions{display:flex;align-items:center;gap:20px}.language-button{display:flex;align-items:center;gap:7px;font-size:13px}.language-button .icon{width:18px;height:18px}.header-divider{height:19px;width:1px;background:var(--line)}.icon-button{display:flex;align-items:center;justify-content:center;width:36px;height:38px}.bag-button{position:relative}.bag-count{position:absolute;top:0;inset-inline-end:-6px;color:var(--cream);background:var(--olive);border:2px solid var(--paper);min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:10px;line-height:1}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:510px;background:var(--cream)}.hero-copy{padding:55px 10% 28px;display:flex;flex-direction:column;align-items:flex-start;position:relative}.eyebrow{display:flex;align-items:center;gap:12px;font-size:13px;margin-bottom:20px}.little-line{width:25px;height:1px;background:var(--gold)}.hero h1{font-size:clamp(34px,3.3vw,56px);line-height:1.65;letter-spacing:-1.7px;white-space:nowrap}.hero p{font-size:14px;color:var(--muted);line-height:2.1;margin-top:15px}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:25px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 25px;border-radius:3px;font-size:14px;transition:background .2s}.primary{background:var(--olive);color:var(--cream);border:1px solid var(--olive)}.primary:hover{background:var(--olive-hover)}.text-button{font-size:13px;padding:2px 0;border-bottom:1px solid currentColor;line-height:1.6;width:fit-content}.hero-bottom{display:flex;align-items:center;justify-content:space-between;width:100%;gap:25px;margin-top:auto;padding-top:32px}.hero-size{font-family:var(--display);font-size:35px;font-weight:500;white-space:nowrap;line-height:1}.hero-size i{font-size:21px;color:var(--gold);padding:0 4px}.hero-size small{font-family:'DM Sans',sans-serif;font-size:13px}.hero-caption{font-size:9px;letter-spacing:.16em;color:var(--muted)}.hero-photo{position:relative;overflow:hidden;min-height:510px}.hero-photo img{position:absolute;height:100%;width:100%;object-fit:cover;object-position:42% center}.photo-caption{position:absolute;bottom:24px;left:24px;color:#fcf7e7;font-size:12px;letter-spacing:.13em;text-shadow:0 1px 3px #343b2c}.benefits{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);padding:25px 8%;background:var(--paper)}.benefits>div{display:flex;align-items:center;justify-content:center;gap:14px}.benefits>div+div{border-inline-start:1px solid var(--line)}.benefits .icon{height:28px;width:28px;stroke-width:1.1}.benefits strong{display:block;font-weight:500;font-size:13px}.benefits small{font-size:11px;color:var(--muted);display:block}.collection{padding:60px 5% 48px;max-width:1600px;margin:auto}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.overline{display:block;font-size:10px;letter-spacing:.18em;color:var(--muted);font-family:'DM Sans',sans-serif;font-weight:500}.section-heading h2{font-size:30px;margin:8px 0 3px;letter-spacing:-.7px}.section-heading p{font-size:14px;color:var(--muted)}.collection-sign{font-family:var(--display);font-size:65px;font-style:italic;color:#c9c6b7;border:1px solid #d9d6c9;line-height:1.1;width:78px;height:78px;display:flex;align-items:center;justify-content:center;border-radius:50%;transform:rotate(-13deg);direction:ltr}.collection-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;border-bottom:1px solid var(--line);margin:30px 0 28px;padding-bottom:12px}.collection-tabs{display:flex;align-items:center;gap:25px}.filter-tab{font-size:13px;color:var(--muted);padding:5px 0;white-space:nowrap}.filter-tab.active{color:var(--ink);border-bottom:1px solid var(--ink)}.filter-tab span{font-size:10px;margin-inline-start:6px;color:var(--muted)}.sort-control select{border:0;background:transparent;color:var(--muted);font-size:12px;padding:6px 4px;max-width:200px}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 22px}.product-photo{position:relative;aspect-ratio:1/.99;overflow:hidden;background:#f4f2ec}.product-image-button{width:100%;height:100%;padding:0;display:block}.product-photo img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;transition:transform .5s ease}.product-image-button:hover img{transform:scale(1.06)}.rose{background:#f2ece9}.amber{background:#f2eee4}.citrus{background:#eff0e6}.oud{background:#e8e9e2}.musk{background:#edeeea}.bloom{background:#f2eeeb}.product-badge{position:absolute;top:13px;inset-inline-start:12px;font-size:10px;background:var(--paper);padding:4px 9px;line-height:1.5;pointer-events:none}.photo-index{position:absolute;bottom:12px;left:12px;font-family:'DM Sans',sans-serif;font-size:8px;letter-spacing:.12em;color:#77786a;pointer-events:none}.product-info{padding-top:13px}.product-family{font-size:11px;color:var(--muted);display:block;margin-bottom:4px}.product-title{font-family:var(--display);font-size:28px;font-weight:500;display:block;line-height:1.3;padding:0;margin:3px 0 14px;text-align:start}.product-selection{display:flex;justify-content:space-between;align-items:center;gap:9px;margin-bottom:13px}.size-picker{display:flex;gap:5px}.size-option{border:1px solid var(--line);background:transparent;padding:4px 10px;min-height:33px;font-size:11px;border-radius:2px}.size-option.selected{border-color:var(--olive);background:var(--olive);color:var(--paper)}.product-price{font-size:14px;white-space:nowrap}.currency{font-size:.8em;margin-inline-start:2px}.add-button{width:100%;border:1px solid #ced2c6;display:flex;align-items:center;justify-content:space-between;padding:9px 12px;min-height:43px;font-size:12px;border-radius:2px;transition:background .2s,color .2s}.add-button .icon{width:17px;height:17px}.add-button:hover{background:var(--olive);color:var(--paper);border-color:var(--olive)}.catalog-count{margin-top:28px;text-align:center;font-size:11px;color:var(--muted)}.story-section{background:var(--cream);display:grid;grid-template-columns:1fr 1fr;margin:15px 5% 60px;max-width:1440px;min-height:300px}.story-mark{display:flex;align-items:center;justify-content:center;flex-direction:column;border-inline-end:1px solid #ddd9cc;margin:35px 0;color:var(--olive)}.story-mark>span{font-family:var(--display);font-size:170px;font-style:italic;line-height:.9;direction:ltr}.story-mark small{font-family:'DM Sans',sans-serif;font-size:9px;letter-spacing:.25em;margin-top:20px}.story-copy{padding:45px 12%}.story-copy h2{font-size:30px;line-height:1.65;letter-spacing:-.7px;margin:10px 0}.story-copy p{font-size:13px;color:var(--muted);line-height:2;max-width:430px}.story-copy .text-button{display:inline-block;margin-top:15px}footer{background:var(--olive);color:var(--cream);padding:40px 5% 0}.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;padding-bottom:35px}.footer-brand{align-items:flex-start}.footer-brand .brand-name{font-size:46px}.footer-main p{font-size:12px;color:#ced3c6;margin-top:15px}.footer-links{display:flex;align-items:flex-start;flex-direction:column;gap:5px}.footer-links strong{font-size:13px;font-weight:500;margin-bottom:8px}.footer-links button{font-size:12px;color:#ced3c6;padding:2px 0}.footer-links button:hover{text-decoration:underline}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #65705b;padding:18px 0;font-size:10px;color:#ced3c6}.footer-bottom span:last-child{font-family:'DM Sans',sans-serif;font-size:8px;letter-spacing:.15em}.demo-note{border-top:1px solid #65705b;color:#ced3c6;font-size:11px;padding:12px 0;line-height:1.8}.search-summary{display:flex;align-items:center;gap:12px;margin-bottom:20px;font-size:14px}.search-summary .text-button{margin-inline-start:auto}.empty-state{text-align:center;padding:50px 20px 70px;min-height:250px}.empty-state h3{font-size:25px;font-weight:500;margin:12px 0}.empty-state p{color:var(--muted);margin-bottom:20px;font-size:14px}.coming-state{background:var(--cream);padding-top:60px}.coming-state .overline{font-family:var(--body);letter-spacing:0}.dialog-open{overflow:hidden}dialog{border:0;color:var(--ink);background:var(--paper);padding:25px;max-height:90dvh;overflow:auto}dialog::backdrop{background:#20291dc4;backdrop-filter:blur(3px)}dialog.modal{border-radius:5px;width:min(540px,calc(100% - 32px));margin:auto}dialog.drawer{position:fixed;inset:0;inset-inline-start:auto;inset-inline-end:0;margin:0;width:min(490px,100%);height:100dvh;max-height:100dvh;border-radius:0;padding:25px 28px}dialog .dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:20px}dialog h2{font-size:21px;line-height:1.6}dialog h3{font-size:19px;font-weight:500}dialog p{color:var(--muted);font-size:14px;line-height:2}dialog .full-width{width:100%}.empty-bag{padding-top:70px;text-align:center}.empty-bag>.icon{width:55px;height:55px;margin:0 auto 25px;stroke-width:1}.empty-bag p{margin:15px 0 28px}.cart-item{display:flex;align-items:center;gap:15px;border-bottom:1px solid var(--line);padding:18px 0}.cart-item img{object-fit:cover;background:var(--cream);width:76px;height:96px;mix-blend-mode:multiply}.cart-item-info{flex:1}.cart-item-info h3{font-family:var(--display);font-size:24px;line-height:1.2;text-align:start}.cart-size{font-size:12px;color:var(--muted)}.quantity-control{display:flex;align-items:center;border:1px solid var(--line);width:fit-content;margin-top:8px;direction:ltr}.quantity-control button{width:29px;height:29px;display:flex;align-items:center;justify-content:center}.quantity-control button .icon{width:13px;height:13px}.quantity-control span{min-width:22px;text-align:center;font-size:12px}.cart-item-end{display:flex;flex-direction:column;align-items:flex-end;gap:22px;font-size:14px}.cart-item-end .text-button{font-size:11px;color:var(--muted)}.cart-summary{margin-top:30px}.total-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px;font-size:15px}.total-row strong{font-weight:500}.cart-summary>p{font-size:12px;margin:10px 0 20px}.form-note{display:block;font-size:11px!important;color:var(--muted);line-height:1.9;margin-top:15px}.back-button{margin-bottom:15px}form{display:flex;flex-direction:column;gap:15px}.form-field{display:flex;flex-direction:column;gap:5px;font-size:13px}.form-field input,.form-field select,.form-field textarea{background:var(--paper);border:1px solid #bec4b5;padding:10px 12px;min-height:44px;border-radius:3px;font-size:14px;width:100%;color:var(--ink)}.form-field textarea{resize:vertical;min-height:75px}.payment-note{display:flex;align-items:center;gap:10px;background:var(--cream);padding:12px;font-size:12px}.order-summary{white-space:pre-wrap;word-break:break-word;padding:18px;background:var(--cream);font-family:var(--body);font-size:13px;line-height:2}.detail-photo{width:100%;height:240px;margin-bottom:16px;overflow:hidden}.detail-photo img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.modal .product-selection{margin:20px 0}.search-form{gap:16px}.search-input-wrap{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding:8px 0}.search-input-wrap input{width:100%;border:0;padding:8px;background:transparent;font-size:15px;color:var(--ink);min-width:0}.search-suggestions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.search-suggestions button{padding:5px 10px;border:1px solid var(--line);font-size:13px}.faq-items details{border-bottom:1px solid var(--line);padding:14px 0}.faq-items summary{cursor:pointer;font-size:14px}.faq-items p{font-size:13px;padding-top:12px}.info-symbol{padding:15px 0}.info-symbol .icon{width:38px;height:38px}.sample-comparison{display:flex;gap:15px;margin:25px 0}.sample-comparison>div{background:var(--cream);flex:1;display:flex;flex-direction:column;align-items:center;padding:20px}.sample-comparison strong{font-size:39px;font-family:var(--display);font-weight:500}.sample-comparison span{font-size:12px;color:var(--muted)}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);z-index:100;background:var(--olive);color:var(--paper);padding:13px 22px;border-radius:3px;display:flex;align-items:center;gap:12px;font-size:13px;box-shadow:0 4px 30px #0002;opacity:0;visibility:hidden;transition:.2s;max-width:calc(100% - 30px);width:max-content}#toast.visible{opacity:1;visibility:visible;transform:translate(-50%,0)}#toast .icon{width:18px;height:18px}html[lang=en] .hero h1{font-family:var(--display);font-size:clamp(44px,4.3vw,67px);line-height:1.1;letter-spacing:-1.9px}html[lang=en] .hero p{line-height:1.8;margin-top:23px}html[lang=en] .section-heading h2,html[lang=en] .story-copy h2{font-family:var(--display);font-size:40px;line-height:1.1}html[lang=en] .brand-caption{font-size:9px;letter-spacing:.05em}html[lang=en] .hero-copy{padding-top:60px}
@media(min-width:1600px){.story-section{margin-inline:auto}.hero-copy{padding-inline:15%}}@media(max-width:1150px){.site-header{gap:25px;padding-inline:4%}.main-nav{gap:17px}.nav-link{font-size:12px}.header-actions{gap:12px}.hero-copy{padding-inline:8%;padding-block-start:45px}.hero h1{font-size:35px}.hero p{font-size:13px}.hero-actions{gap:15px}.button{padding-inline:18px}.hero-caption{font-size:8px}.product-grid{gap:24px 16px}.product-selection{flex-wrap:wrap}.product-price{margin-inline-start:auto}.collection{padding-inline:4%}.story-section{margin-inline:4%}}@media(max-width:900px){.site-header{flex-wrap:wrap;padding-block:20px 12px;gap:18px}.brand-name{font-size:45px}.brand-caption{font-size:9px}.main-nav{order:3;width:100%;justify-content:center;border-top:1px solid var(--line);padding-top:8px;gap:35px}.header-actions{margin-inline-start:auto}.hero{min-height:410px}.hero-photo{min-height:410px}.hero-copy{padding:35px 7% 23px}.hero h1{font-size:28px;line-height:1.75;letter-spacing:-1px}.hero p{font-size:12px;line-height:2.1}.eyebrow{font-size:11px;margin-bottom:15px}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:20px}.hero-bottom{padding-top:25px}.hero-caption{max-width:110px;font-size:7px;line-height:1.8}.benefits{padding:20px 3%}.benefits strong{font-size:11px}.benefits small{font-size:10px}.benefits>div{gap:10px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.story-copy{padding:35px 9%}.story-copy h2{font-size:25px}html[lang=en] .hero h1{font-size:41px}html[lang=en] .hero-copy{padding-top:35px}html[lang=en] .hero p{font-size:12px}html[lang=en] .main-nav{gap:28px}}
@media(max-width:600px){.announcement{font-size:9px;height:32px;gap:9px;padding-inline:8px}.announcement-star{font-size:16px}.site-header{padding:18px 5% 8px;gap:14px}.brand-name{font-size:41px}.header-actions{gap:9px}.language-button{font-size:12px}.language-button .icon{display:none}.header-divider{margin-inline:3px}.icon-button{width:31px}.main-nav{justify-content:space-between;gap:10px;overflow:auto}.nav-link{font-size:11px;padding:9px 0;gap:4px}.story-link{display:none}.soon{font-size:8px;padding-inline:4px}.hero{display:flex;flex-direction:column}.hero-copy{padding:30px 7% 25px}.eyebrow{font-size:11px;margin-bottom:11px}.hero h1{font-size:33px;line-height:1.6;letter-spacing:-1px}.hero p{font-size:12px;margin-top:10px}.hero-actions{margin-top:20px;gap:22px}.hero .button{min-height:44px;font-size:12px;padding:9px 22px}.hero .text-button{font-size:11px}.hero-bottom{padding-top:22px}.hero-size{font-size:29px}.hero-caption{max-width:none;font-size:8px}.hero-photo{height:285px;min-height:285px}.hero-photo img{object-position:center 56%}.photo-caption{font-size:9px;bottom:15px;left:20px}.benefits{padding:18px 4%;gap:10px}.benefits>div{flex-direction:column;gap:5px;text-align:center}.benefits .icon{height:22px;width:22px}.benefits strong{font-size:9px;line-height:1.8}.benefits small{font-size:8px;line-height:1.8}.collection{padding:35px 5% 25px}.section-heading h2{font-size:24px;margin-top:6px}.section-heading p{font-size:11px}.overline{font-size:8px;letter-spacing:.15em}.collection-sign{width:55px;height:55px;font-size:48px}.collection-toolbar{flex-wrap:wrap;margin:23px 0 20px;gap:10px;padding-bottom:8px}.collection-tabs{gap:20px;width:100%;justify-content:space-between}.filter-tab{font-size:11px}.filter-tab span{font-size:8px;margin-inline-start:4px}.sort-control{margin-inline-start:auto}.sort-control select{font-size:10px;padding:2px;min-height:28px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.product-photo{aspect-ratio:1/.99}.product-badge{top:9px;inset-inline-start:8px;font-size:8px;padding:3px 6px}.photo-index{font-size:6px;bottom:8px;left:8px}.product-info{padding-top:10px}.product-family{font-size:9px}.product-title{font-size:25px;margin-bottom:10px}.product-selection{gap:6px;flex-wrap:nowrap;margin-bottom:10px}.size-picker{gap:4px}.size-option{padding:3px 7px;font-size:9px;min-height:29px}.product-price{font-size:12px}.add-button{font-size:10px;padding:8px;min-height:38px}.add-button .icon{width:14px;height:14px}.catalog-count{font-size:9px}.story-section{margin:18px 5% 35px;grid-template-columns:1fr;min-height:0}.story-mark{display:none}.story-copy{padding:30px 8%}.story-copy h2{font-size:27px}.story-copy p{font-size:12px}.story-copy .text-button{font-size:11px}footer{padding:35px 5% 0}.footer-main{grid-template-columns:1fr 1fr;gap:28px;padding-bottom:25px}.footer-main>div:first-child{grid-column:span 2}.footer-brand .brand-name{font-size:43px}.footer-main p{font-size:11px;margin-top:12px}.footer-links strong{font-size:12px}.footer-links button{font-size:11px}.footer-bottom{font-size:9px;flex-wrap:wrap;gap:8px;padding-block:15px}.footer-bottom span:last-child{font-size:7px}.demo-note{font-size:9px}.search-summary{font-size:12px;flex-wrap:wrap}.search-summary .text-button{font-size:11px}.drawer{padding:22px!important}.cart-item{gap:10px}.cart-item img{width:65px;height:90px}.cart-item-info h3{font-size:22px}.cart-item-end{font-size:13px}dialog h2{font-size:19px}.empty-state{padding:35px 15px}.empty-state h3{font-size:23px}.empty-state p{font-size:12px}html[lang=en] .hero-copy{padding-top:32px}html[lang=en] .hero h1{font-size:45px;letter-spacing:-1px}html[lang=en] .hero p{font-size:12px;margin-top:17px}html[lang=en] .main-nav{gap:10px}html[lang=en] .section-heading h2{font-size:31px}html[lang=en] .story-copy h2{font-size:34px}html[lang=en] .filter-tab{font-size:11px}}
@media(max-width:360px){.hero h1{font-size:29px}.collection-tabs{gap:9px}.product-selection{flex-wrap:wrap}.product-price{margin-inline-start:0;width:100%}.header-actions{gap:6px}.hero-actions{gap:15px}html[lang=en] .hero h1{font-size:39px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Readable text and touch targets across writing systems and screen sizes. */
.announcement { font-size: .75rem; height: auto; min-height: 39px; padding: 7px 12px; text-align: center; }
.brand-caption, .soon, .overline, .hero-caption, .photo-caption, .photo-index { font-size: .75rem; }
.nav-link, .language-button, .eyebrow, .text-button, .button, .filter-tab, .sort-control select, .add-button, .footer-links button, .footer-links strong, .form-field, .search-suggestions button, .faq-items summary { font-size: .875rem; }
.hero p, .section-heading p, .story-copy p, dialog p { font-size: 1rem; }
.benefits strong { font-size: .875rem; }
.benefits small, .product-family, .product-badge, .filter-tab span, .catalog-count, .footer-main p, .footer-bottom, .demo-note, .form-note, .cart-size, .cart-item-end .text-button, .payment-note, .faq-items p, .sample-comparison span { font-size: .75rem !important; }
.product-price, .total-row { font-size: 1rem; }
.size-option { font-size: .875rem; min-height: 40px; padding: 5px 9px; }
.add-button, .button { min-height: 44px; }
.hero-caption { font-size: .75rem; line-height: 1.6; letter-spacing: .08em; max-width: 180px; }
.hero h1 { white-space: normal; }
.collection-tabs { flex-wrap: wrap; }
.hero-copy { padding-bottom: 28px; }
.footer-bottom span:last-child { font-size: .75rem; letter-spacing: .06em; }
@media (max-width: 900px) {
  .hero { min-height: 460px; }
  .hero-photo { min-height: 460px; }
  .hero p { font-size: .875rem; }
  .hero-caption { font-size: .75rem; }
  .hero-actions { gap: 16px; }
  .benefits { padding: 20px 4%; }
  .benefits > div { flex-direction: column; text-align: center; }
  .product-selection { flex-wrap: wrap; }
}
@media (max-width: 600px) {
  .announcement { font-size: .75rem; }
  .main-nav { gap: 22px; justify-content: flex-start; }
  .nav-link { font-size: .875rem; }
  .brand-caption { font-size: .75rem; letter-spacing: 0; }
  .soon { font-size: .75rem; }
  .hero { min-height: 0; }
  .hero-photo { min-height: 285px; }
  .hero p { font-size: 1rem; }
  .hero .button, .hero .text-button { font-size: .875rem; }
  .hero-actions { gap: 20px; }
  .hero-caption { font-size: .75rem; max-width: 170px; }
  .benefits strong { font-size: .75rem; }
  .collection-tabs { gap: 12px 20px; justify-content: flex-start; }
  .filter-tab { font-size: .875rem; }
  .sort-control select { font-size: .875rem; }
  .product-selection { flex-wrap: wrap; gap: 8px; }
  .product-price { margin-inline-start: 0; }
  .size-option { min-height: 40px; padding-inline: 9px; }
  .product-title { font-size: 27px; }
  .photo-index { font-size: .75rem; letter-spacing: .02em; }
  .product-badge { max-width: calc(100% - 16px); }
  .story-copy .text-button { font-size: .875rem; }
  html[lang=en] .hero h1 { font-size: 42px; white-space: normal; }
  html[lang=en] .hero p { font-size: 1rem; }
  html[lang=en] .main-nav { gap: 24px; }
  html[lang=en] .filter-tab { font-size: .875rem; }
  .collection-sign { flex-shrink: 0; }
}

/* The shop is organized around categories; product photos belong to product cards. */
.site-header { gap: 28px; }
.main-nav { flex-wrap: wrap; gap: 18px; }
.nav-link { white-space: nowrap; }
.generic-hero { grid-template-columns: 1.05fr 1fr; background: var(--cream); min-height: 540px; }
.generic-hero .hero-copy { padding: 64px 10% 32px; }
.generic-hero h1 { font-size: clamp(34px, 3.3vw, 52px); line-height: 1.6; }
.generic-hero p { max-width: 500px; }
.hero-actions .button { gap: 16px; }
.hero-actions .button .icon { width: 18px; height: 18px; }
html[dir=rtl] .hero-actions .icon, html[dir=rtl] .category-arrow { transform: rotate(180deg); }
.generic-hero .hero-bottom { padding-top: 40px; gap: 20px; align-items: center; }
.generic-hero .hero-caption { max-width: none; }
.hero-edit { position: relative; padding: 54px 10% 48px; border-inline-start: 1px solid #ddd9cc; overflow: hidden; }
.hero-edit .overline { position: relative; font-family: var(--body); letter-spacing: 0; font-size: .875rem; margin-bottom: 24px; }
.edit-monogram { position: absolute; inset-inline-end: -10px; top: -44px; color: #e1dfd3; font-family: var(--display); font-size: 310px; font-style: italic; line-height: 1; pointer-events: none; }
.hero-categories { position: relative; }
.hero-category { display: flex; align-items: center; gap: 16px; width: 100%; border-top: 1px solid #d4d6c8; text-align: start; padding: 22px 0; }
.hero-category:last-child { border-bottom: 1px solid #d4d6c8; }
.hero-category > .icon { width: 28px; height: 28px; flex-shrink: 0; }
.hero-category strong { font-size: 1.0625rem; font-weight: 500; display: block; }
.hero-category small { display: block; font-size: .75rem; color: var(--muted); line-height: 1.7; margin-top: 4px; }
.hero-category .category-arrow { margin-inline-start: auto; width: 18px; height: 18px; }
.category-number { font-size: .75rem; color: var(--muted); font-family: 'DM Sans', sans-serif; }
.hero-category:hover strong { text-decoration: underline; text-underline-offset: 5px; }
.collection-tabs { gap: 12px 24px; }
.collection-toolbar { align-items: flex-end; }
.sort-control { flex-shrink: 0; }
.size-picker { flex-wrap: wrap; max-width: 100%; }
.product-selection { flex-wrap: wrap; align-items: flex-start; }
.product-price { margin-inline-start: 0; }
.product-title { overflow-wrap: anywhere; }
.size-option.out-of-stock { border-style: dashed; }
button:disabled { opacity: .55; cursor: default; }
.add-button:disabled:hover { background: transparent; color: var(--ink); border-color: #ced2c6; }
.image-placeholder { display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 12px; width: 100%; height: 100%; min-height: 80px; background: var(--cream); color: var(--muted); padding: 12px; }
.image-placeholder .icon { width: 48px; height: 48px; stroke-width: 1; }
.image-placeholder > span { font-size: .75rem; text-align: center; }
.cart-thumbnail { width: 76px; height: 96px; flex-shrink: 0; overflow: hidden; }
.cart-thumbnail img { width: 100%; height: 100%; }
.cart-thumbnail .image-placeholder .icon { width: 30px; height: 30px; }
.cart-thumbnail .image-placeholder > span { display: none; }
.product-description { white-space: pre-line; }
.loading-message { color: var(--muted); font-size: .875rem; margin-bottom: 22px; }
.skeleton-photo { aspect-ratio: 1 / .99; background: var(--cream); }
.skeleton-line { height: 14px; background: var(--cream); width: 80%; margin-top: 16px; }
.skeleton-line.short { width: 50%; margin-top: 10px; }
.catalog-skeleton { opacity: .65; }
html[lang=en] .generic-hero h1 { font-size: clamp(42px, 4.1vw, 66px); line-height: 1.1; }
@media (max-width: 1150px) {
  .site-header { flex-wrap: wrap; gap: 16px; }
  .main-nav { order: 3; width: 100%; border-top: 1px solid var(--line); padding-top: 10px; justify-content: center; }
  .header-actions { margin-inline-start: auto; }
  .generic-hero .hero-copy { padding-inline: 8%; padding-top: 50px; }
  .hero-edit { padding-inline: 8%; }
  .hero-category { gap: 12px; }
}
@media (max-width: 900px) {
  .generic-hero { min-height: 490px; }
  .generic-hero .hero-copy { padding: 44px 7% 26px; }
  .hero-edit { padding: 42px 7% 32px; }
  .hero-category { padding-block: 18px; }
  .hero-category strong { font-size: .9375rem; }
  .category-number { display: none; }
  .collection-toolbar { flex-wrap: wrap; }
  .sort-control { margin-inline-start: auto; }
}
@media (max-width: 600px) {
  .main-nav { flex-wrap: nowrap; overflow-x: auto; justify-content: flex-start; padding-top: 8px; gap: 22px; }
  .nav-link { min-height: 44px; }
  .generic-hero { min-height: 0; }
  .generic-hero .hero-copy { padding: 36px 7% 30px; }
  .generic-hero h1 { font-size: 36px; line-height: 1.5; }
  html[lang=en] .generic-hero h1 { font-size: 45px; line-height: 1.1; }
  .generic-hero .hero-bottom { padding-top: 30px; }
  .hero-edit { padding: 30px 7%; border-inline-start: 0; border-top: 1px solid #ddd9cc; }
  .edit-monogram { top: -30px; font-size: 240px; }
  .hero-category { padding: 16px 0; gap: 14px; }
  .hero-category small { font-size: .75rem; }
  .hero-category > .icon { width: 24px; height: 24px; }
  .hero-category strong { font-size: 1rem; }
  .collection-tabs { width: 100%; gap: 8px 18px; }
  .filter-tab { min-height: 40px; }
  .cart-thumbnail { width: 65px; height: 90px; }
  .collection-toolbar { gap: 16px; }
  .product-grid { gap: 24px 14px; }
  .product-title { font-size: 24px; }
  .product-price { width: 100%; }
}
@media (max-width: 360px) {
  .generic-hero h1 { font-size: 30px; }
  html[lang=en] .generic-hero h1 { font-size: 39px; }
  .hero-actions { gap: 16px; }
  .hero-category small { max-width: 210px; }
}

/* Saved orders: review, failure recovery and a receipt stay in the same drawer. */
.checkout-fields { display: flex; flex-direction: column; gap: 15px; border: 0; padding: 0; margin: 0; min-width: 0; }
.checkout-fields:disabled { opacity: .7; }
.checkout-error, .checkout-retry-note { border-inline-start: 3px solid var(--gold); background: var(--cream); padding: 14px 16px; margin-bottom: 20px; }
.checkout-error p, .checkout-retry-note { font-size: .875rem; line-height: 1.8; }
.checkout-error .text-button { margin-top: 10px; }
.checkout-items { border-block: 1px solid var(--line); padding: 14px 0; }
.checkout-items h3 { font-family: var(--body); font-size: .875rem; margin-bottom: 12px; }
.checkout-items > div { display: flex; justify-content: space-between; gap: 16px; padding: 6px 0; font-size: .8125rem; }
.checkout-items > div > span { overflow-wrap: anywhere; }
.checkout-items strong { white-space: nowrap; font-weight: 500; }
.cart-stock-note { color: var(--ink); font-size: .75rem !important; line-height: 1.7; }
.order-receipt > .icon { width: 48px; height: 48px; margin: 8px 0 20px; stroke-width: 1.1; }
.order-receipt dl { margin: 22px 0; border-block: 1px solid var(--line); padding: 12px 0; }
.order-receipt dl > div { display: flex; align-items: baseline; justify-content: space-between; gap: 18px; margin-block: 12px; font-size: .875rem; }
.order-receipt dd { margin: 0; font-weight: 500; text-align: end; overflow-wrap: anywhere; }
.order-receipt dd[dir=ltr] { font-family: 'DM Sans', sans-serif; }
.order-receipt .payment-note { margin: 20px 0; line-height: 1.8; }
.order-receipt > .button { margin-top: 10px; }
#place-order-button:disabled { cursor: wait; }
#checkout-form[aria-busy=false] #place-order-button:disabled { cursor: not-allowed; }