:root{
    --bg:#FFFFFF;
    --surface:#FFFFFF;
    --text:#0A0A0A;
    --muted:#7A7A7A;
    --muted-2:#B4B4B4;
    --border:#E7E7E5;
    --border-strong:#D2D2D0;
    --img-bg:#EDEDEB;
    --shadow:0 1px 2px rgba(0,0,0,0.04), 0 10px 28px rgba(0,0,0,0.06);
    --nav-bg:#0A0A0A;
    --nav-border:rgba(255,255,255,0.14);
    --nav-inset:rgba(255,255,255,0.08);
    --nav-link:#A4A4A4;
    --nav-on-highlight:#0A0A0A;
    --nav-highlight:#F5F5F4;
    --nav-btn-bg:#F5F5F4;
    --nav-btn-text:#0A0A0A;
    --nav-icon-bg:#0A0A0A;
    --nav-icon-text:#F5F5F4;
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    margin:0;
    background:var(--bg);
    color:var(--text);
    font-family:'Inter',system-ui,sans-serif;
    -webkit-font-smoothing:antialiased;
    
    overflow-x:hidden;
  }
  ::selection{ background:var(--text); color:var(--bg); }
  a{ color:inherit; text-decoration:none; }
  button{ font-family:inherit; }
  a:focus-visible, button:focus-visible{
    outline:2px solid var(--text);
    outline-offset:3px;
    border-radius:6px;
  }

  /* ---------- UTILITY BAR ---------- */
  .util-bar{
    position:sticky;
    top:0;
    z-index:60;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:26px 32px 0;
    pointer-events:none;
  }
  .util-logo,
  .util-right{
    pointer-events:auto;
  }
  .util-logo{
    display:inline-flex;
    align-items:center;
    gap:9px;
  }
  .util-logo .mark-svg{
    width:92px;
    height:92px;
    display:block;
    flex-shrink:0;
    color:var(--text);
    transition:color .35s ease;
  }
  .util-right{
    display:flex;
    align-items:center;
    gap:10px;
  }
  .util-right .btn-cart{
    margin-left:0;
    background:#0A0A0A;
    color:#FFFFFF;
    transition:gap .12s ease, transform .12s ease, opacity .12s ease;
  }
  .util-right .btn-cart:hover{
    gap:10px;
    opacity:.94;
  }
  .util-right .btn-cart .cart-icon-wrap{
    background:#FFFFFF;
    color:#0A0A0A;
  }


  .hamburger{
    display:none;
    width:40px; height:40px;
    border-radius:50%;
    border:1px solid var(--border);
    background:var(--surface);
    cursor:pointer;
    position:relative;
    flex-shrink:0;
  }
  .hamburger span{
    position:absolute;
    left:11px; right:11px;
    height:1.5px;
    background:var(--text);
    border-radius:2px;
    transition:transform .3s cubic-bezier(.65,0,.35,1), opacity .2s ease, top .3s ease;
  }
  .hamburger span:nth-child(1){ top:15px; }
  .hamburger span:nth-child(2){ top:20px; }
  .hamburger span:nth-child(3){ top:25px; }
  .hamburger.open span:nth-child(1){ top:20px; transform:rotate(45deg); }
  .hamburger.open span:nth-child(2){ opacity:0; }
  .hamburger.open span:nth-child(3){ top:20px; transform:rotate(-45deg); }

  /* ---------- DESKTOP NAVBAR ---------- */
  .navbar-outer{
    position:sticky;
    top:18px;
    z-index:50;
    display:flex;
    justify-content:center;
    margin-top:-30px;
    pointer-events:none;
  }
  .navbar{
    pointer-events:auto;
    position:relative;
    display:flex;
    align-items:center;
    gap:2px;
    background:var(--nav-bg);
    border:1px solid var(--nav-border);
    border-radius:999px;
    padding:6px;
    box-shadow:0 1px 0 var(--nav-inset) inset, 0 14px 34px rgba(0,0,0,0.16), 0 2px 8px rgba(0,0,0,0.10);
    transition:box-shadow .3s ease, border-color .35s ease;
  }
  .navbar.scrolled{
    box-shadow:0 1px 0 var(--nav-inset) inset, 0 18px 40px rgba(0,0,0,0.22), 0 4px 12px rgba(0,0,0,0.14);
  }
  .nav-links{
    position:relative;
    display:flex;
    align-items:center;
  }
  .nav-highlight{
    position:absolute;
    top:0; bottom:0;
    border-radius:999px;
    background:var(--nav-highlight);
    opacity:0;
    transition:transform .08s linear, width .08s linear, opacity .05s ease, background .08s ease;
    z-index:0;
    pointer-events:none;
  }
  .nav-links a{
    position:relative;
    z-index:1;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:14px;
    font-weight:500;
    color:var(--nav-link);
    padding:9px 16px;
    border-radius:999px;
    transition:color .25s ease;
    white-space:nowrap;
  }
  /* Hover alanı görünmeden yukarı/aşağı genişletilir.
     Pseudo eleman linkin üzerinde kaldığı için yazının üst kısmında da mouse algılanır. */
  .nav-links a::before{
    content:'';
    position:absolute;
    left:0;
    right:0;
    top:-18px;
    bottom:-18px;
    z-index:2;
    background:transparent;
    cursor:pointer;
  }
  .nav-links a{ isolation:isolate; }
  .nav-links a.on-highlight{ color:var(--nav-on-highlight); }

  .btn-cart{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:var(--nav-btn-bg);
    color:var(--nav-btn-text);
    font-size:14px;
    font-weight:500;
    padding:8px 16px 8px 8px;
    border-radius:999px;
    white-space:nowrap;
    margin-left:6px;
    border:none;
    cursor:pointer;
    transition:gap .25s ease;
  }
  .btn-cart:hover{ gap:11px; }

  .btn-signup{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:var(--nav-btn-bg);
    color:var(--nav-btn-text);
    font-size:14px;
    font-weight:600;
    padding:10px 18px;
    border-radius:999px;
    white-space:nowrap;
    margin-left:6px;
    border:none;
    cursor:pointer;
    transition:transform .2s ease, opacity .2s ease;
  }
  .btn-signup:hover{ transform:translateY(-1px); opacity:.92; }
  .cart-icon-wrap{
    position:relative;
    width:26px; height:26px;
    border-radius:50%;
    background:var(--nav-icon-bg);
    color:var(--nav-icon-text);
    display:flex; align-items:center; justify-content:center;
    flex-shrink:0;
  }
  .cart-icon-wrap svg{ width:13px; height:13px; }
  .cart-badge{
    position:absolute;
    top:-5px; right:-5px;
    min-width:16px; height:16px;
    padding:0 3px;
    border-radius:999px;
    background:#E5484D;
    color:#fff;
    font-size:10px;
    font-weight:600;
    display:flex; align-items:center; justify-content:center;
    line-height:1;
    opacity:0;
    transform:scale(.6);
    transition:opacity .2s ease, transform .2s ease;
  }
  .cart-badge.show{ opacity:1; transform:scale(1); }

  /* ---------- MOBILE MENU OVERLAY ---------- */
  .mobile-menu{
    position:fixed;
    inset:0;
    z-index:55;
    background:var(--bg);
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:8px;
    opacity:0;
    visibility:hidden;
    transform:translateY(-8px);
    transition:opacity .3s ease, transform .3s ease, visibility 0s linear .3s;
  }
  .mobile-menu.open{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
    transition:opacity .3s ease, transform .3s ease, visibility 0s linear 0s;
  }
  .mobile-menu a, .mobile-menu button{
    font-family:'Fraunces',serif;
    font-size:32px;
    font-weight:400;
    padding:10px 0;
    color:var(--text);
    background:none;
    border:none;
    cursor:pointer;
  }
  .mobile-menu .mm-cart{
    margin-top:14px;
    font-family:'Inter',sans-serif;
    font-size:14px;
    font-weight:500;
    background:var(--text);
    color:var(--bg);
    padding:12px 26px;
    border-radius:999px;
    display:inline-flex;
    align-items:center;
    gap:8px;
  }
  body.menu-open{ overflow:hidden; }

  /* ---------- REVEAL ---------- */
  .reveal{
    opacity:0;
    transform:translateY(22px);
    transition:opacity .7s ease, transform .7s cubic-bezier(.2,.7,.2,1);
  }
  .reveal.in-view{ opacity:1; transform:translateY(0); }
  .reveal-d1{ transition-delay:.08s; }
  .reveal-d2{ transition-delay:.16s; }

  /* ---------- HERO ---------- */
  .hero{
    padding:88px 24px 64px;
    max-width:980px;
    margin:0 auto;
    text-align:center;
  }
  .hero .eyebrow{
    font-size:12.5px;
    font-weight:500;
    letter-spacing:.1em;
    text-transform:uppercase;
    color:var(--muted);
    margin-bottom:18px;
  }
  h1{
    font-family:'Fraunces',serif;
    font-weight:400;
    font-size:clamp(24px,3.6vw,42px);
    line-height:1.22;
    letter-spacing:-0.01em;
    margin:0 0 22px;
  }
  .hero p.sub{
    font-size:15.5px;
    line-height:1.7;
    color:var(--muted);
    max-width:760px;
    margin:0 auto 32px;
  }
  @media (min-width:640px){
    h1{ white-space:nowrap; }
  }
  .hero-cta{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:var(--text);
    color:var(--bg);
    font-size:14px;
    font-weight:500;
    padding:13px 22px;
    border-radius:999px;
  }
  .hero-cta:hover{ opacity:.86; }
  .hero-cta svg{ width:15px; height:15px; }

  /* ---------- PRODUCTS ---------- */
  .products{ padding:56px 32px 100px; max-width:1280px; margin:0 auto; }
  .products-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    margin-bottom:44px;
  }
  .products-head h2{
    font-family:'Fraunces',serif;
    font-weight:400;
    font-size:32px;
    line-height:1.15;
    margin:0;
  }
  .products-head p{
    font-size:13.5px;
    color:var(--muted);
    margin:6px 0 0;
  }

  .product-grid{
    border-top:1px solid var(--border);
    padding-top:36px;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:32px 28px;
  }
  .product-card{ display:block; }
  .product-frame{
    position:relative;
    border-radius:16px;
    overflow:hidden;
    background:var(--img-bg);
    aspect-ratio:4/5;
  }
  .product-frame img{
    width:100%; height:100%;
    object-fit:cover;
    display:block;
    transition:transform .5s cubic-bezier(.2,.7,.2,1);
  }
  .product-card:hover .product-frame img{ transform:scale(1.05); }
  .product-frame::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg, rgba(0,0,0,0) 48%, rgba(0,0,0,0.08) 62%, rgba(0,0,0,0.68) 100%);
    pointer-events:none;
  }
.product-overlay{
    position:absolute;
    left:0; right:0; bottom:0;
    z-index:2;
    padding:16px;
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:10px;
  }
  .product-overlay h3{
    font-family:'Fraunces',serif;
    font-weight:500;
    font-size:18px;
    line-height:1.25;
    color:#FFFFFF;
    margin:0;
    text-shadow:0 2px 8px rgba(0,0,0,0.65);
  }
  .product-overlay .price-pill{
    flex-shrink:0;
    background:#F5F5F4;
    color:#0A0A0A;
    font-size:16px;
    font-weight:700;
    padding:8px 13px;
    border-radius:999px;
    white-space:nowrap;
  }


  /* ---------- PRODUCT DETAIL ---------- */
  .product-detail-page{
    display:none;
    min-height:calc(100vh - 90px);
    position:relative;
    padding:0 0 110px;
    background-size:cover;
    background-position:center;
    background-attachment:fixed;
  }
  .product-detail-page.active{ display:block; }
  .product-detail-page.no-custom-bg{
    background:#FFFFFF !important;
    --surface:#FFFFFF;
    --text:#0A0A0A;
    --muted:#7A7A7A;
    --muted-2:#B4B4B4;
    --border:#E7E7E5;
    --border-strong:#D2D2D0;
    --img-bg:#EDEDEB;
  }
  .product-detail-page.no-custom-bg::before{
    background:transparent !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }
  .product-detail-page::before{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(255,255,255,.78);
    backdrop-filter:blur(4px);
    -webkit-backdrop-filter:blur(4px);
  }
  .product-detail-shell{
    position:relative;
    z-index:1;
    width:min(1180px, calc(100% - 48px));
    margin:0 auto;
  }
  .product-detail-back{
    display:inline-flex;
    align-items:center;
    gap:8px;
    border:1px solid var(--border);
    background:var(--surface);
    color:var(--text);
    border-radius:999px;
    padding:10px 15px;
    font-size:13px;
    cursor:pointer;
    margin-bottom:26px;
  }
  .product-detail-back svg{ width:14px; height:14px; }
  .product-detail-card{
    display:grid;
    grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);
    gap:52px;
    align-items:start;
    background:var(--surface);
    border:none;
    border-radius:0;
    padding:0;
    box-shadow:none;
  }
  .detail-gallery-main{
    border-radius:20px;
    overflow:hidden;
    background:var(--img-bg);
    aspect-ratio:4/5;
  }
  .detail-gallery-main img{ width:100%; height:100%; object-fit:cover; display:block; }
  .detail-thumbs{ display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-top:10px; }
  .detail-thumb{
    border:1px solid var(--border);
    border-radius:12px;
    overflow:hidden;
    padding:0;
    background:var(--img-bg);
    aspect-ratio:1;
    cursor:pointer;
    opacity:.68;
  }
  .detail-thumb.active{ opacity:1; border-color:var(--text); }
  .detail-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
  .detail-info{ padding:0; position:static; top:auto; align-self:start; }
  .detail-cat{
    display:inline-flex;
    font-size:11px;
    font-weight:600;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:var(--muted);
    margin-bottom:14px;
  }
  .detail-info h1{
    white-space:normal;
    font-size:clamp(34px,4vw,54px);
    line-height:1.04;
    margin:0 0 18px;
  }
  .detail-price{
    display:inline-flex;
    align-items:center;
    width:max-content;
    font-family:'Fraunces',serif;
    font-size:38px;
    font-weight:500;
    line-height:1;
    letter-spacing:-.02em;
    padding:0;
    margin:0 0 26px;
    border:none;
    border-radius:0;
    background:transparent;
    color:var(--text);
    box-shadow:none;
  }
  .detail-description{
    grid-column:1 / -1;
    margin:38px 0 0;
    padding:28px 0 0;
    border-top:1px solid var(--border);
  }
  .detail-description h2{
    font-family:'Fraunces',serif;
    font-size:20px;
    font-weight:500;
    margin:0 0 10px;
  }
  .detail-desc{
    color:var(--muted);
    font-size:15px;
    line-height:1.75;
    margin:0;
  }
  .detail-meta{
    border-top:1px solid var(--border);
    border-bottom:1px solid var(--border);
    padding:18px 0;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:16px;
    margin-bottom:24px;
  }
  .detail-meta span{ display:block; font-size:11px; color:var(--muted); margin-bottom:5px; }
  .detail-meta strong{ font-size:13px; font-weight:500; }
  .detail-buy-row{ display:grid; grid-template-columns:120px 1fr; gap:12px; }
  .detail-qty{
    display:grid;
    grid-template-columns:38px 1fr 38px;
    align-items:center;
    border:1px solid var(--border-strong);
    border-radius:999px;
    overflow:hidden;
    background:var(--surface);
  }
  .detail-qty button{ border:0; background:transparent; color:var(--text); height:48px; cursor:pointer; font-size:18px; }
  .detail-qty span{ text-align:center; font-size:14px; font-weight:600; }
  .detail-add{
    border:0;
    border-radius:999px;
    background:var(--text);
    color:var(--bg);
    font-size:14px;
    font-weight:600;
    cursor:pointer;
    min-height:48px;
  }
  .detail-add:hover{ opacity:.88; }
  .detail-added-note{ height:20px; margin-top:10px; color:var(--muted); font-size:12px; }

  .detail-unit-block{ margin:2px 0 22px; }
  .detail-unit-label{ display:flex; align-items:center; justify-content:flex-start; gap:12px; margin-bottom:10px; font-size:12px; color:var(--muted); }
  .detail-unit-label strong{ color:var(--text); font-weight:500; }
  .detail-variants{ display:flex; flex-wrap:wrap; gap:8px; }
  .detail-variant{ min-width:68px; height:42px; padding:0 15px; border:1px solid var(--border-strong); border-radius:999px; background:transparent; color:var(--text); cursor:pointer; font-size:13px; font-weight:500; }
  .detail-variant.active{ background:var(--text); color:var(--bg); border-color:var(--text); }
  .detail-stockline{ display:flex; flex-wrap:wrap; gap:14px; align-items:center; margin:0 0 18px; color:var(--muted); font-size:12px; }
  .detail-stock{ color:var(--text); font-weight:500; }
  .detail-stock::before{ content:''; display:inline-block; width:6px; height:6px; margin-right:7px; border-radius:50%; background:#4f8a5b; vertical-align:1px; }
  .detail-extra{ grid-column:1/-1; padding:18px 0 0; }
  .detail-accordion{ border-bottom:1px solid var(--border); }
  .detail-accordion:first-child{ border-top:1px solid var(--border); }
  .detail-accordion button{ width:100%; min-height:58px; display:flex; align-items:center; justify-content:space-between; gap:18px; padding:0; border:0; background:transparent; color:var(--text); cursor:pointer; font-size:14px; text-align:left; }
  .detail-accordion button span:last-child{ font-size:20px; font-weight:300; transition:transform .2s ease; }
  .detail-accordion.open button span:last-child{ transform:rotate(45deg); }
  .detail-accordion-content{ display:none; padding:0 0 20px; max-width:780px; color:var(--muted); font-size:14px; line-height:1.7; }
  .detail-accordion.open .detail-accordion-content{ display:block; }
  .related-products{ grid-column:1/-1; padding-top:38px; }
  .related-products h2{ font-family:'Fraunces',serif; font-size:24px; font-weight:400; margin:0 0 18px; }
  .related-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
  .related-card{ border:0; background:transparent; color:var(--text); padding:0; text-align:left; cursor:pointer; }
  .related-card img{ width:100%; aspect-ratio:4/3; object-fit:cover; border-radius:12px; background:var(--img-bg); display:block; margin-bottom:10px; }
  .related-card strong{ display:block; font-size:13px; font-weight:500; }
  .related-card span{ display:block; margin-top:3px; color:var(--muted); font-size:12px; }

  /* ---------- PRODUCT TRUST / CERTIFICATES V27 ---------- */
  .detail-trust-stamps{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
    margin:16px 0 0;
    padding:18px 0 22px;
    border-bottom:1px solid var(--border);
  }
  .trust-stamp{
    min-width:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:7px;
    text-align:center;
    color:var(--text);
  }
  .trust-stamp-mark{
    width:66px;
    height:66px;
    border:1.5px solid currentColor;
    border-radius:50%;
    display:grid;
    place-items:center;
    position:relative;
    transform:rotate(-3deg);
  }
  .trust-stamp:nth-child(even) .trust-stamp-mark{ transform:rotate(3deg); }
  .trust-stamp-mark::before{
    content:'';
    position:absolute;
    inset:5px;
    border:1px dashed currentColor;
    border-radius:50%;
    opacity:.65;
  }
  .trust-stamp-mark svg{ width:24px; height:24px; position:relative; z-index:1; }
  .trust-stamp strong{ font-size:10px; line-height:1.25; font-weight:600; letter-spacing:.035em; }

  .detail-certificates{
    grid-column:1/-1;
    padding:28px 0 4px;
    border-top:1px solid var(--border);
  }
  .detail-certificates-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:20px;
    margin-bottom:18px;
  }
  .detail-certificates-head h2{
    font-family:'Fraunces',serif;
    font-size:24px;
    font-weight:400;
    margin:0;
  }
  .detail-certificates-head p{
    margin:0;
    color:var(--muted);
    font-size:12px;
  }
  .certificate-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
  }
  .certificate-card{
    min-height:150px;
    border:1px solid var(--border);
    border-radius:16px;
    padding:18px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    background:var(--surface);
  }
  .certificate-icon{
    width:38px;
    height:38px;
    border:1px solid var(--border-strong);
    border-radius:50%;
    display:grid;
    place-items:center;
    margin-bottom:24px;
  }
  .certificate-icon svg{ width:17px; height:17px; }
  .certificate-card strong{ display:block; font-size:13px; font-weight:600; margin-bottom:5px; }
  .certificate-card span{ display:block; font-size:11px; line-height:1.5; color:var(--muted); }

  @media(max-width:760px){
    .detail-trust-stamps{ grid-template-columns:repeat(4,1fr); gap:5px; overflow-x:auto; }
    .trust-stamp-mark{ width:56px; height:56px; }
    .trust-stamp strong{ font-size:9px; }
    .certificate-grid{ grid-template-columns:1fr; }
    .detail-certificates-head{ align-items:flex-start; flex-direction:column; gap:6px; }
  }

  .mobile-buybar{ display:none; }
  body.detail-open .hero,
  body.detail-open .products,
  body.detail-open .about,
  body.detail-open footer{ display:none; }

  @media (max-width:900px){
    .product-detail-card{ grid-template-columns:1fr; gap:24px; }
    .detail-info{ position:static; padding:0; }
  }
  @media (max-width:760px){
    .product-detail-page{ padding:0 0 72px; background-attachment:scroll; }
    .product-detail-shell{ width:calc(100% - 32px); margin:0 auto; }
    .product-detail-card{ padding:0; border-radius:0; }
    .detail-gallery-main{ border-radius:16px; }
    .detail-info h1{ font-size:36px; }
    .related-grid{ grid-template-columns:1fr 1fr; }
    .mobile-buybar{ display:flex; position:sticky; bottom:0; z-index:45; margin-top:28px; padding:12px 0; background:var(--bg); border-top:1px solid var(--border); align-items:center; justify-content:space-between; gap:14px; }
    .mobile-buybar strong{ font-family:'Fraunces',serif; font-size:23px; font-weight:500; white-space:nowrap; }
    .mobile-buybar button{ flex:1; min-height:46px; border:0; border-radius:999px; background:var(--text); color:var(--bg); font-weight:600; }
  }
  @media (max-width:480px){
    .detail-buy-row{ grid-template-columns:1fr; }
    .detail-qty{ width:130px; }
  }

  /* ---------- ABOUT ---------- */
  .about{
    padding:20px 32px 100px;
    max-width:800px;
    margin:0 auto;
    border-top:1px solid var(--border);
    text-align:center;
  }
  .about h2{
    font-family:'Fraunces',serif;
    font-weight:400;
    font-size:30px;
    margin:56px 0 18px;
  }
  .about p{
    font-size:15.5px;
    line-height:1.75;
    color:var(--muted);
    margin:0;
  }

  footer{
    border-top:1px solid var(--border);
    padding:26px 32px;
  }
  .footer-inner{
    max-width:1280px; margin:0 auto;
    display:flex; align-items:center; justify-content:space-between;
    font-size:13px; color:var(--muted);
  }

  /* ---------- CART DRAWER ---------- */
  .cart-overlay{
    position:fixed; inset:0;
    background:rgba(0,0,0,0.35);
    z-index:70;
    opacity:0;
    visibility:hidden;
    transition:opacity .3s ease, visibility 0s linear .3s;
  }
  .cart-overlay.open{ opacity:1; visibility:visible; transition:opacity .3s ease, visibility 0s linear 0s; }

  .cart-drawer{
    position:fixed;
    top:0; right:0; bottom:0;
    width:min(400px,100%);
    background:var(--bg);
    color:var(--text);
    z-index:71;
    display:flex;
    flex-direction:column;
    border-left:1px solid var(--border);
    transform:translateX(100%);
    transition:transform .35s cubic-bezier(.65,0,.35,1);
  }
  .cart-drawer.open{ transform:translateX(0); }
  .cart-head{
    display:flex; align-items:center; justify-content:space-between;
    padding:22px 22px 18px;
    border-bottom:1px solid var(--border);
  }
  .cart-head h3{
    font-family:'Fraunces',serif;
    font-weight:400;
    font-size:20px;
    margin:0;
  }
  .cart-close{
    width:32px; height:32px;
    border-radius:50%;
    border:1px solid var(--border);
    background:transparent;
    color:var(--text);
    cursor:pointer;
    display:flex; align-items:center; justify-content:center;
  }
  .cart-close svg{ width:14px; height:14px; }
  .cart-items{
    flex:1;
    overflow-y:auto;
    padding:10px 22px;
  }
  .cart-empty{
    padding:60px 0;
    text-align:center;
    color:var(--muted);
    font-size:14px;
  }
  .cart-item{
    display:flex;
    gap:12px;
    padding:16px 0;
    border-bottom:1px solid var(--border);
  }
  .cart-item img{
    width:64px; height:76px;
    object-fit:cover;
    border-radius:10px;
    flex-shrink:0;
    background:var(--img-bg);
  }
  .cart-item-body{ flex:1; min-width:0; }
  .cart-item-body h4{
    font-size:13.5px;
    font-weight:500;
    margin:0 0 4px;
  }
  .cart-item-body .price{ font-size:13px; color:var(--muted); }
  .qty-row{
    display:flex; align-items:center; gap:10px;
    margin-top:10px;
  }
  .qty-btn{
    width:24px; height:24px;
    border-radius:50%;
    border:1px solid var(--border-strong);
    background:transparent;
    color:var(--text);
    cursor:pointer;
    font-size:13px;
    line-height:1;
    display:flex; align-items:center; justify-content:center;
  }
  .qty-val{ font-size:13px; min-width:14px; text-align:center; }
  .remove-btn{
    margin-left:auto;
    font-size:12px;
    color:var(--muted);
    background:none; border:none; cursor:pointer;
    text-decoration:underline;
  }
  .cart-footer{
    padding:20px 22px 24px;
    border-top:1px solid var(--border);
  }
  .cart-subtotal{
    display:flex; justify-content:space-between;
    font-size:14.5px;
    font-weight:600;
    margin-bottom:16px;
  }
  .checkout-btn{
    width:100%;
    padding:14px;
    border-radius:999px;
    border:none;
    background:var(--text);
    color:var(--bg);
    font-size:14px;
    font-weight:500;
    cursor:pointer;
  }
  .checkout-btn:hover{ opacity:.88; }

  @media (max-width:900px){
    .product-grid{ grid-template-columns:repeat(2,1fr); }
  }

  @media (max-width:760px){
    .util-bar{ padding:18px 18px 0; }
    .navbar-outer{ display:none; }
    .hamburger{ display:block; }
    .hero{ padding:56px 20px 48px; }
    .products{ padding:44px 20px 72px; }
    .product-grid{ grid-template-columns:repeat(2,1fr); gap:22px 16px; }
    .footer-inner{ flex-direction:column; gap:10px; text-align:center; }
    .util-logo .mark-svg{ width:72px; height:72px; }
    .cart-drawer{ width:100%; }
  }

  @media (max-width:480px){
    .product-grid{ grid-template-columns:1fr; }
  }

  /* ---------- FIXED LEFT FARM ILLUSTRATION ---------- */
  .product-detail-page.active::after{
    content:"";
    position:fixed;
    left:0;
    top:0;
    bottom:0;
    width:clamp(150px, 18vw, 280px);
    background:#fff url('solbg-v10.png') center bottom / contain no-repeat;
    z-index:0;
    pointer-events:none;
  }
  .product-detail-page.active .product-detail-shell{
    margin-left:max(clamp(150px, 18vw, 280px), calc((100% - 1180px) / 2));
    margin-right:auto;
    width:min(1180px, calc(100% - clamp(150px, 18vw, 280px) - 32px));
  }
  @media (max-width:900px){
    .product-detail-page.active::after{ display:none; }
    .product-detail-page.active .product-detail-shell{
      width:calc(100% - 32px);
      margin:0 auto;
    }
  }


/* ========== MIORA HOME V18 ========== */
.home-hero{max-width:1280px;margin:0 auto;padding:34px 32px 110px;display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center;min-height:720px}
.home-hero-copy .eyebrow{display:inline-flex;padding:8px 13px;border:1px solid #ddd;border-radius:999px;font-size:11px;letter-spacing:.13em;text-transform:uppercase;margin-bottom:24px}
.home-hero h1{font-family:'Fraunces',serif;font-size:clamp(54px,6.2vw,92px);line-height:.98;font-weight:400;letter-spacing:-.055em;margin:0 0 26px;max-width:760px}
.home-hero p{font-size:17px;line-height:1.75;color:#666;max-width:560px;margin:0 0 32px}
.home-actions{display:flex;gap:12px;flex-wrap:wrap}.home-btn{display:inline-flex;align-items:center;gap:12px;padding:15px 22px;border-radius:999px;text-decoration:none;font-size:14px;font-weight:600}.home-btn.primary{background:#0a0a0a;color:#fff}.home-btn.secondary{border:1px solid #ddd;color:#111}
.home-hero-visual{position:relative;height:620px;border-radius:32px;overflow:hidden;background:url('https://images.unsplash.com/photo-1499529112087-3cb3b73cec95?auto=format&fit=crop&w=1200&q=85') center/cover no-repeat}.home-hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(0,0,0,.55))}.hero-card{position:absolute;z-index:1;left:28px;right:28px;bottom:28px;color:#fff;display:flex;justify-content:space-between;align-items:end}.hero-card strong{font-family:'Fraunces',serif;font-size:30px;font-weight:400}.hero-card span{font-size:13px;opacity:.85}
.home-section{max-width:1280px;margin:0 auto;padding:105px 32px}.section-kicker{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:#777;margin-bottom:15px}.section-title{font-family:'Fraunces',serif;font-size:clamp(38px,4.3vw,62px);line-height:1.05;font-weight:400;letter-spacing:-.04em;margin:0}.section-intro{font-size:16px;color:#666;line-height:1.7;max-width:600px;margin:16px 0 0}
.home-featured-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:34px}.text-link{color:#111;text-decoration:none;border-bottom:1px solid #bbb;padding-bottom:4px;font-size:14px}
.home-categories{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:36px}.category-card{position:relative;height:390px;border-radius:22px;overflow:hidden;background:#eee;text-decoration:none;color:#fff}.category-card:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 35%,rgba(0,0,0,.72))}.category-card .cat-copy{position:absolute;z-index:1;left:22px;right:22px;bottom:20px}.category-card strong{display:block;font-family:'Fraunces',serif;font-size:29px;font-weight:400}.category-card span{font-size:12px;opacity:.85}.cat-oil{background:url('https://images.unsplash.com/photo-1474979266404-7eaacbcd87c5?auto=format&fit=crop&w=800&q=80') center/cover}.cat-paste{background:url('https://images.unsplash.com/photo-1566843972142-a7fcb70de55a?auto=format&fit=crop&w=800&q=80') center/cover}.cat-honey{background:url('https://images.unsplash.com/photo-1587049352846-4a222e784d38?auto=format&fit=crop&w=800&q=80') center/cover}.cat-legume{background:url('https://images.unsplash.com/photo-1515543904379-3d757afe72e4?auto=format&fit=crop&w=800&q=80') center/cover}
.why-miora{border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}.why-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:start}.why-list{display:grid;grid-template-columns:1fr 1fr;gap:40px 28px}.why-item{border-top:1px solid #ddd;padding-top:18px}.why-item span{font-size:12px;color:#888}.why-item h3{font-family:'Fraunces',serif;font-size:27px;font-weight:400;margin:10px 0}.why-item p{font-size:14px;line-height:1.7;color:#666;margin:0}
.story-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.story-image{height:600px;border-radius:28px;background:url('https://images.unsplash.com/photo-1592924357228-91a4daadcfea?auto=format&fit=crop&w=1200&q=85') center/cover}.story-copy{padding-right:8%}.story-copy p{font-size:17px;line-height:1.8;color:#666;margin:24px 0}.story-quote{font-family:'Fraunces',serif;font-size:28px;line-height:1.3;margin:30px 0;color:#222}
.process-strip{background:#0a0a0a;color:#fff}.process-strip .home-section{padding-top:92px;padding-bottom:92px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:42px}.process-step{padding:22px 0;border-top:1px solid #333}.process-step b{font-size:12px;color:#999;font-weight:500}.process-step h3{font-family:'Fraunces',serif;font-size:28px;font-weight:400;margin:16px 0 10px}.process-step p{font-size:14px;line-height:1.7;color:#aaa;margin:0}
.gallery-section{display:grid;grid-template-columns:1.2fr .8fr .8fr;grid-template-rows:280px 280px;gap:16px}.gallery-main{grid-row:1/3;border-radius:24px;background:url('https://images.unsplash.com/photo-1523741543316-beb7fc7023d8?auto=format&fit=crop&w=1200&q=85') center/cover}.gallery-a{border-radius:24px;background:url('https://images.unsplash.com/photo-1492496913980-501348b61469?auto=format&fit=crop&w=800&q=80') center/cover}.gallery-b{border-radius:24px;background:url('https://images.unsplash.com/photo-1471193945509-9ad0617afabf?auto=format&fit=crop&w=800&q=80') center/cover}.gallery-c{border-radius:24px;background:url('https://images.unsplash.com/photo-1500651230702-0e2d8a49d4ad?auto=format&fit=crop&w=800&q=80') center/cover}.gallery-copy{border:1px solid #e2e2e2;border-radius:24px;padding:34px;display:flex;flex-direction:column;justify-content:end}.gallery-copy h3{font-family:'Fraunces',serif;font-size:34px;font-weight:400;margin:0 0 12px}.gallery-copy p{color:#777;line-height:1.65;font-size:14px;margin:0}
.trust-row{border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;display:grid;grid-template-columns:repeat(4,1fr);max-width:1280px;margin:0 auto}.trust-item{padding:34px 28px;border-right:1px solid #e4e4e4}.trust-item:last-child{border-right:0}.trust-item strong{display:block;font-size:15px;margin-bottom:7px}.trust-item span{font-size:13px;color:#777;line-height:1.5}
.newsletter{max-width:1280px;margin:0 auto;padding:105px 32px}.newsletter-box{border-radius:30px;background:#f3f1ec;padding:70px;display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:end}.newsletter-box h2{font-family:'Fraunces',serif;font-size:clamp(40px,5vw,68px);font-weight:400;line-height:1;margin:0}.newsletter-box p{color:#777;line-height:1.7}.newsletter-form{display:flex;border-bottom:1px solid #222;padding-bottom:10px}.newsletter-form input{flex:1;border:0;background:transparent;outline:0;font:inherit}.newsletter-form button{border:0;background:#111;color:#fff;border-radius:999px;padding:12px 18px;cursor:pointer}
@media(max-width:900px){.home-hero{grid-template-columns:1fr;padding:24px 20px 70px;gap:40px;min-height:auto}.home-hero-visual{height:470px}.home-section{padding:72px 20px}.home-featured-head,.why-grid,.story-section,.newsletter-box{grid-template-columns:1fr;display:grid;gap:30px}.home-categories{grid-template-columns:1fr 1fr}.category-card{height:310px}.why-list{grid-template-columns:1fr 1fr;gap:28px 18px}.story-image{height:420px}.process-grid{grid-template-columns:1fr 1fr}.gallery-section{grid-template-columns:1fr 1fr;grid-template-rows:300px 240px}.gallery-main{grid-column:1/3;grid-row:auto}.trust-row{grid-template-columns:1fr 1fr}.trust-item:nth-child(2){border-right:0}.trust-item:nth-child(-n+2){border-bottom:1px solid #e4e4e4}.newsletter-box{padding:38px 28px}.products{padding-top:72px}}
@media(max-width:560px){.home-hero h1{font-size:52px}.home-hero-visual{height:380px;border-radius:22px}.home-categories,.why-list,.process-grid{grid-template-columns:1fr}.category-card{height:360px}.gallery-section{display:grid;grid-template-columns:1fr;grid-template-rows:300px 220px 220px 220px 220px}.gallery-main{grid-column:auto}.trust-row{grid-template-columns:1fr}.trust-item{border-right:0;border-bottom:1px solid #e4e4e4}.trust-item:last-child{border-bottom:0}.newsletter{padding:70px 20px}.newsletter-box{padding:34px 24px}}


/* ========== FULL WIDTH CATEGORY SLIDER V21 ========== */
.category-section{width:100%;padding:105px 0;overflow:hidden}
.category-heading{max-width:1280px;margin:0 auto;padding:0 32px 52px}
.category-slider-wrap{position:relative;width:100%}
.home-categories{display:flex!important;grid-template-columns:none!important;gap:16px;margin-top:0!important;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;padding:0 78px 12px;scrollbar-width:none;-ms-overflow-style:none}
.home-categories::-webkit-scrollbar{display:none}
.category-card{flex:0 0 clamp(290px,24vw,390px);height:390px;scroll-snap-align:start}
.category-arrow{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;border:1px solid rgba(0,0,0,.12);background:rgba(255,255,255,.94);color:#111;display:flex;align-items:center;justify-content:center;font-size:23px;line-height:1;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.10);transition:transform .2s ease,background .2s ease}
.category-arrow:hover{transform:translateY(-50%) scale(1.06);background:#fff}
.category-prev{left:22px}.category-next{right:22px}
@media(max-width:900px){.category-section{padding:72px 0}.category-heading{padding:0 20px 36px}.home-categories{padding:0 20px 10px;gap:14px}.category-card{flex-basis:min(78vw,340px);height:360px}.category-arrow{width:44px;height:44px}.category-prev{left:10px}.category-next{right:10px}}
@media(max-width:560px){.category-card{flex-basis:82vw;height:360px}.category-arrow{width:40px;height:40px;font-size:20px}}


/* ========== MIORA HOME V22 — SIMPLIFIED ========== */
.why-miora-simple{border-top:1px solid var(--border);border-bottom:0}
.why-miora-simple .home-section{padding-top:86px;padding-bottom:86px;text-align:center}
.why-miora-simple .section-title{max-width:760px;margin:0 auto}
.why-simple-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px 20px;margin-top:34px;color:#666;font-size:14px}
.why-simple-row i{font-style:normal;color:#bbb}
.footer-inner{max-width:1280px}
.footer-trust{display:flex;align-items:center;justify-content:center;gap:10px 18px;flex-wrap:wrap;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--border);font-size:12px;color:var(--muted)}
.footer-trust i{font-style:normal;color:var(--muted-2)}
@media(max-width:760px){.why-miora-simple .home-section{padding-top:64px;padding-bottom:64px}.why-simple-row{gap:10px 12px}.footer-trust{padding-left:18px;padding-right:18px}}

/* ========== MIORA HOME V23 — HERO + HELLO BAR ========== */
.announcement-bar{
  width:100%;
  min-height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:8px 48px;
  background:#B8F85E;
  color:#243111;
  font-size:12px;
  font-weight:500;
  letter-spacing:.025em;
  text-align:center;
}
.announcement-bar a{display:inline-flex;align-items:center;gap:10px;color:#243111;text-decoration:none}
.announcement-bar .announcement-dot{opacity:.55}
.announcement-bar .announcement-link{border-bottom:1px solid rgba(36,49,17,.55);padding-bottom:1px}

.home-hero{
  max-width:1280px;
  padding:38px 32px 96px;
  grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);
  gap:56px;
  min-height:650px;
}
.home-hero-copy{min-width:0}
.home-hero h1{
  white-space:normal!important;
  font-size:clamp(52px,5.2vw,78px);
  line-height:1.01;
  letter-spacing:-.052em;
  max-width:820px;
  text-wrap:balance;
}
.home-hero p{max-width:540px;font-size:16px}
.home-hero-visual{
  height:520px;
  border-radius:28px;
  align-self:center;
}
.hero-card{left:24px;right:24px;bottom:23px;gap:18px}
.hero-card div{display:flex;flex-direction:column;gap:6px}
.hero-card strong{font-size:28px;line-height:1.08}
.hero-card>span:last-child{white-space:nowrap}

@media(max-width:900px){
  .announcement-bar{padding:8px 20px}
  .home-hero{grid-template-columns:1fr;padding:34px 20px 70px;gap:36px;min-height:auto}
  .home-hero h1{font-size:clamp(48px,10vw,68px);max-width:760px}
  .home-hero-visual{height:460px;width:100%}
}
@media(max-width:560px){
  .announcement-bar{font-size:11px;min-height:36px;padding:7px 14px}
  .announcement-bar .announcement-dot{display:none}
  .announcement-bar a{gap:6px;flex-wrap:wrap;justify-content:center}
  .home-hero{padding-top:28px}
  .home-hero h1{font-size:48px;line-height:1.02}
  .home-hero p{font-size:15px}
  .home-hero-visual{height:390px;border-radius:22px}
  .hero-card strong{font-size:24px}
}


/* ========== MIORA HOME V26 — COMPACT HERO ========== */
.home-hero{
  max-width:1280px;
  margin:0 auto;
  padding:28px 32px 54px;
  min-height:auto;
  grid-template-columns:1.08fr .92fr;
  gap:56px;
  align-items:center;
}
.home-hero-copy .eyebrow{margin-bottom:18px;}
.home-hero h1{
  font-size:clamp(48px,5vw,76px);
  line-height:1.01;
  max-width:700px;
  margin-bottom:20px;
}
.home-hero p{
  font-size:15.5px;
  line-height:1.65;
  max-width:540px;
  margin-bottom:24px;
}
.home-actions{gap:10px;}
.home-btn{padding:13px 20px;}
.home-hero-visual{
  height:440px;
  border-radius:28px;
}
.hero-card{left:24px;right:24px;bottom:22px;}
.hero-card strong{font-size:27px;}
.products{padding-top:34px;}
.home-featured-head{margin-bottom:26px;}
@media(max-width:1100px){
  .home-hero{grid-template-columns:1fr .82fr;gap:36px;padding-bottom:44px;}
  .home-hero h1{font-size:clamp(46px,5.7vw,68px);}
  .home-hero-visual{height:400px;}
}
@media(max-width:900px){
  .home-hero{grid-template-columns:1fr;padding:24px 20px 42px;gap:30px;}
  .home-hero h1{font-size:clamp(44px,9vw,64px);max-width:680px;}
  .home-hero-visual{height:390px;}
  .products{padding-top:28px;}
}
@media(max-width:560px){
  .home-hero{padding-top:18px;padding-bottom:34px;}
  .home-hero h1{font-size:46px;line-height:1.02;}
  .home-hero p{font-size:15px;margin-bottom:20px;}
  .home-hero-visual{height:315px;border-radius:22px;}
  .hero-card{left:18px;right:18px;bottom:18px;}
  .hero-card strong{font-size:23px;}
}

/* Separate page overrides */
body.product-page .product-detail-page{display:block;}
body.product-page .product-detail-page.active{display:block;}
body.product-page footer{display:block;}
body.product-page .product-detail-shell{padding-top:34px;}


/* ========== PRODUCT PAGE V2 — FULL BAR / IMAGE MODAL / LEFT STAMPS ========== */

/* The fixed decorative left layer used by the product layout must not cover the hello bar. */
body.product-page .announcement-bar{
  position:relative;
  z-index:100;
  width:100vw;
  max-width:none;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
}

/* Main image is interactive. */
body.product-page .detail-gallery-main{
  cursor:zoom-in;
}
body.product-page .detail-gallery-main img{
  transition:transform .25s ease, opacity .25s ease;
}
@media (hover:hover) and (pointer:fine){
  body.product-page .detail-gallery-main:hover img{
    transform:scale(1.012);
  }
}

/* Keep the four stamps together, starting from the left. */
body.product-page .detail-trust-stamps{
  display:flex;
  align-items:flex-start;
  justify-content:flex-start;
  flex-wrap:wrap;
  gap:18px 26px;
  padding:18px 0 22px;
}
body.product-page .trust-stamp{
  width:92px;
  flex:0 0 92px;
  align-items:center;
  justify-content:flex-start;
}
body.product-page .trust-stamp strong{
  max-width:90px;
}

/* Product image lightbox */
.product-image-modal{
  position:fixed;
  inset:0;
  z-index:200;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:36px;
  background:rgba(10,10,10,.82);
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
  opacity:0;
  visibility:hidden;
  transition:opacity .22s ease, visibility 0s linear .22s;
}
.product-image-modal.open{
  opacity:1;
  visibility:visible;
  transition:opacity .22s ease, visibility 0s linear 0s;
}
.product-image-modal-inner{
  position:relative;
  width:min(1100px,92vw);
  max-height:90vh;
  display:flex;
  align-items:center;
  justify-content:center;
}
.product-image-modal img{
  display:block;
  max-width:100%;
  max-height:88vh;
  width:auto;
  height:auto;
  object-fit:contain;
  border-radius:18px;
  background:#fff;
  box-shadow:0 28px 80px rgba(0,0,0,.28);
}
.product-image-modal-close{
  position:absolute;
  top:-18px;
  right:-18px;
  width:44px;
  height:44px;
  border:0;
  border-radius:50%;
  background:#fff;
  color:#111;
  font-size:25px;
  line-height:1;
  cursor:pointer;
  display:grid;
  place-items:center;
  box-shadow:0 8px 28px rgba(0,0,0,.18);
}
.product-image-modal-close:hover{
  transform:scale(1.04);
}
body.image-modal-open{
  overflow:hidden;
}

@media(max-width:760px){
  .product-image-modal{padding:18px;}
  .product-image-modal-inner{width:100%;}
  .product-image-modal img{max-height:82vh;border-radius:12px;}
  .product-image-modal-close{top:-12px;right:-6px;width:42px;height:42px;}
  body.product-page .detail-trust-stamps{
    gap:14px 18px;
    overflow:visible;
  }
  body.product-page .trust-stamp{
    width:76px;
    flex-basis:76px;
  }
  body.product-page .trust-stamp strong{
    max-width:76px;
  }
}

/* Logo size */
.util-logo,
.util-logo .mark-svg{
  width:168px !important;
  height:168px !important;
}
.util-logo .mark-svg{
  object-fit:contain;
  display:block;
}

/* Cart images — keep original product colors */
.cart-item img{
  filter:none !important;
  -webkit-filter:none !important;
}

/* ========== CART PAGE ========== */
.cart-page-main{
  width:min(1180px, calc(100% - 64px));
  margin:0 auto;
  padding:64px 0 110px;
}
.cart-page-heading{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  padding-bottom:24px;
  border-bottom:1px solid var(--border);
}
.cart-page-heading h1{
  font-family:'Fraunces',serif;
  font-size:clamp(42px,5vw,68px);
  font-weight:400;
  letter-spacing:-.04em;
  margin:0;
  white-space:normal;
}
.cart-page-heading a{
  font-size:13px;
  color:var(--muted);
  border-bottom:1px solid var(--border-strong);
  padding-bottom:3px;
}
.cart-page-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 360px;
  gap:70px;
  padding-top:34px;
  align-items:start;
}
.cart-page-items{
  min-width:0;
}
.cart-page-empty{
  padding:70px 0;
  color:var(--muted);
  font-size:15px;
}
.cart-page-item{
  display:grid;
  grid-template-columns:110px minmax(0,1fr) auto;
  gap:20px;
  align-items:center;
  padding:20px 0;
  border-bottom:1px solid var(--border);
}
.cart-page-item:first-child{
  padding-top:0;
}
.cart-page-item img{
  width:110px;
  height:132px;
  object-fit:cover;
  border-radius:14px;
  background:var(--img-bg);
  filter:none !important;
}
.cart-page-item-info{
  min-width:0;
}
.cart-page-item-info h3{
  font-family:'Fraunces',serif;
  font-size:22px;
  font-weight:500;
  margin:0 0 7px;
}
.cart-page-item-meta{
  color:var(--muted);
  font-size:13px;
  margin-bottom:15px;
}
.cart-page-item .qty-row{
  margin-top:0;
}
.cart-page-item-price{
  text-align:right;
  align-self:center;
}
.cart-page-item-price strong{
  display:block;
  font-family:'Fraunces',serif;
  font-size:22px;
  font-weight:500;
  margin-bottom:12px;
  white-space:nowrap;
}
.cart-page-remove{
  border:0;
  background:none;
  padding:0;
  color:var(--muted);
  font-size:12px;
  text-decoration:underline;
  cursor:pointer;
}
.cart-summary-card{
  position:sticky;
  top:110px;
  border:1px solid var(--border);
  border-radius:20px;
  padding:26px;
  background:var(--surface);
}
.cart-summary-card h2{
  font-family:'Fraunces',serif;
  font-size:26px;
  font-weight:500;
  margin:0 0 22px;
}
.cart-summary-line{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  font-size:14px;
  padding:11px 0;
}
.cart-summary-line.muted{
  color:var(--muted);
}
.cart-summary-line.total{
  border-top:1px solid var(--border);
  margin-top:10px;
  padding-top:20px;
  font-size:17px;
  font-weight:600;
}
.cart-summary-checkout{
  width:100%;
  min-height:50px;
  margin-top:20px;
  border:0;
  border-radius:999px;
  background:#0A0A0A;
  color:#fff;
  font:inherit;
  font-weight:600;
  cursor:pointer;
}
.cart-summary-note{
  color:var(--muted);
  font-size:11.5px;
  line-height:1.6;
  margin:13px 0 0;
  text-align:center;
}
.cart-continue{
  display:inline-flex;
  margin-top:26px;
  font-size:13px;
  color:var(--text);
}
@media(max-width:800px){
  .cart-page-main{
    width:calc(100% - 32px);
    padding:38px 0 80px;
  }
  .cart-page-heading{
    align-items:flex-start;
    flex-direction:column;
  }
  .cart-page-layout{
    grid-template-columns:1fr;
    gap:34px;
  }
  .cart-summary-card{
    position:static;
  }
}
@media(max-width:560px){
  .cart-page-item{
    grid-template-columns:82px minmax(0,1fr);
    gap:14px;
  }
  .cart-page-item img{
    width:82px;
    height:98px;
  }
  .cart-page-item-price{
    grid-column:2;
    text-align:left;
  }
}


/* ========== CART PAGE V5 — MINIMAL ORDER TABLE ========== */
.cart-page-main{
  width:min(1180px, calc(100% - 64px));
  margin:0 auto;
  padding:54px 0 110px;
}
.cart-page-heading{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  padding-bottom:24px;
  border-bottom:1px solid var(--border);
}
.cart-page-heading h1{
  font-family:'Fraunces',serif;
  font-size:clamp(40px,4.6vw,62px);
  font-weight:400;
  letter-spacing:-.04em;
  margin:0;
  white-space:normal;
}
.cart-page-heading a{
  font-size:13px;
  color:var(--muted);
  border-bottom:1px solid var(--border-strong);
  padding-bottom:3px;
}
.cart-page-layout{
  display:block;
  padding-top:34px;
}
.cart-page-items{
  border-top:1px solid var(--border);
}
.cart-table-head{
  display:grid;
  grid-template-columns:minmax(0,1.65fr) 150px 150px 120px;
  gap:22px;
  padding:13px 0;
  border-bottom:1px solid var(--border);
  color:var(--muted);
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.cart-table-head span:last-child{
  text-align:right;
}
.cart-page-item{
  display:grid;
  grid-template-columns:minmax(0,1.65fr) 150px 150px 120px;
  gap:22px;
  align-items:center;
  padding:18px 0;
  border-bottom:1px solid var(--border);
}
.cart-product-cell{
  display:grid;
  grid-template-columns:72px minmax(0,1fr);
  gap:16px;
  align-items:center;
  min-width:0;
}
.cart-page-item img{
  width:72px;
  height:84px;
  object-fit:cover;
  border-radius:10px;
  background:var(--img-bg);
  filter:none !important;
}
.cart-page-item-info h3{
  font-family:'Inter',sans-serif;
  font-size:14px;
  font-weight:600;
  line-height:1.35;
  margin:0 0 5px;
}
.cart-page-item-meta{
  color:var(--muted);
  font-size:12px;
  margin:0;
}
.cart-qty-cell{
  display:flex;
  align-items:center;
}
.cart-qty-cell .qty-row{
  margin:0;
}
.cart-unit-price{
  font-size:13px;
  color:var(--text);
}
.cart-line-total{
  text-align:right;
}
.cart-line-total strong{
  display:block;
  font-size:14px;
  font-weight:600;
  margin-bottom:7px;
  white-space:nowrap;
}
.cart-page-remove{
  border:0;
  background:none;
  padding:0;
  color:var(--muted);
  font-size:11.5px;
  text-decoration:underline;
  cursor:pointer;
}
.cart-bottom-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 380px;
  gap:70px;
  align-items:start;
  padding-top:34px;
}
.coupon-box{
  max-width:500px;
}
.coupon-box h2{
  font-family:'Fraunces',serif;
  font-size:24px;
  font-weight:500;
  margin:0 0 8px;
}
.coupon-box p{
  color:var(--muted);
  font-size:13px;
  line-height:1.6;
  margin:0 0 16px;
}
.coupon-form{
  display:flex;
  gap:10px;
}
.coupon-form input{
  flex:1;
  min-width:0;
  height:46px;
  border:1px solid var(--border-strong);
  border-radius:999px;
  padding:0 16px;
  background:var(--surface);
  color:var(--text);
  font:inherit;
  outline:none;
}
.coupon-form input:focus{
  border-color:var(--text);
}
.coupon-form button{
  height:46px;
  padding:0 19px;
  border:0;
  border-radius:999px;
  background:var(--text);
  color:var(--bg);
  font-size:13px;
  font-weight:600;
  cursor:pointer;
  white-space:nowrap;
}
.coupon-message{
  min-height:18px;
  margin-top:9px;
  font-size:12px;
  color:var(--muted);
}
.cart-summary-card{
  position:static;
  border:0;
  border-radius:0;
  padding:0;
  background:transparent;
}
.cart-summary-card h2{
  font-family:'Fraunces',serif;
  font-size:28px;
  font-weight:500;
  margin:0 0 14px;
}
.cart-summary-line{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  font-size:13px;
  padding:10px 0;
}
.cart-summary-line.muted{
  color:var(--muted);
}
.cart-summary-line.discount{
  color:#486b48;
}
.cart-summary-line.total{
  border-top:1px solid var(--border);
  margin-top:8px;
  padding-top:18px;
  font-size:16px;
  font-weight:700;
}
.cart-summary-checkout{
  width:100%;
  min-height:50px;
  margin-top:18px;
  border:0;
  border-radius:999px;
  background:#0A0A0A;
  color:#fff;
  font:inherit;
  font-weight:600;
  cursor:pointer;
}
.cart-summary-note{
  color:var(--muted);
  font-size:11.5px;
  line-height:1.6;
  margin:12px 0 0;
  text-align:center;
}
.cart-page-empty{
  padding:70px 0;
  color:var(--muted);
  font-size:15px;
}
.cart-continue{
  display:inline-flex;
  margin-top:14px;
  font-size:13px;
  color:var(--text);
}
@media(max-width:900px){
  .cart-table-head{display:none;}
  .cart-page-item{
    grid-template-columns:minmax(0,1fr) auto;
    gap:14px 18px;
  }
  .cart-product-cell{
    grid-column:1/-1;
  }
  .cart-qty-cell{grid-column:1;}
  .cart-unit-price{display:none;}
  .cart-line-total{
    grid-column:2;
    text-align:right;
  }
  .cart-bottom-grid{
    grid-template-columns:1fr;
    gap:36px;
  }
  .coupon-box{max-width:none;}
}
@media(max-width:560px){
  .cart-page-main{
    width:calc(100% - 32px);
    padding:38px 0 80px;
  }
  .cart-page-heading{
    align-items:flex-start;
    flex-direction:column;
  }
  .cart-product-cell{
    grid-template-columns:64px minmax(0,1fr);
  }
  .cart-page-item img{
    width:64px;
    height:76px;
  }
  .coupon-form{
    flex-direction:column;
  }
  .coupon-form button{
    width:100%;
  }
}

/* V7 adjustments */
.util-logo,
.util-logo .mark-svg{
  width:130px !important;
  height:130px !important;
}
.cart-page-items{
  padding-top:18px !important;
}
.cart-page-item:first-child{
  padding-top:18px !important;
}
@media(max-width:560px){
  .util-logo,
  .util-logo .mark-svg{
    width:100px !important;
    height:100px !important;
  }
  .cart-page-items,
  .cart-page-item:first-child{
    padding-top:14px !important;
  }
}

/* V8 header refinements */
.util-logo,
.util-logo .mark-svg{
  width:110px !important;
  height:110px !important;
}

/* Move the centered top menu slightly upward */
.navbar-outer{
  transform:translateY(-10px);
}

@media(max-width:560px){
  .util-logo,
  .util-logo .mark-svg{
    width:90px !important;
    height:90px !important;
  }
  .navbar-outer{
    transform:none;
  }
}


/* ========== ALL PRODUCTS PAGE ========== */
.all-products-page{
  width:min(1280px, calc(100% - 64px));
  margin:0 auto;
  padding:62px 0 110px;
}
.all-products-head{
  padding-bottom:34px;
}
.all-products-head h1{
  font-family:'Fraunces',serif;
  font-size:clamp(46px,5.5vw,72px);
  line-height:1;
  font-weight:400;
  letter-spacing:-.045em;
  margin:0 0 16px;
  white-space:normal;
}
.all-products-head p{
  max-width:560px;
  margin:0;
  color:var(--muted);
  font-size:15px;
  line-height:1.7;
}
.all-products-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  padding:18px 0 28px;
  border-top:1px solid var(--border);
}
.filter-chips{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.filter-chip{
  height:38px;
  padding:0 15px;
  border:1px solid var(--border-strong);
  border-radius:999px;
  background:transparent;
  color:var(--text);
  font:inherit;
  font-size:12.5px;
  cursor:pointer;
}
.filter-chip.active{
  background:var(--text);
  color:var(--bg);
  border-color:var(--text);
}
.products-count{
  color:var(--muted);
  font-size:12px;
  white-space:nowrap;
}
.all-products-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:34px 24px;
}
.products-page .product-card{
  min-width:0;
}
.products-page .product-frame{
  aspect-ratio:4/5;
}
@media(max-width:900px){
  .all-products-grid{
    grid-template-columns:repeat(2,1fr);
  }
}
@media(max-width:640px){
  .all-products-page{
    width:calc(100% - 32px);
    padding:42px 0 78px;
  }
  .all-products-head{
    padding-bottom:26px;
  }
  .all-products-toolbar{
    align-items:flex-start;
    flex-direction:column;
    padding-bottom:24px;
  }
  .all-products-grid{
    grid-template-columns:1fr;
    gap:24px;
  }
}


/* ========== AUTH PAGES ========== */
.auth-shell{
  width:min(560px, calc(100% - 40px));
  margin:0 auto;
  padding:72px 0 110px;
}
.auth-card{
  width:100%;
}
.auth-card h1{
  font-family:'Fraunces',serif;
  font-size:clamp(46px,5.5vw,66px);
  line-height:1;
  font-weight:400;
  letter-spacing:-.045em;
  margin:0 0 16px;
  white-space:normal;
}
.auth-intro{
  color:var(--muted);
  font-size:14.5px;
  line-height:1.7;
  margin:0 0 34px;
  max-width:500px;
}
.auth-form{
  display:grid;
  gap:18px;
}
.auth-form label{
  display:grid;
  gap:8px;
}
.auth-form label > span{
  font-size:12px;
  color:var(--muted);
}
.auth-form input[type="text"],
.auth-form input[type="email"],
.auth-form input[type="password"]{
  width:100%;
  height:50px;
  border:1px solid var(--border-strong);
  border-radius:12px;
  background:var(--surface);
  color:var(--text);
  padding:0 14px;
  font:inherit;
  outline:none;
}
.auth-form input:focus{
  border-color:var(--text);
}
.auth-two{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.auth-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
.auth-check{
  display:flex !important;
  align-items:flex-start;
  gap:9px !important;
  font-size:12.5px;
  color:var(--muted);
}
.auth-check input{
  width:16px;
  height:16px;
  margin:1px 0 0;
}
.auth-check span{
  color:var(--muted) !important;
  line-height:1.45;
}
.auth-link,
.auth-switch a{
  color:var(--text);
  text-decoration:underline;
  text-underline-offset:3px;
}
.auth-link{
  font-size:12.5px;
}
.auth-submit{
  width:100%;
  min-height:50px;
  border:0;
  border-radius:999px;
  background:var(--text);
  color:var(--bg);
  font:inherit;
  font-size:14px;
  font-weight:600;
  cursor:pointer;
  margin-top:2px;
}
.auth-submit:hover{
  opacity:.9;
}
.auth-message{
  min-height:18px;
  color:var(--muted);
  font-size:12px;
}
.auth-switch{
  margin-top:24px;
  padding-top:22px;
  border-top:1px solid var(--border);
  text-align:center;
  color:var(--muted);
  font-size:13px;
}
.auth-terms{
  margin-top:2px;
}
@media(max-width:560px){
  .auth-shell{
    width:calc(100% - 32px);
    padding:46px 0 80px;
  }
  .auth-two{
    grid-template-columns:1fr;
  }
  .auth-row{
    align-items:flex-start;
    flex-direction:column;
  }
}


/* ========== AUTH V12 — LOGIN FIRST ========== */
.auth-page .auth-shell.auth-login-layout{
  width:min(1180px, calc(100% - 64px));
  margin:0 auto;
  padding:70px 0 110px;
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(420px,.75fr);
  gap:110px;
  align-items:center;
}
.auth-login-layout .auth-card{
  width:100%;
  max-width:520px;
  justify-self:end;
}
.auth-promo{
  min-height:560px;
  display:flex;
  align-items:center;
  border-right:1px solid var(--border);
  padding-right:72px;
}
.auth-promo-inner{
  max-width:520px;
}
.auth-promo h2{
  font-family:'Fraunces',serif;
  font-size:clamp(48px,5.4vw,72px);
  line-height:1;
  font-weight:400;
  letter-spacing:-.045em;
  margin:0 0 22px;
}
.auth-promo p{
  max-width:470px;
  color:var(--muted);
  font-size:15px;
  line-height:1.75;
  margin:0 0 34px;
}
.auth-benefits{
  display:grid;
  gap:0;
  margin-bottom:34px;
  border-top:1px solid var(--border);
}
.auth-benefits > div{
  display:grid;
  grid-template-columns:34px 1fr;
  gap:12px;
  align-items:center;
  padding:16px 0;
  border-bottom:1px solid var(--border);
}
.auth-benefits span{
  color:var(--muted);
  font-size:11px;
}
.auth-benefits strong{
  font-size:13px;
  font-weight:500;
}
.auth-promo-cta{
  display:inline-flex;
  align-items:center;
  min-height:48px;
  padding:0 22px;
  border-radius:999px;
  background:var(--text);
  color:var(--bg);
  font-size:13px;
  font-weight:600;
}
.auth-promo-cta:hover{
  opacity:.9;
}
@media(max-width:900px){
  .auth-page .auth-shell.auth-login-layout{
    width:calc(100% - 40px);
    grid-template-columns:1fr;
    gap:50px;
    padding-top:50px;
  }
  .auth-promo{
    min-height:auto;
    border-right:0;
    border-bottom:1px solid var(--border);
    padding:0 0 44px;
  }
  .auth-login-layout .auth-card{
    max-width:none;
    justify-self:stretch;
  }
}
@media(max-width:560px){
  .auth-page .auth-shell.auth-login-layout{
    width:calc(100% - 32px);
    gap:38px;
  }
  .auth-promo h2{
    font-size:46px;
  }
}


/* ========== STATIC PAGES / ABOUT ========== */
.static-shell{
  width:min(1280px, calc(100% - 64px));
  margin:0 auto;
  padding:64px 0 110px;
}
.static-hero{
  display:grid;
  grid-template-columns:1fr .9fr;
  gap:72px;
  align-items:center;
  padding-bottom:110px;
}
.static-hero-copy h1{
  font-family:'Fraunces',serif;
  font-size:clamp(54px,6vw,86px);
  line-height:.98;
  font-weight:400;
  letter-spacing:-.05em;
  margin:0 0 26px;
  max-width:760px;
  white-space:normal;
}
.static-hero-copy p{
  max-width:610px;
  margin:0;
  color:var(--muted);
  font-size:16px;
  line-height:1.75;
}
.static-hero-visual{
  min-height:520px;
  border-radius:28px;
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(180deg,rgba(0,0,0,0) 48%,rgba(0,0,0,.58)),
    url('https://images.unsplash.com/photo-1472396961693-142e6e269027?auto=format&fit=crop&w=1400&q=85') center/cover no-repeat;
}
.static-visual-note{
  position:absolute;
  left:28px;
  right:28px;
  bottom:26px;
  color:#fff;
}
.static-visual-note span{
  display:block;
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
  margin-bottom:8px;
  opacity:.85;
}
.static-visual-note strong{
  display:block;
  font-family:'Fraunces',serif;
  font-size:30px;
  font-weight:400;
}
.static-story{
  padding:92px 0;
  border-top:1px solid var(--border);
}
.static-story-grid{
  display:grid;
  grid-template-columns:.8fr 1fr;
  gap:90px;
  align-items:start;
}
.static-story h2{
  font-family:'Fraunces',serif;
  font-size:clamp(42px,4.7vw,64px);
  line-height:1.04;
  font-weight:400;
  letter-spacing:-.04em;
  margin:0;
}
.static-story-copy{
  max-width:650px;
}
.static-story-copy p{
  color:var(--muted);
  font-size:15.5px;
  line-height:1.8;
  margin:0 0 22px;
}
.static-values{
  padding:92px 0;
  border-top:1px solid var(--border);
}
.static-values-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:38px;
  margin-top:34px;
}
.static-values article{
  padding-top:18px;
  border-top:1px solid var(--border-strong);
}
.static-values article > span{
  font-size:11px;
  color:var(--muted);
}
.static-values h3{
  font-family:'Fraunces',serif;
  font-size:28px;
  font-weight:400;
  margin:12px 0 10px;
}
.static-values p{
  color:var(--muted);
  font-size:14px;
  line-height:1.7;
  margin:0;
}
.static-quote{
  padding:105px 0 30px;
  border-top:1px solid var(--border);
  text-align:center;
}
.static-quote p{
  max-width:900px;
  margin:0 auto 28px;
  font-family:'Fraunces',serif;
  font-size:clamp(38px,4.8vw,62px);
  line-height:1.1;
  font-weight:400;
  letter-spacing:-.035em;
}
.static-quote a{
  display:inline-flex;
  min-height:46px;
  align-items:center;
  padding:0 20px;
  border-radius:999px;
  background:var(--text);
  color:var(--bg);
  font-size:13px;
  font-weight:600;
}

@media(max-width:900px){
  .static-hero{
    grid-template-columns:1fr;
    gap:42px;
    padding-bottom:80px;
  }
  .static-hero-visual{
    min-height:430px;
  }
  .static-story-grid{
    grid-template-columns:1fr;
    gap:34px;
  }
}
@media(max-width:700px){
  .static-shell{
    width:calc(100% - 32px);
    padding:44px 0 80px;
  }
  .static-hero{
    padding-bottom:64px;
  }
  .static-hero-visual{
    min-height:350px;
    border-radius:20px;
  }
  .static-values-grid{
    grid-template-columns:1fr;
    gap:28px;
  }
  .static-story,
  .static-values{
    padding:64px 0;
  }
}


/* ========== BACK TO TOP ========== */
.back-to-top{
  position:fixed;
  right:28px;
  bottom:28px;
  z-index:68;
  width:48px;
  height:48px;
  padding:0;
  border:1px solid rgba(255,255,255,.16);
  border-radius:50%;
  background:#0A0A0A;
  color:#FFFFFF;
  display:grid;
  place-items:center;
  cursor:pointer;
  opacity:0;
  visibility:hidden;
  transform:translateY(10px);
  box-shadow:0 10px 28px rgba(0,0,0,.16);
  transition:opacity .2s ease, transform .2s ease, visibility 0s linear .2s;
}
.back-to-top.show{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
  transition:opacity .2s ease, transform .2s ease, visibility 0s linear 0s;
}
.back-to-top svg{
  width:19px;
  height:19px;
  display:block;
}
@media(hover:hover) and (pointer:fine){
  .back-to-top:hover{
    transform:translateY(-2px);
  }
}
.back-to-top:focus-visible{
  outline:2px solid var(--text);
  outline-offset:3px;
}
@media(max-width:600px){
  .back-to-top{
    right:16px;
    bottom:16px;
    width:44px;
    height:44px;
  }
}


/* ========== PAYMENT PAGE V22 CLEAN ========== */
.payment-page .payment-shell{width:min(1180px,calc(100% - 64px));margin:0 auto;padding:54px 0 100px}
.payment-page .payment-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding-bottom:26px;border-bottom:1px solid var(--border)}
.payment-page .payment-page-head h1{font-family:'Fraunces',serif;font-size:clamp(46px,5vw,66px);line-height:1;font-weight:400;letter-spacing:-.045em;margin:0 0 13px;white-space:normal}
.payment-page .payment-page-head p{margin:0;max-width:610px;color:var(--muted);font-size:14px;line-height:1.7}
.payment-page .payment-page-head>a{flex-shrink:0;color:var(--muted);font-size:13px;padding-bottom:3px;border-bottom:1px solid var(--border-strong)}
.payment-page .payment-page-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:68px;align-items:start;padding-top:34px}
.payment-page .payment-form{min-width:0}
.payment-page .payment-section{padding:0 0 30px;margin:0 0 30px;border-bottom:1px solid var(--border)}
.payment-page .payment-section-heading{display:flex;align-items:center;gap:12px;margin-bottom:21px}
.payment-page .payment-section-heading>span{color:var(--muted);font-size:11px}
.payment-page .payment-section-heading h2,.payment-page .payment-order-summary>h2{font-family:'Fraunces',serif;font-size:28px;line-height:1.1;font-weight:500;margin:0}
.payment-page .payment-field{display:grid;gap:7px;margin-bottom:14px}
.payment-page .payment-field>span{color:var(--muted);font-size:12px}
.payment-page .payment-field input,.payment-page .payment-field textarea{display:block;width:100%;min-width:0;min-height:48px;padding:0 14px;border:1px solid var(--border-strong);border-radius:12px;background:#fff;color:var(--text);font:inherit;font-size:14px;outline:none;box-sizing:border-box}
.payment-page .payment-field textarea{min-height:108px;padding-top:12px;resize:vertical}
.payment-page .payment-field input:focus,.payment-page .payment-field textarea:focus{border-color:var(--text)}
.payment-page .payment-fields-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.payment-page .payment-choice{display:flex;align-items:center;gap:12px;width:100%;min-height:62px;padding:13px 15px;margin:0 0 12px;border:1px solid var(--border);border-radius:14px;background:#fff;cursor:pointer;box-sizing:border-box}
.payment-page .payment-choice.active{border-color:var(--text)}
.payment-page .payment-choice input[type=radio]{width:16px;height:16px;flex:0 0 16px;margin:0}
.payment-page .payment-choice>div{display:grid;gap:2px}
.payment-page .payment-choice strong{font-size:13px;font-weight:600}
.payment-page .payment-choice small{color:var(--muted);font-size:11.5px}
.payment-page .payment-card-box{padding:8px 0 12px}
.payment-page .payment-card-box[hidden]{display:none}
.payment-page .payment-agreement{display:flex;align-items:flex-start;gap:9px;margin:0 0 16px;color:var(--muted);font-size:12px;line-height:1.5}
.payment-page .payment-agreement input{width:16px;height:16px;flex:0 0 16px;margin:1px 0 0}
.payment-page .payment-finish{width:100%;min-height:50px;border:0;border-radius:999px;background:#0a0a0a;color:#fff;font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.payment-page .payment-feedback{min-height:18px;margin-top:10px;color:var(--muted);font-size:12px}
.payment-page .payment-order-summary{position:sticky;top:110px;min-width:0}
.payment-page .payment-order-summary>h2{margin-bottom:17px}
.payment-page .payment-order-item{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--border)}
.payment-page .payment-order-item img{width:58px;height:68px;object-fit:cover;border-radius:9px;background:var(--img-bg);filter:none!important}
.payment-page .payment-order-item-copy{min-width:0}
.payment-page .payment-order-item-copy strong{display:block;font-size:12.5px;font-weight:600;line-height:1.35}
.payment-page .payment-order-item-copy span{display:block;margin-top:3px;color:var(--muted);font-size:11px}
.payment-page .payment-order-item>b{font-size:12px;font-weight:600;white-space:nowrap}
.payment-page .payment-order-totals{padding-top:14px}
.payment-page .payment-order-totals>div{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:9px 0;font-size:13px}
.payment-page .payment-order-totals .muted{color:var(--muted)}
.payment-page .payment-order-totals .total{margin-top:6px;padding-top:17px;border-top:1px solid var(--border);font-size:16px}
.payment-page .payment-safe-note{margin:17px 0 0;text-align:center;color:var(--muted);font-size:11px}
.payment-page .payment-empty{padding:20px 0;color:var(--muted);font-size:13px}
@media(max-width:900px){.payment-page .payment-shell{width:calc(100% - 40px)}.payment-page .payment-page-grid{grid-template-columns:1fr;gap:42px}.payment-page .payment-order-summary{position:static}}
@media(max-width:600px){.payment-page .payment-shell{width:calc(100% - 32px);padding-top:38px}.payment-page .payment-page-head{align-items:flex-start;flex-direction:column}.payment-page .payment-fields-two{grid-template-columns:1fr}}


/* ========== PAYMENT V23 — IBAN / RIGHT SUBMIT ========== */
.payment-page .bank-transfer-box{
  overflow:hidden;
  border:1px solid var(--border-strong);
  border-radius:16px;
  background:#fff;
}
.payment-page .bank-transfer-row{
  display:grid;
  grid-template-columns:110px minmax(0,1fr);
  gap:18px;
  align-items:center;
  padding:16px 18px;
  border-bottom:1px solid var(--border);
}
.payment-page .bank-transfer-row:last-child{border-bottom:0}
.payment-page .bank-transfer-row>span{
  color:var(--muted);
  font-size:11.5px;
}
.payment-page .bank-transfer-row>strong{
  min-width:0;
  font-size:13.5px;
  font-weight:600;
  overflow-wrap:anywhere;
}
.payment-page .bank-transfer-row.bank-reference-row{
  background:#f6f6f3;
}
.payment-page .bank-transfer-row.bank-reference-row strong{
  font-size:15px;
  letter-spacing:.055em;
}
.payment-page .bank-transfer-note{
  margin-top:14px;
  padding:14px 16px;
  border-radius:12px;
  background:#f6f6f3;
  color:var(--muted);
  font-size:12px;
  line-height:1.6;
}
.payment-page .bank-transfer-note strong{
  color:var(--text);
  font-weight:600;
}
.payment-page .payment-summary-submit{
  width:100%;
  min-height:50px;
  margin-top:22px;
  border:0;
  border-radius:999px;
  background:#0a0a0a;
  color:#fff;
  font:inherit;
  font-size:14px;
  font-weight:600;
  cursor:pointer;
}
.payment-page .payment-summary-submit:hover{opacity:.9}
.payment-page .payment-feedback{margin-top:12px}
.payment-page .payment-safe-note{
  margin-top:11px;
  line-height:1.5;
}
@media(max-width:600px){
  .payment-page .bank-transfer-row{
    grid-template-columns:1fr;
    gap:5px;
    padding:14px;
  }
}

/* ACCOUNT V24 */
.account-shell{width:min(1180px,calc(100% - 64px));margin:auto;padding:54px 0 110px}.account-head{padding-bottom:28px;border-bottom:1px solid var(--border)}.account-head h1{font-family:'Fraunces',serif;font-size:64px;font-weight:400;letter-spacing:-.045em;margin:6px 0 10px}.account-head p{color:var(--muted);font-size:14px;margin:0}.account-grid{display:grid;grid-template-columns:220px 1fr;gap:72px;padding-top:34px}.account-nav{display:grid;align-content:start}.account-nav button,.account-nav a{display:flex;justify-content:space-between;padding:15px 0;border:0;border-bottom:1px solid var(--border);background:none;color:var(--muted);font:inherit;font-size:13px;cursor:pointer}.account-nav button.active{color:var(--text);font-weight:600}.account-panel{display:none}.account-panel.active{display:block}.account-panel-head{display:flex;justify-content:space-between;align-items:end;padding-bottom:20px}.account-panel-head span{font-size:10px;color:var(--muted);letter-spacing:.15em}.account-panel-head h2{font-family:'Fraunces',serif;font-size:34px;font-weight:500;margin:5px 0 0}.account-panel-head small{color:var(--muted)}.account-order{border-top:1px solid #111;border-bottom:1px solid var(--border)}.account-order-top{display:grid;grid-template-columns:1.2fr 1fr .7fr 1.2fr;gap:24px;padding:22px 0}.account-order-top div{display:grid;gap:6px}.account-order-top span,.account-info-grid span{font-size:11px;color:var(--muted)}.account-order-top strong{font-size:13px}.account-order-top .waiting{color:#66785c}.account-order-bottom{display:flex;justify-content:space-between;gap:20px;padding:17px 0;border-top:1px solid var(--border);font-size:12px}.account-order-bottom p{margin:0;color:var(--muted)}.account-empty{border-top:1px solid #111;padding:50px 0}.account-empty h3{font-family:'Fraunces',serif;font-size:28px;margin:0 0 8px}.account-empty p{color:var(--muted);font-size:13px;margin:0 0 22px}.account-empty a{display:inline-flex;background:#0a0a0a;color:#fff;border-radius:999px;padding:13px 20px;font-size:13px}.account-info-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #111}.account-info-grid div{display:grid;gap:7px;padding:22px 0;border-bottom:1px solid var(--border)}.account-info-grid div:nth-child(even){padding-left:30px;border-left:1px solid var(--border)}.account-info-grid strong{font-size:13px;font-weight:500}@media(max-width:800px){.account-shell{width:calc(100% - 40px)}.account-grid{grid-template-columns:1fr;gap:35px}.account-order-top{grid-template-columns:1fr 1fr}}@media(max-width:550px){.account-shell{width:calc(100% - 32px)}.account-order-top,.account-info-grid{grid-template-columns:1fr}.account-info-grid div:nth-child(even){padding-left:0;border-left:0}.account-order-bottom{flex-direction:column}}


/* ========== ACCOUNT V25 — EDITABLE PROFILE / ADDRESSES ========== */
.account-profile-form,
.address-editor form{
  display:grid;
  gap:15px;
  padding-top:24px;
  border-top:1px solid var(--text);
}
.account-profile-form label,
.address-editor label{
  display:grid;
  gap:7px;
}
.account-profile-form label>span,
.address-editor label>span{
  color:var(--muted);
  font-size:11.5px;
}
.account-profile-form input,
.address-editor input,
.address-editor textarea{
  width:100%;
  min-height:48px;
  padding:0 14px;
  border:1px solid var(--border-strong);
  border-radius:12px;
  background:#fff;
  color:var(--text);
  font:inherit;
  box-sizing:border-box;
  outline:none;
}
.address-editor textarea{
  min-height:105px;
  padding-top:12px;
  resize:vertical;
}
.account-profile-form input:focus,
.address-editor input:focus,
.address-editor textarea:focus{
  border-color:var(--text);
}
.account-form-two{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.account-form-actions{
  display:flex;
  align-items:center;
  gap:14px;
}
.account-form-actions button,
.address-save-btn{
  min-height:46px;
  padding:0 20px;
  border:0;
  border-radius:999px;
  background:#0a0a0a;
  color:#fff;
  font:inherit;
  font-size:13px;
  font-weight:600;
  cursor:pointer;
}
.account-form-actions span{
  color:var(--muted);
  font-size:12px;
}
.account-order-products{
  border-top:1px solid var(--border);
}
.account-order-product{
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding:12px 0;
  border-bottom:1px solid var(--border);
}
.account-order-product:last-child{border-bottom:0}
.account-order-product strong{
  display:block;
  font-size:12.5px;
}
.account-order-product span{
  display:block;
  margin-top:3px;
  color:var(--muted);
  font-size:11px;
}
.account-order-product b{
  font-size:12px;
  white-space:nowrap;
}
.order-status-preparing{
  color:#64775b;
}
.address-panel-head{
  align-items:center;
}
.address-add-btn{
  border:1px solid var(--border-strong);
  border-radius:999px;
  background:#fff;
  padding:10px 15px;
  font:inherit;
  font-size:12px;
  cursor:pointer;
}
.address-list{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  padding-top:6px;
}
.address-card{
  border:1px solid var(--border);
  border-radius:16px;
  padding:18px;
}
.address-card-top{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:flex-start;
}
.address-card h3{
  margin:0 0 5px;
  font-family:'Fraunces',serif;
  font-size:21px;
  font-weight:500;
}
.address-default-badge{
  display:inline-flex;
  padding:4px 8px;
  border-radius:999px;
  background:#eef3ec;
  color:#5c7055;
  font-size:10px;
}
.address-card-actions{
  display:flex;
  gap:8px;
}
.address-card-actions button{
  border:0;
  background:none;
  padding:0;
  color:var(--muted);
  text-decoration:underline;
  font:inherit;
  font-size:11px;
  cursor:pointer;
}
.address-card p{
  margin:18px 0 12px;
  color:var(--muted);
  font-size:12.5px;
  line-height:1.65;
}
.address-card p strong{
  color:var(--text);
  font-weight:600;
}
.address-phone{
  font-size:11.5px;
}
.address-editor{
  margin-top:24px;
  padding:22px;
  border:1px solid var(--border-strong);
  border-radius:16px;
}
.address-editor[hidden]{display:none}
.address-editor-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:18px;
}
.address-editor-head h3{
  margin:0;
  font-family:'Fraunces',serif;
  font-size:25px;
  font-weight:500;
}
.address-editor-head button{
  width:34px;
  height:34px;
  border:1px solid var(--border);
  border-radius:50%;
  background:#fff;
  font-size:20px;
  cursor:pointer;
}
.address-default-check{
  display:flex!important;
  grid-template-columns:auto 1fr;
  align-items:center;
  gap:8px!important;
}
.address-default-check input{
  width:16px!important;
  min-height:16px!important;
  height:16px;
  padding:0;
}
.address-empty{
  grid-column:1/-1;
  padding:35px 0;
  color:var(--muted);
  font-size:13px;
}
@media(max-width:760px){
  .address-list{grid-template-columns:1fr}
}
@media(max-width:560px){
  .account-form-two{grid-template-columns:1fr}
  .account-form-actions{align-items:flex-start;flex-direction:column}
}


/* ========== ACCOUNT V26 — PRODUCT IMAGES / STATUS / TRACKING ========== */
.account-page .account-order-product{
  display:grid;
  grid-template-columns:58px minmax(0,1fr) auto;
  gap:13px;
  align-items:center;
  padding:12px 0;
  border-bottom:1px solid var(--border);
  color:var(--text);
  text-decoration:none;
}
.account-page .account-order-product:last-child{
  border-bottom:0;
}
.account-page .account-order-product img{
  width:58px;
  height:64px;
  object-fit:cover;
  border-radius:9px;
  background:var(--img-bg);
  filter:none !important;
}
.account-page .account-order-product-copy{
  min-width:0;
}
.account-page .account-order-product-copy strong{
  display:block;
  font-size:12.5px;
  line-height:1.35;
  font-weight:600;
}
.account-page .account-order-product-copy span{
  display:block;
  margin-top:4px;
  color:var(--muted);
  font-size:11px;
}
.account-page .account-order-product>b{
  font-size:12px;
  font-weight:600;
  white-space:nowrap;
}
@media(hover:hover) and (pointer:fine){
  .account-page .account-order-product:hover .account-order-product-copy strong{
    text-decoration:underline;
    text-underline-offset:3px;
  }
}

/* Status badges */
.account-page .order-status-badge{
  display:inline-flex;
  width:max-content;
  min-height:29px;
  align-items:center;
  padding:0 10px;
  border-radius:999px;
  font-size:11px !important;
  font-weight:700 !important;
}
.account-page .status-preparing{
  background:#fff3c9;
  color:#8a6500;
}
.account-page .status-shipped{
  background:#e6f0ff;
  color:#2d5f9b;
}
.account-page .status-delivered{
  background:#e7f4e5;
  color:#4c7548;
}

/* Shipping tracking */
.account-page .account-shipping-box{
  display:grid;
  grid-template-columns:46px minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
  margin-top:16px;
  padding:16px;
  border:1px solid #cddcf1;
  border-radius:14px;
  background:#f4f8fd;
}
.account-page .shipping-icon{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#fff;
  color:#2d5f9b;
}
.account-page .shipping-icon svg{
  width:22px;
  height:22px;
}
.account-page .shipping-copy{
  min-width:0;
  display:grid;
  gap:2px;
}
.account-page .shipping-copy>span{
  color:#6880a0;
  font-size:9.5px;
  letter-spacing:.12em;
}
.account-page .shipping-copy strong{
  font-size:12.5px;
}
.account-page .shipping-copy small{
  color:var(--muted);
  font-size:11px;
}
.account-page .shipping-track-btn{
  display:inline-flex;
  min-height:38px;
  align-items:center;
  justify-content:center;
  padding:0 14px;
  border-radius:999px;
  background:#1f4f87;
  color:#fff;
  font-size:11.5px;
  font-weight:600;
  white-space:nowrap;
}
.account-page .account-preparing-note,
.account-page .account-delivered-note{
  margin-top:16px;
  padding:14px 16px;
  border-radius:12px;
  font-size:12px;
}
.account-page .account-preparing-note{
  background:#fff8df;
  color:#806200;
}
.account-page .account-delivered-note{
  background:#edf6eb;
  color:#4c7548;
}

@media(max-width:650px){
  .account-page .account-shipping-box{
    grid-template-columns:46px 1fr;
  }
  .account-page .shipping-track-btn{
    grid-column:1/-1;
    width:100%;
  }
}


/* ========== ACCOUNT V27 — UNIFIED STATUS PANELS / TOTAL ========== */
.account-page .account-order-total{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:17px 0;
  margin-top:2px;
  border-top:1px solid var(--border);
}
.account-page .account-order-total span{
  color:var(--muted);
  font-size:12px;
}
.account-page .account-order-total strong{
  font-family:'Fraunces',serif;
  font-size:22px;
  font-weight:500;
}

.account-page .account-status-panel{
  display:grid;
  grid-template-columns:46px minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
  margin-top:14px;
  padding:16px;
  border-radius:14px;
  border:1px solid transparent;
}
.account-page .status-panel-icon{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border-radius:50%;
  font-size:20px;
  background:#fff;
}
.account-page .status-panel-icon svg{
  width:22px;
  height:22px;
}
.account-page .status-panel-copy{
  min-width:0;
  display:grid;
  gap:3px;
}
.account-page .status-panel-copy>span{
  font-size:9.5px;
  letter-spacing:.12em;
}
.account-page .status-panel-copy strong{
  font-size:12.5px;
}
.account-page .status-panel-copy small{
  font-size:11px;
  line-height:1.45;
}
.account-page .status-panel-action{
  display:inline-flex;
  min-height:38px;
  align-items:center;
  justify-content:center;
  padding:0 14px;
  border-radius:999px;
  color:#fff;
  font-size:11.5px;
  font-weight:600;
  white-space:nowrap;
}

/* Preparing */
.account-page .status-panel-preparing{
  background:#fff8df;
  border-color:#ead899;
}
.account-page .status-panel-preparing .status-panel-icon{
  color:#8a6500;
}
.account-page .status-panel-preparing .status-panel-copy>span,
.account-page .status-panel-preparing .status-panel-copy small{
  color:#9a7a20;
}
.account-page .status-panel-preparing .status-panel-copy strong{
  color:#806200;
}

/* Shipped */
.account-page .status-panel-shipped{
  background:#f4f8fd;
  border-color:#cddcf1;
}
.account-page .status-panel-shipped .status-panel-icon{
  color:#2d5f9b;
}
.account-page .status-panel-shipped .status-panel-copy>span,
.account-page .status-panel-shipped .status-panel-copy small{
  color:#6880a0;
}
.account-page .status-panel-shipped .status-panel-action{
  background:#1f4f87;
}

/* Delivered */
.account-page .status-panel-delivered{
  background:#edf6eb;
  border-color:#cfe2cb;
}
.account-page .status-panel-delivered .status-panel-icon{
  color:#4c7548;
}
.account-page .status-panel-delivered .status-panel-copy>span,
.account-page .status-panel-delivered .status-panel-copy small{
  color:#6d8a68;
}
.account-page .status-panel-delivered .status-panel-copy strong{
  color:#4c7548;
}

@media(max-width:650px){
  .account-page .account-status-panel{
    grid-template-columns:46px 1fr;
  }
  .account-page .status-panel-action{
    grid-column:1/-1;
    width:100%;
  }
}


/* ========== PAYMENT V29 — COPY + SAVED DELIVERY ADDRESS ========== */
.payment-page .bank-value-actions{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.payment-page .bank-value-actions strong{
  min-width:0;
  overflow-wrap:anywhere;
}
.payment-page .bank-copy-btn{
  flex:0 0 auto;
  min-height:32px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:0 10px;
  border:1px solid var(--border-strong);
  border-radius:999px;
  background:#fff;
  color:#666;
  font:inherit;
  font-size:10.5px;
  font-weight:500;
  cursor:pointer;
  transition:border-color .18s ease,color .18s ease,background .18s ease;
}
.payment-page .bank-copy-btn svg{
  width:14px;
  height:14px;
}
.payment-page .bank-copy-btn:hover{
  border-color:#111;
  color:#111;
}
.payment-page .bank-copy-btn.copied{
  border-color:#bfd5b9;
  background:#edf6eb;
  color:#4c7548;
}

.payment-page .checkout-saved-addresses{
  margin:0 0 22px;
  padding:15px;
  border:1px solid var(--border);
  border-radius:15px;
  background:#fafaf8;
}
.payment-page .checkout-saved-addresses[hidden]{
  display:none !important;
}
.payment-page .checkout-saved-addresses-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  margin-bottom:12px;
}
.payment-page .checkout-saved-addresses-head>div{
  display:grid;
  gap:3px;
}
.payment-page .checkout-saved-addresses-head span{
  color:var(--muted);
  font-size:9px;
  letter-spacing:.14em;
}
.payment-page .checkout-saved-addresses-head strong{
  font-family:'Fraunces',serif;
  font-size:19px;
  font-weight:500;
}
.payment-page .checkout-saved-addresses-head a{
  color:var(--muted);
  font-size:10.5px;
  text-decoration:underline;
  text-underline-offset:3px;
  white-space:nowrap;
}
.payment-page .checkout-saved-address-list{
  display:grid;
  gap:8px;
}
.payment-page .checkout-address-option{
  width:100%;
  display:grid;
  grid-template-columns:17px minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  padding:11px 12px;
  border:1px solid var(--border);
  border-radius:11px;
  background:#fff;
  text-align:left;
  font:inherit;
  cursor:pointer;
}
.payment-page .checkout-address-option.active{
  border-color:#111;
}
.payment-page .checkout-address-dot{
  width:13px;
  height:13px;
  position:relative;
  border:1px solid #aaa;
  border-radius:50%;
}
.payment-page .checkout-address-option.active .checkout-address-dot:after{
  content:"";
  position:absolute;
  inset:3px;
  border-radius:50%;
  background:#111;
}
.payment-page .checkout-address-copy{
  min-width:0;
  display:grid;
  gap:3px;
}
.payment-page .checkout-address-copy strong{
  font-size:11.5px;
  font-weight:600;
}
.payment-page .checkout-address-copy small{
  color:var(--muted);
  font-size:10.5px;
  line-height:1.45;
}
.payment-page .checkout-address-option em{
  padding:4px 7px;
  border-radius:999px;
  background:#eef3ec;
  color:#5c7055;
  font-size:9px;
  font-style:normal;
}

@media(max-width:600px){
  .payment-page .bank-value-actions{
    align-items:flex-start;
  }
  .payment-page .bank-copy-btn span{
    display:none;
  }
  .payment-page .bank-copy-btn{
    width:32px;
    padding:0;
  }
  .payment-page .checkout-saved-addresses-head{
    align-items:flex-start;
    flex-direction:column;
    gap:7px;
  }
  .payment-page .checkout-address-option{
    grid-template-columns:17px minmax(0,1fr);
  }
  .payment-page .checkout-address-option em{
    grid-column:2;
    width:max-content;
  }
}


/* ========== ORDER SUCCESS V30 ========== */
.order-success-page .order-success-shell{
  width:min(900px,calc(100% - 40px));
  margin:0 auto;
  padding:72px 0 110px;
}
.order-success-page .order-success-card{
  text-align:center;
}
.order-success-page .order-success-icon{
  width:64px;
  height:64px;
  margin:0 auto 22px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#0a0a0a;
  color:#fff;
}
.order-success-page .order-success-icon svg{
  width:28px;
  height:28px;
}
.order-success-page h1{
  margin:8px 0 14px;
  font-family:'Fraunces',serif;
  font-size:clamp(48px,6vw,76px);
  line-height:1;
  font-weight:400;
  letter-spacing:-.045em;
}
.order-success-lead{
  max-width:620px;
  margin:0 auto;
  color:var(--muted);
  font-size:14.5px;
  line-height:1.7;
}
.order-success-summary{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  margin:36px 0;
  border-top:1px solid var(--border);
  border-bottom:1px solid var(--border);
}
.order-success-summary>div{
  padding:20px 14px;
  border-right:1px solid var(--border);
}
.order-success-summary>div:last-child{border-right:0}
.order-success-summary span{
  display:block;
  color:var(--muted);
  font-size:10.5px;
  margin-bottom:6px;
}
.order-success-summary strong{
  font-size:13px;
}
.order-success-summary .success-status{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 9px;
  border-radius:999px;
  background:#fff3c9;
  color:#8a6500;
  font-size:10.5px;
}
.order-success-bank{
  max-width:690px;
  margin:0 auto;
  text-align:left;
  border:1px solid var(--border-strong);
  border-radius:18px;
  overflow:hidden;
}
.order-success-bank-head{
  padding:18px;
  border-bottom:1px solid var(--border);
}
.order-success-bank-head span{
  color:var(--muted);
  font-size:9px;
  letter-spacing:.14em;
}
.order-success-bank-head h2{
  margin:4px 0 0;
  font-family:'Fraunces',serif;
  font-size:25px;
  font-weight:500;
}
.order-success-bank-row{
  display:grid;
  grid-template-columns:110px minmax(0,1fr);
  gap:18px;
  align-items:center;
  padding:16px 18px;
  border-bottom:1px solid var(--border);
}
.order-success-bank-row>span{
  color:var(--muted);
  font-size:11px;
}
.order-success-bank-row>strong,
.success-copy-line>strong{
  font-size:13.5px;
  font-weight:600;
}
.order-success-bank-row.highlight{
  background:#f6f6f3;
}
.success-copy-line{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
}
.success-copy-btn{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:32px;
  padding:0 10px;
  border:1px solid var(--border-strong);
  border-radius:999px;
  background:#fff;
  color:#666;
  font:inherit;
  font-size:10.5px;
  cursor:pointer;
}
.success-copy-btn svg{width:14px;height:14px}
.order-success-bank-note{
  margin:0;
  padding:15px 18px;
  color:var(--muted);
  font-size:11.5px;
  line-height:1.6;
}
.order-success-actions{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:10px;
  margin-top:28px;
}
.order-success-actions a{
  min-height:46px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 18px;
  border:1px solid var(--border-strong);
  border-radius:999px;
  font-size:12.5px;
  font-weight:600;
}
.order-success-actions a.primary{
  background:#0a0a0a;
  border-color:#0a0a0a;
  color:#fff;
}
@media(max-width:650px){
  .order-success-summary{
    grid-template-columns:1fr;
  }
  .order-success-summary>div{
    border-right:0;
    border-bottom:1px solid var(--border);
  }
  .order-success-summary>div:last-child{border-bottom:0}
  .order-success-bank-row{
    grid-template-columns:1fr;
    gap:7px;
  }
  .success-copy-line{
    align-items:flex-start;
  }
}


/* ========== CONTACT PAGE V31 ========== */
.contact-page .contact-shell{
  width:min(1180px,calc(100% - 64px));
  margin:0 auto;
  padding:54px 0 110px;
}
.contact-page .contact-head{
  max-width:760px;
  padding-bottom:32px;
}
.contact-page .contact-head h1{
  margin:6px 0 13px;
  font-family:'Fraunces',serif;
  font-size:clamp(50px,5.5vw,72px);
  line-height:1;
  font-weight:400;
  letter-spacing:-.045em;
}
.contact-page .contact-head p{
  margin:0;
  color:var(--muted);
  font-size:14.5px;
  line-height:1.7;
}
.contact-page .contact-grid{
  display:grid;
  grid-template-columns:330px minmax(0,1fr);
  gap:80px;
  padding-top:32px;
  border-top:1px solid var(--border);
  align-items:start;
}
.contact-page .contact-info{
  display:grid;
  align-content:start;
}
.contact-page .contact-info-block{
  padding:18px 0;
  border-bottom:1px solid var(--border);
}
.contact-page .contact-info-block:first-child{
  padding-top:0;
}
.contact-page .contact-info-block>span,
.contact-page .contact-note>span{
  display:block;
  margin-bottom:6px;
  color:var(--muted);
  font-size:10px;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.contact-page .contact-info-block a,
.contact-page .contact-info-block strong{
  color:var(--text);
  font-size:14px;
  line-height:1.55;
  font-weight:500;
}
.contact-page .contact-note{
  margin-top:24px;
  padding:16px;
  border-radius:14px;
  background:#f6f6f3;
}
.contact-page .contact-note p{
  margin:0;
  color:var(--muted);
  font-size:11.5px;
  line-height:1.6;
}
.contact-page .contact-form-card{
  width:100%;
  min-width:0;
}
.contact-page .contact-form-head{
  margin-bottom:22px;
}
.contact-page .contact-form-head>span{
  color:var(--muted);
  font-size:9px;
  letter-spacing:.14em;
}
.contact-page .contact-form-head h2{
  margin:5px 0 0;
  font-family:'Fraunces',serif;
  font-size:30px;
  font-weight:500;
}
.contact-page #contactForm{
  display:grid;
  gap:15px;
}
.contact-page #contactForm label{
  display:grid;
  gap:7px;
}
.contact-page #contactForm label>span{
  color:var(--muted);
  font-size:11.5px;
}
.contact-page #contactForm label>span em{
  margin-left:5px;
  color:#aaa;
  font-size:9.5px;
  font-style:normal;
}
.contact-page #contactForm input,
.contact-page #contactForm select,
.contact-page #contactForm textarea{
  width:100%;
  min-height:48px;
  box-sizing:border-box;
  padding:0 14px;
  border:1px solid var(--border-strong);
  border-radius:12px;
  background:#fff;
  color:var(--text);
  font:inherit;
  font-size:14px;
  outline:none;
}
.contact-page #contactForm textarea{
  min-height:140px;
  padding-top:12px;
  resize:vertical;
}
.contact-page #contactForm input:focus,
.contact-page #contactForm select:focus,
.contact-page #contactForm textarea:focus{
  border-color:#111;
}
.contact-page .contact-two{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.contact-page .contact-consent{
  display:flex!important;
  align-items:flex-start;
  grid-template-columns:auto 1fr;
  gap:9px!important;
  margin-top:2px;
}
.contact-page .contact-consent input{
  width:16px!important;
  height:16px;
  min-height:16px!important;
  flex:0 0 16px;
  margin-top:1px;
}
.contact-page .contact-consent span{
  color:var(--muted)!important;
  font-size:11px!important;
  line-height:1.5;
}
.contact-page .contact-submit{
  width:100%;
  min-height:50px;
  border:0;
  border-radius:999px;
  background:#0a0a0a;
  color:#fff;
  font:inherit;
  font-size:14px;
  font-weight:600;
  cursor:pointer;
}
.contact-page .contact-submit:hover{
  opacity:.9;
}
.contact-page .contact-feedback{
  min-height:18px;
  color:#5c7055;
  font-size:12px;
}
@media(max-width:850px){
  .contact-page .contact-shell{
    width:calc(100% - 40px);
  }
  .contact-page .contact-grid{
    grid-template-columns:1fr;
    gap:42px;
  }
  .contact-page .contact-info{
    grid-template-columns:1fr 1fr;
    gap:0 30px;
  }
  .contact-page .contact-note{
    grid-column:1/-1;
  }
}
@media(max-width:560px){
  .contact-page .contact-shell{
    width:calc(100% - 32px);
    padding-top:40px;
  }
  .contact-page .contact-two,
  .contact-page .contact-info{
    grid-template-columns:1fr;
  }
  .contact-page .contact-note{
    grid-column:auto;
  }
}


/* ========== 404 PAGE V32 ========== */
.not-found-page .not-found-shell{
  width:min(1180px,calc(100% - 64px));
  min-height:610px;
  margin:0 auto;
  padding:80px 0 100px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 340px;
  gap:80px;
  align-items:center;
}
.not-found-page .not-found-content{
  max-width:720px;
}
.not-found-page .not-found-number{
  margin-bottom:12px;
  color:#d7d7cf;
  font-family:'Fraunces',serif;
  font-size:clamp(80px,10vw,140px);
  line-height:.75;
  font-weight:400;
  letter-spacing:-.06em;
}
.not-found-page h1{
  margin:9px 0 18px;
  font-family:'Fraunces',serif;
  font-size:clamp(48px,5.8vw,76px);
  line-height:.98;
  font-weight:400;
  letter-spacing:-.045em;
}
.not-found-page .not-found-content p{
  max-width:590px;
  margin:0;
  color:var(--muted);
  font-size:14px;
  line-height:1.75;
}
.not-found-page .not-found-actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:12px;
  margin-top:28px;
}
.not-found-page .not-found-actions a{
  min-height:46px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 18px;
  border:1px solid var(--border-strong);
  border-radius:999px;
  font-size:12.5px;
  font-weight:600;
}
.not-found-page .not-found-actions .primary{
  background:#0a0a0a;
  border-color:#0a0a0a;
  color:#fff;
}
.not-found-page .not-found-decoration{
  width:100%;
  max-width:300px;
  justify-self:end;
  color:#a5aa98;
  opacity:.75;
}
.not-found-page .not-found-decoration svg{
  display:block;
  width:100%;
  height:auto;
}
@media(max-width:800px){
  .not-found-page .not-found-shell{
    width:calc(100% - 40px);
    min-height:auto;
    grid-template-columns:1fr;
    gap:35px;
    padding:65px 0 90px;
  }
  .not-found-page .not-found-decoration{
    width:180px;
    justify-self:start;
  }
}
@media(max-width:560px){
  .not-found-page .not-found-shell{
    width:calc(100% - 32px);
    padding-top:55px;
  }
  .not-found-page .not-found-actions{
    align-items:stretch;
    flex-direction:column;
  }
  .not-found-page .not-found-actions a{
    width:100%;
  }
}


/* ========== FAQ PAGE V33 ========== */
.faq-page .faq-shell{
  width:min(1180px,calc(100% - 64px));
  margin:0 auto;
  padding:58px 0 110px;
}
.faq-page .faq-head{
  max-width:760px;
  padding-bottom:42px;
}
.faq-page .faq-head h1{
  margin:8px 0 16px;
  font-family:'Fraunces',serif;
  font-size:clamp(52px,6vw,78px);
  line-height:.98;
  font-weight:400;
  letter-spacing:-.045em;
}
.faq-page .faq-head p{
  max-width:620px;
  margin:0;
  color:var(--muted);
  font-size:14.5px;
  line-height:1.7;
}
.faq-page .faq-layout{
  display:grid;
  grid-template-columns:250px minmax(0,1fr);
  gap:72px;
  padding-top:34px;
  border-top:1px solid var(--border);
  align-items:start;
}
.faq-page .faq-side{
  position:sticky;
  top:150px;
}
.faq-page .faq-side-box{
  padding:18px;
  border:1px solid var(--border);
  border-radius:16px;
  background:#fafaf8;
}
.faq-page .faq-side-box>span{
  display:block;
  font-family:'Fraunces',serif;
  font-size:20px;
  line-height:1.25;
}
.faq-page .faq-side-box p{
  margin:8px 0 14px;
  color:var(--muted);
  font-size:11.5px;
  line-height:1.55;
}
.faq-page .faq-side-box a{
  color:var(--text);
  font-size:11.5px;
  font-weight:600;
  text-decoration:underline;
  text-underline-offset:4px;
}
.faq-page .faq-content{
  display:grid;
  gap:46px;
}
.faq-page .faq-group-title{
  margin-bottom:9px;
}
.faq-page .faq-group-title span{
  color:var(--muted);
  font-size:9.5px;
  letter-spacing:.14em;
}
.faq-page .faq-list{
  border-top:1px solid var(--border-strong);
}
.faq-page .faq-item{
  border-bottom:1px solid var(--border);
}
.faq-page .faq-question{
  width:100%;
  min-height:68px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:0;
  border:0;
  background:transparent;
  color:var(--text);
  text-align:left;
  font:inherit;
  cursor:pointer;
}
.faq-page .faq-question>span:first-child{
  font-family:'Fraunces',serif;
  font-size:21px;
  line-height:1.3;
  font-weight:500;
}
.faq-page .faq-plus{
  width:30px;
  height:30px;
  flex:0 0 30px;
  display:grid;
  place-items:center;
  border:1px solid var(--border-strong);
  border-radius:50%;
  transition:transform .22s ease,background .22s ease,color .22s ease;
}
.faq-page .faq-plus svg{
  width:14px;
  height:14px;
}
.faq-page .faq-item.open .faq-plus{
  transform:rotate(45deg);
  background:#0a0a0a;
  color:#fff;
  border-color:#0a0a0a;
}
.faq-page .faq-answer{
  display:grid;
  grid-template-rows:0fr;
  opacity:0;
  transition:grid-template-rows .25s ease,opacity .2s ease;
}
.faq-page .faq-item.open .faq-answer{
  grid-template-rows:1fr;
  opacity:1;
}
.faq-page .faq-answer-inner{
  overflow:hidden;
  max-width:720px;
  padding:0 55px 0 0;
  color:var(--muted);
  font-size:13.5px;
  line-height:1.7;
}
.faq-page .faq-item.open .faq-answer-inner{
  padding-bottom:22px;
}
@media(max-width:850px){
  .faq-page .faq-shell{
    width:calc(100% - 40px);
  }
  .faq-page .faq-layout{
    grid-template-columns:1fr;
    gap:36px;
  }
  .faq-page .faq-side{
    position:static;
  }
  .faq-page .faq-side-box{
    max-width:420px;
  }
}
@media(max-width:560px){
  .faq-page .faq-shell{
    width:calc(100% - 32px);
    padding-top:42px;
  }
  .faq-page .faq-head{
    padding-bottom:30px;
  }
  .faq-page .faq-question{
    min-height:62px;
  }
  .faq-page .faq-question>span:first-child{
    font-size:18px;
  }
  .faq-page .faq-answer-inner{
    padding-right:36px;
    font-size:12.5px;
  }
}


/* ========== INFO PAGES V34 — SHIPPING / RETURNS ========== */
.info-page .info-shell{
  width:min(1180px,calc(100% - 64px));
  margin:0 auto;
  padding:58px 0 110px;
}
.info-page .info-head{
  max-width:760px;
  padding-bottom:42px;
}
.info-page .info-head h1{
  margin:8px 0 16px;
  font-family:'Fraunces',serif;
  font-size:clamp(52px,6vw,78px);
  line-height:.98;
  font-weight:400;
  letter-spacing:-.045em;
}
.info-page .info-head p{
  max-width:620px;
  margin:0;
  color:var(--muted);
  font-size:14.5px;
  line-height:1.7;
}
.info-page .info-layout{
  display:grid;
  grid-template-columns:270px minmax(0,1fr);
  gap:72px;
  padding-top:34px;
  border-top:1px solid var(--border);
  align-items:start;
}
.info-page .info-side{
  position:sticky;
  top:150px;
  display:grid;
  gap:12px;
}
.info-page .info-side-card{
  padding:18px;
  border:1px solid var(--border);
  border-radius:16px;
  background:#fff;
}
.info-page .info-side-card.soft{
  background:#fafaf8;
}
.info-page .info-side-card>span,
.info-page .info-callout span,
.info-page .info-note>span{
  display:block;
  color:var(--muted);
  font-size:9px;
  letter-spacing:.14em;
}
.info-page .info-side-card strong{
  display:block;
  margin:7px 0 8px;
  font-family:'Fraunces',serif;
  font-size:19px;
  line-height:1.3;
  font-weight:500;
}
.info-page .info-side-card p{
  margin:0;
  color:var(--muted);
  font-size:11.5px;
  line-height:1.6;
}
.info-page .info-side-card a{
  display:inline-block;
  margin-top:12px;
  color:var(--text);
  font-size:11.5px;
  font-weight:600;
  text-decoration:underline;
  text-underline-offset:4px;
}
.info-page .info-content{
  display:grid;
}
.info-page .info-block{
  display:grid;
  grid-template-columns:46px minmax(0,1fr);
  gap:18px;
  padding:0 0 28px;
  margin-bottom:28px;
  border-bottom:1px solid var(--border);
}
.info-page .info-index{
  color:#a7a79e;
  font-family:'Fraunces',serif;
  font-size:16px;
}
.info-page .info-block h2{
  margin:0 0 8px;
  font-family:'Fraunces',serif;
  font-size:26px;
  line-height:1.2;
  font-weight:500;
}
.info-page .info-block p{
  max-width:720px;
  margin:0;
  color:var(--muted);
  font-size:13.5px;
  line-height:1.75;
}
.info-page .info-callout{
  margin-top:10px;
  padding:22px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:24px;
  border-radius:16px;
  background:#f3f4ef;
}
.info-page .info-callout h3{
  margin:5px 0 5px;
  font-family:'Fraunces',serif;
  font-size:23px;
  line-height:1.25;
  font-weight:500;
}
.info-page .info-callout p{
  margin:0;
  color:var(--muted);
  font-size:11.5px;
}
.info-page .info-callout a{
  flex:0 0 auto;
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 15px;
  border-radius:999px;
  background:#0a0a0a;
  color:#fff;
  font-size:11.5px;
  font-weight:600;
}
.info-page .info-note{
  margin:0 0 24px 64px;
  padding:15px 16px;
  border-left:2px solid #b7baa9;
  background:#fafaf8;
}
.info-page .info-note p{
  margin:5px 0 0;
  color:var(--muted);
  font-size:11.5px;
  line-height:1.6;
}
@media(max-width:850px){
  .info-page .info-shell{
    width:calc(100% - 40px);
  }
  .info-page .info-layout{
    grid-template-columns:1fr;
    gap:36px;
  }
  .info-page .info-side{
    position:static;
    grid-template-columns:1fr 1fr;
  }
}
@media(max-width:600px){
  .info-page .info-shell{
    width:calc(100% - 32px);
    padding-top:42px;
  }
  .info-page .info-side{
    grid-template-columns:1fr;
  }
  .info-page .info-block{
    grid-template-columns:34px minmax(0,1fr);
    gap:12px;
  }
  .info-page .info-block h2{
    font-size:22px;
  }
  .info-page .info-callout{
    align-items:flex-start;
    flex-direction:column;
  }
  .info-page .info-callout a{
    width:100%;
  }
  .info-page .info-note{
    margin-left:46px;
  }
}


/* V35 — Hesabım: kargo barının altındaki düz çizgiyi kaldır */
.account-page .order-shipping-panel,
.account-page .order-status-panel,
.account-page .shipping-panel,
.account-page .order-tracking-panel{
  border-bottom:0 !important;
}


/* V36 — Hesabım / Siparişlerim: kargo takip alanının altındaki ayırıcı çizgiyi kesin kaldır */
.account-page .order-card,
.account-page .account-order,
.account-page .order-detail,
.account-page .order-detail-card{
  border-bottom-color:transparent !important;
}

.account-page .order-status-wrap,
.account-page .order-shipping-status,
.account-page .order-tracking,
.account-page .tracking-panel,
.account-page .order-footer,
.account-page .order-card-footer{
  border-bottom:0 !important;
  box-shadow:none !important;
}

.account-page .order-status-wrap::after,
.account-page .order-shipping-status::after,
.account-page .order-tracking::after,
.account-page .tracking-panel::after,
.account-page .order-footer::after,
.account-page .order-card-footer::after{
  display:none !important;
  content:none !important;
}


/* ========== GLOBAL SEARCH V37 ========== */
.util-right{
  display:flex;
  align-items:center;
  gap:8px;
}
.global-search-btn{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:0 13px;
  border:1px solid var(--border-strong);
  border-radius:999px;
  background:#fff;
  color:#111;
  font:inherit;
  font-size:11.5px;
  font-weight:600;
  cursor:pointer;
  transition:background .18s ease,border-color .18s ease;
}
.global-search-btn:hover{
  background:#f5f5f1;
  border-color:#111;
}
.global-search-btn svg{
  width:17px;
  height:17px;
}
body.search-open{
  overflow:hidden;
}
.global-search-overlay{
  position:fixed;
  inset:0;
  z-index:99999;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  padding:72px 22px 30px;
  visibility:hidden;
  opacity:0;
  pointer-events:none;
  transition:opacity .18s ease,visibility .18s ease;
}
.global-search-overlay.open{
  visibility:visible;
  opacity:1;
  pointer-events:auto;
}
.global-search-backdrop{
  position:absolute;
  inset:0;
  background:rgba(18,18,15,.28);
  backdrop-filter:blur(5px);
}
.global-search-panel{
  position:relative;
  z-index:1;
  width:min(760px,100%);
  max-height:calc(100vh - 100px);
  overflow:auto;
  padding:24px;
  border:1px solid rgba(0,0,0,.12);
  border-radius:22px;
  background:#fff;
  box-shadow:0 24px 70px rgba(0,0,0,.13);
  transform:translateY(-10px);
  transition:transform .2s ease;
}
.global-search-overlay.open .global-search-panel{
  transform:translateY(0);
}
.global-search-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  margin-bottom:20px;
}
.global-search-kicker{
  color:var(--muted);
  font-size:9px;
  letter-spacing:.15em;
}
.global-search-top h2{
  margin:4px 0 0;
  font-family:'Fraunces',serif;
  font-size:30px;
  line-height:1.1;
  font-weight:500;
}
.global-search-close{
  width:36px;
  height:36px;
  flex:0 0 36px;
  display:grid;
  place-items:center;
  border:1px solid var(--border);
  border-radius:50%;
  background:#fff;
  cursor:pointer;
}
.global-search-close svg{
  width:15px;
  height:15px;
}
.global-search-input-wrap{
  min-height:58px;
  display:grid;
  grid-template-columns:22px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  padding:0 15px;
  border:1px solid #111;
  border-radius:14px;
}
.global-search-input-wrap>svg{
  width:19px;
  height:19px;
}
.global-search-input-wrap input{
  width:100%;
  min-width:0;
  padding:0;
  border:0;
  outline:0;
  background:transparent;
  color:#111;
  font:inherit;
  font-size:15px;
}
.global-search-input-wrap input::-webkit-search-cancel-button{
  cursor:pointer;
}
.global-search-input-wrap kbd{
  padding:4px 6px;
  border:1px solid var(--border);
  border-radius:6px;
  background:#f7f7f4;
  color:#999;
  font-family:inherit;
  font-size:9px;
  box-shadow:none;
}
.global-search-meta{
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  color:var(--muted);
  font-size:10.5px;
}
.global-search-meta a{
  color:#111;
  font-weight:600;
}
.global-search-results{
  border-top:1px solid var(--border);
}
.global-search-result{
  min-height:78px;
  display:grid;
  grid-template-columns:52px minmax(0,1fr) auto 18px;
  align-items:center;
  gap:13px;
  padding:12px 4px;
  border-bottom:1px solid var(--border);
  color:#111;
  text-decoration:none;
}
.global-search-result:hover .global-search-result-copy strong{
  text-decoration:underline;
  text-underline-offset:3px;
}
.global-search-result img{
  width:52px;
  height:52px;
  display:block;
  object-fit:cover;
  border-radius:9px;
  background:#f2f2ee;
}
.global-search-result-copy{
  min-width:0;
  display:grid;
  gap:3px;
}
.global-search-result-copy small{
  color:var(--muted);
  font-size:9.5px;
}
.global-search-result-copy strong{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:13px;
  font-weight:600;
}
.global-search-price{
  font-family:'Fraunces',serif;
  font-size:15px;
  white-space:nowrap;
}
.global-search-arrow{
  width:16px;
  height:16px;
  color:#999;
}
.global-search-empty{
  display:grid;
  justify-items:start;
  gap:6px;
  padding:28px 0 10px;
}
.global-search-empty strong{
  font-family:'Fraunces',serif;
  font-size:21px;
  font-weight:500;
}
.global-search-empty span{
  max-width:480px;
  color:var(--muted);
  font-size:11.5px;
  line-height:1.55;
}
.global-search-empty a{
  margin-top:6px;
  color:#111;
  font-size:11.5px;
  font-weight:600;
  text-decoration:underline;
  text-underline-offset:3px;
}

@media(max-width:700px){
  .global-search-btn{
    width:42px;
    padding:0;
  }
  .global-search-btn>span{
    display:none;
  }
  .global-search-overlay{
    padding:54px 12px 12px;
  }
  .global-search-panel{
    max-height:calc(100vh - 66px);
    padding:18px;
    border-radius:18px;
  }
  .global-search-top h2{
    font-size:26px;
  }
  .global-search-input-wrap kbd{
    display:none;
  }
  .global-search-input-wrap{
    grid-template-columns:21px minmax(0,1fr);
  }
  .global-search-result{
    grid-template-columns:48px minmax(0,1fr) auto;
  }
  .global-search-result img{
    width:48px;
    height:48px;
  }
  .global-search-arrow{
    display:none;
  }
}
@media(max-width:440px){
  .global-search-price{
    font-size:13px;
  }
  .global-search-result-copy strong{
    font-size:12px;
  }
}


/* ========== GLOBAL FOOTER V38 ========== */
.site-footer{
  width:100%;
  margin-top:0;
  border-top:1px solid var(--border);
  background:#f7f7f3;
}
.site-footer-inner{
  width:min(1180px,calc(100% - 64px));
  margin:0 auto;
}
.site-footer-top{
  display:grid;
  grid-template-columns:minmax(220px,1.15fr) minmax(0,2fr);
  gap:90px;
  padding:54px 0 48px;
}
.site-footer-brand{
  max-width:330px;
}
.site-footer-logo{
  display:inline-block;
  color:#111;
  font-family:'Fraunces',serif;
  font-size:28px;
  font-weight:500;
  letter-spacing:-.035em;
  text-decoration:none;
}
.site-footer-brand p{
  margin:12px 0 0;
  color:var(--muted);
  font-size:12.5px;
  line-height:1.65;
}
.site-footer-links{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:34px;
}
.site-footer-col{
  display:grid;
  align-content:start;
  gap:10px;
}
.site-footer-col>span{
  margin-bottom:3px;
  color:#999;
  font-size:9px;
  letter-spacing:.15em;
}
.site-footer-col a{
  width:max-content;
  max-width:100%;
  color:#222;
  font-size:11.5px;
  line-height:1.45;
  text-decoration:none;
}
.site-footer-col a:hover{
  text-decoration:underline;
  text-underline-offset:3px;
}
.site-footer-col a[aria-disabled="true"]{
  color:#aaa;
  cursor:default;
  pointer-events:none;
}
.site-footer-bottom{
  min-height:66px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  border-top:1px solid var(--border);
  color:#999;
  font-size:10px;
}
.site-footer-bottom>div{
  display:flex;
  align-items:center;
  gap:20px;
}
.site-footer-bottom>div span+span{
  position:relative;
}
.site-footer-bottom>div span+span:before{
  content:"";
  position:absolute;
  left:-11px;
  top:50%;
  width:2px;
  height:2px;
  border-radius:50%;
  background:#aaa;
}

@media(max-width:900px){
  .site-footer-top{
    grid-template-columns:1fr;
    gap:38px;
  }
  .site-footer-links{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:30px 40px;
  }
}
@media(max-width:600px){
  .site-footer-inner{
    width:calc(100% - 32px);
  }
  .site-footer-top{
    padding:42px 0 36px;
  }
  .site-footer-links{
    grid-template-columns:1fr 1fr;
    gap:28px 20px;
  }
  .site-footer-bottom{
    min-height:auto;
    padding:20px 0;
    align-items:flex-start;
    flex-direction:column;
    gap:8px;
  }
  .site-footer-bottom>div{
    gap:16px;
  }
}


/* V39 — Gerçek sipariş geçmişi / boş durum */
.account-orders-empty{
  min-height:300px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:48px 24px;
  border:1px solid var(--border);
  border-radius:18px;
  text-align:center;
  background:#fff;
}
.account-orders-empty-icon{
  width:50px;
  height:50px;
  display:grid;
  place-items:center;
  margin-bottom:16px;
  border:1px solid var(--border-strong);
  border-radius:50%;
  font-family:'Fraunces',serif;
  font-size:24px;
}
.account-orders-empty h3{
  margin:0;
  font-family:'Fraunces',serif;
  font-size:24px;
  font-weight:500;
}
.account-orders-empty p{
  max-width:430px;
  margin:9px 0 18px;
  color:var(--muted);
  font-size:12px;
  line-height:1.6;
}
.account-orders-empty a{
  display:inline-flex;
  min-height:40px;
  align-items:center;
  padding:0 16px;
  border-radius:999px;
  background:#111;
  color:#fff;
  font-size:11px;
  font-weight:600;
  text-decoration:none;
}
.account-order + .account-order{
  margin-top:18px;
}


/* ========== V40 — Yasal sayfalar / şifre sıfırlama / çıkış ========== */
.legal-page .info-content{
  min-width:0;
}
.legal-page .info-block p{
  max-width:760px;
}
.payment-agreement a{
  color:inherit;
  font-weight:600;
  text-decoration:underline;
  text-underline-offset:2px;
}
.account-logout-btn{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:14px 0;
  border:0;
  border-top:1px solid var(--border);
  background:transparent;
  color:#777;
  font:inherit;
  font-size:11.5px;
  cursor:pointer;
  text-align:left;
}
.account-logout-btn:hover{
  color:#111;
}
.forgot-shell .auth-promo{
  min-height:500px;
}
#forgotPasswordForm .auth-submit:disabled{
  opacity:.55;
  cursor:default;
}
#forgotMessage strong{
  color:#111;
}


/* ========== V41 — Sipariş detayı + kargo yaşam döngüsü ========== */
.account-order-bottom-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
.account-order-detail-link{
  flex:0 0 auto;
  color:#111;
  font-size:11px;
  font-weight:600;
  text-decoration:none;
}
.account-order-detail-link:hover{
  text-decoration:underline;
  text-underline-offset:3px;
}

.order-detail-shell{
  width:min(1180px,calc(100% - 64px));
  margin:0 auto;
  padding:56px 0 80px;
}
.order-detail-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:30px;
  margin-bottom:38px;
}
.order-detail-head h1{
  margin:5px 0 7px;
  font-family:'Fraunces',serif;
  font-size:clamp(38px,5vw,64px);
  font-weight:500;
  letter-spacing:-.04em;
}
.order-detail-head p{
  margin:0;
  color:var(--muted);
  font-size:12px;
}
.order-detail-back{
  color:#111;
  font-size:11px;
  text-decoration:none;
}
.order-detail-back:hover{text-decoration:underline;text-underline-offset:3px}

.order-progress-card{
  padding:26px;
  border:1px solid var(--border);
  border-radius:18px;
  background:#fff;
  margin-bottom:22px;
}
.order-progress-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  padding-bottom:22px;
  border-bottom:1px solid var(--border);
}
.order-progress-head>div{
  display:grid;
  gap:5px;
}
.order-progress-head span,
.order-detail-card-head span,
.order-detail-section-title span{
  color:#999;
  font-size:9px;
  letter-spacing:.14em;
}
.order-progress-head strong{
  font-family:'Fraunces',serif;
  font-size:27px;
  font-weight:500;
}
.order-progress-head small{
  color:#888;
  font-size:10px;
}
.order-timeline{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:0;
  padding-top:26px;
}
.order-step{
  position:relative;
  display:flex;
  gap:12px;
  padding-right:20px;
  color:#aaa;
}
.order-step:not(:last-child)::after{
  content:"";
  position:absolute;
  left:34px;
  top:13px;
  width:calc(100% - 27px);
  height:1px;
  background:#ddd;
}
.order-step.done:not(:last-child)::after{background:#111}
.order-step>span{
  position:relative;
  z-index:2;
  width:27px;
  height:27px;
  flex:0 0 27px;
  display:grid;
  place-items:center;
  border:1px solid #ccc;
  border-radius:50%;
  background:#fff;
  font-size:10px;
}
.order-step.done>span{
  border-color:#111;
  background:#111;
  color:#fff;
}
.order-step>div{
  display:grid;
  gap:4px;
  padding-top:2px;
}
.order-step strong{
  color:#777;
  font-size:11px;
}
.order-step.done strong{color:#111}
.order-step small{
  max-width:190px;
  font-size:9.5px;
  line-height:1.45;
}

.order-detail-grid{
  display:grid;
  grid-template-columns:minmax(0,1.65fr) minmax(280px,.75fr);
  gap:22px;
  align-items:start;
}
.order-detail-main,
.order-detail-side{
  display:grid;
  gap:22px;
}
.order-detail-section,
.order-detail-card{
  border:1px solid var(--border);
  border-radius:18px;
  background:#fff;
}
.order-detail-section{
  padding:26px;
}
.order-detail-section-title,
.order-detail-card-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding-bottom:17px;
  border-bottom:1px solid var(--border);
}
.order-detail-section-title strong,
.order-detail-card-head strong{
  font-size:11px;
}
.order-detail-products{
  display:grid;
}
.order-detail-product{
  display:grid;
  grid-template-columns:72px minmax(0,1fr) auto;
  gap:15px;
  align-items:center;
  padding:16px 0;
  border-bottom:1px solid var(--border);
  color:#111;
  text-decoration:none;
}
.order-detail-product:last-child{border-bottom:0;padding-bottom:0}
.order-detail-product img{
  width:72px;
  height:82px;
  object-fit:cover;
  border-radius:10px;
  background:#f1f1ed;
}
.order-detail-product>div{
  display:grid;
  gap:5px;
}
.order-detail-product strong{font-size:12px}
.order-detail-product span{color:#888;font-size:10px}
.order-detail-product>b{font-size:11px}

.order-address-card{
  padding-top:18px;
  display:grid;
  gap:6px;
}
.order-address-card strong{font-size:12px}
.order-address-card p{
  margin:0;
  color:#666;
  font-size:11px;
  line-height:1.6;
}
.order-address-card span{
  color:#888;
  font-size:10px;
}

.order-detail-card{
  padding:22px;
}
.order-detail-card.shipping{
  background:#f3f7fb;
}
.order-detail-card.delivered{
  background:#f3f8f3;
}
.order-detail-card.preparing{
  background:#fbf8ec;
}
.order-detail-note{
  margin:16px 0 0;
  color:#666;
  font-size:10.5px;
  line-height:1.55;
}
.order-detail-kv{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:13px 0;
  border-bottom:1px solid var(--border);
  font-size:10.5px;
}
.order-detail-kv span{color:#777}
.order-detail-kv b{font-size:10.5px}
.order-detail-total{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  padding-top:17px;
}
.order-detail-total span{font-size:11px}
.order-detail-total strong{
  font-family:'Fraunces',serif;
  font-size:22px;
  font-weight:500;
}
.order-track-btn{
  display:flex;
  min-height:39px;
  align-items:center;
  justify-content:center;
  margin-top:16px;
  border-radius:999px;
  background:#111;
  color:#fff;
  font-size:10.5px;
  font-weight:600;
  text-decoration:none;
}
.order-help-link{
  display:flex;
  justify-content:center;
  color:#111;
  font-size:10.5px;
  font-weight:600;
  text-decoration:none;
}
.order-detail-empty{
  min-height:260px;
  display:grid;
  place-items:center;
  text-align:center;
  border:1px solid var(--border);
  border-radius:18px;
}
.order-detail-empty a{color:#111}

@media(max-width:800px){
  .account-order-bottom-row{
    align-items:flex-start;
    flex-direction:column;
  }
  .order-detail-shell{
    width:calc(100% - 32px);
    padding:38px 0 58px;
  }
  .order-detail-head{
    align-items:flex-start;
    flex-direction:column;
  }
  .order-detail-grid{
    grid-template-columns:1fr;
  }
  .order-timeline{
    grid-template-columns:1fr;
    gap:14px;
  }
  .order-step:not(:last-child)::after{
    left:13px;
    top:27px;
    width:1px;
    height:calc(100% + 14px);
  }
}


/* ========== V42 — Ürün yorumları ve puanlama ========== */
.detail-rating-summary{
  display:inline-flex;
  width:max-content;
  align-items:center;
  gap:8px;
  margin:4px 0 13px;
  padding:0;
  border:0;
  background:transparent;
  color:#111;
  cursor:pointer;
  font:inherit;
}
.detail-rating-summary strong{
  font-size:11px;
}
.detail-rating-summary>span:last-child{
  color:#777;
  font-size:10px;
  text-decoration:underline;
  text-underline-offset:3px;
}
.detail-rating-stars,
.reviews-stars,
.review-card-stars{
  display:inline-flex;
  gap:1px;
  line-height:1;
}
.detail-rating-stars span,
.reviews-stars span,
.review-card-stars span{
  color:#d7d7d1;
  font-size:12px;
}
.detail-rating-stars span.filled,
.reviews-stars span.filled,
.review-card-stars span.filled{
  color:#111;
}

.product-reviews{
  margin-top:56px;
  padding-top:42px;
  border-top:1px solid var(--border);
}
.product-reviews-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:30px;
  margin-bottom:24px;
}
.product-reviews-head>div:first-child>span{
  color:#999;
  font-size:9px;
  letter-spacing:.14em;
}
.product-reviews-head h2{
  margin:5px 0 0;
  font-family:'Fraunces',serif;
  font-size:30px;
  font-weight:500;
  letter-spacing:-.03em;
}
.product-reviews-score{
  display:flex;
  align-items:center;
  gap:13px;
}
.product-reviews-score>strong{
  font-family:'Fraunces',serif;
  font-size:32px;
  font-weight:500;
}
.product-reviews-score>div{
  display:grid;
  gap:5px;
}
.product-reviews-score small{
  color:#777;
  font-size:9.5px;
}

.reviews-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.review-card{
  min-width:0;
  padding:21px;
  border:1px solid var(--border);
  border-radius:16px;
  background:#fff;
}
.review-card-top{
  display:flex;
  align-items:center;
  gap:11px;
}
.review-avatar{
  width:37px;
  height:37px;
  flex:0 0 37px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#f2f2ed;
  font-family:'Fraunces',serif;
  font-size:15px;
}
.review-card-top>div:last-child{
  display:grid;
  gap:3px;
}
.review-card-top strong{
  font-size:11px;
}
.review-card-top span{
  color:#999;
  font-size:9px;
}
.review-card-stars{
  margin-top:17px;
}
.review-card p{
  margin:11px 0 0;
  color:#555;
  font-size:10.5px;
  line-height:1.65;
}
.reviews-empty{
  grid-column:1/-1;
  padding:38px;
  border:1px solid var(--border);
  border-radius:16px;
  color:#777;
  font-size:11px;
  text-align:center;
}

@media(max-width:850px){
  .reviews-grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:600px){
  .product-reviews{
    margin-top:40px;
    padding-top:32px;
  }
  .product-reviews-head{
    align-items:flex-start;
    flex-direction:column;
    gap:16px;
  }
}


/* ========== V43 — Ürün puanı fiyatın üstünde ========== */
.detail-info{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.detail-rating-row{
  display:block;
  width:100%;
  margin-top:2px;
}
.detail-rating-summary{
  display:inline-flex !important;
  width:auto !important;
  margin:0 0 10px !important;
}
.detail-price-below-rating{
  display:block;
  width:100%;
  margin-top:0 !important;
  clear:both;
}


/* =========================
   MIORA v57 PRODUCT DETAIL FIX
   ========================= */

/* Buy row */
.product-detail-page .detail-buy-row{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  flex-wrap:nowrap !important;
  width:100% !important;
  margin-top:24px !important;
}

.product-detail-page .detail-buy-row .detail-qty{
  width:120px !important;
  min-width:120px !important;
  height:50px !important;
  flex:0 0 120px !important;
  display:grid !important;
  grid-template-columns:38px 1fr 38px !important;
  align-items:center !important;
  border:1px solid var(--border-strong) !important;
  border-radius:999px !important;
  overflow:hidden !important;
  background:#fff !important;
}

.product-detail-page .detail-buy-row .detail-qty button{
  width:38px !important;
  height:48px !important;
  border:0 !important;
  background:transparent !important;
  cursor:pointer !important;
  font-size:18px !important;
}

.product-detail-page .detail-buy-row .detail-qty span{
  text-align:center !important;
  font-size:14px !important;
  font-weight:600 !important;
}

.product-detail-page .detail-buy-row .detail-add{
  width:auto !important;
  min-width:118px !important;
  height:50px !important;
  min-height:50px !important;
  flex:0 0 auto !important;
  padding:0 20px !important;
  margin:0 !important;
  border:0 !important;
  border-radius:999px !important;
  background:#111 !important;
  color:#fff !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  white-space:nowrap !important;
  font-size:14px !important;
  font-weight:600 !important;
  line-height:1 !important;
}

/* Integrated review form */
.product-reviews .product-review-form{
  display:block !important;
  margin-top:24px !important;
  padding:24px !important;
  border:1px solid #e5e5df !important;
  border-radius:18px !important;
  background:#fafaf7 !important;
}

.product-reviews .product-review-form[hidden]{
  display:none !important;
}

.product-reviews .product-review-form-head{
  display:flex !important;
  justify-content:space-between !important;
  align-items:flex-end !important;
  gap:28px !important;
  margin-bottom:20px !important;
}

.product-reviews .product-review-form-head > div{
  min-width:220px !important;
}

.product-reviews .product-review-form-head span{
  display:block !important;
  margin:0 0 7px !important;
  color:#999 !important;
  font-size:9px !important;
  font-weight:500 !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
}

.product-reviews .product-review-form-head h3{
  margin:0 !important;
  font-family:Fraunces,serif !important;
  font-size:27px !important;
  line-height:1.1 !important;
  font-weight:500 !important;
  letter-spacing:-.02em !important;
}

.product-reviews .product-review-form-head p{
  max-width:430px !important;
  margin:0 !important;
  color:#73736d !important;
  font-size:11px !important;
  line-height:1.6 !important;
}

.product-reviews .review-rating-picker{
  display:flex !important;
  align-items:center !important;
  gap:4px !important;
  margin:0 0 14px !important;
}

.product-reviews .review-rating-picker button{
  width:auto !important;
  min-width:0 !important;
  height:auto !important;
  min-height:0 !important;
  padding:2px !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#d0d0ca !important;
  font-size:25px !important;
  line-height:1 !important;
  cursor:pointer !important;
  box-shadow:none !important;
}

.product-reviews .review-rating-picker button.active{
  color:#111 !important;
}

.product-reviews .product-review-fields{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:10px !important;
  width:100% !important;
}

.product-reviews .product-review-fields input,
.product-reviews .product-review-fields textarea{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  box-sizing:border-box !important;
  margin:0 !important;
  padding:13px 14px !important;
  border:1px solid #d9d9d3 !important;
  border-radius:12px !important;
  background:#fff !important;
  color:#111 !important;
  font-family:Inter,sans-serif !important;
  font-size:13px !important;
  line-height:1.5 !important;
  outline:none !important;
}

.product-reviews .product-review-fields input{
  height:46px !important;
}

.product-reviews .product-review-fields textarea{
  min-height:120px !important;
  resize:vertical !important;
}

.product-reviews .product-review-fields input:focus,
.product-reviews .product-review-fields textarea:focus{
  border-color:#111 !important;
}

.product-reviews .product-review-submit-row{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  margin-top:12px !important;
}

.product-reviews .product-review-submit-row .review-submit-btn{
  width:auto !important;
  min-width:140px !important;
  height:44px !important;
  min-height:44px !important;
  padding:0 20px !important;
  border:0 !important;
  border-radius:999px !important;
  background:#111 !important;
  color:#fff !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:13px !important;
  font-weight:600 !important;
  white-space:nowrap !important;
  cursor:pointer !important;
}

.product-reviews .product-review-submit-row .detail-added-note{
  margin:0 !important;
  color:#666 !important;
  font-size:11px !important;
}

/* Review empty/card consistency */
.product-reviews .reviews-empty{
  grid-column:1/-1 !important;
  width:100% !important;
  box-sizing:border-box !important;
  padding:38px 20px !important;
  border:1px solid #e5e5df !important;
  border-radius:16px !important;
  text-align:center !important;
  color:#777 !important;
  font-size:11px !important;
  background:#fff !important;
}

/* Mobile */
@media(max-width:700px){
  .product-detail-page .detail-buy-row{
    flex-wrap:wrap !important;
    gap:10px !important;
  }
  .product-detail-page .detail-buy-row .detail-qty{
    flex:0 0 118px !important;
    width:118px !important;
    min-width:118px !important;
  }
  .product-detail-page .detail-buy-row .detail-add{
    flex:0 0 auto !important;
    min-width:118px !important;
  }
  .product-reviews .product-review-form{
    padding:18px !important;
  }
  .product-reviews .product-review-form-head{
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:8px !important;
  }
  .product-reviews .product-review-submit-row{
    flex-direction:column !important;
    align-items:flex-start !important;
  }
}


/* =========================
   MIORA v58 FOOTER FULL WIDTH FIX
   ========================= */
.site-footer{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  background:#f7f7f3 !important;
  border-top:1px solid #e6e6e0 !important;
  box-sizing:border-box !important;
}

.site-footer-inner{
  width:100% !important;
  max-width:1180px !important;
  margin:0 auto !important;
  padding:72px 24px 34px !important;
  box-sizing:border-box !important;
}

.site-footer-top{
  width:100% !important;
  display:grid !important;
  grid-template-columns:minmax(250px,1.35fr) repeat(4,minmax(130px,1fr)) !important;
  gap:42px !important;
  align-items:start !important;
}

.site-footer-bottom{
  width:100% !important;
  margin-top:54px !important;
  padding-top:28px !important;
  border-top:1px solid #e2e2dc !important;
  box-sizing:border-box !important;
}

@media(max-width:900px){
  .site-footer-inner{
    padding:52px 20px 28px !important;
  }
  .site-footer-top{
    grid-template-columns:1fr 1fr !important;
    gap:34px 28px !important;
  }
  .site-footer-brand{
    grid-column:1 / -1 !important;
  }
}

@media(max-width:560px){
  .site-footer-inner{
    padding:42px 18px 24px !important;
  }
  .site-footer-top{
    grid-template-columns:1fr !important;
    gap:28px !important;
  }
  .site-footer-brand{
    grid-column:auto !important;
  }
  .site-footer-bottom{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:10px !important;
  }
}

/* MIORA v59 — reviews layout */
.product-reviews{
  border-top:0 !important;
  padding-top:0 !important;
}
.product-reviews::before{display:none !important}
.product-reviews .reviews-head{
  width:100% !important;
  display:flex !important;
  justify-content:space-between !important;
  align-items:flex-end !important;
  gap:32px !important;
}
.product-reviews .reviews-title{
  flex:1 1 auto !important;
}
.product-reviews .reviews-summary{
  margin-left:auto !important;
  text-align:right !important;
  flex:0 0 auto !important;
}
.product-reviews .reviews-grid{
  width:100% !important;
}
@media(max-width:650px){
  .product-reviews .reviews-head{
    align-items:flex-start !important;
    flex-direction:column !important;
    gap:12px !important;
  }
  .product-reviews .reviews-summary{
    margin-left:0 !important;
    text-align:left !important;
  }
}


/* MIORA v62 — larger add-to-cart button */
.product-detail-page .detail-buy-row .detail-add{
  min-width:240px !important;
  width:240px !important;
  flex:0 0 240px !important;
  padding:0 30px !important;
}

@media(max-width:700px){
  .product-detail-page .detail-buy-row .detail-add{
    min-width:200px !important;
    width:200px !important;
    flex:0 0 200px !important;
  }
}

/* MIORA v63 — product analysis PDF cards */
.detail-certificates{display:none !important}
.product-documents{
  width:100%;
  margin-top:22px;
  padding-top:20px;
  border-top:1px solid var(--border);
}
.product-documents[hidden]{display:none !important}
.product-documents-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:16px;
  margin-bottom:10px;
}
.product-documents-head span{font-size:8px;letter-spacing:.16em;color:#999}
.product-documents-head strong{font-family:Fraunces,serif;font-size:18px;font-weight:500}
.product-document-list{display:grid;gap:8px}
.product-document-card{
  width:100%;
  min-height:64px;
  padding:10px 12px;
  box-sizing:border-box;
  display:grid;
  grid-template-columns:36px minmax(0,1fr) 22px;
  gap:10px;
  align-items:center;
  border:1px solid #deded8;
  border-radius:12px;
  background:#fff;
  color:#111;
  text-decoration:none;
  transition:border-color .18s ease,transform .18s ease;
}
.product-document-card:hover{border-color:#111;transform:translateY(-1px)}
.product-document-icon{
  width:34px;height:34px;border:1px solid #deded8;border-radius:9px;
  display:grid;place-items:center
}
.product-document-icon svg{width:16px;height:16px}
.product-document-copy{display:grid;gap:3px;min-width:0}
.product-document-copy small{font-size:7px;letter-spacing:.13em;color:#999}
.product-document-copy strong{font-size:11px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.product-document-open{text-align:right;font-size:15px}
@media(max-width:700px){
  .product-documents-head{align-items:flex-start;flex-direction:column;gap:3px}
}

/* v67 breadcrumb */
.miora-breadcrumb{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:10px;color:#8a8a83;margin:0 0 20px;letter-spacing:.01em}.miora-breadcrumb a{color:#666;text-decoration:none;transition:color .18s}.miora-breadcrumb a:hover{color:#111}.miora-breadcrumb span{color:#bbb}.miora-breadcrumb strong{font-weight:500;color:#252525}.products-breadcrumb{max-width:1180px;margin:24px auto 4px;padding:0 24px}@media(max-width:700px){.miora-breadcrumb{font-size:9px;gap:7px;margin-bottom:14px}.products-breadcrumb{padding:0 18px;margin-top:18px}}


/* ========== V68 — İndirim görünürlüğü ========== */
.cart-summary-line.discount{margin:10px 0 4px;padding:14px 15px;border:1px solid #cddbc9;border-radius:14px;background:#f1f7ef;color:#274d2b}
.cart-summary-line.discount .discount-copy{display:flex;flex-direction:column;gap:3px}
.cart-summary-line.discount .discount-copy small{font-size:8px;letter-spacing:.12em;font-weight:700;opacity:.68}
.cart-summary-line.discount .discount-copy b{font-size:14px;letter-spacing:-.01em}
.cart-summary-line.discount #fullCartDiscount{font-size:18px;font-weight:800;letter-spacing:-.02em}
.coupon-message:not(:empty){display:inline-flex;margin-top:12px;padding:8px 11px;border-radius:10px;background:#f3f7f1;color:#315735;font-weight:600}
.payment-page .payment-order-totals .payment-discount-row{margin:8px 0 4px;padding:13px 14px;border:1px solid #cddbc9;border-radius:13px;background:#f1f7ef;color:#274d2b}
.payment-page .payment-discount-row>span{display:flex;flex-direction:column;gap:3px}
.payment-page .payment-discount-row small{font-size:8px;letter-spacing:.1em;font-weight:700;opacity:.7}
.payment-page .payment-discount-row small em{font-style:normal;letter-spacing:0}
.payment-page .payment-discount-row b{font-size:13px}
.payment-page .payment-discount-row>strong{font-size:17px;font-weight:800}


/* ========== MIORA HEADER STICKY FIX ========== */
/* overflow-x:hidden on html/body can break position:sticky in some browsers. */
html, body{
  overflow-x:clip !important;
}

.util-bar{
  position:sticky !important;
  top:0 !important;
  z-index:80 !important;
}

.navbar-outer{
  position:sticky !important;
  top:18px !important;
  z-index:79 !important;
}

@supports not (overflow:clip){
  html{ overflow-x:visible !important; }
  body{ overflow-x:hidden !important; }
}


/* ========== MIORA HOME BLOG / REHBER — FULL FLUID SLIDER ========== */
.blog-home-section{
  width:100%;
  padding:105px 0 112px;
  overflow:hidden;
  background:#fff;
}
.blog-home-heading{
  max-width:1280px;
  margin:0 auto;
  padding:0 32px 44px;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:32px;
}
.blog-home-heading .section-intro{
  max-width:610px;
}
.blog-slider-wrap{
  position:relative;
  width:100%;
}
.blog-slider{
  display:flex;
  gap:18px;
  width:100%;
  overflow-x:auto;
  scroll-behavior:smooth;
  scroll-snap-type:x mandatory;
  overscroll-behavior-inline:contain;
  padding:0 78px 16px;
  scrollbar-width:none;
  -ms-overflow-style:none;
}
.blog-slider::-webkit-scrollbar{display:none}
.blog-card{
  flex:0 0 clamp(330px,31vw,470px);
  min-width:0;
  scroll-snap-align:start;
}
.blog-card-link{
  display:block;
  color:#111;
}
.blog-card-media{
  position:relative;
  width:100%;
  aspect-ratio:1.12/1;
  overflow:hidden;
  border-radius:24px;
  background:#efefec;
}
.blog-card-media img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transition:transform .55s cubic-bezier(.2,.7,.2,1);
}
.blog-card-link:hover .blog-card-media img{
  transform:scale(1.035);
}
.blog-card-copy{
  padding:20px 3px 0;
}
.blog-card-category{
  display:block;
  margin-bottom:10px;
  color:#7d7d76;
  font-size:10px;
  font-weight:600;
  letter-spacing:.14em;
}
.blog-card h3{
  margin:0;
  max-width:430px;
  font-family:'Fraunces',serif;
  font-size:clamp(25px,2vw,32px);
  line-height:1.08;
  font-weight:400;
  letter-spacing:-.025em;
}
.blog-card p{
  max-width:430px;
  margin:13px 0 0;
  color:#70706b;
  font-size:13px;
  line-height:1.65;
}
.blog-read{
  display:inline-block;
  margin-top:16px;
  padding-bottom:3px;
  border-bottom:1px solid #b9b9b3;
  font-size:12px;
  font-weight:600;
}
.blog-arrow{
  position:absolute;
  z-index:5;
  top:38%;
  transform:translateY(-50%);
  width:50px;
  height:50px;
  border:1px solid rgba(0,0,0,.12);
  border-radius:50%;
  background:rgba(255,255,255,.95);
  color:#111;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:22px;
  line-height:1;
  cursor:pointer;
  box-shadow:0 8px 24px rgba(0,0,0,.10);
  transition:transform .2s ease,background .2s ease;
}
.blog-arrow:hover{
  transform:translateY(-50%) scale(1.06);
  background:#fff;
}
.blog-prev{left:22px}
.blog-next{right:22px}

@media(max-width:900px){
  .blog-home-section{padding:76px 0 84px}
  .blog-home-heading{
    padding:0 20px 34px;
    align-items:flex-start;
    flex-direction:column;
    gap:18px;
  }
  .blog-slider{padding:0 20px 14px;gap:14px}
  .blog-card{flex-basis:min(78vw,390px)}
  .blog-arrow{width:44px;height:44px}
  .blog-prev{left:10px}
  .blog-next{right:10px}
}
@media(max-width:560px){
  .blog-home-section{padding:64px 0 70px}
  .blog-card{flex-basis:84vw}
  .blog-card-media{border-radius:20px}
  .blog-card h3{font-size:27px}
  .blog-card p{font-size:12.5px}
  .blog-arrow{width:40px;height:40px;font-size:19px;top:34%}
}


/* ========== MIORA BLOG V1 ========== */
.blog-body{background:#fff;color:#111}.blog-util{position:sticky!important;top:38px!important;z-index:70!important;min-height:118px;padding-top:14px!important;background:rgba(255,255,255,.94);backdrop-filter:blur(10px)}
.blog-util .util-logo .mark-svg{width:160px!important;height:auto!important;max-height:90px;object-fit:contain}.blog-header-link{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 18px;border:1px solid #deded9;border-radius:999px;font-size:13px;font-weight:600;background:#fff}.blog-header-link:hover{background:#f7f7f3}
.blog-card-meta{font-size:10px;color:#999;margin:-2px 0 9px}.blog-index-shell,.article-shell{max-width:1280px;margin:0 auto;padding:48px 32px 110px}.blog-index-hero{max-width:850px;padding:40px 0 48px}.blog-index-hero h1{font-family:Fraunces,serif;font-size:clamp(52px,6.5vw,92px);line-height:.98;letter-spacing:-.055em;margin:0 0 22px;white-space:normal}.blog-index-hero p{max-width:680px;color:#6d6d67;font-size:16px;line-height:1.75;margin:0}
.blog-index-tools{padding:24px 0 32px;border-top:1px solid #e7e7e2;border-bottom:1px solid #e7e7e2;display:grid;grid-template-columns:minmax(260px,380px) 1fr auto;align-items:center;gap:18px}.blog-search-wrap{height:46px;border:1px solid #deded8;border-radius:999px;display:flex;align-items:center;gap:10px;padding:0 15px}.blog-search-wrap svg{width:17px}.blog-search-wrap input{border:0;outline:0;width:100%;font:inherit;font-size:13px;background:transparent}.blog-category-filters{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.blog-category-filters::-webkit-scrollbar{display:none}.blog-filter-chip{border:1px solid #deded8;border-radius:999px;background:#fff;height:38px;padding:0 14px;white-space:nowrap;cursor:pointer;font-size:11px}.blog-filter-chip.active{background:#111;color:#fff;border-color:#111}.blog-result-count{color:#999;font-size:11px;white-space:nowrap}
.blog-index-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:70px;margin-top:46px}.blog-index-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:54px 22px}.blog-list-card>a{display:block}.blog-list-media{position:relative;aspect-ratio:4/3;border-radius:22px;overflow:hidden;background:#eee}.blog-list-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}.blog-list-card:hover img,.related-article-card:hover img{transform:scale(1.035)}.blog-list-media>span{position:absolute;left:14px;top:14px;background:rgba(255,255,255,.92);padding:7px 10px;border-radius:999px;font-size:9px;letter-spacing:.1em}.blog-list-copy{padding-top:17px}.blog-meta{display:flex;gap:7px;align-items:center;color:#999;font-size:10px}.blog-meta i{font-style:normal}.blog-list-copy h2{font-family:Fraunces,serif;font-weight:400;font-size:30px;line-height:1.08;letter-spacing:-.025em;margin:10px 0}.blog-list-copy p{color:#6f6f69;font-size:13px;line-height:1.65;margin:0}.blog-list-copy b{display:inline-block;margin-top:14px;font-size:11px;border-bottom:1px solid #bbb;padding-bottom:3px}.blog-empty{padding:38px;border:1px dashed #ddd;border-radius:18px;color:#777;text-align:center;grid-column:1/-1}
.popular-posts{position:sticky;top:176px;align-self:start;border-top:1px solid #ddd;padding-top:22px}.popular-posts h2{font-family:Fraunces,serif;font-weight:400;font-size:32px;line-height:1.08;margin:8px 0 18px}.popular-posts a{display:flex;gap:13px;padding:17px 0;border-bottom:1px solid #e5e5e0}.popular-posts a>span{font-family:Fraunces,serif;font-size:24px;color:#bbb}.popular-posts strong{display:block;font-size:13px;line-height:1.4}.popular-posts small{display:block;color:#999;font-size:9.5px;margin-top:6px}
.blog-newsletter{margin-top:100px;border-radius:28px;background:#f1f4ea;padding:54px 58px;display:grid;grid-template-columns:1fr .85fr;gap:70px;align-items:end}.blog-newsletter h2{font-family:Fraunces,serif;font-size:clamp(38px,4vw,58px);line-height:1;font-weight:400;margin:8px 0 12px}.blog-newsletter p{color:#6d6d67;margin:0;line-height:1.65}.blog-newsletter form>div{display:flex;border-bottom:1px solid #28321f;padding-bottom:8px}.blog-newsletter input{flex:1;border:0;background:transparent;outline:0;font:inherit;font-size:13px}.blog-newsletter button{border:0;background:#243111;color:#fff;padding:12px 18px;border-radius:999px;cursor:pointer;font-weight:600}.blog-newsletter small{display:block;margin-top:10px;color:#808477;font-size:9.5px}
.article-breadcrumb{display:flex;align-items:center;gap:8px;color:#92928b;font-size:10px;white-space:nowrap;overflow:hidden;margin:20px 0 46px}.article-breadcrumb a{color:#666}.article-breadcrumb span{overflow:hidden;text-overflow:ellipsis}.article-breadcrumb i{font-style:normal;color:#bbb}.article-head{max-width:940px;margin:0 auto 42px;text-align:center}.article-head h1{font-family:Fraunces,serif;font-size:clamp(48px,6.3vw,82px);line-height:.99;letter-spacing:-.05em;white-space:normal;margin:10px 0 22px}.article-head>p{max-width:740px;margin:0 auto;color:#686863;line-height:1.72;font-size:16px}.article-meta{display:flex;justify-content:center;gap:9px;margin-top:20px;color:#999;font-size:10px}.article-meta i{font-style:normal}.article-cover{display:block;width:100%;aspect-ratio:16/8.5;object-fit:cover;border-radius:30px;background:#eee;margin-bottom:64px}.article-layout{display:grid;grid-template-columns:220px minmax(0,760px);gap:70px;justify-content:center}.article-toc-wrap{position:sticky;top:180px;align-self:start;border-top:1px solid #ddd;padding-top:16px}.article-toc-wrap>strong{font-size:10px;letter-spacing:.1em}.article-toc-wrap nav{display:grid;margin-top:12px}.article-toc-wrap a{font-size:11px;line-height:1.45;color:#777;padding:7px 0}.article-toc-wrap a:hover{color:#111}.article-content{font-size:16px;line-height:1.88;color:#4f4f4b}.article-content h2{font-family:Fraunces,serif;font-weight:400;font-size:34px;line-height:1.12;color:#111;margin:48px 0 14px}.article-content h3{font-size:19px;margin:32px 0 10px;color:#111}.article-content p{margin:0 0 22px}.article-content ul,.article-content ol{padding-left:22px}.article-content a{border-bottom:1px solid #aaa}.blog-inline-image{margin:20px 0 34px}.blog-inline-image img{width:100%;max-height:520px;object-fit:cover;border-radius:20px;display:block}.article-author{margin-top:58px;padding:28px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;display:flex;gap:18px;align-items:center}.author-mark{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#243111;color:#fff;font-family:Fraunces,serif;font-size:26px}.article-author span{font-size:8px;letter-spacing:.14em;color:#999}.article-author h3{font-family:Fraunces,serif;font-size:22px;font-weight:400;margin:3px 0}.article-author p{font-size:11px;line-height:1.55;color:#777;margin:0;max-width:520px}
.recipe-box{margin:0 0 50px;padding:28px;border:1px solid #dfe5d6;border-radius:22px;background:#f7f9f3}.recipe-stats{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #dfe5d6;padding-bottom:20px;margin-bottom:22px}.recipe-stats div{display:grid;gap:4px}.recipe-stats span{font-size:9px;color:#8a8f82;text-transform:uppercase;letter-spacing:.1em}.recipe-stats strong{font-size:14px}.recipe-columns{display:grid;grid-template-columns:.8fr 1.2fr;gap:36px}.recipe-columns h2{font-family:Fraunces,serif;font-size:25px;font-weight:400;margin:0 0 15px}.recipe-columns li{margin:9px 0;color:#555;font-size:13px;line-height:1.55}.recipe-columns ol{list-style:none;padding:0}.recipe-columns ol li{display:flex;gap:12px}.recipe-columns ol b{flex:0 0 25px;width:25px;height:25px;border-radius:50%;background:#243111;color:#fff;display:grid;place-items:center;font-size:10px}
.article-related-products,.article-related{margin-top:95px;padding-top:45px;border-top:1px solid #e2e2dd}.article-section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.article-section-head h2{font-family:Fraunces,serif;font-size:38px;font-weight:400;margin:8px 0 0}.article-section-head>a{font-size:11px;border-bottom:1px solid #bbb;padding-bottom:3px}.article-products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.article-product-card img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:18px;background:#eee}.article-product-card span{display:block;color:#999;font-size:9px;margin-top:12px;text-transform:uppercase}.article-product-card strong{display:block;font-family:Fraunces,serif;font-size:20px;font-weight:400;margin:5px 0}.article-product-card b{font-size:12px}.related-articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.related-article-card .blog-list-media{aspect-ratio:4/3}.related-article-card .blog-list-copy h2{font-size:24px}.article-newsletter{margin-top:95px}.blog-not-found{text-align:center;padding:100px 20px}.blog-not-found h1{font-family:Fraunces,serif;font-size:54px}.blog-footer{margin-top:20px}
@media(max-width:1000px){.blog-index-layout{grid-template-columns:1fr}.popular-posts{position:static;display:none}.article-layout{grid-template-columns:1fr}.article-toc-wrap{position:static;max-width:760px;margin:0 auto 16px}.article-products-grid{grid-template-columns:repeat(2,1fr)}.blog-index-tools{grid-template-columns:1fr}.blog-result-count{display:none}}
@media(max-width:760px){.blog-util{top:36px!important;min-height:92px;padding:9px 18px!important}.blog-util .util-logo .mark-svg{width:112px!important;max-height:68px}.blog-header-link{height:38px;padding:0 12px;font-size:11px}.blog-index-shell,.article-shell{padding:26px 20px 78px}.blog-index-hero{padding:24px 0 34px}.blog-index-hero h1{font-size:52px}.blog-index-grid{grid-template-columns:1fr;gap:42px}.blog-newsletter{grid-template-columns:1fr;padding:34px 24px;gap:30px;margin-top:70px}.article-breadcrumb{margin:10px 0 32px}.article-head{text-align:left}.article-head h1{font-size:48px}.article-head>p{font-size:14px}.article-meta{justify-content:flex-start;flex-wrap:wrap}.article-cover{aspect-ratio:4/3;border-radius:20px;margin-bottom:44px}.article-content{font-size:15px}.article-content h2{font-size:30px}.recipe-columns{grid-template-columns:1fr}.article-section-head{align-items:flex-start;flex-direction:column;gap:12px}.article-section-head h2{font-size:32px}.related-articles-grid{display:flex;overflow-x:auto;gap:14px;scroll-snap-type:x mandatory}.related-article-card{flex:0 0 82vw;scroll-snap-align:start}.article-products-grid{display:flex;overflow-x:auto}.article-product-card{flex:0 0 62vw}.blog-newsletter form>div{gap:8px}.blog-newsletter button{padding:11px 13px}.blog-footer .site-footer-inner{padding-left:20px!important;padding-right:20px!important}}


/* ===== BLOG DETAIL CONTENT VISIBILITY FIX ===== */
.article-cover[hidden]{display:none!important}
.article-cover{
  height:auto!important;
  max-height:520px;
  aspect-ratio:auto!important;
  object-fit:cover;
  background:transparent!important;
}
.article-cover.is-loaded{
  width:100%;
}
.article-layout{
  margin-top:0;
}
@media(max-width:760px){
  .article-cover{max-height:380px}
}


/* ========== V75 — CART LAYER + POPÜLER VARYANT ========== */

/* Sepet her zaman announcement/header katmanlarının üstünde açılsın. */
.cart-overlay{
  z-index:300 !important;
}
.cart-drawer{
  z-index:301 !important;
  top:0 !important;
}

/* Sepet açıkken sağ üst Ara / Sepetim / hamburger kontrolleri görünmesin. */
body.cart-open .util-right{
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

/* Varyantlarda admin'den seçilen popüler seçenek. */
.product-detail-page .detail-variants{
  gap:14px 10px !important;
  padding-top:9px;
  overflow:visible;
}
.product-detail-page .detail-variant{
  position:relative;
  overflow:visible;
}
.product-detail-page .detail-variant.is-popular{
  border-color:#243111 !important;
  box-shadow:0 0 0 1px rgba(36,49,17,.08), 0 6px 18px rgba(36,49,17,.08);
}
.product-detail-page .variant-popular-badge{
  position:absolute;
  top:-13px;
  right:-8px;
  z-index:2;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:20px;
  padding:3px 8px;
  border:2px solid #fff;
  border-radius:999px;
  background:#B8F85E;
  color:#243111;
  font-size:8.5px;
  line-height:1;
  font-weight:800;
  letter-spacing:.055em;
  text-transform:uppercase;
  white-space:nowrap;
  box-shadow:0 4px 10px rgba(36,49,17,.14);
}
.product-detail-page .detail-variant.active.is-popular .variant-popular-badge{
  background:#B8F85E;
  color:#243111;
}


/* ========== V76 BLOG DETAIL RESILIENCE ========== */
.article-loading{
  padding:24px 0;
  color:#8b8b84!important;
}
.article-content:empty::before{
  content:"İçerik yükleniyor…";
  display:block;
  padding:24px 0;
  color:#8b8b84;
}
.article-content > :first-child{margin-top:0!important}
.article-content img{
  max-width:100%;
  height:auto;
}


/* ========== V78 — BLOG FLOATING HEADER / COMPACT ARTICLE TOP ========== */

/*
  Blog header logo ve sağ butonlar sticky kalır; fakat bütün ekranı kaplayan
  beyaz sticky şerit oluşturmaz. Header belge akışında yükseklik tüketmez.
*/
.blog-body .blog-util{
  position:sticky!important;
  top:38px!important;
  z-index:90!important;
  height:0!important;
  min-height:0!important;
  padding:14px 32px 0!important;
  margin:0!important;
  background:transparent!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  box-shadow:none!important;
  border:0!important;
  align-items:flex-start!important;
  pointer-events:none!important;
  overflow:visible!important;
}
.blog-body .blog-util .util-logo,
.blog-body .blog-util .util-right{
  pointer-events:auto!important;
}
.blog-body .blog-util .util-logo{
  margin:0!important;
}
.blog-body .blog-util .util-right{
  margin:0!important;
}

/* İçerik artık sticky header'ın eski 118px yüksekliğini beklemez. */
.blog-body .article-shell{
  padding-top:34px!important;
}
.blog-body .article-breadcrumb{
  margin:8px 0 24px!important;
}
.blog-body .article-head{
  margin-bottom:32px!important;
}
.blog-body .article-head h1{
  margin-top:7px!important;
  margin-bottom:18px!important;
}
.blog-body .article-meta{
  margin-top:15px!important;
}
.blog-body .article-cover{
  margin-top:0!important;
}

/* Blog liste sayfası da gereksiz header boşluğunu kullanmasın. */
.blog-body .blog-index-shell{
  padding-top:34px!important;
}
.blog-body .blog-index-hero{
  padding-top:18px!important;
}

@media(max-width:760px){
  .blog-body .blog-util{
    top:36px!important;
    height:0!important;
    min-height:0!important;
    padding:9px 18px 0!important;
    background:transparent!important;
  }
  .blog-body .article-shell,
  .blog-body .blog-index-shell{
    padding-top:24px!important;
  }
  .blog-body .article-breadcrumb{
    margin:6px 0 20px!important;
  }
  .blog-body .article-head{
    margin-bottom:26px!important;
  }
}


/* ========== MASTER — POPÜLER VARYANT VURGUSU ========== */
.product-detail-page .detail-variants{
  padding-top:18px!important;
  gap:16px 12px!important;
  overflow:visible!important;
}
.product-detail-page .detail-variant{
  position:relative!important;
  overflow:visible!important;
}
.product-detail-page .detail-variant.is-popular{
  border:2px solid #243111!important;
  background:#fff!important;
  box-shadow:0 7px 20px rgba(36,49,17,.13)!important;
}
.product-detail-page .detail-variant.is-popular.active{
  background:#111!important;
  color:#fff!important;
  border-color:#111!important;
  box-shadow:0 9px 24px rgba(0,0,0,.20)!important;
}
.product-detail-page .variant-popular-badge{
  position:absolute!important;
  top:-15px!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  z-index:5!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:24px!important;
  padding:4px 11px!important;
  border:2px solid #fff!important;
  border-radius:999px!important;
  background:#B8F85E!important;
  color:#243111!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  box-shadow:0 5px 14px rgba(36,49,17,.22)!important;
}
.product-detail-page .detail-variant.active.is-popular .variant-popular-badge{
  background:#B8F85E!important;
  color:#243111!important;
  border-color:#fff!important;
}
@media(max-width:560px){
  .product-detail-page .detail-variants{padding-top:17px!important;gap:15px 10px!important}
  .product-detail-page .variant-popular-badge{font-size:8px!important;min-height:22px!important;padding:4px 9px!important}
}

/* MASTER 2 — Kampanya Hero */
.campaign-hero{position:relative;overflow:hidden}.campaign-hero .home-hero-copy{position:relative;z-index:2}
.campaign-badge{display:inline-flex;align-items:center;justify-content:center;width:max-content;min-height:30px;margin:0 0 16px;padding:7px 13px;border:1px solid rgba(36,49,17,.22);border-radius:999px;background:#B8F85E;color:#243111;font-size:10px;font-weight:900;letter-spacing:.11em;line-height:1;text-transform:uppercase;box-shadow:0 6px 18px rgba(36,49,17,.10)}
.campaign-hero .home-hero-visual{position:relative;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}
.campaign-hero .home-hero-visual::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.12))}
.campaign-hero .hero-card{position:relative;z-index:1}.campaign-hero.campaign-inactive .campaign-badge{display:none!important}
@media(max-width:720px){.campaign-badge{min-height:27px;margin-bottom:12px;padding:6px 11px;font-size:9px}}


/* ========== BANNER FIX 1 — SCREENSHOT'A YAKIN İKİ KOLONLU SLIDER ========== */
.campaign-banner-slider{
  position:relative;
  width:min(100% - 36px,1540px);
  max-width:1540px;
  min-height:430px;
  margin:12px auto 58px;
  padding:0;
  overflow:visible;
  background:transparent;
}
.campaign-banner-track{position:relative;min-height:430px}
.campaign-banner-slide{
  position:absolute;
  inset:0;
  display:grid;
  grid-template-columns:minmax(0,48%) minmax(0,52%);
  gap:28px;
  align-items:center;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .55s ease,visibility .55s ease;
}
.campaign-banner-slide.is-active{
  position:relative;
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  z-index:2;
}
.campaign-banner-copy{
  width:100%;
  max-width:650px;
  padding:12px 0 12px 4px;
}
.campaign-banner-copy .eyebrow{
  display:inline-flex;
  margin:0 0 15px;
  padding:8px 13px;
  border:1px solid #deded8;
  border-radius:999px;
  background:#fff;
  color:#161812;
  font-size:9px;
  font-weight:800;
  letter-spacing:.17em;
  text-transform:uppercase;
}
.campaign-banner-copy h1{
  margin:0;
  max-width:650px;
  font-family:Fraunces,Georgia,serif;
  font-size:clamp(50px,4.5vw,74px);
  line-height:.96;
  letter-spacing:-.055em;
  font-weight:500;
  color:#0d0e0b;
}
.campaign-banner-copy p{
  max-width:610px;
  margin:20px 0 0;
  color:#56594f;
  font-size:14px;
  line-height:1.75;
}
.campaign-banner-copy .home-actions{margin-top:24px}

.campaign-banner-media{
  position:relative;
  min-height:405px;
  margin-left:-20px;
}
.campaign-banner-image{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  border-radius:24px;
  background:#efefef;
  box-shadow:0 12px 30px rgba(20,24,12,.07);
}
.campaign-banner-image-placeholder{
  background:linear-gradient(135deg,#f3f3f3,#ececec);
}
.campaign-banner-badges{
  position:absolute;
  z-index:5;
  left:-48px;
  top:50%;
  transform:translateY(-50%);
  display:flex;
  flex-direction:column;
  gap:18px;
  align-items:center;
  pointer-events:none;
}
.campaign-banner-badge{
  display:block;
  width:90px;
  height:90px;
  object-fit:contain;
  filter:drop-shadow(0 7px 15px rgba(0,0,0,.13));
}
.campaign-banner-badge.badge-two{
  width:80px;
  height:80px;
}
.campaign-banner-arrow{
  position:absolute;
  z-index:8;
  top:50%;
  width:38px;
  height:38px;
  border:0;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:rgba(22,22,20,.55);
  color:#fff;
  cursor:pointer;
  transform:translateY(-50%);
  backdrop-filter:blur(7px);
}
.campaign-banner-arrow.prev{left:calc(48% + 4px)}
.campaign-banner-arrow.next{right:10px}
.campaign-banner-dots{
  position:absolute;
  z-index:8;
  right:24px;
  bottom:14px;
  display:flex;
  align-items:center;
  gap:7px;
  padding:7px 9px;
  border-radius:999px;
  background:rgba(255,255,255,.50);
  backdrop-filter:blur(7px);
}
.campaign-banner-dot{
  width:7px;
  height:7px;
  padding:0;
  border:0;
  border-radius:999px;
  background:rgba(0,0,0,.22);
  cursor:pointer;
  transition:width .25s ease,background .25s ease;
}
.campaign-banner-dot.is-active{
  width:23px;
  background:#111;
}
.campaign-banner-slider.is-single .campaign-banner-arrow,
.campaign-banner-slider.is-single .campaign-banner-dots{
  display:none;
}

/* Existing green campaign text badge and old image-card text are intentionally absent. */
.campaign-banner-slider .campaign-badge,
.campaign-banner-slider .hero-card{
  display:none!important;
}

@media(max-width:1100px){
  .campaign-banner-slider{
    width:min(100% - 28px,1320px);
  }
  .campaign-banner-slide{
    grid-template-columns:minmax(0,49%) minmax(0,51%);
    gap:24px;
  }
  .campaign-banner-copy h1{
    font-size:clamp(46px,5vw,64px);
  }
  .campaign-banner-media{
    margin-left:-12px;
    min-height:390px;
  }
  .campaign-banner-arrow.prev{
    left:calc(49% + 1px);
  }
}

@media(max-width:820px){
  .campaign-banner-slider{
    width:calc(100% - 22px);
    min-height:720px;
    margin-top:10px;
  }
  .campaign-banner-track{min-height:720px}
  .campaign-banner-slide{
    grid-template-columns:1fr;
    grid-template-rows:auto 1fr;
    gap:20px;
    align-content:start;
  }
  .campaign-banner-copy{
    max-width:none;
    padding:4px 0 0;
  }
  .campaign-banner-copy h1{
    max-width:100%;
    font-size:clamp(42px,9vw,60px);
  }
  .campaign-banner-media{
    min-height:380px;
    margin-left:0;
  }
  .campaign-banner-badges{
    left:14px;
    top:16px;
    transform:none;
    flex-direction:row;
    gap:10px;
  }
  .campaign-banner-badge,
  .campaign-banner-badge.badge-two{
    width:70px;
    height:70px;
  }
  .campaign-banner-arrow{
    top:auto;
    bottom:165px;
  }
  .campaign-banner-arrow.prev{left:12px}
  .campaign-banner-arrow.next{right:12px}
  .campaign-banner-dots{
    left:50%;
    right:auto;
    transform:translateX(-50%);
    bottom:12px;
  }
}

@media(max-width:560px){
  .campaign-banner-slider{
    min-height:670px;
  }
  .campaign-banner-track{min-height:670px}
  .campaign-banner-copy h1{
    font-size:40px;
  }
  .campaign-banner-copy p{
    margin-top:15px;
    font-size:12.5px;
    line-height:1.62;
  }
  .campaign-banner-copy .home-actions{
    margin-top:18px;
  }
  .campaign-banner-media{
    min-height:320px;
  }
  .campaign-banner-image{
    border-radius:20px;
  }
}


/* ========== BANNER FIX 2 — ALIGNMENT / LEGACY HERO CONFLICT ========== */
#campaignBannerSlider{
  position:relative!important;
  display:block!important;
  box-sizing:border-box!important;
  width:min(calc(100% - 48px),1320px)!important;
  max-width:1320px!important;
  min-height:430px!important;
  margin:28px auto 64px!important;
  padding:0!important;
  left:auto!important;
  right:auto!important;
  transform:none!important;
  overflow:visible!important;
}

#campaignBannerSlider .campaign-banner-track{
  position:relative!important;
  width:100%!important;
  min-height:430px!important;
}

#campaignBannerSlider .campaign-banner-slide{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  min-height:430px!important;
  display:grid!important;
  grid-template-columns:minmax(0,46%) minmax(0,54%)!important;
  gap:34px!important;
  align-items:center!important;
  box-sizing:border-box!important;
}

#campaignBannerSlider .campaign-banner-slide.is-active{
  position:relative!important;
}

#campaignBannerSlider .campaign-banner-copy{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  padding:10px 0!important;
  margin:0!important;
}

#campaignBannerSlider .campaign-banner-copy h1{
  max-width:590px!important;
  font-size:clamp(48px,4.1vw,68px)!important;
  line-height:.98!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}

#campaignBannerSlider .campaign-banner-copy p{
  max-width:560px!important;
}

#campaignBannerSlider .campaign-banner-media{
  position:relative!important;
  width:100%!important;
  min-width:0!important;
  min-height:390px!important;
  margin:0!important;
}

#campaignBannerSlider .campaign-banner-image{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border-radius:24px!important;
}

#campaignBannerSlider .campaign-banner-badges{
  left:-44px!important;
}

#campaignBannerSlider .campaign-banner-arrow.prev{
  left:calc(46% + 16px)!important;
}

#campaignBannerSlider .campaign-banner-arrow.next{
  right:12px!important;
}

#campaignBannerSlider .campaign-banner-dots{
  right:22px!important;
  bottom:14px!important;
}

/* Keep next section centered directly under hero */
#campaignBannerSlider + .products{
  margin-top:0!important;
}

@media(max-width:1100px){
  #campaignBannerSlider{
    width:min(calc(100% - 32px),1180px)!important;
  }
  #campaignBannerSlider .campaign-banner-slide{
    grid-template-columns:minmax(0,47%) minmax(0,53%)!important;
    gap:26px!important;
  }
  #campaignBannerSlider .campaign-banner-copy h1{
    font-size:clamp(44px,5vw,60px)!important;
  }
  #campaignBannerSlider .campaign-banner-media{
    min-height:370px!important;
  }
  #campaignBannerSlider .campaign-banner-arrow.prev{
    left:calc(47% + 10px)!important;
  }
}

@media(max-width:820px){
  #campaignBannerSlider{
    width:calc(100% - 24px)!important;
    min-height:720px!important;
    margin-top:18px!important;
  }
  #campaignBannerSlider .campaign-banner-track{
    min-height:720px!important;
  }
  #campaignBannerSlider .campaign-banner-slide{
    grid-template-columns:1fr!important;
    grid-template-rows:auto 1fr!important;
    min-height:720px!important;
    gap:20px!important;
    align-content:start!important;
  }
  #campaignBannerSlider .campaign-banner-copy{
    padding:0!important;
  }
  #campaignBannerSlider .campaign-banner-copy h1{
    max-width:100%!important;
    font-size:clamp(42px,9vw,58px)!important;
  }
  #campaignBannerSlider .campaign-banner-media{
    min-height:360px!important;
  }
  #campaignBannerSlider .campaign-banner-badges{
    left:14px!important;
    top:16px!important;
  }
  #campaignBannerSlider .campaign-banner-arrow.prev{
    left:12px!important;
    top:auto!important;
    bottom:155px!important;
  }
  #campaignBannerSlider .campaign-banner-arrow.next{
    right:12px!important;
    top:auto!important;
    bottom:155px!important;
  }
  #campaignBannerSlider .campaign-banner-dots{
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    bottom:12px!important;
  }
}


/* ========== BANNER FIX 3 — PRODUCTS CONTAINER ALIGNMENT ========== */
/* Hero uses the exact same outer container geometry as .products. */
#campaignBannerSlider{
  width:100%!important;
  max-width:1280px!important;
  min-height:390px!important;
  margin:18px auto 0!important;
  padding:0 32px!important;
  box-sizing:border-box!important;
}
#campaignBannerSlider .campaign-banner-track{
  min-height:390px!important;
}
#campaignBannerSlider .campaign-banner-slide{
  min-height:390px!important;
  grid-template-columns:minmax(0,43%) minmax(0,57%)!important;
  gap:28px!important;
}
#campaignBannerSlider .campaign-banner-copy{
  padding:8px 0!important;
}
#campaignBannerSlider .campaign-banner-copy h1{
  max-width:520px!important;
  font-size:clamp(46px,3.9vw,64px)!important;
  line-height:.97!important;
}
#campaignBannerSlider .campaign-banner-copy p{
  max-width:500px!important;
  margin-top:18px!important;
}
#campaignBannerSlider .campaign-banner-copy .home-actions{
  margin-top:22px!important;
}
#campaignBannerSlider .campaign-banner-media{
  min-height:360px!important;
  width:calc(100% + 20px)!important;
  margin-left:-20px!important;
}
#campaignBannerSlider .campaign-banner-image{
  border-radius:24px!important;
}
#campaignBannerSlider .campaign-banner-badges{
  left:-42px!important;
}
#campaignBannerSlider .campaign-banner-arrow.prev{
  left:calc(43% + 40px)!important;
}
#campaignBannerSlider .campaign-banner-arrow.next{
  right:38px!important;
}
#campaignBannerSlider .campaign-banner-dots{
  right:50px!important;
  bottom:14px!important;
}
#campaignBannerSlider + .products{
  margin-top:0!important;
  padding-top:50px!important;
}

@media(max-width:1100px) and (min-width:821px){
  #campaignBannerSlider{
    padding:0 28px!important;
    min-height:375px!important;
  }
  #campaignBannerSlider .campaign-banner-track,
  #campaignBannerSlider .campaign-banner-slide{
    min-height:375px!important;
  }
  #campaignBannerSlider .campaign-banner-slide{
    grid-template-columns:minmax(0,44%) minmax(0,56%)!important;
    gap:24px!important;
  }
  #campaignBannerSlider .campaign-banner-copy h1{
    font-size:clamp(42px,4.8vw,57px)!important;
  }
  #campaignBannerSlider .campaign-banner-media{
    min-height:345px!important;
    width:calc(100% + 14px)!important;
    margin-left:-14px!important;
  }
  #campaignBannerSlider .campaign-banner-arrow.prev{
    left:calc(44% + 28px)!important;
  }
  #campaignBannerSlider .campaign-banner-arrow.next{
    right:34px!important;
  }
}

@media(max-width:820px){
  #campaignBannerSlider{
    width:100%!important;
    max-width:1280px!important;
    padding:0 16px!important;
    min-height:690px!important;
    margin-top:14px!important;
  }
  #campaignBannerSlider .campaign-banner-track,
  #campaignBannerSlider .campaign-banner-slide{
    min-height:690px!important;
  }
  #campaignBannerSlider .campaign-banner-slide{
    grid-template-columns:1fr!important;
    grid-template-rows:auto 1fr!important;
    gap:18px!important;
  }
  #campaignBannerSlider .campaign-banner-copy h1{
    max-width:100%!important;
    font-size:clamp(40px,9vw,56px)!important;
  }
  #campaignBannerSlider .campaign-banner-media{
    width:100%!important;
    min-height:350px!important;
    margin-left:0!important;
  }
  #campaignBannerSlider .campaign-banner-arrow.prev{left:26px!important;bottom:150px!important;top:auto!important}
  #campaignBannerSlider .campaign-banner-arrow.next{right:26px!important;bottom:150px!important;top:auto!important}
  #campaignBannerSlider .campaign-banner-dots{left:50%!important;right:auto!important;transform:translateX(-50%)!important;bottom:12px!important}
}


/* ========== BANNER FIX 4 — NET KOLON AYRIMI + ROZET BOŞLUĞU ========== */
#campaignBannerSlider{
  width:100%!important;
  max-width:1280px!important;
  margin:18px auto 0!important;
  padding:0 32px!important;
  box-sizing:border-box!important;
  min-height:390px!important;
}
#campaignBannerSlider .campaign-banner-track{
  min-height:390px!important;
}
#campaignBannerSlider .campaign-banner-slide{
  width:100%!important;
  min-height:390px!important;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.28fr)!important;
  gap:72px!important;
  align-items:center!important;
}
#campaignBannerSlider .campaign-banner-copy{
  min-width:0!important;
  max-width:100%!important;
  padding:10px 0!important;
  overflow:visible!important;
}
#campaignBannerSlider .campaign-banner-copy h1{
  width:100%!important;
  max-width:520px!important;
  margin:0!important;
  font-size:clamp(46px,3.9vw,64px)!important;
  line-height:.98!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}
#campaignBannerSlider .campaign-banner-copy p{
  width:100%!important;
  max-width:500px!important;
  margin-top:20px!important;
}
#campaignBannerSlider .campaign-banner-media{
  position:relative!important;
  min-width:0!important;
  width:calc(100% + 18px)!important;
  min-height:390px!important;
  margin:0 -18px 0 0!important;
}
#campaignBannerSlider .campaign-banner-image{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
#campaignBannerSlider .campaign-banner-badges{
  left:-54px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  gap:18px!important;
}
#campaignBannerSlider .campaign-banner-badge{
  width:88px!important;
  height:88px!important;
}
#campaignBannerSlider .campaign-banner-badge.badge-two{
  width:78px!important;
  height:78px!important;
}
#campaignBannerSlider .campaign-banner-arrow.prev{
  left:auto!important;
  right:calc(58% - 52px)!important;
}
#campaignBannerSlider .campaign-banner-arrow.next{
  right:20px!important;
}
#campaignBannerSlider .campaign-banner-dots{
  right:34px!important;
  bottom:14px!important;
}
#campaignBannerSlider + .products{
  margin-top:0!important;
  padding-top:38px!important;
}

/* Exact same outer container edges as .products */
@media(min-width:1281px){
  #campaignBannerSlider{
    max-width:1280px!important;
  }
}

@media(max-width:1100px) and (min-width:821px){
  #campaignBannerSlider{
    padding:0 28px!important;
    min-height:375px!important;
  }
  #campaignBannerSlider .campaign-banner-track,
  #campaignBannerSlider .campaign-banner-slide{
    min-height:375px!important;
  }
  #campaignBannerSlider .campaign-banner-slide{
    grid-template-columns:minmax(0,.95fr) minmax(0,1.20fr)!important;
    gap:58px!important;
  }
  #campaignBannerSlider .campaign-banner-copy h1{
    max-width:470px!important;
    font-size:clamp(42px,4.8vw,58px)!important;
  }
  #campaignBannerSlider .campaign-banner-media{
    width:calc(100% + 12px)!important;
    margin-right:-12px!important;
    min-height:370px!important;
  }
  #campaignBannerSlider .campaign-banner-badges{
    left:-46px!important;
  }
}

@media(max-width:820px){
  #campaignBannerSlider{
    padding:0 20px!important;
    min-height:720px!important;
  }
  #campaignBannerSlider .campaign-banner-track,
  #campaignBannerSlider .campaign-banner-slide{
    min-height:720px!important;
  }
  #campaignBannerSlider .campaign-banner-slide{
    grid-template-columns:1fr!important;
    grid-template-rows:auto 1fr!important;
    gap:22px!important;
  }
  #campaignBannerSlider .campaign-banner-copy h1{
    max-width:100%!important;
  }
  #campaignBannerSlider .campaign-banner-media{
    width:100%!important;
    min-height:360px!important;
    margin:0!important;
  }
  #campaignBannerSlider .campaign-banner-badges{
    left:14px!important;
    top:14px!important;
    transform:none!important;
    flex-direction:row!important;
  }
  #campaignBannerSlider .campaign-banner-arrow.prev{
    left:12px!important;
    right:auto!important;
    top:auto!important;
    bottom:155px!important;
  }
  #campaignBannerSlider .campaign-banner-arrow.next{
    right:12px!important;
    top:auto!important;
    bottom:155px!important;
  }
}


/* ========== BANNER FIX 5 — METİN GÖRSEL ÜSTÜNE GİRMEZ ========== */
#campaignBannerSlider{
  width:min(calc(100% - 48px),1280px)!important;
  max-width:1280px!important;
  padding:0!important;
  margin:20px auto 0!important;
  box-sizing:border-box!important;
}

#campaignBannerSlider .campaign-banner-slide{
  display:grid!important;
  grid-template-columns:500px minmax(0,1fr)!important;
  column-gap:72px!important;
  align-items:center!important;
  width:100%!important;
  min-height:390px!important;
  overflow:visible!important;
}

#campaignBannerSlider .campaign-banner-copy{
  width:500px!important;
  max-width:500px!important;
  min-width:500px!important;
  padding:8px 0!important;
  overflow:visible!important;
}

#campaignBannerSlider .campaign-banner-copy h1{
  width:100%!important;
  max-width:500px!important;
  font-size:clamp(44px,3.45vw,60px)!important;
  line-height:.98!important;
  letter-spacing:-.05em!important;
  white-space:normal!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
}

#campaignBannerSlider .campaign-banner-copy p{
  width:100%!important;
  max-width:500px!important;
}

#campaignBannerSlider .campaign-banner-media{
  position:relative!important;
  width:100%!important;
  min-width:0!important;
  min-height:390px!important;
  margin:0!important;
  transform:none!important;
  left:auto!important;
  right:auto!important;
  overflow:visible!important;
}

#campaignBannerSlider .campaign-banner-image{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  transform:none!important;
}

#campaignBannerSlider .campaign-banner-badges{
  left:-52px!important;
}

#campaignBannerSlider .campaign-banner-arrow.prev{
  left:calc(500px + 36px)!important;
  right:auto!important;
}
#campaignBannerSlider .campaign-banner-arrow.next{
  right:10px!important;
}

@media(max-width:1180px) and (min-width:821px){
  #campaignBannerSlider{
    width:calc(100% - 36px)!important;
  }
  #campaignBannerSlider .campaign-banner-slide{
    grid-template-columns:430px minmax(0,1fr)!important;
    column-gap:58px!important;
  }
  #campaignBannerSlider .campaign-banner-copy{
    width:430px!important;
    max-width:430px!important;
    min-width:430px!important;
  }
  #campaignBannerSlider .campaign-banner-copy h1,
  #campaignBannerSlider .campaign-banner-copy p{
    max-width:430px!important;
  }
  #campaignBannerSlider .campaign-banner-copy h1{
    font-size:clamp(40px,4.4vw,54px)!important;
  }
  #campaignBannerSlider .campaign-banner-arrow.prev{
    left:calc(430px + 28px)!important;
  }
  #campaignBannerSlider .campaign-banner-badges{
    left:-44px!important;
  }
}

@media(max-width:820px){
  #campaignBannerSlider{
    width:calc(100% - 24px)!important;
  }
  #campaignBannerSlider .campaign-banner-slide{
    grid-template-columns:1fr!important;
    row-gap:22px!important;
  }
  #campaignBannerSlider .campaign-banner-copy{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  #campaignBannerSlider .campaign-banner-copy h1,
  #campaignBannerSlider .campaign-banner-copy p{
    max-width:100%!important;
  }
}

/* BANNER FIX 6 — ürünlerle aynı sol çizgi, görsel sağda 20px taşar */
#campaignBannerSlider{
  width:100%!important;max-width:1280px!important;margin:20px auto 0!important;
  padding:0 32px!important;box-sizing:border-box!important;overflow:visible!important;
}
#campaignBannerSlider .campaign-banner-track{width:100%!important;overflow:visible!important}
#campaignBannerSlider .campaign-banner-slide{
  width:100%!important;grid-template-columns:500px minmax(0,1fr)!important;
  column-gap:72px!important;align-items:center!important;overflow:visible!important;
}
#campaignBannerSlider .campaign-banner-copy{
  width:500px!important;min-width:500px!important;max-width:500px!important;
  margin:0!important;padding:8px 0!important;box-sizing:border-box!important;
}
#campaignBannerSlider .campaign-banner-copy h1{
  width:100%!important;max-width:500px!important;margin-left:0!important;margin-right:0!important;
}
#campaignBannerSlider .campaign-banner-copy p,
#campaignBannerSlider .campaign-banner-copy .home-actions,
#campaignBannerSlider .campaign-banner-copy .eyebrow{margin-left:0!important}
#campaignBannerSlider .campaign-banner-media{
  position:relative!important;width:calc(100% + 20px)!important;min-width:0!important;
  min-height:390px!important;margin:0 -20px 0 0!important;left:auto!important;right:auto!important;
  transform:none!important;overflow:visible!important;
}
#campaignBannerSlider .campaign-banner-image{
  width:100%!important;height:100%!important;inset:0!important;transform:none!important;
}
#campaignBannerSlider .campaign-banner-badges{left:-52px!important}
#campaignBannerSlider .campaign-banner-arrow.next{right:-10px!important}
#campaignBannerSlider .campaign-banner-dots{right:4px!important}
#campaignBannerSlider + .products{margin-top:0!important;padding-top:38px!important}

@media(max-width:1180px) and (min-width:821px){
  #campaignBannerSlider{width:100%!important;max-width:100%!important;padding:0 32px!important}
  #campaignBannerSlider .campaign-banner-slide{
    grid-template-columns:430px minmax(0,1fr)!important;column-gap:58px!important;
  }
  #campaignBannerSlider .campaign-banner-copy{
    width:430px!important;min-width:430px!important;max-width:430px!important;
  }
  #campaignBannerSlider .campaign-banner-media{
    width:calc(100% + 20px)!important;margin-right:-20px!important;
  }
}
@media(max-width:820px){
  #campaignBannerSlider{width:100%!important;padding:0 20px!important}
  #campaignBannerSlider .campaign-banner-slide{grid-template-columns:1fr!important;row-gap:22px!important}
  #campaignBannerSlider .campaign-banner-copy{width:100%!important;min-width:0!important;max-width:100%!important}
  #campaignBannerSlider .campaign-banner-media{width:100%!important;margin-right:0!important}
  #campaignBannerSlider .campaign-banner-arrow.next{right:12px!important}
  #campaignBannerSlider .campaign-banner-dots{right:auto!important}
}

/* Admin-controlled Hello Bar colors */
:root{--miora-announcement-bg:#B8F85E;--miora-announcement-text:#243111}
.announcement-bar,.top-announcement,.announcement{
  background:var(--miora-announcement-bg)!important;
  color:var(--miora-announcement-text)!important;
}
.announcement-bar a,.announcement-bar span,.announcement-bar strong,.announcement-bar i,
.top-announcement a,.top-announcement span,.announcement a,.announcement span{
  color:var(--miora-announcement-text)!important;
}

/* Ürün → Miora Rehberi */
.product-guide-links{max-width:1180px;margin:72px auto 0;padding-top:64px;border-top:1px solid #e3e3dd}
.product-guide-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}
.product-guide-head>div>span{display:block;margin-bottom:8px;font-size:10px;font-weight:800;letter-spacing:.16em;color:#777}
.product-guide-head h2{margin:0;font-family:Fraunces,Georgia,serif;font-size:clamp(32px,3.4vw,48px);line-height:1.02;letter-spacing:-.035em;font-weight:500}
.product-guide-head>a{color:#111;font-size:12px;text-decoration:none;border-bottom:1px solid #bbb;padding-bottom:3px}
.product-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.product-guide-card{display:block;overflow:hidden;border:1px solid #e2e2dc;border-radius:18px;background:#fff;color:#111;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}
.product-guide-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(0,0,0,.08)}
.product-guide-image{aspect-ratio:16/10;overflow:hidden;background:#f2f2ed}
.product-guide-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.product-guide-card:hover .product-guide-image img{transform:scale(1.025)}
.product-guide-copy{padding:20px}
.product-guide-copy>span{display:block;margin-bottom:9px;color:#777;font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.product-guide-copy h3{margin:0;font-family:Fraunces,Georgia,serif;font-size:25px;line-height:1.08;letter-spacing:-.025em;font-weight:500}
.product-guide-copy p{margin:11px 0 0;color:#777;font-size:12px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.product-guide-copy strong{display:inline-block;margin-top:16px;font-size:11px}
@media(max-width:800px){.product-guide-links{margin-top:52px}.product-guide-grid{grid-template-columns:1fr}.product-guide-head{align-items:flex-start;flex-direction:column}}


/* ========== ÜRÜN ROZETLERİ — GÖRSELİN SOL DİKEY ALANI ========== */
body.product-page .detail-gallery-column{
  position:relative;
  min-width:0;
}

body.product-page .detail-product-badges{
  position:absolute;
  z-index:5;
  left:-104px;
  top:92px;
  width:82px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:14px;
  margin:0;
  pointer-events:none;
}

body.product-page .detail-product-badges[hidden]{
  display:none!important;
}

body.product-page .detail-product-badge{
  display:block;
  width:78px;
  height:78px;
  object-fit:contain;
  filter:drop-shadow(0 8px 12px rgba(0,0,0,.08));
}

/* Eski YERLİ ÜRÜN / KATKISIZ / DOĞAL ÜRETİM / ÖZENLE PAKETLENDİ
   yuvarlak damga tasarımı aynen korunur. */

@media(max-width:1180px){
  body.product-page .detail-product-badges{
    left:14px;
    top:14px;
    width:auto;
    flex-direction:row;
    align-items:center;
    gap:8px;
  }
  body.product-page .detail-product-badge{
    width:66px;
    height:66px;
  }
}

@media(max-width:760px){
  body.product-page .detail-product-badges{
    left:10px;
    top:10px;
    gap:6px;
  }
  body.product-page .detail-product-badge{
    width:58px;
    height:58px;
  }
}


/* ========== VARYANT POPÜLER — TEMİZ BİRLEŞİK PİL ========== */
.product-detail-page .detail-variants{
  padding-top:22px!important;
  gap:12px!important;
  overflow:visible!important;
  align-items:flex-end!important;
}

.product-detail-page .detail-variant{
  position:relative!important;
  min-height:44px!important;
  padding:0 18px!important;
  border-radius:24px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:visible!important;
}

.product-detail-page .detail-variant.is-popular{
  min-width:86px!important;
  border:1.5px solid #111!important;
  background:#fff!important;
  color:#111!important;
  box-shadow:none!important;
}

.product-detail-page .detail-variant.is-popular.active{
  background:#111!important;
  color:#fff!important;
  border-color:#111!important;
}

/* Popüler etiketi ayrı sticker gibi değil, varyantın üst konturuna oturan yarım kapsül */
.product-detail-page .variant-popular-badge{
  position:absolute!important;
  z-index:3!important;
  top:-19px!important;
  left:7px!important;
  right:7px!important;
  height:25px!important;
  padding:0 7px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1.5px solid #111!important;
  border-bottom:0!important;
  border-radius:15px 15px 0 0!important;
  background:#A9F45A!important;
  color:#111!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:.015em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  box-shadow:none!important;
}

.product-detail-page .detail-variant.is-popular .detail-variant-label{
  position:relative!important;
  z-index:2!important;
}

@media(max-width:760px){
  .product-detail-page .detail-variants{padding-top:20px!important;gap:10px!important}
  .product-detail-page .detail-variant{min-height:42px!important;padding:0 15px!important}
  .product-detail-page .variant-popular-badge{
    top:-18px!important;
    left:6px!important;
    right:6px!important;
    height:24px!important;
    font-size:8.5px!important;
  }
}

/* ========== ÜRÜN GÖRSELİ SOLUNDAKİ ROZETLER — +%50 / 1–6 ADET ========== */
body.product-page .detail-product-badges{
  left:-160px;
  top:26px;
  width:142px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:14px;
}

body.product-page .detail-product-badge{
  width:132px;
  height:132px;
  flex:0 0 132px;
  object-fit:contain;
  filter:drop-shadow(0 10px 16px rgba(0,0,0,.10));
}

/* 4+ rozet olduğunda alan gereksiz uzamasın diye hafif sıkıştır */
body.product-page .detail-product-badges:has(.detail-product-badge:nth-child(4)){
  gap:8px;
}
body.product-page .detail-product-badges:has(.detail-product-badge:nth-child(5)) .detail-product-badge,
body.product-page .detail-product-badges:has(.detail-product-badge:nth-child(6)) .detail-product-badge{
  width:118px;
  height:118px;
  flex-basis:118px;
}

@media(max-width:1180px){
  body.product-page .detail-product-badges{
    left:14px;
    top:14px;
    width:auto;
    flex-direction:row;
    flex-wrap:wrap;
    max-width:calc(100% - 28px);
    gap:8px;
  }

  body.product-page .detail-product-badge{
    width:111px;
    height:111px;
    flex-basis:111px;
  }

  body.product-page .detail-product-badges:has(.detail-product-badge:nth-child(5)) .detail-product-badge,
  body.product-page .detail-product-badges:has(.detail-product-badge:nth-child(6)) .detail-product-badge{
    width:96px;
    height:96px;
    flex-basis:96px;
  }
}

@media(max-width:760px){
  body.product-page .detail-product-badges{
    left:10px;
    top:10px;
    gap:6px;
  }

  body.product-page .detail-product-badge{
    width:99px;
    height:99px;
    flex-basis:99px;
  }

  body.product-page .detail-product-badges:has(.detail-product-badge:nth-child(5)) .detail-product-badge,
  body.product-page .detail-product-badges:has(.detail-product-badge:nth-child(6)) .detail-product-badge{
    width:84px;
    height:84px;
    flex-basis:84px;
  }
}


/* ========== ÜRÜN ROZETLERİ — FİYATIN SAĞINDA YATAY ========== */
body.product-page .detail-price-badge-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  width:100%;
  margin:2px 0 18px;
}

body.product-page .detail-price-badge-row .detail-price{
  flex:0 0 auto;
  margin:0!important;
}

body.product-page .detail-product-badges{
  position:static!important;
  inset:auto!important;
  z-index:auto!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;

  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:nowrap!important;
  gap:10px!important;

  pointer-events:auto!important;
}

body.product-page .detail-product-badges[hidden]{
  display:none!important;
}

body.product-page .detail-product-badge{
  display:block!important;
  width:82px!important;
  height:82px!important;
  flex:0 0 82px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 8px 13px rgba(0,0,0,.10))!important;
}

/* Çok rozet olduğunda hepsi aynı satırda kalsın */
body.product-page .detail-product-badges:has(.detail-product-badge:nth-child(4)) .detail-product-badge{
  width:74px!important;
  height:74px!important;
  flex-basis:74px!important;
}

body.product-page .detail-product-badges:has(.detail-product-badge:nth-child(5)) .detail-product-badge{
  width:64px!important;
  height:64px!important;
  flex-basis:64px!important;
}

body.product-page .detail-product-badges:has(.detail-product-badge:nth-child(6)) .detail-product-badge{
  width:58px!important;
  height:58px!important;
  flex-basis:58px!important;
}

/* Masaüstünde rozetlerin eski sol-ray kuralları tamamen etkisiz */
body.product-page .detail-gallery-column > .detail-product-badges{
  display:none!important;
}

@media(max-width:1180px){
  body.product-page .detail-price-badge-row{
    flex-direction:column;
    align-items:flex-start;
    gap:12px;
  }

  body.product-page .detail-product-badges{
    justify-content:flex-start!important;
    width:100%!important;
    overflow-x:auto!important;
    scrollbar-width:none;
  }

  body.product-page .detail-product-badges::-webkit-scrollbar{
    display:none;
  }

  body.product-page .detail-product-badge,
  body.product-page .detail-product-badges:has(.detail-product-badge:nth-child(4)) .detail-product-badge,
  body.product-page .detail-product-badges:has(.detail-product-badge:nth-child(5)) .detail-product-badge,
  body.product-page .detail-product-badges:has(.detail-product-badge:nth-child(6)) .detail-product-badge{
    width:74px!important;
    height:74px!important;
    flex-basis:74px!important;
  }
}

@media(max-width:760px){
  body.product-page .detail-product-badge,
  body.product-page .detail-product-badges:has(.detail-product-badge:nth-child(4)) .detail-product-badge,
  body.product-page .detail-product-badges:has(.detail-product-badge:nth-child(5)) .detail-product-badge,
  body.product-page .detail-product-badges:has(.detail-product-badge:nth-child(6)) .detail-product-badge{
    width:66px!important;
    height:66px!important;
    flex-basis:66px!important;
  }
}


/* ========== ÜRÜN DETAY — MAX 3 ROZET + FİYAT BOŞLUK FIX ========== */
body.product-page .detail-rating{
  margin-bottom:6px!important;
}

body.product-page .detail-price-badge-row{
  display:grid!important;
  grid-template-columns:max-content 1fr!important;
  align-items:center!important;
  column-gap:26px!important;
  width:100%!important;
  margin:0 0 18px!important;
}

body.product-page .detail-price-badge-row .detail-price{
  margin:0!important;
  padding:0!important;
  align-self:center!important;
}

body.product-page .detail-product-badges{
  position:static!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:nowrap!important;
  gap:10px!important;
}

/* Ürün detayında yalnızca ilk 3 rozet görünür */
body.product-page .detail-product-badges .detail-product-badge:nth-child(n+4){
  display:none!important;
}

body.product-page .detail-product-badge,
body.product-page .detail-product-badges:has(.detail-product-badge:nth-child(4)) .detail-product-badge,
body.product-page .detail-product-badges:has(.detail-product-badge:nth-child(5)) .detail-product-badge,
body.product-page .detail-product-badges:has(.detail-product-badge:nth-child(6)) .detail-product-badge{
  width:76px!important;
  height:76px!important;
  flex:0 0 76px!important;
}

@media(max-width:1180px){
  body.product-page .detail-price-badge-row{
    display:grid!important;
    grid-template-columns:max-content 1fr!important;
    align-items:center!important;
    column-gap:18px!important;
  }

  body.product-page .detail-product-badges{
    width:auto!important;
    overflow:visible!important;
    justify-content:flex-start!important;
  }

  body.product-page .detail-product-badge{
    width:68px!important;
    height:68px!important;
    flex-basis:68px!important;
  }
}

@media(max-width:760px){
  body.product-page .detail-rating{
    margin-bottom:5px!important;
  }

  body.product-page .detail-price-badge-row{
    grid-template-columns:max-content 1fr!important;
    column-gap:14px!important;
    margin-bottom:16px!important;
  }

  body.product-page .detail-product-badges{
    gap:7px!important;
  }

  body.product-page .detail-product-badge{
    width:58px!important;
    height:58px!important;
    flex-basis:58px!important;
  }
}


/* ========== MAX 3 ROZET — +%30 BOYUT / SIKI FİYAT ARALIĞI ========== */

/* Değerlendirme satırından sonra fiyatı daha yukarı çek */
body.product-page .detail-rating,
body.product-page .detail-rating-row{
  margin-bottom:2px!important;
  padding-bottom:0!important;
}

body.product-page .detail-price-badge-row{
  margin-top:-2px!important;
  margin-bottom:16px!important;
  column-gap:22px!important;
}

/* Önceki 76px boyuta göre yaklaşık %30 büyük */
body.product-page .detail-product-badge,
body.product-page .detail-product-badges:has(.detail-product-badge:nth-child(4)) .detail-product-badge,
body.product-page .detail-product-badges:has(.detail-product-badge:nth-child(5)) .detail-product-badge,
body.product-page .detail-product-badges:has(.detail-product-badge:nth-child(6)) .detail-product-badge{
  width:99px!important;
  height:99px!important;
  flex:0 0 99px!important;
}

body.product-page .detail-product-badges{
  gap:10px!important;
}

@media(max-width:1180px){
  body.product-page .detail-product-badge,
  body.product-page .detail-product-badges:has(.detail-product-badge:nth-child(4)) .detail-product-badge,
  body.product-page .detail-product-badges:has(.detail-product-badge:nth-child(5)) .detail-product-badge,
  body.product-page .detail-product-badges:has(.detail-product-badge:nth-child(6)) .detail-product-badge{
    width:88px!important;
    height:88px!important;
    flex-basis:88px!important;
  }
}

@media(max-width:760px){
  body.product-page .detail-rating,
  body.product-page .detail-rating-row{
    margin-bottom:1px!important;
  }

  body.product-page .detail-price-badge-row{
    margin-top:-1px!important;
    column-gap:12px!important;
  }

  body.product-page .detail-product-badge,
  body.product-page .detail-product-badges:has(.detail-product-badge:nth-child(4)) .detail-product-badge,
  body.product-page .detail-product-badges:has(.detail-product-badge:nth-child(5)) .detail-product-badge,
  body.product-page .detail-product-badges:has(.detail-product-badge:nth-child(6)) .detail-product-badge{
    width:75px!important;
    height:75px!important;
    flex-basis:75px!important;
  }
}


/* ========== ÜRÜN DETAY FINAL — ROZET +%15 / SAĞA DAYALI / FİYAT YAKIN ========== */

/* Değerlendirme ile fiyat arasındaki gereksiz boşluğu minimuma indir */
body.product-page .detail-rating,
body.product-page .detail-rating-row{
  margin-top:0!important;
  margin-bottom:0!important;
  padding-bottom:0!important;
}

body.product-page .detail-price-badge-row{
  display:grid!important;
  grid-template-columns:max-content 1fr!important;
  align-items:center!important;
  width:100%!important;
  column-gap:20px!important;
  margin-top:-5px!important;
  margin-bottom:18px!important;
  padding-top:0!important;
}

/* Fiyat solda kalır */
body.product-page .detail-price-badge-row .detail-price{
  margin:0!important;
  padding:0!important;
  align-self:center!important;
}

/* Rozet grubu sağ kenara kadar dayanır */
body.product-page .detail-product-badges{
  position:static!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:9px!important;
  overflow:visible!important;
}

/* Maksimum 3 rozet */
body.product-page .detail-product-badges .detail-product-badge:nth-child(n+4){
  display:none!important;
}

/* Mevcut 99px üzerine yaklaşık %15 */
body.product-page .detail-product-badge,
body.product-page .detail-product-badges:has(.detail-product-badge:nth-child(4)) .detail-product-badge,
body.product-page .detail-product-badges:has(.detail-product-badge:nth-child(5)) .detail-product-badge,
body.product-page .detail-product-badges:has(.detail-product-badge:nth-child(6)) .detail-product-badge{
  width:114px!important;
  height:114px!important;
  flex:0 0 114px!important;
}

/* 3 rozet varsa son rozet sağ kolonun kenarına oturur */
body.product-page .detail-product-badges:has(.detail-product-badge:nth-child(3)){
  justify-content:flex-end!important;
}

@media(max-width:1180px){
  body.product-page .detail-price-badge-row{
    grid-template-columns:max-content 1fr!important;
    column-gap:14px!important;
    margin-top:-3px!important;
  }

  body.product-page .detail-product-badges{
    width:100%!important;
    justify-content:flex-end!important;
    gap:7px!important;
  }

  body.product-page .detail-product-badge,
  body.product-page .detail-product-badges:has(.detail-product-badge:nth-child(4)) .detail-product-badge,
  body.product-page .detail-product-badges:has(.detail-product-badge:nth-child(5)) .detail-product-badge,
  body.product-page .detail-product-badges:has(.detail-product-badge:nth-child(6)) .detail-product-badge{
    width:101px!important;
    height:101px!important;
    flex-basis:101px!important;
  }
}

@media(max-width:760px){
  body.product-page .detail-price-badge-row{
    column-gap:10px!important;
    margin-top:-2px!important;
  }

  body.product-page .detail-product-badges{
    gap:5px!important;
  }

  body.product-page .detail-product-badge,
  body.product-page .detail-product-badges:has(.detail-product-badge:nth-child(4)) .detail-product-badge,
  body.product-page .detail-product-badges:has(.detail-product-badge:nth-child(5)) .detail-product-badge,
  body.product-page .detail-product-badges:has(.detail-product-badge:nth-child(6)) .detail-product-badge{
    width:86px!important;
    height:86px!important;
    flex-basis:86px!important;
  }
}


/* ========== ÜRÜN ROZETLERİ — BAŞLIK ALTINDA ========== */

/* Eski fiyat-sağ rozet yerleşimini iptal et */
body.product-page .detail-price-badge-row{
  display:block!important;
  margin:0!important;
  padding:0!important;
}

/* Ürün başlığının hemen altında 1–3 rozet */
body.product-page .detail-product-badges-under-title{
  position:static!important;
  inset:auto!important;
  z-index:auto!important;

  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:nowrap!important;

  width:100%!important;
  max-width:100%!important;
  margin:14px 0 10px!important;
  padding:0!important;
  gap:10px!important;

  overflow:visible!important;
  pointer-events:auto!important;
}

body.product-page .detail-product-badges-under-title[hidden]{
  display:none!important;
}

/* Ön yüzde maksimum 3 rozet */
body.product-page .detail-product-badges-under-title .detail-product-badge:nth-child(n+4){
  display:none!important;
}

/* Bu konum için dengeli boyut */
body.product-page .detail-product-badges-under-title .detail-product-badge,
body.product-page .detail-product-badges-under-title:has(.detail-product-badge:nth-child(4)) .detail-product-badge,
body.product-page .detail-product-badges-under-title:has(.detail-product-badge:nth-child(5)) .detail-product-badge,
body.product-page .detail-product-badges-under-title:has(.detail-product-badge:nth-child(6)) .detail-product-badge{
  width:86px!important;
  height:86px!important;
  flex:0 0 86px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 7px 12px rgba(0,0,0,.08))!important;
}

/* Başlık → rozet → değerlendirme → fiyat akışını sıkı tut */
body.product-page .detail-rating-row{
  margin-top:0!important;
  margin-bottom:2px!important;
  padding-top:0!important;
  padding-bottom:0!important;
}

body.product-page .detail-price,
body.product-page .detail-price-below-rating{
  margin-top:2px!important;
  margin-bottom:18px!important;
  padding-top:0!important;
}

body.product-page .detail-product-badges{
  width:auto!important;
  max-width:100%!important;
}

/* Daha dar masaüstü / tablet */
@media(max-width:1180px){
  body.product-page .detail-product-badges-under-title{
    gap:9px!important;
    margin:12px 0 9px!important;
  }

  body.product-page .detail-product-badges-under-title .detail-product-badge{
    width:78px!important;
    height:78px!important;
    flex-basis:78px!important;
  }
}

@media(max-width:760px){
  body.product-page .detail-product-badges-under-title{
    gap:8px!important;
    margin:11px 0 8px!important;
  }

  body.product-page .detail-product-badges-under-title .detail-product-badge{
    width:70px!important;
    height:70px!important;
    flex-basis:70px!important;
  }

  body.product-page .detail-rating-row{
    margin-bottom:1px!important;
  }

  body.product-page .detail-price,
  body.product-page .detail-price-below-rating{
    margin-top:1px!important;
  }
}


/* ========== BAŞLIK ALTI ROZET V2 — +%12 / DAHA YAKIN ========== */

/* Başlık ile rozetler arasındaki mesafeyi azalt */
body.product-page .detail-product-badges-under-title{
  margin-top:5px!important;
  margin-bottom:8px!important;
  gap:9px!important;
}

/* 86px -> 96px: yaklaşık %12 büyüme */
body.product-page .detail-product-badges-under-title .detail-product-badge,
body.product-page .detail-product-badges-under-title:has(.detail-product-badge:nth-child(4)) .detail-product-badge,
body.product-page .detail-product-badges-under-title:has(.detail-product-badge:nth-child(5)) .detail-product-badge,
body.product-page .detail-product-badges-under-title:has(.detail-product-badge:nth-child(6)) .detail-product-badge{
  width:96px!important;
  height:96px!important;
  flex:0 0 96px!important;
}

/* Değerlendirme de rozetlere gereksiz uzaklaşmasın */
body.product-page .detail-rating-row{
  margin-top:0!important;
  padding-top:0!important;
}

@media(max-width:1180px){
  body.product-page .detail-product-badges-under-title{
    margin-top:5px!important;
    margin-bottom:8px!important;
    gap:8px!important;
  }

  body.product-page .detail-product-badges-under-title .detail-product-badge{
    width:88px!important;
    height:88px!important;
    flex-basis:88px!important;
  }
}

@media(max-width:760px){
  body.product-page .detail-product-badges-under-title{
    margin-top:4px!important;
    margin-bottom:7px!important;
    gap:7px!important;
  }

  body.product-page .detail-product-badges-under-title .detail-product-badge{
    width:79px!important;
    height:79px!important;
    flex-basis:79px!important;
  }
}


/* ========== ÜRÜN ROZETLERİ — GÖRSELİN SOLUNDA / MAX 4 ========== */

/* Başlık altı eski yerleşimi etkisiz */
body.product-page .detail-product-badges-under-title{
  display:none!important;
}

/* Galeri kolonu rozetlerin referans alanı */
body.product-page .detail-gallery-column{
  position:relative!important;
  overflow:visible!important;
}

/* İşaretlenen beyaz alanda dikey rozet rayı */
body.product-page .detail-product-badges-left{
  position:absolute!important;
  z-index:4!important;
  top:50%!important;
  left:-132px!important;
  transform:translateY(-50%)!important;

  width:112px!important;
  max-width:112px!important;
  margin:0!important;
  padding:0!important;

  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:nowrap!important;
  gap:12px!important;

  overflow:visible!important;
  pointer-events:auto!important;
}

body.product-page .detail-product-badges-left[hidden]{
  display:none!important;
}

/* Ön yüzde en fazla 4 rozet */
body.product-page .detail-product-badges-left .detail-product-badge:nth-child(n+5){
  display:none!important;
}

body.product-page .detail-product-badges-left .detail-product-badge,
body.product-page .detail-product-badges-left:has(.detail-product-badge:nth-child(4)) .detail-product-badge,
body.product-page .detail-product-badges-left:has(.detail-product-badge:nth-child(5)) .detail-product-badge,
body.product-page .detail-product-badges-left:has(.detail-product-badge:nth-child(6)) .detail-product-badge{
  display:block!important;
  width:104px!important;
  height:104px!important;
  flex:0 0 104px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 8px 14px rgba(0,0,0,.09))!important;
}

/* Sağ bilgi alanı tekrar tamamen sade */
body.product-page .detail-rating-row{
  margin-top:0!important;
  margin-bottom:2px!important;
}
body.product-page .detail-price,
body.product-page .detail-price-below-rating{
  margin-top:2px!important;
}

/* Sol tarafta rozet rayına yer kalmadığında görselin içine taşır */
@media(max-width:1380px){
  body.product-page .detail-product-badges-left{
    left:12px!important;
    top:18px!important;
    transform:none!important;
    width:auto!important;
    max-width:calc(100% - 24px)!important;
    flex-direction:row!important;
    justify-content:flex-start!important;
    gap:8px!important;
  }

  body.product-page .detail-product-badges-left .detail-product-badge{
    width:82px!important;
    height:82px!important;
    flex-basis:82px!important;
  }
}

@media(max-width:760px){
  body.product-page .detail-product-badges-left{
    left:10px!important;
    top:10px!important;
    gap:6px!important;
  }

  body.product-page .detail-product-badges-left .detail-product-badge{
    width:66px!important;
    height:66px!important;
    flex-basis:66px!important;
  }
}


/* ========== FINAL FIX — SOL ROZETLER GÖRÜNÜR + POPÜLER ORTALI ========== */

/* Önceki sürümden kalan "gallery içindeki rozeti gizle" kuralını kesin olarak ez */
body.product-page .detail-gallery-column > .detail-product-badges.detail-product-badges-left{
  display:flex!important;
}

/* Sol rozet rayı */
body.product-page .detail-gallery-column{
  position:relative!important;
  overflow:visible!important;
}

body.product-page .detail-gallery-column > .detail-product-badges.detail-product-badges-left{
  position:absolute!important;
  z-index:20!important;
  left:-126px!important;
  top:50%!important;
  transform:translateY(-50%)!important;

  width:108px!important;
  max-width:108px!important;
  margin:0!important;
  padding:0!important;

  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:nowrap!important;
  gap:10px!important;

  visibility:visible!important;
  opacity:1!important;
  overflow:visible!important;
}

body.product-page .detail-gallery-column > .detail-product-badges.detail-product-badges-left[hidden]{
  display:none!important;
}

/* Maksimum 4 */
body.product-page .detail-gallery-column > .detail-product-badges.detail-product-badges-left .detail-product-badge:nth-child(n+5){
  display:none!important;
}

body.product-page .detail-gallery-column > .detail-product-badges.detail-product-badges-left .detail-product-badge{
  display:block!important;
  width:100px!important;
  height:100px!important;
  flex:0 0 100px!important;
  object-fit:contain!important;
  visibility:visible!important;
  opacity:1!important;
}

/* POPÜLER etiketi her zaman aktif varyantın tam merkezinde */
.product-detail-page .detail-variant.is-popular{
  position:relative!important;
  overflow:visible!important;
}

.product-detail-page .detail-variant.is-popular .variant-popular-badge{
  position:absolute!important;
  z-index:10!important;

  top:-17px!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;

  width:68px!important;
  min-width:68px!important;
  max-width:68px!important;
  height:23px!important;
  min-height:23px!important;

  padding:0 6px!important;
  margin:0!important;
  box-sizing:border-box!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  border:0!important;
  border-radius:14px 14px 5px 5px!important;
  background:#A9F45A!important;
  color:#111!important;

  font-size:8px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:0!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  pointer-events:none!important;
}

/* Desktop: gerçek sol boşlukta kalsın */
@media(min-width:1381px){
  body.product-page .detail-gallery-column > .detail-product-badges.detail-product-badges-left{
    left:-126px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    flex-direction:column!important;
  }
}

/* Daha dar ekranda görsel üstüne güvenli geçiş */
@media(max-width:1380px){
  body.product-page .detail-gallery-column > .detail-product-badges.detail-product-badges-left{
    left:12px!important;
    top:12px!important;
    transform:none!important;
    width:auto!important;
    max-width:calc(100% - 24px)!important;
    flex-direction:row!important;
    justify-content:flex-start!important;
    gap:8px!important;
  }

  body.product-page .detail-gallery-column > .detail-product-badges.detail-product-badges-left .detail-product-badge{
    width:78px!important;
    height:78px!important;
    flex-basis:78px!important;
  }
}

@media(max-width:760px){
  body.product-page .detail-gallery-column > .detail-product-badges.detail-product-badges-left .detail-product-badge{
    width:64px!important;
    height:64px!important;
    flex-basis:64px!important;
  }

  .product-detail-page .detail-variant.is-popular .variant-popular-badge{
    top:-16px!important;
    width:62px!important;
    min-width:62px!important;
    max-width:62px!important;
    height:21px!important;
    min-height:21px!important;
    font-size:7.5px!important;
  }
}


/* ========== SOL ROZET FINAL — GÖRSEL ÜST HİZA + %10 BÜYÜK ========== */

/* Masaüstünde ilk rozet, büyük ürün görselinin tam üst başlangıcından başlar */
@media(min-width:1381px){
  body.product-page .detail-gallery-column > .detail-product-badges.detail-product-badges-left{
    left:-132px!important;
    top:0!important;
    transform:none!important;

    width:118px!important;
    max-width:118px!important;

    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:11px!important;
  }

  /* 100px -> 110px */
  body.product-page .detail-gallery-column > .detail-product-badges.detail-product-badges-left .detail-product-badge{
    width:110px!important;
    height:110px!important;
    flex:0 0 110px!important;
  }
}

/* Dar masaüstü/tablette de önceki ölçüden yaklaşık %10 büyük */
@media(max-width:1380px) and (min-width:761px){
  body.product-page .detail-gallery-column > .detail-product-badges.detail-product-badges-left{
    top:12px!important;
  }

  body.product-page .detail-gallery-column > .detail-product-badges.detail-product-badges-left .detail-product-badge{
    width:86px!important;
    height:86px!important;
    flex-basis:86px!important;
  }
}

@media(max-width:760px){
  body.product-page .detail-gallery-column > .detail-product-badges.detail-product-badges-left .detail-product-badge{
    width:70px!important;
    height:70px!important;
    flex-basis:70px!important;
  }
}


/* ========== ÜRÜN DETAY — ALIŞVERİŞ AVANTAJLARI ========== */
body.product-page .detail-service-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  border-top:1px solid var(--border);
  border-bottom:1px solid var(--border);
  margin:18px 0 0;
}

body.product-page .detail-service-item{
  display:grid;
  grid-template-columns:30px minmax(0,1fr);
  gap:11px;
  align-items:start;
  padding:18px 16px 18px 0;
  min-height:78px;
}

body.product-page .detail-service-item:nth-child(odd){
  border-right:1px solid var(--border);
  padding-right:18px;
}

body.product-page .detail-service-item:nth-child(even){
  padding-left:18px;
}

body.product-page .detail-service-item:nth-child(-n+2){
  border-bottom:1px solid var(--border);
}

body.product-page .detail-service-icon{
  width:26px;
  height:26px;
  display:grid;
  place-items:center;
  color:#111;
}

body.product-page .detail-service-icon svg{
  width:24px;
  height:24px;
  display:block;
}

body.product-page .detail-service-item strong{
  display:block;
  margin:0 0 4px;
  font-size:11px;
  line-height:1.3;
  font-weight:750;
  color:#111;
}

body.product-page .detail-service-item span{
  display:block;
  max-width:220px;
  font-size:10px;
  line-height:1.55;
  color:#777;
}

/* Mevcut yuvarlak ürün özellikleri bunun altında biraz nefes alır */
body.product-page .detail-service-grid + .detail-trust-stamps{
  margin-top:0!important;
}

@media(max-width:760px){
  body.product-page .detail-service-grid{
    grid-template-columns:1fr;
  }

  body.product-page .detail-service-item,
  body.product-page .detail-service-item:nth-child(odd),
  body.product-page .detail-service-item:nth-child(even){
    padding:15px 0;
    border-right:0;
    border-bottom:1px solid var(--border);
  }

  body.product-page .detail-service-item:last-child{
    border-bottom:0;
  }

  body.product-page .detail-service-item span{
    max-width:none;
  }
}


/* ========== ÜRÜN DETAY — GÜVENLİ SADELEŞTİRME FIX ========== */

/* Sadece varyantların üstündeki "Seçenek / adet seçimi" başlığını kaldır.
   Varyant butonlarının içindeki detail-variant-label sınıfına dokunma. */
body.product-page .detail-unit-label{
  display:none!important;
}

body.product-page .detail-unit-block{
  margin-top:10px!important;
}

/* Eski yuvarlak 4'lü ürün özellikleri artık HTML'de de yok. */
body.product-page .detail-trust-stamps{
  display:none!important;
}

/* Ürün tipi ve ölçü birimi alanı aynen korunur. */
body.product-page .detail-meta{
  display:grid!important;
}

/* Fiyat, varyantlar ve stok satırları sıkı ve düzenli kalsın */
body.product-page .detail-price-below-rating{
  margin-bottom:8px!important;
}

body.product-page .detail-variants{
  margin-top:0!important;
}


/* =========================================================
   URUN.HTML — SAYFA-ICI STİLLER style.css'E TAŞINDI
   ========================================================= */

/* ---- migrated: miora-responsive-product-background-css ---- */
/* Responsive product page backgrounds. Empty slot = white for that device. */
.product-detail-page{
  background-color:#fff;
  background-image:var(--miora-product-bg-desktop,none);
}
@media(max-width:1024px){
  .product-detail-page{
    background-image:var(--miora-product-bg-tablet,none);
    background-attachment:scroll;
  }
}
@media(max-width:640px){
  .product-detail-page{
    background-image:var(--miora-product-bg-mobile,none);
  }
}

/* Skip layout/paint work for below-the-fold sections until they approach the viewport. */
.product-detail-card > .detail-description,
.product-detail-card > .detail-extra,
.product-reviews,
.related-products,
.site-footer{content-visibility:auto;contain-intrinsic-size:auto 520px;}
@media(max-width:700px){.product-reviews,.related-products{contain-intrinsic-size:auto 700px;}}

/* ---- migrated: miora-product-detail-divider-fix ---- */
/* Ürün tipi / ölçü birimi çizgilerini analiz raporlarıyla aynı hizaya getir. */
body.product-page .detail-meta{
  width:100%;
  box-sizing:border-box;
}

/* Özellik ikonlarının altında bağımsız çizgi gösterme.
   Analiz raporu varsa product-documents kendi tek üst çizgisini gösterir;
   belge yoksa bu bölüm hidden olduğu için çizgi de görünmez. */
body.product-page .detail-trust-stamps{
  border-bottom:0 !important;
}

body.product-page .product-documents{
  width:100%;
  box-sizing:border-box;
  border-top:1px solid var(--border);
}

/* ---- migrated: miora-related-home-card-style ---- */
.related-products .related-home-grid{
  margin-top:22px;
}
.related-products .product-card{
  text-decoration:none;
  color:inherit;
}

/* ---- migrated: miora-product-badges-between-css ---- */
/* Ürün rozetleri: Sepete Ekle ile 2x2 güven alanı arasında */
body.product-page .detail-product-badges-between{
  position:static!important;
  inset:auto!important;
  transform:none!important;
  z-index:auto!important;

  width:100%!important;
  max-width:100%!important;
  margin:16px 0 18px!important;
  padding:0!important;

  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:nowrap!important;
  gap:12px!important;

  overflow:visible!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}

body.product-page .detail-product-badges-between[hidden]{
  display:none!important;
}

/* Maksimum 4 rozet */
body.product-page .detail-product-badges-between .detail-product-badge:nth-child(n+5){
  display:none!important;
}

body.product-page .detail-product-badges-between .detail-product-badge{
  display:block!important;
  width:92px!important;
  height:92px!important;
  flex:0 0 92px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 8px 14px rgba(0,0,0,.08))!important;
}

/* Önceki sol-ray stillerini bu yeni konumda etkisizleştir */
body.product-page .detail-product-badges-between.detail-product-badges{
  left:auto!important;
  top:auto!important;
}

@media(max-width:760px){
  body.product-page .detail-product-badges-between{
    gap:8px!important;
    margin:14px 0 16px!important;
    overflow-x:auto!important;
    scrollbar-width:none;
  }

  body.product-page .detail-product-badges-between::-webkit-scrollbar{
    display:none;
  }

  body.product-page .detail-product-badges-between .detail-product-badge{
    width:74px!important;
    height:74px!important;
    flex-basis:74px!important;
  }
}

/* ---- migrated: miora-product-badge-left-lightbox-css ---- */
/* Sepete ekle altındaki rozetleri kesin olarak sola yasla */
body.product-page .detail-product-badges-between{
  justify-content:flex-start!important;
  align-items:center!important;
  text-align:left!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
}
body.product-page .detail-product-badges-between .detail-product-badge{
  margin-left:0!important;
  margin-right:0!important;
}

/* Büyük görsel modalında galeri okları */
.product-image-modal-inner{
  position:relative;
}
.product-image-modal-nav{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:4;
  width:48px;
  height:48px;
  border:1px solid rgba(0,0,0,.12);
  border-radius:50%;
  background:rgba(255,255,255,.94);
  color:#111;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:25px;
  line-height:1;
  cursor:pointer;
  box-shadow:0 10px 28px rgba(0,0,0,.12);
}
.product-image-modal-prev{left:18px}
.product-image-modal-next{right:18px}
.product-image-modal-nav[hidden]{display:none!important}
.product-image-modal-nav:hover{background:#fff}
@media(max-width:760px){
  .product-image-modal-nav{
    width:42px;
    height:42px;
    font-size:22px;
  }
  .product-image-modal-prev{left:10px}
  .product-image-modal-next{right:10px}
}

/* ---- migrated: miora-product-final-left-gap-fix ---- */
/* Rozet satırını gerçekten sol kenara kilitle */
body.product-page .detail-product-badges-between{
  display:flex!important;
  width:100%!important;
  max-width:100%!important;
  align-self:stretch!important;
  justify-self:stretch!important;

  justify-content:flex-start!important;
  align-items:center!important;

  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  padding-right:0!important;

  transform:none!important;
  left:auto!important;
  right:auto!important;
}

body.product-page .detail-product-badges-between > .detail-product-badge:first-child{
  margin-left:0!important;
}

body.product-page .detail-product-badges-between .detail-product-badge{
  float:none!important;
}

/* 2x2 güven alanından ürün açıklamasına kadar olan boşluğu yaklaşık %30 azalt */
body.product-page .product-detail-card > .detail-description{
  margin-top:24px!important;
  padding-top:20px!important;
}

/* ---- migrated: miora-product-badges-side-final ---- */
/* Rozetler büyük ürün görselinin solundaki boş alanda */
body.product-page .detail-gallery-column{
  position:relative!important;
  overflow:visible!important;
}

body.product-page .detail-gallery-column > .detail-product-badges-side{
  position:absolute!important;
  z-index:20!important;
  top:0!important;
  left:-132px!important;
  transform:none!important;
  width:112px!important;
  max-width:112px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:nowrap!important;
  gap:12px!important;
  visibility:visible!important;
  opacity:1!important;
  overflow:visible!important;
  pointer-events:auto!important;
}
body.product-page .detail-gallery-column > .detail-product-badges-side[hidden]{
  display:none!important;
}

/* Maksimum 4 rozet */
body.product-page .detail-gallery-column > .detail-product-badges-side .detail-product-badge:nth-child(n+5){
  display:none!important;
}
body.product-page .detail-gallery-column > .detail-product-badges-side .detail-product-badge{
  display:block!important;
  width:108px!important;
  height:108px!important;
  flex:0 0 108px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 8px 14px rgba(0,0,0,.08))!important;
}

/* Eski sepete-ekle-altı rozet stilini bu yeni konumda etkisiz bırak */
body.product-page .detail-product-badges-side.detail-product-badges{
  justify-content:flex-start!important;
  margin-left:0!important;
  margin-right:0!important;
}

/* Dar ekranlarda taşmayı önle */
@media(max-width:1380px){
  body.product-page .detail-gallery-column > .detail-product-badges-side{
    left:12px!important;
    top:12px!important;
    width:auto!important;
    max-width:calc(100% - 24px)!important;
    flex-direction:row!important;
    gap:8px!important;
  }
  body.product-page .detail-gallery-column > .detail-product-badges-side .detail-product-badge{
    width:78px!important;
    height:78px!important;
    flex-basis:78px!important;
  }
}
@media(max-width:760px){
  body.product-page .detail-gallery-column > .detail-product-badges-side{
    left:10px!important;
    top:10px!important;
    gap:6px!important;
  }
  body.product-page .detail-gallery-column > .detail-product-badges-side .detail-product-badge{
    width:64px!important;
    height:64px!important;
    flex-basis:64px!important;
  }
}

/* ---- migrated: miora-product-meta-inline-final ---- */
/* Ürün tipi + Ölçü birimi: kompakt tek satır */
body.product-page .detail-meta{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:wrap!important;
  gap:0!important;
  padding:14px 0!important;
}

body.product-page .detail-meta-item{
  display:flex!important;
  align-items:baseline!important;
  gap:7px!important;
  width:auto!important;
  min-width:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
}

body.product-page .detail-meta-item + .detail-meta-item::before{
  content:"·";
  display:inline-block;
  margin:0 14px!important;
  color:#a8a8a8;
  font-weight:600;
}

body.product-page .detail-meta-label{
  display:inline!important;
  margin:0!important;
  font-size:11px!important;
  line-height:1.4!important;
  color:#777!important;
  white-space:nowrap!important;
}

body.product-page .detail-meta-value{
  display:inline!important;
  margin:0!important;
  font-size:12px!important;
  line-height:1.4!important;
  font-weight:700!important;
  color:#111!important;
  white-space:nowrap!important;
}

/* Mobilde alan daralırsa doğal biçimde iki satıra geçebilir */
@media(max-width:520px){
  body.product-page .detail-meta{
    row-gap:7px!important;
  }
  body.product-page .detail-meta-item + .detail-meta-item::before{
    margin:0 9px!important;
  }
}

/* ---- migrated: miora-product-meta-inline-corrected ---- */
/* Gerçek HTML yapısına göre:
   Ürün tipi Doğal bakım · Ölçü birimi adet */
body.product-page .detail-meta{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:wrap!important;
  gap:0!important;
  width:100%!important;
  padding:14px 0!important;
}

body.product-page .detail-meta > div{
  display:flex!important;
  align-items:baseline!important;
  gap:7px!important;
  width:auto!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
}

body.product-page .detail-meta > div + div::before{
  content:"·";
  display:inline-block;
  margin:0 14px!important;
  color:#aaa!important;
  font-size:12px!important;
  font-weight:700!important;
}

body.product-page .detail-meta > div > span{
  display:inline!important;
  margin:0!important;
  padding:0!important;
  font-size:11px!important;
  line-height:1.4!important;
  color:#777!important;
  white-space:nowrap!important;
}

body.product-page .detail-meta > div > strong{
  display:inline!important;
  margin:0!important;
  padding:0!important;
  font-size:12px!important;
  line-height:1.4!important;
  font-weight:700!important;
  color:#111!important;
  white-space:nowrap!important;
}

@media(max-width:520px){
  body.product-page .detail-meta{
    row-gap:6px!important;
  }

  body.product-page .detail-meta > div + div::before{
    margin:0 9px!important;
  }
}

/* ---- migrated: miora-meta-singleline-hard-fix ---- */
body.product-page .detail-meta.detail-meta-singleline{
  display:flex!important;
  grid-template-columns:none!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  gap:8px!important;
}
body.product-page .detail-meta.detail-meta-singleline > *{
  width:auto!important;
  min-width:0!important;
  display:inline!important;
  flex:0 0 auto!important;
  margin-top:0!important;
  margin-bottom:0!important;
  padding:0!important;
  border:0!important;
}
body.product-page .detail-meta.detail-meta-singleline > *::before,
body.product-page .detail-meta.detail-meta-singleline > *::after{
  content:none!important;
  display:none!important;
}

/* ---- migrated: miora-review-spacing-compact ---- */
/* Yorum bölümünün üst/alt gereksiz boşluklarını azalt */
body.product-page .reviews-section{
  margin-top:34px!important;
  padding-top:0!important;
  margin-bottom:34px!important;
  padding-bottom:0!important;
}
body.product-page .reviews-section + .related-products,
body.product-page .reviews-section + section{
  margin-top:0!important;
}


/* ---- PRODUCT META — CLEAN SINGLE LINE ---- */
body.product-page .detail-meta.detail-meta-singleline{
  display:flex!important;
  grid-template-columns:none!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  width:100%!important;
  padding:14px 0!important;
}

body.product-page .detail-meta.detail-meta-singleline > *{
  display:inline!important;
  width:auto!important;
  min-width:0!important;
  flex:0 0 auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
}

body.product-page .detail-meta-inline-label{
  color:#777!important;
  font-size:11px!important;
  line-height:1.4!important;
  font-weight:400!important;
  white-space:nowrap!important;
}

body.product-page .detail-meta-inline-value{
  color:#111!important;
  font-size:12px!important;
  line-height:1.4!important;
  font-weight:700!important;
  white-space:nowrap!important;
}

body.product-page .detail-meta-inline-separator{
  margin:0 5px!important;
  color:#aaa!important;
  font-size:12px!important;
  line-height:1!important;
}

body.product-page .detail-meta.detail-meta-singleline > *::before,
body.product-page .detail-meta.detail-meta-singleline > *::after{
  content:none!important;
  display:none!important;
}

@media(max-width:520px){
  body.product-page .detail-meta.detail-meta-singleline{
    flex-wrap:wrap!important;
    row-gap:6px!important;
  }
}


/* =========================================================
   PRODUCT REVIEWS — COMPACT V2
   Teslimat & İade → Yorumlar → Önerilen ürünler aralıkları
   ========================================================= */
body.product-page .product-reviews{
  margin-top:20px!important;
  padding-top:18px!important;
}

body.product-page .related-products{
  padding-top:16px!important;
}

body.product-page .related-products .related-home-grid{
  margin-top:16px!important;
}

@media(max-width:600px){
  body.product-page .product-reviews{
    margin-top:16px!important;
    padding-top:16px!important;
  }
  body.product-page .related-products{
    padding-top:14px!important;
  }
}


/* =========================================================
   PRODUCT CONTENT — DESCRIPTION-LED FINAL FLOW
   Ürün açıklaması → Teslimat & İade → Yorumlar
   ========================================================= */
body.product-page .detail-extra{
  margin-top:12px!important;
  margin-bottom:0!important;
}

body.product-page .product-reviews{
  margin-top:12px!important;
  padding-top:12px!important;
}

body.product-page .related-products{
  padding-top:14px!important;
}


/* PRODUCT DESCRIPTION BLOCK EDITOR */
.product-description-editor{border:1px solid #e5e5df;border-radius:16px;padding:16px;background:#fafaf7}
.product-description-editor-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:14px}
.product-description-editor-head small{display:block;color:#888;font-size:9px;margin-top:5px}
.product-description-editor-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.product-description-block-list{display:grid;gap:10px}
.product-description-editor-empty{padding:18px;border:1px dashed #d8d8d0;border-radius:12px;color:#8a8a84;font-size:10px;text-align:center;background:white}
.product-description-block{background:#fff;border:1px solid #e2e2dc;border-radius:12px;padding:12px}
.product-description-block-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.product-description-block-top>div:first-child{display:flex;align-items:center;gap:8px}
.product-description-block-top>div:first-child span{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#111;color:#fff;font-size:9px}
.product-description-block-top strong{font-size:10px}
.product-description-block-tools{display:flex;gap:5px}
.product-description-block-tools button{border:1px solid #deded8;background:#fff;border-radius:8px;padding:5px 8px;font-size:9px;cursor:pointer}
.product-description-block-tools button:disabled{opacity:.35;cursor:default}
.product-description-block input,.product-description-block textarea,.desc-image-fields input{width:100%}
.desc-image-editor{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;align-items:start}
.desc-image-editor img,.desc-image-placeholder{width:120px;height:90px;border-radius:10px;object-fit:cover;border:1px solid #e1e1da;background:#f4f4ef}
.desc-image-placeholder{display:grid;place-items:center;color:#999;font-size:9px}
.desc-image-fields{display:grid;gap:7px}
.product-description-editor-status{min-height:14px;font-size:9px;color:#666;margin-top:8px}

/* PRODUCT PAGE RICH DESCRIPTION */
body.product-page .product-description-content{max-width:980px}
body.product-page .product-description-heading{margin:30px 0 10px;font-family:'Fraunces',serif;font-size:25px;line-height:1.18;font-weight:500;color:#111}
body.product-page .product-description-heading:first-child{margin-top:4px}
body.product-page .product-description-text{margin:0 0 18px;max-width:820px;color:#676767;font-size:13px;line-height:1.8;white-space:pre-line}
body.product-page .product-description-image{margin:22px 0 28px;width:100%}
body.product-page .product-description-image img{display:block;width:100%;max-height:680px;object-fit:cover;border-radius:18px}
@media(max-width:760px){
  .product-description-editor-head{flex-direction:column}
  .product-description-editor-actions{justify-content:flex-start}
  .desc-image-editor{grid-template-columns:1fr}
  .desc-image-editor img,.desc-image-placeholder{width:100%;height:180px}
  body.product-page .product-description-heading{font-size:22px;margin-top:24px}
  body.product-page .product-description-image img{border-radius:14px}
}


/* =========================================================
   ADVANCED PRODUCT REVIEWS
   ========================================================= */
body.product-page .advanced-reviews{
  margin-top:14px!important;
  padding-top:16px!important;
}
body.product-page .product-reviews-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  margin-bottom:18px;
}
body.product-page .product-reviews-head p{
  margin:7px 0 0;
  color:#818181;
  font-size:11px;
}
body.product-page .review-overview{
  display:grid;
  grid-template-columns:190px minmax(280px,1fr) minmax(220px,.8fr);
  border:1px solid #e7e7e1;
  border-radius:18px;
  background:#fafaf7;
  overflow:hidden;
  margin-bottom:18px;
}
body.product-page .review-overview>div{
  padding:22px;
}
body.product-page .review-overview>div+div{
  border-left:1px solid #e7e7e1;
}
body.product-page .review-overview-score{
  display:flex;
  flex-direction:column;
  justify-content:center;
}
body.product-page .review-overview-score>strong{
  font-family:'Fraunces',serif;
  font-size:54px;
  line-height:1;
  font-weight:500;
}
body.product-page .review-overview-score>span{
  margin-top:6px;
  font-size:10px;
  color:#777;
}
body.product-page .reviews-stars-large{
  margin-top:8px;
  font-size:15px;
}
body.product-page .review-distribution{
  display:grid;
  gap:8px;
}
body.product-page .review-distribution button{
  display:grid;
  grid-template-columns:58px 1fr 22px;
  align-items:center;
  gap:9px;
  border:0;
  background:transparent;
  padding:2px 0;
  color:#555;
  cursor:pointer;
  font:inherit;
}
body.product-page .review-distribution button:hover span,
body.product-page .review-distribution button.active span{
  color:#111;
  font-weight:700;
}
body.product-page .review-distribution button>span{
  font-size:9px;
  text-align:left;
}
body.product-page .review-distribution button>i{
  height:6px;
  border-radius:999px;
  background:#e8e8e2;
  overflow:hidden;
}
body.product-page .review-distribution button>i>b{
  display:block;
  width:0;
  height:100%;
  border-radius:inherit;
  background:#111;
  transition:width .25s ease;
}
body.product-page .review-distribution button>em{
  font-style:normal;
  font-size:9px;
  text-align:right;
  color:#777;
}
body.product-page .review-overview-trust{
  display:flex;
  flex-direction:column;
  justify-content:center;
}
body.product-page .review-overview-trust>div{
  display:flex;
  align-items:center;
  gap:11px;
}
body.product-page .review-trust-icon{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#eaf8dc;
  color:#31551b;
  font-size:14px;
  font-weight:800;
}
body.product-page .review-overview-trust strong{
  display:block;
  font-size:17px;
}
body.product-page .review-overview-trust small{
  display:block;
  margin-top:2px;
  font-size:9px;
  color:#777;
}
body.product-page .review-overview-trust p{
  margin:12px 0 0;
  font-size:9px;
  line-height:1.55;
  color:#888;
}
body.product-page .review-toolbar{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  margin:0 0 14px;
}
body.product-page .review-filter-chips{
  display:flex;
  gap:7px;
  flex-wrap:wrap;
}
body.product-page .review-filter-chips button{
  border:1px solid #deded8;
  background:#fff;
  border-radius:999px;
  padding:8px 12px;
  font-size:9px;
  color:#555;
  cursor:pointer;
}
body.product-page .review-filter-chips button.active{
  background:#111;
  border-color:#111;
  color:#fff;
}
body.product-page .review-filter-chips button span{
  opacity:.7;
  margin-left:3px;
}
body.product-page .review-sort{
  min-width:150px;
  height:36px;
  border:1px solid #deded8;
  background:#fff;
  border-radius:10px;
  padding:0 10px;
  font-size:9px;
}
body.product-page .review-results-info{
  min-height:14px;
  color:#999;
  font-size:9px;
  margin-bottom:8px;
}
body.product-page .advanced-reviews-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
body.product-page .advanced-review-card{
  border:1px solid #e7e7e1;
  border-radius:16px;
  padding:18px;
  background:#fff;
  min-height:170px;
}
body.product-page .review-card-header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
body.product-page .review-card-person{
  display:flex;
  align-items:center;
  gap:10px;
}
body.product-page .review-card-person>div:last-child{
  display:flex;
  flex-direction:column;
  gap:3px;
}
body.product-page .review-card-person strong{
  font-size:11px;
}
body.product-page .review-card-person span{
  color:#999;
  font-size:8px;
}
body.product-page .verified-purchase-badge{
  display:inline-flex;
  align-items:center;
  gap:4px;
  border-radius:999px;
  background:#eef9e5;
  color:#31551b;
  padding:6px 8px;
  font-size:8px;
  font-weight:700;
  white-space:nowrap;
}
body.product-page .review-card-rating{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:14px;
}
body.product-page .review-card-rating>strong{
  font-size:9px;
  color:#777;
}
body.product-page .advanced-review-card h4{
  margin:9px 0 6px;
  font-size:12px;
}
body.product-page .advanced-review-card p{
  margin:0;
  color:#666;
  font-size:10px;
  line-height:1.7;
}
body.product-page .advanced-reviews-empty{
  grid-column:1/-1;
  padding:28px!important;
  border:1px dashed #ddd!important;
  border-radius:16px!important;
  text-align:center;
}
body.product-page .advanced-reviews-empty strong{
  display:block;
  color:#222;
  font-size:12px;
}
body.product-page .advanced-reviews-empty span{
  display:block;
  color:#888;
  font-size:9px;
  margin-top:6px;
}
body.product-page .product-review-form{
  margin-top:18px!important;
  border:1px solid #e5e5df;
  border-radius:18px;
  padding:20px;
  background:#fafaf7;
}
body.product-page .review-form-rating-row{
  margin:16px 0 12px;
}
body.product-page .review-form-rating-row>label{
  display:block;
  margin-bottom:5px;
  font-size:9px;
  font-weight:700;
}
body.product-page .product-review-fields{
  display:grid;
  grid-template-columns:1fr 1.5fr;
  gap:10px;
}
body.product-page .product-review-fields label>span{
  display:block;
  margin-bottom:6px;
  font-size:9px;
  font-weight:700;
}
body.product-page .product-review-fields label>span small{
  color:#999;
  font-weight:400;
}
body.product-page .product-review-fields input,
body.product-page .product-review-fields textarea{
  width:100%;
}
body.product-page .product-review-submit-row{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
  margin-top:12px;
}
body.product-page .product-review-submit-row>small{
  margin-right:auto;
  color:#999;
  font-size:8px;
}

/* ADMIN REVIEW SUMMARY */
.review-admin-summary{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-bottom:14px;
}
.review-admin-summary>div{
  border:1px solid #e5e5df;
  border-radius:14px;
  padding:14px 16px;
  background:#fafaf7;
}
.review-admin-summary span{
  display:block;
  color:#999;
  font-size:8px;
  letter-spacing:.09em;
  margin-bottom:5px;
}
.review-admin-summary strong{
  font-family:Fraunces,serif;
  font-size:24px;
  font-weight:500;
}
.admin-verified-review{color:#4a6b36}
.admin-review-stars{color:#111;letter-spacing:1px;margin-right:6px}

@media(max-width:900px){
  body.product-page .review-overview{
    grid-template-columns:1fr 1.4fr;
  }
  body.product-page .review-overview-trust{
    grid-column:1/-1;
    border-left:0!important;
    border-top:1px solid #e7e7e1;
  }
  .review-admin-summary{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:680px){
  body.product-page .review-overview{
    grid-template-columns:1fr;
  }
  body.product-page .review-overview>div+div{
    border-left:0;
    border-top:1px solid #e7e7e1;
  }
  body.product-page .review-toolbar{
    align-items:flex-start;
    flex-direction:column;
  }
  body.product-page .review-sort{
    width:100%;
  }
  body.product-page .advanced-reviews-grid{
    grid-template-columns:1fr;
  }
  body.product-page .product-review-fields{
    grid-template-columns:1fr;
  }
  body.product-page .product-review-submit-row{
    align-items:flex-start;
    flex-direction:column;
  }
  body.product-page .review-overview-score>strong{
    font-size:46px;
  }
}


/* MIORA REVIEW REPLIES */
body.product-page .miora-review-reply{
  margin-top:16px;
  padding:14px 15px;
  border-left:3px solid #243111;
  border-radius:0 12px 12px 0;
  background:#f5f8ef;
}
body.product-page .miora-review-reply-head{
  display:flex;
  align-items:center;
  gap:9px;
  margin-bottom:8px;
}
body.product-page .miora-review-reply-mark{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#243111;
  color:#fff;
  font-family:'Fraunces',serif;
  font-size:13px;
}
body.product-page .miora-review-reply-head>div{
  display:flex;
  flex-direction:column;
  gap:1px;
}
body.product-page .miora-review-reply-head strong{
  font-size:10px;
  color:#243111;
}
body.product-page .miora-review-reply-head small{
  font-size:8px;
  color:#879078;
}
body.product-page .miora-review-reply>p{
  margin:0!important;
  color:#4e5746!important;
  font-size:10px!important;
  line-height:1.65!important;
  white-space:pre-line;
}
.admin-review-replied{
  display:inline-block;
  margin-top:5px;
  color:#4f6c36;
  font-weight:700;
}
.table-action.has-reply{
  border-color:#9ab67b;
  color:#365322;
}
.admin-review-reply-field{
  display:block;
  padding:14px;
  border:1px solid #e5e5df;
  border-radius:12px;
  background:#fafaf7;
}
.admin-review-reply-field>span{
  display:block;
  margin-bottom:7px;
  font-size:8px;
  letter-spacing:.1em;
  color:#777;
}
.admin-review-reply-field textarea{
  width:100%;
  min-height:130px;
  resize:vertical;
}
.admin-review-reply-field small{
  display:block;
  margin-top:7px;
  color:#888;
  font-size:8px;
  line-height:1.5;
}
.review-reply-admin .detail-box h4{
  margin:10px 0 5px;
}


/* =========================================================
   REVIEWS V3 — FULL CONTAINER + MULTI-COLUMN CARDS
   ========================================================= */
body.product-page .product-reviews,
body.product-page .advanced-reviews{
  width:100%;
  max-width:none;
}
body.product-page .product-reviews .product-reviews-head,
body.product-page .product-reviews .review-overview,
body.product-page .product-reviews .review-toolbar,
body.product-page .product-reviews .review-results-info,
body.product-page .product-reviews .advanced-reviews-grid,
body.product-page .product-reviews .product-review-form{
  width:100%;
  max-width:none;
}
body.product-page .review-overview{
  grid-template-columns:minmax(180px,.7fr) minmax(360px,1.6fr) minmax(260px,1fr);
}
body.product-page .advanced-reviews-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
}
body.product-page .advanced-review-card{
  min-width:0;
  min-height:190px;
}
body.product-page .advanced-review-card p{
  overflow-wrap:anywhere;
}
@media(max-width:1180px){
  body.product-page .advanced-reviews-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media(max-width:900px){
  body.product-page .review-overview{
    grid-template-columns:1fr 1.4fr;
  }
  body.product-page .advanced-reviews-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:680px){
  body.product-page .advanced-reviews-grid{
    grid-template-columns:1fr!important;
  }
}


/* REVIEWS V4 — force review section across both product-detail grid columns */
body.product-page .product-detail-card > .product-reviews,
body.product-page .product-detail-card > .advanced-reviews{
  grid-column:1 / -1!important;
  min-width:0;
  width:100%!important;
  max-width:none!important;
  justify-self:stretch;
}

body.product-page .product-detail-card > .product-reviews .review-overview,
body.product-page .product-detail-card > .product-reviews .review-toolbar,
body.product-page .product-detail-card > .product-reviews .review-results-info,
body.product-page .product-detail-card > .product-reviews .advanced-reviews-grid,
body.product-page .product-detail-card > .product-reviews .product-review-form{
  width:100%!important;
  max-width:none!important;
}

body.product-page .product-detail-card > .product-reviews .advanced-reviews-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}

@media(max-width:1180px){
  body.product-page .product-detail-card > .product-reviews .advanced-reviews-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media(max-width:900px){
  body.product-page .product-detail-card > .product-reviews .advanced-reviews-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:680px){
  body.product-page .product-detail-card > .product-reviews .advanced-reviews-grid{
    grid-template-columns:1fr!important;
  }
}


/* =========================================================
   PRODUCT REVIEWS V8 — READABLE TYPOGRAPHY
   ========================================================= */
body.product-page .product-reviews{
  font-size:12px;
}

body.product-page .product-reviews-head .kicker,
body.product-page .advanced-reviews .kicker{
  font-size:9px!important;
  letter-spacing:.14em;
}

body.product-page .product-reviews-head h2,
body.product-page .advanced-reviews h2{
  font-size:34px!important;
  line-height:1.08;
}

body.product-page .product-reviews-head p,
body.product-page .advanced-reviews .reviews-subtitle{
  font-size:11px!important;
  line-height:1.6;
}

body.product-page .review-overview .review-score strong,
body.product-page .review-overview .review-average,
body.product-page .review-overview .score-number{
  font-size:52px!important;
  line-height:1;
}

body.product-page .review-overview .review-score small,
body.product-page .review-overview .review-count,
body.product-page .review-overview .verified-copy,
body.product-page .review-overview .verified-copy p,
body.product-page .review-overview .verified-copy span{
  font-size:10px!important;
  line-height:1.5;
}

body.product-page .review-distribution-row,
body.product-page .review-distribution-row span,
body.product-page .review-breakdown-row,
body.product-page .review-breakdown-row span{
  font-size:10px!important;
}

body.product-page .review-toolbar button,
body.product-page .review-toolbar select,
body.product-page .review-filter,
body.product-page .review-sort{
  font-size:10px!important;
}

body.product-page .review-results-info{
  font-size:10px!important;
}

body.product-page .advanced-review-card{
  padding:18px!important;
}

body.product-page .advanced-review-card .review-author,
body.product-page .advanced-review-card .review-card-name,
body.product-page .advanced-review-card strong{
  font-size:11px!important;
}

body.product-page .advanced-review-card .review-date,
body.product-page .advanced-review-card small{
  font-size:9px!important;
}

body.product-page .advanced-review-card .review-card-stars,
body.product-page .advanced-review-card .review-stars{
  font-size:13px!important;
  letter-spacing:.08em;
}

body.product-page .advanced-review-card h4{
  font-size:14px!important;
  line-height:1.35;
  margin:10px 0 6px!important;
}

body.product-page .advanced-review-card p{
  font-size:11px!important;
  line-height:1.65!important;
}

body.product-page .advanced-review-card .verified-review-badge,
body.product-page .advanced-review-card .review-verified{
  font-size:9px!important;
}

body.product-page .miora-review-reply{
  padding:14px 15px!important;
  margin-top:14px!important;
}

body.product-page .miora-review-reply strong,
body.product-page .miora-review-reply .miora-review-reply-name{
  font-size:10.5px!important;
}

body.product-page .miora-review-reply small{
  font-size:8.5px!important;
}

body.product-page .miora-review-reply p{
  font-size:10.5px!important;
  line-height:1.6!important;
}

body.product-page .product-review-form label,
body.product-page .product-review-form .field label{
  font-size:10px!important;
}

body.product-page .product-review-form input,
body.product-page .product-review-form textarea{
  font-size:11px!important;
}

body.product-page .product-review-form .review-rating-stars{
  font-size:24px!important;
}

@media(max-width:680px){
  body.product-page .product-reviews-head h2,
  body.product-page .advanced-reviews h2{
    font-size:29px!important;
  }

  body.product-page .review-overview .review-score strong,
  body.product-page .review-overview .review-average,
  body.product-page .review-overview .score-number{
    font-size:44px!important;
  }

  body.product-page .advanced-review-card p{
    font-size:11.5px!important;
  }
}


/* PRODUCT REVIEWS V9 — marked small texts enlarged */
body.product-page .review-distribution-row,
body.product-page .review-distribution-row span,
body.product-page .review-breakdown-row,
body.product-page .review-breakdown-row span{
  font-size:12px!important;
  line-height:1.45!important;
}

body.product-page .review-overview .verified-copy,
body.product-page .review-overview .verified-copy p,
body.product-page .review-overview .verified-copy span{
  font-size:12px!important;
  line-height:1.55!important;
}

body.product-page .review-toolbar button,
body.product-page .review-toolbar select,
body.product-page .review-filter,
body.product-page .review-sort{
  font-size:12px!important;
}

body.product-page .review-results-info{
  font-size:11px!important;
}

body.product-page .advanced-review-card .review-author,
body.product-page .advanced-review-card .review-card-name,
body.product-page .advanced-review-card strong{
  font-size:13px!important;
  line-height:1.4!important;
}

body.product-page .advanced-review-card .review-date,
body.product-page .advanced-review-card small{
  font-size:10.5px!important;
  line-height:1.45!important;
}

body.product-page .advanced-review-card .verified-review-badge,
body.product-page .advanced-review-card .review-verified{
  font-size:10.5px!important;
  line-height:1.35!important;
}

body.product-page .miora-review-reply strong,
body.product-page .miora-review-reply .miora-review-reply-name{
  font-size:12.5px!important;
}

body.product-page .miora-review-reply small{
  font-size:10px!important;
}

body.product-page .miora-review-reply p{
  font-size:12px!important;
  line-height:1.6!important;
}

@media(max-width:680px){
  body.product-page .review-distribution-row,
  body.product-page .review-distribution-row span,
  body.product-page .review-breakdown-row,
  body.product-page .review-breakdown-row span,
  body.product-page .review-overview .verified-copy,
  body.product-page .review-overview .verified-copy p,
  body.product-page .review-overview .verified-copy span,
  body.product-page .review-toolbar button,
  body.product-page .review-toolbar select{
    font-size:12px!important;
  }

  body.product-page .advanced-review-card .review-author,
  body.product-page .advanced-review-card .review-card-name,
  body.product-page .advanced-review-card strong{
    font-size:13px!important;
  }

  body.product-page .miora-review-reply p{
    font-size:12px!important;
  }
}


/* CART V11 — GLOBAL FREE SHIPPING PROGRESS */
.cart-free-shipping{
  padding:14px 18px 13px;
  border-bottom:1px solid #ecece6;
  background:#fbfbf8;
}
.cart-free-shipping-text{
  margin-bottom:8px;
  color:#4c4c47;
  font-size:11px;
  line-height:1.45;
}
.cart-free-shipping-text strong{
  color:#243111;
  font-weight:700;
}
.cart-free-shipping-track{
  width:100%;
  height:5px;
  overflow:hidden;
  border-radius:999px;
  background:#e5e5de;
}
.cart-free-shipping-track span{
  display:block;
  width:0;
  height:100%;
  border-radius:inherit;
  background:#31551b;
  transition:width .28s ease;
}
.cart-free-shipping.is-free{
  background:#f2f7e9;
}
.cart-free-shipping.is-free .cart-free-shipping-text{
  color:#31551b;
}
.cart-free-shipping.is-free .cart-free-shipping-track span{
  width:100%!important;
}
@media(max-width:680px){
  .cart-free-shipping{
    padding:13px 15px 12px;
  }
  .cart-free-shipping-text{
    font-size:11px;
  }
}


/* ===== GLOBALIZED INLINE CSS V12 ===== */

/* Source: hesabim.html */
.account-logout-btn[disabled]{opacity:.55;cursor:not-allowed;pointer-events:none}

/* Source: iletisim.html */
#mioraContactDialog{border:0;padding:0;background:transparent;max-width:none;max-height:none}
#mioraContactDialog::backdrop{background:rgba(10,10,10,.58);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.miora-contact-dialog-card{width:min(430px,calc(100vw - 36px));box-sizing:border-box;background:#fff;border:1px solid #e8e8e3;border-radius:22px;padding:30px 28px 26px;text-align:center;box-shadow:0 28px 90px rgba(0,0,0,.24)}
.miora-contact-dialog-icon{width:54px;height:54px;margin:0 auto 17px;border-radius:50%;display:grid;place-items:center;background:#eef5eb;color:#315735;font-size:24px;font-weight:700}
.miora-contact-dialog-icon.error{background:#fff0ee;color:#9d3027}
.miora-contact-dialog-card h2{margin:0 0 9px;font-family:'Fraunces',serif;font-size:28px;font-weight:500;color:#111}
.miora-contact-dialog-card p{margin:0;color:#6d6d67;font-size:13px;line-height:1.65}
.miora-contact-dialog-card button{margin-top:22px;height:44px;min-width:148px;padding:0 22px;border:0;border-radius:999px;background:#111;color:#fff;font:600 12px 'Inter',sans-serif;cursor:pointer}
@media(max-width:560px){.miora-contact-dialog-card{padding:25px 20px 22px;border-radius:18px}.miora-contact-dialog-card h2{font-size:24px}}

/* Source: index.html */
.campaign-banner-slider .campaign-banner-badges,
.campaign-banner-slider .campaign-banner-badge{display:none!important;}

/* Source: sepetegit.html */
#fullCartShipping.shipping-free{color:#31551b;font-weight:700}
#fullCartShipping{transition:color .2s ease}

/* Source: sepetegit.html */
#discountRow[hidden]{display:none!important}

/* Source: siparis-alinamadi.html */
.order-failed-shell{min-height:68vh;display:grid;place-items:center;padding:72px 24px 96px;background:#f7f6f2}.order-failed-card{width:min(680px,100%);background:#fff;border:1px solid #e7e3db;border-radius:24px;padding:52px;text-align:center;box-shadow:0 18px 55px rgba(0,0,0,.055)}.order-failed-icon{width:68px;height:68px;margin:0 auto 24px;border-radius:50%;display:grid;place-items:center;background:#fff1ee;color:#a83c2d;border:1px solid #f0d2cc}.order-failed-icon svg{width:30px;height:30px}.order-failed-card h1{font-family:'Fraunces',serif;font-weight:400;font-size:clamp(34px,5vw,50px);line-height:1.05;margin:10px 0 16px}.order-failed-lead{max-width:520px;margin:0 auto;color:#65615b;font-size:15px;line-height:1.75}.order-failed-reason{margin:28px auto 0;padding:17px 19px;border-radius:14px;background:#faf7f4;border:1px solid #eaded8;max-width:540px;color:#473f3b;font-size:14px;line-height:1.55}.order-failed-note{margin:18px auto 0;color:#858078;font-size:12px;line-height:1.6}.order-failed-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:32px}.order-failed-actions a{min-height:46px;padding:0 21px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;text-decoration:none}.order-failed-primary{background:#111;color:#fff}.order-failed-secondary{border:1px solid #d8d4cc;color:#111;background:#fff}@media(max-width:600px){.order-failed-shell{padding:38px 16px 64px}.order-failed-card{padding:38px 20px;border-radius:18px}.order-failed-actions{display:grid}.order-failed-actions a{width:100%}}


/* GLOBAL BRANDING V14 — Admin controls logo width */
:root{--miora-logo-width:160px}
.util-logo,.site-logo{
  width:var(--miora-logo-width)!important;
  max-width:var(--miora-logo-width)!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  flex:0 0 auto!important;
}
.util-logo img,.util-logo .mark-svg,img.mark-svg,img[data-site-logo],.site-logo img,img.site-logo{
  width:var(--miora-logo-width)!important;
  max-width:var(--miora-logo-width)!important;
  min-width:0!important;
  height:auto!important;
  max-height:none!important;
  min-height:0!important;
  object-fit:contain!important;
  display:block!important;
}


/* ORDER TOTALS V18 */
.cart-summary-checkout:disabled,
.payment-summary-submit:disabled{
  opacity:.55;
  cursor:not-allowed;
  pointer-events:none;
}
.order-success-pricing-status{
  margin:10px 0 0;
  font-size:12px;
  line-height:1.5;
  color:#73736d;
}
.order-success-pricing-status.is-ok{color:#31551b}
.order-success-pricing-status.is-error{color:#9a5a20}


/* =========================================================
   GLOBAL STOREFRONT CORE V19
   Header / nav / cart drawer / search DOM now comes only
   from miora-storefront.js.
   ========================================================= */
#mioraStorefrontMount{display:none!important}
button.blog-header-link{
  font:inherit;
  color:inherit;
  cursor:pointer;
}
.miora-blog-cart{
  white-space:nowrap;
}
.cart-item h4 a{
  color:inherit;
  text-decoration:none;
}


/* =========================================================
   HOME HERO V20 — NO LEGACY SLIDER FLASH
   The HTML track starts empty. Current cached/Supabase slide is
   rendered first; controls become visible only after render().
   ========================================================= */
#campaignBannerSlider.is-loading{
  min-height:430px;
}
#campaignBannerSlider.is-loading .campaign-banner-track{
  visibility:hidden!important;
}
#campaignBannerSlider.is-loading .campaign-banner-arrow,
#campaignBannerSlider.is-loading .campaign-banner-dots{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
@media(max-width:820px){
  #campaignBannerSlider.is-loading{min-height:720px}
}
@media(max-width:560px){
  #campaignBannerSlider.is-loading{min-height:670px}
}


/* =========================================================
   GLOBAL HEADER V23 — logo left / floating capsule / actions right
   ========================================================= */
.site-topbar{
  position:sticky;
  top:0;
  z-index:80;
  width:100%;
  min-height:96px;
  display:grid;
  grid-template-columns:minmax(170px,1fr) auto minmax(170px,1fr);
  align-items:center;
  gap:24px;
  padding:14px 22px;
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  pointer-events:none;
}
.site-topbar .util-logo,
.site-topbar .navbar-outer,
.site-topbar .util-right{
  pointer-events:auto;
}
.site-topbar .util-logo{
  justify-self:start;
  margin:0!important;
}
.site-topbar .navbar-outer{
  position:static!important;
  top:auto!important;
  z-index:auto!important;
  justify-self:center;
  margin:0!important;
  display:flex!important;
  pointer-events:auto!important;
}
.site-topbar .navbar{
  min-height:52px;
  padding:5px!important;
  gap:2px!important;
  background:#0b0b0b!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:999px!important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.08) inset,
    0 13px 30px rgba(0,0,0,.15),
    0 2px 7px rgba(0,0,0,.08)!important;
}
.site-topbar .nav-links a{
  min-height:40px;
  padding:0 18px!important;
  color:#9f9f9f!important;
  font-size:13px!important;
  font-weight:600!important;
}
.site-topbar .nav-links a.on-highlight{
  color:#0a0a0a!important;
}
.site-topbar .nav-highlight{
  background:#fff!important;
}
.site-topbar .btn-signup{
  min-height:40px;
  margin-left:5px!important;
  padding:0 18px!important;
  background:#fff!important;
  color:#0a0a0a!important;
  font-size:13px!important;
  font-weight:700!important;
}
.site-topbar .util-right{
  justify-self:end;
  display:flex;
  align-items:center;
  gap:8px;
}
.site-topbar .global-search-btn{
  min-height:42px;
  padding:0 14px;
  background:#fff;
  border:1px solid #dddcd7;
  font-size:11px;
}
.site-topbar .btn-cart{
  min-height:42px;
  margin:0!important;
  padding:7px 15px 7px 8px!important;
  background:#0b0b0b!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:700!important;
}
.site-topbar .btn-cart .cart-icon-wrap{
  background:#fff!important;
  color:#0b0b0b!important;
}
.site-topbar .hamburger{
  display:none;
}

/* Old two-row shell is no longer used, but neutralize legacy sticky rules. */
body>.util-bar{
  display:none!important;
}
body>.navbar-outer{
  display:none!important;
}

/* Rehber now uses the same global header as the rest of the storefront. */
.blog-body .blog-util{
  display:none!important;
}

@media(max-width:980px){
  .site-topbar{
    grid-template-columns:auto 1fr auto;
    min-height:82px;
    padding:10px 16px;
    gap:12px;
  }
  .site-topbar .navbar-outer{
    display:none!important;
  }
  .site-topbar .util-right{
    grid-column:3;
  }
  .site-topbar .global-search-btn{
    width:40px;
    min-height:40px;
    padding:0;
  }
  .site-topbar .global-search-btn>span{
    display:none;
  }
  .site-topbar .btn-cart{
    min-height:40px;
    padding-right:11px!important;
  }
  .site-topbar .hamburger{
    display:block;
  }
}
@media(max-width:560px){
  .site-topbar{
    min-height:74px;
    padding:8px 12px;
  }
  .site-topbar .btn-cart{
    width:42px;
    padding:0!important;
    justify-content:center;
    font-size:0!important;
  }
  .site-topbar .btn-cart .cart-icon-wrap{
    width:28px;
    height:28px;
  }
}

/* V24 — Homepage featured cards: cleaner, no category label */
.home-featured .product-card-category,
.featured-products .product-card-category,
#featuredProducts .product-card-category,
.home-featured .featured-card-category,
.featured-products .featured-card-category{
  display:none!important;
}

/* V25 — Homepage category pills removed */
#productGrid .product-cat{
  display:none!important;
}


/* V26 — Products page cleanup */
.products-page .product-cat,
.products-grid .product-cat,
#productsGrid .product-cat,
#productGrid .product-cat{
  display:none!important;
}

.products-breadcrumb{
  max-width:none!important;
  margin:0 0 18px!important;
  padding:0!important;
  width:100%!important;
  justify-content:flex-start!important;
}
.products-breadcrumb.miora-breadcrumb{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  font-size:10px!important;
  line-height:1.2!important;
  color:#8a8a83!important;
}
.products-breadcrumb a{
  color:#666!important;
}
.products-breadcrumb strong{
  color:#252525!important;
  font-weight:500!important;
}
@media(max-width:700px){
  .products-breadcrumb{
    margin:0 0 14px!important;
    padding:0!important;
  }
}





/* V29 — Final global header vertical alignment */
@media(min-width:981px){
  .site-topbar{
    padding-top:22px!important;
    padding-bottom:10px!important;
    min-height:108px!important;
  }

  .site-topbar .util-logo,
  .site-topbar .util-right{
    transform:translateY(7px)!important;
  }

  .site-topbar .navbar-outer{
    transform:translateY(40px)!important;
  }
}


/* V32 — Homepage: spacing between floating menu and hero slider */
@media(min-width:981px){
  body #home > #campaignBannerSlider{
    margin-top:48px!important;
  }
}
@media(max-width:980px){
  body #home > #campaignBannerSlider{
    margin-top:16px!important;
  }
}


/* V34 — Global search price typography */
.global-search-price{
  font-family:Inter,Arial,sans-serif!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1.3!important;
  letter-spacing:0!important;
  color:#171814!important;
  font-variant-numeric:tabular-nums;
}


/* V36 — immutable historical order product snapshots */
.account-order-product-history,
.order-detail-product-history{
  cursor:default!important;
}


/* =========================================================
   V37.1 — SINGLE GLOBAL FOOTER
   Rendered only by miora-storefront.js on every storefront page.
   Geometry reset prevents old footer breakout rules from shifting it.
   ========================================================= */
.site-footer{
  position:relative!important;
  left:0!important;
  right:auto!important;
  min-width:0!important;
  transform:none!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  background:#f7f7f3!important;
  border-top:1px solid #e6e6e0!important;
  box-sizing:border-box!important;
}
.site-footer-inner{
  width:100%!important;
  max-width:1220px!important;
  margin:0 auto!important;
  padding:64px 24px 28px!important;
  box-sizing:border-box!important;
}
.site-footer-top{
  display:grid!important;
  grid-template-columns:minmax(260px,1.45fr) minmax(0,3.55fr)!important;
  gap:72px!important;
  align-items:start!important;
}
.site-footer-brand{
  min-width:0!important;
}
.footer-brand-logo{
  display:inline-flex!important;
  align-items:center!important;
  width:var(--miora-logo-width)!important;
  max-width:var(--miora-logo-width)!important;
  margin:0 0 18px!important;
}
.footer-brand-logo img{
  display:block!important;
  height:auto!important;
  object-fit:contain!important;
}
.site-footer-brand p{
  max-width:330px!important;
  margin:0!important;
  color:#6d6e68!important;
  font-size:12px!important;
  line-height:1.7!important;
}
.footer-contact-links{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px 16px!important;
  margin-top:17px!important;
}
.footer-contact-links a{
  color:#262722!important;
  font-size:11px!important;
  text-decoration:none!important;
  border-bottom:1px solid #c7c8c1!important;
  padding-bottom:2px!important;
}
.footer-socials{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin-top:19px!important;
}
.footer-socials a{
  width:36px!important;
  height:36px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid #d8d8d2!important;
  border-radius:50%!important;
  background:#fff!important;
  color:#171814!important;
  transition:transform .18s ease,border-color .18s ease,background .18s ease!important;
}
.footer-socials a:hover{
  transform:translateY(-2px)!important;
  border-color:#171814!important;
}
.footer-socials svg{
  width:16px!important;
  height:16px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.7!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.footer-socials a[aria-label="Facebook"] svg,
.footer-socials a[aria-label="LinkedIn"] svg,
.footer-socials a[aria-label="YouTube"] svg{
  fill:currentColor!important;
  stroke:none!important;
}
.footer-socials .footer-social-play{
  fill:#fff!important;
  stroke:none!important;
}
.site-footer-links{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(120px,1fr))!important;
  gap:34px!important;
  min-width:0!important;
}
.site-footer-col{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:11px!important;
}
.site-footer-col>span{
  margin:0 0 5px!important;
  color:#9a9a94!important;
  font-size:9px!important;
  font-weight:600!important;
  letter-spacing:.17em!important;
}
.site-footer-col a{
  color:#181916!important;
  font-size:12px!important;
  line-height:1.45!important;
  text-decoration:none!important;
}
.site-footer-col a:hover{
  text-decoration:underline!important;
  text-underline-offset:3px!important;
}
.site-footer-bottom{
  width:100%!important;
  min-height:auto!important;
  margin-top:52px!important;
  padding-top:24px!important;
  border-top:1px solid #dfdfd9!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:24px!important;
  box-sizing:border-box!important;
}
.footer-copyright{
  color:#9a9a94!important;
  font-size:10px!important;
}
.footer-bottom-right{
  display:flex!important;
  align-items:center!important;
  gap:18px!important;
  color:#9a9a94!important;
  font-size:10px!important;
}
.footer-payment-marks{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
}
.footer-payment-marks b{
  min-height:25px!important;
  display:inline-flex!important;
  align-items:center!important;
  padding:0 8px!important;
  border:1px solid #d9d9d3!important;
  border-radius:6px!important;
  background:#fff!important;
  color:#454640!important;
  font-size:8px!important;
  font-weight:700!important;
  letter-spacing:.02em!important;
}
@media(max-width:980px){
  .site-footer-top{
    grid-template-columns:1fr!important;
    gap:42px!important;
  }
  .site-footer-links{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:32px 44px!important;
  }
}
@media(max-width:620px){
  .site-footer-inner{
    padding:48px 18px 24px!important;
  }
  .site-footer-links{
    grid-template-columns:1fr 1fr!important;
    gap:30px 22px!important;
  }
  .site-footer-bottom{
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:12px!important;
  }
  .footer-bottom-right{
    flex-wrap:wrap!important;
    gap:10px 14px!important;
  }
}
@media(max-width:420px){
  .site-footer-links{
    grid-template-columns:1fr!important;
  }
}


/* =========================================================
   V39 — MOBILE PASS 1
   Global shell + homepage
   Desktop is intentionally untouched.
   ========================================================= */
@media(max-width:760px){
  html,
  body{
    width:100%!important;
    max-width:100%!important;
    overflow-x:clip!important;
  }

  /* Hello bar — short and readable */
  .announcement-bar{
    min-height:30px!important;
    padding:6px 10px!important;
    font-size:9.5px!important;
    line-height:1.25!important;
    letter-spacing:.01em!important;
  }
  .announcement-bar a{
    gap:6px!important;
    flex-wrap:nowrap!important;
    white-space:nowrap!important;
  }

  /* Mobile header */
  .site-topbar{
    min-height:64px!important;
    padding:7px 10px!important;
    gap:8px!important;
    grid-template-columns:auto 1fr auto!important;
    background:rgba(255,255,255,.97)!important;
  }
  .site-topbar .util-logo{
    justify-self:start!important;
    margin:0!important;
  }
  .site-topbar .util-right{
    grid-column:3!important;
    justify-self:end!important;
    gap:5px!important;
  }
  .site-topbar .global-search-btn,
  .site-topbar .btn-cart,
  .site-topbar .hamburger{
    width:36px!important;
    min-width:36px!important;
    height:36px!important;
    min-height:36px!important;
    padding:0!important;
    border-radius:50%!important;
  }
  .site-topbar .global-search-btn{
    display:grid!important;
    place-items:center!important;
  }
  .site-topbar .global-search-btn svg{
    width:15px!important;
    height:15px!important;
  }
  .site-topbar .btn-cart{
    display:grid!important;
    place-items:center!important;
    font-size:0!important;
  }
  .site-topbar .btn-cart .cart-icon-wrap{
    width:27px!important;
    height:27px!important;
  }
  .site-topbar .hamburger{
    display:block!important;
    background:#fff!important;
    border:1px solid #deded8!important;
  }
  .site-topbar .hamburger span{
    left:9px!important;
    right:9px!important;
  }
  .site-topbar .hamburger span:nth-child(1){top:12px!important}
  .site-topbar .hamburger span:nth-child(2){top:17px!important}
  .site-topbar .hamburger span:nth-child(3){top:22px!important}
  .site-topbar .hamburger.open span:nth-child(1){top:17px!important}
  .site-topbar .hamburger.open span:nth-child(3){top:17px!important}

  /* Mobile menu */
  .mobile-menu{
    z-index:75!important;
    padding:92px 22px 34px!important;
    justify-content:flex-start!important;
    align-items:flex-start!important;
    gap:0!important;
  }
  .mobile-menu a,
  .mobile-menu button{
    width:100%!important;
    padding:10px 0!important;
    text-align:left!important;
    font-size:30px!important;
    line-height:1.1!important;
  }
  .mobile-menu .mm-cart{
    width:auto!important;
    margin-top:18px!important;
    padding:12px 20px!important;
    font-size:13px!important;
  }

  /* Homepage hero — compact, no giant blank zone */
  body #home > #campaignBannerSlider{
    width:100%!important;
    max-width:100%!important;
    margin:8px auto 0!important;
    padding:0 14px!important;
    min-height:0!important;
  }
  #campaignBannerSlider.is-loading{
    min-height:510px!important;
  }
  #campaignBannerSlider .campaign-banner-track,
  #campaignBannerSlider .campaign-banner-slide{
    min-height:0!important;
    height:auto!important;
  }
  #campaignBannerSlider .campaign-banner-slide{
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto!important;
    row-gap:18px!important;
    align-items:start!important;
  }
  #campaignBannerSlider .campaign-banner-copy{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding:10px 0 0!important;
  }
  #campaignBannerSlider .campaign-banner-copy .eyebrow{
    margin:0 0 10px!important;
    font-size:9px!important;
    letter-spacing:.14em!important;
  }
  #campaignBannerSlider .campaign-banner-copy h1{
    max-width:100%!important;
    margin:0 0 10px!important;
    font-size:34px!important;
    line-height:1.01!important;
    letter-spacing:-.045em!important;
    text-wrap:balance!important;
  }
  #campaignBannerSlider .campaign-banner-copy p{
    max-width:100%!important;
    margin:0 0 15px!important;
    font-size:13.5px!important;
    line-height:1.55!important;
  }
  #campaignBannerSlider .campaign-banner-copy .home-actions{
    gap:8px!important;
    margin:0!important;
  }
  #campaignBannerSlider .campaign-banner-copy .home-btn{
    min-height:40px!important;
    padding:0 15px!important;
    font-size:11px!important;
  }
  #campaignBannerSlider .campaign-banner-media{
    width:100%!important;
    height:320px!important;
    min-height:320px!important;
    margin:0!important;
    overflow:hidden!important;
    border-radius:18px!important;
  }
  #campaignBannerSlider .campaign-banner-image{
    border-radius:18px!important;
  }
  #campaignBannerSlider .campaign-banner-dots{
    bottom:8px!important;
  }
  #campaignBannerSlider + .products{
    margin-top:0!important;
    padding-top:44px!important;
  }

  /* Home section typography */
  .section-kicker{
    margin-bottom:9px!important;
    font-size:9px!important;
    letter-spacing:.16em!important;
  }
  .section-title{
    font-size:34px!important;
    line-height:1.04!important;
    letter-spacing:-.04em!important;
  }
  .section-intro{
    margin-top:10px!important;
    font-size:13px!important;
    line-height:1.55!important;
  }

  /* Featured products — 2 columns instead of one huge endless column */
  .products{
    padding:44px 14px 58px!important;
  }
  .home-featured-head{
    display:block!important;
    margin-bottom:20px!important;
  }
  .home-featured-head .text-link{
    display:inline-block!important;
    margin-top:13px!important;
    font-size:11px!important;
  }
  #productGrid.product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    padding-top:16px!important;
  }
  #productGrid .product-frame{
    aspect-ratio:4/5!important;
    border-radius:14px!important;
  }
  #productGrid .product-overlay{
    padding:9px!important;
    gap:6px!important;
  }
  #productGrid .product-overlay h3{
    font-size:12px!important;
    line-height:1.18!important;
    text-shadow:0 1px 5px rgba(0,0,0,.65)!important;
  }
  #productGrid .price-pill{
    padding:5px 7px!important;
    font-size:10.5px!important;
    line-height:1!important;
  }

  /* Rehber — swipe cards, no arrows covering the photos */
  .blog-home-section{
    padding:58px 0 62px!important;
  }
  .blog-home-heading{
    padding:0 14px 24px!important;
    gap:12px!important;
  }
  .blog-home-heading .text-link{
    font-size:11px!important;
  }
  .blog-slider{
    gap:12px!important;
    padding:0 14px 10px!important;
    scroll-padding-left:14px!important;
  }
  .blog-card{
    flex-basis:80vw!important;
  }
  .blog-card-media{
    border-radius:16px!important;
  }
  .blog-card-copy{
    padding:14px 1px 0!important;
  }
  .blog-card-category{
    margin-bottom:7px!important;
    font-size:8.5px!important;
  }
  .blog-card h3{
    font-size:25px!important;
    line-height:1.05!important;
  }
  .blog-card p{
    margin-top:9px!important;
    font-size:12px!important;
    line-height:1.55!important;
  }
  .blog-read{
    margin-top:11px!important;
    font-size:10.5px!important;
  }
  .blog-arrow{
    display:none!important;
  }

  /* Brand story */
  .home-section.story-section{
    padding:58px 14px!important;
    gap:24px!important;
  }
  .story-image{
    height:275px!important;
    border-radius:18px!important;
  }
  .story-copy{
    padding:0!important;
  }
  .story-copy p{
    margin:16px 0!important;
    font-size:13.5px!important;
    line-height:1.65!important;
  }
  .story-quote{
    margin:18px 0!important;
    font-size:21px!important;
    line-height:1.25!important;
  }
  .story-copy .text-link{
    font-size:11px!important;
  }

  /* Why Miora — compact 2x2 readable grid */
  .why-miora-simple .home-section{
    padding:54px 14px 58px!important;
  }
  .why-miora-simple .section-title{
    font-size:30px!important;
  }
  .why-simple-row{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:0 16px!important;
    margin-top:26px!important;
    text-align:left!important;
    color:#3f403b!important;
    font-size:12px!important;
  }
  .why-simple-row span{
    padding:12px 0!important;
    border-top:1px solid #deded8!important;
  }
  .why-simple-row i{
    display:none!important;
  }

  /* Footer — still minimal, but readable on phone */
  .site-footer-inner{
    padding:42px 16px 22px!important;
  }
  .site-footer-top{
    gap:34px!important;
  }
  .site-footer-brand p{
    max-width:290px!important;
    font-size:12.5px!important;
    line-height:1.6!important;
  }
  .site-footer-links{
    grid-template-columns:1fr 1fr!important;
    gap:28px 18px!important;
  }
  .site-footer-col{
    gap:9px!important;
  }
  .site-footer-col>span{
    font-size:9px!important;
  }
  .site-footer-col a{
    font-size:12.5px!important;
  }
  .site-footer-bottom{
    margin-top:34px!important;
    padding-top:18px!important;
  }
  .footer-copyright,
  .footer-bottom-right{
    font-size:9.5px!important;
  }
  .footer-payment-marks{
    flex-wrap:wrap!important;
  }

  .back-to-top{
    right:14px!important;
    bottom:14px!important;
  }
}

@media(max-width:480px){
  /* Override the very old one-column product-grid rule. */
  #productGrid.product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  /* On very small phones, shorten hello bar copy. */
  .announcement-bar a>span:nth-child(3){
    display:none!important;
  }

  #campaignBannerSlider .campaign-banner-media{
    height:300px!important;
    min-height:300px!important;
  }
  #campaignBannerSlider .campaign-banner-arrow{
    display:none!important;
  }
  .blog-card{
    flex-basis:84vw!important;
  }
}

@media(max-width:360px){
  #productGrid.product-grid{
    gap:8px!important;
  }
  #productGrid .product-overlay h3{
    font-size:11px!important;
  }
  #productGrid .price-pill{
    font-size:9.5px!important;
    padding:5px 6px!important;
  }
}


/* =========================================================
   V40 — MOBILE PASS 2
   Product detail page
   Desktop/tablet desktop layout intentionally untouched.
   ========================================================= */
@media(max-width:760px){

  body.product-page{
    overflow-x:clip!important;
  }

  body.product-page .product-detail-page{
    padding:4px 0 96px!important;
    background-attachment:scroll!important;
  }

  body.product-page .product-detail-shell{
    width:calc(100% - 24px)!important;
    max-width:none!important;
    margin:0 auto!important;
  }

  body.product-page .miora-breadcrumb{
    min-height:20px!important;
    margin:4px 0 10px!important;
    gap:6px!important;
    font-size:9.5px!important;
    line-height:1.3!important;
    white-space:nowrap!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
  }
  body.product-page .miora-breadcrumb::-webkit-scrollbar{
    display:none!important;
  }

  body.product-page .product-detail-card{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:18px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  /* Gallery */
  body.product-page .detail-gallery-column{
    min-width:0!important;
  }

  body.product-page .detail-product-badges-side{
    position:static!important;
    inset:auto!important;
    transform:none!important;
    width:100%!important;
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    margin:0 0 9px!important;
    padding:0!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
  }
  body.product-page .detail-product-badges-side[hidden]{
    display:none!important;
  }
  body.product-page .detail-product-badges-side::-webkit-scrollbar{
    display:none!important;
  }
  body.product-page .detail-product-badges-side .detail-product-badge{
    width:54px!important;
    height:54px!important;
    flex:0 0 54px!important;
    object-fit:contain!important;
    filter:drop-shadow(0 5px 9px rgba(0,0,0,.08))!important;
  }

  body.product-page .detail-gallery-main{
    width:100%!important;
    aspect-ratio:1/1!important;
    height:auto!important;
    min-height:0!important;
    border-radius:18px!important;
    overflow:hidden!important;
    background:#f2f2ef!important;
  }
  body.product-page .detail-gallery-main img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    display:block!important;
  }

  body.product-page .detail-thumbs{
    display:flex!important;
    gap:8px!important;
    margin-top:9px!important;
    padding:0 0 2px!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
  }
  body.product-page .detail-thumbs::-webkit-scrollbar{
    display:none!important;
  }
  body.product-page .detail-thumbs button{
    width:60px!important;
    height:60px!important;
    min-width:60px!important;
    flex:0 0 60px!important;
    border-radius:11px!important;
  }

  /* Product info */
  body.product-page .detail-info{
    position:static!important;
    min-width:0!important;
    padding:2px 0 0!important;
  }
  body.product-page .detail-cat{
    margin-bottom:7px!important;
    font-size:9px!important;
    line-height:1.3!important;
    letter-spacing:.12em!important;
  }
  body.product-page .detail-info h1{
    margin:0 0 8px!important;
    font-size:30px!important;
    line-height:1.02!important;
    letter-spacing:-.035em!important;
    text-wrap:balance!important;
  }
  body.product-page .detail-rating-row{
    margin:0 0 7px!important;
  }
  body.product-page .detail-rating-summary{
    gap:6px!important;
    font-size:10.5px!important;
  }
  body.product-page .detail-price,
  body.product-page .detail-price-below-rating{
    margin:0 0 15px!important;
    font-size:28px!important;
    line-height:1!important;
  }

  body.product-page .detail-unit-block{
    margin:0 0 13px!important;
  }
  body.product-page .detail-unit-label{
    margin-bottom:7px!important;
    font-size:10px!important;
  }
  body.product-page .detail-variants{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:7px!important;
  }
  body.product-page .detail-variants button,
  body.product-page .detail-variant{
    min-height:37px!important;
    padding:0 12px!important;
    border-radius:999px!important;
    font-size:10.5px!important;
  }

  body.product-page .detail-stockline{
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:6px 10px!important;
    margin:12px 0 11px!important;
    font-size:10.5px!important;
  }

  body.product-page .detail-meta-singleline{
    margin:0 0 14px!important;
    padding:10px 0!important;
    gap:5px!important;
    row-gap:5px!important;
    font-size:10px!important;
  }

  /* Quantity + add button must stay on one line on mobile. */
  body.product-page .detail-buy-row{
    display:grid!important;
    grid-template-columns:112px minmax(0,1fr)!important;
    gap:8px!important;
    align-items:stretch!important;
    margin-top:0!important;
  }
  body.product-page .detail-qty{
    width:112px!important;
    min-width:112px!important;
    height:44px!important;
    border-radius:999px!important;
  }
  body.product-page .detail-qty button{
    width:34px!important;
    height:42px!important;
  }
  body.product-page .detail-add{
    min-height:44px!important;
    height:44px!important;
    border-radius:999px!important;
    font-size:11.5px!important;
  }

  body.product-page .detail-added-note{
    min-height:12px!important;
    margin-top:7px!important;
    font-size:10px!important;
  }

  /* Product badges between buy and service block */
  body.product-page .detail-product-badges-between{
    gap:7px!important;
    margin:10px 0 13px!important;
    padding:0!important;
  }
  body.product-page .detail-product-badges-between .detail-product-badge{
    width:54px!important;
    height:54px!important;
    flex:0 0 54px!important;
  }

  /* Shopping advantages — compact 2x2 */
  body.product-page .detail-service-grid{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:0!important;
    margin:14px 0 0!important;
    border-top:1px solid #e6e6e0!important;
    border-bottom:1px solid #e6e6e0!important;
  }
  body.product-page .detail-service-item{
    min-width:0!important;
    padding:13px 9px 13px 0!important;
    gap:8px!important;
    border:0!important;
    border-bottom:1px solid #ecece7!important;
  }
  body.product-page .detail-service-item:nth-child(odd){
    padding-right:12px!important;
    border-right:1px solid #ecece7!important;
  }
  body.product-page .detail-service-item:nth-child(even){
    padding-left:12px!important;
  }
  body.product-page .detail-service-item:nth-last-child(-n+2){
    border-bottom:0!important;
  }
  body.product-page .detail-service-icon{
    width:27px!important;
    height:27px!important;
    min-width:27px!important;
  }
  body.product-page .detail-service-icon svg{
    width:18px!important;
    height:18px!important;
  }
  body.product-page .detail-service-item strong{
    display:block!important;
    font-size:10.5px!important;
    line-height:1.3!important;
  }
  body.product-page .detail-service-item>div:last-child>span{
    display:block!important;
    margin-top:3px!important;
    font-size:9px!important;
    line-height:1.4!important;
    color:#777872!important;
  }

  /* Description / accordion */
  body.product-page .detail-description{
    margin-top:12px!important;
    padding-top:18px!important;
  }
  body.product-page .detail-description h2{
    margin:0 0 11px!important;
    font-size:24px!important;
    line-height:1.05!important;
  }
  body.product-page .product-description-content,
  body.product-page .detail-desc{
    font-size:13px!important;
    line-height:1.65!important;
  }
  body.product-page .detail-extra{
    margin-top:10px!important;
  }
  body.product-page .detail-accordion button{
    min-height:48px!important;
    padding:0!important;
    font-size:11.5px!important;
  }
  body.product-page .detail-accordion-content{
    padding:0 0 15px!important;
    font-size:11px!important;
    line-height:1.6!important;
  }

  /* Optional product guide */
  body.product-page .product-guide-links{
    margin-top:22px!important;
    padding-top:20px!important;
  }
  body.product-page .product-guide-head{
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:8px!important;
  }
  body.product-page .product-guide-head h2{
    font-size:25px!important;
    line-height:1.08!important;
  }
  body.product-page .product-guide-grid{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }

  /* Reviews — larger and simpler */
  body.product-page .product-reviews,
  body.product-page .advanced-reviews{
    margin-top:18px!important;
    padding-top:20px!important;
  }
  body.product-page .product-reviews-head{
    margin-bottom:14px!important;
  }
  body.product-page .product-reviews-head h2,
  body.product-page .advanced-reviews h2{
    font-size:29px!important;
    line-height:1.04!important;
  }
  body.product-page .product-reviews-head p{
    margin-top:7px!important;
    font-size:11.5px!important;
    line-height:1.5!important;
  }

  body.product-page .review-overview{
    grid-template-columns:1fr!important;
    gap:0!important;
    border-radius:14px!important;
    overflow:hidden!important;
  }
  body.product-page .review-overview>div{
    padding:14px!important;
    border-left:0!important;
  }
  body.product-page .review-overview>div+div{
    border-top:1px solid #e7e7e1!important;
  }
  body.product-page .review-overview-score>strong{
    font-size:42px!important;
  }
  body.product-page .review-distribution button{
    min-height:27px!important;
    font-size:10.5px!important;
  }
  body.product-page .review-overview-trust p{
    font-size:10.5px!important;
    line-height:1.5!important;
  }

  body.product-page .review-toolbar{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
    margin:12px 0!important;
  }
  body.product-page .review-filter-chips{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:6px!important;
    overflow-x:auto!important;
    padding-bottom:2px!important;
    scrollbar-width:none!important;
  }
  body.product-page .review-filter-chips::-webkit-scrollbar{
    display:none!important;
  }
  body.product-page .review-filter-chips button{
    flex:0 0 auto!important;
    min-height:34px!important;
    padding:0 11px!important;
    font-size:10.5px!important;
  }
  body.product-page .review-sort{
    width:100%!important;
    min-width:0!important;
    height:40px!important;
    font-size:11px!important;
  }
  body.product-page .review-results-info{
    margin-bottom:7px!important;
    font-size:10.5px!important;
  }
  body.product-page .advanced-reviews-grid{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  body.product-page .advanced-review-card{
    min-height:0!important;
    padding:14px!important;
    border-radius:14px!important;
  }

  /* Related products — horizontal cards instead of three giant vertical cards */
  body.product-page .related-products{
    margin-top:24px!important;
    padding-top:20px!important;
    overflow:visible!important;
  }
  body.product-page .related-products h2{
    margin:0 0 14px!important;
    font-size:25px!important;
    line-height:1.05!important;
  }
  body.product-page .related-products .related-home-grid{
    display:flex!important;
    grid-template-columns:none!important;
    gap:10px!important;
    width:calc(100vw - 12px)!important;
    margin:0 -0px 0 0!important;
    padding:0 12px 7px 0!important;
    overflow-x:auto!important;
    scroll-snap-type:x proximity!important;
    scrollbar-width:none!important;
    border-top:0!important;
  }
  body.product-page .related-products .related-home-grid::-webkit-scrollbar{
    display:none!important;
  }
  body.product-page .related-products .product-card{
    flex:0 0 76vw!important;
    max-width:310px!important;
    min-width:235px!important;
    scroll-snap-align:start!important;
  }
  body.product-page .related-products .product-frame{
    aspect-ratio:4/5!important;
    border-radius:15px!important;
  }
  body.product-page .related-products .product-overlay{
    padding:11px!important;
  }
  body.product-page .related-products .product-overlay h3{
    font-size:14px!important;
  }
  body.product-page .related-products .price-pill{
    padding:6px 9px!important;
    font-size:11px!important;
  }

  /* Persistent buy bar — easy access after scrolling */
  body.product-page .mobile-buybar{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    z-index:68!important;
    width:100%!important;
    margin:0!important;
    padding:9px 12px calc(9px + env(safe-area-inset-bottom))!important;
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    align-items:center!important;
    gap:10px!important;
    background:rgba(255,255,255,.97)!important;
    border-top:1px solid #deded8!important;
    box-shadow:0 -10px 30px rgba(0,0,0,.06)!important;
    backdrop-filter:blur(12px)!important;
    -webkit-backdrop-filter:blur(12px)!important;
  }
  body.product-page .mobile-buybar strong{
    font-family:Inter,Arial,sans-serif!important;
    font-size:16px!important;
    font-weight:700!important;
    line-height:1!important;
  }
  body.product-page .mobile-buybar button{
    min-height:42px!important;
    border-radius:999px!important;
    font-size:11.5px!important;
  }
  body.product-page.cart-open .mobile-buybar,
  body.product-page.menu-open .mobile-buybar{
    display:none!important;
  }

  body.product-page .site-footer{
    margin-bottom:62px!important;
  }
}

@media(max-width:390px){
  body.product-page .detail-info h1{
    font-size:28px!important;
  }
  body.product-page .detail-service-grid{
    grid-template-columns:1fr!important;
  }
  body.product-page .detail-service-item,
  body.product-page .detail-service-item:nth-child(odd),
  body.product-page .detail-service-item:nth-child(even){
    padding:11px 0!important;
    border-right:0!important;
    border-bottom:1px solid #ecece7!important;
  }
  body.product-page .detail-service-item:last-child{
    border-bottom:0!important;
  }
  body.product-page .related-products .product-card{
    flex-basis:80vw!important;
  }
}


/* =========================================================
   V41 — MOBILE PRODUCT DETAIL FIXES
   - header cart icon alignment
   - badges over hero image
   - symmetric right padding
   - back-to-top above sticky add-to-cart
   ========================================================= */
@media (max-width:760px){

  /* Global mobile header cart icon alignment */
  .util-right .btn-cart,
  .site-header .btn-cart,
  .mobile-actions .btn-cart,
  .header-actions .btn-cart{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    line-height:1!important;
    vertical-align:middle!important;
  }
  .util-right .btn-cart .cart-icon-wrap,
  .site-header .btn-cart .cart-icon-wrap,
  .mobile-actions .btn-cart .cart-icon-wrap,
  .header-actions .btn-cart .cart-icon-wrap{
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    align-self:center!important;
    line-height:0!important;
    transform:none!important;
  }
  .util-right .btn-cart .cart-icon-wrap svg,
  .site-header .btn-cart .cart-icon-wrap svg,
  .mobile-actions .btn-cart .cart-icon-wrap svg,
  .header-actions .btn-cart .cart-icon-wrap svg{
    width:14px!important;
    height:14px!important;
    display:block!important;
    transform:none!important;
  }
  .util-right .btn-cart .cart-badge,
  .site-header .btn-cart .cart-badge,
  .mobile-actions .btn-cart .cart-badge,
  .header-actions .btn-cart .cart-badge{
    top:-4px!important;
    right:-4px!important;
  }

  /* Equal left-right padding on product page */
  body.product-page .product-detail-shell{
    width:100%!important;
    max-width:none!important;
    margin:0 auto!important;
    padding:0 12px!important;
    box-sizing:border-box!important;
  }
  body.product-page .detail-gallery-main,
  body.product-page .detail-thumbs,
  body.product-page .detail-info,
  body.product-page .detail-service-grid,
  body.product-page .detail-description,
  body.product-page .product-guide-links,
  body.product-page .product-reviews,
  body.product-page .advanced-reviews,
  body.product-page .related-products{
    box-sizing:border-box!important;
  }

  /* Put campaign badges on top of image */
  body.product-page .detail-gallery-column{
    position:relative!important;
  }
  body.product-page .detail-product-badges-side{
    position:absolute!important;
    top:8px!important;
    left:8px!important;
    right:8px!important;
    z-index:5!important;
    width:auto!important;
    margin:0!important;
    padding:0 0 4px!important;
    display:flex!important;
    align-items:flex-start!important;
    gap:6px!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
    pointer-events:none!important;
  }
  body.product-page .detail-product-badges-side::-webkit-scrollbar{
    display:none!important;
  }
  body.product-page .detail-product-badges-side .detail-product-badge{
    width:52px!important;
    height:52px!important;
    flex:0 0 52px!important;
    object-fit:contain!important;
    filter:drop-shadow(0 6px 10px rgba(0,0,0,.22))!important;
    pointer-events:auto!important;
  }
  body.product-page .detail-gallery-main{
    margin-top:0!important;
  }

  /* Related products should keep same side padding too */
  body.product-page .related-products .related-home-grid{
    width:100%!important;
    margin:0!important;
    padding:0 0 8px!important;
    box-sizing:border-box!important;
  }
  body.product-page .related-products .product-card{
    flex:0 0 calc(100% - 28px)!important;
    max-width:320px!important;
  }

  /* Footer alignment on product page */
  body.product-page .site-footer .footer-shell,
  body.product-page .site-footer .footer-inner,
  body.product-page .site-footer .footer-bottom{
    box-sizing:border-box!important;
  }

  /* Back-to-top above sticky add-to-cart */
  body.product-page .back-to-top{
    right:12px!important;
    bottom:calc(64px + env(safe-area-inset-bottom) + 14px)!important;
    z-index:72!important;
  }
}

@media (max-width:390px){
  body.product-page .detail-product-badges-side{
    top:7px!important;
    left:7px!important;
    right:7px!important;
    gap:5px!important;
  }
  body.product-page .detail-product-badges-side .detail-product-badge{
    width:48px!important;
    height:48px!important;
    flex-basis:48px!important;
  }
  body.product-page .related-products .product-card{
    flex-basis:calc(100% - 20px)!important;
  }
  body.product-page .back-to-top{
    right:10px!important;
  }
}


/* =========================================================
   V42 — MOBILE PRODUCT WIDTH RESET
   Fixes the old desktop "left illustration / reserved column"
   geometry leaking into product detail on phones.
   ========================================================= */
@media (max-width:760px){

  html{
    width:100vw!important;
    min-width:100vw!important;
    max-width:100vw!important;
    margin:0!important;
    padding:0!important;
    overflow-x:hidden!important;
  }

  body,
  body.product-page{
    width:100vw!important;
    min-width:100vw!important;
    max-width:100vw!important;
    margin:0!important;
    padding-left:0!important;
    padding-right:0!important;
    overflow-x:hidden!important;
  }

  /* Completely disable the old desktop left-side product illustration. */
  body.product-page .product-detail-page.active::after{
    display:none!important;
    content:none!important;
    width:0!important;
  }

  body.product-page .product-detail-page,
  body.product-page .product-detail-page.active{
    width:100vw!important;
    min-width:100vw!important;
    max-width:100vw!important;
    margin:0!important;
    padding-left:0!important;
    padding-right:0!important;
    overflow-x:hidden!important;
  }

  /* Exact mobile content width: 12px left + 12px right. */
  body.product-page .product-detail-page.active .product-detail-shell,
  body.product-page .product-detail-shell{
    width:calc(100vw - 24px)!important;
    min-width:0!important;
    max-width:calc(100vw - 24px)!important;
    margin-left:12px!important;
    margin-right:12px!important;
    padding-left:0!important;
    padding-right:0!important;
    box-sizing:border-box!important;
  }

  body.product-page .product-detail-card,
  body.product-page .detail-gallery-column,
  body.product-page .detail-gallery-main,
  body.product-page .detail-info,
  body.product-page .detail-service-grid,
  body.product-page .detail-description,
  body.product-page .detail-extra,
  body.product-page .product-reviews,
  body.product-page .advanced-reviews,
  body.product-page .related-products{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }

  body.product-page .detail-gallery-main{
    overflow:hidden!important;
  }

  body.product-page .detail-gallery-main img{
    width:100%!important;
    max-width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
  }

  /* Keep the badges inside the photo boundaries. */
  body.product-page .detail-product-badges-side{
    left:8px!important;
    right:8px!important;
    max-width:calc(100% - 16px)!important;
  }

  /* Header/announcement/footer must also fill the real viewport. */
  body.product-page .announcement-bar,
  body.product-page .site-topbar,
  body.product-page .site-footer{
    width:100vw!important;
    max-width:100vw!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }

  /* Sticky bottom CTA is also viewport-aligned. */
  body.product-page .mobile-buybar{
    width:100vw!important;
    max-width:100vw!important;
    left:0!important;
    right:0!important;
    box-sizing:border-box!important;
  }

  /* Keep back-to-top separated from sticky add-to-cart. */
  body.product-page .back-to-top{
    right:12px!important;
    bottom:calc(72px + env(safe-area-inset-bottom))!important;
  }
}


/* =========================================================
   V42.4 — CLEAN MOBILE GUTTER FIX
   Built directly on the known-good V42 baseline.
   No V42.1 / V42.2 / V42.3 stacking.
   Desktop untouched.
   ========================================================= */
@media (max-width:760px){

  :root{
    --miora-mobile-gutter:16px;
  }

  html,
  body{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    overflow-x:hidden!important;
  }

  /* ---------- GLOBAL HEADER ---------- */
  .site-topbar{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:7px var(--miora-mobile-gutter)!important;
    box-sizing:border-box!important;
  }

  .site-topbar .util-right{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:6px!important;
    margin-left:auto!important;
    min-width:0!important;
  }

  .site-topbar .global-search-btn,
  .site-topbar .btn-cart,
  .site-topbar .hamburger{
    width:36px!important;
    min-width:36px!important;
    max-width:36px!important;
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
    flex:0 0 36px!important;
    margin:0!important;
    padding:0!important;
    border-radius:50%!important;
    box-sizing:border-box!important;
  }

  .site-topbar .global-search-btn{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  .site-topbar .global-search-btn > span{
    display:none!important;
  }

  .site-topbar .btn-cart{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:0!important;
    overflow:visible!important;
    position:relative!important;
    background:#0A0A0A!important;
    color:#fff!important;
    border:1px solid #0A0A0A!important;
    font-size:0!important;
    line-height:0!important;
  }

  .site-topbar .btn-cart .cart-icon-wrap{
    position:relative!important;
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:50%!important;
    background:transparent!important;
    color:#fff!important;
    transform:none!important;
  }

  .site-topbar .btn-cart .cart-icon-wrap svg{
    width:15px!important;
    height:15px!important;
    display:block!important;
    stroke:#fff!important;
    color:#fff!important;
  }

  .site-topbar .btn-cart .cart-badge{
    position:absolute!important;
    top:-4px!important;
    right:-4px!important;
    min-width:16px!important;
    height:16px!important;
    padding:0 4px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:999px!important;
    background:#e5484d!important;
    color:#fff!important;
    font-size:10px!important;
    font-weight:700!important;
    line-height:1!important;
    z-index:3!important;
  }

  /* ---------- HOMEPAGE: ONE OUTER GUTTER, NO DOUBLE PADDING ---------- */
  #home{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    overflow-x:hidden!important;
  }

  #home > #campaignBannerSlider,
  #home > .products,
  #home > .blog-home-section,
  #home > .home-section.story-section,
  #home > .why-miora-simple{
    width:calc(100vw - 32px)!important;
    max-width:calc(100vw - 32px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
  }

  #home > #campaignBannerSlider{
    padding-left:0!important;
    padding-right:0!important;
  }

  #home #campaignBannerSlider .campaign-banner-track,
  #home #campaignBannerSlider .campaign-banner-slide,
  #home #campaignBannerSlider .campaign-banner-copy,
  #home #campaignBannerSlider .campaign-banner-media{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }

  #home #campaignBannerSlider .campaign-banner-copy{
    padding-left:0!important;
    padding-right:0!important;
  }

  #home #campaignBannerSlider .campaign-banner-media{
    overflow:hidden!important;
  }

  #home > .products{
    padding-left:0!important;
    padding-right:0!important;
  }

  #home .home-featured-head,
  #home #productGrid{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }

  #home > .blog-home-section{
    padding-left:0!important;
    padding-right:0!important;
    overflow:hidden!important;
  }

  #home .blog-home-heading{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding-left:0!important;
    padding-right:0!important;
    box-sizing:border-box!important;
  }

  #home .blog-slider-wrap{
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
  }

  #home .blog-slider{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding-left:0!important;
    padding-right:0!important;
    scroll-padding-left:0!important;
    box-sizing:border-box!important;
  }

  #home > .home-section.story-section{
    padding-left:0!important;
    padding-right:0!important;
  }

  #home .story-image,
  #home .story-copy{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }

  #home > .why-miora-simple{
    padding-left:0!important;
    padding-right:0!important;
  }

  #home > .why-miora-simple .home-section{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding-left:0!important;
    padding-right:0!important;
    box-sizing:border-box!important;
  }

  /* ---------- SUBPAGES: SAME 16PX / 16PX GUTTER ---------- */
  .all-products-page,
  .static-shell,
  .contact-shell,
  .info-shell,
  .faq-shell,
  .account-shell,
  .auth-shell,
  .payment-shell,
  .cart-page-main,
  .order-detail-shell,
  .order-success-shell,
  .order-failed-shell,
  .not-found-shell,
  .blog-index-shell,
  .article-shell{
    width:calc(100vw - 32px)!important;
    max-width:calc(100vw - 32px)!important;
    min-width:0!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:0!important;
    padding-right:0!important;
    box-sizing:border-box!important;
  }

  body.product-page .product-detail-page,
  body.product-page .product-detail-page.active{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding-left:0!important;
    padding-right:0!important;
    overflow-x:hidden!important;
    box-sizing:border-box!important;
  }

  body.product-page .product-detail-page.active .product-detail-shell,
  body.product-page .product-detail-shell{
    width:calc(100vw - 32px)!important;
    max-width:calc(100vw - 32px)!important;
    min-width:0!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:0!important;
    padding-right:0!important;
    box-sizing:border-box!important;
  }

  /* Keep ordinary media inside the actual content width */
  .all-products-page img,
  .static-shell img,
  .contact-shell img,
  .info-shell img,
  .faq-shell img,
  .account-shell img,
  .auth-shell img,
  .payment-shell img,
  .cart-page-main img,
  .order-detail-shell img,
  .order-success-shell img,
  .order-failed-shell img,
  .not-found-shell img,
  .blog-index-shell img,
  .article-shell img,
  body.product-page .product-detail-shell img{
    max-width:100%!important;
  }

  /* ---------- FOOTER ---------- */
  .site-footer{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
  }

  .site-footer-inner{
    width:calc(100vw - 32px)!important;
    max-width:calc(100vw - 32px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:0!important;
    padding-right:0!important;
    box-sizing:border-box!important;
  }
}


/* =========================================================
   V42.5 — PRODUCT MOBILE BADGE ROW
   Fresh V42.4 base. Product page only on mobile.
   Desktop untouched.
   ========================================================= */
@media (max-width:760px){

  /* Breadcrumb stays compact; badge row begins immediately below it. */
  body.product-page .miora-breadcrumb{
    margin-bottom:7px!important;
  }

  /* Badges are no longer over the photo on mobile.
     JS moves this same container directly after breadcrumb. */
  body.product-page .detail-product-badges-side:not([hidden]){
    position:static!important;
    inset:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    transform:none!important;
    z-index:auto!important;

    width:100%!important;
    max-width:100%!important;
    min-height:58px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex-wrap:nowrap!important;
    gap:8px!important;

    margin:0 0 10px!important;
    padding:0!important;

    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
    pointer-events:auto!important;
    box-sizing:border-box!important;
  }

  body.product-page .detail-product-badges-side:not([hidden])::-webkit-scrollbar{
    display:none!important;
  }

  body.product-page .detail-product-badges-side .detail-product-badge{
    width:58px!important;
    height:58px!important;
    max-width:58px!important;
    flex:0 0 58px!important;
    display:block!important;
    object-fit:contain!important;
    filter:drop-shadow(0 4px 8px rgba(0,0,0,.10))!important;
  }

  /* A little breathing room between hero and thumbnails/info. */
  body.product-page .detail-gallery-main{
    margin-top:0!important;
    border-radius:18px!important;
  }

  body.product-page .detail-thumbs{
    margin-top:9px!important;
    margin-bottom:14px!important;
  }

  body.product-page .detail-thumbs button{
    width:58px!important;
    height:58px!important;
    min-width:58px!important;
    flex-basis:58px!important;
  }

  body.product-page .product-detail-card{
    gap:15px!important;
  }

  body.product-page .detail-info{
    padding-top:0!important;
  }

  /* Keep title/price block visually tighter on phone. */
  body.product-page .detail-info h1{
    margin-bottom:7px!important;
  }

  body.product-page .detail-price-below-rating{
    margin-top:1px!important;
  }

  /* Related products remain inside V42.4's safe mobile width. */
  body.product-page .related-products .related-home-grid{
    max-width:100%!important;
  }
}

@media (max-width:390px){
  body.product-page .detail-product-badges-side:not([hidden]){
    min-height:54px!important;
    gap:7px!important;
  }

  body.product-page .detail-product-badges-side .detail-product-badge{
    width:54px!important;
    height:54px!important;
    max-width:54px!important;
    flex-basis:54px!important;
  }
}


/* =========================================================
   V42.6 — MOBILE PRODUCT BADGES
   +10% larger and hard left-aligned.
   Desktop untouched.
   ========================================================= */
@media (max-width:760px){
  body.product-page .detail-product-badges-side:not([hidden]){
    justify-content:flex-start!important;
    align-items:center!important;
    text-align:left!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
  }

  body.product-page .detail-product-badges-side .detail-product-badge{
    width:64px!important;
    height:64px!important;
    max-width:64px!important;
    flex:0 0 64px!important;
    margin-left:0!important;
  }
}

@media (max-width:390px){
  body.product-page .detail-product-badges-side .detail-product-badge{
    width:60px!important;
    height:60px!important;
    max-width:60px!important;
    flex-basis:60px!important;
  }
}


/* =========================================================
   V42.7 — MOBILE PRODUCT BADGES TRUE LEFT ALIGN
   Root cause: an older high-specificity :has(...) rule was
   forcing 3-badge rows to justify-content:flex-end!important.
   Use the element ID to definitively override it on mobile.
   Desktop untouched.
   ========================================================= */
@media (max-width:760px){
  body.product-page #detailProductBadges.detail-product-badges.detail-product-badges-side:not([hidden]),
  body.product-page #detailProductBadges.detail-product-badges.detail-product-badges-side:has(.detail-product-badge:nth-child(2)),
  body.product-page #detailProductBadges.detail-product-badges.detail-product-badges-side:has(.detail-product-badge:nth-child(3)),
  body.product-page #detailProductBadges.detail-product-badges.detail-product-badges-side:has(.detail-product-badge:nth-child(4)){
    width:fit-content!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:auto!important;
    padding-left:0!important;
    padding-right:0!important;
    justify-content:flex-start!important;
    align-items:center!important;
    align-self:flex-start!important;
    transform:none!important;
  }

  body.product-page #detailProductBadges .detail-product-badge:first-child{
    margin-left:0!important;
  }
}


/* =========================================================
   V42.8 — CART MOBILE POLISH
   Cart page only. Desktop untouched.
   ========================================================= */
@media (max-width:760px){

  body.cart-full-page .cart-page-main{
    width:calc(100% - 32px)!important;
    max-width:calc(100% - 32px)!important;
    margin:0 auto!important;
    padding:30px 0 70px!important;
    box-sizing:border-box!important;
  }

  /* Header: keep only ONE divider */
  body.cart-full-page .cart-page-heading{
    display:flex!important;
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:16px!important;
    padding-bottom:20px!important;
    margin-bottom:0!important;
    border-bottom:1px solid var(--border)!important;
  }

  body.cart-full-page .cart-page-heading h1{
    font-size:42px!important;
    line-height:1!important;
    letter-spacing:-.045em!important;
  }

  body.cart-full-page .cart-page-heading a{
    font-size:12.5px!important;
    padding-bottom:3px!important;
  }

  body.cart-full-page .cart-page-layout{
    padding-top:0!important;
  }

  body.cart-full-page .cart-table-head{
    display:none!important;
  }

  body.cart-full-page .cart-page-items{
    padding-top:0!important;
    border-top:0!important;
  }

  body.cart-full-page .cart-page-item:first-child{
    padding-top:24px!important;
  }

  /* Cleaner product rows */
  body.cart-full-page .cart-page-item{
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:12px 16px!important;
    padding:18px 0!important;
    border-bottom:1px solid var(--border)!important;
  }

  body.cart-full-page .cart-product-cell{
    grid-column:1/-1!important;
    grid-template-columns:72px minmax(0,1fr)!important;
    gap:14px!important;
    align-items:center!important;
  }

  body.cart-full-page .cart-page-item img{
    width:72px!important;
    height:84px!important;
    border-radius:11px!important;
  }

  body.cart-full-page .cart-page-item-info h3{
    margin-bottom:4px!important;
    font-size:14px!important;
    line-height:1.3!important;
  }

  body.cart-full-page .cart-page-item-meta{
    font-size:11.5px!important;
  }

  body.cart-full-page .cart-qty-cell{
    grid-column:1!important;
    align-self:center!important;
  }

  body.cart-full-page .cart-qty-cell .qty-row{
    gap:6px!important;
  }

  body.cart-full-page .cart-qty-cell .qty-btn{
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
  }

  body.cart-full-page .cart-line-total{
    grid-column:2!important;
    align-self:center!important;
    text-align:right!important;
  }

  body.cart-full-page .cart-line-total strong{
    margin-bottom:6px!important;
    font-size:14px!important;
  }

  body.cart-full-page .cart-page-remove{
    font-size:11px!important;
  }

  /* Bottom area */
  body.cart-full-page .cart-bottom-grid{
    grid-template-columns:1fr!important;
    gap:30px!important;
    padding-top:30px!important;
  }

  /* Coupon: make it look intentional instead of like an unstyled form */
  body.cart-full-page .coupon-box{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:18px!important;
    border:1px solid #e2e2dc!important;
    border-radius:18px!important;
    background:#f7f7f3!important;
    box-sizing:border-box!important;
  }

  body.cart-full-page .coupon-box h2{
    margin:0 0 7px!important;
    font-size:24px!important;
    line-height:1.05!important;
  }

  body.cart-full-page .coupon-box p{
    margin:0 0 14px!important;
    font-size:12.5px!important;
    line-height:1.55!important;
  }

  body.cart-full-page .coupon-form{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 96px!important;
    gap:8px!important;
    align-items:center!important;
  }

  body.cart-full-page .coupon-form input{
    width:100%!important;
    min-width:0!important;
    height:46px!important;
    padding:0 15px!important;
    border:1px solid #cfcfc8!important;
    border-radius:999px!important;
    background:#fff!important;
    font-size:13px!important;
    box-sizing:border-box!important;
  }

  body.cart-full-page .coupon-form input:focus{
    border-color:#111!important;
    box-shadow:0 0 0 2px rgba(0,0,0,.04)!important;
  }

  body.cart-full-page .coupon-form button{
    width:96px!important;
    height:46px!important;
    padding:0!important;
    border-radius:999px!important;
    background:#0a0a0a!important;
    color:#fff!important;
    font-size:12px!important;
    font-weight:700!important;
  }

  body.cart-full-page .coupon-message{
    min-height:0!important;
    margin-top:9px!important;
    font-size:11px!important;
    line-height:1.45!important;
  }

  /* Order summary */
  body.cart-full-page .cart-summary-card{
    width:100%!important;
    padding:0!important;
  }

  body.cart-full-page .cart-summary-card h2{
    margin-bottom:13px!important;
    font-size:29px!important;
    line-height:1.05!important;
  }

  body.cart-full-page .cart-summary-line{
    min-height:42px!important;
    padding:9px 0!important;
    font-size:12.5px!important;
  }

  body.cart-full-page .cart-summary-line.muted #fullCartShipping{
    color:#315735!important;
    font-weight:700!important;
  }

  body.cart-full-page .cart-summary-line.total{
    margin-top:6px!important;
    padding-top:17px!important;
    font-size:16px!important;
  }

  body.cart-full-page .cart-summary-checkout{
    min-height:48px!important;
    margin-top:16px!important;
    font-size:13px!important;
  }

  body.cart-full-page .cart-summary-note{
    margin-top:10px!important;
    font-size:10.5px!important;
  }

  /* Keep back-to-top comfortably clear of the footer edge */
  body.cart-full-page .back-to-top{
    right:14px!important;
    bottom:14px!important;
  }
}

@media (max-width:350px){
  body.cart-full-page .coupon-form{
    grid-template-columns:1fr!important;
  }

  body.cart-full-page .coupon-form button{
    width:100%!important;
  }
}


/* =========================================================
   V42.10 — PRODUCT ANALYSIS REPORT CARD (refined)
   Scoped to product document section only.
   ========================================================= */
body.product-page .product-documents{
  width:100%;
  margin-top:22px;
  padding-top:22px;
  border-top:1px solid var(--border);
}
body.product-page .product-documents[hidden]{display:none!important}
body.product-page .product-documents-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-bottom:16px;
}
body.product-page .product-documents-head>span{
  font-size:10px;
  letter-spacing:.22em;
  color:#7f8780;
}
body.product-page .product-documents-title{
  display:flex;
  align-items:center;
  gap:10px;
  color:#17361f;
}
body.product-page .product-documents-title svg{width:23px;height:23px;flex:0 0 23px}
body.product-page .product-documents-title strong{
  font-family:Fraunces,serif;
  font-size:23px;
  line-height:1;
  font-weight:500;
  color:#122b19;
}
body.product-page .product-document-list{display:grid;gap:12px}
body.product-page .product-document-card{
  width:100%;
  min-height:104px;
  padding:14px 18px;
  display:grid;
  grid-template-columns:104px minmax(0,1fr) auto;
  align-items:center;
  gap:20px;
  box-sizing:border-box;
  border:1px solid #E6E9E3;
  border-radius:22px;
  background:#FCFCF9;
  color:#142819;
  text-decoration:none;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
body.product-page .product-document-card:hover{
  border-color:#d9ded6;
  box-shadow:0 10px 24px rgba(14,35,19,.05);
  transform:translateY(-1px);
}
body.product-page .product-document-visual{
  width:98px;
  height:86px;
  display:grid;
  place-items:center;
  border-radius:18px;
  background:#f3f5ee;
  overflow:hidden;
}
body.product-page .product-document-visual img{
  width:90px;
  height:90px;
  display:block;
  object-fit:contain;
}
body.product-page .product-document-body{
  display:grid;
  gap:6px;
  min-width:0;
}
body.product-page .product-document-body strong{
  font-family:Fraunces,serif;
  font-size:20px;
  line-height:1.1;
  font-weight:500;
  color:#142819;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  max-width:240px;
}
body.product-page .product-document-body span{
  font-size:13px;
  line-height:1.45;
  color:#737a74;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  max-width:340px;
}
body.product-page .product-document-cta{
  align-self:stretch;
  display:flex;
  align-items:center;
  padding-left:18px;
  border-left:1px solid #E6E9E3;
}
body.product-page .product-document-pill{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:10px 14px;
  border-radius:999px;
  background:#edf4e9;
  color:#36583c;
  font-size:12px;
  font-weight:600;
  white-space:nowrap;
}
body.product-page .product-document-pill svg{width:17px;height:17px;flex:0 0 17px}
body.product-page .product-document-pill em{font-style:normal}
body.product-page .product-document-open{display:none !important}
@media(max-width:760px){
  body.product-page .product-documents{margin-top:18px;padding-top:18px}
  body.product-page .product-documents-head{align-items:flex-start;gap:8px;margin-bottom:12px}
  body.product-page .product-documents-head>span{font-size:8px;letter-spacing:.18em}
  body.product-page .product-documents-title{gap:7px}
  body.product-page .product-documents-title svg{width:18px;height:18px;flex-basis:18px}
  body.product-page .product-documents-title strong{font-size:18px}
  body.product-page .product-document-card{
    min-height:0;
    grid-template-columns:74px minmax(0,1fr);
    gap:12px;
    padding:11px 12px;
    border-radius:17px;
  }
  body.product-page .product-document-visual{width:70px;height:70px;border-radius:14px}
  body.product-page .product-document-visual img{width:66px;height:66px}
  body.product-page .product-document-body{gap:4px}
  body.product-page .product-document-body strong{font-size:16px;max-width:none}
  body.product-page .product-document-body span{font-size:11.5px;line-height:1.38;max-width:none}
  body.product-page .product-document-cta{
    grid-column:2/3;
    border-left:0;
    padding-left:0;
    align-self:flex-start;
    margin-top:4px;
  }
  body.product-page .product-document-pill{padding:7px 10px;font-size:10px;gap:6px}
  body.product-page .product-document-pill svg{width:14px;height:14px;flex-basis:14px}
}



/* =========================================================
   V42.11 — ANALYSIS HEADING CLEANUP
   Product analysis section only.
   ========================================================= */
body.product-page .product-documents{
  border-top:0!important;
  padding-top:0!important;
}

body.product-page .product-documents-title{
  gap:0!important;
}

body.product-page .product-documents-title svg{
  display:none!important;
}

body.product-page .product-documents-title strong{
  font-size:19px!important;
  line-height:1.05!important;
}

@media(max-width:760px){
  body.product-page .product-documents{
    padding-top:0!important;
  }

  body.product-page .product-documents-title strong{
    font-size:17px!important;
  }
}

/* =========================================================
   V42.12 — MOBILE REVIEW ALIGN + ANALYSIS SPACING
   Product page mobile only.
   ========================================================= */
@media(max-width:760px){

  /* Müşteri yorumları başlığı mobilde sola hizalı */
  body.product-page .product-reviews-head,
  body.product-page .product-reviews-head > div{
    width:100%!important;
    max-width:100%!important;
    text-align:left!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
  }

  body.product-page .product-reviews-head span,
  body.product-page .product-reviews-head h2,
  body.product-page .product-reviews-head p{
    text-align:left!important;
    margin-left:0!important;
    margin-right:0!important;
  }

  /* Analiz kartında açıklama ile buton arasındaki boşluğu azalt */
  body.product-page .product-document-card{
    column-gap:12px!important;
    row-gap:4px!important;
  }

  body.product-page .product-document-body{
    gap:2px!important;
  }

  body.product-page .product-document-cta{
    margin-top:0!important;
    padding-top:0!important;
  }

  body.product-page .product-document-pill{
    margin-top:0!important;
  }
}

/* V19 — stokta olmayan varyant ve satın alma durumu */
.product-detail-page .detail-variant.is-out-of-stock,
.product-detail-page .detail-variant:disabled{
  opacity:.42!important;
  cursor:not-allowed!important;
  background:#f5f5f2!important;
  color:#777!important;
  border-color:#d9d9d3!important;
  box-shadow:none!important;
  text-decoration:none!important;
}
.product-detail-page .detail-variant.is-out-of-stock .variant-popular-badge{opacity:.55}
.product-detail-page .variant-stock-label{display:block;font-size:8px;line-height:1;margin-top:2px;letter-spacing:.02em;color:#8b8b84}
.product-detail-page .detail-stock.is-out{color:#8a3b32}
.product-detail-page .detail-stock.is-out::before{background:#b86d62}
.product-detail-page .detail-add:disabled,
.mobile-buybar button:disabled{opacity:.48;cursor:not-allowed;background:#777!important;color:#fff!important}
.product-detail-page .detail-qty button:disabled{opacity:.35;cursor:not-allowed}