/*
Theme Name: ART KING
Theme URI: http://localhost/artking
Author: ART KING
Description: Autorski motyw sklepu ART KING — producent kolorowych kopert ozdobnych. Premium paper-goods design z akcentem na kolor.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 7.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: artking
*/

/* ============================================================
   0. DESIGN TOKENS
============================================================ */
:root{
  --ink:#16223D;          /* granat (z logo) */
  --ink-2:#3a4763;
  --ink-3:#8792a6;
  --paper:#FAF8F2;        /* ciepła papierowa biel */
  --paper-2:#F1ECE1;
  --white:#ffffff;
  --line:#E7E0D0;
  --accent:#C6A052;       /* złoto (z logo) */
  --accent-d:#9c7b2e;     /* ciemniejsze złoto do tekstu/hover */
  --gold:#C6A052;
  --gold-d:#b0893a;
  --teal:#3FB8A3;
  --lav:#8E7CC3;
  --ok:#2f9e6f;
  --shadow-sm:0 2px 8px rgba(62,59,91,.06);
  --shadow:0 12px 40px rgba(62,59,91,.10);
  --shadow-lg:0 30px 80px rgba(62,59,91,.16);
  --r:14px;   --r-lg:22px;  --r-pill:999px;
  --wrap:1200px;
  --ff-display:"Jost",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --ff-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --step:clamp(1rem,.9rem + .5vw,1.125rem);
}

/* ============================================================
   1. RESET / BASE
============================================================ */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  margin:0;font-family:var(--ff-body);color:var(--ink);background:#fff;
  font-size:var(--step);line-height:1.65;-webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--accent-d);text-decoration:none;transition:color .2s}
a:hover{color:var(--ink)}
h1,h2,h3,h4{font-family:var(--ff-display);font-weight:600;line-height:1.1;color:var(--ink);margin:0 0 .5em;letter-spacing:-.01em}
h1{font-size:clamp(2.3rem,1.6rem + 3.2vw,4rem);font-weight:500;letter-spacing:.01em}
h2{font-size:clamp(1.9rem,1.4rem + 2vw,2.9rem);font-weight:500}
h3{font-size:1.35rem}
p{margin:0 0 1rem}
ul{margin:0;padding:0}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:24px}
.eyebrow{font-family:var(--ff-display);text-transform:uppercase;letter-spacing:.22em;
  font-size:.78rem;font-weight:600;color:var(--accent-d);margin:0 0 .8rem}
.section{padding:clamp(56px,7vw,110px) 0}
.section--tight-top{padding-top:clamp(14px,2.5vw,32px)}
.section--paper2{background:var(--paper-2)}
.section--ink{background:var(--ink);color:#EDEBF5}
.section--ink h2,.section--ink h3{color:#fff}
.lead{font-size:1.15rem;color:var(--ink-2);max-width:60ch}
.center{text-align:center}
.center .lead{margin-inline:auto}
.head{max-width:64ch}
.head.center{margin-inline:auto}

/* ============================================================
   2. BUTTONS
============================================================ */
.btn{
  display:inline-flex;align-items:center;gap:.55em;cursor:pointer;
  font-family:var(--ff-display);font-weight:500;font-size:1rem;letter-spacing:.01em;
  padding:.9em 1.6em;border-radius:var(--r-pill);border:1.5px solid transparent;
  transition:transform .18s ease,box-shadow .18s ease,background .18s,color .18s;white-space:nowrap;
}
.btn:hover{transform:translateY(-2px)}
.btn--primary{background:var(--gold);color:var(--ink);box-shadow:0 10px 24px rgba(198,160,82,.34)}
.btn--primary:hover{background:var(--gold-d);color:var(--ink);box-shadow:0 14px 30px rgba(198,160,82,.42)}
.btn--ink{background:var(--ink);color:#fff}
.btn--ink:hover{background:#2c2a44;color:#fff}
.btn--ghost{background:transparent;color:var(--ink);border-color:var(--line)}
.btn--ghost:hover{border-color:var(--ink);background:var(--white)}
.btn--light{background:#fff;color:var(--ink)}
.btn--light:hover{color:var(--ink);box-shadow:var(--shadow)}
.btn--sm{padding:.6em 1.1em;font-size:.9rem}

/* ============================================================
   3. HEADER / NAV
============================================================ */
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.86);
  backdrop-filter:saturate(160%) blur(12px);border-bottom:1px solid transparent;transition:border-color .3s,box-shadow .3s}
.site-header.is-stuck{border-color:var(--line);box-shadow:var(--shadow-sm)}
.nav{display:flex;align-items:center;gap:1.6rem;min-height:120px}
.brand{display:flex;align-items:center;flex:0 0 auto}
.menu{display:flex;align-items:center;gap:1.6rem;list-style:none;margin:0 auto 0 1rem}
.menu a{font-family:var(--ff-display);font-weight:500;font-size:1rem;color:var(--ink);letter-spacing:.01em}
.menu a:hover{color:var(--accent-d)}
.menu .current-menu-item>a,.menu .current_page_item>a{color:var(--accent-d)}
/* Dropdown (podmenu kategorii) */
.menu>li{position:relative}
.menu>li.menu-item-has-children>a::after{content:"▾";font-size:.72em;margin-left:.35em;color:var(--ink-3)}
.menu .sub-menu{position:absolute;top:100%;left:-14px;min-width:250px;background:#fff;
  border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);list-style:none;
  padding:.55rem;opacity:0;visibility:hidden;transform:translateY(8px);
  transition:opacity .18s,transform .18s,visibility .18s;z-index:120}
.menu>li:hover>.sub-menu,.menu>li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:translateY(4px)}
.menu .sub-menu li{margin:0}
.menu .sub-menu a{display:block;padding:.5em .8em;border-radius:9px;font-size:.95rem;white-space:nowrap}
.menu .sub-menu a:hover{background:var(--paper-2);color:var(--accent-d)}
.nav__actions{display:flex;align-items:center;gap:.9rem;flex:0 0 auto}
.icon-link{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;
  border-radius:50%;color:var(--ink);position:relative}
.icon-link:hover{background:var(--paper-2);color:var(--accent-d)}
.cart-count{position:absolute;top:-2px;right:-2px;background:var(--accent);color:#fff;
  font-size:.68rem;font-weight:700;min-width:18px;height:18px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;padding:0 4px;font-family:var(--ff-body)}
.nav__toggle{display:none;background:none;border:0;cursor:pointer;width:44px;height:44px;color:var(--ink)}

/* ============================================================
   4. HERO
============================================================ */
.hero{position:relative;overflow:hidden;padding:clamp(48px,7vw,96px) 0 clamp(60px,8vw,120px)}
.hero__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,5vw,72px);align-items:center}
.hero__badge{display:inline-flex;align-items:center;gap:.5em;background:var(--white);
  border:1px solid var(--line);border-radius:var(--r-pill);padding:.45em 1em;font-size:.85rem;
  font-weight:500;color:var(--ink-2);box-shadow:var(--shadow-sm);margin-bottom:1.5rem}
.hero__badge .dot{width:8px;height:8px;border-radius:50%;background:var(--gold)}
.hero h1 span{color:var(--accent-d)}
.hero__cta{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem}
.hero__meta{display:flex;gap:2rem;margin-top:2.5rem;flex-wrap:wrap}
.hero__meta .n{font-family:var(--ff-display);font-size:1.8rem;font-weight:600;color:var(--ink);line-height:1}
.hero__meta .l{font-size:.85rem;color:var(--ink-3)}
.hero__art{position:relative;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center}
.hero__blob{position:absolute;inset:6% ;border-radius:46% 54% 58% 42%/48% 44% 56% 52%;
  background:radial-gradient(120% 120% at 30% 20%,#fff,var(--paper-2));box-shadow:var(--shadow-lg);z-index:0}

/* Decorative colorful envelope stack (pure CSS/SVG, oryginalne) */
.env-stack{position:relative;z-index:1;width:78%;aspect-ratio:4/3}
.env{position:absolute;inset:0;border-radius:12px;box-shadow:var(--shadow);
  border:1px solid rgba(0,0,0,.05);transition:transform .4s}
.env svg{width:100%;height:100%;display:block}
.env-stack .e1{transform:rotate(-11deg) translate(-14%,10%) scale(.9)}
.env-stack .e2{transform:rotate(-2deg) translate(-2%,2%) scale(.96)}
.env-stack .e3{transform:rotate(8deg) translate(12%,-6%) scale(.88)}
.hero__art:hover .e1{transform:rotate(-15deg) translate(-20%,12%) scale(.9)}
.hero__art:hover .e3{transform:rotate(12deg) translate(18%,-8%) scale(.88)}

/* colour chips row */
.chips{display:flex;gap:.5rem;margin-top:1.8rem;flex-wrap:wrap}
.chip{width:26px;height:26px;border-radius:50%;box-shadow:inset 0 0 0 2px rgba(255,255,255,.6),var(--shadow-sm)}

/* ============================================================
   5. TRUST BAR
============================================================ */
.trust{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--white)}
.trust__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.trust__item{display:flex;align-items:center;gap:.8rem;padding:1.4rem 0;justify-content:center;text-align:left}
.trust__item svg{width:26px;height:26px;color:var(--accent-d);flex:0 0 auto}
.trust__item b{font-family:var(--ff-display);font-weight:600;display:block;font-size:.98rem}
.trust__item span{font-size:.82rem;color:var(--ink-3)}

/* ============================================================
   6. PRODUCT CATEGORY CARDS
============================================================ */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem;margin-top:3rem}
.pcard{position:relative;background:var(--white);border-radius:var(--r-lg);overflow:hidden;
  box-shadow:var(--shadow-sm);border:1px solid var(--line);transition:transform .3s,box-shadow .3s;display:flex;flex-direction:column}
.pcard:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.pcard__media{aspect-ratio:16/11;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
.pcard__media svg{width:64%;height:64%;filter:drop-shadow(0 12px 24px rgba(62,59,91,.18))}
.pcard__body{padding:1.5rem 1.6rem 1.8rem}
.pcard h3{margin-bottom:.35rem}
.pcard p{font-size:.95rem;color:var(--ink-2);margin-bottom:1.1rem}
.pcard__link{font-family:var(--ff-display);font-weight:600;color:var(--accent-d);display:inline-flex;align-items:center;gap:.4em}
.pcard:hover .pcard__link{gap:.7em}
/* Strona Produkty — siatka kolekcji */
.cards--4{grid-template-columns:repeat(3,1fr)}
.coll-tag{display:block;font-family:var(--ff-display);text-transform:uppercase;
  letter-spacing:.16em;font-size:.68rem;font-weight:600;color:var(--accent-d);margin-bottom:.5rem}
.coll-card h3{margin-bottom:.25rem}
.pcard__spec{display:block;font-family:var(--ff-display);font-size:.8rem;color:var(--ink-3);
  letter-spacing:.02em;margin-bottom:.8rem}
.coll-soon{position:absolute;top:.85rem;right:.85rem;z-index:5;
  background:var(--ink);color:var(--gold);font-family:var(--ff-display);font-weight:600;
  font-size:.72rem;letter-spacing:.05em;line-height:1;padding:.42em .7em;border-radius:7px;
  border:1px solid rgba(198,160,82,.55)}
.pcard__link.is-soon{color:var(--ink-3);cursor:default}
.pcard.coll-card:hover .pcard__link.is-soon{gap:.4em}
.coll-nowosci{margin-top:2.4rem;background:var(--paper-2);border:1px solid var(--line);
  border-radius:var(--r-lg);padding:clamp(1.5rem,3vw,2.4rem);display:flex;align-items:center;
  justify-content:space-between;gap:1.5rem;flex-wrap:wrap}
.coll-nowosci h3{font-size:1.3rem}
@media(max-width:980px){.cards--4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.cards--4{grid-template-columns:1fr}}

/* ============================================================
   7. FEATURES ("Dlaczego ART KING")
============================================================ */
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;margin-top:3rem}
.feat{background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:1.8rem;box-shadow:var(--shadow-sm)}
.feat__ic{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;
  background:var(--paper-2);color:var(--accent-d);margin-bottom:1rem}
.feat__ic svg{width:26px;height:26px}
.feat h3{font-size:1.15rem;margin-bottom:.4rem}
.feat p{font-size:.94rem;color:var(--ink-2);margin:0}

/* ============================================================
   8. ABOUT / SPLIT
============================================================ */
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,72px);align-items:center}
.split__art{aspect-ratio:5/4;border-radius:var(--r-lg);background:
  linear-gradient(135deg,#fff,var(--paper-2));box-shadow:var(--shadow);position:relative;overflow:hidden;
  display:flex;align-items:center;justify-content:center}
.split__art svg{width:66%}
.split__photo{border-radius:var(--r-lg);box-shadow:var(--shadow);overflow:hidden;background:var(--paper-2)}
.split__photo img{display:block;width:100%;height:100%;object-fit:cover}
.ak-underline{width:64px;height:4px;border-radius:999px;background:var(--gold);margin:0 0 1.6rem}
/* Pływająca galeria kopert (marquee) — strona O nas */
.kmq-wrap{width:100%;overflow:hidden;padding:.5rem 0}
.kmq{display:flex;flex-direction:column;gap:18px;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.kmq__row{overflow:hidden}
.kmq__track{display:flex;gap:18px;width:max-content;will-change:transform}
.kmq__row--left .kmq__track{animation:kmq-left 70s linear infinite}
.kmq__row--right .kmq__track{animation:kmq-right 70s linear infinite}
.kmq:hover .kmq__track{animation-play-state:paused}
.kmq__item{flex:0 0 auto;width:clamp(150px,16vw,210px);aspect-ratio:1/1;border-radius:18px;
  overflow:hidden;background:var(--paper-2);box-shadow:var(--shadow-sm)}
.kmq__item img{width:100%;height:100%;object-fit:cover;display:block}
@keyframes kmq-left{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes kmq-right{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){.kmq__track{animation:none}}
/* Rabaty partnerskie */
.ak-partner-bar{background:var(--ink);color:#EDEBF5;border:1px solid var(--gold);
  border-radius:var(--r);padding:.7rem 1.1rem;margin:1.2rem 0;font-size:.92rem;
  font-family:var(--ff-display)}
.ak-partner-bar strong{color:var(--gold)}
.woocommerce del{opacity:.55;font-weight:400;margin-right:.3em}
ins.ak-partner-price{background:none;text-decoration:none;color:var(--accent-d);font-weight:600}
/* ====== Klasyczny koszyk / checkout — spójny wygląd marki ====== */
.woocommerce table.shop_table{border:1px solid var(--line);border-radius:var(--r);border-collapse:separate;overflow:hidden}
.woocommerce table.shop_table th{font-family:var(--ff-display);color:var(--ink)}
.woocommerce .cart_totals h2,.woocommerce-checkout h3{font-family:var(--ff-display)}
.woocommerce a.remove{color:var(--accent-d)!important;border-color:var(--line)}
.woocommerce a.remove:hover{background:var(--accent-d)!important;color:#fff!important}
/* metody wysyłki jako czytelne wiersze */
ul#shipping_method,.woocommerce-shipping-methods{list-style:none;margin:0;padding:0}
ul#shipping_method li,.woocommerce-shipping-methods li{margin:.4rem 0;padding:.7rem .9rem;
  border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;gap:.5rem;
  transition:border-color .15s,background .15s}
ul#shipping_method li:hover{border-color:var(--gold);background:var(--paper)}
ul#shipping_method li label,.woocommerce-shipping-methods li label{margin:0;font-family:var(--ff-display);
  display:flex;justify-content:space-between;width:100%;cursor:pointer}
ul#shipping_method input[type=radio]{accent-color:var(--gold);margin-right:.2rem}
/* pola formularza checkout */
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,
.woocommerce .select2-container--default .select2-selection--single{border:1px solid var(--line)!important;
  border-radius:10px!important;padding:.6em .8em!important;min-height:auto}
.woocommerce form .form-row label{font-family:var(--ff-display);font-weight:500}
.woocommerce .woocommerce-billing-fields h3,.woocommerce #order_review_heading{font-family:var(--ff-display)}
.woocommerce-checkout #payment{background:var(--paper);border-radius:var(--r)}
.woocommerce .cart-collaterals .cart_totals,.woocommerce-checkout #order_review{
  border:1px solid var(--line);border-radius:var(--r);padding:1.2rem 1.4rem;background:#fff}
.stat-row{display:flex;gap:2.5rem;margin-top:1.8rem;flex-wrap:wrap}
.stat .n{font-family:var(--ff-display);font-size:2.2rem;font-weight:600;color:var(--accent-d);line-height:1}
.stat .l{font-size:.9rem;color:var(--ink-2)}

/* ============================================================
   9. STEPS
============================================================ */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem;counter-reset:s}
.step{position:relative;padding-top:1rem}
.step::before{counter-increment:s;content:"0" counter(s);font-family:var(--ff-display);
  font-size:2.6rem;font-weight:600;color:var(--accent);opacity:.35;display:block;line-height:1;margin-bottom:.6rem}
.step h3{font-size:1.2rem}
.step p{color:#D9D6EA;font-size:.96rem;margin:0}
.section--ink .step p{color:#C9C6DE}

/* ============================================================
   10. FAQ
============================================================ */
.faq{max-width:820px;margin:3rem auto 0}
.faq details{background:var(--white);border:1px solid var(--line);border-radius:var(--r);
  margin-bottom:.9rem;overflow:hidden;box-shadow:var(--shadow-sm)}
.faq summary{cursor:pointer;list-style:none;padding:1.15rem 1.4rem;font-family:var(--ff-display);
  font-weight:500;font-size:1.08rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:1.5rem;color:var(--accent-d);transition:transform .25s;line-height:1}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details .a{padding:0 1.4rem 1.3rem;color:var(--ink-2);font-size:.98rem}

/* ============================================================
   11. TESTIMONIALS
============================================================ */
.quotes{display:grid;grid-template-columns:repeat(2,1fr);gap:1.6rem;margin-top:3rem}
.quote{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);padding:2rem;box-shadow:var(--shadow-sm)}
.quote .stars{color:var(--gold);letter-spacing:2px;margin-bottom:.8rem}
.quote p{font-size:1.05rem;color:var(--ink);font-style:italic}
.quote .who{display:flex;align-items:center;gap:.8rem;margin-top:1.2rem}
.quote .av{width:44px;height:44px;border-radius:50%;background:var(--paper-2);display:flex;align-items:center;
  justify-content:center;font-family:var(--ff-display);font-weight:600;color:var(--accent-d)}
.quote .who b{font-family:var(--ff-display)}
.quote .who span{font-size:.85rem;color:var(--ink-3);display:block}

/* ============================================================
   12. CONTACT CTA
============================================================ */
.cta{background:linear-gradient(135deg,var(--ink),#2b2942);color:#fff;border-radius:var(--r-lg);
  padding:clamp(36px,5vw,64px);position:relative;overflow:hidden}
.cta h2{color:#fff}
.cta .lead{color:#CFCCE4}
.cta__grid{display:grid;grid-template-columns:1.2fr 1fr;gap:3rem;align-items:center;position:relative;z-index:1}
.cta__contacts{display:flex;flex-direction:column;gap:1rem}
.cta__row{display:flex;align-items:center;gap:.9rem;color:#EDEBF5}
.cta__row svg{width:22px;height:22px;color:var(--gold);flex:0 0 auto}
.cta__row a{color:#fff}
.cta__blob{position:absolute;width:420px;height:420px;border-radius:50%;
  background:radial-gradient(circle,rgba(232,105,91,.35),transparent 70%);top:-120px;right:-80px}

/* ============================================================
   13. FOOTER
============================================================ */
.site-footer{background:var(--ink);color:#C9C6DE;padding:clamp(48px,6vw,80px) 0 0}
.foot__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:2rem}
.foot__brand .txt{font-family:var(--ff-display);font-size:1.5rem;letter-spacing:.18em;color:#fff}
.foot__brand p{color:#A9A6C6;font-size:.92rem;max-width:34ch;margin-top:.8rem}
.foot h4{color:#fff;font-size:.82rem;text-transform:uppercase;letter-spacing:.15em;margin-bottom:1rem}
.foot ul{list-style:none}
.foot li{margin-bottom:.6rem}
.foot a{color:#C9C6DE;font-size:.94rem}
.foot a:hover{color:#fff}
.foot__logo{display:inline-block;margin-bottom:.4rem}
.foot__logo-img{max-height:92px;width:auto;filter:brightness(0) invert(1);opacity:.96}
.foot__social{display:flex;gap:.7rem;margin-top:1.3rem;flex-wrap:wrap}
.foot__soc{display:inline-flex;align-items:center;gap:.5em;padding:.5em .95em;border-radius:var(--r-pill);
  background:rgba(255,255,255,.08);color:#fff!important;font-family:var(--ff-display);font-weight:500;
  font-size:.9rem;transition:background .18s,color .18s}
.foot__soc svg{flex:0 0 auto}
.foot__soc--fb:hover{background:#1877f2;color:#fff!important}
.foot__soc--al:hover{background:#ff5a00;color:#fff!important}
.foot__bar{border-top:1px solid rgba(255,255,255,.1);margin-top:3rem;padding:1.5rem 0;
  display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.85rem;color:#8F8CAE}

/* ============================================================
   14. WOOCOMMERCE (base skinning)
============================================================ */
.woocommerce-breadcrumb{color:var(--ink-3);font-size:.88rem;margin-bottom:1.5rem}
ul.products{display:grid!important;grid-template-columns:repeat(4,1fr);gap:1.6rem;list-style:none;margin:0!important}
ul.products li.product{width:auto!important;margin:0!important;float:none!important;background:var(--white);
  border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow-sm);
  transition:transform .3s,box-shadow .3s;display:flex;flex-direction:column}
ul.products li.product:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
ul.products li.product a img{margin:0;width:100%;aspect-ratio:1/1;object-fit:contain;background:#fff;display:block;padding:6px}
ul.products li.product .woocommerce-loop-product__title{font-family:var(--ff-display);font-size:1.05rem;
  padding:1rem 1rem 0;color:var(--ink)}
ul.products li.product .price{padding:.3rem 1rem;color:var(--accent-d);font-weight:600;font-family:var(--ff-display)}
ul.products li.product .button{margin:.6rem 1rem 1.2rem!important}
.woocommerce span.onsale{background:var(--accent)!important;color:#fff!important;border-radius:var(--r-pill)}
.woocommerce ul.products li.product .price del{color:var(--ink-3);font-weight:400}
.woocommerce .woocommerce-result-count,.woocommerce .woocommerce-ordering{margin-bottom:0;color:var(--ink-2)}
/* Wiersz: liczba wyników + sortowanie */
.woocommerce-products-header + .woocommerce-notices-wrapper + .woocommerce-result-count,
.woocommerce .woocommerce-result-count{float:none;font-size:.92rem}
.woocommerce .woocommerce-ordering{float:none;margin:0}
.ak-shopbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;
  flex-wrap:wrap;margin:0 0 1.6rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}
.ak-shopbar .woocommerce-result-count{margin:0}
/* Dropdown sortowania — styl marki */
.woocommerce .woocommerce-ordering select.orderby,
.woocommerce-ordering select{
  -webkit-appearance:none;-moz-appearance:none;appearance:none;
  font-family:var(--ff-display);font-size:.9rem;font-weight:500;color:var(--ink);
  background-color:#fff;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23C6A052' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right .85rem center;
  padding:.62em 2.4em .62em 1em;border:1px solid var(--line);border-radius:var(--r-pill);
  box-shadow:var(--shadow-sm);cursor:pointer;transition:border-color .15s,box-shadow .15s}
.woocommerce .woocommerce-ordering select.orderby:hover{border-color:var(--gold)}
.woocommerce .woocommerce-ordering select.orderby:focus{outline:none;border-color:var(--gold);
  box-shadow:0 0 0 3px rgba(198,160,82,.18)}
/* Wszystkie przyciski Woo w kolorach marki (nadpisujemy domyślny fiolet WC) */
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,
.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt,
.woocommerce ul.products li.product .button,
.woocommerce #respond input#submit.alt,.wc-block-components-button{
  background:var(--ink)!important;color:#fff!important;border:0!important;border-radius:var(--r-pill)!important;
  font-family:var(--ff-display)!important;font-weight:500!important;padding:.72em 1.5em!important;
  box-shadow:none!important;transition:background .18s,transform .18s!important;cursor:pointer;text-align:center}
.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt,
.woocommerce #respond input#submit.alt,.woocommerce .single_add_to_cart_button{background:var(--gold)!important;color:var(--ink)!important}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,.woocommerce ul.products li.product .button:hover,
.woocommerce .single_add_to_cart_button:hover,.wc-block-components-button:hover{background:var(--accent-d)!important;transform:translateY(-1px)}
.page-hero{background:var(--paper-2);padding:clamp(40px,5vw,72px) 0;border-bottom:1px solid var(--line);text-align:center}
.page-hero h1{margin:0}

/* ============================================================
   15. RESPONSIVE
============================================================ */
@media(max-width:980px){
  .hero__grid,.split,.cta__grid{grid-template-columns:1fr}
  .hero__art{order:-1;max-width:440px;margin-inline:auto}
  .cards,.features,.steps,.quotes,.trust__grid{grid-template-columns:repeat(2,1fr)}
  ul.products{grid-template-columns:repeat(3,1fr)!important}
  .foot__grid{grid-template-columns:1fr 1fr}
  .menu{display:none}
  .nav-extra{display:none}
  .nav__toggle{display:inline-flex}
  .site-nav-mobile{display:none}
  .nav__actions{margin-left:auto}      /* hamburger + akcje dosunięte do prawej */
  .catbar-strip{display:none}          /* pasek kategorii schowany — kategorie są w hamburgerze */
}
@media(max-width:600px){
  .cards,.features,.steps,.quotes,.trust__grid,ul.products{grid-template-columns:1fr!important}
  .hero__meta{gap:1.2rem}
  .foot__grid{grid-template-columns:1fr}
  .foot__bar{flex-direction:column}
  .nav{min-height:90px;gap:.6rem}
  .nav__actions{gap:.5rem}
  /* baner: napisy niżej + bez plakietki z kropką */
  .hero-full{align-items:flex-end}
  .hero-full__inner{padding-block:2rem 2.75rem}
  .hero-full .hero__badge{display:none}
}

/* mobile nav panel */
.m-nav{position:fixed;inset:0;background:var(--paper);z-index:200;transform:translateX(100%);
  transition:transform .3s;display:flex;flex-direction:column;padding:24px;
  overflow-y:auto;-webkit-overflow-scrolling:touch}
.m-nav__top{position:sticky;top:-24px;background:var(--paper);padding-top:4px;z-index:2}
.m-nav.open{transform:translateX(0)}
.m-nav__top{display:flex;justify-content:space-between;align-items:center;min-height:50px}
.m-nav ul{list-style:none;margin-top:2rem}
.m-nav li{border-bottom:1px solid var(--line)}
.m-nav a{display:block;padding:1rem 0;font-family:var(--ff-display);font-size:1.3rem;color:var(--ink)}
.m-nav .btn{margin-top:1.5rem;justify-content:center}
/* kategorie wpięte do menu mobilnego */
.m-nav__cats{margin-top:1.4rem;border-top:1px solid var(--line);padding-top:1rem}
.m-nav__cats h5{margin:0 0 .2rem;font-family:var(--ff-display);text-transform:uppercase;
  letter-spacing:.16em;font-size:.72rem;font-weight:600;color:var(--ink-3)}
.m-nav__cats ul{list-style:none;margin:0}
.m-nav__cats li{border-bottom:1px solid var(--line)}
.m-nav__cats a{display:block;padding:.72rem 0;font-family:var(--ff-display);font-size:1.05rem;color:var(--ink)}
.m-nav__cats a.is-active{color:var(--accent-d)}
/* Hamburger: większe logo + lepsze przyciski */
.m-nav__top{min-height:70px}
.m-nav__top .brand .txt{font-size:1.95rem}
.m-nav__top .brand__crown svg{width:58px;height:auto}
.m-nav__top .brand .tagline{font-size:.64rem}
.m-nav__top .brand__img{max-height:96px}
.m-nav .btn{width:100%;padding:1.05rem 1.3rem;font-size:1.02rem;border-radius:var(--r-pill)}
.m-nav .btn + .btn{margin-top:.9rem}
.m-nav .btn--ghost{border-color:var(--ink);color:var(--ink)}
.m-nav .btn--ghost:hover{background:var(--ink);color:#fff}

/* Mobile: margines od krawędzi (blokowy koszyk/checkout wychodził na full-width) */
@media(max-width:768px){
  .entry-content .alignwide,.entry-content .alignfull,
  .wp-block-woocommerce-cart,.wp-block-woocommerce-checkout{
    margin-left:auto!important;margin-right:auto!important;max-width:100%!important;
    padding-left:5px;padding-right:5px;
  }
  .woo-inner{padding-left:5px;padding-right:5px}
}
/* Pasek darmowej dostawy w koszyku — niebieskie (granat) tło + złote litery */
.ak-freeship{max-width:820px;margin:0 auto 1.3rem;padding:.9rem 1.2rem;border:1px solid var(--gold);
  border-radius:12px;background:var(--ink);
  font-family:var(--ff-display);color:var(--gold);text-align:center;font-size:1rem}
.ak-freeship span{color:rgba(198,160,82,.72);font-size:.9em}
.ak-freeship strong{color:var(--gold)}
.ak-freeship.is-free{background:var(--ink);border-color:var(--gold)}
.ak-freeship.is-free strong{color:var(--gold)}
/* Koszyk/checkout blokowy: bez krótkiego opisu produktu w wierszu */
.wc-block-components-product-metadata__description{display:none!important}
/* Formularz „Łatwe zwroty" (wtyczka zwrotów) — spójny wygląd marki */
.sz-form input[type=text],.sz-form input[type=email],.sz-form input[type=number],.sz-form textarea{
  width:100%;border:1px solid var(--line);border-radius:10px;padding:.72em .9em;font-size:1rem;
  font-family:var(--ff-body);background:#fff;transition:border-color .15s,box-shadow .15s}
.sz-form input:focus,.sz-form textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(198,160,82,.18)}
.sz-button,.sz-form .button{display:inline-flex;align-items:center;justify-content:center;
  background:var(--ink);color:#fff;border:0;border-radius:var(--r-pill);cursor:pointer;
  padding:.85em 1.9em;font-family:var(--ff-display);font-weight:600;font-size:1rem;letter-spacing:.01em;
  box-shadow:var(--shadow-sm);transition:background .15s,color .15s,transform .15s}
.sz-button:hover,.sz-form .button:hover{background:var(--gold);color:var(--ink);transform:translateY(-1px)}
.sz-req{color:var(--accent-d)}
/* Checkout blokowy: NIP zaraz pod „Nazwa firmy" (pola dodatkowe renderują się na końcu) */
.wc-block-components-address-form__country{order:1}
.wc-block-components-address-form__first_name{order:2}
.wc-block-components-address-form__last_name{order:3}
.wc-block-components-address-form__company{order:4}
.wc-block-components-address-form [class*="artking/nip"],
.wc-block-components-address-form [class*="artking\/nip"],
.wc-block-components-address-form [class*="__artking"]{order:5;grid-column:1 / -1}
.wc-block-components-address-form__address_1{order:6}
.wc-block-components-address-form__address_2{order:7}
.wc-block-components-address-form__postcode{order:8}
.wc-block-components-address-form__city{order:9}
.wc-block-components-address-form__state{order:10}
.wc-block-components-address-form__phone{order:11}

/* ============================================================
   16. LOGO LOCKUP (korona + ART KING)
============================================================ */
/* Logo pionowe (korona NAD napisem) */
.brand.brand--stack{flex-direction:column;align-items:center;gap:.28rem;text-align:center}
.brand__img{max-height:108px;width:auto;display:block}
.brand__crown{display:flex;justify-content:center}
.brand__text{display:flex;flex-direction:column;align-items:center;line-height:1}
.brand .txt{font-family:"Playfair Display",Georgia,serif;font-weight:700;font-size:1.6rem;
  letter-spacing:.16em;color:var(--ink);line-height:1;margin-top:.2rem}
.brand__rule{display:flex;align-items:center;gap:.45rem;width:100%;min-width:150px;margin:.34rem 0 .28rem}
.brand__rule>span:first-child,.brand__rule>span:last-child{height:1.5px;background:var(--gold);flex:1}
.brand__rule .dmd{width:7px;height:7px;background:var(--gold);transform:rotate(45deg);flex:0 0 auto}
.brand .tagline{font-family:var(--ff-display);font-weight:500;font-size:.56rem;letter-spacing:.2em;
  text-transform:uppercase;color:var(--ink-2);white-space:nowrap}
.site-footer .brand .txt,.foot__brand .txt{color:#fff}
.site-footer .brand .tagline,.foot__brand .tagline{color:var(--gold)}
@media(max-width:600px){
  .brand .txt{font-size:1.55rem;letter-spacing:.12em}
  .brand__img{max-height:82px}
}

/* ============================================================
   17. HEADER: switcher język/waluta + Współpraca
============================================================ */
.switcher{position:relative}
.switcher>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:.4em;
  font-family:var(--ff-display);font-weight:500;font-size:.9rem;color:var(--ink);
  padding:.5em .8em;border:1px solid var(--line);border-radius:var(--r-pill);background:var(--white)}
.switcher>summary::-webkit-details-marker{display:none}
.switcher>summary::after{content:"▾";font-size:.8em;color:var(--ink-3)}
.switcher[open]>summary{border-color:var(--accent)}
.switcher__pop{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid var(--line);
  border-radius:14px;box-shadow:var(--shadow);padding:.6rem;min-width:190px;z-index:120}
.switcher__grp{padding:.3rem .4rem}
.switcher__grp h5{margin:0 0 .35rem;font-family:var(--ff-display);font-size:.68rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--ink-3)}
.switcher__grp a{display:flex;align-items:center;gap:.5em;padding:.4em .5em;border-radius:8px;
  font-size:.92rem;color:var(--ink);font-family:var(--ff-body)}
.switcher__grp a:hover{background:var(--paper-2)}
.switcher__grp a.is-active{color:var(--accent-d);font-weight:600}
.switcher__grp a .fl{font-size:1.05em}
.switcher__sep{height:1px;background:var(--line);margin:.4rem 0}
.btn--gold{background:var(--gold);color:var(--ink)}
.btn--gold:hover{background:var(--gold-d);color:var(--ink)}

/* ============================================================
   18. HERO PEŁNOEKRANOWE (wideo w tle)
============================================================ */
.hero-full{position:relative;min-height:min(88vh,880px);display:flex;align-items:center;
  overflow:hidden;background:linear-gradient(120deg,#0f1830,var(--ink) 60%,#1c2c4c)}
.hero-full__media{position:absolute;inset:0;z-index:0}
.hero-full__media video,.hero-full__media img{width:100%;height:100%;object-fit:cover;display:block}
.hero-full__overlay{position:absolute;inset:0;z-index:1;
  background:linear-gradient(90deg,rgba(11,18,34,.86),rgba(11,18,34,.58) 46%,rgba(11,18,34,.22) 78%,rgba(11,18,34,.05))}
.hero-full__inner{position:relative;z-index:2;width:100%;padding-block:clamp(3rem,8vh,7rem)}
.hero-full__copy{max-width:660px;color:#fff}
.hero-full__copy h1{color:#fff;margin-bottom:.6rem}
.hero-full__copy h1 span{color:var(--gold)}
.hero-full__copy .lead{color:#e9e4d6}
.hero-full .hero__badge{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.24);
  color:#fff;box-shadow:none;backdrop-filter:blur(4px)}
.hero-full .hero__badge .dot{background:var(--gold)}
.hero-full .hero__cta{margin-top:2.2rem}
.hero-full .btn--ghost{color:#fff;border-color:rgba(255,255,255,.45);background:transparent}
.hero-full .btn--ghost:hover{background:rgba(255,255,255,.12);border-color:#fff;color:#fff}
.hero-novid-hint{position:absolute;z-index:2;bottom:20px;left:0;right:0;display:flex;
  align-items:center;justify-content:center;gap:.6rem;color:rgba(255,255,255,.55);
  font-size:.82rem;font-family:var(--ff-display)}
.hero-novid-hint b{color:rgba(255,255,255,.75);font-weight:600}
@media(max-width:700px){
  .hero-full{min-height:78vh}
  .hero-full__overlay{background:linear-gradient(180deg,rgba(11,18,34,.6),rgba(11,18,34,.82))}
}

/* ============================================================
   19. B2B — Współpraca handlowa (formularz)
============================================================ */
.b2b{max-width:920px;margin-inline:auto}
.b2b__grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}
.b2b__benefits{list-style:none;margin:1.5rem 0 0}
.b2b__benefits li{display:flex;gap:.7rem;align-items:flex-start;margin-bottom:1rem;color:var(--ink-2)}
.b2b__benefits li svg{flex:0 0 auto;color:var(--accent-d);margin-top:2px}
.b2b__card{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:2rem;box-shadow:var(--shadow-sm)}
.b2b__card h3{margin-bottom:1.2rem}
.b2b-form .row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.b2b-form label{display:block;margin-bottom:1rem;font-size:.9rem;font-weight:500;color:var(--ink-2)}
.b2b-form input{width:100%;margin-top:.35rem;padding:.75em .9em;border:1px solid var(--line);
  border-radius:10px;font-family:var(--ff-body);font-size:1rem;background:var(--paper)}
.b2b-form input:focus{outline:none;border-color:var(--accent);background:#fff}
.b2b-form .btn{width:100%;justify-content:center;margin-top:.5rem}
.b2b-note{font-size:.82rem;color:var(--ink-3);margin-top:1rem}
.b2b-msg{padding:1rem 1.2rem;border-radius:12px;margin-bottom:1.5rem;font-size:.95rem}
.b2b-msg--ok{background:#eaf6ee;border:1px solid #b6e0c4;color:#1d7a45}
.b2b-msg--err{background:#fdeceb;border:1px solid #f3c3bf;color:#b23b30}
@media(max-width:820px){.b2b__grid{grid-template-columns:1fr}.b2b-form .row{grid-template-columns:1fr}}

/* ============================================================
   20. KARTY PRODUKTÓW (listing) + PAKIETY (karta produktu)
============================================================ */
/* karta: NAZWA → kategoria → opis → cena / szt. */
ul.products li.product{position:relative;padding-bottom:.4rem}
ul.products li.product .woocommerce-loop-product__title{padding:1rem 1rem 0;line-height:1.25}
.pcard-cat{padding:.3rem 1rem 0;font-family:var(--ff-display);font-size:.68rem;font-weight:600;
  letter-spacing:.16em;text-transform:uppercase;color:var(--accent-d)}
.pcard-desc{padding:.35rem 1rem 0;font-size:.85rem;color:var(--ink-2);line-height:1.45}
ul.products li.product .price{padding:.5rem 1rem 1rem}
.price .per{color:var(--ink-3);font-weight:400;font-size:.82em;font-family:var(--ff-body)}
/* hover: Zobacz opakowania */
.pcard-see{position:absolute;top:26%;left:50%;transform:translate(-50%,-50%) scale(.94);
  opacity:0;pointer-events:none;z-index:6;white-space:nowrap;
  background:var(--ink);color:#fff!important;padding:.65em 1.3em;border-radius:var(--r-pill);
  font-family:var(--ff-display);font-weight:500;font-size:.92rem;box-shadow:var(--shadow);
  transition:opacity .2s,transform .2s}
ul.products li.product:hover .pcard-see{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}
.pcard-see:hover{background:var(--gold);color:var(--ink)!important}
/* nakładka „100 szt." na zdjęciu */
.pcard-qty{position:absolute;top:.85rem;left:.85rem;z-index:5;
  display:inline-flex;align-items:center;gap:.2em;
  background:var(--ink);color:var(--gold);font-family:var(--ff-display);
  font-weight:600;font-size:.8rem;letter-spacing:.04em;line-height:1;
  padding:.42em .68em;border-radius:7px;border:1px solid rgba(198,160,82,.55);
  box-shadow:var(--shadow-sm);pointer-events:none}

/* pakiety na karcie produktu */
.tiers{border:1px solid var(--line);border-radius:14px;background:#fff;margin:1.1rem 0 .9rem;
  overflow:hidden;box-shadow:var(--shadow-sm)}
.tiers__title{padding:.8rem 1rem;font-family:var(--ff-display);font-weight:600;font-size:.95rem;
  background:var(--paper-2);border-bottom:1px solid var(--line);letter-spacing:.02em}
.tier{display:flex;align-items:center;gap:.7rem;padding:.75rem 1rem;border-bottom:1px solid var(--line);cursor:pointer;transition:background .15s}
.tier:last-child{border-bottom:0}
.tier:hover{background:var(--paper)}
.tier input{accent-color:var(--gold);width:17px;height:17px;flex:0 0 auto;cursor:pointer}
.tier__qty{font-family:var(--ff-display);font-weight:600;min-width:64px}
.tier__save{background:var(--gold);color:var(--ink);border-radius:var(--r-pill);
  font-size:.72rem;font-weight:700;padding:.18em .65em;font-family:var(--ff-body)}
.tier__price{margin-left:auto;font-weight:600;color:var(--ink)}
.tier__price .woocommerce-Price-amount{font-family:var(--ff-display)}
.tier--off{opacity:.55;cursor:not-allowed;background:var(--paper)}
.tier--off .tier__note{font-size:.8rem;color:#b23b30;font-weight:500}
.tier--off .tier__price{text-decoration:line-through;color:var(--ink-3);font-weight:400}
.tier-b2b{width:100%;justify-content:center;margin-bottom:1rem;font-size:.92rem}

/* ============================================================
   21. KARTA PRODUKTU: boks informacyjny + karuzela podobnych
============================================================ */
/* boks informacyjny (dostawa / zwrot / kontakt) */
.pinfo{border:1px solid var(--line);border-radius:14px;background:#fff;margin:.4rem 0 1.2rem;box-shadow:var(--shadow-sm)}
.pinfo__row{display:flex;gap:.85rem;align-items:flex-start;padding:.8rem 1rem;border-bottom:1px solid var(--line)}
.pinfo__row:last-child{border-bottom:0}
.pinfo__row svg{color:var(--accent-d);flex:0 0 auto;margin-top:2px}
.pinfo__row b{font-family:var(--ff-display);font-weight:600;display:block;font-size:.95rem;line-height:1.3}
.pinfo__row b a{color:var(--ink)}
.pinfo__row b a:hover{color:var(--accent-d)}
.pinfo__row span{font-size:.82rem;color:var(--ink-2)}

/* karuzela „Co powiesz na…?" */
.related.products,.up-sells.products{margin-top:64px;padding-top:40px;border-top:1px solid var(--line);position:relative}
.related.products>h2,.up-sells.products>h2{font-size:1.9rem;margin-bottom:.2rem}
.related.products>h2::after{content:"Produkty z tej kategorii w podobnym stylu";display:block;
  font-family:var(--ff-body);font-size:.95rem;color:var(--ink-2);font-weight:400;margin:.4rem 0 1.4rem}
.related.products ul.products,.up-sells.products ul.products{
  display:flex!important;grid-template-columns:none!important;gap:16px;overflow-x:auto;
  scroll-behavior:smooth;padding:6px 6px 16px;margin:0!important;-webkit-overflow-scrolling:touch}
.related.products ul.products li.product,.up-sells.products ul.products li.product{
  flex:0 0 240px;max-width:240px}
.related.products ul.products::-webkit-scrollbar,.up-sells.products ul.products::-webkit-scrollbar{height:6px}
.related.products ul.products::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}
.ak-carousel-arrow{position:absolute;top:56%;z-index:6;width:46px;height:46px;border-radius:50%;
  border:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:center;
  cursor:pointer;color:var(--ink);box-shadow:var(--shadow);transition:background .15s,color .15s}
.ak-carousel-arrow:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.ak-carousel-arrow svg{width:22px;height:22px}
.ak-carousel-prev{left:-12px}
.ak-carousel-prev svg{transform:rotate(180deg)}
.ak-carousel-next{right:-12px}
@media(max-width:560px){.ak-carousel-prev{left:4px}.ak-carousel-next{right:4px}}

/* ============================================================
   22. POPRAWKI: tło, siatka, karta produktu, belka kategorii
============================================================ */
/* białe tło treści (poza stroną główną) */
body:not(.home){background:#fff}

/* FIX pustej pierwszej komórki: clearfix WooCommerce staje się grid-itemem */
.woocommerce ul.products::before,.woocommerce ul.products::after{content:none!important;display:none!important}

/* karty: wyraźny margines między krawędzią boksu a treścią */
.woocommerce ul.products li.product .woocommerce-loop-product__title{padding:1.1rem 1.5rem 0}
.pcard-cat{padding:.5rem 1.5rem 0}
.pcard-desc{padding:.4rem 1.5rem 0}
.woocommerce ul.products li.product .price{padding:.55rem 1.5rem 1.2rem}

/* tytuł produktu — wyraźnie mniejszy */
.woocommerce div.product .product_title{
  font-size:clamp(1.45rem,1.05rem + 1.4vw,2.05rem)!important;line-height:1.2;letter-spacing:0;margin-bottom:.4rem}

/* meta: zostaw tylko kategorię (ukryj SKU) */
.woocommerce div.product .product_meta .sku_wrapper{display:none}

/* zakładki: ukryj pasek „Opis / Opinie", zostaw samą treść */
.woocommerce div.product .woocommerce-tabs ul.tabs{display:none}
.woocommerce div.product .woocommerce-tabs .panel{margin:1.5rem 0 0;padding-top:0}
.woocommerce div.product .woocommerce-tabs .panel>h2:first-child{display:none}

/* opis — mniejsza typografia (opisy z Allegro mają gigantyczne H1/H2) */
.woocommerce div.product .woocommerce-tabs .panel{font-size:.98rem;color:var(--ink-2);line-height:1.7;max-width:900px}
.woocommerce div.product .woocommerce-tabs .panel h1{font-size:1.45rem;margin:.2rem 0 .6rem;color:var(--ink);line-height:1.25;letter-spacing:0}
.woocommerce div.product .woocommerce-tabs .panel h2{font-size:1.2rem;margin:1.3rem 0 .5rem;color:var(--ink);line-height:1.3}
.woocommerce div.product .woocommerce-tabs .panel h3{font-size:1.05rem;color:var(--ink);margin:1rem 0 .4rem}
.woocommerce div.product .woocommerce-tabs .panel p{margin:0 0 .8rem}
.woocommerce div.product .woocommerce-tabs .panel img{max-width:100%;height:auto;border-radius:10px;margin:.4rem 0}

/* pozioma belka kategorii — granatowy pasek na górze, pod nagłówkiem */
.catbar-strip{background:var(--ink);border-bottom:1px solid rgba(255,255,255,.08)}
.catbar{display:flex;gap:0;overflow-x:auto;padding:.75rem 0;margin:0;justify-content:safe center;
  -webkit-overflow-scrolling:touch;scrollbar-width:thin}
.catbar::-webkit-scrollbar{height:5px}
.catbar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:3px}
.catbar__item{flex:0 0 auto;white-space:nowrap;font-family:var(--ff-display);font-weight:500;
  font-size:.88rem;color:#EDEBF5;padding:.48em 1.15em;border:0;border-radius:0;
  background:transparent;transition:color .15s}
.catbar__item + .catbar__item{border-left:1px solid rgba(198,160,82,.55)}
.catbar__item:hover{color:var(--gold)}
.catbar__item.is-active{color:var(--gold)}
/* Przycisk „przewiń do góry" */
.to-top{position:fixed;right:1.4rem;bottom:1.4rem;z-index:200;width:48px;height:48px;
  display:flex;align-items:center;justify-content:center;border:1px solid var(--gold);border-radius:50%;
  background:var(--ink);color:var(--gold);cursor:pointer;box-shadow:var(--shadow);
  opacity:0;visibility:hidden;transform:translateY(12px);
  transition:opacity .25s,transform .25s,visibility .25s,background .15s,color .15s}
.to-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}
.to-top:hover{background:var(--gold);color:var(--ink)}
@media(max-width:600px){.to-top{right:1rem;bottom:1rem;width:44px;height:44px}}
@media(max-width:900px){.catbar{justify-content:flex-start}}

/* stronicowanie — odstęp od treści + stylizacja marki */
.woocommerce nav.woocommerce-pagination{margin-top:3.2rem;padding-top:.5rem;text-align:center}
.woocommerce nav.woocommerce-pagination ul{border:0;display:inline-flex;gap:.4rem}
.woocommerce nav.woocommerce-pagination ul li{border:0;margin:0;overflow:visible}
.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{
  border:1px solid var(--line)!important;border-radius:10px;min-width:44px;height:44px;
  display:inline-flex;align-items:center;justify-content:center;padding:0 .5em;
  font-family:var(--ff-display);font-weight:500;color:var(--ink);background:#fff;transition:all .15s}
.woocommerce nav.woocommerce-pagination ul li span.current{background:#fff!important;color:var(--accent-d)!important;border-color:var(--gold)!important;font-weight:700}
.woocommerce nav.woocommerce-pagination ul li a:hover{border-color:var(--ink)!important;background:var(--ink)!important;color:#fff!important}

/* ===== BLOG — Eleganckie Inspiracje ===== */
.page-hero .post-meta{margin:.7rem 0 0;font-family:var(--ff-display);font-size:.78rem;
  letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3)}
.post-cover{max-width:820px;margin:0 auto 2.4rem;border-radius:var(--r-lg);overflow:hidden;background:var(--paper-2)}
.post-cover img{display:block;width:100%;height:auto}
.post-back{max-width:820px;margin:3rem auto 0;text-align:center}
.single .entry-content h2{margin:2.2rem 0 .8rem}
.single .entry-content h3{margin:1.6rem 0 .6rem}
.single .entry-content p{margin-bottom:1.1rem;line-height:1.75}
.single .entry-content ul,.single .entry-content ol{margin:0 0 1.3rem 1.2rem}
.single .entry-content li{margin-bottom:.45rem;line-height:1.7}
.single .entry-content a{color:var(--accent-d);text-decoration:underline;text-underline-offset:2px}
.single .entry-content img{max-width:100%;height:auto;border-radius:var(--r-lg)}
