/*
Theme Name: DOMEA
Theme URI: https://example.com
Author: DOMEA
Description: Lekki, nowoczesny motyw sklepu B2C (elektronika, małe AGD, dom, ogród) dla WooCommerce. Jeden kolor wiodący (niebieski), białe karty, ikony obrysowe, banery promocyjne i okazja dnia z odliczaniem. Zbudowany 1:1 na bazie zatwierdzonego prototypu.
Version: 1.0.72
Requires at least: 6.0
Requires PHP: 7.4
Tested up to: 6.7
License: GNU General Public License v2 or later
Text Domain: domea
Tags: e-commerce, one-column, custom-menu
WC requires at least: 7.0
*/

:root{
  --ink:#151821; --muted:#68707F; --paper:#FFFFFF; --mist:#F5F7FA;
  --brand:#1D5EE8; --brand-dark:#1548B8; --brand-text:#1B447A; --tint:#E9EDF4;
  --line:#E2E7F0; --ok:#1B447A;
  --radius:14px; --shadow:0 8px 28px rgba(21,50,120,.10);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Inter',system-ui,sans-serif;color:var(--ink);background:var(--paper);font-size:15.5px;line-height:1.6}
h1,h2,h3,h4,.display{font-family:'Sora',system-ui,sans-serif;line-height:1.2;letter-spacing:-.01em}
a{color:inherit;text-decoration:none;cursor:pointer}
button{font-family:inherit;cursor:pointer;border:none;background:none;font-size:inherit}
svg.i{stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex:none}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.hide{display:none!important}

/* ── paski górne ── */
.topbar{background:var(--ink);color:#B9C3D8;font-size:13px;text-align:center;padding:7px 12px}
.topbar b{color:#8FB1FF}
header.main{position:sticky;top:0;z-index:50;background:var(--paper);border-bottom:1px solid var(--line)}
.hrow{display:flex;align-items:center;gap:22px;padding:14px 0}
.logo{font-family:'Sora';font-weight:700;font-size:24px;letter-spacing:.02em;color:var(--ink);display:flex;align-items:center;gap:9px}
.logo .mark{width:26px;height:26px;border-radius:8px;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center}
.search{flex:1;display:flex;max-width:520px}
.search input{flex:1;border:1.5px solid var(--line);border-right:none;border-radius:10px 0 0 10px;padding:10px 14px;font-size:14px;outline:none}
.search input:focus{border-color:var(--brand-text)}
.search button{background:var(--brand);color:#fff;border-radius:0 10px 10px 0;padding:0 16px;font-weight:600;display:flex;align-items:center}
.hicons{display:flex;gap:6px;margin-left:auto}
.hicon{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 12px;border-radius:10px;font-size:11.5px;color:var(--muted);position:relative}
.hicon:hover{background:var(--mist);color:var(--ink)}
.badge{position:absolute;top:-2px;right:4px;background:var(--brand);color:#fff;font-size:10.5px;font-weight:700;min-width:17px;height:17px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px}
nav.cats{border-top:1px solid var(--line)}
nav.cats ul{display:flex;gap:2px;list-style:none;overflow-x:auto}
nav.cats a{display:block;padding:11px 15px;font-weight:500;font-size:14.5px;border-bottom:2.5px solid transparent;white-space:nowrap}
nav.cats a:hover,nav.cats a.on{color:var(--brand-text);border-color:var(--brand-text)}
nav.cats a.sale{color:var(--brand-text);font-weight:600}

/* ── pasek zaufania ── */
.trust{background:var(--mist);border-bottom:1px solid var(--line)}
.trust .wrap{display:flex;gap:14px;justify-content:space-between;overflow-x:auto;padding-top:9px;padding-bottom:9px}
.trust span{font-size:12.5px;color:var(--muted);white-space:nowrap;display:flex;align-items:center;gap:7px}
.trust b{color:var(--ink);font-weight:600}
.trust svg{color:var(--brand-text)}

/* ── przyciski ── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;border-radius:11px;padding:12px 22px;transition:.15s;font-size:15px}
.btn-p{background:var(--brand);color:#fff}
.btn-p:hover{background:var(--brand-dark)}
.btn-s{background:var(--ink);color:#fff}
.btn-s:hover{background:#000}
.btn-o{border:1.5px solid var(--line);color:var(--ink);background:#fff}
.btn-o:hover{border-color:var(--brand-text);color:var(--brand-text)}
.btn-block{width:100%}
.btn-sm{padding:8px 14px;font-size:13.5px;border-radius:9px}

/* ── hero ── */
.hero{background:#fff;border-bottom:1px solid var(--line);overflow:hidden}
.hero .wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center;padding-top:52px;padding-bottom:52px}
.hero h1{font-size:clamp(30px,4.2vw,45px);font-weight:700}
.hero p.lead{margin:16px 0 24px;color:var(--muted);font-size:17px;max-width:46ch}
.hero .eyebrow{font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--brand-text);font-weight:600}
.code-pill{display:inline-flex;align-items:center;gap:8px;background:var(--tint);border:1px dashed var(--brand-dark);border-radius:10px;padding:8px 14px;font-size:13.5px;margin-top:18px;color:var(--ink)}
.code-pill b{font-family:'Sora';letter-spacing:.08em;color:var(--ink)}
.hl{background:linear-gradient(transparent 60%,#C3D7FC 60%)}
.hero-tiles{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.hero-tile{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;color:var(--ink);transition:.15s}
.hero-tile:hover{border-color:var(--brand);box-shadow:var(--shadow);transform:translateY(-2px)}
.hero-tile svg{color:var(--brand-text)}
.hero-tile b{display:block;margin-top:10px;font-family:'Sora';font-size:15px}
.hero-tile small{color:var(--muted);font-size:12.5px}

/* ── banery promocyjne ── */
.promo3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.promo{border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:6px;min-height:150px;transition:.15s;border:1px solid var(--line)}
.promo:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.promo .k{font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;opacity:.75}
.promo h3{font-size:19px}
.promo p{font-size:13.5px;opacity:.85}
.promo .go{margin-top:auto;font-weight:700;font-size:14px;display:flex;align-items:center;gap:6px}
.promo{background:#fff}
.promo .k{color:var(--brand-text);opacity:1}
.promo p{color:var(--muted);opacity:1}
.promo .go{color:var(--brand-text)}
.promo .pic{color:var(--brand-text)}
.promo:hover{border-color:var(--brand)}
.deal{background:#fff;border:1px solid var(--line);border-radius:20px;color:var(--ink);display:grid;grid-template-columns:1fr auto;gap:26px;align-items:center;padding:30px 34px;overflow:hidden;position:relative;box-shadow:var(--shadow)}
.deal .k{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--brand-text);font-weight:700;display:flex;gap:8px;align-items:center}
.deal h2{font-size:clamp(21px,2.6vw,29px);margin:8px 0 6px}
.deal .old{color:var(--muted);text-decoration:line-through;font-size:16px;margin-right:10px}
.deal .now{font-family:'Sora';font-weight:700;font-size:28px}
.cd{display:flex;gap:8px;margin:14px 0 18px}
.cd div{background:var(--tint);border:1px solid var(--brand-dark);border-radius:10px;min-width:58px;padding:8px 6px;text-align:center}
.cd b{display:block;font-family:'Sora';font-size:21px}
.cd small{font-size:10.5px;color:var(--brand-text);text-transform:uppercase;letter-spacing:.08em}
.deal .art{width:190px;height:190px;border-radius:20px;background:var(--mist);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--brand-text)}
.banner-wide{border-radius:20px;background:#fff;border:1px solid var(--line);border-left:5px solid var(--brand);display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;padding:28px 32px}
.banner-wide h2{font-size:clamp(20px,2.4vw,26px)}
.banner-wide p{color:var(--muted);font-size:14.5px;margin-top:6px;max-width:56ch}
.banner-duo{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.banner-mini{border-radius:16px;padding:24px;display:flex;gap:18px;align-items:center;border:1px solid var(--line)}
.banner-mini svg{color:var(--brand-text)}
.banner-mini b{font-family:'Sora';font-size:16px;display:block}
.banner-mini p{font-size:13.5px;color:var(--muted)}
.banner-mini .btn{margin-left:auto;flex:none}

/* ── sekcje ── */
section.block{padding:42px 0}
section.block.alt{background:var(--mist)}
section.block.tight{padding:26px 0}
.sec-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:22px;gap:16px}
.sec-head h2{font-size:24px}
.sec-head a{color:var(--brand-text);font-weight:600;font-size:14px;white-space:nowrap}

/* ── siatka produktów ── */
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:.15s;position:relative}
.card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}
.thumb{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;position:relative;background:var(--mist);color:var(--brand-text)}
.tag{position:absolute;top:10px;left:10px;background:var(--brand);color:#fff;font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:7px;z-index:2}
.tag.new{background:var(--ink)}
.cbody{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;flex:1}
.ccat{font-size:11.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-weight:600}
.cname{font-weight:600;font-size:14.5px;line-height:1.35;min-height:39px}
.stars{color:var(--brand-text);font-size:13px;letter-spacing:.05em}
.stars i{color:var(--muted);font-style:normal;font-size:12px;margin-left:4px;letter-spacing:0}
.prow{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:6px}
.price{font-family:'Sora';font-weight:700;font-size:17px}
.price s{color:var(--muted);font-weight:400;font-size:13px;margin-right:6px}
.addbtn{background:var(--tint);color:var(--brand-text);width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:.15s}
.addbtn:hover{background:var(--brand);color:#fff}

/* ── USP / zaufanie ── */
.usps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.usp{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px}
.usp svg{color:var(--brand-text)}
.usp b{display:block;margin:12px 0 4px;font-family:'Sora';font-size:15px}
.usp p{font-size:13.5px;color:var(--muted)}
.reviews-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.rev{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px}
.rev p{font-size:14px;margin:10px 0 12px}
.rev .who{font-size:13px;color:var(--muted)}
.rev .who b{color:var(--ink)}
.verified{color:var(--brand-text);font-size:12px;font-weight:600}

/* ── breadcrumbs / listing ── */
.crumbs{font-size:13px;color:var(--muted);padding:16px 0 0}
.crumbs a:hover{color:var(--brand-text)}
.listing{display:grid;grid-template-columns:250px 1fr;gap:28px;padding:24px 0 50px}
.filters{align-self:start;position:sticky;top:130px;display:flex;flex-direction:column;gap:20px}
.fbox{border:1px solid var(--line);border-radius:var(--radius);padding:18px}
.fbox h4{font-size:14px;margin-bottom:10px}
.fbox label{display:flex;gap:9px;align-items:center;font-size:14px;padding:4px 0;color:#333;cursor:pointer}
.fbox input[type=checkbox]{accent-color:var(--brand-text)}
.fbox input[type=range]{width:100%;accent-color:var(--brand-text)}
.list-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:12px;flex-wrap:wrap}
.list-top select{border:1.5px solid var(--line);border-radius:9px;padding:8px 12px;font-size:14px}
.chip{display:inline-flex;align-items:center;gap:6px;background:var(--tint);color:var(--brand-text);font-size:13px;font-weight:600;padding:5px 12px;border-radius:20px}
.pagination{display:flex;gap:6px;justify-content:center;margin-top:30px}
.pagination a{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--line);border-radius:9px;font-weight:600;font-size:14px}
.pagination a.on{background:var(--brand);border-color:var(--brand-text);color:#fff}

/* ── produkt ── */
.pgrid{display:grid;grid-template-columns:1fr 1fr;gap:44px;padding:28px 0 46px}
.gallery .main{aspect-ratio:1/1;border:1px solid var(--line);border-radius:18px;display:flex;align-items:center;justify-content:center;background:var(--mist);color:var(--brand-text)}
.gallery .mini{display:flex;gap:10px;margin-top:12px}
.gallery .mini div{width:74px;height:74px;border:1.5px solid var(--line);border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--muted);background:var(--mist)}
.gallery .mini div:hover{border-color:var(--brand-text);color:var(--brand-text)}
.pinfo h1{font-size:27px;margin:6px 0 10px}
.pinfo .price{font-size:30px;margin:14px 0 4px;display:block}
.lowest{font-size:12.5px;color:var(--muted)}
.avail{color:var(--brand-text);font-weight:600;font-size:14px;margin:12px 0;display:flex;gap:7px;align-items:center}
.buybox{border:1px solid var(--line);border-radius:var(--radius);padding:18px;margin:18px 0;display:flex;flex-direction:column;gap:12px}
.qty{display:flex;align-items:center;border:1.5px solid var(--line);border-radius:10px;width:max-content}
.qty button{width:38px;height:42px;font-size:18px;color:var(--brand-text);font-weight:700}
.qty span{width:40px;text-align:center;font-weight:600}
.buyrow{display:flex;gap:10px}
.buyrow .btn{flex:1}
.pmeta{font-size:13.5px;color:var(--muted);display:flex;flex-direction:column;gap:7px}
.pmeta b{color:var(--ink)}
.pmeta span{display:flex;gap:8px;align-items:center}
.pmeta svg{color:var(--brand-text)}
.tabs{border-bottom:1.5px solid var(--line);display:flex;gap:4px;margin-bottom:20px}
.tabs button{padding:11px 18px;font-weight:600;font-size:14.5px;color:var(--muted);border-bottom:2.5px solid transparent;margin-bottom:-1.5px}
.tabs button.on{color:var(--brand-text);border-color:var(--brand-text)}
.spec{width:100%;border-collapse:collapse;font-size:14px}
.spec td{padding:9px 12px;border-bottom:1px solid var(--line)}
.spec td:first-child{color:var(--muted);width:40%}
.rev-item{border-bottom:1px solid var(--line);padding:16px 0}

/* ── koszyk / checkout ── */
.cart-grid{display:grid;grid-template-columns:1fr 350px;gap:30px;padding:26px 0 50px;align-items:start}
.cart-line{display:grid;grid-template-columns:76px 1fr auto auto auto;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}
.cart-line .thumb{width:76px;height:76px;border-radius:12px;border:1px solid var(--line)}
.rm{color:var(--muted);font-size:13px}
.rm:hover{color:var(--brand-text)}
.cart-collaterals.summary,.co-summary{border:1px solid var(--line);border-radius:var(--radius);padding:22px;position:sticky;top:130px}
.cart-collaterals.summary h3,.co-summary h3{font-size:17px;margin-bottom:14px}
.srow{display:flex;justify-content:space-between;font-size:14.5px;padding:5px 0;gap:12px}
.srow.total{border-top:1.5px solid var(--line);margin-top:10px;padding-top:12px;font-family:'Sora';font-weight:700;font-size:18px}
.freebar{background:var(--tint);border-radius:10px;padding:10px 12px;font-size:13px;color:var(--ink);margin:12px 0}
.freebar .bar{height:6px;background:#fff;border-radius:3px;margin-top:7px;overflow:hidden}
.freebar .bar i{display:block;height:100%;background:var(--brand)}
.steps{display:flex;gap:8px;justify-content:center;padding:22px 0 6px;font-size:13.5px;color:var(--muted)}
.steps b{color:var(--brand-text)}
.form{display:flex;flex-direction:column;gap:14px}
.form .row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.field label{display:block;font-size:13px;font-weight:600;margin-bottom:5px}
.field input,.field textarea,.field select{width:100%;border:1.5px solid var(--line);border-radius:10px;padding:11px 13px;font-size:14.5px;font-family:inherit;outline:none}
.field input:focus,.field textarea:focus{border-color:var(--brand-text)}
.opt{border:1.5px solid var(--line);border-radius:12px;padding:14px 16px;display:flex;gap:12px;align-items:center;cursor:pointer;font-size:14.5px}
.opt input{accent-color:var(--brand-text)}
.opt:hover,.opt.on{border-color:var(--brand-text);background:var(--tint)}
.opt b{flex:1}
.paylogos{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.paylogo{border:1px solid var(--line);border-radius:8px;padding:6px 12px;font-size:12.5px;font-weight:700;color:var(--muted)}

/* ── konto / treści ── */
.acc-grid{display:grid;grid-template-columns:230px 1fr;gap:30px;padding:26px 0 50px;align-items:start}
.acc-nav{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.acc-nav a{display:block;padding:13px 18px;font-size:14.5px;border-bottom:1px solid var(--line)}
.acc-nav a:last-child{border-bottom:none}
.acc-nav a.on{background:var(--tint);color:var(--brand-text);font-weight:600}
.table{width:100%;border-collapse:collapse;font-size:14px}
.table th{text-align:left;font-size:12.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:10px 12px;border-bottom:1.5px solid var(--line)}
.table td{padding:12px;border-bottom:1px solid var(--line)}
.pill{font-size:12px;font-weight:700;padding:3px 10px;border-radius:20px}
.pill.ok{background:var(--tint);color:var(--brand-text)}
.pill.wait{background:var(--mist);color:var(--muted)}
.content-page{max-width:760px;margin:0 auto;padding:34px 0 56px}
.content-page h1{font-size:30px;margin-bottom:18px}
.content-page h2{font-size:20px;margin:26px 0 10px}
.content-page p,.content-page li{color:#333;margin-bottom:10px}
.content-page ul{padding-left:22px}
.faq-item{border:1px solid var(--line);border-radius:12px;margin-bottom:10px;overflow:hidden}
.faq-item summary{padding:15px 18px;font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between}
.faq-item summary:after{content:"+";color:var(--brand-text);font-size:19px}
.faq-item[open] summary:after{content:"–"}
.faq-item div{padding:0 18px 15px;color:#444;font-size:14.5px}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.bpost .thumb{aspect-ratio:16/10;border-radius:var(--radius);border:1px solid var(--line)}
.bpost h3{font-size:16.5px;margin:12px 0 6px}
.bpost small{color:var(--muted)}
.auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;max-width:860px;margin:34px auto 56px;padding:0 20px}
.auth-box{border:1px solid var(--line);border-radius:var(--radius);padding:26px}
.auth-box h2{font-size:20px;margin-bottom:16px}
.notice{background:var(--tint);border-radius:12px;padding:14px 16px;font-size:14px;color:var(--ink);margin-bottom:18px}
.center{text-align:center}
.center svg{color:var(--brand-text)}

/* ── mapa strony ── */
.map-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:10px 0 50px}
.map-col h3{font-size:15px;color:var(--brand-text);margin-bottom:10px;padding-bottom:8px;border-bottom:1.5px solid var(--line);display:flex;gap:8px;align-items:center}
.map-col a{display:block;padding:6px 0;font-size:14.5px;color:#333}
.map-col a:hover{color:var(--brand-text)}
.map-col .sub{padding-left:16px;font-size:13.5px;color:var(--muted)}

/* ── stopka ── */
footer{background:var(--ink);color:#A6ACBC;margin-top:20px}
.fgrid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:30px;padding:44px 0 30px}
.fgrid h4{color:#fff;font-size:14px;margin-bottom:12px}
.fgrid a{display:block;font-size:13.5px;padding:3.5px 0}
.fgrid a:hover{color:#fff}
.news input{width:100%;border:none;border-radius:9px;padding:11px 13px;font-size:14px;margin:10px 0 8px}
.fbottom{border-top:1px solid #262A36;padding:16px 0;font-size:12.5px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}

@media(max-width:960px){
  .grid,.promo3{grid-template-columns:repeat(2,1fr)}
  .hero .wrap,.pgrid,.cart-grid,.acc-grid,.auth-grid,.deal,.banner-wide,.banner-duo{grid-template-columns:1fr}
  .deal .art{display:none}
  .listing{grid-template-columns:1fr}
  .filters{position:static;flex-direction:row;flex-wrap:wrap}
  .usps,.reviews-strip,.blog-grid,.map-grid{grid-template-columns:1fr 1fr}
  .fgrid{grid-template-columns:1fr 1fr}
  .hicon span.lbl{display:none}
}
@media(max-width:560px){
  .grid,.usps,.reviews-strip,.blog-grid,.map-grid,.fgrid,.hero-tiles,.promo3{grid-template-columns:1fr}
  .cart-line{grid-template-columns:60px 1fr;grid-auto-rows:auto}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* ═══════════════ MAPOWANIE WOOCOMMERCE NA SYSTEM PROJEKTU ═══════════════ */
.woo-wrap{padding:10px 0 50px}
.woocommerce-breadcrumb{font-size:13px;color:var(--muted);padding:16px 0 6px}
.woocommerce-breadcrumb a:hover{color:var(--brand-text)}
.woocommerce-products-header__title{font-size:28px;margin:12px 0 6px}
.woocommerce-result-count{color:var(--muted);font-size:14px}
.woocommerce-ordering select{border:1.5px solid var(--line);border-radius:9px;padding:8px 12px;font-size:14px}

/* Siatka produktów */
ul.products{display:grid !important;grid-template-columns:repeat(3,1fr);gap:18px;list-style:none;margin:22px 0 !important;padding:0}
/* KLUCZOWE: Woo wstawia do listy pseudoelementy czyszczące — w gridzie stają się
   pustymi "komórkami" i rozjeżdżają układ (pusta dziura + zawijanie kart). */
ul.products::before,ul.products::after{content:none !important;display:none !important}
.woocommerce .products::before,.woocommerce .products::after{content:none !important;display:none !important}
ul.products.columns-4{grid-template-columns:repeat(4,1fr)}
ul.products li.product{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:.15s;position:relative;margin:0 !important;width:auto !important;float:none !important;padding:0 !important}
ul.products li.product:hover{box-shadow:var(--shadow);transform:translateY(-3px)}
ul.products li.product .thumb{position:relative}
ul.products li.product .thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;margin:0 !important}
ul.products li.product .woocommerce-loop-product__title{font-weight:600;font-size:14.5px;line-height:1.35;padding:12px 16px 0 !important;font-family:'Inter'}
ul.products li.product .price{font-family:'Sora';font-weight:700;font-size:17px;color:var(--ink) !important;padding:4px 16px 0}
ul.products li.product .price del{color:var(--muted);font-weight:400;font-size:13px;margin-right:6px}
ul.products li.product .price ins{text-decoration:none}
ul.products li.product .button{margin:10px 16px 16px !important}
ul.products li.product .star-rating{margin:6px 16px 0}
.woocommerce .star-rating span::before,.woocommerce .star-rating::before{color:var(--brand)}

/* Przyciski */
.woocommerce .button,.woocommerce button.button,.woocommerce a.button,.woocommerce input.button,
.woocommerce #respond input#submit,.woocommerce button.button.alt,.woocommerce a.button.alt{
  background:var(--brand);color:#fff;font-weight:600;border-radius:11px;padding:12px 22px;font-size:15px;transition:.15s;border:none}
.woocommerce .button:hover,.woocommerce button.button:hover,.woocommerce a.button:hover,
.woocommerce button.button.alt:hover,.woocommerce a.button.alt:hover{background:var(--brand-dark);color:#fff}
.woocommerce .button.disabled,.woocommerce .button:disabled{background:var(--line);color:var(--muted)}

/* Karta produktu */
.woocommerce div.product .product_title{font-size:27px}
.woocommerce div.product p.price{font-size:26px;font-family:'Sora';font-weight:700;color:var(--ink)}
.woocommerce div.product p.price del{color:var(--muted);font-weight:400;font-size:16px}
.woocommerce div.product p.price ins{text-decoration:none}
.woocommerce div.product form.cart div.quantity .qty{border:1.5px solid var(--line);border-radius:10px;padding:9px;width:70px}
.woocommerce div.product .woocommerce-tabs ul.tabs{border-bottom:1.5px solid var(--line);padding:0;margin:0 0 20px}
.woocommerce div.product .woocommerce-tabs ul.tabs li{background:none;border:none;border-radius:0;margin:0}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{padding:11px 18px;font-weight:600;color:var(--muted)}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:var(--brand-text);box-shadow:inset 0 -2.5px 0 var(--brand)}
.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 .panel{border:none;padding:0}
.woocommerce div.product .onsale{position:absolute;top:10px;left:10px;min-height:0;line-height:1.6}
.woocommerce span.onsale{background:var(--brand);color:#fff;border-radius:7px;font-size:11.5px;font-weight:700;padding:3px 9px;min-height:0;line-height:1.6;position:absolute;top:10px;left:10px}
.related.products h2,.upsells.products h2{font-size:24px;font-family:'Sora'}

/* Powiadomienia */
.woocommerce-message,.woocommerce-info,.woocommerce-error{border-top-color:var(--brand);background:var(--tint);border-radius:0 0 12px 12px;color:var(--ink)}
.woocommerce-message::before,.woocommerce-info::before{color:var(--brand-text)}

/* Koszyk i zamówienie */
.woocommerce table.shop_table{border:1px solid var(--line);border-radius:var(--radius);border-collapse:separate;font-size:14.5px}
.woocommerce table.shop_table th{font-size:12.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}
.woocommerce table.shop_table td,.woocommerce table.shop_table th{border-top:1px solid var(--line);padding:12px}
.woocommerce .cart_totals h2,.woocommerce #order_review_heading{font-size:18px;font-family:'Sora'}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select,
.select2-container--default .select2-selection--single{border:1.5px solid var(--line);border-radius:10px;padding:11px 13px;font-size:14.5px;height:auto}
.woocommerce form .form-row input.input-text:focus,.woocommerce form .form-row textarea:focus{border-color:var(--brand);outline:none}
.woocommerce form .form-row label{font-size:13px;font-weight:600}
#payment{background:var(--mist);border-radius:var(--radius)}
#payment .payment_box{background:var(--tint);color:var(--ink)}
.woocommerce-checkout #payment div.payment_box::before{border-bottom-color:var(--tint)}
.woocommerce ul#shipping_method li input{accent-color:var(--brand)}

/* Moje konto */
.woocommerce-MyAccount-navigation ul{list-style:none;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;padding:0;margin:0}
.woocommerce-MyAccount-navigation li{border-bottom:1px solid var(--line)}
.woocommerce-MyAccount-navigation li:last-child{border-bottom:none}
.woocommerce-MyAccount-navigation li a{display:block;padding:13px 18px;font-size:14.5px}
.woocommerce-MyAccount-navigation li.is-active a{background:var(--tint);color:var(--brand-text);font-weight:600}

/* Paginacja Woo */
.woocommerce nav.woocommerce-pagination ul{border:none;display:flex;gap:6px;justify-content:center}
.woocommerce nav.woocommerce-pagination ul li{border:none}
.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--line);border-radius:9px;font-weight:600;font-size:14px}
.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--brand);border-color:var(--brand);color:#fff}

@media(max-width:960px){ul.products,ul.products.columns-4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){ul.products,ul.products.columns-4{grid-template-columns:1fr}}

/* Kafelek własny (content-product.php) — drobne domknięcia */
ul.products li.product.card{padding:0 !important}
ul.products li.product .prow .addbtn{width:38px;height:38px;padding:0}
ul.products li.product .prow .addbtn.added{background:var(--brand);color:#fff}
.woocommerce a.added_to_cart{display:none} /* Woo dokleja link "Zobacz koszyk" — licznik w nagłówku i tak się odświeża */
ul.products li.product .price .amount{font-family:'Sora'}

/* ── Karta produktu: układ jak buybox z prototypu ── */
.woocommerce div.product .summary .ccat{display:block;margin-bottom:2px}
.woocommerce div.product .summary .lowest{display:block;margin-top:2px}
.woocommerce div.product .summary .avail{margin:12px 0}
.woocommerce div.product form.cart{border:1px solid var(--line);border-radius:var(--radius);padding:18px;margin:18px 0 !important;display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center}
.woocommerce div.product form.cart div.quantity{grid-column:1/-1;display:flex;align-items:center;border:1.5px solid var(--line);border-radius:10px;width:max-content;margin:0;float:none}
.woocommerce div.product form.cart div.quantity .qty{border:none;border-radius:0;padding:9px 0;width:44px;text-align:center;font-weight:600;-moz-appearance:textfield}
.woocommerce div.product form.cart .qty::-webkit-outer-spin-button,
.woocommerce div.product form.cart .qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.qbtn{width:38px;height:42px;font-size:18px;color:var(--brand-text);font-weight:700;background:none;border:none;cursor:pointer}
.woocommerce div.product form.cart .button.single_add_to_cart_button{width:100%;margin:0}
.woocommerce div.product form.cart .btn-kup{display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:#fff;font-weight:600;border-radius:11px;padding:12px 22px;font-size:15px;transition:.15s;width:100%}
.woocommerce div.product form.cart .btn-kup:hover{background:#000;color:#fff}
.gallery-main-ico{aspect-ratio:1/1;background:var(--mist);border:1px solid var(--line);border-radius:18px;display:flex;align-items:center;justify-content:center;color:var(--brand)}
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper{border-radius:18px;overflow:hidden}
.woocommerce div.product .product_meta{display:none}
.woocommerce .woocommerce-breadcrumb{margin-bottom:0}

/* ── Listing: nagłówek kategorii i filtry (jak w prototypie) ── */
.cat-head{padding:18px 0 6px}
.cat-title{font-size:28px;display:flex;gap:12px;align-items:center;margin:0}
.cat-title .cat-ico{color:var(--brand);display:flex}
.cat-desc{color:var(--muted);max-width:60ch;margin-top:6px}
.cat-desc p{margin:0}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.list-main .list-top .found{color:var(--muted);font-size:14px}
.list-main .list-top .found b{color:var(--ink)}
.woocommerce-ordering{margin:0}
.price-inputs{display:flex;gap:8px;align-items:center;margin-bottom:10px}
.price-inputs input{width:100%;border:1.5px solid var(--line);border-radius:9px;padding:8px 10px;font-size:14px}
.frow{display:block;padding:5px 0;font-size:14px;color:#333}
.frow:hover,.frow.on{color:var(--brand-text);font-weight:600}
.frow.clear{color:var(--muted);font-size:13px}
.fnote{font-size:12.5px;color:var(--muted);margin:0}
.listing .filters .widget_price_filter .ui-slider .ui-slider-range{background:var(--brand)}
.listing ul.products{margin-top:0 !important;grid-template-columns:repeat(3,1fr)}
@media(max-width:960px){.listing{grid-template-columns:1fr}}

/* ── Karta produktu: własny układ grid zamiast floatów Woo (usuwa nachodzenie) ──
   Jawne pozycjonowanie: galeria r1/k1, podsumowanie r1/k2, KAŻDY inny element
   (zakładki, podobne, powiadomienia itd.) na pełną szerokość poniżej. */
.woocommerce div.product{display:grid;grid-template-columns:1fr 1fr;gap:14px 44px;align-items:start}
.woocommerce div.product > *{grid-column:1/-1;width:100% !important;float:none !important;min-width:0}
.woocommerce div.product > div.images{grid-column:1;grid-row:1;margin:0 !important}
.woocommerce div.product > div.summary{grid-column:2;grid-row:1;margin:0 !important}
/* Galeria bez zdjęcia: skrypt Woo nie kończy inicjalizacji i zostawia opacity:0 — wymuś widoczność */
.woocommerce div.product div.images.woocommerce-product-gallery{opacity:1 !important}
.woocommerce div.product > span.onsale,
.woocommerce div.product > .tag,
.woocommerce div.product > .onsale{display:none !important} /* plakietka wyprzedaży na karcie zbędna — status widać przy cenie */
.woocommerce div.product .woocommerce-tabs{margin-top:18px}
.related.products h2{margin-bottom:18px}
@media(max-width:960px){
  .woocommerce div.product{grid-template-columns:1fr}
  .woocommerce div.product > div.images{grid-column:1;grid-row:auto}
  .woocommerce div.product > div.summary{grid-column:1;grid-row:auto}
}

/* ── Koszyk: układ z prototypu ── */
.cart-title{font-size:26px;padding-top:20px;margin:0}
.woocommerce-cart .cart-grid{padding-top:16px}
.cart-line{display:grid;grid-template-columns:76px 1fr auto auto auto;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}
.cart-line .thumb{width:76px;height:76px;border-radius:12px;border:1px solid var(--line);background:var(--mist);color:var(--brand);display:flex;align-items:center;justify-content:center;overflow:hidden}
.cart-line .thumb img{width:100%;height:100%;object-fit:cover}
.cl-name{font-weight:600}
.cl-info small{color:var(--muted);display:block}
.cart-line .quantity{display:flex;align-items:center;border:1.5px solid var(--line);border-radius:10px;width:max-content}
.cart-line .quantity .qty{border:none;width:44px;text-align:center;font-weight:600;padding:9px 0;-moz-appearance:textfield}
.cart-line .quantity .qty::-webkit-inner-spin-button,.cart-line .quantity .qty::-webkit-outer-spin-button{-webkit-appearance:none}
.cart-line .price{font-family:'Sora';font-weight:700;font-size:17px}
.coupon-row{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap;align-items:center}
.coupon-row .input-text{border:1.5px solid var(--line);border-radius:10px;padding:10px 13px;font-size:14.5px}
.update-cart-btn{margin-left:auto}
.update-cart-btn:disabled{opacity:.5}
/* Podsumowanie (prawa kolumna) */
.cart-collaterals.summary{border:1px solid var(--line);border-radius:var(--radius);padding:22px;position:sticky;top:130px;width:auto}
.cart-collaterals .cart_totals{width:100% !important;float:none !important}
.cart-collaterals .cart_totals h2{font-size:17px;margin:0 0 14px;font-family:'Sora'}
.cart-collaterals table.shop_table{border:none;margin:0;font-size:14.5px}
.cart-collaterals table.shop_table td,.cart-collaterals table.shop_table th{border:none;padding:5px 0;background:none}
.cart-collaterals table.shop_table th{font-size:14.5px;text-transform:none;letter-spacing:0;color:var(--ink);font-weight:400}
.cart-collaterals .order-total th,.cart-collaterals .order-total td{border-top:1.5px solid var(--line) !important;padding-top:12px !important;font-family:'Sora';font-weight:700;font-size:18px}
.cart-collaterals .woocommerce-shipping-methods{list-style:none;margin:0;padding:0}
.cart-collaterals .woocommerce-shipping-methods li{padding:2px 0}
.cart-collaterals .woocommerce-shipping-methods input{accent-color:var(--brand)}
.cart-collaterals .woocommerce-shipping-destination{display:none}
.cart-collaterals .checkout-button{margin-top:14px}
.cart-continue{margin-top:8px}
.cart-pay{justify-content:center;margin-top:12px}
.woocommerce-cart .woocommerce-notices-wrapper{margin-top:12px}
@media(max-width:560px){.cart-line{grid-template-columns:60px 1fr;grid-auto-rows:auto}.cart-line .price,.cart-line .rm{grid-column:2}}

/* ── Strony WooCommerce (koszyk/zamówienie/konto): pełna szerokość, bez podwójnego tytułu ── */
.wc-page-wrap{padding:6px 0 50px}
/* Zagnieżdżony wrapper .quantity WooCommerce — jedna ramka, elementy w linii */
.cart-line .cl-qty{border:1.5px solid var(--line);border-radius:10px;display:flex;align-items:center}
.cart-line .cl-qty .quantity{border:none;display:flex;align-items:center;margin:0}
.cart-line .cl-qty label{display:none}
.woocommerce div.product form.cart div.quantity label{display:none}

/* ── Karta produktu: kolumna .summary nie jest "kartą podsumowania" z koszyka ── */
.woocommerce div.product div.summary{position:static !important;top:auto !important;border:none !important;border-radius:0 !important;padding:0 !important;background:#fff}

/* ── Równa wysokość przycisków zakupu ── */
.woocommerce div.product form.cart .button.single_add_to_cart_button,
.woocommerce div.product form.cart .btn-kup{height:48px;padding:0 22px;line-height:1;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}

/* ── Panele zakładek: bez zdublowanych nagłówków, treść jak w prototypie ── */
.woocommerce-Tabs-panel > h2:first-child{display:none}
.tab-prose{max-width:70ch;color:#333}
.tab-prose p{margin-bottom:10px}
.tab-spec table,.woocommerce-Tabs-panel table{width:100%;max-width:760px;border-collapse:collapse;font-size:14px;margin:0}
.tab-spec td,.woocommerce-Tabs-panel td{padding:9px 12px;border-bottom:1px solid var(--line)}
.tab-spec td:first-child,.woocommerce-Tabs-panel td:first-child{color:var(--muted);width:40%;font-weight:400}
.tab-spec figure.wp-block-table,.woocommerce-Tabs-panel figure.wp-block-table{margin:0}
#reviews .comment-reply-title{font-weight:600}

/* ── Zamówienie (checkout): dwie kolumny jak w prototypie ── */
.co-title{font-size:26px;padding:8px 0 4px;margin:0}
.co-ssl{color:var(--muted);font-size:14px;display:flex;gap:7px;align-items:center;margin-bottom:18px}
.co-ssl svg{color:var(--brand)}
form.checkout.woocommerce-checkout{display:grid;grid-template-columns:1fr 360px;gap:30px;align-items:start}
form.checkout #customer_details{grid-column:1;grid-row:1}
form.checkout #order_review_heading{display:none}
form.checkout #order_review{grid-column:2;grid-row:1;position:sticky;top:130px;border:1px solid var(--line);border-radius:var(--radius);padding:22px;background:#fff}
.co-sum-title{font-size:17px;margin:0 0 14px;font-family:'Sora'}
.co-sum-note{font-size:12.5px;color:var(--muted);margin:12px 0 0}
/* pola w jednej kolumnie, pełna szerokość */
.col2-set{width:100%}
.col2-set .col-1,.col2-set .col-2{float:none !important;width:100% !important}
.woocommerce form .form-row{padding:0;margin:0 0 14px}
.woocommerce form .form-row-first,.woocommerce form .form-row-last{width:48.5%}
/* kupon-baner */
.woocommerce-form-coupon-toggle .woocommerce-info{border-radius:12px;margin-bottom:18px}
/* tabela zamówienia w karcie */
#order_review table.shop_table{border:none;margin:0;font-size:14px}
#order_review table.shop_table th,#order_review table.shop_table td{border:none;padding:5px 0;background:none;text-transform:none;letter-spacing:0;font-size:14px;color:var(--ink)}
#order_review table.shop_table thead{display:none}
#order_review .cart-subtotal th,#order_review .cart-subtotal td{border-top:1px solid var(--line);padding-top:10px}
#order_review .order-total th,#order_review .order-total td{border-top:1.5px solid var(--line);padding-top:12px;font-family:'Sora';font-weight:700;font-size:17px}
#order_review .woocommerce-shipping-methods{list-style:none;margin:0;padding:0;font-size:13.5px}
#order_review .woocommerce-shipping-methods input{accent-color:var(--brand)}
/* płatności jako karty-opcje */
#payment{background:transparent;border-radius:0}
#payment ul.wc_payment_methods{list-style:none;margin:0 0 6px;padding:0 0 12px;display:flex;flex-direction:column;gap:10px;border-bottom:1px solid var(--line)}
#payment ul.wc_payment_methods li{border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;margin:0}
#payment ul.wc_payment_methods li label{font-weight:600;display:inline}
#payment ul.wc_payment_methods li input{accent-color:var(--brand);margin-right:8px}
#payment div.payment_box{background:var(--tint);border-radius:10px;margin:10px 0 0;color:var(--ink);font-size:13.5px}
#payment div.payment_box::before{display:none}
#payment .place-order{padding:12px 0 0}
#place_order{width:100%;background:var(--brand);color:#fff;font-weight:600;border-radius:11px;padding:14px 22px;font-size:15px;float:none}
#place_order:hover{background:var(--brand-dark)}
.woocommerce-privacy-policy-text{font-size:12.5px;color:var(--muted)}
@media(max-width:960px){form.checkout.woocommerce-checkout{grid-template-columns:1fr}form.checkout #order_review{grid-column:1;grid-row:auto;position:static}.woocommerce form .form-row-first,.woocommerce form .form-row-last{width:100%}}

/* ── Moje konto: adresy jako karty, treść jak w prototypie ── */
.woocommerce-MyAccount-content > p:first-child{color:var(--muted);font-size:14px}
.woocommerce-Addresses{display:grid;grid-template-columns:1fr 1fr;gap:18px;width:100%}
.woocommerce-Addresses .woocommerce-Address{float:none !important;width:100% !important;border:1px solid var(--line);border-radius:var(--radius);padding:18px}
.woocommerce-Address-title{display:flex;align-items:center;justify-content:space-between;gap:10px}
.woocommerce-Address-title h3{font-size:16px;margin:0}
.woocommerce-Address-title .edit{border:1.5px solid var(--line);border-radius:9px;padding:6px 12px;font-size:13px;font-weight:600}
.woocommerce-Address-title .edit:hover{border-color:var(--brand);color:var(--brand-text)}
.woocommerce-Address address{font-style:normal;color:var(--muted);font-size:14px;margin-top:8px;line-height:1.7}
.woocommerce-MyAccount-content h2,.woocommerce-MyAccount-content legend{font-size:20px;font-family:'Sora'}
@media(max-width:700px){.woocommerce-Addresses{grid-template-columns:1fr}}

/* ── Opinie: lista jak w prototypie ── */
.woocommerce-Reviews .woocommerce-Reviews-title{display:none}
.woocommerce #reviews #comments ol.commentlist{list-style:none;margin:0;padding:0;width:100%}
.woocommerce #reviews #comments ol.commentlist li{margin:0;padding:16px 0;border-bottom:1px solid var(--line)}
.woocommerce #reviews #comments ol.commentlist li img.avatar{display:none}
.woocommerce #reviews #comments ol.commentlist li .comment-text{margin:0;border:none;padding:0;border-radius:0;display:flex;flex-direction:column;gap:6px}
.woocommerce #reviews #comments ol.commentlist li .comment-text .star-rating{order:1;float:none;margin:0;color:var(--brand)}
.woocommerce #reviews #comments ol.commentlist li .comment-text .description{order:2}
.woocommerce #reviews #comments ol.commentlist li .comment-text .description p{margin:0}
.woocommerce #reviews #comments ol.commentlist li .comment-text .meta{order:3;font-size:13px;color:var(--muted);margin:0}
.woocommerce #reviews #comments ol.commentlist li .comment-text .meta strong{color:var(--ink)}
.woocommerce-review__verified{font-style:normal;color:var(--brand-text);font-size:12px;font-weight:600}
.woocommerce-review__verified::before{content:"✓ "}
/* Formularz opinii */
#review_form .comment-reply-title{font-size:16px;font-weight:600;font-family:'Sora';display:block;margin-bottom:8px}
#review_form label{display:block;font-size:13px;font-weight:600;margin:10px 0 5px}
#review_form textarea,#review_form input[type=text],#review_form input[type=email]{width:100%;border:1.5px solid var(--line);border-radius:10px;padding:11px 13px;font-size:14.5px;font-family:inherit}
#review_form textarea:focus,#review_form input:focus{border-color:var(--brand);outline:none}
#review_form p.stars a{color:var(--brand)}
#review_form .form-submit input{background:var(--brand);color:#fff;font-weight:600;border-radius:11px;padding:12px 22px;font-size:15px;border:none;cursor:pointer}
#review_form .form-submit input:hover{background:var(--brand-dark)}
.domea-show-review-form{margin-top:14px}

/* ── Logowanie / rejestracja: karty jak w prototypie ── */
.auth-box.alt{background:var(--mist)}
.auth-benefits{padding-left:20px;font-size:14.5px;margin:0 0 16px;color:#333}
.auth-benefits li{margin-bottom:4px}
.auth-box .field{margin-bottom:14px}
.auth-box .field input{width:100%;border:1.5px solid var(--line);border-radius:10px;padding:11px 13px;font-size:14.5px;background:#fff}
.auth-box .field input:focus{border-color:var(--brand);outline:none}
.auth-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:4px 0 14px;flex-wrap:wrap}
.auth-row .remember{font-size:14px;display:flex;gap:8px;align-items:center;margin:0}
.auth-row .remember input{accent-color:var(--brand)}
.auth-row .lost{font-size:13px;color:var(--brand-text)}
.auth-note{font-size:12.5px;color:var(--muted);margin:10px 0 0}
.auth-box .woocommerce-privacy-policy-text p{font-size:12.5px;color:var(--muted)}
.auth-box .btn{border:none;cursor:pointer}

/* ── Pas bezpieczeństwa: domyślny szablon logowania Woo w układzie prototypu ──
   Działa nawet, jeśli nadpisanie myaccount/form-login.php nie zostanie załadowane. */
.woocommerce #customer_login{display:grid;grid-template-columns:1fr 1fr;gap:26px;max-width:900px;margin:24px auto 56px;width:100%}
.woocommerce #customer_login .col-1,
.woocommerce #customer_login .col-2{float:none !important;width:100% !important;border:1px solid var(--line);border-radius:var(--radius);padding:26px;margin:0}
.woocommerce #customer_login .col-2{background:var(--mist)}
.woocommerce #customer_login h2{font-size:20px;margin-bottom:16px;font-family:'Sora'}
.woocommerce #customer_login .form-row{margin:0 0 14px;padding:0}
.woocommerce #customer_login input.input-text{width:100%;border:1.5px solid var(--line);border-radius:10px;padding:11px 13px;font-size:14.5px;background:#fff}
.woocommerce #customer_login input.input-text:focus{border-color:var(--brand);outline:none}
.woocommerce #customer_login .show-password-input{top:10px}
.woocommerce #customer_login button.woocommerce-form-login__submit{background:var(--ink);color:#fff;width:100%;border-radius:11px;padding:12px 22px;font-weight:600;float:none;margin-top:6px}
.woocommerce #customer_login button.woocommerce-form-login__submit:hover{background:#000}
.woocommerce #customer_login button.woocommerce-form-register__submit{background:var(--brand);color:#fff;width:100%;border-radius:11px;padding:12px 22px;font-weight:600;float:none;margin-top:6px}
.woocommerce #customer_login button.woocommerce-form-register__submit:hover{background:var(--brand-dark)}
.woocommerce #customer_login .woocommerce-form-login__rememberme{display:block;margin:0 0 10px}
.woocommerce #customer_login .lost_password{font-size:13px}
.woocommerce #customer_login .lost_password a{color:var(--brand-text)}
.woocommerce #customer_login .woocommerce-privacy-policy-text p{font-size:12.5px;color:var(--muted)}
@media(max-width:800px){.woocommerce #customer_login{grid-template-columns:1fr}}

/* ── Logowanie: równe karty, przyciski na jednej linii ── */
.auth-grid{align-items:stretch}
.auth-box{display:flex;flex-direction:column}
/* WooCommerce dokleja ramkę i padding do form.login / form.register — zdejmujemy ("okno w oknie") */
.woocommerce .auth-box form.login,
.woocommerce .auth-box form.register,
.auth-box form.woocommerce-form-login,
.auth-box form.woocommerce-form-register{border:none !important;padding:0 !important;margin:0 !important;border-radius:0;background:none;display:flex;flex-direction:column;flex:1}
/* przyciski dosunięte do dołu karty = ta sama wysokość w obu kolumnach */
.auth-box .woocommerce-form-login__submit,
.auth-box .woocommerce-form-register__submit{margin-top:auto}
.auth-note--ghost{visibility:hidden}
.auth-box .woocommerce-privacy-policy-text{margin-bottom:10px}

/* ── Checkout: płatność w lewej kolumnie, karta podsumowania uporządkowana ── */
form.checkout #customer_details{grid-column:1;grid-row:1}
form.checkout > #payment{grid-column:1;grid-row:2;background:transparent;border-radius:0}
form.checkout > #payment::before{content:"Płatność";display:block;font-family:'Sora';font-weight:700;font-size:20px;margin:4px 0 12px;color:var(--ink)}
form.checkout #order_review{grid-row:1 / span 2}
form.checkout #order_review::before{content:"Twoje zamówienie";display:block;font-family:'Sora';font-weight:700;font-size:17px;margin-bottom:14px;color:var(--ink)}
.co-sum-title{display:none}
/* wiersz-notka pod "Razem" */
#order_review .co-note-row td{font-size:12.5px;color:var(--muted);font-family:'Inter';font-weight:400;border-top:none;padding-top:10px}
/* czytelniejsza tabela w karcie */
#order_review table.shop_table th{font-weight:400;vertical-align:top;padding-right:10px}
#order_review table.shop_table td{text-align:right}
#order_review .woocommerce-shipping-methods{text-align:left}
#order_review .woocommerce-shipping-methods li{padding:3px 0}
#order_review .co-note-row td{text-align:left}
/* zgody i przycisk w lewej kolumnie */
.woocommerce-terms-and-conditions-wrapper{font-size:13.5px;margin:6px 0}
#payment .place-order{padding-top:14px}
@media(max-width:960px){form.checkout > #payment{grid-column:1;grid-row:auto}form.checkout #order_review{grid-row:auto}}

/* ── Checkout: szlif karty i boksu płatności ── */
#order_review table.shop_table td.product-name{text-align:left}
#order_review table.shop_table th{text-align:left}
#order_review table.shop_table td.product-name .product-quantity{color:var(--muted);font-weight:400}
/* opis metody płatności: nasz tint zamiast domyślnego fioletu Woo */
#payment div.payment_box,
.woocommerce-checkout #payment div.payment_box{background:var(--tint) !important;color:var(--ink) !important;border-radius:10px}
#payment div.payment_box p{margin:0;font-size:13.5px}
#payment ul.wc_payment_methods li{background:#fff}

/* ── Checkout: sekcja Dostawa w lewej kolumnie ── */
#domea-ship{grid-column:1;grid-row:2;display:flex;flex-direction:column;gap:10px}
form.checkout > #payment{grid-row:3}
form.checkout #order_review{grid-row:1 / span 3}
.co-sec-title{font-family:'Sora';font-weight:700;font-size:20px;margin:4px 0 4px;color:var(--ink)}
#domea-ship .opt{background:#fff}
#domea-ship .opt input{accent-color:var(--brand)}
#domea-ship .opt span{white-space:nowrap;font-weight:600}
/* karta: lista metod schowana, widoczna tylko wybrana */
#order_review .woocommerce-shipping-methods{display:none !important}
.domea-ship-chosen{font-size:13.5px;text-align:right}
@media(max-width:960px){#domea-ship{grid-column:1;grid-row:auto}form.checkout > #payment{grid-row:auto}form.checkout #order_review{grid-row:auto}}

/* ── Koszyk: kolejność jak w prototypie i wybrana metoda zamiast listy ── */
.cart-collaterals .cart_totals{display:flex;flex-direction:column}
.cart-collaterals .cart_totals > h2{order:-1}           /* najpierw "Podsumowanie", potem pasek darmowej dostawy */
.cart-collaterals .woocommerce-shipping-methods{display:none !important}
.cart-collaterals .domea-ship-chosen{font-size:14px;text-align:right}
.update-cart-btn{display:none}                          /* koszyk przelicza się sam po zmianie ilości */

/* ── Karta "Twoje zamówienie": wiersze bez zawijania ── */
#order_review .domea-review{table-layout:fixed;width:100%;border:none;margin:0;font-size:14px;border-collapse:collapse}
#order_review .domea-review th,
#order_review .domea-review td{border:none;background:none;padding:6px 0;vertical-align:middle;font-size:14px}
#order_review .domea-review th{font-weight:400;text-align:left;color:var(--ink);letter-spacing:0;text-transform:none;padding-right:10px;white-space:nowrap}
#order_review .domea-review td:last-child,
#order_review .domea-review td.product-total{width:112px;text-align:right;white-space:nowrap;font-weight:600}
#order_review .domea-review td.product-name{text-align:left;max-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:10px;font-weight:400}
#order_review .domea-review .rqty{color:var(--muted);margin-left:4px}
#order_review .domea-review tfoot tr:first-child th,
#order_review .domea-review tfoot tr:first-child td{border-top:1px solid var(--line);padding-top:10px}
#order_review .domea-review .order-total th,
#order_review .domea-review .order-total td{border-top:1.5px solid var(--line);padding-top:12px;font-family:'Sora';font-weight:700;font-size:17px}
#order_review .domea-review .co-note-row td{width:auto;text-align:left;white-space:normal;font-weight:400;font-size:12.5px;color:var(--muted);border-top:none;padding-top:10px;font-family:'Inter'}
#order_review .domea-review .woocommerce-shipping-totals td .domea-ship-chosen{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right;font-size:14px}

/* ── Karta zamówienia: pozycja = pełna nazwa + wiersz ilość/cena pod spodem ── */
#order_review .domea-review td.product-item{text-align:left;white-space:normal;padding:8px 0;width:auto}
#order_review .domea-review td.product-item .rname{display:block;line-height:1.45;font-weight:500;color:var(--ink)}
#order_review .domea-review td.product-item .rline{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:2px}
#order_review .domea-review td.product-item .rqty{color:var(--muted);font-size:13px;margin:0}
#order_review .domea-review td.product-item .rprice{font-weight:600;white-space:nowrap}
#order_review .domea-review tbody tr + tr td.product-item{border-top:1px solid var(--line)}

/* ════ MOJE KONTO — jednolite, symetryczne sekcje ════ */

/* Pulpit: karta powitalna + kafelki skrótów */
.acc-hello h2{font-size:22px;margin:0 0 6px}
.acc-hello p{color:var(--muted);margin:0 0 20px}
.acc-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.acc-tile{border:1px solid var(--line);border-radius:var(--radius);padding:18px;transition:.15s;display:block}
.acc-tile svg{color:var(--brand)}
.acc-tile b{display:block;margin:10px 0 2px;font-family:'Sora';font-size:15px}
.acc-tile small{color:var(--muted);font-size:13px;line-height:1.4;display:block}
.acc-tile:hover{border-color:var(--brand);box-shadow:var(--shadow);transform:translateY(-2px)}
@media(max-width:760px){.acc-tiles{grid-template-columns:1fr}}

/* Adresy: KLUCZOWE — pseudoelementy czyszczące Woo psuły siatkę (szachownica) */
.woocommerce-Addresses::before,.woocommerce-Addresses::after,
.woocommerce .col2-set::before,.woocommerce .col2-set::after{content:none !important;display:none !important}
.woocommerce-Addresses{align-items:stretch}
.woocommerce-Addresses .woocommerce-Address{display:flex;flex-direction:column}
.woocommerce-Address-title{flex-wrap:wrap;margin-bottom:4px}
.woocommerce-Address-title h3,.woocommerce-Address-title h2{font-size:17px;margin:0;font-family:'Sora'}
.woocommerce-Address-title .edit{white-space:nowrap;flex:none}
.woocommerce-Address address{margin-top:auto;padding-top:8px}
.woocommerce-MyAccount-content > p:first-child{margin-bottom:16px}

/* Powiadomienia w panelu (np. brak zamówień) — spójna karta z przyciskiem */
.woocommerce-MyAccount-content .woocommerce-info,
.woocommerce-MyAccount-content .woocommerce-message{border:1px solid var(--line);border-top:2.5px solid var(--brand);border-radius:12px;background:var(--tint);color:var(--ink);display:flex;align-items:center;gap:12px;padding:16px 18px;flex-wrap:wrap}
.woocommerce-MyAccount-content .woocommerce-info a.button,
.woocommerce-MyAccount-content .woocommerce-message a.button{margin-left:auto;flex:none}

/* Tabela zamówień */
.woocommerce-MyAccount-content table.shop_table{border:1px solid var(--line);border-radius:12px;border-collapse:separate;border-spacing:0;font-size:14px;width:100%}
.woocommerce-MyAccount-content table.shop_table th{font-size:12.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:12px;border-bottom:1.5px solid var(--line);text-align:left;background:none}
.woocommerce-MyAccount-content table.shop_table td{padding:12px;border-bottom:1px solid var(--line);border-top:none;background:none}
.woocommerce-MyAccount-content table.shop_table tr:last-child td{border-bottom:none}
.woocommerce-MyAccount-content table.shop_table a.button{background:#fff;border:1.5px solid var(--line);color:var(--ink);padding:7px 12px;font-size:13px;border-radius:9px;margin:2px 6px 2px 0;font-weight:600}
.woocommerce-MyAccount-content table.shop_table a.button:hover{border-color:var(--brand);color:var(--brand-text);background:#fff}

/* Dane konta: wyrównany formularz i sekcja zmiany hasła */
.woocommerce-EditAccountForm{max-width:640px}
.woocommerce-EditAccountForm .form-row label{font-size:13px;font-weight:600}
.woocommerce-EditAccountForm em,
.woocommerce-EditAccountForm span em{font-size:12.5px;color:var(--muted);font-style:normal;display:block;margin-top:4px}
.woocommerce-EditAccountForm fieldset{border:none;padding:22px 0 0;margin:18px 0 0;border-top:1px solid var(--line)}
.woocommerce-EditAccountForm fieldset legend{font-family:'Sora';font-weight:700;font-size:18px;padding:0 0 10px;margin:0}
.woocommerce-EditAccountForm button[type=submit]{margin-top:8px}

/* ── Panel konta: ikona powiadomień Woo (::before, pozycja absolutna) najeżdżała na tekst ── */
.woocommerce-MyAccount-content .woocommerce-info::before,
.woocommerce-MyAccount-content .woocommerce-message::before,
.woocommerce-MyAccount-content .woocommerce-info .woocommerce-info__icon{display:none !important;content:none !important}
.woocommerce-MyAccount-content .woocommerce-info,
.woocommerce-MyAccount-content .woocommerce-message{padding-left:18px !important}

/* ── Adresy: identyczny nagłówek w obu kartach (tytuł lewo, przycisk prawo) ── */
.woocommerce-Address-title,
.woocommerce-Addresses .woocommerce-Address header{display:flex !important;flex-wrap:nowrap !important;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px}
.woocommerce-Address-title h2,
.woocommerce-Address-title h3{order:1;flex:1;min-width:0;margin:0;float:none !important;text-align:left !important;font-size:16px;font-family:'Sora';white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.woocommerce-Address-title .edit{order:2;float:none !important;font-size:12.5px;padding:6px 10px;white-space:nowrap}
.woocommerce-Address address{font-size:14px;color:var(--muted)}

/* ── Plakietka obok ceny na karcie produktu ── */
.woocommerce div.product .summary p.price{display:inline-block;vertical-align:middle;margin:14px 12px 4px 0}
.woocommerce div.product .summary .tag{position:static;display:inline-block;vertical-align:middle;top:auto;left:auto;margin:0}
.woocommerce div.product .summary .lowest{display:block;clear:both}

/* ── Checkout: powrót do koszyka w nagłówku ── */
.co-head{display:flex;align-items:baseline;justify-content:space-between;gap:14px;flex-wrap:wrap}
.co-back{color:var(--brand-text);font-weight:600;font-size:14px;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}
.co-back:hover{text-decoration:underline}
.co-back svg{transform:scaleX(-1)}
.steps a:hover b{text-decoration:underline}

/* ── Logowanie społecznościowe (Nextend Social Login) — wpasowanie w karty ── */
.social-login{margin-top:4px}
.social-login .sep{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12.5px;margin:14px 0 12px}
.social-login .sep::before,.social-login .sep::after{content:"";height:1px;background:var(--line);flex:1}
.social-login .nsl-container,
.social-login .nsl-container-grid{display:flex !important;flex-direction:column;gap:8px;width:100%}
.social-login .nsl-container .nsl-container-buttons{display:flex;flex-direction:column;gap:8px;width:100%;padding:0}
.social-login .nsl-button{width:100% !important;border-radius:10px !important;box-shadow:none !important}
.social-login .nsl-button-default div.nsl-button-label-container{font-family:'Inter',sans-serif !important;font-size:14px !important}

/* ── Pusty koszyk: graficzny stan pusty ── */
.empty-cart{max-width:560px;margin:40px auto 64px;text-align:center}
.empty-cart__art{width:120px;height:120px;margin:0 auto 20px;border-radius:50%;background:var(--tint);display:flex;align-items:center;justify-content:center;color:var(--brand)}
.empty-cart h1{font-size:26px;margin:0 0 10px}
.empty-cart p{color:var(--muted);margin:0 0 22px;line-height:1.6}
.empty-cart__actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
/* domyślny komunikat Woo o pustym koszyku jest zbędny przy własnym stanie pustym */
.woocommerce-cart .wc-empty-cart-message{display:none}
.woocommerce-cart .cart-empty.woocommerce-info{display:none}
.woocommerce-cart .return-to-shop{display:none}

/* ════ KOMUNIKATY WOOCOMMERCE — jednolity wzorzec dla całego sklepu ════
   Sukces (.woocommerce-message) i informacja (.woocommerce-info): niebieski akcent.
   Błąd (.woocommerce-error): czerwony akcent. Ikony: własne SVG (data URI). */
.woocommerce-message,
.woocommerce-info,
ul.woocommerce-error{
  position:relative;
  background:#fff !important;
  border:1px solid var(--line) !important;
  border-left:4px solid var(--brand) !important;
  border-radius:12px !important;
  padding:13px 16px 13px 48px !important;
  margin:0 0 18px !important;
  color:var(--ink) !important;
  font-size:14.5px;line-height:1.55;
  display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;
  box-shadow:0 2px 12px rgba(21,50,120,.06);
  list-style:none;
}
.woocommerce-message::before,
.woocommerce-info::before,
ul.woocommerce-error::before{
  content:"" !important;
  position:absolute !important;left:16px;top:13px;
  width:21px;height:21px;background:center/contain no-repeat;
  font-family:inherit;
}
.woocommerce-message::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23205090' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8.5 12.5l2.5 2.5 4.5-5'/%3E%3C/svg%3E")}
.woocommerce-info::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23205090' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 8h.01M12 11.5V16'/%3E%3C/svg%3E")}
ul.woocommerce-error{border-left-color:#D64545 !important;display:block}
ul.woocommerce-error::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D64545' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4l9 15.5H3z'/%3E%3Cpath d='M12 10v4M12 17h.01'/%3E%3C/svg%3E")}
ul.woocommerce-error li{margin:0;padding:2px 0;list-style:none}
ul.woocommerce-error li + li{border-top:1px dashed var(--line);margin-top:6px;padding-top:8px}
/* linki w komunikatach (np. "Cofnij?") */
.woocommerce-message a:not(.button),
.woocommerce-info a:not(.button),
ul.woocommerce-error a:not(.button){color:var(--brand-text);font-weight:600;text-decoration:underline;text-underline-offset:2px}
/* przyciski w komunikatach — kompaktowe, dosunięte do prawej */
.woocommerce-message a.button,
.woocommerce-info a.button{margin-left:auto;background:var(--brand);color:#fff !important;text-decoration:none;padding:8px 14px;border-radius:9px;font-size:13.5px;font-weight:600;flex:none;float:none}
.woocommerce-message a.button:hover,
.woocommerce-info a.button:hover{background:var(--brand-dark)}
/* nadpisania wcześniejszych, częściowych stylów powiadomień */
.woocommerce-MyAccount-content .woocommerce-info,
.woocommerce-MyAccount-content .woocommerce-message{border-top-width:1px !important;background:#fff !important;padding-left:48px !important}
.woocommerce-MyAccount-content .woocommerce-info::before,
.woocommerce-MyAccount-content .woocommerce-message::before{display:block !important;content:"" !important}
.woocommerce-form-coupon-toggle .woocommerce-info{margin-bottom:18px !important}

/* ── Toast po dodaniu do koszyka + podbicie licznika ── */
.domea-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(90px);
  background:var(--ink);color:#fff;padding:12px 18px;border-radius:14px;font-size:14.5px;
  display:flex;align-items:center;gap:10px;opacity:0;transition:.28s cubic-bezier(.2,.8,.3,1);
  z-index:999;box-shadow:0 10px 30px rgba(10,14,30,.28);pointer-events:none;max-width:calc(100vw - 32px)}
.domea-toast.show{transform:translateX(-50%) translateY(0);opacity:1;pointer-events:auto}
.domea-toast .tico{width:22px;height:22px;border-radius:50%;background:var(--brand);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex:none}
.domea-toast .tlink{color:#fff;font-weight:600;text-decoration:underline;text-underline-offset:2px;white-space:nowrap;margin-left:4px}
.domea-toast .tlink:hover{color:var(--tint)}
@keyframes badgeBump{0%{transform:scale(1)}40%{transform:scale(1.45)}100%{transform:scale(1)}}
.hicon .badge.bump{animation:badgeBump .45s cubic-bezier(.2,.8,.3,1)}
@media(prefers-reduced-motion:reduce){.domea-toast{transition:opacity .2s}.hicon .badge.bump{animation:none}}

/* ── Potwierdzenie zamówienia (thank you) ── */
.ty-hero{max-width:680px;margin:36px auto 26px;text-align:center}
.ty-art{width:120px;height:120px;margin:0 auto 20px;border-radius:50%;background:var(--tint);display:flex;align-items:center;justify-content:center;color:var(--brand)}
.ty-art--fail{background:#FDF1F1;color:#D64545}
.ty-hero h1{font-size:26px;margin:0 0 10px}
.ty-hero h1 span{color:var(--brand)}
.ty-hero > p{color:var(--muted);margin:0 0 20px;line-height:1.65}
.ty-hero p b{color:var(--ink)}
.ty-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 22px;text-align:left}
.ty-meta div{border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:#fff}
.ty-meta small{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-bottom:3px;font-weight:600}
.ty-meta b{font-size:14.5px;line-height:1.35;display:block}
.ty-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.ty-note{font-size:12.5px;color:var(--muted);margin-top:16px}
@media(max-width:700px){.ty-meta{grid-template-columns:1fr 1fr}}
/* szczegóły zamówienia i dane klienta pod hero */
.ty-details{max-width:860px;margin:0 auto 56px}
.ty-details > p{color:var(--muted);font-size:14px}
.woocommerce-order h2.woocommerce-order-details__title,
.woocommerce-order h2.woocommerce-column__title,
.woocommerce-customer-details h2{font-size:20px;font-family:'Sora';margin:26px 0 12px}
.woocommerce-table--order-details{border:1px solid var(--line);border-radius:12px;border-collapse:separate;border-spacing:0;width:100%;font-size:14px}
.woocommerce-table--order-details th{font-size:12.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:12px;text-align:left;border-bottom:1.5px solid var(--line);background:none;font-weight:600}
.woocommerce-table--order-details td{padding:12px;border-bottom:1px solid var(--line);border-top:none;background:none}
.woocommerce-table--order-details tfoot th{font-size:14px;text-transform:none;letter-spacing:0;color:var(--ink);font-weight:400;border-bottom:1px solid var(--line)}
.woocommerce-table--order-details tfoot tr:last-child th,
.woocommerce-table--order-details tfoot tr:last-child td{border-bottom:none;font-family:'Sora';font-weight:700;font-size:16px}
.woocommerce-customer-details address{border:1px solid var(--line);border-radius:12px;padding:18px;font-style:normal;color:var(--muted);font-size:14px;line-height:1.7;border-bottom-width:1px !important}
.woocommerce-customer-details .woocommerce-columns--addresses{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.woocommerce-customer-details .woocommerce-column{float:none !important;width:100% !important}
.woocommerce-customer-details .woocommerce-customer-details--phone,
.woocommerce-customer-details .woocommerce-customer-details--email{margin:6px 0 0;padding-left:0}
@media(max-width:700px){.woocommerce-customer-details .woocommerce-columns--addresses{grid-template-columns:1fr}}

/* ── Checkout: "Powracający klient?" i "Masz kupon?" obok siebie, z ikonami obrysowymi ── */
.woocommerce-form-login-toggle,
.woocommerce-form-coupon-toggle{display:inline-block;width:calc(50% - 9px);vertical-align:top}
.woocommerce-form-login-toggle{margin-right:14px}
.woocommerce-form-login-toggle .woocommerce-info,
.woocommerce-form-coupon-toggle .woocommerce-info{margin-bottom:18px !important;min-height:56px}
.woocommerce-form-login-toggle .woocommerce-info::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23205090' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4 3.6-6 8-6s8 2 8 6'/%3E%3C/svg%3E")}
.woocommerce-form-coupon-toggle .woocommerce-info::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23205090' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h7l9 9-7 7-9-9z'/%3E%3Ccircle cx='8.5' cy='8.5' r='1.4'/%3E%3C/svg%3E")}
@media(max-width:760px){
  .woocommerce-form-login-toggle,.woocommerce-form-coupon-toggle{display:block;width:100%;margin-right:0}
}
/* rozwijane formularze logowania i kuponu pod paskami */
form.checkout_coupon.woocommerce-form-coupon,
form.woocommerce-form-login.login{border:1px solid var(--line);border-radius:12px;padding:18px;margin:0 0 18px;background:#fff}
form.checkout_coupon .form-row{display:inline-block;vertical-align:bottom;margin:0 10px 0 0}
form.checkout_coupon button{vertical-align:bottom}
/* wyrównanie pól Imię / Nazwisko (etykiety w jednej linii) */
.woocommerce form .form-row-first label,
.woocommerce form .form-row-last label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.woocommerce form .form-row-first,
.woocommerce form .form-row-last{vertical-align:top}

/* ── Widok zamówienia w koncie ── */
.vo-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:10px;flex-wrap:wrap}
.vo-title{font-size:22px;margin:0;font-family:'Sora'}
.vo-title span{color:var(--brand)}
.vo-date{color:var(--muted);font-size:14px;margin:3px 0 0}
.vo-status{font-size:12.5px;font-weight:700;padding:7px 14px;border-radius:20px;background:var(--mist);color:var(--muted);flex:none;white-space:nowrap}
.vo-status--processing,.vo-status--completed{background:var(--tint);color:var(--brand-text)}
.vo-status--cancelled,.vo-status--failed,.vo-status--refunded{background:#FDF1F1;color:#D64545}
.vo-updates-title{font-size:16px;font-family:'Sora';margin:14px 0 8px}
.vo-updates{list-style:none;margin:0 0 10px;padding:0}
.vo-updates li{border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-bottom:8px}
.vo-updates li small{color:var(--muted);font-size:12.5px}
.vo-updates li p{margin:4px 0 0;font-size:14px}
/* tabela szczegółów w koncie: wiersze podsumowania bez wersalików */
.woocommerce-MyAccount-content .woocommerce-table--order-details tfoot th{text-transform:none;letter-spacing:0;font-size:14px;color:var(--ink);font-weight:400}
.woocommerce-MyAccount-content .woocommerce-table--order-details tfoot tr:last-child th,
.woocommerce-MyAccount-content .woocommerce-table--order-details tfoot tr:last-child td{font-family:'Sora';font-weight:700;font-size:16px}
.woocommerce-MyAccount-content h2.woocommerce-order-details__title{margin-top:22px}
/* karty adresów: równa wysokość */
.woocommerce-customer-details .woocommerce-columns--addresses{align-items:stretch}
.woocommerce-customer-details .woocommerce-column{display:flex;flex-direction:column}
.woocommerce-customer-details address{flex:1}

/* ── Ikona konta: wskaźnik zalogowania ── */
.hicon .ic{position:relative;display:inline-flex}
.hicon-account .status-dot{position:absolute;right:-3px;bottom:-2px;width:10px;height:10px;border-radius:50%;background:var(--brand);border:2px solid #fff;box-sizing:content-box}
.hicon-account.is-logged{color:var(--ink)}
.hicon .lbl{max-width:78px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ── Hero ze zdjęciem (Personalizacja → Baner główny) ── */
.hero--photo{background-size:cover;background-position:center right;position:relative}
.hero--photo::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.9) 44%,rgba(255,255,255,.35) 100%)}
.hero--photo > .wrap{position:relative;z-index:1}
.hero--photo .hero-tile{box-shadow:0 6px 22px rgba(21,50,120,.10)}
.hero--photo .code-pill{background:rgba(255,255,255,.85)}
@media(max-width:960px){.hero--photo::before{background:rgba(255,255,255,.93)}}
/* Okazja dnia: packshot zamiast ikony, gdy produkt ma zdjęcie */
.deal .art img{width:100%;height:100%;object-fit:cover;border-radius:20px}

/* ════════════════ WARSTWA RESPONSYWNA (audyt mobilny) ════════════════ */

/* ── ≤760px: nagłówek, sekcje, konto ── */
@media(max-width:760px){
  .wrap{padding:0 16px}
  .topbar{font-size:12px;padding:6px 12px;line-height:1.45}
  /* nagłówek: logo+ikony w rzędzie, szukajka pod spodem na całą szerokość */
  .hrow{flex-wrap:wrap;gap:10px;padding:12px 0}
  .logo{order:1;font-size:21px}
  .hicons{order:2;margin-left:auto}
  .search{order:3;flex:1 1 100%;max-width:none;display:flex}
  .search input{padding:11px 13px}
  nav.cats a{padding:10px 12px;font-size:14px}
  section.block{padding:30px 0}
  section.block.tight{padding:16px 0}
  .sec-head h2{font-size:20px}
  .hero .wrap{padding-top:30px;padding-bottom:30px;gap:24px}
  .hero p.lead{font-size:15.5px}
  .code-pill{white-space:normal;line-height:1.5}
  .deal{padding:22px 20px}
  .banner-wide{padding:22px 20px}
  .banner-mini{flex-wrap:wrap}
  .banner-mini .btn{margin-left:0;width:100%;justify-content:center}
  /* konto: menu jako przewijane pigułki */
  .acc-nav{display:flex;overflow-x:auto;border:none;border-radius:0;gap:8px;padding-bottom:4px;-webkit-overflow-scrolling:touch}
  .acc-nav a{border:1.5px solid var(--line) !important;border-radius:20px;padding:9px 16px;white-space:nowrap;flex:none;font-size:14px}
  .acc-nav a.on{border-color:var(--brand) !important;background:var(--tint)}
  /* tabele w koncie: wiersze jako karty (Woo dodaje data-title do komórek) */
  .woocommerce-MyAccount-content table.shop_table{border:none;display:block}
  .woocommerce-MyAccount-content table.shop_table thead{display:none}
  .woocommerce-MyAccount-content table.shop_table tbody{display:block}
  .woocommerce-MyAccount-content table.shop_table tr{display:block;border:1px solid var(--line);border-radius:12px;margin-bottom:10px;padding:4px 0;background:#fff}
  .woocommerce-MyAccount-content table.shop_table td{display:flex;justify-content:space-between;align-items:center;gap:10px;border:none;padding:8px 14px;text-align:right}
  .woocommerce-MyAccount-content table.shop_table td::before{content:attr(data-title);font-weight:600;color:var(--muted);font-size:12.5px;text-align:left}
  .woocommerce-MyAccount-content table.shop_table td.woocommerce-orders-table__cell-order-actions{justify-content:flex-end}
  .woocommerce-MyAccount-content table.shop_table td.woocommerce-orders-table__cell-order-actions::before{content:none}
  /* szczegóły zamówienia i podziękowanie: tabela przewijana zamiast rozjeżdżania */
  .woocommerce-table--order-details{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .vo-head{align-items:center}
}

/* ── ≤560px: siatki, karta produktu, koszyk, checkout ── */
@media(max-width:560px){
  /* kompaktowe kafelki produktów w 2 kolumnach */
  .grid, ul.products, ul.products.columns-4{grid-template-columns:repeat(2,1fr) !important;gap:12px}
  .cbody{padding:10px 12px 12px;gap:4px}
  .cname{font-size:13px;min-height:35px}
  .ccat{font-size:10.5px}
  .price{font-size:15px}
  .price s{font-size:12px}
  .addbtn{width:34px;height:34px}
  .thumb svg{width:44px;height:44px}
  .tag{font-size:10.5px;padding:2px 7px}
  .stars{font-size:12px}
  /* listing */
  .list-top{gap:8px}
  .list-top select{width:100%}
  .pagination a{width:34px;height:34px}
  /* karta produktu */
  .woocommerce div.product .product_title{font-size:21px}
  .woocommerce div.product p.price{font-size:22px}
  .woocommerce div.product form.cart{grid-template-columns:1fr;gap:10px;padding:14px}
  .woocommerce div.product form.cart div.quantity{margin:0 auto}
  .woocommerce div.product .woocommerce-tabs ul.tabs{overflow-x:auto;flex-wrap:nowrap;white-space:nowrap;display:flex;-webkit-overflow-scrolling:touch}
  .woocommerce div.product .woocommerce-tabs ul.tabs li{flex:none}
  .pmeta{font-size:12.5px}
  .paylogos{gap:6px}
  .paylogo{padding:5px 9px;font-size:11.5px}
  /* koszyk */
  .cart-title{font-size:22px}
  .cart-collaterals.summary{position:static;top:auto}
  .cart-line{grid-template-columns:60px 1fr;row-gap:8px}
  .cart-line .thumb{width:60px;height:60px}
  .cart-line .cl-qty{grid-column:2}
  .cart-line .price{grid-column:2}
  .cart-line .rm{grid-column:2;justify-self:start}
  .coupon-row .input-text{flex:1 1 100%}
  .coupon-row .btn{flex:1}
  /* checkout */
  .steps{font-size:12px;flex-wrap:wrap;padding:14px 0 4px}
  .co-title{font-size:22px}
  .co-ssl{font-size:12.5px;align-items:flex-start}
  form.checkout #order_review{position:static;padding:16px}
  #payment ul.wc_payment_methods li{padding:11px 12px;font-size:14px}
  #place_order{padding:14px 16px}
  #domea-ship .opt{padding:12px 13px;font-size:14px}
  /* potwierdzenie */
  .ty-hero h1{font-size:22px}
  .ty-art{width:96px;height:96px}
  .ty-actions .btn{flex:1 1 100%;justify-content:center}
  /* logowanie */
  .auth-box{padding:20px}
  /* pusty koszyk */
  .empty-cart__actions .btn{flex:1 1 100%;justify-content:center}
  /* stopka */
  .fbottom{flex-direction:column;gap:6px;text-align:center}
  /* okruszki */
  .crumbs{font-size:12px;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}
}

/* ── ≤400px: najmniejsze ekrany ── */
@media(max-width:400px){
  .grid, ul.products, ul.products.columns-4{grid-template-columns:1fr !important}
  .cname{min-height:0}
  .hero h1{font-size:26px}
  .hicon{padding:6px 8px}
  .hicon .lbl{max-width:58px}
  .cd div{min-width:50px}
}

/* ── Filtry listingu na mobile: zwinięte za przyciskiem ── */
@media(max-width:960px){
  .listing .filters{display:none;flex-direction:column}
  .listing .filters.is-open{display:flex}
  .filters-toggle{display:inline-flex;margin-bottom:14px}
}
@media(min-width:961px){
  .filters-toggle{display:none !important}
}

/* ════ MOBILE v2: mniej tekstu, więcej powietrza, wygodne cele dotykowe ════ */
@media(max-width:760px){
  /* mniej pasków u góry: pasek zaufania znika (te informacje są w stopce i na kartach) */
  .trust{display:none}
  /* większe cele dotykowe */
  nav.cats a{padding:13px 14px}
  .hicon{padding:8px 10px}
  .btn{min-height:46px}
  .addbtn{width:40px;height:40px}
  .fgrid a{padding:9px 0;font-size:14.5px}
  .acc-nav a{padding:11px 18px}
  /* oddech między sekcjami i w kartach */
  section.block{padding:34px 0}
  .grid, ul.products{gap:14px}
  .cbody{gap:6px;padding:12px 14px 14px}
  p, .content-page p{line-height:1.7}
  /* stopka: kolumny jako akordeony (JS dodaje klasę is-open) */
  .fgrid{gap:0;padding:26px 0 18px}
  .fgrid > div{border-bottom:1px solid #262A36;padding:4px 0}
  .fgrid > div:first-child{border-bottom:none;padding-bottom:14px}
  .f-acc h4{display:flex;justify-content:space-between;align-items:center;padding:13px 0;margin:0;cursor:pointer}
  .f-acc h4::after{content:"+";font-size:19px;color:var(--brand);font-weight:400}
  .f-acc.is-open h4::after{content:"–"}
  .f-acc a{display:none}
  .f-acc.is-open a{display:block}
}
@media(max-width:560px){
  /* hero: krócej i lżej */
  .hero .eyebrow{display:none}
  .hero h1{font-size:25px}
  .hero p.lead{font-size:14.5px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:12px 0 18px}
  .hero-tiles{gap:10px}
  .hero-tile{padding:14px}
  .hero-tile small{display:none}
  /* banery promocyjne: sam konkret (kicker + tytuł + CTA) */
  .promo{min-height:0;padding:16px 18px;gap:4px}
  .promo p{display:none}
  .promo h3{font-size:17px}
  /* USP: ikona + tytuł, bez akapitów */
  .usps{grid-template-columns:1fr 1fr;gap:10px}
  .usp{padding:14px;text-align:center}
  .usp p{display:none}
  .usp b{font-size:13.5px;margin:8px 0 0}
  /* opinie: jedna na start */
  .reviews-strip .rev:nth-child(n+2){display:none}
  /* okazja dnia: zwięźle */
  .deal h2{font-size:19px}
  .cd{margin:12px 0 14px}
  .banner-wide p{display:none}
  /* karty produktów: powietrze mimo 2 kolumn */
  .cname{font-size:13px;line-height:1.4;min-height:0}
  .prow{padding-top:8px}
  /* koszyk/checkout: odstępy między opcjami */
  .opt{margin-bottom:2px}
  #payment ul.wc_payment_methods{gap:8px}
  .field label,.form-row label{margin-bottom:6px}
  /* strona główna: nagłówki sekcji z linkiem nie ściśnięte */
  .sec-head{flex-direction:column;align-items:flex-start;gap:4px;margin-bottom:16px}
}

/* Plakietka koszyka: niewidoczna, gdy koszyk pusty */
.hicon .badge.is-empty{display:none}

/* ════ MEGA-MENU kategorii ════ */
nav.cats .mainmenu > li{position:relative}
nav.cats .mainmenu > li.has-mega > a::after{content:"";display:inline-block;margin-left:6px;width:7px;height:7px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.55}
.mega{position:absolute;left:0;top:100%;padding-top:10px;display:none;z-index:60;min-width:430px}
nav.cats .mainmenu > li.has-mega:hover .mega,
nav.cats .mainmenu > li.has-mega:focus-within .mega{display:block}
.mega-cols{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 14px 38px rgba(21,50,120,.13);padding:14px;display:grid;grid-template-columns:1fr 190px;gap:14px;align-items:start}
.mega-subs{list-style:none;margin:0;padding:2px 4px}
.mega-subs li a{display:block;padding:8px 10px;border-radius:9px;font-size:14px;font-weight:500;border-bottom:none}
.mega-subs li a:hover{background:var(--tint);color:var(--brand-text);border-color:transparent}
.mega-subs .mega-all a{color:var(--brand-text);font-weight:600;display:inline-flex;align-items:center;gap:6px;margin-top:4px}
.mega-prod{display:flex;flex-direction:column;gap:8px;border:1px solid var(--line);border-radius:12px;padding:12px;transition:.15s;border-bottom:none}
.mega-prod:hover{border-color:var(--brand);box-shadow:var(--shadow)}
.mega-thumb{width:100%;aspect-ratio:1/1;border-radius:10px;background:var(--mist);color:var(--brand);display:flex;align-items:center;justify-content:center;overflow:hidden}
.mega-thumb img{width:100%;height:100%;object-fit:cover}
.mega-name{font-size:13px;font-weight:600;line-height:1.35;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mega-price{font-family:'Sora';font-weight:700;font-size:14.5px;color:var(--ink)}
.mega-price del{color:var(--muted);font-weight:400;font-size:12px;margin-right:5px}
.mega-price ins{text-decoration:none}
/* mobile: panel wyłączony, dotknięcie prowadzi do kategorii (podkategorie są chipami na listingu) */
@media(max-width:960px){.mega{display:none !important}nav.cats .mainmenu > li.has-mega > a::after{display:none}}

/* ── Pasek kategorii: bez widocznego suwaka ── */
@media(min-width:961px){
  nav.cats ul{overflow:visible;flex-wrap:wrap;row-gap:0}
}
@media(max-width:960px){
  nav.cats ul{scrollbar-width:none;-ms-overflow-style:none}
  nav.cats ul::-webkit-scrollbar{display:none;width:0;height:0}
}

/* ── Mega-menu: podkategorie zawsze jedna pod drugą ──
   (ogólne nav.cats ul{display:flex} nie może dotyczyć listy w panelu) */
nav.cats .mega ul.mega-subs{display:block !important;overflow:visible}
.mega-subs li{display:block;width:100%}
.mega-subs li a{white-space:normal}

/* ════ HERO v2: niski, graficzny baner ════ */
.hero2{position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:linear-gradient(115deg,var(--tint) 0%,#fff 55%,var(--mist) 100%)}
.hero2.has-photo{background-size:cover;background-position:center right}
.hero2.has-photo::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.86) 46%,rgba(255,255,255,.25) 100%)}
.hero2-art{position:absolute;right:-34px;top:50%;transform:translateY(-50%);color:var(--brand);opacity:.09;pointer-events:none}
.hero2-inner{position:relative;z-index:1;padding:34px 0}
.hero2 h1{font-size:clamp(23px,3.2vw,33px);margin:0}
.hero2-lead{color:var(--muted);font-size:15px;margin:8px 0 16px}
.hero2-cta{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.hero2 .code-pill{margin-top:0}
@media(max-width:560px){
  .hero2-inner{padding:20px 0}
  .hero2 h1{font-size:21px}
  .hero2-lead{font-size:13px;margin:6px 0 12px}
  .hero2 .code-pill{display:none} /* kod jest w czarnym pasku u góry */
  .hero2-cta .btn{width:100%;justify-content:center}
  .hero2-art{opacity:.06}
}

/* ── Wizualny pasek kategorii (packshoty z asortymentu) ── */
.cat-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:14px}
.cat-card{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}
.cat-card-img{width:86px;height:86px;border-radius:50%;background:var(--mist);border:1px solid var(--line);color:var(--brand);display:flex;align-items:center;justify-content:center;overflow:hidden;transition:.15s}
.cat-card-img img{width:100%;height:100%;object-fit:cover}
.cat-card b{font-size:13px;font-weight:600;line-height:1.3}
.cat-card:hover .cat-card-img{border-color:var(--brand);box-shadow:0 6px 18px rgba(21,50,120,.14);transform:translateY(-2px)}
@media(max-width:760px){
  .cat-strip{display:flex;overflow-x:auto;gap:14px;padding:2px 2px 8px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .cat-strip::-webkit-scrollbar{display:none}
  .cat-card{flex:0 0 92px}
  .cat-card-img{width:76px;height:76px}
  .cat-card b{font-size:12px}
}

/* ── Hero: pełne zdjęcie produktu po prawej ── */
.hero2-inner{display:flex;align-items:center;justify-content:space-between;gap:28px}
.hero2-txt{flex:1 1 auto;min-width:0}
.hero2-prod{flex:0 0 auto;display:block;line-height:0}
.hero2-prod img{max-height:200px;width:auto;max-width:300px;object-fit:contain;filter:drop-shadow(0 16px 28px rgba(21,50,120,.20));transition:.2s}
.hero2-prod:hover img{transform:translateY(-4px) scale(1.02)}
.hero2-art{display:none} /* znak wodny zastąpiony packshotem */
/* mobile: packshot zostaje, kompaktowy obok tekstu */
@media(max-width:760px){
  .hero2-inner{gap:14px}
  .hero2-prod img{max-height:130px;max-width:140px}
}
@media(max-width:400px){
  .hero2-prod img{max-height:104px;max-width:110px}
}
/* karta produktu na mobile: bez ścieżki okruszków */
@media(max-width:760px){
  .single-product .woocommerce-breadcrumb{display:none}
}

/* ── Hero: packshot z Personalizacji w pełnej wyrazistości ── */
.hero2.has-photo{background-image:none !important}
.hero2.has-photo::before{display:none}
.hero2-prod img{max-height:220px;max-width:340px}
@media(max-width:760px){.hero2-prod img{max-height:132px;max-width:150px}}

/* ── Hero: gradient tylko po stronie tekstu, strona produktu czysto biała ──
   (niewycięte packshoty na białym tle zlewają się z banerem) */
.hero2{background:linear-gradient(100deg,var(--tint) 0%,rgba(233,240,254,.45) 34%,#fff 58%,#fff 100%)}
.hero2-prod img{filter:none}
.hero2-prod:hover img{transform:translateY(-3px)}

/* ── Logo graficzne Veroniqa ── */
.logo{padding:0;display:flex;align-items:center}
.logo img{height:60px;width:auto;display:block}
.logo .mark{display:none}
.flogo-img{height:36px;width:auto;display:block;margin-bottom:12px}
@media(max-width:760px){.logo img{height:44px}}

/* dopasowanie nagłówka do większego logo */
.hrow{align-items:center}

/* ── Nagłówek: wyszukiwarka wyśrodkowana (desktop) ── */
@media(min-width:761px){
  .hrow{display:grid;grid-template-columns:1fr minmax(420px,640px) 1fr;align-items:center;gap:18px}
  .logo{justify-self:start}
  .search{grid-column:2;justify-self:center;width:100%;max-width:none;margin:0}
  .hicons{justify-self:end;margin-left:0}
}

/* ════ MOBILE v3: blokada poziomego przewijania + spójne hero ≤760 ════ */
html, body{max-width:100%;overflow-x:hidden}
img{max-width:100%;height:auto}
.mega{max-width:calc(100vw - 32px)}
@media(max-width:760px){
  /* hero: jeden rytm w całym zakresie mobilnym */
  .hero2-inner{align-items:flex-start;padding:22px 0}
  .hero2 h1{font-size:24px;line-height:1.25}
  .hero2-lead{font-size:14px;margin:8px 0 14px}
  .hero2-cta{width:100%}
  .hero2-cta .btn{width:100%;justify-content:center;padding:13px 16px;font-size:15px}
  .hero2 .code-pill{display:none} /* kod jest w pasku u góry */
  .hero2-prod{align-self:center}
  /* nagłówek zwarty */
  .hrow{padding:10px 0;row-gap:8px}
  .search input{font-size:15px}
  nav.cats a{font-size:14.5px}
  /* karuzele bez wystawania poza ekran */
  .cat-strip, nav.cats ul, .crumbs{max-width:100%}
}
@media(max-width:400px){
  .hero2 h1{font-size:21px}
}

/* ── Naprawa: mobilny rozmiar packshotu hero (bazowa reguła 340px nadpisywała mobilną) ── */
@media(max-width:760px){
  .hero2-txt{flex:1 1 auto;min-width:0}
  .hero2-prod{flex:0 1 auto}
  .hero2-prod img{max-height:130px !important;max-width:132px !important}
}
@media(max-width:400px){
  .hero2-prod img{max-height:106px !important;max-width:108px !important}
}

/* ── Mobile: większy oddech od krawędzi, mniejsza wyszukiwarka i nagłówki ── */
@media(max-width:760px){
  .wrap{padding:0 20px}
  .search{gap:0}
  .search input{padding:10px 12px;font-size:14.5px}
  .search button{width:52px;min-width:52px;flex:none}
  .hero2 h1{font-size:22px}
  .hero2-lead{font-size:13.5px}
  nav.cats a{padding:12px;font-size:14px}
  .topbar{padding:7px 20px}
  section.block .sec-head h2{font-size:19px}
}
@media(max-width:400px){
  .wrap{padding:0 16px}
  .hero2 h1{font-size:20px}
}

/* ── Mobile: bez czarnego paska promo, wyszukiwarka z oddechem od menu ── */
@media(max-width:760px){
  .topbar{display:none}
  .search{margin:2px 0 14px}
  .hrow{padding:12px 0 0}
}

/* ── Mobile: wyraźny odstęp logo i wyszukiwarki od krawędzi ekranu ── */
@media(max-width:760px){
  .hrow{padding-left:4px;padding-right:4px}       /* razem z .wrap = 24px od krawędzi */
  .search{margin-left:4px;margin-right:4px}
  .search input{border-radius:12px 0 0 12px}
  .search button{border-radius:0 12px 12px 0}
}

/* ── Karta produktu mobile: sekcje zamiast przewijanych zakładek ── */
.tabs-stacked ul.tabs{display:none !important}
.tabs-stacked .woocommerce-Tabs-panel{display:block !important;padding:20px 0 18px;border-bottom:1px solid var(--line)}
.tabs-stacked .woocommerce-Tabs-panel:last-of-type{border-bottom:none}
.tabs-stacked .woocommerce-Tabs-panel > h2.tabh{display:block;font-size:17px;font-family:'Sora';margin:0 0 10px;color:var(--ink)}

/* ── Karta produktu mobile: okruszki ukryte niezależnie od klasy wrappera ── */
@media(max-width:760px){
  .single-product .woocommerce-breadcrumb,
  .single-product .crumbs,
  .single-product nav.crumbs{display:none !important}
}

/* ── Logotypy: stała wysokość odporna na globalne img{height:auto} ── */
.logo img{height:60px !important;width:auto !important;max-width:none}
.flogo-img{height:34px !important;width:auto !important;max-width:none}
@media(max-width:760px){
  .logo img{height:44px !important}
  .flogo-img{height:30px !important}
}

/* ── Karta produktu mobile: czytelne linie Dostawa/Zwrot/Gwarancja ── */
@media(max-width:760px){
  .pmeta{margin-top:12px}
  .pmeta > div{display:block;position:relative;padding-left:26px;margin:0 0 9px;font-size:13.5px;line-height:1.55;text-align:left}
  .pmeta > div svg{position:absolute;left:0;top:2px;width:17px;height:17px}
  .pmeta b{margin-right:4px}
  /* pigułki płatności: zwarty, równy rząd */
  .paylogos{gap:6px;margin:12px 0 4px}
  .paylogo{padding:4px 9px;font-size:11px;border-radius:8px}
}

/* ── Mobile: wyraźniejsza cena i przycisk koszyka ── */
@media(max-width:760px){
  /* karta produktu */
  .woocommerce div.product .summary p.price{font-size:27px}
  .woocommerce div.product .summary p.price s{font-size:15px}
  .woocommerce div.product form.cart .button.single_add_to_cart_button,
  .woocommerce div.product form.cart .btn-kup{height:52px;font-size:16px}
}
@media(max-width:560px){
  /* kafelki w siatkach */
  .price{font-size:17.5px}
  .price s{font-size:13px}
  .addbtn{width:46px;height:46px}
  .addbtn svg{width:21px;height:21px}
  .prow{align-items:center}
}

/* ── Kafelki mobile: zbalansowane proporcje zdjęcie/cena/koszyk ── */
@media(max-width:560px){
  .card .thumb{aspect-ratio:auto !important;height:180px !important;min-height:0}
  .card .thumb img{width:100%;height:100%;object-fit:contain;padding:10px}
  .card .thumb svg{width:52px;height:52px}
}
@media(max-width:400px){
  .card .thumb{height:220px !important}
  .cname{font-size:15px;line-height:1.4}
  .ccat{font-size:11px}
  .price{font-size:21px}
  .price s{font-size:14px}
  .addbtn{width:52px !important;height:52px !important}
  .addbtn svg{width:24px;height:24px}
  .cbody{padding:14px 16px 16px}
}

/* ── Kafelki mobile: cena zakotwiczona w wierszu z koszykiem ── */
@media(max-width:560px){
  .prow{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}
  .price{font-size:22px !important;line-height:1;margin:0;display:flex;align-items:baseline;gap:8px;font-weight:700}
  .price s{font-size:14px !important;font-weight:400}
  .addbtn{width:52px !important;height:52px !important;flex:none}
  .addbtn svg{width:24px;height:24px}
}

/* ── Kafelki: zdjęcie zawsze wpasowane w kadr (każda rozdzielczość) ── */
.card .thumb{position:relative;overflow:hidden}
.card .thumb img{position:absolute;inset:0;width:100% !important;height:100% !important;object-fit:contain;background:#fff;padding:10px;margin:0}
/* w mega-menu i pasku kategorii zdjęcia już mają własne kadry — bez zmian */