/* ---------- HERO ---------- */
  .hero{
    background:linear-gradient(120deg,var(--cream) 0%, var(--cream-2) 55%, #fbe8de 100%);
    padding:32px 32px 40px;
    position:relative;
  }
  .hero-carousel{position:relative;max-width:1240px;margin:0 auto;}
  .hero-viewport{overflow:hidden;border-radius:8px;}
  .hero-track{display:flex;transition:transform 0.55s cubic-bezier(.4,0,.2,1);}
  .hero-slide{flex:0 0 100%;min-width:0;}
  .hero-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:#fff;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:20;box-shadow:0 6px 18px rgba(0,0,0,0.1);font-size:14px;color:var(--ink);}
  .hero-arrow:hover{background:var(--cream);}
  .hero-arrow.prev{left:-8px;}
  .hero-arrow.next{right:-8px;}
  .hero-dots{display:flex;justify-content:center;gap:8px;margin-top:18px;}
  .hero-dots .dot{width:8px;height:8px;border-radius:50%;border:none;background:var(--line);cursor:pointer;padding:0;}
  .hero-dots .dot.active{background:var(--rose-dark);width:22px;border-radius:5px;transition:width 0.25s ease;}
  @media (max-width:700px){
    .hero-arrow{display:none;}
  }

  .hero-grid{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;}
  .eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--rose-dark);background:#fff;padding:5px 12px;border-radius:999px;margin-bottom:12px;box-shadow:0 1px 2px rgba(0,0,0,0.04);}
  .hero h1{font-size:clamp(24px,3vw,36px);line-height:1.1;letter-spacing:-0.5px;margin-bottom:10px;}
  .hero p{font-size:14px;color:var(--ink-soft);max-width:430px;line-height:1.5;margin-bottom:16px;}
  .btn-row{display:flex;gap:12px;flex-wrap:wrap;}
  .btn{padding:11px 22px;border-radius:999px;font-size:13.5px;font-weight:500;border:none;}
  .btn-primary{background:var(--rose-dark);color:#fff;}
  .btn-primary:hover{background:#b25961;}
  .btn-ghost{background:#fff;color:var(--ink);border:1px solid var(--line);}
  .btn-ghost:hover{background:var(--cream);}
  .hero-img-wrap{position:relative;border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:4/2.3;box-shadow:0 20px 50px -20px rgba(80,50,40,0.25);}
  .hero-img-wrap img{object-position:top center;}
  .trust-badge{position:absolute;left:16px;bottom:14px;background:#fff;padding:9px 14px;border-radius:var(--radius-sm);box-shadow:0 8px 24px rgba(0,0,0,0.08);}
  .trust-badge .label{font-size:9.5px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:0.04em;margin-bottom:2px;}
  .trust-badge .value{font-size:13px;font-weight:500;}
  @media (max-width:860px){
    .hero-grid{grid-template-columns:1fr;gap:18px;}
    .hero{padding:18px 20px 22px;}
    .hero-img-wrap{aspect-ratio:4/1.7;order:-1;}
  }

  /* ---------- TRUST BAR ---------- */
  .trustbar{padding:28px 32px;border-bottom:1px solid var(--line);}
  .trustbar-grid{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
  .trust-item{display:flex;align-items:center;gap:12px;background:var(--cream);border-radius:var(--radius-sm);padding:16px 18px;}
  .trust-item .ic{width:36px;height:36px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;}
  .trust-item .t{font-size:13.5px;font-weight:500;}
  .trust-item .s{font-size:12px;color:var(--ink-soft);}
  @media (max-width:860px){ .trustbar-grid{grid-template-columns:repeat(2,1fr);} }
  @media (max-width:480px){ .trustbar-grid{grid-template-columns:1fr;} }

  /* ---------- SECTION HEADINGS ---------- */
  section.block{padding:64px 32px;}
  .block-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:28px;flex-wrap:wrap;gap:8px;}
  .block-head h2{font-size:28px;}
  .block-head .sub{font-size:13.5px;color:var(--ink-soft);margin-top:4px;}
  .see-all{font-size:13.5px;color:var(--rose-dark);font-weight:500;}

  /* ---------- CATEGORY BENTO ---------- */
  .cat-wrap{max-width:1240px;margin:0 auto;}
  .cat-intro{background:linear-gradient(100deg,var(--cream) 0%, var(--cream-2) 100%);padding:52px 32px;text-align:center;}
  .cat-intro-inner{max-width:680px;margin:0 auto;}
  .cat-intro h2{font-size:clamp(26px,4vw,38px);letter-spacing:-0.3px;margin-bottom:12px;}
  .cat-intro p{font-size:15px;color:var(--ink-soft);line-height:1.6;margin:0;}
  @media (max-width:600px){ .cat-intro{padding:36px 20px;} }
  .cat-row1{display:grid;grid-template-columns:1.3fr 1fr 1fr;grid-template-rows:repeat(2,180px);gap:16px;margin-bottom:16px;}
  .cat-row2{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px;}
  .cat-row3{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
  .cat-tile{position:relative;border-radius:var(--radius-md);overflow:hidden;background:var(--cream-2);}
  .cat-tile.big{grid-row:span 2;}
  .cat-row2 .cat-tile, .cat-row3 .cat-tile{aspect-ratio:1;}
  .cat-tile .overlay{position:absolute;inset:0;background:linear-gradient(to top, rgba(0,0,0,0.55), rgba(0,0,0,0) 55%);}
  .cat-tile .txt{position:absolute;left:16px;bottom:14px;color:#fff;}
  .cat-tile .kicker{font-size:9.5px;text-transform:uppercase;letter-spacing:0.06em;opacity:0.85;margin-bottom:3px;}
  .cat-tile .name{font-family:'Fraunces',serif;font-size:18px;}
  @media (max-width:900px){
    .cat-row1{grid-template-columns:1fr 1fr;grid-template-rows:repeat(2,150px);}
    .cat-row1 .cat-tile.big{grid-row:span 2;grid-column:1;}
    .cat-row2{grid-template-columns:repeat(2,1fr);}
    .cat-row3{grid-template-columns:repeat(2,1fr);}
  }
  @media (max-width:560px){
    .cat-row1{grid-template-columns:1fr;grid-template-rows:auto;}
    .cat-row1 .cat-tile.big{aspect-ratio:1.2;grid-row:auto;}
    .cat-row1 .cat-tile:not(.big){aspect-ratio:1.3;}
  }

  /* ---------- PRODUCT GRID ---------- */
  .prod-grid{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
  .prod-card{position:relative;}
  .prod-img{position:relative;border-radius:var(--radius-md);overflow:hidden;aspect-ratio:0.95;background:var(--cream);margin-bottom:12px;}
  .badge{position:absolute;top:10px;right:10px;background:var(--rose-dark);color:#fff;font-size:11px;font-weight:600;padding:4px 9px;border-radius:999px;z-index:2;}
  .badge.new{background:var(--ink);}
  .cart-fab{position:absolute;bottom:10px;right:10px;width:34px;height:34px;border-radius:50%;background:var(--rose-dark);color:#fff;border:none;display:flex;align-items:center;justify-content:center;font-size:15px;z-index:2;}
  .prod-name{font-size:14px;font-weight:500;margin-bottom:4px;}
  .price-row{display:flex;align-items:center;gap:8px;font-size:13.5px;}
  .price-now{font-weight:600;}
  .price-was{color:var(--ink-soft);text-decoration:line-through;font-size:12.5px;}
  @media (max-width:900px){ .prod-grid{grid-template-columns:repeat(2,1fr);} }

  /* ---------- SALE BANNER ---------- */
  .sale-banner{max-width:1240px;margin:0 auto;background:linear-gradient(100deg,var(--rose-dark), var(--terracotta));border-radius:var(--radius-lg);padding:30px 40px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;}
  .sale-banner .kicker{font-size:11px;letter-spacing:0.08em;text-transform:uppercase;color:rgba(255,255,255,0.85);margin-bottom:4px;}
  .sale-banner h3{color:#fff;font-size:24px;font-weight:500;}
  .sale-banner .btn-ghost{white-space:nowrap;}



  /* ---------- ABOUT ---------- */
  .about{padding:8px 32px 8px;}
  .about-inner{max-width:1240px;margin:0 auto;background:var(--cream);border-radius:var(--radius-md);padding:32px 36px;display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;}
  .about-inner h2{font-size:24px;margin-bottom:12px;}
  .about-inner p{font-size:14.5px;color:var(--ink-soft);line-height:1.7;margin:0;}
  @media (max-width:860px){ .about-inner{grid-template-columns:1fr;padding:26px 22px;} }

  .cat-blurb{max-width:820px;font-size:14px;color:var(--ink-soft);line-height:1.7;margin-top:18px;}

  /* ---------- FAQ ---------- */
  .faq-wrap{max-width:840px;margin:0 auto;}
  .faq-item{border-bottom:1px solid var(--line);}
  .faq-item summary{list-style:none;cursor:pointer;padding:18px 4px;display:flex;align-items:center;justify-content:space-between;font-size:15px;font-weight:500;gap:16px;}
  .faq-item summary::-webkit-details-marker{display:none;}
  .faq-item summary .plus{font-size:18px;color:var(--rose-dark);flex-shrink:0;transition:transform 0.15s ease;}
  .faq-item[open] summary .plus{transform:rotate(45deg);}
  .faq-item p{margin:0 4px 18px;font-size:14px;color:var(--ink-soft);line-height:1.7;max-width:680px;}