:root{
    --cream:#F2E8DD;
    --cream-soft:#F8F2EB;
    --cream-card:#F6EFE7;
    --ink:#2A2420;
    --ink-soft:#6B6157;
    --rust:#A84A2A;
    --rust-hover:#943F22;
    --rust-soft:#D9A98C;
    --eyebrow:#B27A57;
    --dark:#1C1814;
    --line:rgba(42,36,32,.10);
    --shadow:0 24px 60px -28px rgba(60,40,28,.45);
    --radius:22px;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{
    font-family:'Inter',sans-serif;
    color:var(--ink);
    background:var(--cream);
    -webkit-font-smoothing:antialiased;
    line-height:1.6;
  }
  h1,h2,h3,h4,.display{font-family:'Plus Jakarta Sans',sans-serif;letter-spacing:-.02em;line-height:1.05}
  a{color:inherit;text-decoration:none}
  img{max-width:100%;display:block}
  .wrap{max-width:1200px;margin:0 auto;padding:0 32px}
  .eyebrow{font-family:'Plus Jakarta Sans';font-weight:700;font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--eyebrow)}

  /* ---------- announcement ---------- */
  .topbar{background:var(--dark);color:#E7DACB;font-size:.82rem}
  .topbar .wrap{display:flex;justify-content:center;gap:42px;padding:13px 32px;flex-wrap:wrap}
  .topbar span{display:inline-flex;align-items:center;gap:9px}
  .topbar b{color:#fff;font-weight:600}
  .topbar svg{width:15px;height:15px;stroke:var(--rust-soft);opacity:.95}

  /* ---------- header ---------- */
  header{position:sticky;top:0;z-index:40;background:rgba(248,242,235,.86);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
  .nav{display:flex;align-items:center;justify-content:space-between;padding:18px 32px;max-width:1200px;margin:0 auto}
  .brand{display:flex;flex-direction:column;line-height:1}
  .brand .mark{font-family:'Plus Jakarta Sans';font-weight:800;font-size:1.7rem;letter-spacing:-.05em;color:var(--rust)}
  .brand .mark i{color:var(--ink);font-style:normal}
  .brand small{font-size:.57rem;font-weight:600;letter-spacing:.26em;color:var(--ink-soft);margin-top:4px}
  nav.menu{display:flex;gap:34px;font-weight:500;font-size:.96rem}
  nav.menu a{position:relative;padding:4px 0;transition:color .2s}
  nav.menu a:hover{color:var(--rust)}
  nav.menu a::after{content:"";position:absolute;left:0;bottom:-2px;height:2px;width:0;background:var(--rust);transition:width .25s}
  nav.menu a:hover::after{width:100%}
  .icons{display:flex;gap:20px}
  .icons svg{width:21px;height:21px;stroke:var(--ink);cursor:pointer;transition:stroke .2s}
  .icons svg:hover{stroke:var(--rust)}
  .burger{display:none;flex-direction:column;gap:5px;cursor:pointer}
  .burger span{width:24px;height:2px;background:var(--ink);border-radius:2px}

  /* ---------- hero ---------- */
  .hero{position:relative;overflow:hidden;background:
    radial-gradient(120% 90% at 85% 0%, #F8EFE6 0%, var(--cream) 55%),
    var(--cream)}
  .hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;padding:78px 32px 90px}
  .hero h1{font-size:clamp(2.6rem,5.6vw,4.4rem);font-weight:800;margin:18px 0 22px}
  .hero h1 .rust{color:var(--rust)}
  .hero p.lead{font-size:1.12rem;color:var(--ink-soft);max-width:34ch;margin-bottom:34px}
  .cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:40px}
  .btn{font-family:'Plus Jakarta Sans';font-weight:700;font-size:.98rem;border-radius:40px;padding:16px 30px;cursor:pointer;border:none;transition:transform .15s,box-shadow .25s,background .2s}
  .btn-primary{background:var(--rust);color:#fff;box-shadow:0 14px 30px -12px rgba(168,74,42,.6)}
  .btn-primary:hover{background:var(--rust-hover);transform:translateY(-2px)}
  .btn-ghost{background:transparent;color:var(--ink);border:1.5px solid var(--ink)}
  .btn-ghost:hover{background:var(--ink);color:#fff;transform:translateY(-2px)}
  .pills{display:flex;flex-wrap:wrap;gap:10px 26px;font-size:.84rem;font-weight:600;color:var(--ink-soft)}
  .pills span{display:inline-flex;align-items:center;gap:9px}
  .pills span::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--rust)}

  /* hero visual */
  .hero-card{position:relative}
  .hero-stage{background:linear-gradient(160deg,#F6EEE5,#EFE3D6);border-radius:28px;padding:34px;box-shadow:var(--shadow);position:relative}
  .jar{margin:0 auto;width:230px}
  .badge-price{position:absolute;top:-18px;right:-12px;background:var(--rust);color:#fff;border-radius:18px;padding:14px 20px;text-align:right;box-shadow:0 14px 26px -10px rgba(168,74,42,.7);z-index:3}
  .badge-price b{font-family:'Plus Jakarta Sans';font-weight:800;font-size:1.5rem;display:block;line-height:1}
  .badge-price small{font-size:.75rem;opacity:.9}
  .badge-clean{position:absolute;bottom:-20px;left:-16px;background:#fff;border-radius:16px;padding:14px 18px;display:flex;align-items:center;gap:12px;box-shadow:0 16px 34px -16px rgba(60,40,28,.5);z-index:3}
  .badge-clean .ic{width:38px;height:38px;border-radius:11px;background:var(--cream-card);display:flex;align-items:center;justify-content:center}
  .badge-clean .ic svg{width:19px;height:19px;stroke:var(--rust)}
  .badge-clean b{font-family:'Plus Jakarta Sans';font-size:.92rem}
  .badge-clean small{display:block;color:var(--ink-soft);font-size:.78rem}

  /* CSS supplement jar */
  .jarbox{display:flex;align-items:flex-end;justify-content:center;height:340px}
  .supp{position:relative;width:200px;filter:drop-shadow(0 24px 22px rgba(20,16,12,.4))}
  .supp .lid{height:44px;background:linear-gradient(180deg,#3a3430,#19140f);border-radius:14px 14px 6px 6px;margin:0 8px}
  .supp .body{height:250px;background:linear-gradient(110deg,#2a2521 0%,#15110d 60%);border-radius:10px 10px 16px 16px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center}
  .supp .label{width:88%;border-radius:8px;padding:26px 10px;text-align:center}
  .supp .label .ln1{font-family:'Plus Jakarta Sans';font-weight:800;letter-spacing:.04em;color:#fff;font-size:1rem}
  .supp .label .ln2{font-size:.62rem;letter-spacing:.18em;color:rgba(255,255,255,.85);margin-top:6px}
  .supp .glare{position:absolute;top:0;left:12%;width:24%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,.14),transparent)}

  /* ---------- section base ---------- */
  section{padding:88px 0}
  .sec-head{text-align:center;max-width:620px;margin:0 auto 52px}
  .sec-head h2{font-size:clamp(2rem,3.6vw,2.9rem);font-weight:800;margin:14px 0 12px}
  .sec-head p{color:var(--ink-soft);font-size:1.05rem}

  /* ---------- categories ---------- */
  .cats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
  .cat{position:relative;border-radius:var(--radius);padding:30px;min-height:230px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(165deg,#EFE3D5,#F6EFE8);border:1px solid var(--line);overflow:hidden;transition:transform .25s,box-shadow .25s}
  .cat:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
  .cat.wide{grid-column:span 2}
  .cat .blob{position:absolute;top:-30px;right:-30px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(168,74,42,.18),transparent 70%)}
  .cat h3{font-size:1.4rem;font-weight:700;margin-bottom:10px}
  .cat a.link{color:var(--rust);font-weight:600;font-size:.92rem;display:inline-flex;align-items:center;gap:7px}
  .cat a.link svg{width:15px;height:15px;stroke:var(--rust)}

  /* ---------- products ---------- */
  .grid-prod{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
  .pcard{background:var(--cream-card);border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);transition:transform .25s,box-shadow .25s;display:flex;flex-direction:column}
  .pcard:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
  .pcard .media{position:relative;padding:34px 24px 18px;background:linear-gradient(160deg,#EFE4D7,#F6EFE8)}
  .tag{position:absolute;top:16px;right:16px;font-family:'Plus Jakarta Sans';font-weight:700;font-size:.66rem;letter-spacing:.08em;background:var(--rust);color:#fff;padding:6px 11px;border-radius:30px;z-index:2}
  .tag.new{background:var(--ink)}
  .pcard .cat-lbl{position:absolute;top:18px;left:18px;font-size:.66rem;letter-spacing:.14em;color:var(--ink-soft);font-weight:600;text-transform:uppercase}
  .mini-jar{height:200px;display:flex;align-items:flex-end;justify-content:center}
  .mini{width:120px}
  .mini .lid{height:26px;border-radius:9px 9px 4px 4px;background:linear-gradient(180deg,#3a3430,#19140f);margin:0 6px}
  .mini .body{height:150px;border-radius:7px 7px 11px 11px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(110deg,#2a2521,#15110d)}
  .mini .lbl{width:84%;padding:14px 6px;border-radius:5px;text-align:center;font-family:'Plus Jakarta Sans';font-weight:800;color:#fff;font-size:.62rem;letter-spacing:.06em}
  .pcard .info{padding:20px 22px 24px}
  .pcard .info h4{font-size:1.12rem;font-weight:700;margin-bottom:5px}
  .pcard .info .desc{font-size:.86rem;color:var(--ink-soft);margin-bottom:16px}
  .pcard .foot{display:flex;align-items:center;justify-content:space-between}
  .pcard .price{font-family:'Plus Jakarta Sans';font-weight:800;font-size:1.3rem}
  .add{background:var(--ink);color:#fff;border:none;border-radius:30px;padding:11px 18px;font-family:'Plus Jakarta Sans';font-weight:700;font-size:.82rem;cursor:pointer;transition:background .2s}
  .add:hover{background:var(--rust)}

  /* ---------- product of month ---------- */
  .pom{background:linear-gradient(120deg,#F7EEE4 0%,#F1E3D4 100%)}
  .pom .wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}
  .pom-visual{background:linear-gradient(160deg,#E9DCCC,#F4ECE2);border-radius:26px;padding:40px;box-shadow:var(--shadow)}
  .pom h2{font-size:clamp(1.9rem,3.4vw,2.7rem);font-weight:800;margin:14px 0 18px}
  .pom h2 .soft{color:var(--rust)}
  .pom .lead{color:var(--ink-soft);margin-bottom:26px;font-size:1.04rem}
  .checks{list-style:none;display:flex;flex-direction:column;gap:13px;margin-bottom:30px}
  .checks li{display:flex;align-items:center;gap:13px;font-weight:500}
  .checks .ck{width:26px;height:26px;border-radius:50%;background:var(--rust-soft);display:flex;align-items:center;justify-content:center;flex-shrink:0}
  .checks .ck svg{width:14px;height:14px;stroke:#fff;stroke-width:3}
  .btn-soft{background:var(--rust-soft);color:#5a3422}
  .btn-soft:hover{background:#cf9a7c;transform:translateY(-2px)}

  /* ---------- values ---------- */
  .values{background:var(--dark);color:#EADCCB}
  .values .sec-head h2{color:#fff}
  .values .sec-head p{color:#C7B5A2}
  .vgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
  .vcard{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:30px 24px}
  .vcard .vic{width:48px;height:48px;border-radius:13px;background:rgba(168,74,42,.22);display:flex;align-items:center;justify-content:center;margin-bottom:18px}
  .vcard .vic svg{width:23px;height:23px;stroke:var(--rust-soft)}
  .vcard h4{color:#fff;font-size:1.1rem;margin-bottom:9px}
  .vcard p{color:#BFAE9C;font-size:.9rem}

  /* ---------- blog ---------- */
  .bgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
  .bcard{border-radius:var(--radius);overflow:hidden;background:var(--cream-card);border:1px solid var(--line);transition:transform .25s,box-shadow .25s}
  .bcard:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
  .bcard .thumb{height:170px;background:linear-gradient(135deg,#E4D4C2,#EFE3D4);position:relative}
  .bcard .thumb::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 30%,rgba(168,74,42,.18),transparent 60%)}
  .bcard .bbody{padding:24px}
  .bcard .meta{font-size:.76rem;letter-spacing:.06em;color:var(--rust);font-weight:600;text-transform:uppercase;margin-bottom:10px}
  .bcard h4{font-size:1.12rem;font-weight:700;margin-bottom:10px;line-height:1.25}
  .bcard p{font-size:.88rem;color:var(--ink-soft);margin-bottom:14px}
  .bcard .read{font-weight:600;font-size:.86rem;color:var(--ink);display:inline-flex;gap:7px;align-items:center}
  .bcard .read svg{width:15px;height:15px;stroke:var(--ink)}

  /* ---------- newsletter ---------- */
  .news{padding-bottom:96px}
  .news-box{background:linear-gradient(120deg,var(--rust),#8e3b20);border-radius:30px;padding:60px;text-align:center;color:#fff;position:relative;overflow:hidden}
  .news-box::before{content:"";position:absolute;top:-60px;right:-40px;width:220px;height:220px;border-radius:50%;background:rgba(255,255,255,.08)}
  .news-box::after{content:"";position:absolute;bottom:-80px;left:-30px;width:200px;height:200px;border-radius:50%;background:rgba(0,0,0,.08)}
  .news-box h2{font-size:clamp(1.8rem,3.2vw,2.5rem);font-weight:800;margin-bottom:14px;position:relative}
  .news-box p{opacity:.92;max-width:46ch;margin:0 auto 28px;position:relative}
  .news-form{display:flex;gap:12px;max-width:480px;margin:0 auto;position:relative;flex-wrap:wrap;justify-content:center}
  .news-form input{flex:1;min-width:220px;border:none;border-radius:40px;padding:16px 22px;font-family:'Inter';font-size:.95rem}
  .news-form input:focus{outline:3px solid rgba(255,255,255,.4)}
  .news-form .btn{background:var(--ink);color:#fff}
  .news-form .btn:hover{background:#000;transform:translateY(-2px)}

  /* ---------- footer ---------- */
  footer{background:var(--dark);color:#C7B5A2;padding:70px 0 34px}
  .fgrid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px;margin-bottom:48px}
  footer .brand small{color:#9b8b7a}
  footer .brand .mark i{color:#fff}
  footer .ftext{margin:20px 0;font-size:.9rem;max-width:34ch;color:#A8978690}
  .social{display:flex;gap:12px}
  .social a{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;transition:background .2s}
  .social a:hover{background:var(--rust)}
  .social svg{width:18px;height:18px;stroke:#E7DACB}
  footer h5{font-family:'Plus Jakarta Sans';color:#fff;font-size:.95rem;margin-bottom:18px;font-weight:700}
  footer ul{list-style:none;display:flex;flex-direction:column;gap:11px}
  footer ul a{font-size:.9rem;color:#BBA897;transition:color .2s}
  footer ul a:hover{color:#fff}
  .fbottom{border-top:1px solid rgba(255,255,255,.09);padding-top:26px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:.82rem;color:#8e7d6c}

  /* mockup banner */
  .mock-note{background:#2A2420;color:#E7DACB;text-align:center;padding:9px;font-size:.78rem;letter-spacing:.04em}
  .mock-note b{color:var(--rust-soft)}

  /* ---------- responsive ---------- */
  @media(max-width:920px){
    nav.menu{display:none}
    .nav{gap:16px}
    .nav .brand{margin-right:auto}
    .icons{display:flex}
    .icons > svg{display:none}
    .icons > a:not(.cart-wrap){display:none}
    .burger{display:flex}
    .hero .wrap{grid-template-columns:1fr;gap:60px;padding:54px 24px 70px}
    .pom .wrap{grid-template-columns:1fr;gap:36px}
    .cats,.grid-prod,.bgrid{grid-template-columns:1fr}
    .cat.wide{grid-column:span 1}
    .vgrid{grid-template-columns:1fr 1fr}
    .fgrid{grid-template-columns:1fr 1fr;gap:30px}
    .wrap{padding:0 24px}
    section{padding:64px 0}
  }
  @media(max-width:540px){
    .vgrid,.fgrid{grid-template-columns:1fr}
    .topbar .wrap{gap:14px;font-size:.74rem}
    .news-box{padding:40px 24px}
  }

/* =========================================================
   DEMO / MULTI-PAGE ADDITIONS
   ========================================================= */

/* mobile menu drawer */
.mobile-menu{display:none;position:fixed;inset:0;z-index:60;background:var(--cream);padding:90px 32px 40px;flex-direction:column;gap:6px}
.mobile-menu.open{display:flex}
.mobile-menu a{font-family:'Plus Jakarta Sans';font-weight:700;font-size:1.4rem;padding:14px 0;border-bottom:1px solid var(--line)}
.mobile-close{position:absolute;top:24px;right:28px;font-size:2rem;cursor:pointer;background:none;border:none;color:var(--ink)}
nav.menu a.active{color:var(--rust)}
nav.menu a.active::after{width:100%}

/* cart counter */
.cart-wrap{position:relative}
.cart-count{position:absolute;top:-8px;right:-8px;background:var(--rust);color:#fff;font-family:'Plus Jakarta Sans';font-weight:700;font-size:.62rem;min-width:17px;height:17px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0 4px}

/* toast */
.toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%) translateY(140%);background:var(--ink);color:#fff;padding:15px 24px;border-radius:40px;font-weight:600;font-size:.92rem;box-shadow:var(--shadow);z-index:80;transition:transform .35s cubic-bezier(.2,.8,.2,1);display:flex;align-items:center;gap:10px}
.toast.show{transform:translateX(-50%) translateY(0)}
.toast svg{width:18px;height:18px;stroke:var(--rust-soft)}

/* generic page header */
.page-head{background:radial-gradient(120% 120% at 80% 0%,#F8EFE6,var(--cream));padding:64px 0 56px;border-bottom:1px solid var(--line)}
.page-head .eyebrow{display:block;margin-bottom:10px}
.page-head h1{font-size:clamp(2.4rem,4.6vw,3.6rem);font-weight:800}
.page-head p.sub{color:var(--ink-soft);margin-top:12px;font-size:1.05rem}
.breadcrumb{font-size:.84rem;color:var(--ink-soft);margin-bottom:18px}
.breadcrumb a:hover{color:var(--rust)}
.breadcrumb span{color:var(--rust)}

/* ---------- SHOP layout ---------- */
.shop-layout{display:grid;grid-template-columns:230px 1fr;gap:42px;padding:56px 0 90px}
.shop-side h5{font-family:'Plus Jakarta Sans';font-weight:700;font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:18px}
.shop-side ul{list-style:none;display:flex;flex-direction:column;gap:4px}
.shop-side li a{display:flex;justify-content:space-between;align-items:center;padding:11px 16px;border-radius:12px;font-weight:500;font-size:.95rem;transition:background .2s,color .2s}
.shop-side li a .n{font-size:.82rem;color:var(--ink-soft)}
.shop-side li a:hover{background:var(--cream-card)}
.shop-side li a.active{background:var(--rust-soft);color:#5a3422;font-weight:700}
.shop-side li a.active .n{color:#5a3422}
.shop-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}
.shop-bar .count{color:var(--ink-soft);font-size:.95rem}
.shop-bar select{font-family:'Inter';border:1px solid var(--line);background:var(--cream-soft);border-radius:10px;padding:10px 14px;font-size:.9rem;cursor:pointer}
.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}

/* ---------- PRODUCT page ---------- */
.prod{display:grid;grid-template-columns:1fr 1fr;gap:56px;padding:48px 0 80px;align-items:start}
.prod-gallery .main{background:linear-gradient(160deg,#EFE4D7,#F6EFE8);border-radius:26px;padding:46px;box-shadow:var(--shadow);position:relative}
.prod-gallery .main .tag{top:20px;right:20px}
.prod-thumbs{display:flex;gap:12px;margin-top:14px}
.prod-thumbs .t{flex:1;height:92px;border-radius:14px;background:linear-gradient(160deg,#EFE4D7,#F6EFE8);border:2px solid transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border .2s}
.prod-thumbs .t.active,.prod-thumbs .t:hover{border-color:var(--rust)}
.prod-thumbs .t .dot{width:26px;height:38px;border-radius:5px;background:linear-gradient(110deg,#2a2521,#15110d)}
.prod-info .eyebrow{display:block;margin-bottom:12px}
.prod-info h1{font-size:clamp(2rem,3.6vw,2.7rem);font-weight:800;margin-bottom:14px}
.prod-info .rating{display:flex;align-items:center;gap:8px;color:var(--ink-soft);font-size:.9rem;margin-bottom:18px}
.prod-info .stars{color:var(--rust);letter-spacing:2px}
.prod-info .pprice{font-family:'Plus Jakarta Sans';font-weight:800;font-size:2rem;margin-bottom:6px}
.prod-info .pprice small{font-size:.95rem;font-weight:500;color:var(--ink-soft);text-decoration:line-through;margin-left:10px}
.prod-info .pdesc{color:var(--ink-soft);margin:16px 0 24px}
.opt-label{font-family:'Plus Jakarta Sans';font-weight:700;font-size:.85rem;margin-bottom:10px}
.variants{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}
.variants button{border:1.5px solid var(--line);background:var(--cream-soft);border-radius:30px;padding:10px 18px;font-family:'Inter';font-weight:500;font-size:.9rem;cursor:pointer;transition:all .2s}
.variants button.sel,.variants button:hover{border-color:var(--rust);color:var(--rust);background:#fff}
.buy-row{display:flex;gap:12px;align-items:center;margin-bottom:26px;flex-wrap:wrap}
.qty{display:flex;align-items:center;border:1.5px solid var(--line);border-radius:30px;overflow:hidden}
.qty button{background:none;border:none;width:42px;height:46px;font-size:1.2rem;cursor:pointer;color:var(--ink)}
.qty button:hover{color:var(--rust)}
.qty input{width:40px;text-align:center;border:none;font-family:'Plus Jakarta Sans';font-weight:700;font-size:1rem;background:none}
.qty input:focus{outline:none}
.prod-trust{display:flex;flex-direction:column;gap:12px;border-top:1px solid var(--line);padding-top:22px}
.prod-trust div{display:flex;align-items:center;gap:12px;font-size:.92rem;color:var(--ink-soft)}
.prod-trust svg{width:19px;height:19px;stroke:var(--rust);flex-shrink:0}
/* product tabs */
.prod-tabs{padding:20px 0 80px}
.tabnav{display:flex;gap:8px;border-bottom:1px solid var(--line);margin-bottom:28px;flex-wrap:wrap}
.tabnav button{background:none;border:none;font-family:'Plus Jakarta Sans';font-weight:700;font-size:.98rem;padding:14px 18px;cursor:pointer;color:var(--ink-soft);border-bottom:2px solid transparent;margin-bottom:-1px}
.tabnav button.active{color:var(--rust);border-bottom-color:var(--rust)}
.tabpanel{display:none;max-width:760px;color:var(--ink-soft);line-height:1.8}
.tabpanel.active{display:block}
.tabpanel h3{font-size:1.2rem;color:var(--ink);margin:0 0 12px}
.tabpanel ul{margin:12px 0 12px 20px}
.spec{display:grid;grid-template-columns:1fr 1fr;gap:10px 30px;margin-top:8px}
.spec div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line)}
.spec b{color:var(--ink);font-weight:600}

/* ---------- BLOG ---------- */
.blog-featured{display:grid;grid-template-columns:1.2fr 1fr;gap:0;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);margin-bottom:42px;background:var(--cream-card)}
.blog-featured .img{min-height:340px;background:linear-gradient(135deg,#E4D4C2,#EFE3D4);position:relative}
.blog-featured .img::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 65% 35%,rgba(168,74,42,.2),transparent 60%)}
.blog-featured .txt{padding:46px}
.blog-featured .meta{font-size:.78rem;letter-spacing:.08em;color:var(--rust);font-weight:700;text-transform:uppercase;margin-bottom:14px}
.blog-featured h2{font-size:1.9rem;font-weight:800;margin-bottom:14px;line-height:1.15}
.blog-featured p{color:var(--ink-soft);margin-bottom:22px}
.blog-filter{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:34px}
.blog-filter button{border:1.5px solid var(--line);background:none;border-radius:30px;padding:9px 18px;font-family:'Inter';font-weight:500;font-size:.88rem;cursor:pointer;transition:all .2s}
.blog-filter button.active,.blog-filter button:hover{background:var(--ink);color:#fff;border-color:var(--ink)}

/* ---------- ARTICLE (single post) ---------- */
.article{max-width:760px;margin:0 auto;padding:56px 0 70px}
.article .meta{font-size:.82rem;letter-spacing:.06em;color:var(--rust);font-weight:700;text-transform:uppercase;margin-bottom:16px}
.article h1{font-size:clamp(2rem,4vw,3rem);font-weight:800;margin-bottom:18px;line-height:1.1}
.article .byline{display:flex;align-items:center;gap:12px;color:var(--ink-soft);font-size:.9rem;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--line)}
.article .byline .av{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--rust),var(--rust-soft))}
.article-hero{height:360px;border-radius:var(--radius);background:linear-gradient(135deg,#E4D4C2,#EFE3D4);margin-bottom:38px;position:relative;overflow:hidden}
.article-hero::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 60% 40%,rgba(168,74,42,.18),transparent 60%)}
.article-body{font-size:1.08rem;line-height:1.85;color:#403a34}
.article-body h2{font-family:'Plus Jakarta Sans';font-size:1.6rem;font-weight:800;margin:36px 0 14px;color:var(--ink)}
.article-body p{margin-bottom:20px}
.article-body ul{margin:0 0 20px 22px;display:flex;flex-direction:column;gap:8px}
.article-body blockquote{border-left:3px solid var(--rust);padding:6px 0 6px 24px;margin:28px 0;font-family:'Plus Jakarta Sans';font-size:1.3rem;font-weight:700;color:var(--ink);line-height:1.4}

/* ---------- ABOUT / CONTACT ---------- */
.about-intro{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;padding:64px 0}
.about-intro .visual{height:420px;border-radius:26px;background:linear-gradient(160deg,#E9DCCC,#F4ECE2);box-shadow:var(--shadow);position:relative;overflow:hidden}
.about-intro .visual::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 30%,rgba(168,74,42,.16),transparent 60%)}
.about-intro h2{font-size:clamp(1.9rem,3.4vw,2.6rem);font-weight:800;margin:14px 0 18px}
.about-intro p{color:var(--ink-soft);margin-bottom:16px;font-size:1.04rem}
.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:20px 0 80px}
.stat{text-align:center;padding:30px 18px;background:var(--cream-card);border:1px solid var(--line);border-radius:18px}
.stat b{font-family:'Plus Jakarta Sans';font-weight:800;font-size:2.3rem;color:var(--rust);display:block}
.stat span{color:var(--ink-soft);font-size:.92rem}
.contact-wrap{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding:20px 0 90px}
.contact-info .ci{display:flex;gap:16px;margin-bottom:26px}
.contact-info .ci .ic{width:46px;height:46px;border-radius:13px;background:var(--cream-card);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.contact-info .ci .ic svg{width:21px;height:21px;stroke:var(--rust)}
.contact-info .ci h4{font-family:'Plus Jakarta Sans';font-size:1.02rem;margin-bottom:4px}
.contact-info .ci p{color:var(--ink-soft);font-size:.94rem}
.cform{background:var(--cream-card);border:1px solid var(--line);border-radius:var(--radius);padding:34px}
.cform label{display:block;font-family:'Plus Jakarta Sans';font-weight:600;font-size:.85rem;margin:0 0 7px}
.cform input,.cform textarea{width:100%;border:1.5px solid var(--line);border-radius:12px;padding:13px 15px;font-family:'Inter';font-size:.95rem;margin-bottom:18px;background:#fff}
.cform input:focus,.cform textarea:focus{outline:none;border-color:var(--rust)}
.cform textarea{min-height:120px;resize:vertical}
.cform .btn{width:100%}

/* related */
.related{padding:0 0 90px}

@media(max-width:920px){
  .shop-layout{grid-template-columns:1fr;gap:28px}
  .shop-side{order:2}
  .shop-side ul{flex-direction:row;flex-wrap:wrap}
  .shop-side li a{background:var(--cream-card)}
  .shop-grid{grid-template-columns:1fr 1fr}
  .prod{grid-template-columns:1fr;gap:32px}
  .blog-featured{grid-template-columns:1fr}
  .about-intro,.contact-wrap{grid-template-columns:1fr;gap:32px}
  .stat-row{grid-template-columns:1fr}
  .spec{grid-template-columns:1fr}
}
@media(max-width:540px){
  .shop-grid{grid-template-columns:1fr}
}

/* real product photos */
.prod-gallery .main{padding:16px}
.prod-gallery .main img{width:100%;border-radius:16px;display:block}
.prod-thumbs .t{padding:0;overflow:hidden}
.prod-thumbs .t img{width:100%;height:100%;object-fit:cover;display:block;border-radius:12px}
.pcard .media .photo{width:100%;height:240px;object-fit:cover;display:block;border-radius:0}
.pcard .media.has-photo{padding:0}
.pcard .media.has-photo .cat-lbl{top:14px;left:14px;background:rgba(248,242,235,.85);padding:4px 9px;border-radius:20px}
.hero-photo{width:100%;border-radius:18px;display:block}

/* photo-backed category cards */
.cat.photo{background-size:cover;background-position:center;color:#fff;border-color:rgba(255,255,255,.12)}
.cat.photo::before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(24,20,16,.9),rgba(24,20,16,.25));z-index:0}
.cat.photo > *{position:relative;z-index:1}
.cat.photo .blob{display:none}
.cat.photo h3{color:#fff}
.cat.photo .link{color:#fff}
.cat.photo .link svg{stroke:#fff}
/* photo thumbs use cover */
.bcard .thumb,.blog-featured .img,.about-intro .visual,.article-hero{background-size:cover;background-position:center}

/* =========================================================
   CART / CHECKOUT
   ========================================================= */
.cart-layout{display:grid;grid-template-columns:1fr 360px;gap:40px;padding:48px 0 90px;align-items:start}
.cart-items{display:flex;flex-direction:column;gap:14px}
.cart-row{display:grid;grid-template-columns:84px 1fr auto;gap:18px;align-items:center;background:var(--cream-card);border:1px solid var(--line);border-radius:18px;padding:14px}
.cart-row .thumb-img{width:84px;height:84px;border-radius:13px;object-fit:cover;background:linear-gradient(135deg,#EFE4D7,#F6EFE8)}
.cart-row .cr-name{font-family:'Plus Jakarta Sans';font-weight:700;font-size:1.02rem}
.cart-row .cr-var{color:var(--ink-soft);font-size:.85rem;margin-top:3px}
.cart-row .cr-rm{background:none;border:none;color:var(--ink-soft);font-size:.82rem;cursor:pointer;margin-top:8px;padding:0;display:inline-flex;align-items:center;gap:5px}
.cart-row .cr-rm:hover{color:var(--rust)}
.cart-row .cr-right{display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.cart-row .cr-price{font-family:'Plus Jakarta Sans';font-weight:800;font-size:1.1rem}
.qty.sm button{width:34px;height:38px;font-size:1rem}
.qty.sm input{width:32px}
.cart-empty{text-align:center;padding:80px 0;color:var(--ink-soft)}
.cart-empty svg{width:56px;height:56px;stroke:var(--rust-soft);margin-bottom:18px}
.cart-empty h3{font-family:'Plus Jakarta Sans';color:var(--ink);font-size:1.4rem;margin-bottom:10px}

.summary{background:var(--cream-card);border:1px solid var(--line);border-radius:20px;padding:26px;position:sticky;top:120px}
.summary h3{font-family:'Plus Jakarta Sans';font-size:1.15rem;margin-bottom:18px}
.summary .line{display:flex;justify-content:space-between;padding:9px 0;color:var(--ink-soft);font-size:.95rem}
.summary .line b{color:var(--ink);font-weight:600}
.summary .total{border-top:1px solid var(--line);margin-top:8px;padding-top:16px;font-family:'Plus Jakarta Sans';font-weight:800;font-size:1.3rem;color:var(--ink)}
.summary .total span:last-child{color:var(--rust)}
.summary .btn{width:100%;margin-top:18px}
.ship-bar{background:#e7d8c8;border-radius:30px;height:9px;overflow:hidden;margin:6px 0 10px}
.ship-bar i{display:block;height:100%;background:var(--rust);border-radius:30px;transition:width .4s}
.ship-note{font-size:.84rem;color:var(--ink-soft);margin-bottom:18px}
.ship-note b{color:var(--rust)}
.ship-note.free b{color:#2e7d32}

/* checkout */
.checkout{display:grid;grid-template-columns:1fr 380px;gap:44px;padding:48px 0 90px;align-items:start}
.co-section{margin-bottom:30px}
.co-section h3{font-family:'Plus Jakarta Sans';font-size:1.15rem;margin-bottom:8px;display:flex;align-items:center;gap:10px}
.co-section h3 .num{width:26px;height:26px;border-radius:50%;background:var(--rust);color:#fff;font-size:.85rem;display:flex;align-items:center;justify-content:center;font-weight:700}
.co-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
.co-grid .full{grid-column:span 2}
.co-field label{display:block;font-family:'Plus Jakarta Sans';font-weight:600;font-size:.82rem;margin:0 0 6px}
.co-field input{width:100%;border:1.5px solid var(--line);border-radius:11px;padding:12px 14px;font-family:'Inter';font-size:.94rem;background:#fff}
.co-field input:focus{outline:none;border-color:var(--rust)}
.opt-card{display:flex;align-items:center;gap:14px;border:1.5px solid var(--line);border-radius:14px;padding:15px 18px;cursor:pointer;margin-top:10px;transition:border .2s,background .2s;background:#fff}
.opt-card:hover{border-color:var(--rust-soft)}
.opt-card.sel{border-color:var(--rust);background:#fff7f2}
.opt-card .radio{width:20px;height:20px;border-radius:50%;border:2px solid var(--line);flex-shrink:0;display:flex;align-items:center;justify-content:center}
.opt-card.sel .radio{border-color:var(--rust)}
.opt-card.sel .radio::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--rust)}
.opt-card .oc-main{flex:1}
.opt-card .oc-title{font-family:'Plus Jakarta Sans';font-weight:700;font-size:.96rem}
.opt-card .oc-sub{color:var(--ink-soft);font-size:.84rem;margin-top:2px}
.opt-card .oc-price{font-family:'Plus Jakarta Sans';font-weight:700}
.pay-logos{display:flex;gap:8px;align-items:center}
.pay-pill{font-family:'Plus Jakarta Sans';font-weight:700;font-size:.66rem;padding:5px 9px;border-radius:6px;background:var(--cream);border:1px solid var(--line);color:var(--ink-soft)}
.mini-sum{display:flex;flex-direction:column;gap:9px;margin:14px 0}
.mini-sum .ms{display:flex;justify-content:space-between;font-size:.9rem}
.mini-sum .ms .nm{color:var(--ink-soft)}
.secure{display:flex;align-items:center;gap:9px;color:var(--ink-soft);font-size:.82rem;margin-top:14px;justify-content:center}
.secure svg{width:16px;height:16px;stroke:var(--rust)}

/* thank you */
.thanks{max-width:620px;margin:0 auto;text-align:center;padding:80px 0 100px}
.thanks .check{width:84px;height:84px;border-radius:50%;background:var(--rust-soft);display:flex;align-items:center;justify-content:center;margin:0 auto 26px}
.thanks .check svg{width:42px;height:42px;stroke:#fff;stroke-width:3}
.thanks h1{font-size:2.4rem;font-weight:800;margin-bottom:14px}
.thanks p{color:var(--ink-soft);font-size:1.05rem;margin-bottom:8px}
.thanks .order-no{display:inline-block;background:var(--cream-card);border:1px solid var(--line);border-radius:12px;padding:12px 22px;font-family:'Plus Jakarta Sans';font-weight:700;margin:22px 0 30px}
.thanks .order-no span{color:var(--rust)}

@media(max-width:920px){
  .cart-layout,.checkout{grid-template-columns:1fr}
  .summary{position:static}
}

/* =========================================================
   WORDPRESS — zgodność z wp_nav_menu (ul>li>a) i WooCommerce
   ========================================================= */
nav.menu ul{display:flex;gap:34px;list-style:none;margin:0;padding:0;align-items:center}
nav.menu li{position:relative;list-style:none}
nav.menu .current-menu-item > a,
nav.menu .current_page_item > a{color:var(--rust)}
nav.menu .current-menu-item > a::after,
nav.menu .current_page_item > a::after{width:100%}
/* menu mobilne z wp_nav_menu (li) */
.mobile-menu ul{list-style:none;margin:0;padding:0;width:100%}
.mobile-menu li{list-style:none;width:100%}
.mobile-menu li a{display:block}
/* custom logo */
.brand .custom-logo{max-height:48px;width:auto;display:block}
.brand .custom-logo-link{display:block}

/* paginacja wpisów */
.pagination,.nav-links{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.pagination .page-numbers,.nav-links .page-numbers{display:inline-flex;align-items:center;justify-content:center;
  min-width:42px;height:42px;padding:0 12px;border-radius:11px;border:1px solid var(--line);
  background:var(--card);font-family:'Plus Jakarta Sans';font-weight:700;color:var(--ink);text-decoration:none}
.pagination .page-numbers.current{background:var(--rust);color:#fff;border-color:var(--rust)}
.pagination a.page-numbers:hover{border-color:var(--rust);color:var(--rust)}

/* WooCommerce — spójność z marką (podstawy; pełne szablony w Etapie 6) */
.woocommerce-message,.woocommerce-info,.woocommerce-error{border-top-color:var(--rust)}
.woocommerce span.onsale{background:var(--rust)}
.woocommerce a.button,.woocommerce button.button,.woocommerce .button,
.woocommerce #respond input#submit{background:var(--rust);color:#fff;border-radius:30px;
  font-family:'Plus Jakarta Sans';font-weight:700;padding:12px 22px}
.woocommerce a.button:hover,.woocommerce button.button:hover{background:var(--rust-hover)}
.woocommerce .price{color:var(--ink);font-family:'Plus Jakarta Sans';font-weight:800}

/* =========================================================
   WooCommerce — SKLEP / KATEGORIA (siatka)
   ========================================================= */
.woocommerce ul.products,.woocommerce-page ul.products{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:0!important;padding:0;list-style:none}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none!important;content:none!important}
.woocommerce ul.products li.product{width:auto!important;margin:0!important;float:none!important;text-align:left;padding:0}
.woocommerce ul.products li.product .pcard{height:100%}
.woocommerce ul.products li.product .pcard .foot a.button,
.woocommerce ul.products li.product .pcard .foot a.button.add{background:var(--ink);color:#fff;border-radius:30px;font-family:'Plus Jakarta Sans';font-weight:700;font-size:.82rem;padding:11px 18px;margin:0;display:inline-block;line-height:1}
.woocommerce ul.products li.product .pcard .foot a.button:hover{background:var(--rust)}
.woocommerce ul.products li.product .pcard .foot a.added{display:none}
.woocommerce ul.products li.product .pcard a.added_to_cart{display:none}

.woocommerce .woocommerce-result-count{color:var(--ink-soft);font-size:.95rem;margin:0 0 18px;float:left}
.woocommerce .woocommerce-ordering{margin:0 0 18px;float:right}
.woocommerce .woocommerce-ordering select{font-family:'Inter';border:1px solid var(--line);background:var(--cream-soft);border-radius:10px;padding:10px 14px}

.shop-chips{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 26px;clear:both}
.shop-chips .chip{padding:9px 16px;border-radius:30px;border:1.5px solid var(--line);background:var(--card);font-family:'Plus Jakarta Sans';font-weight:700;font-size:.85rem;color:var(--ink);text-decoration:none}
.shop-chips .chip:hover{border-color:var(--rust);color:var(--rust)}
.shop-chips .chip.active{background:var(--rust);color:#fff;border-color:var(--rust)}

.woocommerce nav.woocommerce-pagination{margin-top:36px}
.woocommerce nav.woocommerce-pagination ul{border:none;display:flex;gap:8px;justify-content:center}
.woocommerce nav.woocommerce-pagination ul li{border:none;margin:0}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span{border:1px solid var(--line)!important;border-radius:11px;min-width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:var(--card);font-family:'Plus Jakarta Sans';font-weight:700;color:var(--ink);padding:0 12px}
.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--rust);color:#fff;border-color:var(--rust)!important}

/* =========================================================
   WooCommerce — KARTA PRODUKTU (single)
   ========================================================= */
.woocommerce-breadcrumb{font-size:.84rem;color:var(--ink-soft);margin-bottom:20px}
.woocommerce-breadcrumb a{color:var(--ink-soft)}
.woocommerce-breadcrumb a:hover{color:var(--rust)}

.woocommerce div.product{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.woocommerce div.product .woocommerce-product-gallery{grid-column:1;grid-row:1;margin:0;width:100%!important;float:none}
.woocommerce div.product .summary{grid-column:2;grid-row:1;margin:0;float:none;width:auto}
.woocommerce div.product .woocommerce-tabs{grid-column:1 / -1}
.woocommerce div.product .related,.woocommerce div.product .upsells{grid-column:1 / -1}
.woocommerce div.product .woocommerce-product-gallery__image img,
.woocommerce div.product .woocommerce-product-gallery img{border-radius:18px}

.woocommerce div.product .product_title{font-family:'Plus Jakarta Sans';font-weight:800;font-size:clamp(1.8rem,3.4vw,2.6rem);letter-spacing:-.02em;margin:0 0 12px}
.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--ink);font-family:'Plus Jakarta Sans';font-weight:800;font-size:1.8rem}
.woocommerce div.product p.price del,.woocommerce div.product span.price del{color:var(--ink-soft);font-weight:500;font-size:1rem}
.woocommerce div.product .woocommerce-product-details__short-description{color:var(--ink-soft);margin:16px 0 22px;line-height:1.7}
.woocommerce div.product .stock{color:var(--green)}
.woocommerce div.product .product_meta{font-size:.85rem;color:var(--ink-soft);margin-top:16px}

.woocommerce div.product form.cart{margin:18px 0 26px}
.woocommerce div.product form.cart .quantity input.qty{height:48px;border:1.5px solid var(--line);border-radius:30px;width:74px;text-align:center;font-family:'Plus Jakarta Sans';font-weight:700;background:#fff}
.woocommerce div.product form.cart .button,
.woocommerce div.product .single_add_to_cart_button{background:var(--rust)!important;color:#fff!important;border-radius:30px;font-family:'Plus Jakarta Sans';font-weight:700;font-size:1rem;padding:14px 30px}
.woocommerce div.product form.cart .button:hover,
.woocommerce div.product .single_add_to_cart_button:hover{background:var(--rust-hover)!important}

.woocommerce div.product form.cart table.variations{margin:0 0 16px}
.woocommerce div.product form.cart table.variations td,.woocommerce div.product form.cart table.variations th{padding:6px 8px 6px 0;vertical-align:middle}
.woocommerce div.product form.cart table.variations label{font-family:'Plus Jakarta Sans';font-weight:700;margin:0}
.woocommerce div.product form.cart table.variations select{border:1.5px solid var(--line);border-radius:11px;padding:10px 14px;background:#fff;min-width:180px}

.woocommerce div.product .woocommerce-tabs ul.tabs{padding:0;margin:0 0 24px;border-bottom:1px solid var(--line)}
.woocommerce div.product .woocommerce-tabs ul.tabs::before{border:none}
.woocommerce div.product .woocommerce-tabs ul.tabs li{background:none;border:none;border-radius:0;margin:0 4px -1px 0;padding:0}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after{display:none}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{font-family:'Plus Jakarta Sans';font-weight:700;color:var(--ink-soft);padding:14px 18px;display:inline-block}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:var(--rust)}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{box-shadow:inset 0 -2px 0 var(--rust)}
.woocommerce div.product .woocommerce-Tabs-panel{color:var(--ink-soft);line-height:1.8;max-width:760px}
.woocommerce div.product .woocommerce-Tabs-panel h2{font-family:'Plus Jakarta Sans';color:var(--ink);font-size:1.3rem;margin-bottom:10px}

.woocommerce div.product .related>h2,.woocommerce div.product .upsells>h2{font-family:'Plus Jakarta Sans';font-weight:800;font-size:1.8rem;margin:54px 0 24px}

@media(max-width:920px){
  .woocommerce ul.products{grid-template-columns:1fr 1fr}
  .woocommerce div.product{grid-template-columns:1fr;gap:28px}
  .woocommerce div.product .woocommerce-product-gallery,
  .woocommerce div.product .summary{grid-column:1;grid-row:auto}
}
@media(max-width:540px){ .woocommerce ul.products{grid-template-columns:1fr} }

/* =========================================================
   WooCommerce — KARTY SKLEPU: układ wyśrodkowany (zdjęcie → tytuł → gwiazdki → cena → przycisk)
   ========================================================= */
.woocommerce ul.products li.product .pcard{display:flex;flex-direction:column;text-align:center;height:100%}
.woocommerce ul.products li.product .pcard .media{background:var(--cream-soft);border-bottom:1px solid var(--line);min-height:236px;display:flex;align-items:center;justify-content:center;padding:22px;position:relative}
.woocommerce ul.products li.product .pcard .media img.photo{height:200px;width:auto;max-width:90%;object-fit:contain;margin:0 auto;border-radius:0}
.woocommerce ul.products li.product .pcard .info{align-items:center;text-align:center;padding:20px 18px 22px;flex:1;display:flex;flex-direction:column;gap:0}
.woocommerce ul.products li.product .pcard .info h4{margin:0 0 8px;font-size:1.08rem}
.woocommerce ul.products li.product .pcard .info .price{font-family:'Plus Jakarta Sans';font-weight:800;color:var(--ink);font-size:1.25rem;margin:6px 0 0}

.bmc-stars{position:relative;display:inline-block;font-size:1rem;line-height:1;letter-spacing:2px;margin:2px 0 2px}
.bmc-stars .s-empty{color:#dcc9b6}
.bmc-stars .s-fill{position:absolute;left:0;top:0;color:var(--rust);overflow:hidden;white-space:nowrap}
.bmc-stars small{color:var(--ink-soft);margin-left:8px;font-size:.72rem;letter-spacing:0}

.woocommerce ul.products li.product .pcard .info .button,
.woocommerce ul.products li.product .pcard .info a.button.add{display:block;width:100%;margin-top:16px;padding:13px 18px;background:var(--ink);color:#fff;border-radius:30px;font-family:'Plus Jakarta Sans';font-weight:700;font-size:.85rem;text-align:center}
.woocommerce ul.products li.product .pcard .info .button:hover{background:var(--rust)}
.woocommerce ul.products li.product .pcard .info a.added_to_cart{display:none}

/* Odstępy boczne i pionowe strony sklepu (więcej luzu, siatka 3 w rzędzie) */
.wrap.bmc-shop{padding-left:40px;padding-right:40px;padding-top:36px;padding-bottom:84px}
.wrap.bmc-shop.is-single{padding-top:12px}
@media(max-width:680px){ .wrap.bmc-shop{padding-left:20px;padding-right:20px} }

/* Zabezpieczenia układu sklepu: brak poziomego przewijania + elastyczne kolumny */
html,body{overflow-x:clip}
.woocommerce ul.products li.product,
.woocommerce ul.products li.product .pcard{min-width:0}
.woocommerce .woocommerce-ordering{max-width:100%}
.woocommerce .woocommerce-ordering select{max-width:100%}
.woocommerce::after{content:"";display:table;clear:both}

/* =========================================================
   SKLEP — banner u góry + wyśrodkowana sekcja produktów
   ========================================================= */
.shop-banner{position:relative;min-height:380px;display:flex;align-items:center;justify-content:center;text-align:center;
  background-color:#1C1814;background-size:cover;background-position:center;color:#fff;padding:64px 24px}
.shop-banner-inner{max-width:700px;margin:0 auto}
.shop-banner .eyebrow{color:var(--rust-soft)}
.shop-banner h1{font-family:'Plus Jakarta Sans';font-weight:800;font-size:clamp(2rem,5vw,3.3rem);letter-spacing:-.02em;line-height:1.04;margin:12px 0 14px;color:#fff}
.shop-banner p{color:#e7dccf;font-size:1.06rem;line-height:1.6;margin:0 auto 24px;max-width:560px}
.shop-banner .btn-primary{box-shadow:0 14px 30px -12px rgba(0,0,0,.5)}

.page-head.shop-head{text-align:center}
.page-head.shop-head .wrap{text-align:center}
.page-head.shop-head h2{font-family:'Plus Jakarta Sans';font-weight:800;font-size:clamp(1.7rem,3.4vw,2.3rem);letter-spacing:-.02em;margin:6px 0 8px}
.page-head.shop-head .sub{color:var(--ink-soft)}

/* na stronie sklepu: chipy wyśrodkowane, ukryj breadcrumb i licznik (czysty widok) */
.bmc-shop .shop-chips{justify-content:center}
body.post-type-archive-product .woocommerce-breadcrumb{display:none}
body.post-type-archive-product .woocommerce-result-count{display:none}

/* =========================================================
   SKLEP — baner promo (styl „split": typografia + produkt)
   ========================================================= */
.shop-promo{display:grid;grid-template-columns:1.12fr .88fr;min-height:440px;border-radius:26px;overflow:hidden;
  border:1px solid var(--line);box-shadow:0 34px 64px -34px rgba(80,50,30,.55)}
.shop-promo .promo-left{position:relative;background:linear-gradient(125deg,#F7EFE5 0%,#EDDFCE 100%);
  padding:clamp(30px,4vw,56px);display:flex;flex-direction:column;justify-content:center;overflow:hidden}
.shop-promo .promo-left::before{content:"";position:absolute;left:-70px;top:-50px;width:210px;height:210px;
  border:34px solid var(--rust);border-radius:50%;opacity:.14}
.shop-promo .promo-left .eyebrow{color:var(--rust);position:relative}
.shop-promo .promo-title{font-family:'Plus Jakarta Sans';font-weight:800;font-size:clamp(2.6rem,5.5vw,4.4rem);
  line-height:.92;letter-spacing:-.03em;color:var(--ink);margin:10px 0 0}
.shop-promo .promo-title span{color:var(--rust)}
.shop-promo .promo-sub{display:flex;align-items:center;gap:14px;margin:16px 0 0;font-family:'Plus Jakarta Sans';
  font-weight:700;font-size:.92rem;letter-spacing:.04em;color:var(--ink-soft);text-transform:uppercase}
.shop-promo .promo-sub i{height:2px;width:40px;background:var(--rust);display:inline-block}
.shop-promo .promo-attrs{display:flex;align-items:center;gap:14px;margin:22px 0 30px;font-family:'Plus Jakarta Sans';
  font-weight:800;font-size:.78rem;letter-spacing:.06em;color:var(--ink)}
.shop-promo .promo-attrs i{flex:1;height:2px;background:#d8c4ad;min-width:16px}
.shop-promo .promo-btn{align-self:flex-start;padding:15px 36px;font-size:.95rem}

.shop-promo .promo-right{position:relative;background:radial-gradient(120% 110% at 72% 28%,#2c2722,#1C1814);
  display:flex;align-items:center;justify-content:center;overflow:hidden}
.shop-promo .promo-splash{position:absolute;width:360px;height:360px;right:-50px;top:50%;transform:translateY(-50%);
  background:radial-gradient(circle,rgba(168,74,42,.85),rgba(168,74,42,0) 70%)}
.shop-promo .promo-img{position:relative;height:120%;width:auto;max-width:none;object-fit:contain;
  -webkit-mask-image:radial-gradient(ellipse 50% 66% at 50% 46%,#000 42%,transparent 72%);
          mask-image:radial-gradient(ellipse 50% 66% at 50% 46%,#000 42%,transparent 72%);
  filter:drop-shadow(0 26px 42px rgba(0,0,0,.55))}
.shop-promo .promo-vlabel{position:absolute;left:16px;top:50%;transform:translateY(-50%);writing-mode:vertical-rl;
  text-orientation:mixed;font-family:'Plus Jakarta Sans';font-weight:800;letter-spacing:.32em;font-size:.66rem;
  color:rgba(255,255,255,.16);text-transform:uppercase}

@media(max-width:840px){
  .shop-promo{grid-template-columns:1fr}
  .shop-promo .promo-right{min-height:300px;order:-1}
  .shop-promo .promo-img{height:auto;max-height:280px;max-width:78%}
  .shop-promo .promo-attrs{flex-wrap:wrap}
}
.page-head.shop-head h1{font-family:'Plus Jakarta Sans';font-weight:800;font-size:clamp(1.7rem,3.4vw,2.3rem);letter-spacing:-.02em;margin:6px 0 8px}

/* Baner sklepu jako obraz z Personalizacji — pełna szerokość ekranu */
.shop-banner-full{display:block;width:100%;line-height:0}
.shop-banner-img{display:block;width:100%;height:auto}

/* =========================================================
   O NAS — twórcy, cytat marki, FAQ
   ========================================================= */
.founders{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:8px}
.founder{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:30px}
.founder .avatar{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-family:'Plus Jakarta Sans';font-weight:800;font-size:1.5rem;color:#fff;margin-bottom:16px}
.founder h4{font-family:'Plus Jakarta Sans';font-size:1.25rem;margin:0 0 3px;color:var(--ink)}
.founder .role{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--rust);margin-bottom:14px}
.founder p{color:var(--ink-soft);line-height:1.7;margin:0}

.brand-quote{max-width:860px;margin:64px auto;text-align:center;padding:0 22px}
.brand-quote blockquote{font-family:'Plus Jakarta Sans';font-weight:700;font-size:clamp(1.3rem,2.6vw,1.95rem);
  line-height:1.42;letter-spacing:-.01em;color:var(--ink);margin:0}
.brand-quote blockquote::before{content:"\201D";display:block;font-size:3.6rem;color:var(--rust);line-height:.5;margin-bottom:14px}

.faq{max-width:820px;margin:0 auto}
.faq-item{border:1px solid var(--line);border-radius:14px;background:var(--card);margin-bottom:12px;padding:0 22px}
.faq-item summary{cursor:pointer;list-style:none;padding:18px 0;font-family:'Plus Jakarta Sans';font-weight:700;
  color:var(--ink);display:flex;justify-content:space-between;align-items:center;gap:16px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";font-size:1.5rem;color:var(--rust);font-weight:700;line-height:1}
.faq-item[open] summary::after{content:"\2013"}
.faq-item .faq-a{padding:0 0 20px;color:var(--ink-soft);line-height:1.75}

@media(max-width:720px){ .founders{grid-template-columns:1fr} }

/* =========================================================
   KARTA PRODUKTU — porządek w wariantach (Smak) i przycisku
   ========================================================= */
.woocommerce div.product form.cart table.variations{width:100%;border:none;margin:0 0 8px;display:block}
.woocommerce div.product form.cart table.variations tbody,
.woocommerce div.product form.cart table.variations tr{display:block}
.woocommerce div.product form.cart table.variations th.label{display:block;text-align:left;padding:0 0 6px;
  font-family:'Plus Jakarta Sans';font-weight:700;color:var(--ink)}
.woocommerce div.product form.cart table.variations td.value{display:block;padding:0}
.woocommerce div.product form.cart table.variations select{width:100%;min-width:0;height:48px}
.woocommerce div.product .reset_variations{display:inline-block;margin-top:8px;font-size:.82rem;color:var(--ink-soft);text-decoration:underline}

.woocommerce div.product .woocommerce-variation-price{margin:10px 0 14px}
.woocommerce div.product .woocommerce-variation-price .price{font-size:1.5rem}
.woocommerce div.product .woocommerce-variation-description{color:var(--ink-soft);line-height:1.65;margin-bottom:6px}
.woocommerce div.product .single_variation_wrap{margin-top:14px}
.woocommerce div.product .woocommerce-variation-add-to-cart{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.woocommerce div.product .woocommerce-variation-add-to-cart .quantity input.qty{margin:0}

/* Poziomy wybór smaku (pigułki) + podciągnięcie treści wyżej */
.woocommerce div.product .product_title{margin-top:0}
.woocommerce div.product .summary{align-self:start}
.bmc-swatches{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}
.bmc-swatch{padding:10px 18px;border:1.5px solid var(--line);border-radius:30px;background:#fff;
  font-family:'Plus Jakarta Sans';font-weight:700;font-size:.85rem;color:var(--ink);cursor:pointer;transition:.15s}
.bmc-swatch:hover{border-color:var(--rust);color:var(--rust)}
.bmc-swatch.active{background:var(--rust);color:#fff;border-color:var(--rust)}

/* =========================================================
   KARTA PRODUKTU — poszerzenie kolumn (nadpisuje domyślne 48% WooCommerce)
   ========================================================= */
.woocommerce div.product .woocommerce-product-gallery,
.woocommerce div.product .summary{width:auto !important;float:none !important;clear:none !important}
/* ukryj pigułki (wracamy do listy rozwijanej) */
.bmc-swatches{display:none !important}
.woocommerce div.product form.cart table.variations select{display:block !important}

/* Okienko wyboru smaku — kompaktowe, w stylu przycisku/pola ilości */
.woocommerce div.product form.cart table.variations td.value{display:flex}
.woocommerce div.product form.cart table.variations select{
  width:auto !important;min-width:220px;max-width:100%;height:48px;
  border:1.5px solid var(--line);border-radius:30px;padding:10px 20px;
  background:#fff;font-family:'Plus Jakarta Sans';font-weight:700;color:var(--ink);cursor:pointer}
.woocommerce div.product form.cart table.variations select:hover{border-color:var(--rust)}

/* =========================================================
   KARTA PRODUKTU — opis (zakładki) pod nazwą produktu, obok zdjęcia
   ========================================================= */
.woocommerce div.product .woocommerce-product-gallery{grid-row:1 / span 2;position:sticky;top:20px;align-self:start}
.woocommerce div.product .summary{grid-row:1}
.woocommerce div.product .woocommerce-tabs{grid-column:2;grid-row:2;margin-top:28px}
@media(max-width:920px){
  .woocommerce div.product .woocommerce-product-gallery{grid-row:auto;position:static}
  .woocommerce div.product .woocommerce-tabs{grid-column:1;grid-row:auto}
}

/* Produkt miesiąca — prawdziwe zdjęcie produktu */
.pom-visual{display:flex;align-items:center;justify-content:center}
.pom-photo{max-width:100%;max-height:440px;width:auto;height:auto;border-radius:18px;display:block}

/* =========================================================
   HERO = baner z Personalizacji + tekst i przyciski na wierzchu
   ========================================================= */
.home-hero{position:relative;background-color:var(--cream);background-size:cover;background-position:right center;
  background-repeat:no-repeat;min-height:clamp(420px,50vw,600px);display:flex;align-items:center;overflow:hidden}
.home-hero::before{content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(242,232,221,.97) 0%,rgba(242,232,221,.92) 30%,rgba(242,232,221,.45) 58%,rgba(242,232,221,0) 78%)}
.home-hero .wrap{position:relative;z-index:1;width:100%}
.home-hero-text{max-width:560px}
.home-hero-text .lead{margin-bottom:26px}
@media(max-width:768px){
  .home-hero{min-height:0;padding:52px 0;background-position:center}
  .home-hero::before{background:linear-gradient(180deg,rgba(242,232,221,.93) 0%,rgba(242,232,221,.82) 100%)}
  .home-hero-text{max-width:none}
}

/* Baner mobilny — na telefonie pełny obraz (produkt widoczny) nad tekstem */
.home-hero-mobile{display:none}
@media(max-width:768px){
  .home-hero{background-image:none !important;min-height:0;display:block;padding:0}
  .home-hero::before{display:none}
  .home-hero-mobile{display:block;width:100%;height:auto}
  .home-hero .wrap{padding-top:36px;padding-bottom:12px}
}

/* Logo BMC (obraz) w nagłówku i stopce */
.brand-logo{height:46px !important;width:auto !important;max-width:220px;display:block}
header .brand-logo{height:46px !important}
footer .brand-logo{height:42px !important;margin-bottom:8px}
@media(max-width:600px){ .brand-logo{height:38px !important} }

/* Sticky menu — cień przy przewijaniu, offset paska admina, galeria pod menu */
header{box-shadow:0 6px 24px -18px rgba(40,25,15,.35)}
body.admin-bar header{top:32px}
@media(max-width:782px){ body.admin-bar header{top:46px} }
.woocommerce div.product .woocommerce-product-gallery{top:96px}