:root{
  --bg:#faf7f2; --card:#fff; --ink:#1c1a17; --muted:#6f695f; --line:#e8e2d8;
  --gold:#a8844d; --radius:4px;
  --serif:'Cormorant Garamond',Georgia,serif; --sans:'Inter',system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;overflow-x:hidden}
body{font-family:var(--sans);background:var(--bg);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;width:100%}
img,video{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
ul{list-style:none}
.container{width:min(1200px,92%);margin:0 auto}
[hidden]{display:none!important}
.skip{position:absolute;left:-999px;top:0;background:#fff;padding:.6rem 1rem;z-index:100}
.skip:focus{left:0}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
:focus-visible{outline:2px solid var(--gold);outline-offset:2px}

.announce{background:var(--ink);color:#fff;text-align:center;font-size:.78rem;padding:.55rem 1rem;letter-spacing:.03em}

/* Header */
.header{position:sticky;top:0;z-index:30;background:rgba(250,247,242,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.header__row{display:flex;align-items:center;justify-content:space-between;height:72px;gap:2rem}
.logo{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--serif);font-size:1.95rem;font-weight:600;letter-spacing:.02em;white-space:nowrap;line-height:1;flex-shrink:0;color:var(--ink)}
.logo__mark{width:42px;height:42px;flex:none;transition:transform .5s ease}
.logo:hover .logo__mark{transform:rotate(-8deg) scale(1.05)}
.logo span{font-weight:500;color:var(--gold)}
.logo--sm{font-size:1.5rem}
.logo--sm .logo__mark{width:34px;height:34px}
.nav{display:flex;align-items:center;justify-content:center;flex:1}
.desktop-nav{display:flex;gap:1.6rem;font-size:.88rem;align-items:center;justify-content:center;white-space:nowrap}
.desktop-nav>a,.nav>a,.nav__dd-btn{position:relative;padding:.4rem 0;font-weight:500;color:var(--ink);transition:color .2s}
.desktop-nav>a::after,.nav>a::after,.nav__dd-btn::after{content:"";position:absolute;left:0;bottom:0;width:0;height:1.5px;background:var(--ink);transition:width .25s}
.desktop-nav>a:hover::after,.nav>a:hover::after,.nav__dd-btn:hover::after{width:100%}
.mobile-nav{display:none}
.nav__dd{position:relative}
.nav__menu{position:absolute;top:100%;left:-1rem;min-width:210px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:.5rem;opacity:0;visibility:hidden;transform:translateY(6px);transition:.2s;box-shadow:0 10px 30px rgba(0,0,0,.08);z-index:50}
.nav__dd:hover .nav__menu,.nav__dd:focus-within .nav__menu{opacity:1;visibility:visible;transform:none}
.nav__menu a{display:block;padding:.55rem .8rem;border-radius:3px;font-size:.84rem}
.nav__menu a:hover{background:var(--bg)}
.header__actions{display:flex;align-items:center;gap:.65rem;flex-shrink:0}
.action-btn,.icon-btn{width:48px;height:48px;border-radius:50%;position:relative;display:inline-flex;align-items:center;justify-content:center;color:var(--ink);background:transparent;border:1px solid transparent;transition:all .2s cubic-bezier(0.4,0,0.2,1);cursor:pointer}
.action-btn:hover,.icon-btn:hover{background:rgba(20,18,15,.06);border-color:var(--line);transform:scale(1.06)}
.action-icon{width:24px;height:24px;display:block;stroke:currentColor;transition:stroke .2s, transform .2s}
.action-btn:hover .action-icon{stroke:var(--gold)}
.cart-btn{position:relative}
.cart-count{position:absolute;top:2px;right:2px;min-width:20px;height:20px;border-radius:10px;background:var(--ink);color:#fff;font-size:.72rem;font-weight:700;display:grid;place-items:center;padding:0 5px;border:2px solid var(--bg);box-shadow:0 2px 6px rgba(0,0,0,.15);line-height:1}
.menu-toggle{display:none}
.search{max-height:0;overflow:hidden;transition:max-height .3s;position:relative}
.search.is-open{max-height:480px;overflow:visible}
.search input{width:100%;margin:.7rem 0;padding:.7rem 1rem;border:1px solid var(--line);border-radius:var(--radius);background:#fff;font:inherit;outline:none}
.search input:focus{border-color:var(--ink)}
.search__results{background:#fff;border:1px solid var(--line);border-radius:var(--radius);margin-bottom:.7rem;max-height:340px;overflow:auto}
.search__results:empty{display:none}
.sr-item{display:flex;gap:.8rem;align-items:center;padding:.6rem .8rem;border-bottom:1px solid var(--line)}
.sr-item:hover{background:var(--bg)}
.sr-item img{width:48px;height:48px;object-fit:cover;border-radius:3px}
.sr-item small{color:var(--muted);display:block}
.sr-empty{padding:1rem;color:var(--muted)}

/* Buttons */
.btn{display:inline-block;background:var(--ink);color:#fff;padding:.85rem 1.7rem;font-size:.85rem;font-weight:500;letter-spacing:.04em;border-radius:var(--radius);border:1px solid var(--ink);transition:.2s;text-align:center}
.btn:hover{background:#000;transform:translateY(-1px)}
.btn--ghost{background:transparent;color:var(--ink)}
.btn--ghost:hover{background:var(--ink);color:#fff}
.btn--block{display:block;width:100%}
.btn--sm{padding:.55rem 1.1rem;font-size:.8rem}
.linkbtn{text-decoration:underline;font-size:.82rem;color:var(--muted)}
.link-more{font-size:.88rem;text-decoration:underline;text-underline-offset:4px}

/* Hero */
.hero{position:relative;min-height:min(80vh,680px);display:flex;align-items:center;background:#e9e1d3;overflow:hidden}
.hero__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(250,247,242,.88) 0%,rgba(250,247,242,.4) 50%,transparent 80%)}
.hero__content{position:relative;z-index:1}
.eyebrow{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.2em;color:var(--gold);margin-bottom:.8rem;font-weight:600}
.hero h1, .hero .hero__h1{font-family:var(--serif);font-size:clamp(2.4rem,5.5vw,4.4rem);line-height:1.05;font-weight:500;margin-bottom:1rem;max-width:620px}
.hero p{max-width:440px;color:#4a453e;margin-bottom:1.8rem}
.hero__btns{display:flex;gap:.8rem;flex-wrap:wrap}

/* Trust */
.trust{border-bottom:1px solid var(--line);background:#fff}
.trust__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding:1.4rem 0;text-align:center}
.trust strong{display:block;font-size:.88rem}
.trust span{font-size:.78rem;color:var(--muted)}

/* Sections */
.section{padding:4.5rem 0}
.section--tight{padding:2.5rem 0}
.section__head{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}
h1,h2{font-family:var(--serif);font-weight:500;line-height:1.1}
h1{font-size:clamp(2rem,4vw,2.9rem)}
h2{font-size:clamp(1.8rem,3.5vw,2.6rem)}
.lead{color:var(--muted);margin-top:.6rem;max-width:620px}
.toolbar{display:flex;gap:1rem;align-items:center}
select{padding:.55rem .9rem;border:1px solid var(--line);border-radius:var(--radius);background:#fff;font:inherit;font-size:.84rem}

/* Collection tiles */
.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.tile{position:relative;display:block;aspect-ratio:4/5;border-radius:var(--radius);overflow:hidden;background:#e9e1d3}
.tile picture,.tile img{width:100%;height:100%}
.tile img{object-fit:cover;transition:transform .7s}
.tile:hover img{transform:scale(1.06)}
.tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(20,18,15,.7))}
.tile__text{position:absolute;left:1rem;right:1rem;bottom:1rem;z-index:1;color:#fff}
.tile__text h3{font-family:var(--serif);font-size:1.7rem;font-weight:500;line-height:1.1}
.tile__text p{font-size:.8rem;opacity:.9;margin:.3rem 0 .5rem}
.tile__text span{font-size:.8rem;text-decoration:underline;text-underline-offset:3px}

/* Product grid */
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.6rem 1.2rem}
.card__link{display:block}
.card__img{position:relative;aspect-ratio:1/1;background:linear-gradient(135deg,#efe8db,#e2d8c6);border-radius:var(--radius);overflow:hidden}
.card__img picture,.card__img img{width:100%;height:100%}
.card__img img{object-fit:cover;transition:transform .6s}
.card:hover .card__img img{transform:scale(1.05)}
.badge{position:absolute;top:10px;left:10px;background:#fff;font-size:.7rem;padding:.2rem .6rem;border-radius:999px;font-weight:600;z-index:2}
.badge--sale{background:var(--ink);color:#fff}
.card__quick{position:absolute;left:10px;right:10px;bottom:10px;background:#fff;padding:.55rem;font-size:.8rem;text-align:center;border-radius:var(--radius);opacity:0;transform:translateY(8px);transition:.25s}
.card:hover .card__quick{opacity:1;transform:none}
.card__info{padding-top:.8rem}
.card__cat{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.card__name{font-size:.95rem;font-weight:500;margin:.1rem 0;font-family:var(--sans);line-height:1.35}
.price{font-size:.95rem}
.price s{color:var(--muted);margin-right:.4rem;font-size:.84rem}
.price small{color:var(--muted);font-size:.72rem}
.price--lg{font-size:1.4rem;margin:.2rem 0}

/* Video band */
.vband{position:relative;min-height:440px;display:flex;align-items:center;overflow:hidden;background:#1c1a17;color:#fff}
.vband video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.75}
.vband::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,18,15,.7),transparent 70%)}
.vband__text{position:relative;z-index:1}
.vband h2{max-width:520px;margin-bottom:1.4rem}
.vband .btn{background:#fff;color:var(--ink);border-color:#fff}

/* Combos (Stil & Kombin Önerileri) */
.combos {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.8rem;
  margin-top: 1.8rem;
}
.combo {
  background: #ffffff;
  border: 1px solid var(--line);
  border-radius: 20px;
  overflow: hidden;
  padding: 0;
  display: flex;
  flex-direction: column;
  transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
  position: relative;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.04);
}
.combo:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 42px rgba(28, 26, 23, 0.10);
  border-color: rgba(176, 141, 87, 0.5);
}
.combo__full-slider {
  position: relative;
  width: 100%;
  aspect-ratio: 1/1;
  overflow: hidden;
  background: #f4f1ea;
}
.combo__full-slider .card__slides {
  position: relative;
  width: 100%;
  height: 100%;
}
.combo__slide-link {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  text-decoration: none;
}
.combo__full-slider .card__slide picture,
.combo__full-slider .card__slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.combo__type-pill {
  position: absolute;
  top: 12px;
  left: 12px;
  background: rgba(23, 21, 18, 0.85);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  color: #ffffff;
  font-size: 0.75rem;
  font-weight: 600;
  padding: 5px 12px;
  border-radius: 999px;
  z-index: 4;
  pointer-events: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
  transition: opacity 0.25s;
}
.combo__full-slider .card__slider-arrow {
  opacity: 0.85;
  width: 34px;
  height: 34px;
  font-size: 14px;
}
.combo:hover .card__slider-arrow,
.combo__full-slider:hover .card__slider-arrow {
  opacity: 1;
}
.combo__full-slider .card__slider-dots {
  opacity: 0.9;
  bottom: 12px;
}
.combo__info {
  padding: 1.6rem 1.6rem 1.8rem;
  display: flex;
  flex-direction: column;
  text-align: center;
  flex: 1;
}
.combo__tag {
  display: inline-block;
  align-self: center;
  font-size: 0.74rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #9c7333;
  background: #fdfaf5;
  border: 1px solid rgba(176, 141, 87, 0.32);
  padding: 3px 12px;
  border-radius: 999px;
  margin-bottom: 0.6rem;
}
.combo__title {
  font-family: var(--serif);
  font-size: 1.65rem;
  font-weight: 600;
  color: var(--ink);
  margin: 0 0 0.4rem 0;
}
.combo__desc {
  font-size: 0.88rem;
  color: var(--muted);
  line-height: 1.55;
  margin: 0 0 1.3rem 0;
  flex: 1;
}
.combo__btn {
  width: 100%;
  padding: 0.85rem 1.2rem;
  font-weight: 600;
  font-size: 0.9rem;
  border-radius: 8px;
  background: #171512;
  color: #ffffff !important;
  border: 1.5px solid #171512;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  transition: all 0.2s;
  cursor: pointer;
}
.combo__btn:hover {
  background: #b08d57;
  border-color: #b08d57;
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(176, 141, 87, 0.35);
}

@media (max-width: 992px) {
  .combos {
    grid-template-columns: 1fr;
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
  }
}

/* Story / FAQ / contact */
.story{background:#fff;border-block:1px solid var(--line);padding:4.5rem 0}
.story__grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
.story p{color:#4a453e;font-size:1.02rem}
.faq{max-width:780px}
.faq h2{margin-bottom:1.5rem}
.faq__item,.acc{border-bottom:1px solid var(--line);padding:.9rem 0}
summary{cursor:pointer;font-weight:500;list-style:none;display:flex;justify-content:space-between}
summary::after{content:"+";font-size:1.2rem;line-height:1}
details[open]>summary::after{content:"−"}
summary::-webkit-details-marker{display:none}
.faq__item p,.acc p{color:#4a453e;margin-top:.6rem;font-size:.92rem}
.contact__grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem}
.contact p{margin:1rem 0 1.5rem;color:#4a453e;max-width:440px}
.newsletter{background:#fff;padding:2rem;border:1px solid var(--line);border-radius:var(--radius)}
.newsletter h3{font-family:var(--serif);font-size:1.6rem;font-weight:500;margin-bottom:1rem}
.newsletter__row{display:flex;gap:.6rem}
.newsletter input{flex:1;min-width:0;padding:.8rem 1rem;border:1px solid var(--line);border-radius:var(--radius);font:inherit;outline:none}
.newsletter small{display:block;margin-top:.6rem;color:var(--gold)}

/* Breadcrumb / prose */
.crumbs{font-size:.8rem;color:var(--muted);padding:1.2rem 0 0}
.crumbs a:hover{text-decoration:underline}
.crumbs span{margin:0 .3rem}
.seo-text{margin-top:3.5rem;max-width:760px;color:#4a453e;font-size:.92rem}
.seo-text h2{font-size:1.7rem;margin-bottom:.6rem}
.seo-text a{text-decoration:underline}
.prose{max-width:760px}
.prose h1{margin-bottom:.5rem}
.prose h2{font-size:1.7rem;margin:1.8rem 0 .5rem}
.prose p,.prose li{color:#4a453e;margin:.5rem 0}
.prose ol{padding-left:1.2rem}
.prose a{text-decoration:underline}

/* Product page */
.pdp{display:grid;grid-template-columns:1.1fr 1fr;gap:3rem;padding:1.5rem 0 3rem;align-items:start}
.gallery{display:grid;grid-template-columns:78px 1fr;gap:.8rem;position:sticky;top:90px}
.gallery__thumbs{display:flex;flex-direction:column;gap:.6rem}
.thumb{position:relative;aspect-ratio:1/1;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#e9e1d3;padding:0;opacity:.7;transition:.2s}
.thumb:hover,.thumb.is-active{opacity:1;border-color:var(--ink)}
.thumb picture,.thumb img{width:100%;height:100%;object-fit:cover}
.thumb__play{position:absolute;inset:0;display:grid;place-items:center;background:rgba(20,18,15,.35);color:#fff;font-size:1.1rem}
.gallery__main{position:relative;aspect-ratio:1/1;border-radius:var(--radius);overflow:hidden;background:linear-gradient(135deg,#efe8db,#e2d8c6);cursor:zoom-in}
.gallery__main picture,.gallery__main img,.gallery__main video{width:100%;height:100%;object-fit:cover}
.gallery__main img{transition:transform .35s ease}
.gallery__main.is-video{cursor:default}
.pdp__info{display:flex;flex-direction:column;gap:.9rem}
.pdp__info h1{font-size:clamp(1.8rem,3vw,2.5rem)}
.label{font-size:.76rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.pdp__short{color:#4a453e}
.chips{display:flex;flex-wrap:wrap;gap:.4rem}
.chips li{font-size:.78rem;background:#fff;border:1px solid var(--line);border-radius:999px;padding:.25rem .7rem}
.field__head{display:flex;justify-content:space-between;margin-bottom:.4rem}
.sizes{display:flex;flex-wrap:wrap;gap:.4rem}
.size{min-width:46px;padding:.55rem .7rem;border:1px solid var(--line);background:#fff;border-radius:var(--radius);font-size:.88rem}
.size:hover{border-color:var(--ink)}
.size.is-active{background:var(--ink);color:#fff;border-color:var(--ink)}
.fit{font-size:.8rem;color:var(--muted);margin-top:.5rem}
.warn{color:#b3382c;font-size:.84rem;min-height:1.2em}
.size.is-soldout{text-decoration:line-through;opacity:0.45;cursor:not-allowed;background:#f8fafc;border-color:#e2e8f0;color:#94a3b8}
.card--interactive .size-pill.is-soldout{text-decoration:line-through;opacity:0.4;cursor:not-allowed;border-color:#e2e8f0;color:#94a3b8}
.stock-urgency{display:none;padding:.5rem .75rem;border-radius:var(--radius);font-size:.82rem;font-weight:600;margin-bottom:.6rem;line-height:1.4}
.stock-urgency.is-critical{display:flex;align-items:center;gap:.4rem;background:#fffbeb;border:1px solid #fde68a;color:#b45309}
.stock-urgency.is-soldout{display:flex;align-items:center;gap:.4rem;background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}
.assure{font-size:.84rem;color:#4a453e;display:grid;gap:.2rem;padding:.4rem 0}
.pill{display:inline-block;font-size:.78rem;border:1px solid var(--line);border-radius:999px;padding:.2rem .7rem;background:#fff;margin:.15rem .1rem}
.pill:hover{border-color:var(--ink)}
.table{width:100%;border-collapse:collapse;font-size:.9rem;margin:.8rem 0}
.table th,.table td{padding:.55rem .7rem;border-bottom:1px solid var(--line);text-align:left}
.table thead th{background:var(--bg)}
.table--specs th{width:42%;color:var(--muted);font-weight:500}
.dialog{border:0;border-radius:8px;padding:2rem;width:min(460px,92%);margin:auto;background:var(--bg)}
.dialog::backdrop{background:rgba(20,18,15,.5)}
.dialog h2{font-size:1.8rem;margin-bottom:.4rem}
.dialog__close{position:absolute;top:8px;right:8px}

/* Footer */
.footer{border-top:1px solid var(--line);padding:3rem 0 1.5rem;font-size:.88rem;background:#fff;margin-top:2rem}
.footer__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:2rem}
.footer h3{font-family:var(--sans);font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;margin-bottom:.8rem;color:var(--muted)}
.footer li{margin:.35rem 0}
.footer a:hover{text-decoration:underline}
.footer__about{color:var(--muted);margin:.6rem 0}
.footer__bottom{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--line);color:var(--muted)}

/* Overlay / Drawer */
.overlay{position:fixed;inset:0;background:rgba(20,18,15,.5);z-index:1000}
.drawer{position:fixed;top:0;right:0;z-index:1010;width:min(420px,100%);height:100%;background:var(--bg);display:flex;flex-direction:column;transform:translateX(100%);transition:transform .35s ease;box-shadow:-8px 0 30px rgba(0,0,0,.1);visibility:hidden}
.drawer.is-open{transform:none;visibility:visible}
.drawer__head{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.2rem;border-bottom:1px solid var(--line);background:var(--bg)}
.drawer__head h2{font-size:1.5rem;margin:0;display:flex;align-items:center;gap:6px}
.drawer__head-title{display:flex;align-items:center;gap:8px}
.drawer-count-badge{background:var(--ink);color:#fff;font-size:0.75rem;font-weight:700;padding:2px 8px;border-radius:999px;line-height:1.2}
.drawer__head-actions{display:flex;align-items:center;gap:8px}
.btn-clear-cart{display:inline-flex;align-items:center;gap:4px;background:none;border:1px solid var(--line);padding:5px 9px;border-radius:6px;font-size:0.72rem;font-weight:600;color:var(--muted);cursor:pointer;transition:all .15s ease}
.btn-clear-cart:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626}

/* Kargo İlerleme Çubuğu */
.drawer__shipping-bar{background:#fdfcf9;border-bottom:1px solid var(--line);padding:0.75rem 1.2rem}
.shipping-bar__info{font-size:0.78rem;font-weight:500;color:var(--ink);margin-bottom:6px;display:flex;align-items:center;gap:6px}
.shipping-bar__track{height:6px;background:#e5e0d8;border-radius:999px;overflow:hidden}
.shipping-bar__progress{height:100%;background:var(--gold);border-radius:999px;transition:width .4s ease,background .3s}

/* Sepet İçi Toast & Geri Al */
.drawer-toast{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#1c1a17;color:#fff;padding:0.7rem 1rem;border-radius:8px;margin:0.8rem 1.2rem 0;font-size:0.8rem;box-shadow:0 6px 16px rgba(0,0,0,0.18);animation:slideDownCart .25s ease}
@keyframes slideDownCart{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.drawer-toast__text{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.drawer-toast__undo{background:none;border:none;color:#fde047;font-weight:800;font-size:0.82rem;cursor:pointer;text-decoration:underline;flex-shrink:0}
.drawer-toast__undo:hover{color:#fff}

.drawer__items{flex:1;overflow-y:auto;padding:0.6rem 1.2rem}
.drawer__foot{padding:1.2rem;border-top:1px solid var(--line);display:grid;gap:.8rem;background:#fff}
.drawer__foot small{color:var(--muted);font-size:.76rem;text-align:center}
.total{display:flex;justify-content:space-between;font-size:1.1rem;font-weight:700}

/* Sepet Ürün Satırı */
.line{display:flex;gap:0.9rem;padding:0.95rem 0;border-bottom:1px solid var(--line);align-items:flex-start;position:relative;transition:background .2s}
.line__img-link{width:76px;height:76px;flex-shrink:0;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);background:#f1f5f9;display:block}
.line__img-link img{width:100%;height:100%;object-fit:cover;display:block}
.line__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:0.35rem}
.line__top{display:flex;justify-content:space-between;align-items:flex-start;gap:0.5rem}
.line__name{font-size:0.88rem;font-weight:600;color:var(--ink);text-decoration:none;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.line__name:hover{text-decoration:underline}

/* Kolay Çıkarma / Kaldırma Butonu */
.line__remove-btn{display:inline-flex;align-items:center;gap:4px;background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:4px 8px;border-radius:6px;font-size:0.74rem;font-weight:700;cursor:pointer;transition:all .15s ease;flex-shrink:0}
.line__remove-btn:hover{background:#fee2e2;border-color:#f87171;color:#b91c1c;transform:scale(1.03)}
.line__remove-btn svg{stroke:#dc2626;transition:transform .15s}
.line__remove-btn:hover svg{transform:scale(1.1)}

/* Beden / Renk Düzenleme Seçicileri */
.line__options{display:flex;align-items:center;gap:0.5rem;flex-wrap:wrap;margin-top:2px}
.line__opt{display:inline-flex;align-items:center;gap:4px;font-size:0.75rem}
.line__opt-label{color:var(--muted);font-weight:600}
.line__opt-select{font-size:0.75rem;font-weight:700;padding:2px 6px;border-radius:6px;border:1px solid var(--line);background:#fff;color:var(--ink);cursor:pointer;outline:none}
.line__opt-select:hover,.line__opt-select:focus{border-color:var(--ink)}
.line__opt-badge{font-size:0.72rem;background:#f4efe6;border:1px solid var(--line);padding:2px 7px;border-radius:4px;font-weight:600;color:var(--ink)}

/* Adet ve Fiyat Alanı */
.line__bottom{display:flex;justify-content:space-between;align-items:center;margin-top:0.35rem;padding-top:0.25rem}
.qty{display:inline-flex;align-items:center;border:1.5px solid var(--line);border-radius:6px;background:#fff;overflow:hidden}
.qty button{width:28px;height:28px;border:none;background:none;cursor:pointer;font-weight:700;display:inline-flex;align-items:center;justify-content:center;color:var(--ink);transition:background .15s}
.qty button:hover{background:#f1f5f9}
.qty button.qty--rm{color:#dc2626;font-size:0.75rem;background:#fff5f5}
.qty button.qty--rm:hover{background:#fee2e2}
.qty span{min-width:24px;text-align:center;font-size:0.85rem;font-weight:700;color:var(--ink)}

.line__price{text-align:right;display:flex;flex-direction:column;align-items:flex-end}
.line__price-each{font-size:0.72rem;color:var(--muted)}
.line__price strong{font-size:0.96rem;font-weight:700;color:var(--ink)}

/* Boş Sepet Ekranı */
.cart-empty-box{text-align:center;padding:3rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:0.7rem}
.cart-empty-icon{font-size:3.5rem;line-height:1;margin-bottom:0.2rem}
.cart-empty-box h3{font-size:1.2rem;font-weight:700;margin:0;color:var(--ink)}
.cart-empty-box p{font-size:0.85rem;color:var(--muted);max-width:260px;margin:0;line-height:1.45}
.cart-empty-box .btn{margin-top:0.6rem}

/* Ödeme Sayfası Özeti Sepet Düzenleme Kontrolleri */
.co-summary-controls{display:flex;align-items:center;gap:0.6rem;margin-top:0.4rem}
.qty--sm{border-width:1px;border-radius:4px}
.qty--sm button{width:22px;height:22px;font-size:0.75rem}
.qty--sm span{min-width:20px;font-size:0.78rem}
.co-rm-btn{background:none;border:none;color:#dc2626;font-size:0.72rem;font-weight:700;text-decoration:underline;cursor:pointer;padding:0}
.co-rm-btn:hover{color:#991b1b}

/* Scroll reveal */
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
.reveal.is-in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
  .reveal{opacity:1;transform:none;transition:none}
  html{scroll-behavior:auto}
}

/* Renk Seçenekleri (Color Swatches & Dots) */
.field--colors{margin:1rem 0}
.field--colors .field__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem}
.color-count-tag{font-size:.72rem;background:#f3efe9;color:var(--muted);padding:2px 8px;border-radius:999px;font-weight:600}
.color-swatches{display:flex;flex-wrap:wrap;gap:.45rem}
.color-swatch{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .75rem;border:1px solid var(--line);background:var(--card,#fff);border-radius:999px;font-size:.82rem;font-weight:500;color:var(--ink);cursor:pointer;transition:.15s;font-family:inherit}
.color-swatch:hover{border-color:var(--ink);background:#fcfbf9}
.color-swatch.is-active{border-color:var(--ink);background:var(--ink);color:#fff}
.color-swatch.is-active .swatch-name{color:#fff}
.swatch-circle{width:15px;height:15px;border-radius:50%;display:inline-block;flex-shrink:0;box-shadow:0 0 0 1px rgba(0,0,0,.15)}
.color-swatch.is-active .swatch-circle{box-shadow:0 0 0 2px #fff}

/* Kartlar Üzerindeki Renk Noktaları */
.card__colors{display:flex;align-items:center;gap:.25rem;margin:.25rem 0 .2rem}
.card__color-dot{width:11px;height:11px;border-radius:50%;display:inline-block;box-shadow:0 0 0 1px rgba(0,0,0,.15)}
.card__colors-count{font-size:.68rem;color:var(--muted);font-weight:500;margin-left:.2rem}

/* Alternatif & Tamamlayıcı Kartlar (Bunlara da Göz Atın / Kombini Tamamla - Kompakt ve Zarif) */
.section--alt{padding:2.2rem 0;border-top:1px solid var(--line)}
.section--alt .section__head{margin-bottom:1.2rem}
.section--alt .section__head h2{font-size:1.45rem;font-weight:700}
.section--alt .lead{font-size:.85rem;color:var(--muted);margin-top:.2rem}

.grid--alt{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,205px));gap:.9rem;align-items:start}

.card--interactive{background:var(--card,#fff);border:1px solid var(--line);border-radius:6px;padding:.5rem;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease;max-width:215px}
.card--interactive:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.05);border-color:#d4cbbe}
.card--interactive .card__img{border-radius:4px;aspect-ratio:1/1;overflow:hidden;background:var(--bg,#faf7f2);position:relative}
.card--interactive .card__img img{width:100%;height:100%;object-fit:cover;display:block}
.card--interactive .badge{font-size:.62rem;padding:2px 6px;top:5px;left:5px}
.card--interactive .card__info{display:flex;flex-direction:column;flex:1;padding-top:.4rem}
.card--interactive .card__cat{font-size:.65rem;text-transform:uppercase;color:var(--muted);letter-spacing:.04em;margin-bottom:1px}
.card--interactive .card__name{font-size:.82rem;font-weight:600;line-height:1.25;margin:.1rem 0 .25rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.05em}
.card--interactive .card__name a{color:inherit;text-decoration:none}
.card--interactive .card__name a:hover{text-decoration:underline}
.card--interactive .price{font-size:.85rem;font-weight:700;margin-bottom:.2rem;color:var(--ink)}
.card--interactive .price s{font-size:.74rem;color:var(--muted);font-weight:400;margin-right:.25rem}

.card--interactive .card__sizes{margin:.2rem 0 .15rem}
.card--interactive .card__sizes-lbl{font-size:.62rem;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:.2rem;letter-spacing:.04em}
.card--interactive .size-pills{display:flex;flex-wrap:wrap;gap:.2rem}
.card--interactive .size-pill{border:1px solid var(--line);background:var(--bg);color:var(--ink);font-size:.68rem;padding:1px 5px;min-width:23px;height:21px;border-radius:3px;cursor:pointer;transition:.15s;display:inline-flex;align-items:center;justify-content:center}
.card--interactive .size-pill:hover{border-color:var(--ink)}
.card--interactive .size-pill.is-active{background:var(--ink);color:#fff;border-color:var(--ink)}
.card--interactive .card-warn{font-size:.7rem;color:#b3382c;min-height:1em;margin:.1rem 0}
.card--interactive .quick-add-btn{margin-top:auto;padding:.38rem .55rem;font-size:.75rem;border-radius:4px;font-weight:600}

@media(max-width:720px){
  .grid--alt{grid-template-columns:repeat(2,1fr);gap:.6rem}
  .card--interactive{max-width:none;padding:.45rem}
  .card--interactive .card__name{font-size:.78rem}
  .card--interactive .quick-add-btn{padding:.35rem .45rem;font-size:.72rem}
}

/* Responsive */
@media(max-width:1000px){
  .grid{grid-template-columns:repeat(3,1fr)}
  .tiles{grid-template-columns:repeat(2,1fr)}
  .pdp{grid-template-columns:1fr;gap:1.5rem}
  .gallery{position:static}
}
@media(max-width:1020px){
  .header__row{height:64px;display:grid;grid-template-columns:auto 1fr auto;gap:.8rem}
  .menu-toggle{display:inline-flex;align-items:center;justify-content:center;order:1;width:44px;height:44px;font-size:1.3rem}
  .logo{order:2;justify-self:center;font-size:1.6rem}
  .logo__mark{width:34px;height:34px}
  .header__actions{order:3;justify-self:end;gap:.3rem}
  .action-btn,.icon-btn{width:42px;height:42px}
  .action-icon{width:22px;height:22px}
  .desktop-nav{display:none !important}
  .mobile-nav{display:flex;flex-direction:column;width:100%;padding:0.75rem 0 1.2rem}
  .nav{position:absolute;top:100%;left:0;right:0;background:#faf7f2;flex-direction:column;align-items:stretch;gap:0;padding:0 1rem;max-height:0;overflow:hidden;border-bottom:1.5px solid var(--line);transition:max-height .35s cubic-bezier(0.2,0.8,0.2,1);box-shadow:0 16px 36px rgba(0,0,0,.12);z-index:40}
  .nav.is-open{max-height:calc(100vh - 64px);max-height:calc(100dvh - 64px);overflow-y:auto;-webkit-overflow-scrolling:touch}

  /* Mobil Menü Sekme Çubuğu (Tabs) */
  .m-nav-tabs{display:grid;grid-template-columns:repeat(3,1fr);background:#ede7dc;border:1px solid var(--line);border-radius:12px;padding:4px;gap:4px;margin-bottom:0.85rem;position:sticky;top:0;z-index:5}
  .m-nav-tab{background:transparent;border:none;padding:9px 4px;font-size:0.84rem;font-weight:600;color:var(--muted);border-radius:9px;cursor:pointer;text-align:center;transition:all .2s ease;white-space:nowrap;outline:none}
  .m-nav-tab.is-active{background:#ffffff;color:var(--ink);font-weight:700;box-shadow:0 2px 8px rgba(0,0,0,.08)}

  /* Mobil Sekme Panelleri */
  .m-nav-panel{display:none;flex-direction:column;gap:0.45rem}
  .m-nav-panel.is-active{display:flex;animation:mNavFadeIn .22s ease}
  @keyframes mNavFadeIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}

  /* Tümünü Gör Hero Kartı */
  .m-nav-hero-link{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#1e1b18,#2e2822);color:#ffffff !important;padding:0.95rem 1.1rem;border-radius:12px;margin-bottom:0.35rem;text-decoration:none;box-shadow:0 4px 14px rgba(0,0,0,.12)}
  .m-nav-hero-text strong{display:block;font-size:0.92rem;color:#ffffff;letter-spacing:0.01em}
  .m-nav-hero-text span{display:block;font-size:0.74rem;color:rgba(255,255,255,.72);margin-top:2px}
  .m-nav-hero-arrow{background:rgba(255,255,255,.16);color:#ffffff;font-size:0.76rem;font-weight:700;padding:4px 10px;border-radius:999px;white-space:nowrap}

  /* Alt Kategori Kartları */
  .m-subcat-list{display:flex;flex-direction:column;gap:0.35rem}
  .m-subcat-card{display:flex;align-items:center;gap:0.85rem;background:#ffffff;border:1px solid var(--line);border-radius:10px;padding:0.75rem 0.95rem;color:var(--ink) !important;text-decoration:none;transition:background .15s,border-color .15s}
  .m-subcat-card:active{background:#f5efe6;border-color:#d6cbbe}
  .m-subcat-icon{font-size:1.3rem;width:32px;height:32px;display:grid;place-items:center;background:#faf7f2;border-radius:8px;flex-shrink:0}
  .m-subcat-info{flex:1;min-width:0}
  .m-subcat-info strong{display:block;font-size:0.88rem;color:var(--ink);line-height:1.25}
  .m-subcat-info small{display:block;font-size:0.72rem;color:var(--muted);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .m-subcat-arrow{font-size:1.1rem;color:var(--muted);font-weight:700;padding-left:4px}

  /* Alt Bilgi & Hızlı Bağlantılar */
  .m-nav-footer{margin-top:1.1rem;padding-top:0.9rem;border-top:1.5px dashed #dfd7cb;display:flex;flex-direction:column;gap:0.75rem}
  .m-nav-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:0.45rem}
  .m-nav-quick-grid a{display:flex;align-items:center;justify-content:center;gap:0.4rem;background:#ede7dc;border:1px solid var(--line);border-radius:8px;padding:0.65rem 0.6rem;font-size:0.78rem;font-weight:600;color:var(--ink) !important;text-align:center;white-space:nowrap}
  .m-nav-wa{display:flex;align-items:center;justify-content:center;gap:0.5rem;background:#dcfce7;border:1px solid #bbf7d0;color:#15803d !important;font-weight:700;font-size:0.82rem;padding:0.75rem 1rem;border-radius:10px;text-align:center}
}
@media(max-width:720px){
  .header__row{height:60px}
  .logo{font-size:1.45rem}
  .logo__mark{width:30px;height:30px}
  .grid{grid-template-columns:repeat(2,1fr);gap:1.2rem .8rem}
  .trust__grid{grid-template-columns:repeat(2,1fr)}
  .story__grid,.contact__grid{grid-template-columns:1fr;gap:1.5rem}
  .combos{grid-template-columns:1fr}
  .card__quick{display:none}
  .section{padding:3rem 0}
  .hero::after{background:linear-gradient(180deg,rgba(250,247,242,.85),rgba(250,247,242,.45))}
  .gallery{grid-template-columns:1fr}
  .gallery__main{order:1}
  .gallery__thumbs{order:2;flex-direction:row;overflow:auto}
  .thumb{width:68px;flex:none}
  .footer__grid{grid-template-columns:1fr 1fr}
  .footer__grid>div:first-child{grid-column:1/-1}
}

/* Breadcrumbs Responsive */
.crumbs{overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;padding-top:.8rem;padding-bottom:.4rem}
.crumbs::-webkit-scrollbar{display:none}

/* Top Announcement CTA */
.announce{background:#1c1a17;color:#faf7f2;text-align:center;padding:7px 16px;font-size:.76rem;letter-spacing:.03em;font-weight:500}
.announce a{color:var(--gold);text-decoration:underline;margin-left:6px;font-weight:600}
.announce a:hover{color:#fff}
@media(max-width:720px){
  .announce{font-size:.7rem;padding:6px 10px;line-height:1.3}
}

/* Sticky Mobile CTA Bar */
.mobile-bar{display:none}
@media(max-width:720px){
  body{padding-bottom:72px}
  .mobile-bar{
    display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;z-index:500;
    background:#fff;border-top:1px solid var(--line);box-shadow:0 -4px 18px rgba(0,0,0,.08);
    padding-bottom:max(6px,env(safe-area-inset-bottom));
  }
  .mbar-btn{
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    padding:8px 3px 6px;text-decoration:none;color:var(--ink);font-size:10.5px;font-weight:600;
    border:0;background:none;cursor:pointer;transition:.15s;min-height:54px;line-height:1.2;font-family:inherit;position:relative;
  }
  .mbar-btn:active{background:#f8fafc}
  .mbar-icon{font-size:17px;margin-bottom:2px;display:flex;align-items:center;justify-content:center}
  .mbar-btn--wa{color:#15803d}
  .mbar-btn--wa .mbar-icon{filter:drop-shadow(0 1px 2px rgba(21,128,61,.3))}
  .mbar-btn--call{color:#1e293b;border-inline:1px solid var(--line)}
  .mbar-btn--acc{color:var(--ink)}
  .mbar-btn--cart{color:var(--ink);border-left:1px solid var(--line)}
  .mbar-cart-badge{position:absolute;top:6px;right:calc(50% - 16px);background:var(--gold);color:#fff;font-size:10px;padding:1px 5px;border-radius:999px;font-weight:700;line-height:1;min-width:16px;text-align:center}
  #themeBar{bottom:66px!important;right:8px!important;font-size:11px!important;padding:4px 8px!important;gap:4px!important;box-shadow:0 4px 14px rgba(0,0,0,.25)!important}
  #themeBar a{padding:4px 8px!important;font-size:10.5px!important}
}

/* User Status Dot on Account button */
.user-status-dot{position:absolute;top:9px;right:9px;width:9px;height:9px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 2px #fff}

/* Account Drawer & Tabs */
.drawer--account{width:min(480px,100%)}
.account-tabs{display:flex;border-bottom:1px solid var(--line);background:#fff}
.account-tab-btn{flex:1;padding:.85rem .6rem;font-size:.84rem;font-weight:600;color:var(--muted);text-align:center;border-bottom:2px solid transparent;background:none;border:0;cursor:pointer;transition:.15s}
.account-tab-btn.is-active{color:var(--ink);border-bottom:2px solid var(--gold);background:var(--bg)}
.account-body{padding:1.2rem;overflow-y:auto;flex:1}

/* Account Order Card */
.order-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:1rem;margin-bottom:1rem;box-shadow:0 2px 8px rgba(0,0,0,.03)}
.order-card__head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:.6rem;margin-bottom:.8rem;gap:.5rem;flex-wrap:wrap}
.order-card__num{font-family:monospace;font-weight:700;font-size:.88rem;color:var(--ink);background:#f4eee2;padding:3px 8px;border-radius:4px;display:inline-flex;align-items:center;gap:4px}
.order-card__date{font-size:.76rem;color:var(--muted)}
.order-card__status{font-size:.72rem;font-weight:700;padding:3px 10px;border-radius:999px;text-transform:uppercase;letter-spacing:.04em}
.status--hazirlaniyor{background:#fef3c7;color:#92400e;border:1px solid #fde68a}
.status--kargoda{background:#dbeafe;color:#1e40af;border:1px solid #bfdbfe}
.status--teslim{background:#dcfce7;color:#15803d;border:1px solid #bbf7d0}
.status--iptal{background:#fee2e2;color:#b91c1c;border:1px solid #fecaca}

.order-items-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.8rem}
.order-item-row{display:flex;gap:.7rem;align-items:center;font-size:.82rem}
.order-item-row img{width:46px;height:46px;object-fit:cover;border-radius:4px;border:1px solid var(--line);flex-shrink:0}
.order-item-info{flex:1;min-width:0}
.order-item-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.order-item-meta{font-size:.72rem;color:var(--muted)}
.order-card__foot{display:flex;justify-content:space-between;align-items:center;padding-top:.6rem;border-top:1px solid var(--line);font-size:.84rem;flex-wrap:wrap;gap:.4rem}
.order-card__total{font-weight:700;font-size:.95rem;color:var(--ink)}

/* Order Receipt Modal */
.order-receipt-modal{border:0;border-radius:12px;padding:2rem;width:min(500px,94%);margin:auto;background:#fff;box-shadow:0 25px 60px rgba(0,0,0,.25)}
.order-receipt-modal::backdrop{background:rgba(20,18,15,.6);backdrop-filter:blur(4px)}
.receipt-header{text-align:center;margin-bottom:1.5rem}
.receipt-icon{font-size:3rem;line-height:1;margin-bottom:.5rem}
.receipt-code-box{background:#fdf9f0;border:1px dashed var(--gold);padding:.9rem;border-radius:8px;text-align:center;margin:1rem 0}
.receipt-code{font-family:monospace;font-size:1.35rem;font-weight:700;color:#8f6c31;letter-spacing:.05em}

/* Account Forms */
.acc-form{display:flex;flex-direction:column;gap:.9rem}
.acc-form label{font-size:.8rem;font-weight:600;color:var(--muted)}
.acc-form input,.acc-form textarea{width:100%;padding:.7rem .9rem;border:1px solid var(--line);border-radius:6px;font:inherit;font-size:.88rem;background:#fff;outline:none}
.acc-form input:focus,.acc-form textarea:focus{border-color:var(--ink)}

/* Stil ve Kombin Vaka Çalışmaları */
.cases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:1.5rem}
.case-card{background:var(--card,#fff);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}
.case-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(0,0,0,.06);border-color:#d4cbbe}
.case-card__img{aspect-ratio:16/10;background:#f1f5f9;position:relative;overflow:hidden}
.case-card__img img{width:100%;height:100%;object-fit:cover;display:block}
.case-card__body{padding:1.4rem;display:flex;flex-direction:column;flex:1}
.case-card__tag{font-size:.7rem;text-transform:uppercase;color:var(--gold);font-weight:700;letter-spacing:.08em;margin-bottom:.4rem}
.case-card__title{font-size:1.15rem;font-weight:700;line-height:1.3;margin-bottom:.6rem;font-family:var(--serif)}
.case-card__desc{font-size:.86rem;color:var(--muted);line-height:1.5;margin-bottom:1rem;flex:1}
.case-card__meta{background:#faf7f2;border:1px solid var(--line);border-radius:6px;padding:.6rem .8rem;font-size:.78rem;margin-bottom:1.2rem}
.case-card__meta strong{color:var(--ink);display:block;margin-bottom:2px}
.case-card__foot{margin-top:auto}

@media(max-width:1000px){
  .cases-grid{grid-template-columns:1fr;gap:1.2rem}
}

/* 404 Sayfası */
.page-404{text-align:center;padding:3.5rem 1.5rem;max-width:680px;margin:0 auto}
.page-404__num{font-size:clamp(4.5rem,12vw,7.5rem);font-family:var(--serif);line-height:1;color:var(--gold);margin-bottom:.5rem;font-weight:700}
.page-404 h1{font-size:clamp(1.5rem,3.5vw,2.2rem);margin-bottom:.8rem}
.page-404 p{color:var(--muted);font-size:.92rem;margin-bottom:2rem}
.page-404__actions{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap}

/* ==========================================================================
   Shopify Tarzı Express Checkout (Hızlı Ödeme)
   ========================================================================== */
.checkout-page{background:#fbfbfa;min-height:100vh}
.checkout-topbar{background:#fff;border-bottom:1px solid var(--line);padding:1rem 0}
.checkout-topbar__inner{display:flex;justify-content:space-between;align-items:center;gap:1rem}
.checkout-back-link{font-size:.84rem;color:var(--muted);text-decoration:none;display:inline-flex;align-items:center;gap:4px;font-weight:500;transition:color .15s}
.checkout-back-link:hover{color:var(--ink)}
.checkout-secure-badge{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0;padding:4px 10px;border-radius:999px;font-weight:600}

/* Mobile Order Summary Dropdown Bar */
.mobile-summary-toggle{display:none;width:100%;background:#f8fafc;border:0;border-bottom:1px solid var(--line);padding:.9rem 1.25rem;font-size:.88rem;font-weight:600;cursor:pointer;color:var(--ink);text-align:left;justify-content:space-between;align-items:center}
.mobile-summary-toggle span{display:inline-flex;align-items:center;gap:6px}
.mobile-summary-toggle .toggle-icon{font-size:.75rem;transition:transform .2s ease}
.mobile-summary-toggle.is-open .toggle-icon{transform:rotate(180deg)}

/* 2-Column Shopify Grid */
.checkout-layout{display:grid;grid-template-columns:1fr 420px;gap:3rem;padding-top:2rem;padding-bottom:4rem;align-items:start}
@media(max-width:980px){
  .checkout-layout{grid-template-columns:1fr;gap:1.5rem;padding-top:1rem}
  .mobile-summary-toggle{display:flex}
  .checkout-summary-col{display:none;border-bottom:1px solid var(--line);padding-bottom:1.5rem;margin-bottom:1.5rem}
  .checkout-summary-col.is-open{display:block;animation:fadeIn .2s ease}
}

/* Steps & Fieldsets */
.checkout-section{background:#fff;border:1px solid var(--line);border-radius:10px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,.02)}
.checkout-section__title{font-size:1.08rem;font-weight:700;margin-bottom:1.2rem;display:flex;justify-content:space-between;align-items:center}
.checkout-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
@media(max-width:600px){
  .checkout-grid-2{grid-template-columns:1fr}
}
.co-field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.8rem}
.co-field label{font-size:.8rem;font-weight:600;color:#334155}
.co-field input,.co-field select,.co-field textarea{width:100%;padding:.72rem .85rem;border:1px solid var(--line);border-radius:7px;font:inherit;font-size:.88rem;background:#fff;outline:none;transition:.15s}
.co-field input:focus,.co-field select:focus,.co-field textarea:focus{border-color:var(--ink);box-shadow:0 0 0 2px rgba(28,26,23,.08)}

/* Payment Option Radio Cards (Shopify Style) */
.pay-methods-list{border:1px solid var(--line);border-radius:8px;overflow:hidden}
.pay-method-option{border-bottom:1px solid var(--line)}
.pay-method-option:last-child{border-bottom:0}
.pay-method-header{padding:1rem 1.2rem;display:flex;align-items:center;justify-content:space-between;gap:.8rem;cursor:pointer;background:#fff;transition:background .15s}
.pay-method-header:hover{background:#faf7f2}
.pay-method-header.is-selected{background:#fdfaf5}
.pay-method-header input[type="radio"]{width:18px;height:18px;accent-color:var(--ink);cursor:pointer}
.pay-method-title{flex:1;font-size:.88rem;font-weight:600;color:var(--ink)}
.pay-method-logos{display:flex;gap:.3rem;align-items:center}
.card-brand-pill{font-size:.65rem;font-weight:700;padding:2px 6px;border-radius:4px;border:1px solid #cbd5e1;background:#fff;color:#334155}
.pay-method-body{display:none;padding:1.2rem;background:#f8fafc;border-top:1px solid var(--line)}
.pay-method-body.is-open{display:block;animation:fadeIn .2s ease}

/* Credit Card Form Elements */
.cc-input-wrap{position:relative}
.cc-input-wrap input{padding-right:44px}
.cc-card-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:1.1rem;pointer-events:none}

/* Order Summary Box (Shopify Style) */
.checkout-summary-box{background:#fff;border:1px solid var(--line);border-radius:10px;padding:1.5rem;position:sticky;top:2rem;box-shadow:0 1px 3px rgba(0,0,0,.02)}
.co-summary-item{display:flex;align-items:center;gap:.9rem;margin-bottom:1rem;position:relative}
.co-summary-thumb{position:relative;width:58px;height:58px;border-radius:8px;border:1px solid var(--line);background:#f8fafc;flex-shrink:0;overflow:visible}
.co-summary-thumb img{width:100%;height:100%;object-fit:cover;border-radius:7px;display:block}
.co-badge-count{position:absolute;top:-6px;right:-6px;background:#475569;color:#fff;font-size:.72rem;font-weight:700;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;border:2px solid #fff;line-height:1}
.co-summary-details{flex:1;min-width:0}
.co-summary-name{font-size:.86rem;font-weight:600;line-height:1.3;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.co-summary-variant{font-size:.75rem;color:var(--muted)}
.co-summary-price{font-size:.9rem;font-weight:700;color:var(--ink);white-space:nowrap}

/* Coupon Box */
.coupon-box{display:flex;gap:.5rem;padding:1rem 0;border-block:1px solid var(--line);margin:1.2rem 0}
.coupon-box input{flex:1;padding:.65rem .8rem;border:1px solid var(--line);border-radius:6px;font:inherit;font-size:.84rem;text-transform:uppercase}
.coupon-box button{padding:.65rem 1rem;border-radius:6px;font-weight:600;font-size:.84rem;cursor:pointer;background:var(--ink);color:#fff;border:0;transition:.15s}
.coupon-box button:hover{opacity:.9}
.coupon-msg{font-size:.78rem;min-height:1em;margin-top:.3rem}

/* Price Lines */
.co-price-line{display:flex;justify-content:space-between;font-size:.86rem;margin-bottom:.5rem;color:var(--muted)}
.co-price-line strong{color:var(--ink)}
.co-price-total{display:flex;justify-content:space-between;align-items:baseline;padding-top:.8rem;margin-top:.8rem;border-top:1px solid var(--line);font-size:1.15rem;font-weight:700;color:var(--ink)}
.co-price-total small{font-size:.75rem;font-weight:400;color:var(--muted);margin-left:4px}

/* Big Checkout Button */
.checkout-submit-btn{width:100%;padding:1.05rem;background:#1c1a17;color:#faf7f2;border:0;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 18px rgba(0,0,0,.12);transition:transform .15s ease,background .15s ease;font-family:inherit}
.checkout-submit-btn:hover{background:#000;transform:translateY(-1px)}
.checkout-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}

/* Trust Badges */
.co-trust-badges{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin-top:1.2rem;padding-top:1.2rem;border-top:1px solid var(--line);text-align:center;font-size:.72rem;color:var(--muted)}
.co-trust-badges div{display:flex;flex-direction:column;align-items:center;gap:3px}
.co-trust-badges span{font-size:1.2rem}

/* Product Card Auto Image Slider (Ürün Kartı Otomatik Slayt) */
.card__img--slider { position: relative; overflow: hidden; }
.card__slides { position: relative; width: 100%; height: 100%; aspect-ratio: 1/1; }
.card__slide { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: opacity 0.65s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.65s; z-index: 1; pointer-events: none; }
.card__slide.is-active { opacity: 1; visibility: visible; z-index: 2; pointer-events: auto; }
.card__slide picture, .card__slide img { width: 100%; height: 100%; object-fit: cover; display: block; }
.card__slider-dots { position: absolute; bottom: 8px; left: 50%; transform: translateX(-50%); display: flex; gap: 4px; z-index: 4; padding: 4px 7px; background: rgba(0, 0, 0, 0.4); backdrop-filter: blur(4px); border-radius: 999px; opacity: 0.85; transition: opacity 0.2s; pointer-events: auto; }
.card:hover .card__slider-dots { opacity: 1; }
.card__slider-dot { width: 7px; height: 7px; border-radius: 50%; background: rgba(255, 255, 255, 0.5); cursor: pointer; transition: all 0.25s ease; border: 0; padding: 0; outline: none; }
.card__slider-dot:hover { background: rgba(255, 255, 255, 0.9); }
.card__slider-dot.is-active { background: #ffffff; width: 16px; border-radius: 999px; }
.card__slider-arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 28px; height: 28px; border-radius: 50%; background: rgba(255,255,255,0.88); color: #000; border: 0; font-size: 13px; font-weight: 700; cursor: pointer; display: grid; place-items: center; z-index: 5; opacity: 0; transition: 0.2s; box-shadow: 0 2px 6px rgba(0,0,0,0.15); user-select: none; }
.card:hover .card__slider-arrow { opacity: 0.95; }
.card__slider-arrow:hover { background: #fff; transform: translateY(-50%) scale(1.12); }
.card__slider-arrow--prev { left: 6px; }
.card__slider-arrow--next { right: 6px; }

/* Hero Slider Styles (Lüks Butik Vitrin Sliderı) */
.hero--slider {
  position: relative;
  overflow: hidden;
  min-height: clamp(540px, 72vh, 680px);
  background: #171512;
  color: #171512;
  display: flex;
  align-items: center;
}
.hero__slides-wrap {
  position: relative;
  width: 100%;
  min-height: clamp(540px, 72vh, 680px);
  height: 100%;
}
.hero__slide {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  min-height: clamp(540px, 72vh, 680px);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.85s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.85s ease;
  display: flex;
  align-items: center;
  z-index: 1;
  pointer-events: none;
}
.hero__slide.is-active {
  opacity: 1;
  visibility: visible;
  z-index: 2;
  pointer-events: auto;
}
.hero__bg-img, .hero__art-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.hero__bg-img picture, .hero__bg-img img, .hero__video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 7s cubic-bezier(0.25, 1, 0.5, 1);
  will-change: transform;
}
.hero__slide.is-active .hero__bg-img img,
.hero__slide.is-active .hero__video {
  transform: scale(1.04);
}
/* Yumuşak Ambiyans Katmanı */
.hero__slide::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(15, 13, 10, 0.06) 0%, rgba(15, 13, 10, 0.20) 100%);
  z-index: 1;
  pointer-events: none;
}
.hero__content {
  position: relative;
  z-index: 2;
  width: 100%;
  padding-top: 2rem;
  padding-bottom: 3rem;
}

/* Çok Yarı Saydam Zarif Buzlu Cam Metin Kartı (Ultra Sheer Glassmorphism) */
.hero__text {
  max-width: 580px;
  position: relative;
  z-index: 2;
  background: rgba(255, 255, 255, 0.16);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.42);
  border-radius: 24px;
  padding: 2.5rem 3rem;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.4);
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.65s cubic-bezier(0.2, 0.8, 0.2, 1), transform 0.65s cubic-bezier(0.2, 0.8, 0.2, 1);
  transition-delay: 0.1s;
}
.hero__slide.is-active .hero__text {
  opacity: 1;
  transform: translateY(0);
}

/* Rozet / Etiket */
.hero__badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 16px;
  background: rgba(255, 255, 255, 0.88);
  border: 1px solid rgba(176, 141, 87, 0.4);
  border-radius: 999px;
  color: #8c6827;
  font-size: 0.76rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  margin-bottom: 1.2rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}
.hero__badge-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #b08d57;
  box-shadow: 0 0 7px rgba(176, 141, 87, 0.9);
  animation: heroBadgePulse 2s infinite ease-in-out;
}
@keyframes heroBadgePulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.45; transform: scale(0.8); }
}

/* Başlık */
.hero .hero__h1 {
  font-family: var(--serif);
  font-size: clamp(2.2rem, 4.4vw, 3.3rem);
  font-weight: 600;
  line-height: 1.14;
  color: #171512;
  margin: 0 0 1rem 0;
  letter-spacing: -0.015em;
  text-wrap: balance;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.6);
}

/* Açıklama Metni */
.hero .hero__desc {
  font-size: 1.05rem;
  line-height: 1.65;
  color: #38332c;
  margin: 0;
  font-weight: 450;
  max-width: 480px;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.4);
}

/* Buton Grubu */
.hero__btns {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  align-items: center;
}

/* Birincil Buton (Siyah Lüks Pill) */
.hero-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0.95rem 2rem;
  font-size: 0.92rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  border-radius: 999px;
  transition: all 0.25s cubic-bezier(0.2, 0.8, 0.2, 1);
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
}
.hero-btn--primary {
  background: #171512;
  color: #ffffff !important;
  border: 1.5px solid #171512;
  box-shadow: 0 8px 22px rgba(23, 21, 18, 0.24);
}
.hero-btn--primary:hover {
  background: #b08d57;
  border-color: #b08d57;
  color: #ffffff !important;
  transform: translateY(-2px);
  box-shadow: 0 12px 30px rgba(176, 141, 87, 0.42);
}

/* İkincil Buton (Zarif Beyaz / Şeffaf Kontrastlı Pill) */
.hero-btn--secondary {
  background: rgba(255, 255, 255, 0.92);
  color: #171512 !important;
  border: 1.5px solid rgba(23, 21, 18, 0.22);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05);
}
.hero-btn--secondary:hover {
  background: #faf7f2;
  border-color: #171512;
  color: #171512 !important;
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.09);
}

/* Yan Kaydırma Okları (Side Floating Arrows) */
.hero__side-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.94);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  color: #171512;
  border: 1.5px solid rgba(255, 255, 255, 0.9);
  cursor: pointer;
  display: grid;
  place-items: center;
  z-index: 10;
  transition: all 0.25s cubic-bezier(0.2, 0.8, 0.2, 1);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.18);
  padding: 0;
  outline: none;
}
.hero__side-arrow--prev { left: 28px; }
.hero__side-arrow--next { right: 28px; }
.hero__side-arrow:hover {
  background: #171512;
  border-color: #171512;
  color: #ffffff;
  transform: translateY(-50%) scale(1.1);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.32);
}
.hero__side-arrow svg {
  width: 22px;
  height: 22px;
  stroke: currentColor;
  stroke-width: 2.4;
  fill: none;
  transition: transform 0.2s;
}
.hero__side-arrow--prev:hover svg { transform: translateX(-2px); }
.hero__side-arrow--next:hover svg { transform: translateX(2px); }

/* Alt Gösterge Barı (Bottom Controls Pill) */
.hero__controls {
  position: absolute;
  bottom: 22px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  z-index: 10;
  pointer-events: auto;
}
.hero__dots {
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.9);
  padding: 7px 16px;
  border-radius: 999px;
  display: flex;
  gap: 8px;
  align-items: center;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}
.hero__dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: rgba(23, 21, 18, 0.25);
  border: 0;
  cursor: pointer;
  transition: all 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);
  padding: 0;
  outline: none;
}
.hero__dot:hover {
  background: rgba(23, 21, 18, 0.65);
  transform: scale(1.2);
}
.hero__dot.is-active {
  width: 28px;
  border-radius: 999px;
  background: #b08d57;
  box-shadow: 0 0 10px rgba(176, 141, 87, 0.55);
}

/* Küçük Kompakt Alt Oklar (Mobilde ve kontrol çubuğunda) */
.hero__ctrl-arrow {
  display: none;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.94);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: 1px solid rgba(255, 255, 255, 0.9);
  color: #171512;
  cursor: pointer;
  place-items: center;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.14);
  padding: 0;
  outline: none;
  transition: all 0.2s cubic-bezier(0.2, 0.8, 0.2, 1);
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.hero__ctrl-arrow:hover, .hero__ctrl-arrow:active {
  background: #171512;
  border-color: #171512;
  color: #ffffff;
  transform: scale(1.08);
}
.hero__ctrl-arrow svg {
  width: 17px;
  height: 17px;
  stroke: currentColor;
  stroke-width: 2.6;
  fill: none;
}

/* Mobil ve Tablet Uyumu */
@media (max-width: 768px) {
  .hero--slider, .hero__slides-wrap, .hero__slide {
    min-height: 520px;
  }
  .hero__content {
    padding-top: 1.5rem;
    padding-bottom: 4.2rem;
  }
  .hero__text {
    padding: 1.6rem 1.4rem;
    border-radius: 20px;
    margin: 0 auto;
    max-width: calc(100% - 1.2rem);
    background: rgba(255, 255, 255, 0.32);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.55);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08);
  }
  .hero .hero__h1 {
    font-size: 1.75rem;
    line-height: 1.15;
    margin-bottom: 0.6rem;
  }
  .hero .hero__desc {
    font-size: 0.88rem;
    line-height: 1.45;
    margin-bottom: 1.2rem;
  }
  .hero-btn {
    padding: 0.75rem 1.2rem;
    font-size: 0.84rem;
    flex: 1 1 auto;
    text-align: center;
  }
  /* MOBİLDE RESİMLERİ VE METNİ KAPATAN YAN KAYDIRMA OKLARI GİZLENİR */
  .hero__side-arrow {
    display: none !important;
  }
  /* Alt Kontrol Çubuğu (Görselleri ve metni asla kapatmaz, en altta şık durur) */
  .hero__controls {
    bottom: 12px;
    gap: 8px;
  }
  .hero__ctrl-arrow {
    display: inline-grid;
    width: 32px;
    height: 32px;
  }
  .hero__ctrl-arrow svg {
    width: 15px;
    height: 15px;
  }
  .hero__dots {
    padding: 6px 14px;
    gap: 6px;
  }
  .hero__dot {
    width: 8px;
    height: 8px;
  }
  .hero__dot.is-active {
    width: 22px;
  }
  /* Ürün kartlarında da resimleri kapatan oklar mobilde gizlenir, dokunmatik swipe aktiftir */
  .card__slider-arrow {
    display: none !important;
  }
}