/* Aşiyan Storefront V5 — sıfırdan, tek tasarım sistemi */
:root{
  --ink:var(--brand-ink,#171312);
  --muted:var(--brand-muted,#746d69);
  --accent:var(--brand-accent,#8d2947);
  --paper:#f8f5f1;
  --surface:#fff;
  --soft:#f1ece7;
  --line:#ded7d0;
  --line-dark:#b9b0a9;
  --sale:#b8253b;
  --green:#1d7653;
  --shadow:0 18px 55px rgba(39,27,22,.08);
  --header-h:76px;
  --page-x:clamp(18px,4vw,68px);
  --content-max:1600px;
  --font:'Manrope',Arial,sans-serif;
  --display:'Cormorant Garamond',Georgia,serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--paper)}
body{transition:opacity .22s ease;margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.is-locked{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
img,video{display:block;max-width:100%}
.icon{width:20px;height:20px;display:block;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}
.desktop-only{display:flex!important}
.mobile-only{display:none!important}
.store-main{min-height:55vh;overflow:hidden}
[hidden]{display:none!important}
[data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.8,.2,1)}
[data-reveal].is-visible{opacity:1;transform:none}

/* Üst duyuru */
.top-strip{height:29px;overflow:hidden;background:#1a1716;color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}
.top-strip-track{height:100%;display:flex;align-items:center;width:max-content;animation:stripMove 28s linear infinite}
.top-strip-track span{padding:0 32px;font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}
.top-strip-track i{width:3px;height:3px;background:#d1a5b1;transform:rotate(45deg)}
@keyframes stripMove{to{transform:translateX(-50%)}}

/* Header */
.store-header{position:sticky;top:0;z-index:80;height:var(--header-h);background:rgba(248,245,241,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(18px);transition:height .25s ease,box-shadow .25s ease}
.store-header.is-compact{height:64px;box-shadow:0 8px 28px rgba(25,18,14,.06)}
.header-shell{height:100%;max-width:var(--content-max);margin:auto;padding:0 var(--page-x);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}
.header-nav{align-items:center;gap:28px;height:100%}
.nav-entry{height:100%;display:flex;align-items:center}
.nav-entry>a{position:relative;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
.nav-entry>a:after{content:"";position:absolute;left:0;right:100%;bottom:-9px;height:1px;background:var(--ink);transition:right .25s ease}
.nav-entry:hover>a:after{right:0}
.store-logo{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:142px;line-height:1}
.store-logo strong{font-family:var(--display);font-size:31px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.store-logo small{margin-top:7px;font-size:7px;font-weight:700;letter-spacing:.31em;color:var(--muted)}
.store-logo.has-logo-image img{max-width:150px;max-height:48px;object-fit:contain}
.header-actions{justify-self:end;display:flex;align-items:center;gap:2px}
.header-icon{position:relative;height:44px;min-width:44px;padding:0 11px;border:0;background:transparent;display:flex;align-items:center;justify-content:center;gap:7px}
.header-icon span{font-size:10px;font-weight:600;text-transform:uppercase}
.header-icon b{position:absolute;top:3px;right:2px;min-width:17px;height:17px;padding:0 4px;display:grid;place-items:center;background:var(--accent);color:#fff;font-size:8px;border-radius:50%;font-weight:700}
.header-icon:hover{background:rgba(23,19,18,.04)}

/* Mega menü */
.mega-menu{position:absolute;top:100%;left:0;right:0;display:grid;grid-template-columns:minmax(240px,.75fr) minmax(360px,1.2fr) minmax(330px,.8fr);gap:48px;padding:42px var(--page-x);background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);box-shadow:0 28px 60px rgba(30,21,18,.1);opacity:0;visibility:hidden;transform:translateY(-8px);transition:.22s ease;z-index:30}
.nav-entry:hover .mega-menu{opacity:1;visibility:visible;transform:none}
.mega-menu-copy span,.mega-menu-visual span{font-size:8px;font-weight:700;letter-spacing:.22em;color:var(--accent)}
.mega-menu-copy h3{margin:10px 0 12px;font-family:var(--display);font-size:42px;font-weight:500;line-height:1}
.mega-menu-copy p{max-width:310px;color:var(--muted);font-size:12px}
.mega-menu-copy a{display:inline-flex;align-items:center;gap:12px;margin-top:18px;font-size:10px;font-weight:700;text-transform:uppercase;border-bottom:1px solid var(--ink);padding-bottom:4px}
.mega-menu-copy a .icon{width:15px}
.mega-menu-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:0 30px;border-top:1px solid var(--line)}
.mega-menu-links a{min-height:48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:12px}
.mega-menu-links a .icon{width:15px;opacity:.45;transition:transform .2s}
.mega-menu-links a:hover .icon{transform:translateX(4px);opacity:1}
.mega-menu-visual{min-height:220px;padding:26px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(145deg,#e8d7d4,#c7a2aa);color:#231719;overflow:hidden;position:relative}
.mega-menu-visual:before{content:"A";position:absolute;right:-20px;top:-46px;font-family:var(--display);font-size:220px;color:rgba(255,255,255,.28)}
.mega-menu-visual strong{position:relative;margin:12px 0;font-family:var(--display);font-size:31px;line-height:1.05;font-weight:600}
.mega-menu-visual small{position:relative;font-size:10px;font-weight:700;text-transform:uppercase}

/* Mobile menu/search/notices */
.sheet-backdrop{position:fixed;inset:0;z-index:109;background:rgba(18,13,12,.48);opacity:0;visibility:hidden;transition:.25s ease}
.sheet-backdrop.open{opacity:1;visibility:visible}
.mobile-menu,.notice-drawer{position:fixed;top:0;bottom:0;z-index:110;background:#fff;transition:transform .32s cubic-bezier(.2,.8,.2,1)}
.mobile-menu{left:0;width:min(92vw,410px);transform:translateX(-102%);overflow:auto}
.mobile-menu.open{transform:none}
.mobile-menu-head,.notice-drawer-head{height:78px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.mobile-menu-head .store-logo{align-items:flex-start;min-width:0}
.mobile-menu-head .store-logo strong{font-size:27px}
.mobile-search-button{width:calc(100% - 40px);height:50px;margin:20px;border:1px solid var(--line-dark);background:#fff;display:flex;align-items:center;gap:12px;padding:0 15px;text-align:left}
.mobile-search-button span{color:var(--muted);font-size:12px}
.mobile-account-row{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.mobile-account-row a{height:58px;display:flex;align-items:center;justify-content:center;gap:9px;font-size:11px;font-weight:600}
.mobile-account-row a+a{border-left:1px solid var(--line)}
.mobile-account-row .icon{width:17px}
.mobile-menu-nav>a,.mobile-menu-nav details>summary{min-height:58px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:13px;font-weight:600;list-style:none}
.mobile-menu-nav summary::-webkit-details-marker{display:none}
.mobile-menu-nav details>summary .icon{width:16px;transition:transform .2s}
.mobile-menu-nav details[open]>summary .icon{transform:rotate(180deg)}
.mobile-menu-nav details>div{padding:8px 20px 18px;background:var(--paper)}
.mobile-menu-nav details>div a{display:block;padding:10px 0;color:#5f5753;font-size:12px}
.mobile-sale-link{color:var(--sale)!important}
.mobile-menu-foot{padding:24px 20px 38px;color:var(--muted);font-size:10px}
.notice-drawer{right:0;width:min(92vw,430px);transform:translateX(102%);overflow:auto}
.notice-drawer.open{transform:none}
.notice-drawer-head div>span{font-size:8px;font-weight:700;letter-spacing:.18em;color:var(--accent)}
.notice-drawer-head h2{margin:2px 0 0;font-family:var(--display);font-size:30px}
.notice-list{padding:14px 20px 40px}
.notice-item{display:grid;grid-template-columns:44px 1fr;gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}
.notice-item>i{width:44px;height:44px;display:grid;place-items:center;background:var(--soft);font-style:normal}
.notice-item>i .icon{width:18px}
.notice-item small{font-size:8px;font-weight:700;letter-spacing:.15em;color:var(--accent)}
.notice-item h3{margin:3px 0 4px;font-size:14px}
.notice-item p{margin:0;color:var(--muted);font-size:11px}
.notice-item a{display:inline-flex;align-items:center;gap:8px;margin-top:11px;font-size:10px;font-weight:700;text-transform:uppercase}
.notice-item a .icon{width:14px}
.notice-empty{padding:70px 20px;text-align:center}
.notice-empty>.icon{margin:0 auto 18px;width:34px;height:34px;color:var(--muted)}
.notice-empty h3{margin:0;font-family:var(--display);font-size:28px}
.notice-empty p{color:var(--muted)}
.search-overlay{position:fixed;inset:0;z-index:120;background:#faf8f5;opacity:0;visibility:hidden;transform:translateY(-12px);transition:.28s ease;overflow:auto}
.search-overlay.open{opacity:1;visibility:visible;transform:none}
.search-overlay-head{height:96px;padding:0 var(--page-x);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}
.search-overlay-head span{font-size:8px;font-weight:700;letter-spacing:.2em;color:var(--accent)}
.search-overlay-head h2{margin:2px 0 0;font-family:var(--display);font-size:34px}
.search-overlay-body{transition:opacity .22s ease;max-width:920px;margin:0 auto;padding:70px 24px}
.search-overlay-body>form{display:grid;grid-template-columns:28px 1fr auto;align-items:center;border-bottom:1px solid var(--ink)}
.search-overlay-body>form input{height:76px;border:0;background:transparent;outline:0;font-family:var(--display);font-size:42px;min-width:0}
.search-overlay-body>form input::placeholder{color:#a49b95}
.search-overlay-body>form button{height:44px;padding:0 25px;border:0;background:var(--ink);color:#fff;font-size:11px;font-weight:700;text-transform:uppercase}
.search-popular{margin-top:34px;display:flex;gap:25px;align-items:center}
.search-popular>span{font-size:9px;font-weight:700;letter-spacing:.14em;color:var(--muted)}
.search-popular div{display:flex;gap:18px;flex-wrap:wrap}
.search-popular a{font-size:12px;border-bottom:1px solid var(--line-dark)}
.search-results{display:none;margin-top:30px;border-top:1px solid var(--line)}
.search-results.open{display:block}
.search-result{display:grid;grid-template-columns:62px 1fr auto;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}
.search-result img{width:62px;height:78px;object-fit:cover;background:var(--soft)}
.search-result span{min-width:0}
.search-result b{display:block;font-size:12px}
.search-result small{display:block;color:var(--muted);font-size:10px;margin-top:3px}
.search-result strong{white-space:nowrap;font-size:12px}

/* Genel yardımcılar */
.home-section,.catalog-shell,.account-layout,.cart-page,.checkout-page,.blog-grid,.blog-categories,.compare-page,.completed-page,.payment-page,.static-page{max-width:var(--content-max);margin-left:auto;margin-right:auto}
.home-section{padding:100px var(--page-x)}
.home-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:34px;border-bottom:1px solid var(--ink);padding-bottom:20px}
.home-section-head>div>span,.home-section-head>span{display:block;margin-bottom:8px;font-size:8px;font-weight:700;letter-spacing:.2em;color:var(--accent)}
.home-section-head h2{margin:0;font-family:var(--display);font-size:clamp(38px,4vw,62px);font-weight:500;line-height:.95}
.home-section-head p{max-width:400px;margin:0;color:var(--muted);font-size:12px}
.home-section-head>a{display:flex;align-items:center;gap:12px;font-size:10px;font-weight:700;text-transform:uppercase}
.home-section-head>a .icon{width:16px}
.store-empty{min-height:430px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:50px;background:#fff;border:1px solid var(--line)}
.store-empty>span{font-family:var(--display);font-size:80px;color:#d7cec8}
.store-empty>.icon{width:44px;height:44px;color:#a59c96}
.store-empty h2{margin:16px 0 5px;font-family:var(--display);font-size:36px;font-weight:500}
.store-empty p{max-width:430px;color:var(--muted)}
.store-empty>a{margin-top:18px;padding:14px 24px;background:var(--ink);color:#fff;font-size:10px;font-weight:700;text-transform:uppercase}

/* Ana sayfa */
.home-hero{position:relative;height:calc(100svh - var(--header-h) - 29px);min-height:620px;max-height:940px;background:#d8cdc5;color:#fff;overflow:hidden}
.home-hero-track,.home-hero-slide{height:100%}
.home-hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .8s ease;--hero-text:#fff}
.home-hero-slide.active{opacity:1;visibility:visible}
.home-hero-media,.home-hero-media img,.home-hero-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.home-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,var(--hero-overlay,#1b1513) 0%,transparent 72%);opacity:var(--hero-opacity,.48)}
.home-hero-copy{position:absolute;left:var(--page-x);bottom:clamp(85px,13vh,150px);max-width:680px;color:var(--hero-text)}
.home-hero-copy>span{font-size:9px;font-weight:700;letter-spacing:.24em;text-transform:uppercase}
.home-hero-copy h1{margin:14px 0 18px;font-family:var(--display);font-size:clamp(58px,7vw,108px);font-weight:500;line-height:.84;letter-spacing:-.035em}
.home-hero-copy p{max-width:540px;margin:0 0 30px;font-size:14px;line-height:1.7}
.home-hero-copy>a{display:inline-flex;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid currentColor;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.home-hero-copy>a .icon{width:18px}
.home-hero-side{position:absolute;right:var(--page-x);bottom:75px;display:flex;flex-direction:column;align-items:flex-end;color:var(--hero-text)}
.home-hero-side small{font-size:8px;letter-spacing:.18em}
.home-hero-side b{font-family:var(--display);font-size:86px;font-weight:500;line-height:.9}
.home-hero-controls{position:absolute;left:var(--page-x);right:var(--page-x);bottom:30px;z-index:5;display:flex;justify-content:space-between;align-items:center;color:#fff}
.home-hero-controls>div:first-child{display:flex;align-items:center;gap:12px;font-size:9px;font-weight:700}
.home-hero-controls>div:first-child i{width:130px;height:1px;background:rgba(255,255,255,.35);overflow:hidden}
.home-hero-controls>div:first-child b{display:block;width:0;height:100%;background:#fff}
.home-hero-controls>div:first-child b.is-playing{animation:heroProgress 6s linear forwards}
@keyframes heroProgress{to{width:100%}}
.home-hero-controls>div:last-child{display:flex}
.home-hero-controls button{width:46px;height:46px;border:1px solid rgba(255,255,255,.5);background:transparent;color:#fff;display:grid;place-items:center}
.home-hero-controls button+button{border-left:0}
.home-hero-fallback{background:linear-gradient(135deg,#b8969d,#eaded7)}
.home-hero-fallback-art i{position:absolute;border:1px solid rgba(255,255,255,.35);border-radius:50%}
.home-hero-fallback-art i:nth-child(1){width:650px;height:650px;right:-150px;top:-180px}
.home-hero-fallback-art i:nth-child(2){width:430px;height:430px;right:80px;top:70px}
.home-hero-fallback-art i:nth-child(3){width:220px;height:220px;right:350px;top:280px;background:rgba(255,255,255,.08)}
.home-promises{max-width:var(--content-max);margin:auto;display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--line);border-bottom:1px solid var(--line)}
.home-promises article{min-height:105px;padding:24px 32px;display:flex;align-items:center;gap:19px;border-right:1px solid var(--line);background:#fff}
.home-promises article>span{font-family:var(--display);font-size:29px;color:#aa9890}
.home-promises b{display:block;font-size:12px}
.home-promises small{display:block;margin-top:3px;color:var(--muted);font-size:10px}
.product-section:nth-of-type(even){background:#fff}
.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 18px}
.product-grid-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,24vw);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.product-grid-rail::-webkit-scrollbar{display:none}
.product-grid-rail>.product-tile{scroll-snap-align:start}
.product-tile{min-width:0}
.product-tile-media{position:relative;overflow:hidden;background:#eeeae6;aspect-ratio:3/4}
.product-tile-image{position:absolute;inset:0;display:block}
.product-tile-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .55s ease,transform .8s cubic-bezier(.2,.8,.2,1)}
.product-image-secondary{opacity:0}
.product-tile:hover .product-image-primary{opacity:0;transform:scale(1.015)}
.product-tile:hover .product-image-secondary{opacity:1;transform:scale(1.015)}
.product-tile-labels{position:absolute;top:12px;left:12px;display:flex;flex-direction:column;align-items:flex-start;gap:4px;z-index:3;pointer-events:none}
.product-tile-labels span{padding:6px 8px;background:#fff;color:#171312;font-size:8px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.product-tile-labels .label-sale{background:var(--sale);color:#fff}
.product-tile-labels .label-muted{background:#67615e;color:#fff}
.product-tile-heart{position:absolute;top:10px;right:10px;z-index:4;width:38px;height:38px;border:0;background:rgba(255,255,255,.9);display:grid;place-items:center}
.product-tile-heart .icon{width:18px}
.product-tile-heart.active{background:var(--ink);color:#fff}
.product-tile-quick{position:absolute;left:10px;right:10px;bottom:10px;z-index:4;display:grid;grid-template-columns:1fr 42px;gap:2px;transform:translateY(calc(100% + 12px));transition:transform .28s ease}
.product-tile:hover .product-tile-quick{transform:none}
.product-tile-quick>a,.product-tile-quick>button{height:44px;border:0;background:#fff;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;text-transform:uppercase}
.product-tile-quick>button{background:var(--ink);color:#fff}
.product-tile-body{transition:opacity .22s ease;padding:13px 1px 0}
.product-tile-title{display:block;min-height:40px;font-size:12px;font-weight:600;line-height:1.45;text-transform:none}
.product-tile-price{display:flex;gap:10px;align-items:baseline;margin-top:5px;min-width:0;overflow:visible}
.product-tile-price strong,.product-tile-price del{white-space:nowrap;overflow:visible;text-overflow:clip}
.product-tile-price strong{font-size:13px;font-weight:700}
.product-tile-price del{font-size:10px;color:#948984}
.product-tile-colors{display:flex;align-items:center;gap:6px;margin-top:10px}
.product-tile-colors button{width:17px;height:17px;border:1px solid transparent;background:transparent;padding:2px}
.product-tile-colors button i{display:block;width:100%;height:100%;background:var(--swatch);border:1px solid rgba(0,0,0,.12)}
.product-tile-colors button.active{border-color:var(--ink)}
.product-tile-colors span,.product-tile-note{font-size:9px;color:var(--muted)}
.color-section{background:#211b19;color:#fff}
.color-section .home-section-head{border-color:rgba(255,255,255,.28)}
.color-section .home-section-head p{color:#bdb4af}
.color-story-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.color-story{min-width:0;text-align:center}
.color-story>div{position:relative;aspect-ratio:3/4;overflow:hidden;background:var(--color)}
.color-story img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;transition:transform .6s ease}
.color-story:hover img{transform:scale(1.04)}
.color-story>div>span{position:absolute;inset:0;background:linear-gradient(transparent,rgba(0,0,0,.18))}
.color-story strong{display:block;margin-top:13px;font-family:var(--display);font-size:24px;font-weight:500}
.color-story small{color:#bcb3ae;font-size:9px}
.editorial-story{max-width:var(--content-max);margin:0 auto;display:grid;grid-template-columns:1.2fr .8fr;min-height:650px;background:#d6c1bc}
.editorial-story-media{min-height:650px;overflow:hidden}
.editorial-story-media img,.editorial-story-media video{width:100%;height:100%;object-fit:cover}
.editorial-story-copy{padding:70px clamp(35px,6vw,100px);display:flex;flex-direction:column;justify-content:center}
.editorial-story-copy>span{font-size:8px;font-weight:700;letter-spacing:.2em;color:var(--accent)}
.editorial-story-copy h2{margin:15px 0 20px;font-family:var(--display);font-size:clamp(50px,5vw,80px);font-weight:500;line-height:.9}
.editorial-story-copy p{max-width:460px;color:#514542;font-size:13px;line-height:1.75}
.editorial-story-copy>a{display:inline-flex;align-items:center;gap:12px;align-self:flex-start;margin-top:20px;border-bottom:1px solid;padding-bottom:5px;font-size:10px;font-weight:700;text-transform:uppercase}
.category-story-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.category-story{position:relative}
.category-story>div{aspect-ratio:4/5;overflow:hidden;background:var(--soft)}
.category-story img{width:100%;height:100%;object-fit:cover;transition:transform .65s ease}
.category-story:hover img{transform:scale(1.035)}
.category-placeholder{height:100%;display:grid;place-items:center;font-family:var(--display);font-size:120px;color:#c9bbb3}
.category-story>span{display:block;margin-top:12px;font-size:8px;color:var(--accent);font-weight:700}
.category-story h3{margin:2px 0 0;font-family:var(--display);font-size:30px;font-weight:500}
.category-story small{font-size:9px;text-transform:uppercase}
.journal-section{background:#fff}
.journal-preview-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px}
.journal-preview-media{display:block;aspect-ratio:4/3;background:var(--soft);overflow:hidden}
.journal-preview.large .journal-preview-media{aspect-ratio:4/3}
.journal-preview-media img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.journal-preview:hover img{transform:scale(1.035)}
.journal-preview-media>span{height:100%;display:grid;place-items:center;font-family:var(--display);font-size:32px;text-align:center;color:#ad9b90}
.journal-preview>div{padding-top:16px}
.journal-preview>div>span{font-size:8px;font-weight:700;letter-spacing:.12em;color:var(--accent)}
.journal-preview h3{margin:7px 0 10px;font-family:var(--display);font-size:28px;line-height:1.05;font-weight:500}
.journal-preview p{color:var(--muted);font-size:11px}
.journal-preview>div>a{display:inline-flex;align-items:center;gap:10px;margin-top:8px;font-size:9px;font-weight:700;text-transform:uppercase}
.journal-preview>div>a .icon{width:14px}
.home-newsletter{max-width:var(--content-max);margin:auto;padding:90px var(--page-x);display:grid;grid-template-columns:1fr 1fr;gap:100px;background:#cbb3b7}
.home-newsletter>div>span{font-size:8px;font-weight:700;letter-spacing:.2em;color:#6f223b}
.home-newsletter h2{margin:12px 0;font-family:var(--display);font-size:clamp(44px,5vw,72px);font-weight:500;line-height:.9}
.home-newsletter p{max-width:500px;color:#584b4d}
.home-newsletter form{align-self:center;display:grid;grid-template-columns:1fr auto;border-bottom:1px solid var(--ink)}
.home-newsletter input{height:60px;border:0;background:transparent;outline:0;font-size:13px}
.home-newsletter button{border:0;background:transparent;font-size:10px;font-weight:700;text-transform:uppercase;display:flex;align-items:center;gap:12px}
.home-newsletter form small{grid-column:1/-1;padding:10px 0;color:#65575a;font-size:9px}

/* Katalog */
.catalog-heading{max-width:var(--content-max);margin:auto;min-height:320px;padding:55px var(--page-x);display:flex;align-items:flex-end;background:#e7ddd6;position:relative;overflow:hidden}
.catalog-heading.has-image{min-height:470px;color:#fff}
.catalog-heading-image{position:absolute;inset:0}
.catalog-heading-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,15,14,.58),rgba(20,15,14,.08))}
.catalog-heading-image img{width:100%;height:100%;object-fit:cover}
.catalog-heading-copy{position:relative;z-index:2;max-width:720px}
.catalog-heading-copy nav{display:flex;gap:8px;align-items:center;margin-bottom:22px;font-size:9px;text-transform:uppercase}
.catalog-heading-copy>span{font-size:8px;font-weight:700;letter-spacing:.2em;color:var(--accent)}
.catalog-heading.has-image .catalog-heading-copy>span{color:#fff}
.catalog-heading h1{margin:8px 0 12px;font-family:var(--display);font-size:clamp(52px,7vw,96px);font-weight:500;line-height:.85}
.catalog-heading p{max-width:580px;margin:0;font-size:13px}
.catalog-shell{padding:34px var(--page-x) 110px;display:grid;grid-template-columns:250px minmax(0,1fr);gap:42px;align-items:start}
.catalog-filter{position:sticky;top:95px;border-top:1px solid var(--ink)}
.catalog-filter-head{display:none}
.catalog-filter details{border-bottom:1px solid var(--line)}
.catalog-filter summary{height:52px;display:flex;align-items:center;justify-content:space-between;list-style:none;font-size:11px;font-weight:700;text-transform:uppercase}
.catalog-filter summary::-webkit-details-marker{display:none}
.catalog-filter summary .icon{width:14px;transition:transform .2s}
.catalog-filter details[open] summary .icon{transform:rotate(180deg)}
.filter-options{padding:0 0 18px;display:grid;gap:7px;max-height:240px;overflow:auto}
.filter-options label{display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:9px;cursor:pointer;font-size:11px}
.filter-options input{position:absolute;opacity:0}
.filter-options label>i{width:16px;height:16px;border:1px solid var(--line-dark);display:grid;place-items:center}
.filter-options label>i .icon{width:11px;opacity:0}
.filter-options input:checked+i{background:var(--ink);color:#fff;border-color:var(--ink)}
.filter-options input:checked+i .icon{opacity:1}
.filter-options small{color:var(--muted);font-size:9px}
.filter-colors label{grid-template-columns:20px 1fr auto}
.filter-colors label>i{background:var(--swatch);border-radius:50%;border:1px solid rgba(0,0,0,.15)}
.filter-colors input:checked+i{outline:1px solid var(--ink);outline-offset:2px}
.filter-price{padding:0 0 18px;display:grid;grid-template-columns:1fr 12px 1fr;align-items:end;gap:8px}
.filter-price label small{display:block;color:var(--muted);font-size:8px}
.filter-price input{width:100%;height:40px;border:1px solid var(--line);background:#fff;padding:0 9px;outline:0}
.filter-price>i{height:1px;background:var(--line-dark);margin-bottom:20px}
.catalog-filter-actions{padding-top:20px;display:grid;gap:12px}
.catalog-filter-actions button{height:46px;border:0;background:var(--ink);color:#fff;font-size:9px;font-weight:700;text-transform:uppercase}
.catalog-filter-actions a{text-align:center;font-size:9px;text-decoration:underline;color:var(--muted)}
.catalog-results{min-width:0}
.catalog-toolbar{height:55px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--ink);border-bottom:1px solid var(--line);margin-bottom:24px}
.catalog-toolbar>div{display:flex;align-items:center;gap:18px}
.catalog-toolbar>div>button{height:42px;border:0;background:transparent;display:none;align-items:center;gap:8px;padding:0}
.catalog-toolbar>div>button b{width:18px;height:18px;display:grid;place-items:center;background:var(--accent);color:#fff;border-radius:50%;font-size:8px}
.catalog-toolbar>div>span{font-size:10px;color:var(--muted)}
.catalog-toolbar>div>span b{color:var(--ink)}
.catalog-toolbar form label{display:flex;align-items:center;gap:8px;font-size:10px;position:relative}
.catalog-toolbar select{height:42px;border:0;background:transparent;appearance:none;padding:0 24px 0 4px;font-weight:600;outline:0}
.catalog-toolbar label .icon{position:absolute;right:0;width:14px;pointer-events:none}
.catalog-active-filters{display:flex;justify-content:space-between;padding:10px 14px;margin:-10px 0 22px;background:var(--soft);font-size:10px}
.catalog-active-filters a{text-decoration:underline}
.catalog-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.pagination{display:flex;justify-content:center;gap:5px;margin:55px 0 0}
.pagination a{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);background:#fff;font-size:11px}
.pagination a.active{background:var(--ink);border-color:var(--ink);color:#fff}

/* Ürün detay */
.product-page{max-width:var(--content-max);margin:auto;display:grid;grid-template-columns:minmax(0,1.22fr) minmax(410px,.78fr);background:#fff;border-bottom:1px solid var(--line)}
.product-gallery-wrap{height:calc(100svh - var(--header-h));min-height:620px;display:grid;grid-template-columns:92px minmax(0,1fr);padding:18px;background:#efebe7;position:sticky;top:var(--header-h)}
.product-thumbnails{padding-right:10px;display:flex;flex-direction:column;gap:8px;overflow:auto;scrollbar-width:none}
.product-thumbnails::-webkit-scrollbar{display:none}
.product-thumbnails button{position:relative;aspect-ratio:3/4;border:1px solid transparent;background:#fff;padding:0;overflow:hidden;flex:0 0 auto}
.product-thumbnails button.active{border-color:var(--ink)}
.product-thumbnails img{width:100%;height:100%;object-fit:cover}
.thumb-video{position:absolute;inset:0;z-index:2;display:grid;place-items:center;background:rgba(0,0,0,.2);color:#fff}
.product-gallery{position:relative;height:100%;overflow:hidden;background:#f6f3ef}
.product-gallery-slide{position:absolute;inset:0;margin:0;display:none;align-items:center;justify-content:center}
.product-gallery-slide.active{display:flex}
.product-gallery-slide img,.product-gallery-slide video{width:100%;height:100%;object-fit:contain;object-position:center}
.product-gallery-slide img{transition:transform .45s ease}
@media (hover:hover){.product-gallery-slide img[data-zoom-image]:hover{transform:scale(1.35)}}
.product-gallery-count{position:absolute;left:18px;bottom:16px;padding:9px 12px;background:rgba(255,255,255,.92);display:flex;align-items:center;gap:7px;font-size:8px;font-weight:700}
.product-gallery-count i{width:24px;height:1px;background:var(--ink)}
.product-gallery-sale{position:absolute;right:14px;top:14px;padding:10px 12px;background:var(--sale);color:#fff;font-size:9px;font-weight:700;text-transform:uppercase}
.product-buybox{padding:38px clamp(32px,4vw,72px) 70px;align-self:start;position:sticky;top:var(--header-h);max-height:calc(100svh - var(--header-h));overflow:auto;scrollbar-width:thin}
.product-breadcrumb{display:flex;gap:7px;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:8px;text-transform:uppercase}
.product-breadcrumb b{overflow:hidden;text-overflow:ellipsis}
.product-buybox-head{display:grid;grid-template-columns:1fr auto;gap:20px;margin-top:24px}
.product-buybox-head>div:first-child>span{font-size:8px;font-weight:700;letter-spacing:.14em;color:var(--accent)}
.product-buybox-head h1{margin:5px 0 7px;font-family:var(--display);font-size:clamp(39px,3.2vw,58px);font-weight:500;line-height:.94}
.product-buybox-head small{color:var(--muted);font-size:9px}
.product-buybox-head>div:last-child{display:flex;gap:4px}
.product-buybox-head button{width:42px;height:42px;border:1px solid var(--line);background:#fff;display:grid;place-items:center}
.product-buybox-head button.active{background:var(--ink);color:#fff}
.product-price-block{margin:25px 0 0;padding:20px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:4px 15px;align-items:center}
.product-price-block>div{display:flex;align-items:baseline;gap:12px;min-width:0;overflow:visible}
.product-price-block strong,.product-price-block del{white-space:nowrap;overflow:visible}
.product-price-block strong{font-size:25px}
.product-price-block del{color:#9b918b;font-size:13px}
.product-price-block>span{padding:7px 9px;background:#f7e7ea;color:var(--sale);font-size:9px;font-weight:700}
.product-price-block>small{grid-column:1/-1;color:var(--muted);font-size:9px}
.product-short-copy{margin:20px 0;color:#5f5753;font-size:12px;line-height:1.7}
.product-benefit-row{display:flex;gap:17px;flex-wrap:wrap;padding:15px 0;border-bottom:1px solid var(--line)}
.product-benefit-row span{display:flex;align-items:center;gap:7px;font-size:9px;color:#5f5753}
.product-benefit-row .icon{width:15px}
.product-option-form fieldset{margin:24px 0 0;padding:0;border:0}
.product-option-form legend{width:100%;display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:10px;font-weight:700;text-transform:uppercase}
.product-option-form legend b{margin-left:auto;color:var(--muted);font-size:9px;font-weight:500;text-transform:none}
.product-option-form legend button{display:flex;align-items:center;gap:6px;border:0;background:transparent;padding:0 0 0 12px;font-size:9px;text-decoration:underline}
.product-option-form legend button .icon{width:14px}
.product-options{display:flex;flex-wrap:wrap;gap:7px}
.product-options label{position:relative;min-width:48px;height:43px;border:1px solid var(--line-dark);display:flex;align-items:center;justify-content:center;cursor:pointer;background:#fff}
.product-options input{position:absolute;opacity:0}
.product-options label>span{padding:0 12px;font-size:10px}
.product-options label:has(input:checked){border-color:var(--ink);background:var(--ink);color:#fff}
.product-options label.disabled{opacity:.35;pointer-events:none;text-decoration:line-through}
.product-color-options label{height:48px;padding:0 10px;gap:8px}
.product-color-options label>i{width:22px;height:22px;background:var(--color);border:1px solid rgba(0,0,0,.14)}
.product-color-options label>span{padding:0;font-size:9px}
.product-stock{display:flex;align-items:center;gap:8px;margin:18px 0 0;color:var(--green);font-size:10px}
.product-stock>i{width:6px;height:6px;background:currentColor;border-radius:50%}
.product-stock.out{color:var(--sale)}
.product-purchase{display:grid;grid-template-columns:120px 1fr;gap:8px;margin-top:16px}
.product-quantity{height:56px;border:1px solid var(--line-dark);display:grid;grid-template-columns:38px 1fr 38px;background:#fff}
.product-quantity button{border:0;background:transparent;display:grid;place-items:center}
.product-quantity input{width:100%;border:0;text-align:center;outline:0;-moz-appearance:textfield}
.product-quantity input::-webkit-inner-spin-button{display:none}
.product-add-button{height:56px;border:0;background:var(--ink);color:#fff;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;font-weight:700;text-transform:uppercase}
.product-add-button b{white-space:nowrap}
.product-add-button:disabled{background:#c7c0bb;color:#736b66;cursor:not-allowed}
.product-add-button.loading{opacity:.65}
.product-detail-sections{margin-top:28px;border-top:1px solid var(--ink)}
.product-detail-sections details{border-bottom:1px solid var(--line)}
.product-detail-sections summary{min-height:54px;display:flex;align-items:center;justify-content:space-between;list-style:none;font-size:11px;font-weight:700;text-transform:uppercase}
.product-detail-sections summary::-webkit-details-marker{display:none}
.product-detail-sections summary .icon{width:16px;transition:transform .2s}
.product-detail-sections details[open] summary .icon{transform:rotate(45deg)}
.product-detail-sections details>div,.product-detail-sections dl{padding:0 0 20px;color:#5d5551;font-size:11px;line-height:1.75}
.product-detail-sections dl{margin:0}
.product-detail-sections dl div{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #eee8e3}
.product-detail-sections dd{margin:0;font-weight:600}
.product-recommendations{background:var(--paper)}
.size-guide{width:min(760px,92vw);border:0;padding:0;background:#fff;box-shadow:var(--shadow)}
.size-guide::backdrop{background:rgba(20,15,14,.55)}
.size-guide-head{padding:24px 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.size-guide-head span{font-size:8px;font-weight:700;letter-spacing:.18em;color:var(--accent)}
.size-guide-head h2{margin:4px 0 0;font-family:var(--display);font-size:34px}
.size-guide-head button{width:40px;height:40px;border:0;background:transparent;display:grid;place-items:center}
.size-guide>p{padding:0 28px;color:var(--muted);font-size:11px}
.table-scroll{overflow:auto;padding:0 28px 28px}
.table-scroll table{width:100%;border-collapse:collapse;font-size:11px}
.table-scroll th,.table-scroll td{padding:12px;border:1px solid var(--line);text-align:left;white-space:nowrap}
.table-scroll th{background:var(--soft)}

/* Sepet & ödeme */
.commerce-head{max-width:var(--content-max);margin:auto;padding:44px var(--page-x) 30px;display:flex;align-items:flex-end;justify-content:space-between;gap:30px;border-bottom:1px solid var(--ink)}
.commerce-head nav{display:flex;gap:7px;color:var(--muted);font-size:8px;text-transform:uppercase}
.commerce-head>div:first-child>span{display:block;margin-top:24px;font-size:8px;font-weight:700;letter-spacing:.2em;color:var(--accent)}
.commerce-head h1{margin:4px 0 5px;font-family:var(--display);font-size:clamp(48px,5vw,72px);font-weight:500;line-height:.9}
.commerce-head p{margin:0;color:var(--muted);font-size:11px}
.commerce-steps{display:flex;align-items:center;gap:12px}
.commerce-steps span{display:flex;align-items:center;gap:7px;color:#99908a;font-size:9px;font-weight:600;text-transform:uppercase}
.commerce-steps span+span:before{content:"";width:28px;height:1px;background:var(--line-dark);margin-right:5px}
.commerce-steps i{width:27px;height:27px;display:grid;place-items:center;border:1px solid var(--line-dark);font-style:normal}
.commerce-steps .active{color:var(--ink)}
.commerce-steps .active i,.commerce-steps .done i{background:var(--ink);color:#fff;border-color:var(--ink)}
.commerce-steps i .icon{width:13px}
.cart-page{padding:32px var(--page-x) 110px;display:grid;grid-template-columns:minmax(0,1fr) minmax(350px,410px);gap:60px;align-items:start}
.shipping-meter{padding:16px 0 20px;border-bottom:1px solid var(--line)}
.shipping-meter>div{display:flex;align-items:center;gap:10px;font-size:10px}
.shipping-meter .icon{width:17px}
.shipping-meter>i{display:block;height:3px;margin-top:12px;background:#e4ded9;overflow:hidden}
.shipping-meter>i b{display:block;height:100%;background:var(--accent)}
.cart-list-head,.order-summary-head{height:55px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--ink);border-bottom:1px solid var(--line)}
.cart-list-head h2,.order-summary-head h2{margin:0;font-family:var(--display);font-size:27px;font-weight:500}
.cart-list-head span,.order-summary-head span{font-size:9px;color:var(--muted)}
.cart-row{display:grid;grid-template-columns:145px minmax(0,1fr);gap:22px;padding:22px 0;border-bottom:1px solid var(--line)}
.cart-row-image{height:184px;background:var(--soft);overflow:hidden}
.cart-row-image img{width:100%;height:100%;object-fit:cover}
.cart-row-main{min-width:0;display:flex;flex-direction:column;justify-content:space-between}
.cart-row-title{display:flex;justify-content:space-between;gap:20px;min-width:0}
.cart-row-title>div{min-width:0}
.cart-row-title a{font-size:13px;font-weight:600;line-height:1.4}
.cart-row-title p{margin:7px 0 2px;color:#5f5753;font-size:10px}
.cart-row-title small{color:var(--muted);font-size:8px}
.cart-row-title button{width:38px;height:38px;flex:0 0 38px;border:0;background:#fff;display:grid;place-items:center}
.cart-row-title button:hover{color:var(--sale)}
.cart-row-title button .icon{width:17px}
.cart-row-bottom{display:grid;grid-template-columns:minmax(90px,1fr) 108px minmax(100px,auto);gap:16px;align-items:end;min-width:0}
.cart-price-unit span{display:block;color:var(--muted);font-size:8px}
.cart-price-unit b{font-size:11px;white-space:nowrap}
.cart-quantity{height:40px;border:1px solid var(--line-dark);display:grid;grid-template-columns:34px 1fr 34px}
.cart-quantity button{border:0;background:#fff;display:grid;place-items:center}
.cart-quantity button .icon{width:13px}
.cart-quantity input{width:100%;border:0;text-align:center;outline:0;background:#fff;-moz-appearance:textfield}
.cart-quantity input::-webkit-inner-spin-button{display:none}
.cart-row-bottom>strong{font-size:13px;text-align:right;white-space:nowrap;overflow:visible;text-overflow:clip}
.back-to-shopping{display:inline-flex;align-items:center;gap:10px;margin-top:24px;font-size:9px;font-weight:700;text-transform:uppercase}
.back-to-shopping .icon{width:15px}
.order-summary{position:sticky;top:95px;background:#fff;border-top:1px solid var(--ink);padding:0 24px 24px;box-shadow:var(--shadow)}
.order-summary .order-summary-head{border-top:0}
.coupon-box{padding:20px 0;border-bottom:1px solid var(--line)}
.coupon-box>label{display:block;margin-bottom:8px;font-size:9px;font-weight:700;text-transform:uppercase}
.coupon-box>div:first-of-type{display:grid;grid-template-columns:1fr auto;border:1px solid var(--line-dark)}
.coupon-box input{height:43px;border:0;padding:0 12px;min-width:0;outline:0}
.coupon-box>div:first-of-type button{border:0;background:var(--ink);color:#fff;padding:0 17px;font-size:9px;font-weight:700;text-transform:uppercase}
.coupon-box>p{margin:7px 0 0;font-size:9px;color:var(--green)}
.coupon-box>p.error{color:var(--sale)}
.coupon-active{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding:9px;background:var(--soft);font-size:9px}
.coupon-active span{display:flex;align-items:center;gap:6px}
.coupon-active .icon{width:13px}
.coupon-active button{border:0;background:transparent;color:var(--sale);font-size:9px}
.summary-values{padding:19px 0}
.summary-values>div{display:flex;justify-content:space-between;gap:20px;padding:7px 0;font-size:10px;min-width:0}
.summary-values>div span{color:#615955}
.summary-values>div b,.summary-values>div strong{white-space:nowrap;overflow:visible;text-overflow:clip}
.summary-discount{color:var(--sale)}
.summary-discount-details{display:block!important;padding:3px 0 9px!important;border-bottom:1px dashed var(--line)}
.summary-discount-details>div,.summary-tax>div{display:flex;justify-content:space-between;padding:3px 0;font-size:9px;color:var(--muted)}
.summary-tax{display:block!important;border-top:1px dashed var(--line);margin-top:5px;padding-top:8px!important}
.summary-grand{margin-top:9px;padding-top:18px!important;border-top:1px solid var(--ink);align-items:flex-end}
.summary-grand span{font-size:11px;font-weight:700;color:var(--ink)!important;text-transform:uppercase}
.summary-grand strong{font-size:24px;line-height:1}
.summary-checkout-button,.place-order-button{height:56px;background:var(--ink);color:#fff;display:grid;grid-template-columns:1fr auto 18px;align-items:center;gap:12px;padding:0 18px;font-size:10px;font-weight:700;text-transform:uppercase}
.summary-checkout-button b,.place-order-button b{white-space:nowrap}
.summary-checkout-button .icon,.place-order-button .icon{width:16px}
.summary-security{display:flex;justify-content:center;gap:17px;padding-top:16px;color:var(--muted);font-size:8px}
.summary-security span{display:flex;align-items:center;gap:5px}
.summary-security .icon{width:13px}
.mobile-checkout-bar{display:none}
.checkout-page{padding:32px var(--page-x) 110px;display:grid;grid-template-columns:minmax(0,1fr) minmax(350px,410px);gap:60px;align-items:start}
.checkout-flow{min-width:0}
.checkout-step{border-top:1px solid var(--ink)}
.checkout-step>header{padding:22px 0;display:grid;grid-template-columns:42px 1fr;gap:15px;border-bottom:1px solid var(--line)}
.checkout-step>header>span{width:36px;height:36px;display:grid;place-items:center;background:var(--ink);color:#fff;font-size:9px;font-weight:700}
.checkout-step>header h2{margin:0;font-family:var(--display);font-size:31px;font-weight:500}
.checkout-step>header p{margin:3px 0 0;color:var(--muted);font-size:10px}
.checkout-block{padding:26px 0;border-bottom:1px solid var(--line)}
.checkout-block-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.checkout-block-title h3{margin:0;font-size:11px;text-transform:uppercase}
.checkout-block-title small{color:var(--muted);font-size:8px}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.form-grid label,.auth-form label,.transfer-form label{min-width:0}
.form-grid label>span,.auth-form label>span,.transfer-form label>span,.account-form label>span{display:block;margin-bottom:7px;font-size:9px;font-weight:700;text-transform:uppercase}
.form-grid input,.form-grid select,.form-grid textarea,.auth-form input,.transfer-form input,.transfer-form select,.transfer-form textarea,.account-form input,.account-form select,.account-form textarea,.support-reply textarea{width:100%;border:1px solid var(--line-dark);background:#fff;outline:0;padding:0 13px;transition:border-color .2s}
.form-grid input,.form-grid select,.auth-form input,.transfer-form input,.transfer-form select,.account-form input,.account-form select{height:49px}
.form-grid textarea,.transfer-form textarea,.account-form textarea,.support-reply textarea{padding-top:12px;resize:vertical}
.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.auth-form input:focus,.account-form input:focus,.account-form select:focus,.account-form textarea:focus{border-color:var(--ink)}
.span-2,.full{grid-column:1/-1}
.field-error,.form-grid label>small{display:block;margin-top:5px;color:var(--sale);font-size:8px}
.saved-address-list{margin-bottom:22px}
.saved-address-list>span{display:block;margin-bottom:9px;color:var(--muted);font-size:8px;text-transform:uppercase}
.saved-address-list>div{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.saved-address-list button{min-height:64px;border:1px solid var(--line);background:#fff;padding:10px;display:grid;grid-template-columns:22px 1fr 17px;gap:9px;text-align:left;align-items:center}
.saved-address-list button:hover{border-color:var(--ink)}
.saved-address-list button .icon{width:17px}
.saved-address-list button span b{display:block;font-size:10px}
.saved-address-list button span small{display:block;color:var(--muted);font-size:8px}
.check-control{display:flex!important;align-items:flex-start;gap:10px;cursor:pointer;font-size:10px;text-transform:none!important}
.check-control input{position:absolute;opacity:0}
.check-control>i{width:18px;height:18px;flex:0 0 18px;border:1px solid var(--line-dark);display:grid;place-items:center}
.check-control>i .icon{width:12px;opacity:0}
.check-control input:checked+i{background:var(--ink);color:#fff;border-color:var(--ink)}
.check-control input:checked+i .icon{opacity:1}
.checkout-step-actions{display:flex;align-items:center;justify-content:space-between;padding:25px 0}
.checkout-step-actions>a,.checkout-step-actions>button{height:48px;border:0;background:transparent;display:flex;align-items:center;gap:10px;font-size:9px;font-weight:700;text-transform:uppercase}
.checkout-step-actions>button:last-child{padding:0 22px;background:var(--ink);color:#fff}
.checkout-step-actions .icon{width:15px}
.payment-methods{display:grid;gap:9px;padding:26px 0}
.payment-methods label{min-height:78px;border:1px solid var(--line);background:#fff;display:grid;grid-template-columns:22px 42px 1fr auto;gap:13px;align-items:center;padding:13px 16px;cursor:pointer}
.payment-methods label:has(input:checked){border-color:var(--ink);box-shadow:inset 3px 0 var(--ink)}
.payment-methods input{position:absolute;opacity:0}
.payment-methods label>i{width:18px;height:18px;border:1px solid var(--line-dark);border-radius:50%;display:grid;place-items:center}
.payment-methods label>i b{width:8px;height:8px;background:var(--ink);border-radius:50%;opacity:0}
.payment-methods input:checked+i b{opacity:1}
.payment-method-icon{width:42px;height:42px;background:var(--soft);display:grid;place-items:center}
.payment-method-icon .icon{width:19px}
.payment-methods label>span b{display:block;font-size:11px}
.payment-methods label>span small{display:block;color:var(--muted);font-size:8px;margin-top:2px}
.payment-methods em{font-style:normal;font-size:8px;font-weight:700;text-transform:uppercase;color:var(--muted)}
.checkout-security-card{padding:20px;background:var(--soft);display:grid;grid-template-columns:30px 1fr;gap:12px}
.checkout-security-card .icon{width:24px}
.checkout-security-card b{font-size:10px}
.checkout-security-card p{margin:4px 0 0;color:var(--muted);font-size:9px}
.order-note{display:block}
.order-note span{display:flex;justify-content:space-between}
.order-note span small{font-weight:400;color:var(--muted)}
.checkout-final-card{margin:25px 0;padding:18px;border:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}
.checkout-final-card>div{display:flex;align-items:center;gap:12px}
.checkout-final-card>div>.icon{width:24px}
.checkout-final-card b{display:block;font-size:11px}
.checkout-final-card small{font-size:9px;color:var(--muted)}
.checkout-final-card>span{font-size:9px;font-weight:700;text-transform:uppercase}
.terms{margin:20px 0}
.checkout-summary{padding-bottom:20px}
.checkout-summary-mobile{display:none}
.checkout-mini-list{max-height:290px;overflow:auto;padding:9px 0;border-bottom:1px solid var(--line)}
.checkout-mini-item{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:11px;align-items:center;padding:7px 0}
.checkout-mini-item>div{position:relative;width:54px;height:68px;background:var(--soft)}
.checkout-mini-item img{width:100%;height:100%;object-fit:cover}
.checkout-mini-item>div b{position:absolute;right:-5px;top:-5px;width:18px;height:18px;display:grid;place-items:center;background:var(--ink);color:#fff;border-radius:50%;font-size:8px}
.checkout-mini-item>span{min-width:0}
.checkout-mini-item strong{display:block;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.checkout-mini-item small{display:block;color:var(--muted);font-size:8px}
.checkout-mini-item em{font-style:normal;font-size:9px;white-space:nowrap}

/* Hesabım */
.account-layout{padding:48px var(--page-x) 110px;display:grid;grid-template-columns:270px minmax(0,1fr);gap:48px;align-items:start}
.account-menu{position:sticky;top:95px;background:#fff;border-top:1px solid var(--ink)}
.account-menu-profile{padding:20px 17px;display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:center;border-bottom:1px solid var(--line)}
.account-menu-profile>span{width:48px;height:48px;display:grid;place-items:center;background:#d8bdc3;color:#431b29;font-family:var(--display);font-size:22px}
.account-menu-profile small{display:block;font-size:7px;font-weight:700;letter-spacing:.13em;color:var(--accent)}
.account-menu-profile b{display:block;margin:2px 0;font-size:11px}
.account-menu-profile em{display:block;max-width:155px;overflow:hidden;text-overflow:ellipsis;font-style:normal;color:var(--muted);font-size:8px;white-space:nowrap}
.account-menu nav>a,.account-menu nav button{width:100%;height:49px;padding:0 14px;border:0;border-bottom:1px solid var(--line);background:#fff;display:grid;grid-template-columns:18px 1fr 14px;align-items:center;gap:10px;text-align:left;font-size:10px}
.account-menu nav>a .icon,.account-menu nav button .icon{width:16px}
.account-menu nav>a .arrow{opacity:.35}
.account-menu nav>a:hover,.account-menu nav>a.active{background:var(--ink);color:#fff}
.account-menu nav>a.active .arrow{opacity:1}
.account-menu nav form{margin:0}
.account-menu nav button{color:var(--sale)}
.account-content{min-width:0}
.account-header{min-height:165px;padding:32px 0;display:flex;align-items:flex-end;justify-content:space-between;gap:25px;border-top:1px solid var(--ink);border-bottom:1px solid var(--line);margin-bottom:28px}
.account-header.compact{min-height:135px}
.account-header>div>span{font-size:8px;font-weight:700;letter-spacing:.2em;color:var(--accent)}
.account-header h1{margin:6px 0 8px;font-family:var(--display);font-size:clamp(44px,5vw,70px);font-weight:500;line-height:.88}
.account-header p{margin:0;color:var(--muted);font-size:11px}
.account-header>a{display:flex;align-items:center;gap:10px;white-space:nowrap;font-size:9px;font-weight:700;text-transform:uppercase;border-bottom:1px solid;padding-bottom:4px}
.account-header>a .icon{width:15px}
.profile-score{min-width:125px;padding:20px;border:1px solid var(--line);text-align:center}
.profile-score b{display:block;font-family:var(--display);font-size:42px;font-weight:500}
.profile-score small{font-size:8px;color:var(--muted)}
.account-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:28px}
.account-stat-grid>a{min-height:165px;padding:19px;position:relative;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;transition:border-color .2s,transform .2s}
.account-stat-grid>a:hover{border-color:var(--ink);transform:translateY(-3px)}
.account-stat-grid>a>span{width:36px;height:36px;display:grid;place-items:center;background:var(--soft)}
.account-stat-grid>a>span .icon{width:17px}
.account-stat-grid small{display:block;font-size:7px;font-weight:700;letter-spacing:.12em;color:var(--accent)}
.account-stat-grid b{display:block;margin:2px 0;font-size:13px}
.account-stat-grid p{margin:0;color:var(--muted);font-size:8px}
.account-stat-grid .arrow{position:absolute;right:15px;top:15px;width:14px}
.account-panel{background:#fff;border:1px solid var(--line);padding:26px;margin-bottom:22px;min-width:0}
.account-panel.compact{padding:20px}
.account-panel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding-bottom:19px;margin-bottom:8px;border-bottom:1px solid var(--line)}
.account-panel-head span{font-size:7px;font-weight:700;letter-spacing:.16em;color:var(--accent)}
.account-panel-head h2{margin:3px 0 0;font-family:var(--display);font-size:30px;font-weight:500}
.account-panel-head p{max-width:430px;margin:0;color:var(--muted);font-size:9px}
.account-panel-head>a{font-size:9px;font-weight:700;text-transform:uppercase;display:flex;align-items:center;gap:8px}
.account-panel-head>a .icon{width:14px}
.account-order-list>a{display:grid;grid-template-columns:1.2fr .8fr .6fr 18px;gap:20px;align-items:center;min-height:85px;border-bottom:1px solid var(--line)}
.account-order-list>a:last-child{border-bottom:0}
.account-order-list small,.order-card small{display:block;font-size:7px;font-weight:700;letter-spacing:.11em;color:var(--muted)}
.account-order-list b{display:block;font-size:11px}
.account-order-list span{font-size:8px;color:var(--muted)}
.account-order-list strong{font-size:13px;white-space:nowrap}
.status-badge{display:inline-flex!important;align-items:center;justify-content:center;width:max-content;max-width:100%;padding:7px 9px;background:#eeeae7;color:#453d39;font-size:8px!important;font-weight:700!important;text-transform:uppercase;white-space:nowrap}
.status-paid,.status-delivered,.status-approved,.status-resolved{background:#e3f1e8;color:#176243}
.status-pending_payment,.status-waiting_admin,.status-requested{background:#f5ead4;color:#8b5b0b}
.status-cancelled,.status-failed,.status-rejected,.status-urgent{background:#f7dfe3;color:#a71e36}
.status-preparing,.status-shipped,.status-waiting_customer,.status-open{background:#e6eaf3;color:#314c78}
.account-empty{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.account-empty>.icon{width:36px;height:36px;color:#a89d96}
.account-empty h3{margin:14px 0 3px;font-family:var(--display);font-size:31px;font-weight:500}
.account-empty p{margin:0;color:var(--muted);font-size:10px}
.account-empty>a{margin-top:17px;padding:12px 19px;background:var(--ink);color:#fff;font-size:9px;font-weight:700;text-transform:uppercase}
.orders-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.order-card{padding:22px;background:#fff;border:1px solid var(--line);transition:.2s}
.order-card:hover{border-color:var(--ink);transform:translateY(-2px)}
.order-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.order-card-top b{display:block;font-size:13px}
.order-card-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;padding:17px 0}.order-card-meta>span:last-child{text-align:right}
.order-card-meta b{font-size:10px}
.order-card-bottom{display:flex;align-items:flex-end;justify-content:space-between;padding-top:17px;border-top:1px solid var(--line)}
.order-card-bottom strong{display:block;font-size:17px;white-space:nowrap}
.order-card-bottom em{display:flex;align-items:center;gap:7px;font-style:normal;font-size:8px;font-weight:700;text-transform:uppercase}
.order-card-bottom em .icon{width:14px}
.order-detail-header>div>a,.support-detail-header>div>a{display:inline-flex;align-items:center;gap:7px;margin-bottom:12px;font-size:8px;text-transform:uppercase}
.order-detail-header>div>a .icon,.support-detail-header>div>a .icon{width:14px}
.order-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px;align-items:start}
.order-product-list article{display:grid;grid-template-columns:80px minmax(0,1fr) auto;gap:15px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}
.order-product-list article:last-child{border-bottom:0}
.order-product-list img{width:80px;height:102px;object-fit:cover;background:var(--soft)}
.order-product-list b{display:block;font-size:10px}
.order-product-list span,.order-product-list small{display:block;color:var(--muted);font-size:8px;margin-top:3px}
.order-product-list strong{white-space:nowrap;font-size:11px}
.order-timeline{padding:8px 0}
.order-timeline>div{position:relative;display:grid;grid-template-columns:13px 1fr;gap:12px;padding-bottom:21px}
.order-timeline>div:not(:last-child):before{content:"";position:absolute;left:5px;top:11px;bottom:0;width:1px;background:var(--line-dark)}
.order-timeline i{width:11px;height:11px;margin-top:3px;background:var(--ink);border-radius:50%}
.order-timeline b{display:block;font-size:10px}
.order-timeline small,.order-timeline time{display:block;color:var(--muted);font-size:8px;margin-top:2px}
.order-detail-side{position:sticky;top:95px}
.account-order-summary{position:static;box-shadow:none;padding:0 20px 20px;margin-bottom:20px}
.mini-panel-title{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.mini-panel-title .icon{width:18px}
.mini-panel-title h3{margin:0;font-size:11px;text-transform:uppercase}
.account-panel.compact p{font-size:9px;color:#5f5753;line-height:1.7}
.account-action{min-height:44px;padding:0 17px;border:1px solid var(--ink);background:#fff;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;text-transform:uppercase}
.account-action.primary{background:var(--ink);color:#fff}
.account-action.full{width:100%}
.account-action.full+.account-action{margin-top:10px}
.account-form{padding-top:18px}
.account-form>button{margin-top:4px}
.preference-panel{padding:20px;background:var(--soft);display:grid;grid-template-columns:1fr auto auto;gap:20px;align-items:center}
.preference-panel>div span{font-size:7px!important;color:var(--accent)}
.preference-panel h3{margin:3px 0;font-family:var(--display);font-size:24px}
.preference-panel p{margin:0;color:var(--muted);font-size:8px}
.address-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:22px}
.address-item{position:relative;padding:23px;background:#fff;border:1px solid var(--line);min-height:190px}
.address-item>span{position:absolute;right:14px;top:14px;padding:5px 7px;background:var(--ink);color:#fff;font-size:7px;font-weight:700;text-transform:uppercase}
.address-item-head{display:flex;align-items:center;gap:10px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.address-item-head .icon{width:18px}
.address-item h2{margin:0;font-family:var(--display);font-size:25px;font-weight:500}
.address-item p{font-size:9px;line-height:1.75;color:#5e5652}
.account-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.account-info-strip{padding:14px;background:var(--soft);display:flex;align-items:center;gap:10px;font-size:9px}
.account-info-strip .icon{width:17px}
.return-list article{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}
.return-list article:last-child{border-bottom:0}
.return-list article>div:first-child>span{font-size:7px;font-weight:700;letter-spacing:.13em;color:var(--accent)}
.return-list h3{margin:3px 0;font-size:13px}
.return-list p{margin:0;color:var(--muted);font-size:8px}
.return-list article>div:last-child{text-align:right}
.support-list{background:#fff;border-top:1px solid var(--ink)}
.support-list>a{min-height:104px;padding:18px 20px;display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:16px;align-items:center;border:1px solid var(--line);border-top:0}
.support-list>a:hover{background:#fcfaf8}
.status-dot{width:7px;height:7px;border-radius:50%;background:#788390}
.status-dot.status-open,.status-dot.status-waiting_admin{background:#d08b1e}
.status-dot.status-resolved{background:#23805b}
.support-list>a>div:nth-child(2){min-width:0}
.support-list span{font-size:7px;font-weight:700;letter-spacing:.1em;color:var(--accent)}
.support-list h3{margin:4px 0 3px;font-size:12px}
.support-list p{margin:0;color:var(--muted);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.support-list>a>div:last-child{display:grid;justify-items:end;gap:3px}
.support-list>a>div:last-child b{font-size:8px;text-transform:uppercase}
.support-list>a>div:last-child small{font-size:8px;color:var(--muted)}
.support-list>a>div:last-child .icon{width:15px;margin-top:4px}
.file-field input,.file-button input{position:absolute;opacity:0;pointer-events:none}
.file-field>span{min-height:105px;border:1px dashed var(--line-dark);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer}
.file-field .icon{width:23px;margin-bottom:8px}
.file-field b{font-size:10px}
.file-field small{font-size:8px;color:var(--muted)}
.conversation-list{display:flex;flex-direction:column;gap:14px;background:#f4efeb}
.conversation-message{max-width:75%;padding:16px 18px;background:#fff;border:1px solid var(--line)}
.conversation-message.mine{align-self:flex-end;background:#211c1a;color:#fff;border-color:#211c1a}
.conversation-message>div{display:flex;justify-content:space-between;gap:20px}
.conversation-message b{font-size:9px}
.conversation-message time{font-size:7px;opacity:.65}
.conversation-message p{margin:8px 0 0;font-size:10px;line-height:1.7}
.conversation-message>a{display:inline-block;margin-top:9px;font-size:8px;text-decoration:underline}
.support-reply textarea{min-height:120px}
.support-reply>div{display:flex;justify-content:space-between;align-items:center;margin-top:12px}
.file-button{display:flex;align-items:center;gap:7px;cursor:pointer;font-size:9px}
.file-button .icon{width:16px}
.return-product-select{display:grid;gap:8px;margin-bottom:24px}
.return-product-select label{min-height:90px;border:1px solid var(--line);display:grid;grid-template-columns:20px 66px 1fr auto;gap:12px;align-items:center;padding:10px;cursor:pointer}
.return-product-select input{position:absolute;opacity:0}
.return-product-select label>i{width:18px;height:18px;border:1px solid var(--line-dark);display:grid;place-items:center}
.return-product-select label>i .icon{width:12px;opacity:0}
.return-product-select input:checked+i{background:var(--ink);color:#fff}
.return-product-select input:checked+i .icon{opacity:1}
.return-product-select img{width:66px;height:82px;object-fit:cover}
.return-product-select b{display:block;font-size:10px}
.return-product-select small{display:block;color:var(--muted);font-size:8px}
.return-product-select strong{font-size:10px;white-space:nowrap}

/* Giriş / kayıt */
.auth-page{max-width:var(--content-max);margin:auto;min-height:calc(100svh - var(--header-h) - 29px);display:grid;grid-template-columns:1fr 1fr;background:#fff}
.auth-visual{min-height:700px;padding:70px;display:flex;align-items:flex-end;background:linear-gradient(145deg,#ab7c88,#e5d3cd);position:relative;overflow:hidden}
.auth-visual:before{content:"A";position:absolute;top:-150px;right:-40px;font-family:var(--display);font-size:540px;line-height:1;color:rgba(255,255,255,.2)}
.auth-visual>div{position:relative;max-width:520px;color:#fff}
.auth-visual span{font-size:8px;font-weight:700;letter-spacing:.25em}
.auth-visual h2{margin:13px 0 18px;font-family:var(--display);font-size:76px;font-weight:500;line-height:.85}
.auth-visual p{max-width:450px;font-size:12px;line-height:1.7}
.auth-form-wrap{padding:70px clamp(35px,7vw,120px);display:flex;flex-direction:column;justify-content:center}
.auth-form-head>span{font-size:8px;font-weight:700;letter-spacing:.2em;color:var(--accent)}
.auth-form-head h1{margin:8px 0 10px;font-family:var(--display);font-size:58px;font-weight:500;line-height:.9}
.auth-form-head p{margin:0;color:var(--muted);font-size:11px}
.auth-form{display:grid;gap:15px;margin-top:30px}
.auth-form-grid{grid-template-columns:1fr 1fr}
.auth-form button{height:52px;border:0;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;gap:11px;font-size:9px;font-weight:700;text-transform:uppercase}
.auth-form button .icon{width:16px}
.auth-switch{display:flex;justify-content:center;gap:6px;margin-top:22px;font-size:10px;color:var(--muted)}
.auth-switch a{color:var(--ink);font-weight:700;border-bottom:1px solid}
.auth-benefits{margin-top:36px;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:center;gap:20px}
.auth-benefits span{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:8px}
.auth-benefits .icon{width:14px}
.form-errors{padding:12px 15px;margin:18px 0;background:#f9e5e8;color:#a51e35}
.form-errors p{margin:2px 0;font-size:9px}

/* Blog */
.blog-heading{max-width:var(--content-max);min-height:420px;margin:auto;padding:70px var(--page-x) 48px;display:flex;align-items:flex-end;justify-content:space-between;background:#201a18;color:#fff}
.blog-heading>div{max-width:900px}
.blog-heading span{font-size:8px;font-weight:700;letter-spacing:.2em;color:#d7a8b5}
.blog-heading h1{margin:12px 0 18px;font-family:var(--display);font-size:clamp(58px,8vw,108px);font-weight:500;line-height:.83}
.blog-heading p{max-width:590px;color:#c8beb9;font-size:12px}
.blog-heading>b{font-family:var(--display);font-size:220px;line-height:.7;color:#4d403b}
.blog-categories{padding:0 var(--page-x);display:flex;gap:0;overflow:auto;border-bottom:1px solid var(--line);background:#fff}
.blog-categories a{height:58px;display:flex;align-items:center;gap:7px;padding:0 24px;border-right:1px solid var(--line);font-size:10px;font-weight:600;white-space:nowrap}
.blog-categories a.active{background:var(--ink);color:#fff}
.blog-categories small{font-size:8px;opacity:.6}
.blog-grid{padding:65px var(--page-x) 100px;display:grid;grid-template-columns:repeat(2,1fr);gap:55px 26px}
.blog-card{display:grid;grid-template-columns:1fr;gap:18px}
.blog-card.featured{grid-column:1/-1;grid-template-columns:1.25fr .75fr;align-items:center;padding-bottom:55px;border-bottom:1px solid var(--ink)}
.blog-card-media{position:relative;aspect-ratio:4/3;background:var(--soft);overflow:hidden}
.blog-card.featured .blog-card-media{aspect-ratio:16/9}
.blog-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.blog-card:hover .blog-card-media img{transform:scale(1.035)}
.blog-card-media>span{height:100%;display:grid;place-items:center;font-family:var(--display);font-size:38px;text-align:center;color:#aa9b92}
.blog-card-media i{position:absolute;left:12px;bottom:10px;padding:6px;background:#fff;font-style:normal;font-size:8px}
.blog-card>div>span{font-size:8px;font-weight:700;letter-spacing:.12em;color:var(--accent)}
.blog-card h2{margin:8px 0 12px;font-family:var(--display);font-size:38px;font-weight:500;line-height:1}
.blog-card.featured h2{font-size:54px}
.blog-card p{color:var(--muted);font-size:11px}
.blog-card>div>a{display:inline-flex;align-items:center;gap:10px;margin-top:8px;font-size:9px;font-weight:700;text-transform:uppercase}
.blog-card>div>a .icon{width:14px}
.article-head{max-width:980px;margin:auto;padding:75px 24px 50px;text-align:center}
.article-head>a{font-size:9px;font-weight:700;letter-spacing:.13em;color:var(--accent);text-transform:uppercase}
.article-head h1{margin:15px 0 20px;font-family:var(--display);font-size:clamp(54px,7vw,92px);font-weight:500;line-height:.9}
.article-head p{max-width:740px;margin:0 auto;color:var(--muted);font-size:13px}
.article-head>div{margin-top:24px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:8px;color:var(--muted)}
.article-head>div i{width:3px;height:3px;background:var(--accent);transform:rotate(45deg)}
.article-cover{max-width:var(--content-max);height:min(70vw,760px);margin:0 auto 55px;padding:0 var(--page-x)}
.article-cover img{width:100%;height:100%;object-fit:cover}
.article-layout{max-width:1200px;margin:auto;padding:0 24px 100px;display:grid;grid-template-columns:120px minmax(0,720px) 190px;gap:45px;justify-content:center;align-items:start}
.article-share,.article-meta{position:sticky;top:100px;display:grid;gap:9px}
.article-share>span,.article-meta>span{margin-bottom:6px;font-size:7px;font-weight:700;letter-spacing:.15em;color:var(--accent)}
.article-share a{font-size:9px;color:var(--muted)}
.article-meta b{font-size:8px;font-weight:500}
.article-meta>a{margin-top:20px;padding:16px;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:space-between;font-size:8px;font-weight:700;text-transform:uppercase}
.article-meta>a .icon{width:14px}
.article-content{font-family:var(--font);font-size:15px;line-height:1.9;color:#403937}
.article-content h2,.article-content h3{font-family:var(--display);font-weight:500;line-height:1.05;color:var(--ink)}
.article-content h2{font-size:42px;margin:48px 0 17px}
.article-content h3{font-size:30px;margin:36px 0 14px}
.article-content img{max-width:100%;height:auto;margin:28px 0}
.article-content blockquote{margin:36px 0;padding:28px;border-left:2px solid var(--accent);background:var(--soft);font-family:var(--display);font-size:28px;line-height:1.25}
.article-content a{text-decoration:underline;color:var(--accent)}
.article-product{margin:42px 0;display:grid;grid-template-columns:220px 1fr;background:#e9d9d7}
.article-product>a img{width:220px;height:100%;min-height:290px;object-fit:cover}
.article-product>div{padding:30px;display:flex;flex-direction:column;justify-content:center}
.article-product>div>span{font-size:7px;font-weight:700;letter-spacing:.16em;color:var(--accent)}
.article-product h3{margin:8px 0 10px;font-size:35px}
.article-product p{font-size:10px;line-height:1.6}
.article-product>div>div{display:flex;gap:10px;align-items:baseline}
.article-product strong{font-size:14px}
.article-product del{font-size:10px;color:var(--muted)}
.article-product>div>a{align-self:flex-start;margin-top:18px;display:flex;align-items:center;gap:8px;font-size:8px;font-weight:700;text-transform:uppercase;text-decoration:none;border-bottom:1px solid}
.article-product>div>a .icon{width:14px}

/* Statik / karşılaştırma / sonuç */
.static-page{padding:75px var(--page-x) 110px;max-width:1050px}
.static-page header{padding-bottom:30px;border-bottom:1px solid var(--ink)}
.static-page header span{font-size:8px;font-weight:700;letter-spacing:.18em;color:var(--accent)}
.static-page h1{margin:10px 0 0;font-family:var(--display);font-size:65px;font-weight:500}
.static-page article{padding-top:35px;font-size:13px;line-height:1.85;color:#49413e}
.static-page article h2,.static-page article h3{font-family:var(--display);font-weight:500;color:var(--ink)}
.compare-page{padding:70px var(--page-x) 110px}
.compare-page>header{padding-bottom:32px;border-bottom:1px solid var(--ink)}
.compare-page>header span{font-size:8px;font-weight:700;letter-spacing:.18em;color:var(--accent)}
.compare-page>header h1{margin:8px 0 10px;font-family:var(--display);font-size:65px;font-weight:500}
.compare-page>header p{color:var(--muted)}
.compare-table-wrap{overflow:auto;margin-top:35px}
.compare-table{min-width:850px;width:100%;border-collapse:collapse;background:#fff}
.compare-table th,.compare-table td{padding:17px;border:1px solid var(--line);vertical-align:top;text-align:left;font-size:10px}
.compare-table thead th{min-width:220px;position:relative}
.compare-table thead th:first-child{min-width:130px;background:var(--soft)}
.compare-table thead button{position:absolute;right:8px;top:8px;width:32px;height:32px;border:0;background:#fff;display:grid;place-items:center}
.compare-table thead button .icon{width:14px}
.compare-table thead img{width:100%;aspect-ratio:3/4;object-fit:cover;background:var(--soft)}
.compare-table thead h2{font-family:var(--display);font-size:22px;font-weight:500;line-height:1;margin:10px 0 7px}
.compare-table thead strong{white-space:nowrap}
.compare-swatches{display:flex;gap:5px;margin-bottom:6px}
.compare-swatches i{width:16px;height:16px;border-radius:50%;background:var(--swatch);border:1px solid rgba(0,0,0,.12)}
.in-stock{color:var(--green)}
.out-stock{color:var(--sale)}
.compare-view-button{display:block;padding:12px;background:var(--ink);color:#fff;text-align:center;font-size:8px;font-weight:700;text-transform:uppercase}
.payment-page{padding:65px var(--page-x) 100px;max-width:1000px}
.payment-page header{text-align:center;margin-bottom:30px}
.payment-page header span{font-size:8px;font-weight:700;letter-spacing:.18em;color:var(--accent)}
.payment-page h1{margin:8px 0;font-family:var(--display);font-size:50px;font-weight:500}
.payment-page p{color:var(--muted);font-size:11px}
.payment-frame{background:#fff;padding:20px;border:1px solid var(--line);box-shadow:var(--shadow)}
.result-page{max-width:760px;min-height:650px;margin:auto;padding:80px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.result-symbol{width:72px;height:72px;display:grid;place-items:center;border:1px solid var(--green);color:var(--green);font-size:30px}
.result-symbol.failed{border-color:var(--sale);color:var(--sale)}
.result-page>span{margin-top:25px;font-size:8px;font-weight:700;letter-spacing:.18em;color:var(--accent)}
.result-page h1{margin:10px 0;font-family:var(--display);font-size:58px;font-weight:500;line-height:.9}
.result-page p{max-width:560px;color:var(--muted)}
.result-page>b{margin-top:15px;font-size:10px}
.result-page>div:last-child{display:flex;gap:10px;margin-top:28px}
.result-page>div:last-child a{padding:14px 20px;border:1px solid var(--ink);font-size:9px;font-weight:700;text-transform:uppercase}
.result-page>div:last-child a:first-child{background:var(--ink);color:#fff}
.completed-page{padding:70px var(--page-x) 110px}
.completed-page>header{display:grid;grid-template-columns:70px 1fr auto;gap:25px;align-items:center;padding:35px;background:#fff;border:1px solid var(--line)}
.completed-check{width:66px;height:66px;background:var(--green);color:#fff;display:grid;place-items:center}
.completed-check .icon{width:28px}
.completed-page>header span{font-size:8px;font-weight:700;letter-spacing:.16em;color:var(--accent)}
.completed-page>header h1{margin:6px 0;font-family:var(--display);font-size:52px;font-weight:500;line-height:.9}
.completed-page>header p{margin:0;color:var(--muted);font-size:10px}
.completed-page>header aside{padding-left:30px;border-left:1px solid var(--line);text-align:right}
.completed-page>header aside small{display:block;color:var(--muted);font-size:8px}
.completed-page>header aside b{display:block;font-size:13px}
.completed-page>header aside strong{display:block;margin-top:5px;font-size:20px;white-space:nowrap}
.transfer-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:22px}
.transfer-panel{padding:27px;background:#fff;border:1px solid var(--line)}
.transfer-panel-head{display:grid;grid-template-columns:42px 1fr;gap:14px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.transfer-panel-head>span{width:38px;height:38px;display:grid;place-items:center;background:var(--ink);color:#fff;font-size:9px}
.transfer-panel-head small{font-size:7px;font-weight:700;letter-spacing:.13em;color:var(--accent)}
.transfer-panel-head h2{margin:3px 0;font-family:var(--display);font-size:29px;font-weight:500}
.transfer-panel-head p{margin:0;color:var(--muted);font-size:9px}
.bank-account-list article{padding:17px 0;border-bottom:1px solid var(--line)}
.bank-account-list article>div{display:flex;justify-content:space-between}
.bank-account-list span{font-size:11px;font-weight:700}
.bank-account-list small{font-size:8px;color:var(--muted)}
.bank-account-list code{display:block;margin:9px 0;font-family:var(--font);font-size:11px}
.bank-account-list button{border:0;background:transparent;padding:0;font-size:8px;text-decoration:underline}
.transfer-form{display:grid;gap:13px;padding-top:20px}
.transfer-form>div{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.transfer-form>button{height:48px;border:0;background:var(--ink);color:#fff;font-size:9px;font-weight:700;text-transform:uppercase}
.transfer-state{padding:25px;margin-top:20px;background:var(--soft)}
.transfer-state.approved{background:#e5f1e9;color:#176243}
.transfer-state b{font-size:12px}
.transfer-state p{font-size:9px}
.completed-actions{display:flex;justify-content:center;gap:10px;margin-top:25px}
.completed-actions a{height:47px;padding:0 20px;border:1px solid var(--ink);display:flex;align-items:center;gap:10px;font-size:9px;font-weight:700;text-transform:uppercase}
.completed-actions a:first-child{background:var(--ink);color:#fff}
.completed-actions .icon{width:14px}

/* Footer */
.store-footer{background:#1b1716;color:#fff}
.footer-topline{max-width:var(--content-max);margin:auto;height:64px;padding:0 var(--page-x);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.16)}
.footer-topline>span{font-size:8px;font-weight:700;letter-spacing:.2em}
.footer-topline>a{display:flex;align-items:center;gap:10px;font-size:9px;font-weight:700;text-transform:uppercase}
.footer-topline .icon{width:15px}
.footer-grid{max-width:var(--content-max);margin:auto;padding:70px var(--page-x);display:grid;grid-template-columns:1.6fr .6fr .6fr 1.1fr;gap:65px}
.footer-brand .store-logo{align-items:flex-start;min-width:0}
.footer-brand .store-logo strong{font-size:40px}
.footer-brand .store-logo small{color:#a79b96}
.footer-brand h2{margin:35px 0 15px;font-family:var(--display);font-size:42px;font-weight:500;line-height:.95}
.footer-brand p{max-width:460px;color:#a99e99;font-size:11px}
.footer-links h3,.footer-newsletter>span{margin:0 0 18px;font-size:8px;font-weight:700;letter-spacing:.16em;color:#d6a8b4}
.footer-links a{display:block;padding:7px 0;color:#c5bbb6;font-size:10px}
.footer-links a:hover{color:#fff}
.footer-newsletter h3{margin:0 0 10px;font-family:var(--display);font-size:31px;font-weight:500}
.footer-newsletter p{color:#a99e99;font-size:10px}
.footer-newsletter form{display:grid;grid-template-columns:1fr 48px;margin-top:20px;border-bottom:1px solid #6e6561}
.footer-newsletter input{height:48px;border:0;background:transparent;color:#fff;outline:0;min-width:0}
.footer-newsletter button{border:0;background:transparent;color:#fff;display:grid;place-items:center}
.footer-newsletter small{display:block;margin-top:9px;color:#817873;font-size:8px}
.footer-bottom{max-width:var(--content-max);margin:auto;padding:22px var(--page-x);display:grid;grid-template-columns:1fr auto 1fr;gap:20px;border-top:1px solid rgba(255,255,255,.14);color:#8e847f;font-size:8px}
.footer-bottom div{display:flex;gap:16px}
.footer-bottom>span:last-child{text-align:right}

/* Mobil alt menü & genel bildirim */
.app-tabbar{display:none}
.compare-bar{position:fixed;left:50%;bottom:25px;z-index:70;transform:translateX(-50%);min-width:500px;min-height:58px;padding:8px 10px;background:#1b1716;color:#fff;box-shadow:0 18px 50px rgba(0,0,0,.28);display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px}
.compare-bar>div:first-child{display:flex;align-items:center;gap:8px;font-size:9px}
.compare-bar>div:first-child .icon{width:17px}
.compare-bar [data-compare-thumbs]{display:flex;gap:4px}
.compare-bar [data-compare-thumbs] img{width:34px;height:42px;object-fit:cover}
.compare-bar button,.compare-bar>a{height:40px;border:0;padding:0 13px;font-size:8px;font-weight:700;text-transform:uppercase}
.compare-bar button{background:transparent;color:#b9afaa}
.compare-bar>a{background:#fff;color:#1b1716;display:flex;align-items:center}
.toast-message{position:fixed;right:22px;bottom:22px;z-index:150;min-width:260px;max-width:420px;padding:15px 17px;background:#1b1716;color:#fff;display:flex;align-items:center;gap:10px;opacity:0;visibility:hidden;transform:translateY(15px);transition:.25s ease;box-shadow:var(--shadow);font-size:10px}
.toast-message.show{opacity:1;visibility:visible;transform:none}
.toast-message .icon{width:17px}
.flash-message{position:fixed;top:100px;right:20px;z-index:145;max-width:390px;padding:14px 17px;display:flex;align-items:center;gap:10px;background:#1b1716;color:#fff;box-shadow:var(--shadow);font-size:10px;animation:flashIn .35s ease}
.flash-message.error{background:var(--sale)}
.flash-message .icon{width:17px}
@keyframes flashIn{from{opacity:0;transform:translateX(20px)}}

/* Responsive */
@media(max-width:1250px){
  .header-nav{gap:17px}.nav-entry>a{font-size:9px}.mega-menu{grid-template-columns:.7fr 1fr .8fr;gap:30px}
  .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .color-story-grid{grid-template-columns:repeat(4,1fr)}
  .account-stat-grid{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1.3fr .6fr .6fr 1fr;gap:35px}
}
@media(max-width:1024px){
  :root{--header-h:66px}
  .desktop-only{display:none!important}.mobile-only{display:flex!important}
  .header-shell{grid-template-columns:44px 1fr auto;padding:0 14px;gap:8px}
  .header-shell>.store-logo{justify-self:center}
  .store-logo strong{font-size:26px}.store-logo small{font-size:6px}
  .header-actions{gap:0}.header-actions .header-icon{min-width:41px;padding:0 8px}
  .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .catalog-shell{grid-template-columns:1fr;padding-top:20px}
  .catalog-filter{position:fixed;top:0;left:0;bottom:0;z-index:115;width:min(90vw,390px);padding:0 20px 30px;background:#fff;overflow:auto;transform:translateX(-102%);transition:.3s ease}
  .catalog-filter.open{transform:none}
  .catalog-filter-head{height:74px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
  .catalog-filter-head span{font-size:7px;color:var(--accent)}.catalog-filter-head h2{margin:2px 0;font-family:var(--display);font-size:26px}.catalog-filter-head button{width:40px;height:40px;border:0;background:transparent;display:grid;place-items:center}
  .catalog-toolbar>div>button{display:flex}
  .catalog-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .product-page{grid-template-columns:1fr}
  .product-gallery-wrap{position:relative;top:0;height:min(78svh,790px);min-height:580px}
  .product-buybox{position:relative;top:0;max-height:none;overflow:visible;padding:38px var(--page-x) 60px}
  .cart-page,.checkout-page{grid-template-columns:minmax(0,1fr) 340px;gap:30px}
  .account-layout{grid-template-columns:1fr;padding-top:24px;gap:22px}
  .account-menu{position:relative;top:0;overflow:auto;border-top:0;background:transparent}
  .account-menu-profile{display:none}
  .account-menu nav{display:flex;gap:6px;min-width:max-content}
  .account-menu nav>a,.account-menu nav button{width:auto;height:42px;padding:0 13px;border:1px solid var(--line);grid-template-columns:16px auto;background:#fff;white-space:nowrap}
  .account-menu nav>a .arrow{display:none}.account-menu nav form{display:inline-flex}
  .order-detail-side{position:relative;top:0}
  .article-layout{grid-template-columns:1fr;max-width:800px}.article-share,.article-meta{position:relative;top:0;display:flex;flex-wrap:wrap;align-items:center}.article-meta>a{margin:0 0 0 auto}
  .footer-grid{grid-template-columns:1.3fr 1fr 1fr}.footer-newsletter{grid-column:1/-1}
}
@media(max-width:760px){
  :root{--page-x:16px;--header-h:62px}
  body{transition:opacity .22s ease;padding-bottom:66px;font-size:13px}
  .top-strip{height:25px}.top-strip-track span{font-size:7px;padding:0 22px}
  .store-header{height:var(--header-h)}
  .store-logo strong{font-size:23px}.store-logo small{margin-top:5px;font-size:5px}
  .header-actions .header-icon:not(.cart-icon):not([data-search-toggle]){display:none}
  .header-actions [data-search-toggle]{display:flex!important}
  .home-hero{height:calc(100svh - var(--header-h) - 25px);min-height:560px;max-height:none}
  .home-hero-copy{left:18px;right:18px;bottom:95px;max-width:none}
  .home-hero-copy h1{font-size:clamp(47px,15vw,72px);line-height:.87}
  .home-hero-copy p{font-size:11px;max-width:88%}
  .home-hero-side{display:none}
  .home-hero-controls{left:18px;right:18px;bottom:28px}
  .home-hero-controls>div:first-child i{width:75px}
  .home-promises{display:flex;overflow:auto;scroll-snap-type:x mandatory;border-left:0}
  .home-promises article{min-width:78vw;scroll-snap-align:start;border-left:1px solid var(--line);padding:19px 20px}
  .home-section{padding:64px 16px}
  .home-section-head{align-items:flex-start;margin-bottom:22px;padding-bottom:15px}
  .home-section-head h2{font-size:42px}.home-section-head p{display:none}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 9px}
  .product-grid-rail{display:grid;grid-auto-flow:column;grid-auto-columns:72vw;gap:10px;margin-right:-16px;padding-right:16px}
  .product-tile-media{aspect-ratio:3/4}
  .product-tile-title{min-height:35px;font-size:10px}.product-tile-price strong{font-size:11px}.product-tile-price del{font-size:8px}
  .product-tile-heart{width:34px;height:34px;top:7px;right:7px}
  .product-tile-quick{display:none}
  .product-tile:hover .product-image-primary{opacity:1;transform:none}.product-tile:hover .product-image-secondary{opacity:0;transform:none}
  .color-story-grid{display:grid;grid-auto-flow:column;grid-auto-columns:42vw;grid-template-columns:none;overflow:auto;gap:9px;margin-right:-16px;padding-right:16px;scroll-snap-type:x mandatory}
  .color-story{scroll-snap-align:start}.color-story strong{font-size:20px}
  .editorial-story{grid-template-columns:1fr;min-height:0}.editorial-story-media{min-height:480px}.editorial-story-copy{padding:45px 20px}.editorial-story-copy h2{font-size:54px}
  .category-story-grid{grid-template-columns:repeat(2,1fr);gap:26px 9px}.category-story h3{font-size:24px}
  .journal-preview-grid{display:grid;grid-auto-flow:column;grid-auto-columns:82vw;grid-template-columns:none;overflow:auto;gap:15px;margin-right:-16px;padding-right:16px;scroll-snap-type:x mandatory}.journal-preview{scroll-snap-align:start}.journal-preview h3{font-size:25px}
  .home-newsletter{padding:55px 18px;grid-template-columns:1fr;gap:30px}.home-newsletter h2{font-size:50px}
  .catalog-heading{min-height:265px;padding:40px 18px}.catalog-heading.has-image{min-height:360px}.catalog-heading h1{font-size:59px}.catalog-heading p{font-size:10px}
  .catalog-shell{padding:18px 10px 80px}.catalog-toolbar{padding:0 6px}.catalog-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 8px}
  .catalog-toolbar>div>span{display:none}.catalog-toolbar select{max-width:135px;font-size:9px}
  .product-gallery-wrap{height:auto;min-height:0;display:block;padding:0;background:#f0ece8}
  .product-thumbnails{display:none}
  .product-gallery{height:auto;aspect-ratio:3/4;touch-action:pan-y}
  .product-gallery-slide img,.product-gallery-slide video{object-fit:contain}
  .product-gallery-count{left:10px;bottom:10px}.product-gallery-sale{right:9px;top:9px}
  .product-buybox{padding:25px 16px 45px}.product-buybox-head h1{font-size:40px}.product-buybox-head{grid-template-columns:1fr auto;gap:8px}.product-buybox-head>div:last-child{flex-direction:column}.product-price-block strong{font-size:22px}
  .product-benefit-row{gap:10px}.product-benefit-row span{font-size:8px}.product-purchase{grid-template-columns:96px 1fr;position:sticky;bottom:66px;z-index:25;padding:9px 0;background:#fff}.product-quantity,.product-add-button{height:52px}.product-add-button{padding:0 13px;font-size:9px}.product-add-button b{display:none}
  .commerce-head{padding:30px 16px 20px;display:block}.commerce-head h1{font-size:51px}.commerce-steps{margin-top:22px;overflow:auto}.commerce-steps span{font-size:7px}.commerce-steps span+span:before{width:15px}
  .cart-page,.checkout-page{padding:20px 12px 100px;display:block}.cart-products{min-width:0}.cart-row{grid-template-columns:94px minmax(0,1fr);gap:12px;padding:15px 0}.cart-row-image{height:124px}.cart-row-title a{font-size:10px}.cart-row-title p{font-size:8px}.cart-row-title small{display:none}.cart-row-title button{width:30px;height:30px;flex-basis:30px}.cart-row-bottom{grid-template-columns:1fr auto;gap:8px}.cart-price-unit{display:none}.cart-quantity{width:92px;height:36px}.cart-row-bottom>strong{font-size:10px}.order-summary.cart-summary{position:relative;top:0;margin-top:25px;padding:0 17px 18px;box-shadow:none;border:1px solid var(--line);border-top:1px solid var(--ink)}
  .mobile-checkout-bar{position:fixed;left:0;right:0;bottom:66px;z-index:60;height:67px;padding:8px 12px;display:grid;grid-template-columns:1fr auto;align-items:center;background:#fff;border-top:1px solid var(--line);box-shadow:0 -8px 25px rgba(30,20,17,.1)}.mobile-checkout-bar span small{display:block;font-size:7px;color:var(--muted)}.mobile-checkout-bar span b{font-size:17px;white-space:nowrap}.mobile-checkout-bar a{height:48px;padding:0 17px;background:var(--ink);color:#fff;display:flex;align-items:center;gap:9px;font-size:9px;font-weight:700;text-transform:uppercase}.mobile-checkout-bar a .icon{width:14px}
  .checkout-commerce-head .commerce-steps{display:none}.checkout-page{padding-bottom:85px}.checkout-step>header{grid-template-columns:36px 1fr}.checkout-step>header h2{font-size:27px}.form-grid,.form-grid.two,.form-grid.three{grid-template-columns:1fr}.span-2{grid-column:auto}.saved-address-list>div{grid-template-columns:1fr}.checkout-step-actions{gap:8px}.checkout-step-actions>a,.checkout-step-actions>button{font-size:8px}.checkout-step-actions>button:last-child{padding:0 13px}.payment-methods label{grid-template-columns:20px 38px 1fr}.payment-methods em{display:none}.checkout-summary{position:relative;top:0;margin-top:16px;padding:0;box-shadow:none;border:1px solid var(--line)}.checkout-summary-mobile{width:100%;height:55px;padding:0 14px;border:0;background:#fff;display:grid;grid-template-columns:1fr auto 17px;gap:8px;align-items:center;text-align:left}.checkout-summary-mobile>span{display:flex;align-items:center;gap:8px;font-size:9px;font-weight:700;text-transform:uppercase}.checkout-summary-mobile>span .icon{width:16px}.checkout-summary-mobile>b{font-size:12px;white-space:nowrap}.checkout-summary>[data-summary-content]{padding:0 14px 14px}.checkout-summary:not(.open)>[data-summary-content]{display:none}
  .account-layout{padding:16px 12px 85px;gap:13px}.account-menu{margin:0 -12px;padding:0 12px}.account-menu nav{overflow:auto;scrollbar-width:none}.account-menu nav::-webkit-scrollbar{display:none}.account-menu nav>a,.account-menu nav button{height:39px;padding:0 10px;font-size:8px}.account-header{min-height:150px;padding:25px 5px;margin-bottom:16px;align-items:flex-start;flex-direction:column}.account-header h1{font-size:49px}.account-header>a{align-self:flex-start}.profile-score{align-self:flex-start}.account-stat-grid{grid-template-columns:repeat(2,1fr);gap:7px}.account-stat-grid>a{min-height:145px;padding:14px}.account-panel{padding:17px;margin-bottom:13px}.account-panel-head{align-items:flex-start;flex-direction:column;gap:7px}.account-panel-head h2{font-size:27px}.account-order-list>a{grid-template-columns:1fr auto 15px;gap:10px;padding:13px 0}.account-order-list>a>div:nth-child(2){display:none}.account-order-list>a>div:nth-child(3){text-align:right}.orders-grid{grid-template-columns:1fr}.order-detail-layout{grid-template-columns:1fr}.order-product-list article{grid-template-columns:63px 1fr auto;gap:10px}.order-product-list img{width:63px;height:82px}.order-detail-side{position:relative}.preference-panel{grid-template-columns:1fr;gap:12px}.address-grid{grid-template-columns:1fr}.account-product-grid{grid-template-columns:repeat(2,1fr);gap:26px 8px}.support-list>a{grid-template-columns:8px 1fr;padding:14px 12px}.support-list>a>div:last-child{grid-column:2;justify-items:start}.conversation-message{max-width:91%}.return-product-select label{grid-template-columns:18px 55px 1fr}.return-product-select img{width:55px;height:70px}.return-product-select strong{display:none}
  .auth-page{grid-template-columns:1fr;min-height:0}.auth-visual{min-height:320px;padding:35px 20px}.auth-visual:before{font-size:300px;top:-95px}.auth-visual h2{font-size:53px}.auth-form-wrap{padding:45px 20px 80px}.auth-form-head h1{font-size:50px}.auth-form-grid{grid-template-columns:1fr}.auth-form-grid .span-2{grid-column:auto}.auth-benefits{gap:10px;justify-content:flex-start;flex-wrap:wrap}
  .blog-heading{min-height:330px;padding:45px 18px}.blog-heading h1{font-size:62px}.blog-heading>b{display:none}.blog-categories{padding:0;overflow:auto}.blog-categories a{height:50px;padding:0 16px}.blog-grid{padding:45px 12px 80px;grid-template-columns:1fr;gap:45px}.blog-card.featured{grid-column:auto;grid-template-columns:1fr;padding-bottom:42px}.blog-card.featured h2,.blog-card h2{font-size:34px}.article-head{padding:50px 18px 35px}.article-head h1{font-size:54px}.article-cover{height:55vh;min-height:350px;padding:0}.article-layout{padding:0 18px 80px;gap:24px}.article-content{font-size:14px}.article-content h2{font-size:34px}.article-product{grid-template-columns:1fr}.article-product>a img{width:100%;min-height:0;aspect-ratio:3/4}.article-meta>a{margin-left:0}.journal-preview-grid{grid-auto-columns:78vw}
  .static-page{padding:50px 18px 80px}.static-page h1{font-size:50px}.compare-page{padding:50px 12px 80px}.compare-page>header h1{font-size:50px}.payment-page{padding:45px 12px 80px}.payment-frame{padding:7px}.result-page h1{font-size:48px}.completed-page{padding:35px 12px 80px}.completed-page>header{grid-template-columns:55px 1fr;padding:20px;gap:14px}.completed-check{width:52px;height:52px}.completed-page>header h1{font-size:39px}.completed-page>header aside{grid-column:1/-1;padding:15px 0 0;border-left:0;border-top:1px solid var(--line);text-align:left}.transfer-layout{grid-template-columns:1fr}.transfer-panel{padding:18px}.transfer-form>div{grid-template-columns:1fr}.completed-actions{flex-direction:column}.completed-actions a{justify-content:center}
  .footer-grid{padding:55px 18px;grid-template-columns:1fr 1fr;gap:36px 20px}.footer-brand{grid-column:1/-1}.footer-newsletter{grid-column:1/-1}.footer-brand h2{font-size:36px}.footer-bottom{padding:20px 18px 85px;grid-template-columns:1fr;gap:10px}.footer-bottom>span:last-child{text-align:left}
  .app-tabbar{position:fixed;left:0;right:0;bottom:0;z-index:75;height:66px;padding-bottom:env(safe-area-inset-bottom);background:rgba(255,255,255,.97);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr);transition:transform .25s ease}.app-tabbar.is-hidden{transform:translateY(110%)}.app-tabbar a,.app-tabbar button{position:relative;border:0;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#7a716c;font-size:7px}.app-tabbar .icon{width:19px;height:19px}.app-tabbar .active{color:var(--ink)}.app-tabbar b{position:absolute;top:6px;right:calc(50% - 18px);min-width:15px;height:15px;padding:0 3px;display:grid;place-items:center;background:var(--accent);color:#fff;border-radius:50%;font-size:7px}
  .compare-bar{left:10px;right:10px;bottom:75px;transform:none;min-width:0;grid-template-columns:1fr auto auto;padding:7px}.compare-bar [data-compare-thumbs]{display:none}.compare-bar>div:first-child{font-size:8px}
  .toast-message{left:12px;right:12px;bottom:78px;min-width:0}.flash-message{top:75px;left:12px;right:12px}
  body.keyboard-open .app-tabbar,body.keyboard-open .mobile-checkout-bar{display:none}
}
@media(max-width:390px){
  .product-grid,.catalog-product-grid,.account-product-grid{column-gap:6px}.product-tile-title{font-size:9px}.product-tile-price{gap:6px}.product-tile-colors{gap:4px}.product-tile-colors button{width:15px;height:15px}
  .account-stat-grid{grid-template-columns:1fr 1fr}.account-stat-grid>a{min-height:133px}.commerce-steps{gap:7px}.commerce-steps span+span:before{width:8px}
}

html.is-leaving body{opacity:.55}


body.bell-open{overflow:hidden}
.product-tile.color-selected:hover .product-image-primary{opacity:1;transform:none}
.product-tile.color-selected:hover .product-image-secondary{opacity:0;transform:none}
.product-tile-price strong,.product-tile-price del,.cart-row-bottom>strong,.summary-values b,.summary-values strong,.checkout-mini-item em,.order-card-meta strong,.account-order-list strong{white-space:nowrap;overflow:visible;text-overflow:clip}
.error-page{min-height:calc(100svh - var(--header-h) - 29px);padding:90px var(--page-x);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:var(--paper)}
.error-page>span{font-family:var(--display);font-size:clamp(100px,18vw,260px);font-weight:500;line-height:.7;color:#d8c9c5}
.error-page h1{margin:42px 0 10px;font-family:var(--display);font-size:clamp(38px,5vw,70px);font-weight:500;line-height:.95}
.error-page p{max-width:520px;margin:0 0 28px;color:var(--muted)}
.btn-primary,.error-page a{min-height:50px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:#fff;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.home-custom-section{max-width:var(--content-max);margin:auto;padding:60px var(--page-x)}
.blog-pagination{padding-bottom:85px}
.mobile-featured-link{font-weight:700!important}
.store-empty.cart-empty{grid-column:1/-1}
.preference-panel{grid-template-columns:minmax(260px,1fr) repeat(3,auto)}.preference-quiet-hours{grid-column:1/-1;display:grid!important;grid-template-columns:repeat(2,minmax(0,220px)) 1fr;gap:12px;align-items:end;padding-top:15px;border-top:1px solid var(--line)}.preference-quiet-hours label span{display:block;font-size:8px!important;color:var(--ink)!important;font-weight:700;margin-bottom:6px}.preference-quiet-hours input{width:100%;height:42px;border:1px solid var(--line);background:#fff;padding:0 11px}.preference-quiet-hours>small{color:var(--muted);font-size:8px;align-self:center}@media(max-width:1024px){.preference-panel{grid-template-columns:1fr 1fr}.preference-panel>div:first-child{grid-column:1/-1}.preference-quiet-hours{grid-template-columns:1fr 1fr;grid-column:1/-1}.preference-quiet-hours>small{grid-column:1/-1}}@media(max-width:600px){.preference-panel{grid-template-columns:1fr}.preference-panel>div:first-child,.preference-quiet-hours{grid-column:1}.preference-quiet-hours{grid-template-columns:1fr}}
