/* Iceland Pharm v3 — main.css */
:root {
  --mag:#CC00CC; --mag-dark:#aa00aa;
  --blk:#0a0a0a; --blk2:#1a1a1a;
  --gray:#888; --lgray:#e8e8e8; --xlight:#f7f7f7;
  --font:'Raleway',sans-serif;
  --tr:.18s ease;
  --border:1.5px solid #0a0a0a;
  --border-light:1px solid #e8e8e8;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--font);background:#fff;color:var(--blk);margin:0;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--blk);text-decoration:none;transition:color var(--tr)}
a:hover{color:var(--mag)}
p{line-height:1.7;color:var(--gray)}
ul{list-style:none;margin:0;padding:0}
h1,h2,h3,h4{margin:0}

/* PROMO BAR */
.ice-promo-bar{background:var(--blk);padding:9px 40px;display:flex;align-items:center;justify-content:center;gap:20px;font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#fff;position:relative}
.ice-promo-code{background:var(--mag);color:#fff;font-size:9px;font-weight:900;letter-spacing:.14em;padding:4px 12px}
.ice-promo-close{position:absolute;right:16px;background:none;border:none;color:#fff;cursor:pointer;font-size:18px;line-height:1;padding:0;opacity:.6}
.ice-promo-close:hover{opacity:1}

/* HEADER */
.ice-header{position:sticky;top:0;z-index:100;background:#fff;border-bottom:var(--border-light);box-shadow:0 1px 0 rgba(0,0,0,.06)}
.ice-nav{max-width:1280px;margin:0 auto;padding:0 40px;display:flex;align-items:center;height:58px;gap:32px}
.ice-logo{font-size:16px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--blk);white-space:nowrap;flex-shrink:0}
.ice-logo span{color:var(--mag)}
.ice-logo-img{height:32px;width:auto}
.ice-nav-links{display:flex;gap:28px;align-items:center;flex:1;justify-content:center}
.ice-nav-links a{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gray);transition:color var(--tr)}
.ice-nav-links a:hover{color:var(--blk)}
.ice-nav-right{display:flex;align-items:center;gap:14px;flex-shrink:0}
.ice-nav-cart{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gray);display:flex;align-items:center;gap:5px}
.ice-nav-cart:hover{color:var(--blk)}
.ice-cart-badge{background:var(--mag);color:#fff;font-size:8px;font-weight:900;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:1}
.ice-nav-btn{background:var(--mag);color:#fff !important;font-size:9px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;padding:7px 16px;border:none;cursor:pointer;display:inline-block;font-family:var(--font);transition:background var(--tr)}
.ice-nav-btn:hover{background:var(--mag-dark)}

/* BUTTONS */
.ice-btn-mag{display:inline-block;background:var(--mag);color:#fff !important;font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;padding:12px 28px;border:none;cursor:pointer;transition:background var(--tr);font-family:var(--font)}
.ice-btn-mag:hover{background:var(--mag-dark)}
.ice-btn-out{display:inline-block;background:transparent;color:var(--blk) !important;font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;padding:11px 24px;border:var(--border);cursor:pointer;transition:border-color var(--tr);font-family:var(--font)}
.ice-btn-out:hover{border-color:var(--mag);color:var(--mag) !important}

/* HERO */
.ice-hero{max-width:100%;display:grid;grid-template-columns:1fr 360px;min-height:440px;border-bottom:var(--border);overflow:hidden;position:relative}
.ice-hero-bg{position:absolute;right:0;top:0;width:360px;height:100%;background:var(--xlight);clip-path:polygon(12% 0,100% 0,100% 100%,0% 100%)}
.ice-hero-content{padding:56px 40px 56px 40px;position:relative;z-index:2;max-width:640px}
.ice-eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.ice-eyebrow-line{width:24px;height:2px;background:var(--mag);flex-shrink:0}
.ice-eyebrow span{font-size:9px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--mag)}
.ice-hero-h1{font-size:clamp(38px,5vw,54px);font-weight:900;line-height:.93;text-transform:uppercase;letter-spacing:-.02em;margin-bottom:18px;color:var(--blk)}
.ice-outline{-webkit-text-stroke:2px var(--blk);color:transparent}
.ice-accent{color:var(--mag);font-style:italic}
.ice-hero-sub{font-size:13px;color:var(--gray);line-height:1.75;max-width:380px;margin-bottom:26px}
.ice-hero-btns{display:flex;gap:10px;flex-wrap:wrap}
.ice-hero-visual{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;padding:32px}
.ice-hero-card{background:#fff;border:var(--border);padding:20px;width:210px;position:relative}
.ice-hero-card-badge{position:absolute;top:-1px;left:-1px;background:var(--mag);color:#fff;font-size:7px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;padding:4px 10px}
.ice-hero-card-img{height:80px;display:flex;align-items:center;justify-content:center;margin:24px 0 12px;background:var(--xlight);border:var(--border-light)}
.ice-hero-card-img img{max-height:76px;width:auto;object-fit:contain}
.ice-hero-card-name{font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin-bottom:2px}
.ice-hero-card-formula{font-size:9px;color:#bbb;font-style:italic;margin-bottom:10px}
.ice-hero-specs{width:100%;border-collapse:collapse}
.ice-hero-specs tr{border-top:1px solid #f0f0f0}
.ice-hero-specs td{padding:4px 0;font-size:9px}
.ice-hero-specs td:first-child{color:#aaa;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.ice-hero-specs td:last-child{text-align:right;font-weight:900;color:var(--mag)}

/* TRUST BAR */
.ice-trust-bar{display:grid;grid-template-columns:repeat(4,1fr);border-top:var(--border-light);border-bottom:var(--border)}
.ice-trust-item{padding:14px 20px;display:flex;align-items:center;gap:12px;border-right:var(--border-light)}
.ice-trust-item:last-child{border-right:none}
.ice-trust-icon{width:26px;height:26px;border:1.5px solid var(--mag);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ice-trust-dot{width:7px;height:7px;background:var(--mag)}
.ice-trust-text strong{display:block;font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;margin-bottom:1px;color:var(--blk)}
.ice-trust-text span{font-size:10px;color:var(--gray)}

/* TABS SECTION */
.ice-tabs-section{border-bottom:var(--border)}
.ice-tabs-head{padding:44px 40px 0;max-width:1280px;margin:0 auto}
.ice-tabs-title{font-size:26px;font-weight:900;text-transform:uppercase;letter-spacing:-.01em;color:var(--blk)}
.ice-tabs-title em{font-style:italic;color:var(--mag)}
.ice-tabs-nav{display:flex;align-items:stretch;border-bottom:var(--border);margin-top:24px}
.ice-tab-btn{font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;padding:13px 28px;border:none;border-right:var(--border);background:transparent;cursor:pointer;color:#bbb;position:relative;transition:color var(--tr);font-family:var(--font)}
.ice-tab-btn:hover{color:var(--blk)}
.ice-tab-btn.active{color:var(--blk)}
.ice-tab-btn.active::after{content:'';position:absolute;bottom:-1.5px;left:0;right:0;height:3px;background:var(--mag)}
.ice-tabs-viewall{font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gray);padding:13px 0 13px 28px;margin-left:auto;align-self:center;white-space:nowrap}
.ice-tabs-viewall:hover{color:var(--blk)}
.ice-tab-pane{display:none}
.ice-tab-pane.active{display:block}

/* PRODUCT GRID */
.ice-prod-grid{display:grid;grid-template-columns:repeat(3,1fr)}
.ice-prod-card{border-right:var(--border);border-bottom:var(--border);padding:24px;position:relative;overflow:hidden;transition:background var(--tr)}
.ice-prod-card:nth-child(3n){border-right:none}
.ice-prod-card:hover{background:#fdf5ff}
.ice-prod-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--mag);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.ice-prod-card:hover::after{transform:scaleX(1)}
.ice-pc-badge{font-size:8px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:var(--mag);margin-bottom:10px}
.ice-pc-img{height:80px;background:var(--xlight);border:var(--border-light);margin-bottom:12px;display:flex;align-items:center;justify-content:center}
.ice-pc-img img{max-height:76px;width:auto;object-fit:contain}
.ice-pc-img a{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.ice-pc-name{display:block;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin-bottom:2px;color:var(--blk)}
.ice-pc-name:hover{color:var(--mag)}
.ice-pc-formula{font-size:9px;color:#bbb;font-style:italic;margin-bottom:10px}
.ice-pc-specs{width:100%;border-collapse:collapse;margin-bottom:12px}
.ice-pc-specs tr{border-top:1px solid #f5f5f5}
.ice-pc-specs td{padding:3px 0;font-size:9px}
.ice-pc-specs td:first-child{color:#bbb;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.ice-pc-specs td:last-child{text-align:right;font-weight:900;color:var(--blk)}
.ice-pc-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px solid #f0f0f0}
.ice-pc-price{font-size:18px;font-weight:900;color:var(--blk)}
.ice-pc-btn,.ice-prod-card .button,.ice-prod-card a.button{background:var(--blk) !important;color:#fff !important;font-size:7px !important;font-weight:900 !important;letter-spacing:.12em !important;text-transform:uppercase !important;padding:5px 10px !important;border:none !important;cursor:pointer !important;border-radius:0 !important;font-family:var(--font) !important;transition:background var(--tr) !important;display:inline-block !important}
.ice-prod-card .button:hover,.ice-prod-card a.button:hover{background:var(--mag) !important}
.ice-no-products{padding:40px;color:var(--gray);font-size:13px;text-align:center;grid-column:1/-1}

/* RESEARCH BANNER */
.ice-research-banner{background:var(--blk);padding:16px 40px;display:flex;align-items:center;justify-content:space-between}
.ice-rb-left{display:flex;align-items:center;gap:14px}
.ice-rb-icon{width:26px;height:26px;border:1.5px solid var(--mag);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ice-rb-dot{width:7px;height:7px;background:var(--mag)}
.ice-rb-title{font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#fff;margin-bottom:1px}
.ice-rb-sub{font-size:10px;color:#666}
.ice-rb-badge{background:var(--mag);color:#fff;font-size:9px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;padding:6px 14px;white-space:nowrap}

/* CTA BAND */
.ice-cta-band{background:var(--mag);padding:24px 40px;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden}
.ice-cta-band::before,.ice-cta-band::after{content:'';position:absolute;top:0;bottom:0;width:40px;background:rgba(255,255,255,.07);transform:skewX(-8deg)}
.ice-cta-band::before{left:-10px}
.ice-cta-band::after{right:90px}
.ice-cta-txt{font-size:18px;font-weight:900;text-transform:uppercase;letter-spacing:-.01em;color:#fff;position:relative;z-index:1}
.ice-cta-right{display:flex;align-items:center;gap:14px;position:relative;z-index:1}
.ice-cta-pill{background:#fff;color:var(--mag);font-size:10px;font-weight:900;letter-spacing:.16em;padding:7px 16px;text-transform:uppercase}
.ice-cta-arrow{font-size:20px;font-weight:900;color:#fff;opacity:.5}

/* NEWSLETTER */
.ice-newsletter{display:grid;grid-template-columns:1fr 1fr;border-top:var(--border);border-bottom:var(--border)}
.ice-nl-left{padding:32px 40px;border-right:var(--border)}
.ice-nl-title{font-size:17px;font-weight:900;text-transform:uppercase;letter-spacing:-.01em;margin-bottom:8px;line-height:1.15;color:var(--blk)}
.ice-nl-title em{font-style:italic;color:var(--mag)}
.ice-nl-sub{font-size:12px;color:var(--gray);line-height:1.65}
.ice-nl-right{padding:32px 40px;display:flex;align-items:center}
.ice-nl-form{display:flex;width:100%}
.ice-nl-input{flex:1;border:var(--border);border-right:none;padding:11px 14px;font-size:12px;font-family:var(--font);outline:none;background:#fff}
.ice-nl-input:focus{border-color:var(--mag)}
.ice-nl-submit{background:var(--blk);color:#fff;font-size:9px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;padding:11px 20px;border:none;cursor:pointer;font-family:var(--font);white-space:nowrap;transition:background var(--tr)}
.ice-nl-submit:hover{background:var(--mag)}

/* FEATURES */
.ice-features{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:var(--border)}
.ice-feat{padding:28px;border-right:var(--border);position:relative;overflow:hidden}
.ice-feat:last-child{border-right:none}
.ice-feat-num{font-size:52px;font-weight:900;color:#f2f2f2;line-height:1;position:absolute;top:10px;right:14px;letter-spacing:-.04em;user-select:none}
.ice-feat-line{width:24px;height:2px;background:var(--mag);margin-bottom:14px}
.ice-feat-title{font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;margin-bottom:7px;color:var(--blk)}
.ice-feat-desc{font-size:11px;color:var(--gray);line-height:1.7}

/* SINGLE PRODUCT specs */
.ice-product-header-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}
.ice-loop-badge{font-size:8px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:var(--mag)}
.ice-extra-badge{font-size:8px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:var(--blk);background:var(--xlight);padding:3px 8px}
.ice-formula-tag{font-size:10px;color:var(--gray);font-style:italic}
.ice-mw-tag{font-size:10px;color:var(--gray);font-style:italic}
.ice-single-specs{margin:16px 0 20px;border:var(--border)}
.ice-single-specs-title{font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;padding:10px 14px;border-bottom:var(--border);background:var(--xlight);color:var(--gray)}
.ice-single-specs-table{width:100%;border-collapse:collapse}
.ice-single-specs-table tr{border-bottom:1px solid var(--lgray)}
.ice-single-specs-table tr:last-child{border-bottom:none}
.ice-single-specs-table td{padding:9px 14px;font-size:12px}
.ice-single-specs-table td:first-child{color:var(--gray);font-weight:600;letter-spacing:.06em;text-transform:uppercase;width:50%}
.ice-single-specs-table td:last-child{font-weight:900;color:var(--blk);text-align:right}

/* SHOP / ARCHIVE */
.ice-woo-wrap{max-width:1280px;margin:0 auto;padding:0 40px 64px}
.ice-shop-header{padding:40px 40px 20px;max-width:1280px;margin:0 auto}

/* PAGE */
.ice-page-wrap{max-width:1280px;margin:0 auto;padding:48px 40px 80px}
.ice-page-title{font-size:32px;font-weight:900;text-transform:uppercase;letter-spacing:-.01em;margin-bottom:24px}
.ice-page-body{font-size:14px;color:var(--gray);line-height:1.8}

/* 404 */
.ice-404{max-width:1280px;margin:0 auto;padding:80px 40px;text-align:center}
.ice-404 h1{font-size:52px;font-weight:900;text-transform:uppercase;margin-bottom:16px}
.ice-404 p{color:var(--gray);font-size:14px;margin-bottom:32px}

/* FOOTER */
.ice-footer{border-top:var(--border)}
.ice-footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;border-bottom:var(--border)}
.ice-fc{padding:30px 28px;border-right:var(--border)}
.ice-fc:last-child{border-right:none}
.ice-fc-logo{font-size:14px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px;color:var(--blk)}
.ice-logo-img-footer{height:28px;width:auto}
.ice-fc-desc{font-size:11px;color:var(--gray);line-height:1.7;max-width:200px}
.ice-fc h4{font-size:8px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#ccc;margin-bottom:12px;padding-bottom:6px;border-bottom:1px solid #f0f0f0}
.ice-fc ul li{margin-bottom:8px}
.ice-fc ul li a{font-size:11px;color:var(--gray)}
.ice-fc ul li a:hover{color:var(--mag)}
.ice-footer-bar{padding:12px 40px;display:flex;justify-content:space-between;align-items:center;gap:16px}
.ice-footer-copy{font-size:9px;color:#ccc;letter-spacing:.06em}
.ice-footer-disc{font-size:9px;color:#ccc;max-width:480px;text-align:right;line-height:1.5}

/* RESPONSIVE */
@media(max-width:960px){
  .ice-hero{grid-template-columns:1fr}
  .ice-hero-bg,.ice-hero-visual{display:none}
  .ice-trust-bar{grid-template-columns:repeat(2,1fr)}
  .ice-prod-grid{grid-template-columns:repeat(2,1fr)}
  .ice-prod-card:nth-child(3n){border-right:var(--border)}
  .ice-prod-card:nth-child(2n){border-right:none}
  .ice-features{grid-template-columns:1fr}
  .ice-footer-grid{grid-template-columns:1fr 1fr}
  .ice-nav-links{display:none}
  .ice-newsletter{grid-template-columns:1fr}
  .ice-nl-left{border-right:none;border-bottom:var(--border)}
}
@media(max-width:600px){
  .ice-nav{padding:0 16px}
  .ice-hero-content{padding:36px 16px}
  .ice-prod-grid{grid-template-columns:1fr}
  .ice-prod-card:nth-child(2n){border-right:var(--border)}
  .ice-footer-grid{grid-template-columns:1fr}
  .ice-footer-bar{flex-direction:column;text-align:center}
  .ice-footer-disc{text-align:center;max-width:100%}
  .ice-tabs-nav{overflow-x:auto}
  .ice-woo-wrap,.ice-page-wrap,.ice-shop-header{padding-left:16px;padding-right:16px}
}
/* ============================================================
   ICELAND PHARM — POPRAWKA SZEROKOŚCI
   Wklej na KONIEC pliku assets/css/main.css
   ============================================================ */

/* Główny wrapper całej strony */
body {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 0 60px rgba(0,0,0,.06);
}

/* Hero — ogranicz szerokość contentu */
.ice-hero {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}

/* Trust bar */
.ice-trust-bar {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}

/* Tabs section */
.ice-tabs-section {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}

/* Research banner */
.ice-research-banner {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}

/* CTA band */
.ice-cta-band {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}

/* Newsletter */
.ice-newsletter {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}

/* Features */
.ice-features {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}

/* Footer */
.ice-footer {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}

/* Promo bar */
.ice-promo-bar {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}

/* Header nav wewnętrzny padding */
.ice-nav {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 48px;
  padding-right: 48px;
}

/* Wewnętrzne sekcje — padding boczny */
.ice-hero-content,
.ice-tabs-head,
.ice-section-head,
.ice-home-products,
.ice-woo-wrap,
.ice-page-wrap,
.ice-shop-header,
.ice-single-wrap,
.ice-footer-grid,
.ice-footer-bar {
  padding-left: 48px;
  padding-right: 48px;
}

/* Stats bar wewnętrzny */
.ice-stats-inner {
  padding-left: 48px;
  padding-right: 48px;
}

/* Features wewnętrzny */
.ice-features-inner {
  padding-left: 48px;
  padding-right: 48px;
}

/* Research banner wewnętrzny */
.ice-research-banner {
  padding-left: 48px;
  padding-right: 48px;
}

/* CTA wewnętrzny */
.ice-cta-band {
  padding-left: 48px;
  padding-right: 48px;
}

/* Newsletter wewnętrzny */
.ice-nl-left,
.ice-nl-right {
  padding-left: 48px;
  padding-right: 48px;
}

/* Responsive — mniejszy padding na tabletach */
@media (max-width: 1100px) {
  .ice-nav,
  .ice-hero-content,
  .ice-tabs-head,
  .ice-home-products,
  .ice-woo-wrap,
  .ice-page-wrap,
  .ice-shop-header,
  .ice-single-wrap,
  .ice-footer-grid,
  .ice-footer-bar,
  .ice-stats-inner,
  .ice-features-inner,
  .ice-research-banner,
  .ice-cta-band,
  .ice-nl-left,
  .ice-nl-right {
    padding-left: 32px;
    padding-right: 32px;
  }
}

@media (max-width: 600px) {
  .ice-nav,
  .ice-hero-content,
  .ice-tabs-head,
  .ice-home-products,
  .ice-woo-wrap,
  .ice-page-wrap,
  .ice-shop-header,
  .ice-single-wrap,
  .ice-footer-grid,
  .ice-footer-bar,
  .ice-stats-inner,
  .ice-features-inner,
  .ice-research-banner,
  .ice-cta-band,
  .ice-nl-left,
  .ice-nl-right {
    padding-left: 16px;
    padding-right: 16px;
  }
/* ============================================================
   ICELAND PHARM — SKLEP / KATEGORIE
   Wklej na KONIEC pliku assets/css/main.css
   ============================================================ */

/* ── CATEGORY HERO ── */
.ice-cat-hero {
  background: #0a0a0a;
  padding: 44px 48px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 32px;
  border-bottom: 1.5px solid #0a0a0a;
}
.ice-cat-eyebrow {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}
.ice-cat-eyebrow-line { width: 20px; height: 2px; background: #CC00CC; flex-shrink: 0; }
.ice-cat-eyebrow span {
  font-size: 9px; font-weight: 700; letter-spacing: .22em;
  text-transform: uppercase; color: #CC00CC;
}
.ice-cat-title {
  font-size: clamp(32px,5vw,52px);
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: -.02em;
  line-height: .95;
  color: #fff;
  margin-bottom: 12px;
}
.ice-cat-title em { font-style: italic; color: #CC00CC; }
.ice-cat-desc { font-size: 13px; color: #666; line-height: 1.7; max-width: 420px; }
.ice-cat-stats { display: flex; gap: 32px; align-items: flex-end; flex-shrink: 0; }
.ice-cat-stat-n { font-size: 28px; font-weight: 900; color: #CC00CC; line-height: 1; margin-bottom: 3px; }
.ice-cat-stat-l { font-size: 8px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: #555; }

/* ── CATEGORY TABS ── */
.ice-cat-tabs {
  display: flex;
  align-items: flex-end;
  border-bottom: 1.5px solid #0a0a0a;
  background: #fff;
  padding: 0 48px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.ice-cat-tabs::-webkit-scrollbar { display: none; }
.ice-cat-tab {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  padding: 15px 24px;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  cursor: pointer;
  color: #bbb;
  position: relative;
  font-family: var(--font);
  transition: color var(--tr);
  white-space: nowrap;
  box-shadow: none;
  text-decoration: none;
  display: inline-block;
}
.ice-cat-tab:hover { color: #0a0a0a; }
.ice-cat-tab.active { color: #0a0a0a; }
.ice-cat-tab.active::after {
  content: '';
  position: absolute;
  bottom: -1.5px;
  left: 0;
  right: 0;
  height: 3px;
  background: #CC00CC;
}
.ice-cat-tab-cnt {
  font-size: 9px;
  font-weight: 900;
  background: #f0f0f0;
  color: #aaa;
  padding: 2px 6px;
  margin-left: 5px;
  border-radius: 20px;
  display: inline-block;
}
.ice-cat-tab.active .ice-cat-tab-cnt { background: #CC00CC; color: #fff; }

/* ── TOOLBAR ── */
.ice-shop-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 13px 48px;
  border-bottom: 1.5px solid #0a0a0a;
  background: #fafafa;
}
.ice-result-count {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #aaa;
}
.ice-result-count strong { color: #0a0a0a; }
.ice-toolbar-right { display: flex; align-items: center; gap: 10px; }
.ice-sort-label {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #aaa;
}
.ice-sort-select {
  border: 1.5px solid #0a0a0a;
  background: #fff;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  padding: 7px 10px;
  font-family: var(--font);
  cursor: pointer;
  color: #0a0a0a;
  border-radius: 0;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
}
.ice-sort-form { display: flex; }

/* ── LAYOUT ── */
.ice-shop-layout {
  display: grid;
  grid-template-columns: 220px 1fr;
  border-bottom: 1.5px solid #0a0a0a;
  align-items: start;
}

/* ── SIDEBAR ── */
.ice-shop-sidebar {
  border-right: 1.5px solid #0a0a0a;
  position: sticky;
  top: 58px;
}
.ice-active-filters {
  padding: 12px 20px;
  border-bottom: 1px solid #e8e8e8;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}
.ice-active-tag {
  display: flex;
  align-items: center;
  gap: 5px;
  background: #fff0ff;
  border: 1px solid #CC00CC;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #CC00CC;
  padding: 3px 8px;
}
.ice-tag-x { color: #CC00CC; text-decoration: none; font-size: 13px; line-height: 1; }
.ice-clear-all {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #aaa;
  padding: 10px 20px;
  display: block;
  border-bottom: 1px solid #e8e8e8;
  text-decoration: none;
  transition: color var(--tr);
}
.ice-clear-all:hover { color: #CC00CC; }
.ice-filter-group { border-bottom: 1px solid #e8e8e8; }
.ice-filter-head {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 13px 20px;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #0a0a0a;
  cursor: pointer;
}
.ice-filter-head svg { flex-shrink: 0; }
.ice-filter-body { padding: 4px 20px 14px; }
.ice-filter-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 5px 0;
  cursor: pointer;
  text-decoration: none;
  transition: color var(--tr);
}
.ice-filter-item-active .ice-filter-label { color: #0a0a0a; font-weight: 700; }
.ice-filter-check {
  width: 14px;
  height: 14px;
  border: 1.5px solid #ddd;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all var(--tr);
}
.ice-filter-check.checked { background: #CC00CC; border-color: #CC00CC; }
.ice-filter-check.checked::after { content: '✓'; color: #fff; font-size: 9px; font-weight: 900; }
.ice-filter-label { font-size: 11px; color: #666; flex: 1; }
.ice-filter-item:hover .ice-filter-label { color: #0a0a0a; }
.ice-filter-count { font-size: 10px; color: #bbb; font-weight: 600; }
.ice-price-inputs {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 8px;
}
.ice-price-input {
  border: 1.5px solid #e0e0e0;
  padding: 6px 8px;
  font-size: 11px;
  width: 76px;
  font-family: var(--font);
  font-weight: 700;
  border-radius: 0;
  outline: none;
  color: #0a0a0a;
}
.ice-price-input:focus { border-color: #CC00CC; }
.ice-price-sep { font-size: 11px; color: #aaa; }
.ice-price-apply {
  background: #0a0a0a;
  color: #fff;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
  padding: 8px 0;
  border: none;
  cursor: pointer;
  width: 100%;
  font-family: var(--font);
  transition: background var(--tr);
  border-radius: 0;
}
.ice-price-apply:hover { background: #CC00CC; }

/* ── PRODUCTS AREA ── */
.ice-shop-products { min-height: 400px; }
.ice-shop-products .ice-prod-grid {
  grid-template-columns: repeat(3,1fr);
}
.ice-shop-products .ice-prod-card { border-right: 1.5px solid #0a0a0a; }
.ice-shop-products .ice-prod-card:nth-child(3n) { border-right: none; }

/* Product flags */
.ice-pc-flag {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 7px;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
  padding: 4px 10px;
}
.ice-pc-flag-sale { background: #CC00CC; color: #fff; }
.ice-pc-flag-new  { background: #0a0a0a; color: #fff; }

/* ── PAGINATION ── */
.ice-shop-pagination {
  padding: 24px 32px;
  border-top: 1.5px solid #0a0a0a;
}
.ice-shop-pagination .page-numbers {
  display: flex;
  gap: 4px;
  list-style: none;
  margin: 0;
  padding: 0;
  flex-wrap: wrap;
}
.ice-shop-pagination .page-numbers li { margin: 0; }
.ice-shop-pagination .page-numbers a,
.ice-shop-pagination .page-numbers span {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  height: 34px;
  padding: 0 10px;
  border: 1.5px solid #0a0a0a;
  background: #fff;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .08em;
  color: #0a0a0a;
  text-decoration: none;
  font-family: var(--font);
  transition: all var(--tr);
}
.ice-shop-pagination .page-numbers .current {
  background: #CC00CC;
  border-color: #CC00CC;
  color: #fff;
}
.ice-shop-pagination .page-numbers a:hover {
  background: #fdf5ff;
  border-color: #CC00CC;
  color: #CC00CC;
}

/* ── NO PRODUCTS ── */
.ice-no-products {
  padding: 80px 32px;
  text-align: center;
  grid-column: 1/-1;
}
.ice-no-products svg { margin: 0 auto 16px; display: block; }
.ice-no-products p {
  font-size: 14px;
  color: #aaa;
  margin-bottom: 24px;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
}

/* ── RESPONSIVE ── */
@media (max-width: 960px) {
  .ice-shop-layout { grid-template-columns: 1fr; }
  .ice-shop-sidebar {
    border-right: none;
    border-bottom: 1.5px solid #0a0a0a;
    position: static;
    display: grid;
    grid-template-columns: repeat(2,1fr);
  }
  .ice-filter-group { border-right: 1px solid #e8e8e8; }
  .ice-cat-hero { flex-direction: column; gap: 20px; padding: 28px 24px; }
  .ice-cat-stats { gap: 20px; }
  .ice-shop-products .ice-prod-grid { grid-template-columns: repeat(2,1fr); }
  .ice-shop-products .ice-prod-card:nth-child(3n) { border-right: 1.5px solid #0a0a0a; }
  .ice-shop-products .ice-prod-card:nth-child(2n) { border-right: none; }
  .ice-cat-tabs { padding: 0 24px; }
  .ice-shop-toolbar { padding: 12px 24px; }
}
@media (max-width: 600px) {
  .ice-shop-sidebar { grid-template-columns: 1fr; }
  .ice-shop-products .ice-prod-grid { grid-template-columns: 1fr; }
  .ice-shop-products .ice-prod-card:nth-child(2n) { border-right: 1.5px solid #0a0a0a; }
  .ice-shop-products .ice-prod-card:nth-child(1n) { border-right: none; }
  .ice-cat-title { font-size: 28px; }
/* ============================================================
   ICELAND PHARM — SKLEP / KATEGORIE
   Wklej na KONIEC pliku assets/css/main.css
   ============================================================ */

/* ── CATEGORY HERO ── */
.ice-cat-hero {
  background: #0a0a0a;
  padding: 44px 48px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 32px;
  border-bottom: 1.5px solid #0a0a0a;
}
.ice-cat-eyebrow {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}
.ice-cat-eyebrow-line { width: 20px; height: 2px; background: #CC00CC; flex-shrink: 0; }
.ice-cat-eyebrow span {
  font-size: 9px; font-weight: 700; letter-spacing: .22em;
  text-transform: uppercase; color: #CC00CC;
}
.ice-cat-title {
  font-size: clamp(32px,5vw,52px);
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: -.02em;
  line-height: .95;
  color: #fff;
  margin-bottom: 12px;
}
.ice-cat-title em { font-style: italic; color: #CC00CC; }
.ice-cat-desc { font-size: 13px; color: #666; line-height: 1.7; max-width: 420px; }
.ice-cat-stats { display: flex; gap: 32px; align-items: flex-end; flex-shrink: 0; }
.ice-cat-stat-n { font-size: 28px; font-weight: 900; color: #CC00CC; line-height: 1; margin-bottom: 3px; }
.ice-cat-stat-l { font-size: 8px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: #555; }

/* ── CATEGORY TABS ── */
.ice-cat-tabs {
  display: flex;
  align-items: flex-end;
  border-bottom: 1.5px solid #0a0a0a;
  background: #fff;
  padding: 0 48px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.ice-cat-tabs::-webkit-scrollbar { display: none; }
.ice-cat-tab {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  padding: 15px 24px;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  cursor: pointer;
  color: #bbb;
  position: relative;
  font-family: var(--font);
  transition: color var(--tr);
  white-space: nowrap;
  box-shadow: none;
  text-decoration: none;
  display: inline-block;
}
.ice-cat-tab:hover { color: #0a0a0a; }
.ice-cat-tab.active { color: #0a0a0a; }
.ice-cat-tab.active::after {
  content: '';
  position: absolute;
  bottom: -1.5px;
  left: 0;
  right: 0;
  height: 3px;
  background: #CC00CC;
}
.ice-cat-tab-cnt {
  font-size: 9px;
  font-weight: 900;
  background: #f0f0f0;
  color: #aaa;
  padding: 2px 6px;
  margin-left: 5px;
  border-radius: 20px;
  display: inline-block;
}
.ice-cat-tab.active .ice-cat-tab-cnt { background: #CC00CC; color: #fff; }

/* ── TOOLBAR ── */
.ice-shop-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 13px 48px;
  border-bottom: 1.5px solid #0a0a0a;
  background: #fafafa;
}
.ice-result-count {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #aaa;
}
.ice-result-count strong { color: #0a0a0a; }
.ice-toolbar-right { display: flex; align-items: center; gap: 10px; }
.ice-sort-label {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #aaa;
}
.ice-sort-select {
  border: 1.5px solid #0a0a0a;
  background: #fff;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  padding: 7px 10px;
  font-family: var(--font);
  cursor: pointer;
  color: #0a0a0a;
  border-radius: 0;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
}
.ice-sort-form { display: flex; }

/* ── LAYOUT ── */
.ice-shop-layout {
  display: grid;
  grid-template-columns: 220px 1fr;
  border-bottom: 1.5px solid #0a0a0a;
  align-items: start;
}

/* ── SIDEBAR ── */
.ice-shop-sidebar {
  border-right: 1.5px solid #0a0a0a;
  position: sticky;
  top: 58px;
}
.ice-active-filters {
  padding: 12px 20px;
  border-bottom: 1px solid #e8e8e8;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}
.ice-active-tag {
  display: flex;
  align-items: center;
  gap: 5px;
  background: #fff0ff;
  border: 1px solid #CC00CC;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #CC00CC;
  padding: 3px 8px;
}
.ice-tag-x { color: #CC00CC; text-decoration: none; font-size: 13px; line-height: 1; }
.ice-clear-all {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #aaa;
  padding: 10px 20px;
  display: block;
  border-bottom: 1px solid #e8e8e8;
  text-decoration: none;
  transition: color var(--tr);
}
.ice-clear-all:hover { color: #CC00CC; }
.ice-filter-group { border-bottom: 1px solid #e8e8e8; }
.ice-filter-head {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 13px 20px;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #0a0a0a;
  cursor: pointer;
}
.ice-filter-head svg { flex-shrink: 0; }
.ice-filter-body { padding: 4px 20px 14px; }
.ice-filter-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 5px 0;
  cursor: pointer;
  text-decoration: none;
  transition: color var(--tr);
}
.ice-filter-item-active .ice-filter-label { color: #0a0a0a; font-weight: 700; }
.ice-filter-check {
  width: 14px;
  height: 14px;
  border: 1.5px solid #ddd;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all var(--tr);
}
.ice-filter-check.checked { background: #CC00CC; border-color: #CC00CC; }
.ice-filter-check.checked::after { content: '✓'; color: #fff; font-size: 9px; font-weight: 900; }
.ice-filter-label { font-size: 11px; color: #666; flex: 1; }
.ice-filter-item:hover .ice-filter-label { color: #0a0a0a; }
.ice-filter-count { font-size: 10px; color: #bbb; font-weight: 600; }
.ice-price-inputs {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 8px;
}
.ice-price-input {
  border: 1.5px solid #e0e0e0;
  padding: 6px 8px;
  font-size: 11px;
  width: 76px;
  font-family: var(--font);
  font-weight: 700;
  border-radius: 0;
  outline: none;
  color: #0a0a0a;
}
.ice-price-input:focus { border-color: #CC00CC; }
.ice-price-sep { font-size: 11px; color: #aaa; }
.ice-price-apply {
  background: #0a0a0a;
  color: #fff;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
  padding: 8px 0;
  border: none;
  cursor: pointer;
  width: 100%;
  font-family: var(--font);
  transition: background var(--tr);
  border-radius: 0;
}
.ice-price-apply:hover { background: #CC00CC; }

/* ── PRODUCTS AREA ── */
.ice-shop-products { min-height: 400px; }
.ice-shop-products .ice-prod-grid {
  grid-template-columns: repeat(3,1fr);
}
.ice-shop-products .ice-prod-card { border-right: 1.5px solid #0a0a0a; }
.ice-shop-products .ice-prod-card:nth-child(3n) { border-right: none; }

/* Product flags */
.ice-pc-flag {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 7px;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
  padding: 4px 10px;
}
.ice-pc-flag-sale { background: #CC00CC; color: #fff; }
.ice-pc-flag-new  { background: #0a0a0a; color: #fff; }

/* ── PAGINATION ── */
.ice-shop-pagination {
  padding: 24px 32px;
  border-top: 1.5px solid #0a0a0a;
}
.ice-shop-pagination .page-numbers {
  display: flex;
  gap: 4px;
  list-style: none;
  margin: 0;
  padding: 0;
  flex-wrap: wrap;
}
.ice-shop-pagination .page-numbers li { margin: 0; }
.ice-shop-pagination .page-numbers a,
.ice-shop-pagination .page-numbers span {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  height: 34px;
  padding: 0 10px;
  border: 1.5px solid #0a0a0a;
  background: #fff;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .08em;
  color: #0a0a0a;
  text-decoration: none;
  font-family: var(--font);
  transition: all var(--tr);
}
.ice-shop-pagination .page-numbers .current {
  background: #CC00CC;
  border-color: #CC00CC;
  color: #fff;
}
.ice-shop-pagination .page-numbers a:hover {
  background: #fdf5ff;
  border-color: #CC00CC;
  color: #CC00CC;
}

/* ── NO PRODUCTS ── */
.ice-no-products {
  padding: 80px 32px;
  text-align: center;
  grid-column: 1/-1;
}
.ice-no-products svg { margin: 0 auto 16px; display: block; }
.ice-no-products p {
  font-size: 14px;
  color: #aaa;
  margin-bottom: 24px;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
}

/* ── RESPONSIVE ── */
@media (max-width: 960px) {
  .ice-shop-layout { grid-template-columns: 1fr; }
  .ice-shop-sidebar {
    border-right: none;
    border-bottom: 1.5px solid #0a0a0a;
    position: static;
    display: grid;
    grid-template-columns: repeat(2,1fr);
  }
  .ice-filter-group { border-right: 1px solid #e8e8e8; }
  .ice-cat-hero { flex-direction: column; gap: 20px; padding: 28px 24px; }
  .ice-cat-stats { gap: 20px; }
  .ice-shop-products .ice-prod-grid { grid-template-columns: repeat(2,1fr); }
  .ice-shop-products .ice-prod-card:nth-child(3n) { border-right: 1.5px solid #0a0a0a; }
  .ice-shop-products .ice-prod-card:nth-child(2n) { border-right: none; }
  .ice-cat-tabs { padding: 0 24px; }
  .ice-shop-toolbar { padding: 12px 24px; }
}
@media (max-width: 600px) {
  .ice-shop-sidebar { grid-template-columns: 1fr; }
  .ice-shop-products .ice-prod-grid { grid-template-columns: 1fr; }
  .ice-shop-products .ice-prod-card:nth-child(2n) { border-right: 1.5px solid #0a0a0a; }
  .ice-shop-products .ice-prod-card:nth-child(1n) { border-right: none; }
  .ice-cat-title { font-size: 28px; }
}