/* ==========================================================================
   Woblernia – child theme dla Classic (PrestaShop 8.2)
   Paleta: brąz / zieleń / żółte akcenty. Fonty: Fraunces, Caveat, Work Sans.
   ========================================================================== */

/* ---------- Fonty (lokalne, z polskimi znakami) ---------- */
@font-face { font-family: "Fraunces"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/fraunces-latin-ext-400-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Fraunces"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/fraunces-latin-400-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Fraunces"; font-style: italic; font-weight: 400; font-display: swap; src: url("../fonts/fraunces-latin-ext-400-italic.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Fraunces"; font-style: italic; font-weight: 400; font-display: swap; src: url("../fonts/fraunces-latin-400-italic.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Fraunces"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/fraunces-latin-ext-700-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Fraunces"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/fraunces-latin-700-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Fraunces"; font-style: normal; font-weight: 900; font-display: swap; src: url("../fonts/fraunces-latin-ext-900-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Fraunces"; font-style: normal; font-weight: 900; font-display: swap; src: url("../fonts/fraunces-latin-900-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Caveat"; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/caveat-latin-ext-500-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Caveat"; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/caveat-latin-500-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Caveat"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/caveat-latin-ext-700-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Caveat"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/caveat-latin-700-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Work Sans"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/work-sans-latin-ext-400-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Work Sans"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/work-sans-latin-400-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Work Sans"; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/work-sans-latin-ext-500-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Work Sans"; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/work-sans-latin-500-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Work Sans"; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/work-sans-latin-ext-600-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Work Sans"; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/work-sans-latin-600-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }

/* ---------- Zmienne ---------- */
:root {
  --wb-bark: #2f2118;
  --wb-walnut: #5b3d27;
  --wb-leather: #8a5f3c;
  --wb-kraft: #e8dac0;
  --wb-kraft-light: #f4ecdc;
  --wb-linen: #fbf7ef;
  --wb-forest: #2c3b25;
  --wb-moss: #4d6138;
  --wb-sage: #93a071;
  --wb-ochre: #e2ae2f;
  --wb-ochre-dark: #c08d17;
  --wb-rust: #b5532b;
  --wb-line: rgba(91, 61, 39, .18);
  --wb-serif: "Fraunces", Georgia, serif;
  --wb-hand: "Caveat", cursive;
  --wb-sans: "Work Sans", system-ui, -apple-system, sans-serif;
  --wb-noise: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='260' height='260'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .35 0 0 0 0 .22 0 0 0 0 .1 0 0 0 .16 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
  --wb-grain: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='900' height='600'><filter id='g'><feTurbulence type='fractalNoise' baseFrequency='.004 .09' numOctaves='4' seed='7'/><feColorMatrix values='0 0 0 0 .12 0 0 0 0 .07 0 0 0 0 .03 0 0 0 .55 0'/></filter><rect width='100%' height='100%' filter='url(%23g)'/></svg>");
  --wb-shadow: 0 1px 0 rgba(91,61,39,.08), 0 8px 24px -14px rgba(47,33,24,.35);
}

/* ---------- Podstawy ---------- */
body, html { font-family: var(--wb-sans); color: var(--wb-bark); }
body { background: var(--wb-kraft-light) var(--wb-noise); font-size: 1rem; line-height: 1.55; -webkit-font-smoothing: antialiased; }
#wrapper { background: transparent; box-shadow: none; padding-top: 0; }
a { color: var(--wb-walnut); }
a:hover, a:focus { color: var(--wb-moss); text-decoration: none; }
h1, h2, h3, h4, .h1, .h2, .h3, .h4 { font-family: var(--wb-serif); font-weight: 700; color: var(--wb-bark); letter-spacing: -.01em; text-transform: none; line-height: 1.15; }
.h5, .h6, h5, h6 { font-family: var(--wb-sans); font-weight: 600; color: var(--wb-walnut); }
p { color: #5d4a38; }
.text-muted { color: #7a6a57 !important; }
.material-icons { vertical-align: middle; }
.wb-ico { width: 22px; height: 22px; stroke: currentColor; fill: none; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; vertical-align: middle; }
.wb-kicker { font-family: var(--wb-hand); font-size: 1.75rem; line-height: 1; color: var(--wb-moss); font-weight: 500; }

@media (min-width: 1200px) { .container { width: 1310px; max-width: 100%; } }

/* ---------- Przyciski ---------- */
.btn { font-family: var(--wb-sans); text-transform: none; font-weight: 600; border-radius: 6px; }
.btn-primary, .btn-primary:disabled, .btn-primary.disabled { background: var(--wb-ochre); border-color: var(--wb-ochre); color: var(--wb-bark); box-shadow: 0 3px 0 var(--wb-ochre-dark); }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:active:focus { background: #ecbd45; border-color: #ecbd45; color: var(--wb-bark); }
.btn-secondary, .btn-tertiary { background: var(--wb-linen); border: 1.5px solid var(--wb-walnut); color: var(--wb-walnut); box-shadow: none; }
.btn-secondary:hover, .btn-tertiary:hover { background: var(--wb-kraft); color: var(--wb-bark); border-color: var(--wb-walnut); }
.wb-btn { display: inline-flex; align-items: center; gap: 10px; font-weight: 600; font-size: 1rem; padding: 15px 28px; border-radius: 6px; border: 2px solid transparent; line-height: 1.2; }
.wb-btn--yellow { background: var(--wb-ochre); color: var(--wb-bark); box-shadow: 0 3px 0 var(--wb-ochre-dark); }
.wb-btn--yellow:hover { background: #ecbd45; color: var(--wb-bark); }
.wb-btn--outline { border-color: var(--wb-walnut); color: var(--wb-walnut); }
.wb-btn--outline:hover { background: var(--wb-walnut); color: var(--wb-kraft-light); }
.wb-btn--dark { background: var(--wb-bark); color: var(--wb-ochre); }
.wb-btn--dark:hover { background: #1d140e; color: #f3c75a; }

/* ---------- Etykiety ---------- */
.wb-tag, .product-flags .product-flag { display: inline-block; font-family: var(--wb-sans); font-size: 12px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; padding: 4px 10px; border-radius: 3px; min-height: 0; line-height: 1.5; box-shadow: none; margin: 0; }
.wb-tag--series { background: var(--wb-forest); color: #efe6cc; }
.product-flags { display: flex; flex-wrap: wrap; gap: 6px; position: absolute; top: 12px; left: 12px; z-index: 2; margin: 0; padding: 0; pointer-events: none; width: auto; }
.product-flags li.product-flag { background: var(--wb-forest); color: #efe6cc; }
.product-flags li.product-flag.new { background: var(--wb-ochre); color: var(--wb-bark); }
.product-flags li.product-flag.on-sale, .product-flags li.product-flag.discount, .product-flags li.product-flag.wb-low-stock { background: var(--wb-rust); color: #fff4e4; }
.product-flags li.product-flag.out_of_stock { background: #8b7a66; color: #fff; }
.product-flags li.product-flag.online-only { background: var(--wb-moss); color: #fff; }
.product-flags li.product-flag.on-sale { order: -1; width: auto; margin-top: 0 !important; text-align: left; }

/* ==========================================================================
   NAGŁÓWEK
   ========================================================================== */
#header { background: transparent; box-shadow: none; color: var(--wb-bark); }
#header .header-nav { background: var(--wb-forest); border: 0; max-height: none; margin: 0; color: #e9e2c9; }
#header .header-nav .container { min-height: 38px; }
.wb-topbar__row { display: flex; justify-content: space-between; align-items: center; min-height: 38px; font-size: 13px; }
.wb-topbar__msg b { color: var(--wb-ochre); font-weight: 600; }
.wb-topbar__right { display: flex; align-items: center; gap: 22px; }
.wb-topbar__right, .wb-topbar__right a, .wb-topbar__right span, .wb-topbar__right .material-icons { color: #e9e2c9 !important; font-size: 13px; }
.wb-topbar__right #contact-link, .wb-topbar__right .language-selector-wrapper, .wb-topbar__right .currency-selector { margin: 0; padding: 0; }
.wb-topbar__right .dropdown-menu { background: var(--wb-linen); border-color: var(--wb-line); }
.wb-topbar__right .dropdown-menu a, .wb-topbar__right .dropdown-menu span { color: var(--wb-bark) !important; }
#header .header-nav .mobile { padding: 8px 0; }
#header .header-nav .mobile .material-icons, #header .header-nav #menu-icon .material-icons { color: #f4ecdc; }

#header .header-top { background: transparent; padding: 0; }
#header .header-top > .container:first-child { padding-top: 0; padding-bottom: 0; }
.wb-header__row { display: flex; align-items: center; gap: 36px; min-height: 96px; }
#_desktop_logo { width: auto; padding: 0; flex: none; }
.wb-logo-h1 { margin: 0; font-size: inherit; }
.wb-logo { display: inline-flex; align-items: center; gap: 14px; color: var(--wb-bark); }
.wb-logo:hover { color: var(--wb-bark); }
.wb-logo__mark { width: 58px; height: 58px; }
.wb-logo__text { display: flex; flex-direction: column; }
.wb-logo__name { font-family: var(--wb-serif); font-weight: 900; font-size: 30px; letter-spacing: .02em; line-height: 1; text-transform: uppercase; color: var(--wb-bark); }
.wb-logo__sub { font-family: var(--wb-hand); font-size: 20px; color: var(--wb-moss); line-height: 1; margin-top: 4px; font-weight: 500; }
.wb-header__search { flex: 1; }
#search_widget { width: 100%; max-width: none; float: none; min-width: 0; margin: 0; }
#search_widget form { position: relative; }
#search_widget form input[type=text] { width: 100%; height: 48px; padding: 0 56px 0 22px; background: var(--wb-linen); border: 1.5px solid rgba(91,61,39,.35); border-radius: 999px; color: var(--wb-bark); font-size: 15px; outline: none; box-shadow: none; }
#search_widget form input[type=text]:focus { border-color: var(--wb-moss); outline: 3px solid rgba(147,160,113,.35); background: #fff; }
#search_widget form input[type=text]::placeholder { color: #8b7a66; }
#search_widget form i.search { position: absolute; right: 6px; left: auto; top: 6px; width: 36px; height: 36px; line-height: 36px; text-align: center; border-radius: 50%; background: var(--wb-moss); color: #f4ecdc; padding: 0; font-size: 20px; }
#search_widget form i.clear { display: none; }
.wb-header__icons { display: flex; align-items: center; gap: 18px; flex: none; }
.wb-user a { display: inline-flex; align-items: center; gap: 8px; color: var(--wb-walnut); font-size: 14px; font-weight: 500; }
.wb-user a:hover { color: var(--wb-moss); }
.wb-user .logout { margin-left: 12px; font-size: 12px; color: #8b7a66; }
.wb-cart .header a, .wb-cart .header { display: inline-flex; align-items: center; gap: 8px; }
#header .wb-cart, #_desktop_cart .blockcart { background: var(--wb-walnut); color: var(--wb-kraft-light); padding: 10px 18px; border-radius: 999px; height: auto; margin: 0; font-weight: 600; font-size: 15px; }
#_desktop_cart .blockcart a, #_desktop_cart .blockcart .header { color: var(--wb-kraft-light); }
#_desktop_cart .blockcart.active { background: var(--wb-walnut); }
#_desktop_cart .cart-products-count { background: var(--wb-ochre); color: var(--wb-bark); border-radius: 999px; min-width: 22px; height: 22px; line-height: 22px; text-align: center; font-size: 12px; padding: 0 6px; }

.wb-nav { background: #6b4a2e var(--wb-grain); background-size: cover; border-top: 2px dashed rgba(91,61,39,.35); }
.wb-nav__row { display: flex; align-items: center; min-height: 54px; }
.wb-nav #_desktop_top_menu { flex: 1; margin: 0; padding: 0; }
.wb-nav .top-menu { margin: 0; display: flex; flex-wrap: wrap; gap: 4px 30px; }
.wb-nav .top-menu[data-depth="0"] > li { float: none; }
.wb-nav .top-menu a[data-depth="0"] { color: #f1e6cf; font-family: var(--wb-sans); font-weight: 500; font-size: 15px; text-transform: none; padding: 16px 0; letter-spacing: 0; }
.wb-nav .top-menu a[data-depth="0"]:hover, .wb-nav .top-menu .current > a[data-depth="0"] { color: var(--wb-ochre); }
.wb-nav .top-menu .sub-menu { background: var(--wb-linen); border: 1px solid var(--wb-line); border-radius: 0 0 12px 12px; box-shadow: 0 18px 30px -18px rgba(47,33,24,.5); margin-left: 0; top: 54px !important; }
.wb-nav .top-menu .sub-menu a { color: var(--wb-bark); }
.wb-nav .top-menu .sub-menu a[data-depth="1"] { font-family: var(--wb-serif); font-weight: 700; text-transform: none; }
.wb-nav .top-menu .sub-menu a:hover { color: var(--wb-moss); }
.wb-nav__hl { font-family: var(--wb-hand); font-size: 22px; color: var(--wb-ochre); white-space: nowrap; }
.wb-nav__hl:hover { color: #f3c75a; }
#mobile_top_menu_wrapper { background: var(--wb-linen); margin: 0; padding: 12px; }
#mobile_top_menu_wrapper .top-menu a { color: var(--wb-bark); }
.wb-mobile-search { padding-bottom: 10px; }

/* okruszki */
#wrapper .breadcrumb { background: transparent; padding: 22px 0 0; margin-bottom: 18px; font-size: 13px; }
#wrapper .breadcrumb li, #wrapper .breadcrumb li a { color: #8b7a66; }
#wrapper .breadcrumb li:last-child span { color: var(--wb-walnut); font-weight: 500; }
#wrapper .breadcrumb li::after { color: #b3a48e; content: "›"; margin: 0 .5rem; }
#index #wrapper .breadcrumb { display: none; }

/* ==========================================================================
   STRONA GŁÓWNA
   ========================================================================== */
#index #wrapper { padding-top: 0; }
.wb-hero { display: grid; grid-template-columns: 1fr 1.08fr; gap: 50px; align-items: center; padding: 56px 0 70px; }
.wb-hero__title { font-size: 66px; font-weight: 900; margin: 14px 0 22px; line-height: 1.02; }
.wb-hero__title em { font-style: italic; font-weight: 400; color: var(--wb-moss); display: block; }
.wb-u { background: linear-gradient(transparent 62%, rgba(226,174,47,.55) 62%, rgba(226,174,47,.55) 90%, transparent 90%); }
.wb-hero__lead { font-size: 19px; color: #5d4a38; max-width: 540px; }
.wb-hero__ctas { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 30px; }
.wb-hero__proof { display: flex; gap: 32px; margin-top: 38px; padding-top: 24px; border-top: 1px dashed rgba(91,61,39,.35); }
.wb-hero__proof div { font-size: 13px; color: #7a6a57; }
.wb-hero__proof b { display: block; font-family: var(--wb-serif); font-size: 28px; color: var(--wb-bark); line-height: 1.2; }

.wb-board { position: relative; height: 520px; border-radius: 14px; background: #7a5233 var(--wb-grain); background-size: cover; box-shadow: inset 0 0 0 10px rgba(47,33,24,.18), 0 30px 50px -30px rgba(47,33,24,.8); overflow: hidden; }
.wb-board::before { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(255,230,180,.12), transparent 40%, rgba(0,0,0,.18)); }
.wb-board__l { position: absolute; filter: drop-shadow(0 12px 10px rgba(0,0,0,.35)); }
.wb-board__l--1 { left: 5%; top: 17%; width: 68%; transform: rotate(-9deg); }
.wb-board__l--2 { left: 40%; top: 46%; width: 55%; transform: rotate(14deg); }
.wb-board__l--3 { left: 2%; top: 56%; width: 46%; transform: rotate(-24deg); }
.wb-board__l--4 { left: 50%; top: 76%; width: 40%; transform: rotate(-4deg); }
.wb-board__note { position: absolute; left: 7%; top: 7%; font-family: var(--wb-hand); color: #f7ecd2; font-size: 23px; line-height: 1.1; transform: rotate(-4deg); }
.wb-papertag { position: absolute; right: 6%; top: 7%; width: 170px; background: var(--wb-kraft) var(--wb-noise); padding: 20px 16px 14px; border-radius: 4px; transform: rotate(6deg); box-shadow: 0 10px 18px -8px rgba(0,0,0,.5); text-align: center; }
.wb-papertag::before { content: ""; position: absolute; top: 8px; left: 50%; width: 12px; height: 12px; margin-left: -6px; border-radius: 50%; background: #7a5233; box-shadow: inset 0 0 0 2px #5b3d27; }
.wb-papertag .n { font-family: var(--wb-serif); font-weight: 900; font-size: 40px; line-height: 1; margin-top: 8px; }
.wb-papertag .t { font-family: var(--wb-hand); font-size: 22px; color: var(--wb-moss); }
.wb-papertag .s { font-size: 11px; text-transform: uppercase; letter-spacing: .12em; color: var(--wb-walnut); margin-top: 4px; }

.wb-trust { display: grid; grid-template-columns: repeat(4, 1fr); background: var(--wb-forest) var(--wb-noise); color: #ebe2c6; border-radius: 14px; padding: 24px 10px; }
.wb-trust__it { display: flex; gap: 14px; align-items: center; padding: 0 22px; border-left: 1px dashed rgba(235,226,198,.25); }
.wb-trust__it:first-child { border-left: 0; }
.wb-trust__ic { width: 46px; height: 46px; border-radius: 50%; background: rgba(226,174,47,.16); color: var(--wb-ochre); display: grid; place-items: center; flex: none; }
.wb-trust b { display: block; font-weight: 600; color: #fff6df; }
.wb-trust span { font-size: 13px; opacity: .8; }

.wb-section { padding: 70px 0 10px; }
.wb-sh { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 30px; gap: 20px; }
.wb-sh h2 { font-size: 44px; margin: 4px 0 0; }

.wb-cats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.wb-cat { position: relative; height: 230px; border-radius: 12px; overflow: hidden; padding: 26px 28px; display: flex; flex-direction: column; justify-content: space-between; transition: transform .2s ease, box-shadow .2s ease; }
.wb-cat:hover { transform: translateY(-3px); box-shadow: 0 16px 30px -18px rgba(47,33,24,.6); }
.wb-cat__name { font-family: var(--wb-serif); font-weight: 700; font-size: 30px; line-height: 1.1; position: relative; z-index: 1; max-width: 70%; }
.wb-cat__go { font-weight: 600; font-size: 14px; position: relative; z-index: 1; }
.wb-cat__img { position: absolute; right: -20px; bottom: 6px; width: 64%; filter: drop-shadow(0 10px 8px rgba(0,0,0,.25)); }
.wb-cat__img--photo { right: 0; bottom: 0; top: 0; width: 55%; height: 100%; object-fit: cover; filter: none; -webkit-mask-image: linear-gradient(90deg, transparent, #000 35%); mask-image: linear-gradient(90deg, transparent, #000 35%); }
.wb-cat--1 { background: var(--wb-moss) var(--wb-noise); }
.wb-cat--2 { background: var(--wb-kraft) var(--wb-noise); border: 1px solid rgba(91,61,39,.2); }
.wb-cat--3 { background: #6e4a2e var(--wb-grain); background-size: cover; }
.wb-cat--4 { background: #d9c79e var(--wb-noise); }
.wb-cat--5 { background: var(--wb-forest) var(--wb-noise); }
.wb-cat--6 { background: var(--wb-ochre) var(--wb-noise); }
.wb-cat--1, .wb-cat--3, .wb-cat--5 { color: #f5eed8; }
.wb-cat--2, .wb-cat--4, .wb-cat--6 { color: var(--wb-bark); }
.wb-cat--1:hover, .wb-cat--3:hover, .wb-cat--5:hover { color: #fff; }
.wb-cat--2:hover, .wb-cat--4:hover, .wb-cat--6:hover { color: var(--wb-bark); }

/* sekcje produktowe modułów (Polecane, Nowości…) */
.wb-home-hook .featured-products, .wb-home-hook section.clearfix { padding-top: 70px; }
.featured-products .products-section-title, .products-section-title { font-family: var(--wb-serif); font-weight: 700; font-size: 44px; text-transform: none; text-align: left; margin: 0 0 30px; color: var(--wb-bark); letter-spacing: -.01em; }
.featured-products .all-product-link { float: none; display: inline-block; margin-top: 10px; color: var(--wb-walnut); font-weight: 600; border-bottom: 2px solid var(--wb-ochre); padding-bottom: 2px; }
.featured-products .all-product-link .material-icons { font-size: 18px; }
.featured-products .products { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; margin: 0; }
.featured-products .products > .product { width: auto; max-width: none; padding: 0; float: none; }

/* proces */
.wb-process { margin-top: 70px; background: var(--wb-forest) var(--wb-noise); color: #efe6cc; border-radius: 16px; padding: 56px 50px; display: grid; grid-template-columns: 360px 1fr; gap: 50px; align-items: center; }
.wb-process .wb-kicker { color: var(--wb-ochre); }
.wb-process h2 { color: #fbf3dc; font-size: 42px; margin: 8px 0 18px; }
.wb-process p { color: #cfc6a9; }
.wb-steps { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; }
.wb-steps li { background: rgba(251,247,239,.06); border: 1px dashed rgba(239,230,204,.28); border-radius: 12px; padding: 20px 16px; }
.wb-steps .no { display: block; font-family: var(--wb-serif); font-weight: 900; font-size: 40px; color: var(--wb-ochre); line-height: 1; }
.wb-steps b { display: block; color: #fff6df; font-size: 16px; font-weight: 600; margin: 14px 0 6px; }
.wb-steps p { font-size: 13px; line-height: 1.5; margin: 0; }
.wb-steps .h { display: block; font-family: var(--wb-hand); font-size: 20px; color: var(--wb-sage); margin-top: 12px; }

.wb-fishes { display: flex; flex-wrap: wrap; gap: 14px; padding-bottom: 60px; }
.wb-fish { display: inline-flex; align-items: center; gap: 12px; padding: 10px 22px 10px 12px; background: var(--wb-linen); border: 1.5px solid rgba(91,61,39,.25); border-radius: 999px; font-weight: 600; color: var(--wb-bark); }
.wb-fish:hover { border-color: var(--wb-moss); color: var(--wb-moss); }
.wb-fish__d { width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; background: var(--wb-kraft); color: var(--wb-moss); }

/* ==========================================================================
   KARTA PRODUKTU NA LIŚCIE
   ========================================================================== */
.products { display: flex; flex-wrap: wrap; }
.product-miniature.wb-card { margin: 0 0 22px; height: calc(100% - 22px); }
.wb-card .thumbnail-container { background: var(--wb-linen); border-radius: 10px; overflow: hidden; border: 1px solid rgba(91,61,39,.14); box-shadow: var(--wb-shadow); margin: 0; height: 100%; width: 100%; display: flex; flex-direction: column; position: relative; transition: transform .2s ease, box-shadow .2s ease; }
.wb-card .thumbnail-container:hover { transform: translateY(-3px); box-shadow: 0 1px 0 rgba(91,61,39,.08), 0 18px 30px -16px rgba(47,33,24,.45); }
.wb-card .thumbnail-container:hover .product-description::after, .wb-card .thumbnail-container:focus .product-description::after { display: none; }
.wb-card__img { position: relative; background: var(--wb-kraft) var(--wb-noise); aspect-ratio: 4 / 3.4; overflow: hidden; }
.wb-card .thumbnail-top .product-thumbnail { display: flex; align-items: center; justify-content: center; height: 100%; width: 100%; }
.wb-card .product-thumbnail img { mix-blend-mode: multiply; width: 88%; height: 88%; object-fit: contain; position: static; }
.wb-card .product-thumbnail img.wb-card__placeholder { mix-blend-mode: normal; }
.wb-card__series { position: absolute; bottom: 12px; left: 12px; z-index: 2; }
.wb-card__serial { position: absolute; bottom: 8px; right: 12px; font-family: var(--wb-hand); font-size: 20px; color: var(--wb-walnut); z-index: 2; }
.wb-card .highlighted-informations { position: absolute; left: 0; right: 0; bottom: 0; top: auto; height: auto; background: rgba(251,247,239,.92); padding: 8px; text-align: center; box-shadow: none; transform: translateY(100%); transition: transform .2s ease; z-index: 3; }
.wb-card .thumbnail-container:hover .highlighted-informations { transform: translateY(0); bottom: 0; }
.wb-card .highlighted-informations .quick-view { color: var(--wb-walnut); font-size: 13px; font-weight: 600; }
.wb-card .product-description.wb-card__body { position: static; width: auto; height: auto; background: transparent; padding: 16px 18px 18px; text-align: left; flex: 1; display: flex; flex-direction: column; }
.wb-card__cat { font-size: 12px; color: var(--wb-leather); text-transform: uppercase; letter-spacing: .08em; font-weight: 600; }
.wb-card .product-title { text-align: left; text-transform: none; margin: 5px 0 6px; }
.wb-card .product-title a { font-family: var(--wb-serif); font-size: 19px; font-weight: 700; color: var(--wb-bark); text-transform: none; }
.wb-card .product-title a:hover { color: var(--wb-moss); }
.wb-card__meta { font-size: 13px; color: #7a6a57; display: flex; flex-wrap: wrap; gap: 8px; }
.wb-card__meta i { font-style: normal; color: var(--wb-sage); }
.wb-card .variant-links { position: static; width: auto; background: transparent; padding: 0; margin-top: 10px; text-align: left; min-height: 0; }
.wb-card .variant-links .color { width: 18px; height: 18px; border-radius: 50%; border: 2px solid var(--wb-linen); box-shadow: 0 0 0 1px rgba(91,61,39,.3); margin: 0 5px 0 0; }
.wb-card .variant-links .js-count { color: #8b7a66; font-size: 12px; }
.wb-card .product-list-reviews { position: static; width: auto; background: transparent; text-align: left; padding: 6px 0 0; }
.wb-card__row { display: flex; align-items: flex-end; justify-content: space-between; margin-top: auto; padding-top: 14px; gap: 10px; }
.wb-card .product-price-and-shipping { text-align: left; color: var(--wb-bark); font-weight: 400; display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 8px; }
.wb-card .product-price-and-shipping .price { font-family: var(--wb-serif); font-weight: 700; font-size: 22px; color: var(--wb-bark); }
.wb-card .product-price-and-shipping.has-discount .price { color: var(--wb-rust); }
.wb-card .product-price-and-shipping .regular-price { font-size: 14px; color: #9a8a74; text-decoration: line-through; }
.wb-card__add { margin: 0; }
.wb-add { width: 42px; height: 42px; border-radius: 8px; background: var(--wb-ochre); display: grid; place-items: center; box-shadow: 0 2px 0 var(--wb-ochre-dark); border: 0; cursor: pointer; color: var(--wb-bark); flex: none; padding: 0; }
.wb-add:hover { background: #ecbd45; color: var(--wb-bark); }
.wb-add svg { width: 22px; height: 22px; stroke: currentColor; fill: none; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
.wb-add--more { background: var(--wb-kraft); box-shadow: 0 2px 0 rgba(91,61,39,.25); }

/* ==========================================================================
   KATEGORIA
   ========================================================================== */
.wb-cathead { display: grid; grid-template-columns: 1fr 40%; background: var(--wb-moss) var(--wb-noise); color: #f4ecd4; border-radius: 14px; overflow: hidden; border: 0; padding: 0; margin-bottom: 28px; min-height: 260px; box-shadow: none; }
.wb-cathead__text { padding: 36px 40px; }
.wb-cathead .wb-kicker { color: var(--wb-ochre); }
.wb-cathead .h1 { color: #fff7e2; font-size: 52px; font-weight: 900; margin: 6px 0 12px; text-transform: none; }
.wb-cathead__desc, .wb-cathead__desc p { color: #dcd5b8 !important; font-size: 15px; }
.wb-subcats { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px; }
.wb-subcats a { padding: 7px 16px; border-radius: 999px; border: 1.5px solid rgba(244,236,212,.4); font-size: 14px; font-weight: 500; color: #f4ecd4; }
.wb-subcats a:hover { background: var(--wb-ochre); color: var(--wb-bark); border-color: var(--wb-ochre); }
.wb-cathead__art { position: relative; background: rgba(0,0,0,.08); min-height: 240px; }
.wb-cathead__photo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.wb-cathead__l { position: absolute; filter: drop-shadow(0 12px 10px rgba(0,0,0,.35)); }
.wb-cathead__l--1 { left: 2%; top: 6%; width: 80%; transform: rotate(-8deg); }
.wb-cathead__l--2 { left: 16%; top: 40%; width: 76%; transform: rotate(6deg); }
.wb-cathead-small { font-size: 36px; margin-bottom: 20px; }

/* lewa kolumna i filtry */
#left-column .block-categories, #left-column #search_filters, #left-column .block { background: var(--wb-linen); border: 1px solid rgba(91,61,39,.16); border-radius: 12px; box-shadow: none; padding: 20px 22px; margin-bottom: 16px; }
#search_filters .text-uppercase.h6, #search_filters > p.h6 { font-family: var(--wb-serif); font-size: 22px; text-transform: none; color: var(--wb-bark); margin-bottom: 10px; }
#search_filters .facet { padding-top: 14px; border-top: 1px dashed rgba(91,61,39,.2); margin-top: 14px; }
#search_filters .facet .facet-title { font-family: var(--wb-sans); font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: .08em; color: var(--wb-walnut); }
#search_filters .facet .facet-label { font-size: 15px; margin-bottom: 6px; }
#search_filters .facet .facet-label a { color: var(--wb-bark); margin-top: 0; }
#search_filters .facet .facet-label .magnitude { color: #a09079; font-size: 13px; }
.custom-checkbox input[type=checkbox] + span, .custom-radio { border: 1.5px solid rgba(91,61,39,.45); border-radius: 4px; background: #fff; }
.custom-checkbox input[type=checkbox] + span .checkbox-checked { color: #fff; }
.custom-checkbox input[type=checkbox]:checked + span { background: var(--wb-moss); border-color: var(--wb-moss); }
#search_filters .facet .facet-label .search-link { color: var(--wb-bark); }
.faceted-slider .ui-slider-range, .ui-slider-horizontal .ui-slider-range { background: var(--wb-moss) !important; }
.ui-slider .ui-slider-handle { background: var(--wb-ochre) !important; border: 3px solid var(--wb-linen) !important; border-radius: 50%; box-shadow: 0 0 0 1px var(--wb-ochre-dark); }
#search_filters_wrapper .js-search-filters-clear-all, #search_filters .clear-all-wrapper .btn { background: transparent; color: var(--wb-rust); border: 0; box-shadow: none; padding-left: 0; }
.block-categories .category-top-menu a, .block-categories .category-sub-menu a { color: var(--wb-bark); }
.block-categories .h6 { font-family: var(--wb-serif); font-size: 22px; text-transform: none; }
#search_filters .facet ul .color, .facet-label .color { border-radius: 50%; }

/* pasek sortowania */
#js-product-list-top.products-selection { background: transparent; padding: 0; margin-bottom: 16px; align-items: center; }
.products-selection .total-products p, .products-selection .showing { color: #6d5d4a; font-size: 15px; }
.products-selection .sort-by { color: #7a6a57; font-size: 14px; }
.products-sort-order .select-title { background: var(--wb-linen); border: 1.5px solid rgba(91,61,39,.25); border-radius: 8px; box-shadow: none; color: var(--wb-bark); padding: 9px 14px; font-weight: 600; }
.products-sort-order .dropdown-menu { background: var(--wb-linen); border: 1px solid var(--wb-line); border-radius: 8px; box-shadow: 0 12px 24px -12px rgba(47,33,24,.4); }
.products-sort-order .select-list:hover { background: var(--wb-moss); color: #fff; }
#js-active-search-filters { background: transparent; padding: 0; margin-bottom: 18px; }
#js-active-search-filters .active-filter-title { font-size: 13px; font-weight: 600; color: var(--wb-walnut); display: inline; margin-right: 8px; }
#js-active-search-filters ul { display: inline; }
#js-active-search-filters .filter-block { background: var(--wb-kraft); border-radius: 999px; padding: 6px 12px; font-size: 13px; font-weight: 500; color: var(--wb-bark); box-shadow: none; margin: 0 6px 6px 0; }
#js-product-list .products > .product { padding-left: 11px; padding-right: 11px; }
#js-product-list .products { margin: 0 -11px; }

/* paginacja */
.pagination { margin-top: 24px; }
.pagination .page-list { background: transparent; box-shadow: none; padding: 0; display: flex; gap: 8px; justify-content: center; }
.pagination .page-list li a, .pagination .page-list li span { display: grid; place-items: center; min-width: 44px; height: 44px; padding: 0 14px; border-radius: 8px; border: 1.5px solid rgba(91,61,39,.25); background: var(--wb-linen); color: var(--wb-bark); font-weight: 600; }
.pagination .page-list li.current a { background: var(--wb-walnut); color: #f4ecd4; border-color: var(--wb-walnut); }
.pagination .page-list li a .material-icons { font-size: 18px; }
.pagination > div:first-child { color: #7a6a57; font-size: 14px; }

#category #main .card, .card { background: var(--wb-linen); border: 1px solid rgba(91,61,39,.14); border-radius: 12px; box-shadow: none; }
.block-category.wb-cathead { background-color: var(--wb-moss); }

/* ==========================================================================
   KARTA PRODUKTU
   ========================================================================== */
#product #content { max-width: none; }
.product-container { margin-top: 4px; }
@media (min-width: 992px) {
  .product-container > .col-md-6:first-child { width: 54%; }
  .product-container > .col-md-6:last-child { width: 46%; padding-left: 40px; }
}
.wb-gallery { position: relative; }
.wb-gallery .product-flags { top: 20px; left: 20px; }
.wb-gallery .product-cover { position: relative; margin-bottom: 16px; border-radius: 14px; overflow: hidden; background: #7a5233 var(--wb-grain); background-size: cover; box-shadow: inset 0 0 0 10px rgba(47,33,24,.18); padding: 26px; }
.wb-gallery .product-cover img { background: var(--wb-kraft) var(--wb-noise); border-radius: 8px; box-shadow: 0 18px 30px -16px rgba(0,0,0,.6); width: 100%; }
.wb-gallery .product-cover .layer { background: rgba(47,33,24,.35); border-radius: 14px; }
.wb-gallery .product-cover .layer .zoom-in { color: #fff; }
.wb-cert { position: absolute; right: 26px; top: 22px; z-index: 3; background: var(--wb-kraft) var(--wb-noise); padding: 12px 18px; border-radius: 4px; transform: rotate(5deg); box-shadow: 0 10px 18px -8px rgba(0,0,0,.5); text-align: center; pointer-events: none; }
.wb-cert .s { font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: var(--wb-walnut); }
.wb-cert .n { font-family: var(--wb-serif); font-weight: 900; font-size: 32px; line-height: 1; color: var(--wb-bark); }
.wb-cert .t { font-family: var(--wb-hand); font-size: 19px; color: var(--wb-moss); }
.wb-gallery .product-images > li.thumb-container > .thumb, .wb-gallery .product-images > li.thumb-container img.thumb { border-radius: 10px; border: 2px solid transparent; background: var(--wb-kraft); }
.wb-gallery .product-images > li.thumb-container .thumb.selected, .wb-gallery .product-images > li.thumb-container .thumb:hover { border-color: var(--wb-walnut); }
.scroll-box-arrows .material-icons { color: var(--wb-walnut); }

.wb-pd-top { display: flex; align-items: center; gap: 8px; min-height: 26px; }
.wb-pd-ref { margin-left: auto; font-size: 13px; color: #8b7a66; }
#product h1.h1 { font-size: 44px; font-weight: 900; margin: 12px 0 14px; text-transform: none; line-height: 1.08; }
.product-prices { margin: 18px 0 0; padding: 18px 0; border-top: 1px dashed rgba(91,61,39,.35); border-bottom: 1px dashed rgba(91,61,39,.35); }
.product-prices .current-price { display: flex; align-items: baseline; gap: 12px; }
.product-prices .current-price-value { font-family: var(--wb-serif); font-weight: 900; font-size: 44px; color: var(--wb-bark); line-height: 1; }
.product-price.has-discount .current-price-value { color: var(--wb-rust); }
.product-prices .discount { background: var(--wb-rust); color: #fff4e4; font-family: var(--wb-sans); font-size: 13px; font-weight: 600; text-transform: uppercase; padding: 4px 10px; border-radius: 3px; }
.product-discount .regular-price { color: #9a8a74; font-size: 18px; }
.tax-shipping-delivery-label { color: #7a6a57; font-size: 13px; margin-top: 6px; }
.product-information { font-size: 1rem; color: #5d4a38; }
.product-information .product-description { font-size: 17px; color: #5d4a38; margin: 18px 0; }
.product-variants > .product-variants-item { margin: 20px 0; }
.product-variants .control-label, .product-add-to-cart .control-label { font-size: 14px; font-weight: 600; color: var(--wb-bark); margin-bottom: 10px; display: block; }
.product-variants .form-control-select { background-color: var(--wb-linen); border: 1.5px solid rgba(91,61,39,.3); border-radius: 8px; height: 46px; }
.product-variants > .product-variants-item ul li { margin-right: 10px; }
.product-variants .input-color + span.color { width: 36px; height: 36px; border-radius: 50%; border: 3px solid var(--wb-linen); box-shadow: 0 0 0 1.5px rgba(91,61,39,.3); }
.product-variants .input-color:checked + span, .product-variants .input-color:hover + span { box-shadow: 0 0 0 2.5px var(--wb-bark); border-color: var(--wb-linen); }
.product-variants .input-radio + span.radio-label { background: var(--wb-linen); border: 1.5px solid rgba(91,61,39,.3); border-radius: 8px; padding: 11px 20px; font-weight: 600; box-shadow: none; }
.product-variants .input-radio:checked + span.radio-label, .product-variants .input-radio:hover + span.radio-label { background: var(--wb-forest); color: #f4ecd4; border-color: var(--wb-forest); }
.product-add-to-cart { margin-top: 22px; }
.product-quantity { display: flex; flex-wrap: wrap; gap: 12px; align-items: stretch; }
.product-quantity .qty, .product-quantity .add { margin: 0; float: none; }
.product-quantity .add { flex: 1; }
.product-quantity .qty .input-group { height: 58px; }
.bootstrap-touchspin { box-shadow: none; border: 1.5px solid rgba(91,61,39,.35); border-radius: 8px; overflow: hidden; background: var(--wb-linen); }
.bootstrap-touchspin input.form-control, .bootstrap-touchspin input.input-group { background: var(--wb-linen); border: 0; height: 58px; width: 54px; font-weight: 600; font-size: 17px; color: var(--wb-bark); text-align: center; }
.bootstrap-touchspin .btn-touchspin { background: var(--wb-linen); border: 0; border-left: 1px solid rgba(91,61,39,.2); height: 29px; color: var(--wb-bark); box-shadow: none; }
.bootstrap-touchspin .btn-touchspin:hover { background: var(--wb-kraft); }
.product-quantity .add-to-cart { height: 58px; width: 100%; font-size: 17px; padding: 0 26px; }
.product-quantity .add-to-cart .material-icons { line-height: inherit; }
.product-quantity .wishlist-button-add { width: 58px; height: 58px; border-radius: 8px; border: 1.5px solid rgba(91,61,39,.35); background: var(--wb-linen); box-shadow: none; margin-left: 0; }
.product-quantity .wishlist-button-add i { color: var(--wb-walnut); }
#product-availability { display: block; margin-top: 12px; font-size: 14px; font-weight: 500; color: var(--wb-bark); }
#product-availability .product-available { color: #6f9a3a; }
#product-availability .product-last-items { color: var(--wb-rust); }
#product-availability .product-unavailable { color: var(--wb-rust); }
.product-additional-info { margin-top: 14px; }
.social-sharing { margin-top: 10px; color: #7a6a57; font-size: 14px; }
.social-sharing li { background-color: var(--wb-kraft); border-radius: 50%; box-shadow: none; }

/* blockreassurance = pudełko z dostawą/płatnościami */
.blockreassurance_product { margin-top: 20px; background: var(--wb-linen); border: 1px solid rgba(91,61,39,.16); border-radius: 12px; padding: 4px 18px; }
.blockreassurance_product > div { display: flex; align-items: center; gap: 12px; padding: 12px 0; border-bottom: 1px dashed rgba(91,61,39,.2); }
.blockreassurance_product > div:last-child { border-bottom: 0; }
.blockreassurance_product .item-product { width: 34px; height: 34px; flex: none; float: none; padding: 0; }
.blockreassurance_product .item-product svg path, .blockreassurance_product .item-product img { fill: var(--wb-moss) !important; }
.blockreassurance_product .block-title { font-weight: 600; color: var(--wb-bark) !important; font-size: 14px; }
.blockreassurance_product p { color: #7a6a57 !important; font-size: 13px; margin: 0; }
.blockreassurance_product .clearfix { display: none; }

.wb-maker { margin-top: 22px; background: var(--wb-kraft) var(--wb-noise); border-radius: 4px; padding: 20px 22px 16px; transform: rotate(-.6deg); box-shadow: 0 8px 16px -10px rgba(47,33,24,.5); position: relative; }
.wb-maker::before { content: ""; position: absolute; top: -10px; left: 40px; width: 90px; height: 22px; background: rgba(226,174,47,.55); transform: rotate(-3deg); }
.wb-maker p { font-family: var(--wb-hand); font-size: 23px; line-height: 1.2; color: var(--wb-bark); margin: 0; }
.wb-maker__sig { font-family: var(--wb-hand); font-size: 21px; color: var(--wb-moss); text-align: right; margin-top: 4px; }

/* zakładki */
.tabs { margin-top: 40px; background: transparent; box-shadow: none; padding: 0; }
.tabs .nav-tabs { border-bottom: 2px solid rgba(91,61,39,.2); display: flex; flex-wrap: wrap; gap: 30px; }
.tabs .nav-tabs .nav-item { margin: 0; float: none; }
.tabs .nav-tabs .nav-link { border: 0; background: transparent; color: #8b7a66; font-weight: 600; font-size: 17px; padding: 12px 0; text-transform: none; border-bottom: 3px solid transparent; margin-bottom: -2px; }
.tabs .nav-tabs .nav-link.active, .tabs .nav-tabs .nav-link:hover { color: var(--wb-bark); border-bottom-color: var(--wb-ochre); background: transparent; }
.tabs .tab-content { padding-top: 24px; }
.product-description, .product-description p { color: #5d4a38; }
.product-features > p.h6 { font-family: var(--wb-serif); font-size: 22px; color: var(--wb-bark); text-transform: none; }
.product-features > dl.data-sheet { display: grid; grid-template-columns: 44% 56%; background: var(--wb-linen); border: 1px solid rgba(91,61,39,.16); border-radius: 12px; overflow: hidden; margin: 10px 0 0; }
.product-features > dl.data-sheet dd.value, .product-features > dl.data-sheet dt.name { width: auto; margin: 0; padding: 12px 18px; background: transparent !important; border-bottom: 1px dashed rgba(91,61,39,.2); flex: none; min-height: 0; font-size: 15px; text-transform: none; }
.product-features > dl.data-sheet dt.name { color: #7a6a57; font-weight: 400; }
.product-features > dl.data-sheet dd.value { font-weight: 600; color: var(--wb-bark); }
.product-features > dl.data-sheet dt.name:nth-last-of-type(1), .product-features > dl.data-sheet dd.value:nth-last-of-type(1) { border-bottom: 0; }
#product-details .label, .product-reference label, .product-quantities label, .product-condition label { color: #7a6a57; font-weight: 400; }

.product-accessories.wb-section { padding-top: 60px; }
.product-accessories .products { margin: 0 -11px; }
.product-accessories .products > .product { padding: 0 11px; }
#product .wb-process { margin-bottom: 70px; }
#product-comments-list-header, .product-comments-additional-info { color: var(--wb-bark); }

/* ==========================================================================
   NEWSLETTER + STOPKA
   ========================================================================== */
.wb-footer-before { margin-top: 60px; }
.wb-newsletter { background: var(--wb-ochre) var(--wb-noise); width: 100%; max-width: none; flex: none; float: none; padding: 0; margin: 0; }
.wb-newsletter__row { display: flex; align-items: center; gap: 50px; padding: 44px 0; }
.wb-newsletter .wb-kicker { color: var(--wb-bark); }
.wb-newsletter__title { font-family: var(--wb-serif); font-weight: 700; font-size: 34px; color: var(--wb-bark) !important; margin: 2px 0 6px; line-height: 1.1; padding: 0 !important; }
.wb-newsletter__lead { color: #4a3a22 !important; margin: 0; }
.wb-newsletter__form { margin-left: auto; flex: none; width: 520px; max-width: 100%; }
.wb-newsletter__fields { display: flex; gap: 10px; }
.wb-newsletter__fields input[type=email] { flex: 1; height: 54px; background: var(--wb-linen); border-radius: 6px; border: 2px solid var(--wb-bark); padding: 0 18px; color: var(--wb-bark); font-size: 15px; outline: none; }
.wb-newsletter__fields .wb-btn { height: 54px; padding: 0 24px; border: 0; }
.wb-newsletter__legal p { font-size: 12px; color: #4a3a22 !important; margin: 8px 0 0; }

.wb-footer { background: var(--wb-bark) var(--wb-grain); background-size: cover; color: #d8cbb0; padding-top: 56px; margin-top: 0; }
.wb-footer__cols { display: flex; gap: 50px; padding-bottom: 36px; }
.wb-footer__brand { width: 300px; flex: none; }
.wb-footer__hooks { flex: 1; }
.wb-logo--light .wb-logo__name { color: #f4ecdc; font-size: 26px; }
.wb-logo--light .wb-logo__sub { color: var(--wb-sage); }
.wb-footer__about { font-size: 14px; line-height: 1.7; color: #bfb096; margin: 16px 0 20px; }
.wb-footer__label { color: var(--wb-ochre) !important; font-size: 12px; text-transform: uppercase; letter-spacing: .12em; font-weight: 600; margin-bottom: 10px; }
.wb-footer__pay { display: flex; gap: 8px; flex-wrap: wrap; }
.wb-footer__pay span { border: 1px solid rgba(216,203,176,.35); border-radius: 4px; padding: 5px 10px; font-size: 12px; font-weight: 600; color: #d8cbb0; }
.wb-footer .h3, .wb-footer .h4, .wb-footer p.h3, .wb-footer .block-contact-title, .wb-footer .myaccount-title, .wb-footer .myaccount-title a { color: var(--wb-ochre) !important; font-family: var(--wb-sans); font-size: 13px; text-transform: uppercase; letter-spacing: .12em; font-weight: 600; margin-bottom: 14px; }
.wb-footer li { margin-bottom: 8px; }
.wb-footer a, .wb-footer li a, .wb-footer .block-contact, .wb-footer .block-contact a, .wb-footer #contact-infos { color: #d8cbb0; font-size: 14px; }
.wb-footer a:hover { color: var(--wb-ochre); }
.wb-footer .links .collapse { display: block; }
.wb-footer__hooks .links ul { margin: 0; padding: 0; }
.wb-footer__hooks .block-contact { color: #d8cbb0; border: 0; padding-left: 15px; }
.wb-footer__bottom { border-top: 1px dashed rgba(216,203,176,.3); padding: 20px 0 26px; display: flex; justify-content: space-between; font-size: 13px; color: #a29478; }
#footer { padding-top: 0; }

/* ==========================================================================
   KOSZYK, KONTO, STRONY CMS – ujednolicenie
   ========================================================================== */
.page-content.card, .cart-grid-body .card, .cart-summary, #content.page-content, .page-customer-account #content, .page-addresses #content, #checkout section.checkout-step, #order-confirmation #content-hook_order_confirmation { background: var(--wb-linen); border: 1px solid rgba(91,61,39,.14); border-radius: 12px; box-shadow: none; }
#checkout section.checkout-step .step-title { font-family: var(--wb-serif); text-transform: none; font-size: 22px; }
#checkout section.checkout-step .step-number { background: var(--wb-kraft); }
#checkout section.checkout-step.-current .step-number { background: var(--wb-ochre); }
.form-control, .input-group .form-control { background: #fff; border: 1.5px solid rgba(91,61,39,.3); border-radius: 6px; color: var(--wb-bark); }
.form-control:focus { border-color: var(--wb-moss); outline: 3px solid rgba(147,160,113,.3); }
.cart-summary-line .label, .cart-summary-line .value { color: var(--wb-bark); }
.cart-summary-line.cart-total .value, .cart-summary-line.cart-total .label { font-family: var(--wb-serif); font-weight: 700; font-size: 20px; }
.page-header h1, #main .page-header h1 { font-size: 40px; }
.alert-success { background: #e9efdb; border-color: var(--wb-sage); color: var(--wb-forest); }
.alert-danger { background: #f6e0d6; border-color: var(--wb-rust); color: #7a2e12; }
#blockcart-modal .modal-header { background: var(--wb-moss); }
#blockcart-modal .modal-title { color: #fff; font-family: var(--wb-serif); }
#blockcart-modal .modal-content { background: var(--wb-linen); border-radius: 12px; }
#blockcart-modal .product-name { color: var(--wb-bark); font-family: var(--wb-serif); }

/* ==========================================================================
   RESPONSYWNOŚĆ
   ========================================================================== */
@media (max-width: 1199px) {
  .wb-hero__title { font-size: 54px; }
  .wb-process { grid-template-columns: 1fr; }
  .featured-products .products { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 991px) {
  .wb-hero { grid-template-columns: 1fr; padding-top: 30px; }
  .wb-board { height: 420px; }
  .wb-trust { grid-template-columns: repeat(2, 1fr); gap: 18px 0; }
  .wb-trust__it:nth-child(3) { border-left: 0; }
  .wb-cats { grid-template-columns: repeat(2, 1fr); }
  .wb-steps { grid-template-columns: repeat(2, 1fr); }
  .featured-products .products { grid-template-columns: repeat(2, 1fr); }
  .wb-cathead { grid-template-columns: 1fr; }
  .wb-cathead__art { min-height: 200px; }
  .wb-newsletter__row { flex-direction: column; align-items: stretch; gap: 20px; }
  .wb-newsletter__form { margin-left: 0; width: 100%; }
  .wb-footer__cols { flex-direction: column; gap: 30px; }
  .wb-footer__brand { width: auto; }
}
@media (max-width: 767px) {
  #header .header-nav { max-height: none; }
  #header .header-nav .top-logo { padding-top: 4px; }
  #header .header-nav .top-logo .wb-logo__mark { width: 40px; height: 40px; }
  #header .header-nav .top-logo .wb-logo__name { color: #f4ecdc; font-size: 22px; }
  #header .header-nav .top-logo .wb-logo__sub { display: none; }
  #header .header-nav #_mobile_cart .blockcart { background: transparent; padding: 8px; }
  #header .header-nav #_mobile_user_info a { color: #f4ecdc; padding: 8px; }
  .wb-header__row { min-height: 0; }
  .wb-nav { display: none; }
  .wb-hero__title { font-size: 42px; }
  .wb-hero__proof { gap: 18px; flex-wrap: wrap; }
  .wb-board { height: 300px; }
  .wb-papertag { width: 120px; padding: 16px 10px 10px; }
  .wb-papertag .n { font-size: 28px; }
  .wb-board__note { font-size: 18px; }
  .wb-trust { grid-template-columns: 1fr; }
  .wb-trust__it { border-left: 0; }
  .wb-sh h2, .featured-products .products-section-title, .products-section-title { font-size: 32px; }
  .wb-cats { grid-template-columns: 1fr; }
  .wb-cat { height: 180px; }
  .wb-process { padding: 36px 22px; }
  .wb-process h2 { font-size: 32px; }
  .wb-steps { grid-template-columns: 1fr; }
  .featured-products .products { grid-template-columns: 1fr 1fr; gap: 12px; }
  .wb-card .product-description.wb-card__body { padding: 12px; }
  .wb-card .product-title a { font-size: 16px; }
  .wb-card .product-price-and-shipping .price { font-size: 18px; }
  .wb-add { width: 36px; height: 36px; }
  .wb-cathead__text { padding: 26px 22px; }
  .wb-cathead .h1 { font-size: 36px; }
  #product h1.h1 { font-size: 32px; }
  .product-prices .current-price-value { font-size: 34px; }
  .wb-gallery .product-cover { padding: 14px; }
  .wb-newsletter__fields { flex-direction: column; }
  .wb-footer__bottom { flex-direction: column; gap: 6px; }
}

/* ==========================================================================
   Poprawki specyficzności względem Classic
   ========================================================================== */
#header .header-nav #contact-link, #header .header-nav .language-selector, #header .header-nav .currency-selector { margin: 0; }
#header .header-nav #contact-link a { color: #e9e2c9; }
#header .wb-nav .top-menu a[data-depth="0"] { color: #f1e6cf; font-weight: 500; font-size: 15px; text-transform: none; padding: 16px 0; }
#header .wb-nav .top-menu a[data-depth="0"]:hover, #header .wb-nav .top-menu li.current > a[data-depth="0"] { color: var(--wb-ochre); }
#header .wb-nav .top-menu .sub-menu a { color: var(--wb-bark); text-transform: none; }
#header .wb-nav .top-menu .sub-menu a:hover { color: var(--wb-moss); }
#header a.wb-nav__hl { color: var(--wb-ochre); }
#header a.wb-nav__hl:hover { color: #f3c75a; }
#header .wb-logo, #header .wb-logo:hover { color: var(--wb-bark); }
#header .wb-user a { color: var(--wb-walnut); }
#header #_desktop_cart .blockcart a { color: var(--wb-kraft-light); }
#search_filters .facet .facet-label { display: flex; align-items: center; gap: 10px; }
#search_filters .facet .facet-label .custom-checkbox, #search_filters .facet .facet-label .custom-radio { top: 0; flex: none; margin: 0; }
#search_filters .facet .facet-label a { margin: 0; width: auto; }
.product-flags li.product-flag, .product-flags li.product-flag:not(.discount):not(.on-sale) ~ li.product-flag { margin: 0 !important; }
.product-flags { flex-direction: row; }
#index .featured-products .products-section-title, .featured-products .products-section-title, .product-accessories .h5 { text-transform: none !important; font-family: var(--wb-serif); }
.wb-newsletter p.wb-newsletter__title { font-size: 34px; font-weight: 700; font-family: var(--wb-serif); }
.wb-newsletter .wb-newsletter__fields input[type=email] { border: 2px solid var(--wb-bark); background: var(--wb-linen); height: 54px; padding: 0 18px; }
.wb-newsletter .wb-newsletter__fields input[type=email]:focus { outline: 3px solid rgba(47,33,24,.25); }
.wb-fishes { padding-bottom: 10px; }
#product #content.page-content, #product .page-content { background: transparent; border: 0; padding: 0; box-shadow: none; }
#product .wb-gallery .product-cover img { mix-blend-mode: normal; }
#product-comments-list, #empty-product-comment, .product-comments-list, #product-comments-list-footer { background: var(--wb-linen) !important; border-radius: 12px; }
#product-comments-list-header .comments-nb { font-family: var(--wb-serif); color: var(--wb-bark); }
.product-comment-list-item { border-bottom: 1px dashed rgba(91,61,39,.2); }
.wb-card .product-thumbnail img { width: 100%; height: 100%; object-fit: cover; }
.wb-card .product-thumbnail img.wb-card__placeholder { object-fit: contain; width: 86%; height: 86%; }
#product h1.h1, .wb-cathead .h1, .wb-hero__title, .wb-card .product-title a { text-wrap: balance; }
#header .wb-nav .top-menu[data-depth="0"] > li { padding: 0; }
.products-sort-order { max-width: 280px; }
.products-selection .sort-by-row { justify-content: flex-end; }
.blockreassurance_product .item-product:empty { display: none; }

/* ---------- poprawki mobile ---------- */
@media (max-width: 767px) {
  #header .header-nav .top-logo .wb-logo { gap: 8px; }
  #header .header-nav .top-logo .wb-logo__name { font-size: 18px; letter-spacing: .01em; }
  #header .header-nav #_mobile_user_info .wb-user a span { display: none; }
  #header .header-nav #_mobile_user_info, #header .header-nav #_mobile_cart { margin-left: 4px; }
  #header .header-nav #_mobile_cart .wb-cart__total { display: none; }
  #header .header-nav #_mobile_cart .blockcart .wb-ico, #header .header-nav #_mobile_user_info .wb-ico { color: #f4ecdc; }
  #category #left-column .block-categories { display: none; }
  .wb-card__series { display: none; }
  .wb-card__serial { font-size: 16px; bottom: 4px; right: 8px; }
  .product-flags .product-flag { font-size: 10px; padding: 3px 6px; }
  .wb-card .product-flags { top: 8px; left: 8px; right: 48px; }
  .wb-card .thumbnail-top .wishlist-button-add { transform: scale(.85); }
  .product-quantity { flex-wrap: nowrap; }
  .product-quantity .add-to-cart { padding: 0 12px; font-size: 15px; }
  .product-quantity .add-to-cart .material-icons { display: none; }
}

/* koszyk / zamówienie */
body#checkout section.checkout-step { background: var(--wb-linen); border: 1px solid rgba(91,61,39,.14); border-radius: 12px; margin-bottom: 14px; box-shadow: none; }
body#checkout section.checkout-step .step-title { font-family: var(--wb-serif); text-transform: none; font-size: 22px; color: var(--wb-bark); }
body#checkout #header { background: var(--wb-kraft-light); }
.cart-grid-body .card-block h1 { font-family: var(--wb-serif); text-transform: none; }
.cart-item .product-line-info .label, .cart-item .product-line-info a.label { font-family: var(--wb-serif); font-weight: 700; font-size: 17px; color: var(--wb-bark); }
.cart-item .product-price .current-price .price, .cart-item .product-line-grid-right .price strong { font-family: var(--wb-serif); font-size: 20px; color: var(--wb-bark); }
#blockcart-modal .product-price { font-family: var(--wb-serif); font-size: 26px; color: var(--wb-bark); }
.cart-summary, .cart-grid-body .card { background: var(--wb-linen); }
.btn.btn-primary.btn-lg, .cart-summary .checkout .btn { width: 100%; }
.checkout-step .nav-inline .nav-link.active, .checkout-step .nav-separator { color: var(--wb-bark); }
.input-group-btn .btn[data-action=show-password] { background: var(--wb-walnut); color: #fff; box-shadow: none; }
.wb-checkout-head__row { display: flex; align-items: center; justify-content: space-between; min-height: 72px; }
#header .wb-checkout-head .wb-logo .wb-logo__name { color: #f4ecdc; font-size: 24px; }
#header .wb-checkout-head .wb-logo__mark { width: 46px; height: 46px; }
.wb-checkout-head #_desktop_logo { display: block !important; }
.wb-checkout-head__right { display: flex; align-items: center; gap: 24px; color: #e9e2c9; font-size: 14px; }
.wb-checkout-head__secure { display: inline-flex; align-items: center; gap: 8px; color: var(--wb-ochre); font-weight: 600; }
body#checkout section.checkout-step .step-number { background: var(--wb-kraft); color: var(--wb-bark); border-radius: 50%; }
body#checkout section.checkout-step.-current .step-number, body#checkout section.checkout-step.-complete .step-number { background: var(--wb-ochre); color: var(--wb-bark); }
body#checkout section.checkout-step .done { color: var(--wb-moss); }
@media (max-width: 767px) { .wb-checkout-head__right #_desktop_contact_link { display: none; } .wb-checkout-head__secure { font-size: 12px; } }
body#checkout #wrapper { padding-top: 26px; }
body#checkout section.checkout-step .step-number, body#checkout section.checkout-step.-current .step-title .step-number { background: var(--wb-ochre) !important; color: var(--wb-bark) !important; }
@media (min-width: 992px) {
  #product .product-container { display: flex; align-items: stretch; }
  #product .product-container > .col-md-6 { float: none; }
  #product .product-container > .col-md-6:first-child > #content.page-content { position: sticky; top: 20px; }
}
.tabs .tab-content { padding-top: 18px; }
.wb-card__img { container-type: inline-size; }
@container (max-width: 250px) { .wb-card__series { display: none; } }