/* ========================================================================
 HANEEN RUNWAY — BESPOKE LUXURY FASHION STOREFRONT
 Haneen Template Standard | v0.5 | HTML + Bootstrap 5.3 + CSS
 -------------------------------------------------------------------------
 Source organization:
 01. Global design tokens, resets and accessibility
 02. Editorial brand header and mobile navigation
 03. Homepage: cinematic split hero, category gallery and journal
 04. Product cards, collections, and catalog filtering
 05. Product detail, bag and checkout prototype
 06. Account, editorial, information and legal pages
 07. Responsive breakpoints and RTL
 All names, product images and figures are illustrative demo content.
 ======================================================================== */
:root{--black:#11100f;--ink:#28231f;--wine:#4b292e;--gold:#cfad78;--line:#dfdcd7;--warm:#f3f0eb;--cream:#fbfaf7;--muted:#766d65;--wide:1320px;--serif:Georgia,"Times New Roman",serif;--sans:Inter,"Segoe UI",Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;color:var(--ink);font:400 15px/1.72 var(--sans);background:#fff;overflow-x:hidden}
html[dir=rtl] body{font-family:Tahoma,"Segoe UI",Arial,sans-serif;line-height:1.85}
a{color:inherit;text-decoration:none}a:hover{color:var(--wine)}img{max-width:100%;vertical-align:middle}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}h1,h2,h3,h4{line-height:1.18}h1,h2,h3,p{margin-top:0}strong{font-weight:650}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
:focus-visible{outline:3px solid #ad793f;outline-offset:3px}::selection{background:#dfc59b;color:#1a1715}
.skip-link{position:fixed;top:-60px;left:10px;z-index:9999;background:#fff;color:#000;padding:12px}.skip-link:focus{top:10px}
.eyebrow,.product-micro,.small-caps{display:block;font-size:.66rem;letter-spacing:.24em;font-weight:650;text-transform:uppercase}
html[dir=rtl] .eyebrow,html[dir=rtl] .product-micro{letter-spacing:0;font-size:.75rem}
.eyebrow{color:var(--wine)}.gold{color:var(--gold)}
.btn-luxe,.btn-dark{display:inline-flex;justify-content:center;align-items:center;gap:28px;min-height:52px;padding:14px 25px;border:none;font-size:.77rem;font-weight:650;letter-spacing:.03em;transition:transform .2s,background .2s;color:#18130f;background:#d6b67d}
.btn-luxe:hover{background:#f0d1a0;transform:translateY(-2px);color:#17120f}
.btn-dark{background:#171411;color:white}.btn-dark:hover{background:#6c4345;color:#fff}
.btn-luxe span{font-size:1rem}.link-line{display:inline-flex;align-items:center;gap:16px;padding:0 0 6px;border-bottom:1px solid currentColor;font-size:.82rem;font-weight:600}
.link-line:hover{color:#966c4e}.link-line span{font-size:1.18rem}
/* 02 — BRAND HEADER. Brand lockup is one component on all 82 pages. */
.announcement{background:#12100f;color:#f8f4ed;display:flex;justify-content:center;align-items:center;position:relative;min-height:30px;padding:6px 30px;font-size:.67rem;letter-spacing:.07em}
.announcement-right{position:absolute;inset-inline-end:4%;opacity:.58;font-size:.61rem}
.masthead{background:#fff;position:sticky;z-index:100;top:0;box-shadow:0 1px 0 rgba(0,0,0,.06)}
.masthead-inner{width:min(1440px,96%);margin:auto;min-height:84px;display:flex;justify-content:space-between;gap:28px;align-items:center}
.brand{display:flex;align-items:center;gap:9px;white-space:nowrap;flex:none}.brand-h{font:400 40px/.85 var(--serif);color:#aa7f48;border-inline-end:1px solid #c2a47a;padding-inline-end:8px}
.brand-text{font:400 29px/.83 var(--serif);letter-spacing:-1px;display:flex;flex-direction:column}.brand-text small{font:700 8px/2 var(--sans);letter-spacing:.52em;margin-inline-start:2px}
.primary-nav{display:flex;gap:clamp(14px,2.2vw,35px);align-items:center;justify-content:center;flex:1}
.primary-nav a{font-size:.76rem;font-weight:650;padding:12px 0;position:relative}.primary-nav a:hover:after{content:'';position:absolute;bottom:7px;left:0;width:100%;height:1px;background:var(--wine)}
.head-actions{display:flex;gap:15px;align-items:center;flex:none}.head-actions>a,.head-actions>button{position:relative;display:inline-flex;align-items:center;justify-content:center;background:none;border:0;padding:5px;color:#2a2825}
.head-actions svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round}.count-pill{font:600 9px var(--sans);background:#a77a43;color:#fff;border-radius:50%;width:16px;height:16px;display:grid;place-items:center;position:absolute;top:-6px;right:-6px}
.head-actions .lang-switch{font-weight:700;font-size:.72rem;min-width:30px}.mobile-trigger{display:none;flex-direction:column;gap:4px;padding:10px;border:0;background:transparent}.mobile-trigger span{height:1px;background:#1b1917;width:24px}
.search-overlay{display:none;background:#f8f6f3;box-shadow:0 8px 17px #0001;padding:24px max(calc((100vw - 980px)/2),30px)}.search-overlay.visible{display:block}.search-overlay label{display:block;letter-spacing:.1em;font-size:.72rem;margin-bottom:7px}.search-overlay>div{display:flex;border-bottom:1px solid #a89b8c}.search-overlay input{flex:1;background:none;border:0;padding:10px 0;min-width:0;outline:none}.search-overlay button{background:none;border:0;letter-spacing:.1em}
/* 03 — HOME. Editorial two-column hero, deliberately different from other Haneen stores. */
.hero{display:grid;grid-template-columns:42% 58%;min-height:610px;background:#161310;color:#fff;position:relative;overflow:hidden}
.hero-copy{padding:clamp(65px,7.8vw,125px) max(35px,7vw) 52px max(38px,calc((100vw - 1350px)/2));position:relative;z-index:2}
.hero-copy h1{font:400 clamp(3.6rem,5.7vw,6.9rem)/.96 var(--serif);letter-spacing:-.043em;margin:26px 0 22px;max-width:600px}
.hero-copy h1 em{display:block;color:#dbb47c;font:italic 400 .84em/1.11 var(--serif);margin-top:5px}
.hero-copy p{max-width:390px;color:#e5ded4;font-size:1rem;margin-bottom:30px}
.hero-index{display:flex;align-items:center;gap:17px;color:#e7dccd;margin-top:60px;font-size:11px}.hero-index i{width:84px;height:1px;background:#d0ad79}.hero-index span{opacity:.3}
.hero-visual{min-height:590px;position:relative;overflow:hidden}.hero-visual:before{content:'';position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,#161310cc 0%,transparent 42%);pointer-events:none}
.hero-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:38% 30%;filter:saturate(.9)}.hero-vertical{position:absolute;color:#fff;z-index:2;right:14px;top:50%;writing-mode:vertical-rl;transform:translateY(-50%);font-size:10px;letter-spacing:.25em}
.benefits-strip{display:flex;justify-content:center;align-items:center;gap:clamp(18px,6vw,95px);padding:20px 25px;background:#faf9f6;border-bottom:1px solid #eeeae4;font-size:.75rem;color:#4c4640}
.block-shell{max-width:var(--wide);margin:0 auto;padding:90px 25px}
.section-title{margin-bottom:32px}.section-title h2{font:400 clamp(2.1rem,3.25vw,3.6rem)/1.11 var(--serif);margin:9px 0 0;letter-spacing:-.035em}
html[dir=rtl] .section-title h2{font-family:Tahoma,"Segoe UI",sans-serif;font-weight:500;line-height:1.3;letter-spacing:0}
.category-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.category-tile{position:relative;overflow:hidden;height:390px;background:#d5cec2}.category-tile img{height:100%;width:100%;object-fit:cover;transition:transform .55s;object-position:center 28%}.category-tile:hover img{transform:scale(1.04)}.category-tile:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#0009)}.category-tile span{position:absolute;z-index:1;bottom:19px;left:20px;right:20px;color:#fff;display:flex;align-items:center;justify-content:space-between;font-size:1rem;font-weight:550}.category-tile small{border:1px solid #fffa;width:33px;height:33px;border-radius:50%;display:grid;place-items:center}
.editorial-feature{display:grid;grid-template-columns:50% 50%;min-height:485px;background:#f2eee8}.editorial-image{min-height:485px;position:relative;overflow:hidden}.editorial-image img{width:100%;height:100%;object-fit:cover;filter:contrast(1.12) grayscale(1);position:absolute;inset:0}.editorial-image span{position:absolute;bottom:27px;left:30px;font-size:9px;letter-spacing:.3em;color:white}.editorial-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:65px clamp(34px,8vw,155px)}.editorial-copy h2{font:400 clamp(3rem,5vw,6rem)/.99 var(--serif);margin:20px 0 26px;letter-spacing:-.06em}.editorial-copy h2 em{display:block;font-weight:400}.editorial-copy p{max-width:430px;color:#6e6259;margin-bottom:22px}
.bestsellers .product-grid{margin-top:35px}.center-link{display:flex;justify-content:center;margin-top:36px}
.two-feature{display:grid;grid-template-columns:1fr 1fr;gap:0;background:#eee}.feature-card{position:relative;display:block;height:500px;overflow:hidden;background:#b9aba4}.feature-card img{width:100%;height:100%;object-fit:cover;object-position:center 26%;filter:brightness(.68);transition:transform .6s}.feature-card:hover img{transform:scale(1.035)}.feature-card.soft img{filter:brightness(.72)}
.feature-caption{position:absolute;top:50%;left:11%;right:11%;transform:translateY(-50%);color:white;display:flex;flex-direction:column;align-items:flex-start;gap:13px}.feature-caption .eyebrow{color:#efddbe}.feature-caption strong{font:400 clamp(2.6rem,4vw,4.6rem) var(--serif)}.feature-caption small{border-bottom:1px solid #fff;color:#fff;padding-bottom:9px}.story-intro{text-align:center}.story-intro>span{font:600 .76rem var(--serif);letter-spacing:.2em}.story-intro blockquote{font:italic 400 clamp(2.3rem,3.9vw,4.5rem)/1.15 var(--serif);margin:32px auto;max-width:900px}.story-intro a{font-size:.78rem;border-bottom:1px solid;padding-bottom:8px}
/* 04 — UNIQUE PRODUCT PRESENTATION AND CATALOG */
.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:21px}.product-photo{display:block;height:352px;position:relative;background:#e9e3dd;overflow:hidden}.product-photo img{height:100%;width:100%;object-fit:cover;object-position:center 22%;transition:transform .5s}.product-photo:hover img{transform:scale(1.045)}.product-tag{position:absolute;inset-inline-start:12px;top:12px;padding:6px 10px;background:#fff;color:#222;font-size:.59rem;letter-spacing:.08em;text-transform:uppercase}
.product-info{display:flex;justify-content:space-between;align-items:flex-start;gap:7px;padding:15px 0}.product-micro{font-size:.52rem;color:#897b6c;letter-spacing:.13em}.product-name{font:.95rem/1.3 var(--sans);font-weight:600;display:block;margin:7px 0}.product-price{font-size:.82rem;font-weight:700}.product-price del{font-size:.74rem;font-weight:400;color:#9f9690;margin-inline-start:5px}.product-actions{display:flex;gap:6px;white-space:nowrap}.icon-button{background:#fff;border:1px solid #e6e0d9;width:33px;height:33px;display:grid;place-items:center;border-radius:50%;padding:7px}.icon-button svg{fill:none;stroke:#35302e;stroke-width:1.7;width:16px;height:16px}.icon-button:hover,.icon-button.active{border-color:#753a42;color:#753a42}.icon-button.active svg{stroke:#753a42;fill:#f1dfdf}
.catalog-lead{background:#eeeae4;padding:74px 20px 68px;text-align:center}.catalog-lead h1{font:400 clamp(3.2rem,5vw,5rem)/1.12 var(--serif);margin:14px 0}.catalog-lead p{color:#736b63;margin:auto;max-width:580px}.shop-shell{display:grid;grid-template-columns:225px minmax(0,1fr);gap:45px;margin:65px auto 100px;padding:0 25px;max-width:var(--wide)}
.filter-panel{border-top:1px solid #d5cec4;padding:18px 0}.filter-panel>span{font-size:.63rem;letter-spacing:.15em;color:#8d7861}.filter-panel h2{font:400 2.1rem var(--serif);margin:12px 0 28px}.filter-categories{border-bottom:1px solid var(--line);padding-bottom:20px;display:flex;flex-direction:column;align-items:stretch;gap:6px}.filter-categories button{background:none;border:0;text-align:start;padding:11px 6px;font-size:.88rem}.filter-categories button.active,.filter-categories button:hover{color:#734d3b;font-weight:700}.filter-note{padding:23px;background:#e7e0d7;margin-top:30px}.filter-note strong{font-size:.67rem;letter-spacing:.15em}.filter-note p{margin-top:12px;margin-bottom:0;font:italic 1.25rem var(--serif)}
.shop-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px;border-bottom:1px solid #e9e3dc;padding-bottom:18px;font-size:.78rem}.toolbar-controls{display:flex;align-items:center;gap:9px}.toolbar-controls input,.toolbar-controls select{border:1px solid #ddd6ce;padding:8px 12px;background:white;color:#443e3b;font-size:.79rem;max-width:155px}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-grid .product-photo{height:380px}.empty-results{text-align:center;padding:65px;font-size:1.1rem}
.collection-hero{min-height:570px;display:grid;grid-template-columns:45% 55%;background:#181615;color:#fff;overflow:hidden}.collection-hero>div{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:65px clamp(35px,7vw,120px)}.collection-hero .eyebrow{color:#e7c58c}.collection-hero h1{font:400 clamp(3.6rem,5vw,6.2rem)/1.02 var(--serif);letter-spacing:-.055em;margin:25px 0}.collection-hero p{color:#c9bfb2;max-width:430px}.collection-hero img{width:100%;height:100%;max-height:570px;object-fit:cover;object-position:center 25%}.collection-quote{text-align:center;background:#ede8df;font:italic 400 clamp(1.6rem,2.6vw,2.9rem)/1.3 var(--serif);padding:65px 15%;color:#4c4139}.collection-bottom{display:grid;grid-template-columns:55% 45%;min-height:350px;background:#efeae3}.collection-bottom>img{object-fit:cover;width:100%;height:420px;filter:grayscale(1)}.collection-bottom>div{padding:65px 12%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.collection-bottom h2{font:400 3rem var(--serif);max-width:390px;margin:20px 0}
/* 05 — PRODUCT DETAIL / BAG / CHECKOUT */
.breadcrumbs{max-width:var(--wide);padding:25px 25px 0;margin:auto;font-size:.75rem;color:#827569}.breadcrumbs a{text-decoration:underline;text-underline-offset:3px}
.product-detail{max-width:var(--wide);padding:38px 25px 70px;margin:auto;display:grid;grid-template-columns:minmax(0,1.13fr) minmax(0,1fr);align-items:start;gap:clamp(40px,6vw,95px)}
.product-art{background:#ede7df;position:relative;min-height:620px;overflow:hidden}.product-art img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center top}.art-note{position:absolute;bottom:20px;left:25px;color:#333;background:#fffdf2c9;padding:6px 12px;letter-spacing:.1em;font-size:.57rem}.product-description{padding-top:35px}.product-description h1{font:400 clamp(2.9rem,4.3vw,5rem)/1.04 var(--serif);margin:18px 0 15px}.rating-line{font-size:.75rem;letter-spacing:.1em;color:#a47c42}.rating-line span{color:#8f857c;letter-spacing:0}.product-detail-price{font-size:1.5rem;font-weight:600;margin-top:20px}.product-detail-price del{font-size:.8rem;color:#a59c91}.intro-copy{max-width:520px;color:#655b53;margin:30px 0}.small-caps{margin-bottom:12px}.swatch-row{display:flex;gap:10px;margin-bottom:24px}.swatch{width:27px;height:27px;border:3px solid white;outline:1px solid #d4ccc1;border-radius:50%}.swatch.active{outline:2px solid #4a352d}.size-select{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e8e2dc;border-bottom:1px solid #e8e2dc;padding:15px 0;font-size:.83rem}.size-select select{border:0;background:transparent;padding:6px 20px}.guide-link{display:inline-block;margin-top:14px;font-size:.74rem;text-decoration:underline;text-underline-offset:3px}.purchase-actions{display:flex;gap:11px;align-items:center;margin:30px 0}.purchase-actions>label{display:flex;align-items:center;gap:12px;font-size:.7rem}.purchase-actions input{width:62px;padding:12px;border:1px solid var(--line)}.purchase-actions .btn-dark{flex:1}.wishlist-big{width:47px;height:50px;font-size:1.6rem;border:1px solid #ddd3cb;background:transparent}
.details-accordions details{padding:15px 0;border-top:1px solid #e8e3db}.details-accordions details:last-child{border-bottom:1px solid #e8e3db}.details-accordions summary{cursor:pointer;font-weight:650;font-size:.85rem}.details-accordions p{font-size:.8rem;color:#70645a;margin:14px 0 0}.related-block{padding-top:20px}
.text-page{max-width:var(--wide);padding:64px 25px 100px;margin:auto}.page-title-block{margin:0 auto 57px;text-align:center;max-width:820px}.page-title-block h1{font:400 clamp(3.2rem,5vw,5.6rem)/1.1 var(--serif);letter-spacing:-.055em;margin:17px 0}.page-title-block p{color:#82766a;font-size:.98rem}.size-split{display:grid;grid-template-columns:1.5fr .7fr;gap:65px}.size-split h2{font:400 2.4rem var(--serif)}.size-image img{width:100%;height:530px;object-fit:cover}.size-table{border-collapse:collapse;width:100%;margin:30px 0 17px}.size-table th,.size-table td{border-bottom:1px solid var(--line);padding:16px;text-align:center;font-size:.82rem}.size-table th:first-child{text-align:start}.demo-hint{font-size:.72rem;color:#8c7765}.material-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.material-grid article{background:#f2eee9;padding:24px}.material-grid article span{font-size:.7rem;letter-spacing:.2em}.material-grid h2{font:400 2rem var(--serif);margin:19px 0}.material-grid p{min-height:85px;color:#776b60}.material-grid img{height:330px;object-fit:cover;width:100%}
.bag-layout{display:grid;grid-template-columns:1.5fr .75fr;gap:55px}.bag-items{min-height:260px;border-top:1px solid #d7cec1}.empty-collection{text-align:center;padding:75px 30px}.bag-line{border-bottom:1px solid var(--line);padding:17px 0;display:grid;grid-template-columns:80px minmax(0,1fr) 100px;gap:18px;align-items:center}.bag-line img{width:80px;height:105px;object-fit:cover}.bag-line button{border:0;background:none;text-decoration:underline;font-size:.74rem}.bag-line .bag-line-total{text-align:end;font-weight:650}.bag-summary{background:#f2efe9;padding:35px;align-self:start}.bag-summary h2{font:400 2.3rem var(--serif)}.bag-summary>div{display:flex;justify-content:space-between;border-top:1px solid #dcd4ca;border-bottom:1px solid #dcd4ca;padding:19px 0;margin:25px 0}.bag-summary .btn-dark{width:100%}
.checkout-form{max-width:1150px;margin:auto;display:grid;grid-template-columns:1.6fr .9fr;gap:65px}.checkout-form .check-fields{display:flex;flex-direction:column;gap:19px}.checkout-form h2{font:400 2.3rem var(--serif)}.checkout-form label,.auth-form label,.contact-form label{display:flex;flex-direction:column;gap:7px;font-size:.78rem;font-weight:650}.checkout-form input,.checkout-form select,.contact-form input,.contact-form textarea,.auth-form input,.auth-form textarea{border:1px solid #e0d8cf;border-radius:0;background:white;padding:13px 14px;min-width:0}.checkout-form .two-inputs{display:grid;grid-template-columns:1fr 1fr;gap:18px}.checkout-form .checkbox-line,.auth-form .checkbox-line{display:flex;flex-direction:row;align-items:center}.demo-alert{background:#f7eddc;border-inline-start:3px solid #b47d3e;color:#714f29;padding:17px;font-size:.84rem}.checkout-aside{background:#e9e4dd;padding:25px}.checkout-aside img{height:290px;width:100%;object-fit:cover;filter:grayscale(1)}.checkout-aside h3{font:400 2rem var(--serif);margin-top:20px}.checkout-aside p{font-size:.77rem;color:#66584f}.center-state{text-align:center;max-width:690px;margin:130px auto;padding:0 25px}.center-state h1{font:400 4rem var(--serif)}.center-state p{margin:25px 0}.large-mark{font-size:3rem;color:#9e7d53;display:block;margin-bottom:15px}
/* 06 — ACCOUNTS / JOURNAL / LEGAL INFORMATION */
.account-wrap{max-width:1040px;margin:70px auto;padding:0 25px 90px}.account-links{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.account-links a{border:1px solid var(--line);padding:30px;display:flex;flex-direction:column;gap:30px}.account-links a strong{color:#a77e4c;font:400 3rem var(--serif)}.no-orders{text-align:center;padding:80px;background:#f3eee8}.no-orders h2{font:400 2.5rem var(--serif)}.wishlist-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.auth-page{display:grid;grid-template-columns:1fr 1fr;min-height:680px}.auth-art{position:relative;background:#101010}.auth-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.75)}.auth-art p{position:absolute;left:10%;top:17%;color:#fff;font:400 2.9rem var(--serif)}.auth-art em{font-size:3.5rem}.auth-panel{padding:70px clamp(25px,7vw,140px);display:flex;justify-content:center;flex-direction:column}.auth-panel h1{font:400 clamp(3rem,4vw,4.6rem) var(--serif);margin:20px 0}.auth-panel>p{color:#746b64}.auth-form{display:flex;flex-direction:column;gap:16px;margin:25px 0}.auth-switch{display:flex;gap:16px;flex-wrap:wrap;font-size:.75rem}.auth-switch a{text-decoration:underline;text-underline-offset:4px}.journal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.journal-grid a{display:flex;flex-direction:column;gap:13px}.journal-grid img{width:100%;height:380px;object-fit:cover;object-position:top}.journal-grid span{font:400 1.65rem var(--serif)}.journal-grid small{text-decoration:underline}.journal-article{max-width:1020px;margin:85px auto 110px;padding:0 25px}.journal-article-header{text-align:center;max-width:760px;margin:0 auto 40px}.journal-article-header h1{font:400 clamp(3.1rem,5vw,5.6rem) var(--serif)}.journal-article>img{width:100%;height:480px;object-fit:cover;filter:grayscale(1)}.journal-copy{max-width:760px;margin:58px auto;font-size:1.08rem}.journal-copy h2{font:400 2.7rem var(--serif);margin-top:45px}.about-page{display:grid;grid-template-columns:44% 56%;background:#eee8de;min-height:590px}.about-page>div{padding:90px clamp(35px,8vw,155px);align-self:center}.about-page h1{font:400 clamp(3.5rem,5vw,6rem) var(--serif);margin:18px 0}.about-page h1 em{display:block}.about-page p{color:#72665e;max-width:455px}.about-page>img{object-fit:cover;object-position:center 24%;width:100%;height:100%;max-height:690px}.value-three{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;max-width:var(--wide);margin:80px auto;padding:0 25px}.value-three article{border-top:1px solid #d8caba;padding-top:22px}.value-three b{font:400 2.5rem var(--serif);color:#b08a58}.value-three h2{font:400 2rem var(--serif);margin-top:28px}
.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:12%}.contact-layout h2{font:400 3rem var(--serif)}.contact-layout p{max-width:440px;color:#786d62}.contact-form{display:flex;flex-direction:column;gap:18px}.contact-form a{text-decoration:underline}.faq-shell{display:grid;grid-template-columns:1fr 1.5fr;gap:12%}.faq-aside{background:#28211d;color:#fff;padding:45px}.faq-aside h2{font:400 2.9rem var(--serif);margin:20px 0 30px}.faq-aside a{color:#e6c699}.faq-list details{border-bottom:1px solid var(--line);padding:23px 0}.faq-list summary{font-weight:650;cursor:pointer}.faq-list p{font-size:.9rem;color:#766b61;margin:18px 0 0}.policy-list{max-width:850px;margin:auto}.policy-list article{display:grid;grid-template-columns:80px 1fr;border-top:1px solid #e3d9ce;padding:35px 0}.policy-list article>span{font:400 1.8rem var(--serif);color:#a07d50}.policy-list h2{font:400 2rem var(--serif)}.directory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.directory-grid section{border-top:2px solid #c8ad87;padding-top:20px}.directory-grid h2{font:400 1.7rem var(--serif)}.directory-grid a{display:block;border-bottom:1px solid #eee7df;padding:10px 0;font-size:.78rem}
/* 07 — NEWSLETTER AND FOOTER */
.newsletter-band{display:grid;grid-template-columns:1.5fr 1fr;gap:30px;align-items:center;padding:85px max(25px,calc((100vw - 1280px)/2));background:#e9e2d8}.newsletter-band h2{font:400 clamp(2rem,3.4vw,3.5rem) var(--serif);max-width:670px;margin:17px 0}.newsletter-band p{color:#77695d;margin:0}.newsletter-form{display:flex;border-bottom:1px solid #4f4035}.newsletter-form input{min-width:0;flex:1;background:none;border:0;padding:17px 0;outline:none}.newsletter-form button{border:0;background:none;font-size:2rem;line-height:1}
.footer{background:#191613;color:#eee9e1;padding:65px max(25px,calc((100vw - 1280px)/2)) 25px}.footer-columns{display:grid;grid-template-columns:2.1fr repeat(3,1fr);gap:48px}.footer-brand p{color:#c4b9ae;max-width:290px;margin-top:20px}.footer-caption{font-size:.58rem;color:#aa9075;letter-spacing:.3em}.brand-light .brand-text{color:#fff}.footer h3{font-size:.71rem;letter-spacing:.13em;margin-bottom:20px;color:#c5a77d}.footer-columns>div:not(:first-child) a{display:block;margin:12px 0;color:#d5cdc4;font-size:.82rem}.footer-columns a:hover{color:#eec891}.footer-bottom{border-top:1px solid #453d36;margin-top:70px;padding-top:22px;display:flex;justify-content:space-between;gap:25px;font-size:.66rem;color:#a79a8d}
.toast-demo{position:fixed;bottom:24px;right:24px;z-index:9999;background:#211d1a;color:#fff;padding:15px 23px;box-shadow:0 16px 45px #0003;max-width:350px;font-size:.83rem;animation:toast-in .22s ease-out}.toast-demo[hidden]{display:none}@keyframes toast-in{from{transform:translateY(14px);opacity:0}to{transform:none;opacity:1}}
/* RTL: logical properties control flow; exceptions preserve meaningful media positioning. */
html[dir=rtl] .hero{grid-template-columns:42% 58%}html[dir=rtl] .hero-copy{padding:clamp(65px,7.8vw,125px) max(35px,7vw) 52px max(38px,calc((100vw - 1350px)/2))}
html[dir=rtl] .hero-copy h1,html[dir=rtl] .collection-hero h1{font-family:Tahoma,"Segoe UI",sans-serif;font-size:clamp(2.8rem,4.8vw,5.2rem);font-weight:650;letter-spacing:0;line-height:1.3}
html[dir=rtl] .hero-copy h1 em{font-family:Tahoma,"Segoe UI",sans-serif;font-style:normal;color:#dbb47c}html[dir=rtl] .hero-visual:before{background:linear-gradient(270deg,#161310cc 0%,transparent 42%)}
html[dir=rtl] .hero-vertical{right:auto;left:12px}html[dir=rtl] .category-tile span{left:20px;right:20px}html[dir=rtl] .art-note{left:auto;right:25px}
html[dir=rtl] .editorial-copy h2,html[dir=rtl] .collection-bottom h2,html[dir=rtl] .page-title-block h1,html[dir=rtl] .product-description h1,html[dir=rtl] .auth-panel h1,html[dir=rtl] .catalog-lead h1,html[dir=rtl] .journal-article h1,html[dir=rtl] .about-page h1{font-family:Tahoma,"Segoe UI",sans-serif;letter-spacing:0;line-height:1.3;font-weight:550}
html[dir=rtl] .editorial-copy h2 em,html[dir=rtl] .about-page h1 em{font-style:normal}
/* 08 — Desktop/tablet/mobile behavior. Visual QA at 1440/768/390 px. */
@media(max-width:1240px){.masthead-inner{gap:12px}.primary-nav{gap:15px}.head-actions{gap:10px}.brand-text{font-size:25px}.brand-h{font-size:34px}.hero-copy{padding-inline:35px}.product-photo{height:310px}.category-tile{height:330px}}
@media(max-width:1020px){.announcement-right{display:none}.mobile-trigger{display:flex;order:-1}.masthead-inner{min-height:71px}.primary-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;box-shadow:0 15px 30px #0001;flex-direction:column;align-items:stretch;padding:20px 6%;gap:0}.primary-nav.open{display:flex}.primary-nav a{border-bottom:1px solid #eee8e1;padding:13px}.brand{margin-inline:auto}.head-actions{gap:11px}.head-actions .lang-switch{font-size:.7rem}.hero{grid-template-columns:47% 53%;min-height:510px}.hero-copy{padding:70px 35px}.hero-copy h1{font-size:clamp(3.3rem,5.1vw,5rem)}.hero-visual{min-height:510px}.category-gallery{grid-template-columns:repeat(4,1fr)}.category-tile{height:260px}.product-grid{grid-template-columns:repeat(3,1fr)}.product-photo{height:300px}.catalog-grid{grid-template-columns:repeat(2,1fr)}.footer-columns{grid-template-columns:repeat(2,1fr)}.footer-brand{grid-column:auto}}
@media(max-width:700px){.announcement{font-size:.58rem;min-height:27px}.masthead-inner{width:95%;min-height:63px;gap:5px}.brand-text{font-size:22px}.brand-text small{font-size:6px}.brand-h{font-size:28px}.head-actions>a:nth-child(3){display:none}.head-actions .lang-switch{display:none}.head-actions{gap:7px}.head-actions svg{width:17px;height:17px}.hero{display:flex;flex-direction:column-reverse;min-height:auto}.hero-visual{min-height:320px;height:360px}.hero-visual:before{background:linear-gradient(0deg,#161310 0,transparent 50%)}.hero-visual img{object-position:50% 18%}.hero-copy{padding:24px 25px 48px;text-align:center;display:flex;flex-direction:column;align-items:center}.hero-copy h1{font-size:clamp(3.5rem,12vw,5.1rem);margin:13px 0}.hero-copy p{font-size:.83rem}.hero-index{margin-top:28px}.hero-vertical{display:none}.benefits-strip{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;text-align:center;font-size:.66rem;padding:18px}.block-shell{padding:53px 17px}.section-title h2{font-size:2.3rem}.category-gallery{grid-template-columns:repeat(2,1fr);gap:10px}.category-tile{height:250px}.category-tile span{font-size:.81rem;bottom:11px;left:12px;right:12px}.category-tile small{width:26px;height:26px}.editorial-feature{grid-template-columns:1fr}.editorial-image{min-height:270px}.editorial-copy{padding:55px 25px;align-items:flex-start}.editorial-copy h2{font-size:3.6rem}.product-grid,.catalog-grid,.wishlist-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-photo,.catalog-grid .product-photo{height:250px}.product-tag{font-size:.53rem}.product-info{flex-wrap:wrap}.product-micro{font-size:.52rem}.product-name{font-size:.81rem}.product-actions{gap:4px}.icon-button{width:28px;height:28px}.two-feature{grid-template-columns:1fr}.feature-card{height:320px}.feature-caption strong{font-size:3rem}.story-intro blockquote{font-size:2.6rem}.catalog-lead{padding:55px 18px}.catalog-lead h1{font-size:3.5rem}.shop-shell{grid-template-columns:1fr;margin:32px auto;gap:16px;padding:0 15px}.filter-panel{padding:12px 0}.filter-panel h2,.filter-note{display:none}.filter-categories{flex-direction:row;gap:7px;border:none;overflow:auto;padding-bottom:5px;white-space:nowrap}.filter-categories button{border:1px solid #e8e1da;padding:8px 13px}.shop-toolbar{flex-wrap:wrap;justify-content:flex-start}.toolbar-controls{width:100%;flex-wrap:wrap}.toolbar-controls input{flex:1;max-width:none}.collection-hero{grid-template-columns:1fr}.collection-hero>div{padding:55px 25px}.collection-hero h1{font-size:3.7rem}.collection-hero img{max-height:300px}.collection-quote{padding:42px 22px;font-size:1.8rem}.collection-bottom{grid-template-columns:1fr}.collection-bottom>img{height:270px}.collection-bottom>div{padding:40px 25px}.product-detail{grid-template-columns:1fr;gap:24px;padding:18px 16px 50px}.product-art{min-height:430px}.product-description{padding-top:0}.product-description h1{font-size:3rem}.breadcrumbs{padding:18px}.size-split,.checkout-form,.bag-layout,.auth-page,.contact-layout,.faq-shell,.about-page,.newsletter-band{grid-template-columns:1fr}.size-image img{height:340px}.material-grid{grid-template-columns:1fr}.material-grid img{height:280px}.checkout-form{gap:35px}.checkout-form .two-inputs{grid-template-columns:1fr}.checkout-aside{display:none}.text-page{padding:45px 17px 65px}.page-title-block{margin-bottom:32px}.page-title-block h1{font-size:3.4rem}.auth-art{display:none}.auth-panel{padding:50px 25px}.journal-grid{grid-template-columns:1fr}.journal-grid img{height:350px}.journal-article>img{height:260px}.journal-copy{font-size:.98rem}.about-page>div{padding:60px 25px}.about-page>img{height:330px}.value-three{grid-template-columns:1fr}.policy-list article{grid-template-columns:40px 1fr}.directory-grid{grid-template-columns:1fr}.newsletter-band{padding:55px 23px;gap:18px}.footer{padding:55px 24px 26px}.footer-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px}.footer-brand{grid-column:1/-1}.footer-bottom{margin-top:35px;flex-direction:column;gap:8px}.search-overlay{padding:20px}.toast-demo{left:12px;right:12px;bottom:15px;max-width:none}}
@media(max-width:380px){.head-actions{gap:2px}.head-actions svg{width:15px;height:15px}.brand-text{font-size:19px}.hero-visual{height:320px;min-height:320px}.product-photo,.catalog-grid .product-photo{height:210px}.product-actions{gap:2px}.icon-button{width:25px;height:25px}.feature-card{height:280px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Mobile account tiles must wrap; prevents the bilingual account menu from overflowing. */
@media(max-width:700px){.account-links{grid-template-columns:1fr}.account-links a{min-width:0}.account-wrap{margin:40px auto}}
/* Narrow 320px devices: keep catalogs and measurement tables within viewport. */
@media(max-width:380px){
 .shop-shell,.catalog-main,.filter-panel,.shop-toolbar,.toolbar-controls{min-width:0;max-width:100%;width:100%}
 .filter-categories{min-width:0;max-width:100%;overflow-x:auto;flex-wrap:nowrap}
 .filter-categories button{flex:0 0 auto}
 .toolbar-controls input{flex:1 1 120px;width:auto;min-width:0;max-width:100%}
 .toolbar-controls select{flex:1 1 120px;max-width:100%;min-width:0}
 .catalog-grid{min-width:0;grid-template-columns:repeat(2,minmax(0,1fr))}
 .size-split>div{min-width:0;width:100%}
 .size-table{table-layout:fixed;width:100%}
 .size-table th,.size-table td{padding:7px 2px;font-size:.66rem}
}