/* Mameko — style trzech ekranów lejka: karta produktu (PROD_v11), koszyk (KOSZYK_v12),
   checkout (PAY_v19). Kanon 1:1 z makiet. Kolory WYŁĄCZNIE z tokens.css (var(--mameko-*)).
   Lokalny alias --mmk-cream (kość słoniowa tła miniatur) — brak w tokenach. */
:root{ --mmk-cream:#FBF6EA; }

/* Naszym ekranom lejka pozwól na pełną szerokość (Blocksy potrafi zwęzić kontener) */
.single-product .ct-container, .single-product .entry-content,
.woocommerce-cart .ct-container, .woocommerce-checkout .ct-container,
.single-product .ct-container-narrow, .woocommerce-cart .ct-container-narrow, .woocommerce-checkout .ct-container-narrow{
  max-width:1400px;
}
.mmk-pdp, .mmk-cart, .mmk-checkout{ width:100%; }
/* Podwójny H1: hero-tytuł Blocksy odpięty hookiem (filter blocksy:single:has-default-hero
   w functions.php) — bez display:none. */

/* wspólne: kontener treści bez ograniczeń Blocksy dla naszych ekranów */
.mmk-pdp, .mmk-cart, .mmk-checkout{ color:var(--mameko-fig); font-family:'Inter',sans-serif; }
.mmk-pdp *, .mmk-cart *, .mmk-checkout *{ box-sizing:border-box; }
.mmk-pdp h1, .mmk-pdp h2, .mmk-pdp h3,
.mmk-cart h1, .mmk-cart h2, .mmk-cart h3,
.mmk-checkout h1, .mmk-checkout h2, .mmk-checkout h3{ font-family:'DM Serif Display',serif; font-weight:400; }
.mmk-lp30-slot{ display:none; } /* placeholder „Najniższa cena z 30 dni" — dane w osobnym zadaniu */

/* =======================================================================
   KARTA PRODUKTU — PROD_v11
   ======================================================================= */
.mmk-pdp{ max-width:1360px; margin:0 auto; padding:8px 0 20px; }
.mmk-crumb{ font-size:12.5px; color:var(--mameko-mut); padding:6px 0 0; }
.mmk-crumb a:hover{ text-decoration:underline; }
.mmk-pdp-grid{ display:grid; grid-template-columns:1fr .92fr; gap:40px; align-items:stretch; padding-top:16px; }
.mmk-gal{ align-self:start; }
.mmk-gal .main{ background:#fff; border:1px solid var(--mameko-line); border-radius:16px; aspect-ratio:1/1; display:flex; align-items:center; justify-content:center; padding:22px; position:relative; }
.mmk-gal .main img{ max-width:100%; max-height:100%; width:auto; height:auto; object-fit:contain; }
.mmk-gal .flag{ position:absolute; top:18px; left:18px; background:var(--mameko-cta); color:#fff; font-size:11.5px; font-weight:700; letter-spacing:.5px; padding:6px 12px; border-radius:20px; }
.mmk-gal .thumbs{ display:flex; gap:12px; margin-top:14px; flex-wrap:wrap; }
.mmk-gal .th{ width:84px; height:84px; background:#fff; border-radius:14px; box-shadow:0 6px 16px rgba(58,43,51,.10); display:flex; align-items:center; justify-content:center; padding:8px; cursor:pointer; border:2px solid transparent; }
.mmk-gal .th.on{ border-color:var(--mameko-green); }
.mmk-gal .th img{ max-width:100%; max-height:100%; object-fit:contain; }

.mmk-panel{ display:flex; flex-direction:column; }
.mmk-brand{ font-size:12.5px; letter-spacing:1.5px; text-transform:uppercase; color:var(--mameko-mut); font-weight:700; }
.mmk-title{ font-size:27px; line-height:1.12; margin:3px 0 10px; }
.mmk-chips{ display:flex; gap:6px; flex-wrap:wrap; margin:0 0 12px; }
.mmk-chip{ display:inline-flex; align-items:center; gap:5px; border:1px solid var(--mameko-line); background:#fff; border-radius:14px; padding:3px 11px; font-size:11px; font-weight:600; color:#4a4740; }
.mmk-chip.gold{ background:#FBF0D2; border-color:#E5CE8B; color:#7a5d0e; }
.mmk-chip svg{ width:13px; height:13px; stroke:var(--mameko-green-dark); fill:none; stroke-width:1.7; }
.mmk-chip.gold svg{ stroke:#B8860B; fill:#B8860B; }
.mmk-lead{ font-size:14px; line-height:1.5; color:#4a4740; margin:0 0 16px; max-width:44em; }

.mmk-buy{ background:#fff; border:1px solid var(--mameko-line); border-radius:14px; box-shadow:0 4px 12px rgba(58,43,51,.05); padding:14px 16px; margin:auto 0 0; }
.mmk-priceline{ display:flex; align-items:center; gap:10px; margin-bottom:8px; flex-wrap:wrap; }
.mmk-price{ font-family:'DM Serif Display',serif; font-size:24px; color:var(--mameko-azure); display:inline-flex; flex-direction:column; align-items:flex-start; gap:2px; }
.mmk-price ins{ text-decoration:none; color:inherit; }
.mmk-price del{ font-family:'Inter'; font-size:15px; color:var(--mameko-mut); font-weight:400; margin-left:10px; }
.mmk-price .mameko-omnibus{ font-family:'Inter'; font-size:12px; color:var(--mameko-mut); margin-top:3px; }
.mmk-perkg{ font-size:12px; color:var(--mameko-mut); }
.mmk-stock{ display:flex; align-items:center; gap:6px; font-size:12px; color:var(--mameko-green-dark); font-weight:600; margin-left:auto; }
.mmk-stock .dot{ width:9px; height:9px; border-radius:50%; background:var(--mameko-green); box-shadow:0 0 0 4px rgba(99,181,74,.18); }
.mmk-stock.out{ color:var(--mameko-mut); } .mmk-stock.out .dot{ background:var(--mameko-mut); box-shadow:none; }
.mmk-cartrow form.cart{ display:flex; gap:10px; align-items:stretch; margin:0; }
.mmk-cartrow{ display:flex; gap:10px; align-items:stretch; }
.mmk-cartrow .quantity{ margin:0; }
.mmk-cartrow .qty, .mmk-qty{ display:flex; align-items:center; border:1px solid var(--mameko-line); border-radius:30px; overflow:hidden; }
.mmk-cartrow input.qty{ width:52px; height:44px; border:1px solid var(--mameko-line); border-radius:30px; text-align:center; font-weight:600; font-size:15px; -moz-appearance:textfield; }
.mmk-pdp .single_add_to_cart_button{ flex:1; min-height:44px; border-radius:30px !important; font-size:14px; }
.mmk-addlist{ margin-top:10px; width:100%; display:flex; align-items:center; justify-content:center; gap:8px; background:#fff; border:1.5px solid var(--mameko-green); color:var(--mameko-green-dark); border-radius:30px; padding:11px; font-size:14px; font-weight:600; cursor:pointer; }
.mmk-addlist:hover{ background:#eef6e8; }

/* Cechy — grid faktów z atrybutów */
.mmk-facts{ border-top:1px solid var(--mameko-line); margin-top:16px; padding-top:16px; }
.mmk-facts h3{ font-size:17px; margin:0 0 12px; }
.mmk-facts .fg{ display:grid; grid-template-columns:1fr 1fr; gap:12px 22px; }
.mmk-fact{ display:flex; flex-direction:column; gap:2px; border-left:2px solid var(--mameko-green); padding-left:10px; }
.mmk-fact .k{ font-size:10.5px; letter-spacing:.6px; text-transform:uppercase; color:var(--mameko-mut); font-weight:700; }
.mmk-fact .v{ font-size:14px; font-weight:600; color:var(--mameko-fig); }

/* Sekcje treści (opis / skład) */
.mmk-content{ max-width:1360px; margin:0 auto; padding:20px 0; }
.mmk-csec{ background:#fff; border:1px solid var(--mameko-line); border-radius:14px; box-shadow:0 4px 14px rgba(58,43,51,.05); padding:18px 22px; margin-bottom:14px; }
.mmk-csec h2{ font-size:21px; margin:0 0 9px; }
.mmk-csec, .mmk-csec p{ font-size:14px; color:#4a4740; }
.mmk-csec p{ margin:0 0 9px; max-width:62em; }
.mmk-desc-block{ font-size:14px; color:#4a4740; line-height:1.7; max-width:62em; white-space:normal; }

/* Cross-sell „Często kupowane razem" + „Z tej samej półki" — używa kafla .pc */
.mmk-fbt, .mmk-shelf{ max-width:1360px; margin:0 auto; padding:8px 0 10px; }
.mmk-fbt h2, .mmk-shelf h2{ font-size:22px; margin:0 0 16px; }
.mmk-fbt .grid, .mmk-shelf .grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:22px; }
.mmk-fbt ul.products, .mmk-shelf ul.products{ display:grid; grid-template-columns:repeat(4,1fr); gap:22px; margin:0; padding:0; list-style:none; }

@media(max-width:920px){
  .mmk-pdp-grid{ grid-template-columns:1fr; gap:24px; }
  .mmk-facts .fg{ grid-template-columns:1fr; }
  .mmk-fbt .grid, .mmk-shelf .grid, .mmk-fbt ul.products, .mmk-shelf ul.products{ grid-template-columns:repeat(2,1fr); }
}

/* =======================================================================
   KOSZYK — KOSZYK_v12
   ======================================================================= */
.mmk-cart{ max-width:1060px; margin:0 auto; padding:6px 0 10px; }
.mmk-cart h1.page{ font-size:32px; margin:6px 0 18px; }
.mmk-cart-cols{ display:grid; grid-template-columns:minmax(0,1fr) 400px; gap:28px; align-items:start; }
.mmk-ship{ background:#fff; border:1px solid var(--mameko-line); border-radius:14px; padding:14px 18px; margin-bottom:16px; }
.mmk-ship .t{ font-size:13.5px; margin-bottom:9px; } .mmk-ship .t b{ color:var(--mameko-green-dark); }
.mmk-ship .bar{ height:9px; background:var(--mameko-ivory); border-radius:6px; overflow:hidden; }
.mmk-ship .fill{ height:100%; background:var(--mameko-green); border-radius:6px; transition:width .3s; }
.mmk-ship.done .t b{ color:var(--mameko-green-dark); }

.mmk-item{ display:grid; grid-template-columns:52px 1fr auto; gap:12px; align-items:center; background:#fff; border:1px solid var(--mameko-line); border-radius:12px; padding:8px 12px; margin-bottom:8px; }
.mmk-item .im{ width:52px; height:52px; background:var(--mmk-cream); border-radius:8px; display:flex; align-items:center; justify-content:center; padding:5px; }
.mmk-item .im img{ max-width:100%; max-height:100%; object-fit:contain; }
.mmk-item .nm{ font-weight:600; font-size:13.5px; line-height:1.25; }
.mmk-item .nm a{ color:inherit; text-decoration:none; }
.mmk-item .meta{ font-size:11.5px; color:var(--mameko-mut); margin-top:2px; }
.mmk-item .r{ display:flex; align-items:center; gap:16px; }
.mmk-item .qty{ display:flex; align-items:center; border:1px solid var(--mameko-line); border-radius:30px; overflow:hidden; }
.mmk-item .qty .q{ min-width:34px; text-align:center; font-weight:600; font-size:13px; }
.mmk-item .qty button{ width:30px; height:30px; background:#fff; border:0; font-size:16px; line-height:1; cursor:pointer; color:var(--mameko-fig); }
.mmk-item .lt{ font-family:'DM Serif Display',serif; font-size:18px; color:var(--mameko-azure); line-height:1; min-width:78px; text-align:right; }
.mmk-item .rm{ font-size:16px; color:var(--mameko-mut); text-decoration:none; line-height:1; }
.mmk-item .rm:hover{ color:var(--mameko-cta); }

.mmk-sum{ position:sticky; top:14px; background:#fff; border:1px solid var(--mameko-line); border-radius:16px; padding:20px 22px; box-shadow:0 5px 16px rgba(58,43,51,.06); }
.mmk-sum h2{ font-size:21px; margin:0 0 14px; }
.mmk-sline{ display:flex; justify-content:space-between; font-size:13.5px; margin-bottom:9px; }
.mmk-sline .g{ color:var(--mameko-green-dark); font-weight:600; }
.mmk-sline.mut{ color:var(--mameko-mut); }
.mmk-total{ display:flex; justify-content:space-between; align-items:baseline; border-top:1px solid var(--mameko-line); margin-top:12px; padding-top:14px; }
.mmk-total .l{ font-weight:600; } .mmk-total .v{ font-family:'DM Serif Display',serif; font-size:28px; color:var(--mameko-azure); }
.mmk-gopay{ width:100%; margin-top:16px; background:var(--mameko-cta); color:#fff; border:0; border-radius:30px; padding:14px; font-size:15.5px; font-weight:600; cursor:pointer; box-shadow:0 8px 20px rgba(232,99,43,.3); text-align:center; display:block; }
.mmk-gopay:hover{ background:var(--mameko-cta-dark); color:#fff; }
.mmk-cont{ display:block; text-align:center; margin-top:12px; font-size:13px; color:var(--mameko-green-dark); font-weight:600; }
.mmk-code{ display:flex; gap:8px; margin-top:14px; }
.mmk-code input{ flex:1; border:1px solid var(--mameko-line); border-radius:10px; padding:10px 12px; font-size:13px; }
.mmk-code button{ border:1.5px solid var(--mameko-line); background:#fff; border-radius:10px; padding:0 14px; font-size:13px; font-weight:600; cursor:pointer; }
.mmk-pays{ display:flex; gap:7px; flex-wrap:wrap; margin-top:16px; padding-top:14px; border-top:1px solid var(--mameko-line); }
.mmk-pay{ font-size:10px; font-weight:700; color:var(--mameko-mut); background:var(--mameko-ivory); border:1px solid var(--mameko-line); border-radius:6px; padding:5px 8px; }

.mmk-xsell{ background:#fff; border:1px solid var(--mameko-line); border-radius:14px; padding:16px 18px; margin:16px 0 0; }
.mmk-xsell h3{ font-size:18px; margin:0 0 12px; }
.mmk-xrow{ display:grid; grid-template-columns:repeat(6,1fr); gap:12px; }
.mmk-xc{ border:1px solid var(--mameko-line); border-radius:12px; padding:10px; text-align:center; display:flex; flex-direction:column; }
.mmk-xc .im{ height:80px; display:flex; align-items:center; justify-content:center; margin-bottom:6px; }
.mmk-xc .im img{ max-width:100%; max-height:100%; object-fit:contain; }
.mmk-xc .n{ font-size:11.5px; line-height:1.25; min-height:29px; overflow:hidden; }
.mmk-xc .n a{ color:inherit; text-decoration:none; }
.mmk-xc .p{ font-weight:700; color:var(--mameko-azure); font-size:13px; margin:4px 0 8px; }
.mmk-xc .add{ margin-top:auto; width:100%; background:#e2eed6; color:var(--mameko-cta); border:0; border-radius:20px; padding:7px; font-size:12px; font-weight:700; cursor:pointer; text-align:center; text-decoration:none; display:block; }
.mmk-xc .add:hover{ background:var(--mameko-cta); color:#fff; }

@media(max-width:900px){
  .mmk-cart-cols{ grid-template-columns:1fr; gap:20px; }
  .mmk-sum{ position:static; }
  .mmk-xrow{ grid-template-columns:repeat(3,1fr); }
}

/* =======================================================================
   CHECKOUT — PAY_v19 (4 kroki w lewej kolumnie + sticky podsumowanie)
   ======================================================================= */
.mmk-secure{ font-size:12.5px; color:var(--mameko-green-dark); font-weight:600; text-align:center; padding:6px 0; }
.mmk-checkout .mmk-steps{ display:flex; gap:8px; justify-content:center; padding:2px 0 14px; font-size:12.5px; color:var(--mameko-mut); }
.mmk-checkout .mmk-steps b{ color:var(--mameko-fig); } .mmk-checkout .mmk-steps .on{ color:var(--mameko-green-dark); font-weight:700; }
.mmk-checkout h1.page{ font-size:28px; margin:6px 0 18px; }
.mmk-guestbar{ display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; background:#fff; border:1px solid var(--mameko-line); border-radius:12px; padding:12px 16px; margin:6px 0 16px; font-size:13.5px; }
.mmk-guestbar .l b{ font-weight:700; } .mmk-guestbar .l small{ display:block; color:var(--mameko-mut); font-size:12px; }
.mmk-guestbar .reg{ background:var(--mameko-green); color:#fff; border-radius:20px; padding:8px 15px; font-weight:600; font-size:12.5px; }
.mmk-guestbar .lg{ color:var(--mameko-green-dark); font-weight:600; font-size:12.5px; margin-left:10px; }

/* dwie kolumny */
.woocommerce-checkout .mmk-checkout form.checkout{ display:grid; grid-template-columns:1fr 420px; gap:34px; align-items:start; }
.mmk-flow{ display:flex; flex-direction:column; gap:16px; }

/* karta kroku + numer */
.mmk-card{ background:#fff; border:1px solid var(--mameko-line); border-radius:16px; padding:20px 22px; }
.mmk-step{ font-family:'DM Serif Display',serif; font-weight:400; font-size:19px; margin:0 0 14px; display:flex; align-items:center; gap:9px; }
.mmk-step .n{ width:24px; height:24px; border-radius:50%; background:var(--mameko-green-dark); color:#fff; font-family:'Inter'; font-size:13px; font-weight:700; display:flex; align-items:center; justify-content:center; }

/* pola formularza */
.mmk-checkout .mmk-fields{ display:block; }
.mmk-checkout .form-row{ margin:0 0 12px; padding:0; }
.mmk-checkout .form-row-first, .mmk-checkout .form-row-last{ width:calc(50% - 6px); display:inline-block; vertical-align:top; }
.mmk-checkout .form-row-first{ margin-right:10px; }
.mmk-checkout label{ font-size:12px; color:var(--mameko-mut); font-weight:600; }
.mmk-checkout .required{ color:var(--mameko-cta); }
.mmk-checkout input.input-text, .mmk-checkout textarea, .mmk-checkout select, .mmk-checkout .select2-selection{
  border:1px solid var(--mameko-line) !important; border-radius:10px !important; padding:11px 13px !important; font-size:14px; width:100%; box-shadow:none !important; }
.mmk-checkout input.input-text:focus{ outline:0; border-color:var(--mameko-green) !important; }
.mmk-checkout .select2-container .select2-selection--single{ height:auto !important; }

/* krok 2 — karty dostawy */
.mmk-ship-cards{ list-style:none; margin:0; padding:0; }
.mmk-ship-card{ display:flex; align-items:center; gap:12px; border:1.5px solid var(--mameko-line); border-radius:12px; padding:12px 14px; margin-bottom:10px; position:relative; }
.mmk-ship-card.on{ border-color:var(--mameko-green); background:#f2f8ee; }
.mmk-ship-card input[type=radio]{ width:18px; height:18px; accent-color:var(--mameko-green-dark); flex:0 0 auto; margin:0; }
.mmk-ship-card label{ flex:1; cursor:pointer; }
.mmk-ship-card .ttl{ font-size:14px; font-weight:600; color:var(--mameko-fig); display:block; }
.mmk-ship-card small{ color:var(--mameko-mut); font-size:12px; }
.mmk-ship-card .pr{ font-weight:700; font-size:13.5px; white-space:nowrap; }
.mmk-ship-card .pr .free, .mmk-free{ color:var(--mameko-green-dark); font-weight:700; }

/* krok 4 — kafle płatności */
.mmk-checkout #payment{ background:transparent; }
.mmk-checkout #payment ul.payment_methods{ padding:0; border:0; margin:0; }
.mmk-checkout .wc_payment_methods li{ border:1.5px solid var(--mameko-line); border-radius:12px; padding:12px 14px; margin-bottom:10px; list-style:none; }
.mmk-checkout .wc_payment_methods li input[type=radio]{ accent-color:var(--mameko-green-dark); }
.mmk-checkout .wc_payment_methods li label{ font-weight:600; font-size:14px; color:var(--mameko-fig); }
.mmk-checkout .payment_box{ background:var(--mameko-ivory) !important; border-radius:10px; font-size:12.5px; }
.mmk-checkout .paytrust{ font-size:12px; color:var(--mameko-mut); line-height:1.5; margin:12px 0 0; padding:10px 12px; background:var(--mameko-ivory); border-radius:10px; }
.mmk-checkout #place_order{ width:100%; border-radius:30px !important; font-size:16px; padding:15px; margin-top:10px; }

/* prawa kolumna — podsumowanie */
.mmk-order{ position:sticky; top:14px; background:#fff; border:1px solid var(--mameko-line); border-radius:16px; padding:20px 22px; box-shadow:0 5px 16px rgba(58,43,51,.06); }
.mmk-order > h2#order_review_heading{ font-family:'DM Serif Display',serif; font-weight:400; font-size:20px; margin:0 0 14px; }
.mmk-review{ width:100%; border-collapse:collapse; border:0; }
.mmk-review td, .mmk-review th{ border:0; padding:6px 0; font-size:13.5px; vertical-align:middle; }
.mmk-review .mmk-li-im{ width:56px; position:relative; }
.mmk-review .mmk-li-im img{ width:48px; height:48px; object-fit:contain; background:var(--mmk-cream); border-radius:10px; padding:5px; }
.mmk-review .mmk-li-im .qb{ position:absolute; top:-2px; left:36px; background:var(--mameko-fig); color:#fff; font-size:10px; font-weight:700; width:18px; height:18px; border-radius:50%; display:flex; align-items:center; justify-content:center; }
.mmk-review .mmk-li-nm{ font-size:12.5px; line-height:1.25; }
.mmk-review .mmk-li-pr{ text-align:right; font-weight:700; white-space:nowrap; }
.mmk-review tfoot th{ text-align:left; color:var(--mameko-mut); font-weight:500; }
.mmk-review tfoot td{ text-align:right; font-weight:600; }
.mmk-review tfoot tr:first-child th, .mmk-review tfoot tr:first-child td{ border-top:1px solid var(--mameko-line); padding-top:12px; }
.mmk-review .order-total th{ color:var(--mameko-fig); font-weight:600; font-size:15px; padding-top:12px; border-top:1px solid var(--mameko-line); }
.mmk-review .order-total td, .mmk-review .order-total .amount{ font-family:'DM Serif Display',serif; font-size:22px; color:var(--mameko-azure); padding-top:12px; border-top:1px solid var(--mameko-line); }
.mmk-checkout .mmk-freehint{ background:#e8f2e0; color:var(--mameko-green-dark); border-radius:10px; padding:9px 13px; margin:12px 0 0; font-size:12.5px; }
.mmk-mut{ color:var(--mameko-mut); font-size:13px; }

/* Punkt odbioru (paczkomat / Orlen) */
.mmk-pickup{ border:1px solid var(--mameko-line); border-radius:12px; padding:14px; margin:0 0 16px; background:var(--mameko-ivory); }
.mmk-pickup-lead{ font-size:13px; color:var(--mameko-fig); font-weight:600; margin-bottom:10px; }
.mmk-pickup-btn{ background:#fff; border:1.5px solid var(--mameko-green); color:var(--mameko-green-dark); border-radius:20px; padding:10px 16px; font-weight:600; font-size:13.5px; cursor:pointer; }
.mmk-pickup-btn:hover{ background:#eef6e8; }
.mmk-pickup-chosen{ background:#fff; border:1px solid var(--mameko-line); border-radius:10px; padding:10px 12px; margin-bottom:10px; font-size:13.5px; }
.mmk-pickup-chosen code{ background:var(--mameko-sand); border-radius:5px; padding:1px 6px; font-weight:700; }
.mmk-pickup-chosen .mmk-pickup-change{ color:var(--mameko-green-dark); font-weight:600; margin-left:8px; font-size:12.5px; }
.mmk-geowidget{ margin-top:12px; width:100%; min-height:200px; border:1px solid var(--mameko-line); border-radius:10px; overflow:hidden; }
.mmk-geowidget inpost-geowidget{ width:100%; height:460px; display:block; }
.mmk-pickup-note{ font-size:12.5px; color:var(--mameko-mut); background:#fff; border:1px dashed var(--mameko-line); border-radius:8px; padding:10px 12px; margin:10px 0 0; }

@media(max-width:900px){
  .woocommerce-checkout .mmk-checkout form.checkout{ grid-template-columns:1fr; gap:20px; }
  .mmk-order{ position:static; }
  .mmk-checkout .form-row-first, .mmk-checkout .form-row-last{ width:100%; margin-right:0; display:block; }
}