.topline{position:relative;height:32px;font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:500}.tl-wrap{position:relative;display:block;width:100%;height:100%}.tl-msg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(10px);transition:opacity .5s ease,transform .6s cubic-bezier(.2,.8,.2,1);pointer-events:none}.tl-msg.on{opacity:1;transform:none}.tl-msg.out{opacity:0;transform:translateY(-10px)}.logo-text{display:inline-block;font-family:Playfair Display,serif;font-size:21px;font-weight:500;letter-spacing:.34em;line-height:1;color:#111;text-indent:.34em}.footer .logo-text{color:#fff}@media(min-width:901px){body .header{grid-template-columns:auto 1fr auto;column-gap:36px;height:74px;padding:0 max(28px,calc((100vw - 1320px)/2));border-bottom:1px solid rgba(0,0,0,.06);background:#ffffffe0;-webkit-backdrop-filter:saturate(1.6) blur(18px);backdrop-filter:saturate(1.6) blur(18px);transition:height .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,background .35s}body .header.scrolled{height:60px;background:#fffffff0;box-shadow:0 8px 30px #0000000f}body .header>.logo{grid-column:1;grid-row:1;justify-self:start}body .header .logo-img{transition:height .35s cubic-bezier(.2,.8,.2,1)}body .header.scrolled .logo-img{height:17px}body .header .nav{grid-column:2;grid-row:1;justify-content:center;gap:4px}body .header .nav a{padding:10px 16px;border-radius:999px;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:500;color:#555;transition:background .25s,color .25s}body .header .nav a:hover{background:#f3f1ee;color:#111}body .header .nav a.on{color:#111}body .header .nav a:after{left:16px;right:16px;bottom:6px;height:1.5px;background:#111}body .header .nav a[data-cats] svg{width:10px;height:10px;margin-left:7px;vertical-align:1px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s}body .header .nav a[data-cats].on svg{transform:rotate(180deg)}body .header-actions{grid-column:3;grid-row:1;gap:4px;align-self:center}body .header-actions .desktop-search{display:inline-flex;width:auto;min-width:176px;height:40px;padding:0 16px 0 13px;margin-right:8px;border:1px solid #e6e3de;border-radius:999px;background:#faf9f7;color:#777;justify-content:flex-start;gap:9px;transition:border-color .25s,background .25s,box-shadow .25s}body .header-actions .desktop-search svg{width:17px;height:17px}body .header-actions .desktop-search:after{content:"Ürün ara…";font-size:12px;letter-spacing:.02em}body .header-actions .desktop-search:hover{border-color:#111;background:#fff;box-shadow:0 6px 18px #00000012}body .header-actions .desktop-search:hover svg{transform:none}body .header-actions .icon-btn:not(.desktop-search),body .header-actions .cart-btn{border-radius:50%;transition:background .25s,transform .25s}body .header-actions .icon-btn:not(.desktop-search):hover,body .header-actions .cart-btn:hover{background:#f3f1ee}body .header-actions .icon-btn:not(.desktop-search):hover svg,body .header-actions .cart-btn:hover svg{transform:none}body .header-actions .desktop-search{border-radius:999px;cursor:text}body .header-actions .desktop-search:hover{background:#fff;border-color:#bdb7ae;box-shadow:none}body .header-actions .desktop-search:active,body .header-actions .desktop-search.tap{transform:none;animation:none;box-shadow:none}body .header-actions .desktop-search:focus-visible{outline:2px solid #111;outline-offset:2px;border-color:#111;background:#fff}body .header-actions .cart-btn{width:42px;padding:0}body .header-actions .cart-btn #cartCount{position:absolute;top:1px;right:-1px;min-width:18px;height:18px;margin:0;padding:0 4px;border:2px solid #fff;box-sizing:content-box;font-size:9.5px;line-height:1}body .header .nav a{white-space:nowrap}.nv-top,.nv-quick,.nv-help{display:none}}@media(min-width:901px)and (max-width:1300px){body .header{column-gap:20px;padding:0 24px}body .header .nav{gap:0}body .header .nav a{padding:10px 11px;letter-spacing:.08em;font-size:11px}body .header-actions .desktop-search{min-width:0;width:40px;padding:0;margin-right:4px;justify-content:center}body .header-actions .desktop-search:after{display:none}body .header-actions .desktop-search{cursor:pointer}}@media(max-width:900px){body .header{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}.nav-backdrop{z-index:205;background:#0a0a0a80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}body.nav-open{overflow:hidden}body.nav-open .header{z-index:215;background:transparent!important;border-color:transparent;box-shadow:none}body.nav-open .header>*:not(.nav){visibility:hidden}body .header .nav{position:fixed;inset:0 auto 0 0;z-index:2;width:min(340px,88vw);height:100vh;height:100dvh;padding:0 0 calc(20px + env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;background:#fff;border:0;box-shadow:none;opacity:1;visibility:hidden;pointer-events:none;transform:translate(-104%);transition:transform .5s cubic-bezier(.22,.8,.3,1),box-shadow .5s,visibility 0s .5s}body .header .nav.open{visibility:visible;pointer-events:auto;transform:none;box-shadow:28px 0 70px #00000047;transition-delay:0s}body .header .nav>*{opacity:0;transform:translate(-14px);transition:opacity .35s,transform .5s cubic-bezier(.22,.8,.3,1)}body .header .nav.open>*{opacity:1;transform:none;transition-delay:calc(var(--i,0) * 45ms + .14s)!important}.nv-top{display:flex;align-items:center;justify-content:space-between;padding:20px 22px 14px;border-bottom:1px solid #f0eeea}.nv-top img{display:block;height:15px;width:auto}.nv-x{width:38px;height:38px;border:0;border-radius:50%;background:#f3f1ee;font-size:22px;line-height:1;cursor:pointer;color:#111}body .header .nav>a{display:flex;align-items:center;justify-content:space-between;padding:17px 24px;border-bottom:1px solid #f4f2ee;font-family:Playfair Display,serif;font-size:21px;font-weight:400;letter-spacing:0;text-transform:none;color:#111}body .header .nav>a:after{content:"›";position:static;height:auto;background:none;transform:none;font-family:DM Sans,sans-serif;font-size:22px;color:#bbb;transition:transform .25s,color .25s}body .header .nav>a:active:after{transform:translate(4px);color:#111}body .header .nav>a.on,body .header .nav>a[data-cats].on{font-weight:400;color:#111;border-bottom:1px solid #f4f2ee;padding-bottom:17px}body .header .nav>a[data-cats] svg{display:none}.nv-quick{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:22px 20px 8px}.nv-quick a{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 6px;border-radius:14px;background:#f6f4f1;color:#111;text-decoration:none;font-size:12px}.nv-quick svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.nv-help{display:block;padding:14px 24px 0}.nv-help small{display:block;margin-bottom:8px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#999}.nv-help a{display:block;padding:9px 0;color:#555;text-decoration:none;font-size:13px}body .header .nav a{opacity:1}body .header .nav>*{opacity:0}body .header .nav.open>*{opacity:1}body .header .nav>a{display:none}.nv-cats{display:block;padding:8px 0 4px}body .header .nav .nv-cats a{display:flex;align-items:center;justify-content:space-between;padding:15px 24px;border:0;font:600 16px/1.2 DM Sans,sans-serif;letter-spacing:.04em;text-transform:uppercase;color:#111;text-decoration:none}body .header .nav .nv-cats a:after{content:none}.nv-cats a small{font-size:11px;font-weight:500;letter-spacing:.06em;color:#9a958d}.nv-cats a.on{background:#f6f4f1}.nv-cats a:active{background:#f3f1ee}.nv-more{margin:10px 0 0;padding:10px 0 0;border-top:1px solid #f0eeea}body .header .nav .nv-cats .nv-more a{padding:10px 24px;font-size:13px;font-weight:400;letter-spacing:0;text-transform:none;color:#555}}@media(min-width:901px){.nv-cats{display:none}}@media(prefers-reduced-motion:reduce){.tl-msg,body .header .nav,body .header .nav>*{transition:none!important}}@media(min-width:901px){body .header>.logo{min-width:max-content;flex-shrink:0}body .header .logo-img{max-width:none}}@media(min-width:901px)and (max-width:1240px){body .header{column-gap:10px;padding:0 14px}body .header .nav a{padding:10px 7px;letter-spacing:.04em;font-size:10.5px}body .header-actions .icon-btn:not(.desktop-search),body .header-actions .cart-btn{width:36px}body .header-actions .desktop-search{margin-right:0}}@media(min-width:901px)and (max-width:1000px){body .header .nav a[href*="#shop"]{display:none}}@media(min-width:1241px)and (max-width:1560px){body .header{column-gap:22px}body .header .nav a{padding:10px 11px;letter-spacing:.09em}}
