html{overflow-y:scroll;scrollbar-gutter:stable}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;margin:0;background:#f6f7fb;color:#111}:root{--cardboard:#A67C52;--btn-kraft:#6F4E2E}.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{left:12px;top:12px;width:auto;height:auto;padding:8px 10px;background:#fff;border:2px solid #111;border-radius:12px;z-index:1000}.wrap{max-width:1100px;margin:0 auto;padding:16px;position:relative}.topbar{background:#fff;border-bottom:1px solid #e7e7ef;position:sticky;top:0;z-index:10}.cookie-banner{position:fixed;top:0;left:0;right:0;z-index:20;background:#111;color:#fff;font-size:13px;line-height:1.25}.cookie-banner__inner{max-width:1100px;margin:0 auto;padding:8px 16px;display:flex;gap:12px;align-items:center;justify-content:space-between}.cookie-banner__text{opacity:.95}.cookie-banner__close{background:transparent;border:0;color:#fff;font-size:18px;line-height:1;cursor:pointer;padding:2px 8px;border-radius:10px}.cookie-banner__close:hover{background:rgba(255,255,255,.12)}.has-cookie-banner body{padding-top:34px}.has-cookie-banner .topbar{top:34px}.topbar .wrap{display:block}.topbar-row1{display:flex;align-items:center;justify-content:space-between;gap:12px}.topbar-row2{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:2px}.topbar-row2-left{display:flex;align-items:center;justify-content:flex-start;gap:8px;flex-wrap:wrap;min-height:1px}.topbar-row2-right{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}.topbar-row2-right a{text-decoration:none;color:#333;white-space:nowrap}.topbar-row2 a:hover{color:#000}.topbar-row2-right .cart-btn{background:#ff9800;border-color:#ff9800;color:#fff}.topbar-row2-right .cart-btn:hover{background:#fb8c00;border-color:#fb8c00;color:#fff}.topbar-row2-right .fav-nav-btn{background:#fff;border-color:#e5e7eb;color:#111}.topbar-row2-right .fav-nav-btn:hover{background:#f3f4f6;border-color:#d1d5db;color:#111}.topbar-row2-right .fav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 6px;margin-left:6px;border-radius:999px;background:#111;color:#fff;font-size:12px;font-weight:700;line-height:1;vertical-align:middle}.fav-nav-wrap{position:relative;display:inline-flex;align-items:center}.fav-panel{position:absolute;right:0;top:calc(100%+8px);width:min(420px,calc(100vw - 24px));background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 12px 34px rgba(0,0,0,.16);z-index:99999;display:none}.fav-panel.open{display:block}.fav-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-bottom:1px solid #f3f4f6}.fav-panel-close{background:transparent;border:0;font-size:22px;line-height:1;cursor:pointer;opacity:.85}.fav-panel-body{max-height:min(52vh,420px);overflow:auto;padding:10px 12px}.fav-panel-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-top:1px solid #f3f4f6;background:#fafafa;border-bottom-left-radius:16px;border-bottom-right-radius:16px}@media (max-width:720px){.fav-panel{position:fixed;top:calc(env(safe-area-inset-top)+92px);left:50%;right:auto;transform:translateX(-50%);width:min(420px,calc(100vw - 24px));overflow:hidden}.fav-panel.open{display:flex;flex-direction:column}}.fav-list{display:flex;flex-direction:column;gap:10px}.fav-item{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;border:1px solid #eef2f7;border-radius:14px;padding:10px;background:#fff}.fav-item-left{display:flex;gap:10px;align-items:center;min-width:0;flex:1}.fav-item-img{width:46px;height:46px;object-fit:cover;border-radius:12px;border:1px solid #eee;background:#fff}.fav-item-title{font-weight:800;text-decoration:none;color:#111;display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fav-item-meta{font-size:12px;color:#4b5563;margin-top:2px}.fav-item-actions{display:flex;gap:8px;align-items:center}.fav-item-actions form{margin:0}.fav-item-actions .btn{padding:7px 10px;border-radius:12px}.fav-remove{background:transparent;border:0;padding:0 4px;margin:0;font-size:12px;line-height:1.2;color:#6b7280;cursor:pointer;text-decoration:none}.fav-remove:hover{color:#111}.acc-fav-wrap .fav-panel{position:static;display:block;box-shadow:none;border:0;padding:0}.acc-fav-wrap .fav-panel-head,.acc-fav-wrap .fav-panel-foot{display:none}.acc-fav-wrap .fav-panel-body{padding:0;max-height:none}.topbar-row2-right .cart-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 6px;margin-left:6px;border-radius:999px;background:#fff;color:#ff9800;font-size:12px;font-weight:700;line-height:1;vertical-align:middle}.fav-heart{position:absolute;top:10px;right:10px;width:34px;height:34px;border-radius:999px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1;z-index:5}.fav-heart:hover{background:#f3f4f6}.fav-heart.is-active{border-color:#111}.fav-heart.is-active span{transform:scale(1.05)}.fav-heart span{display:inline-block;transition:transform .12s ease}.fav-heart.is-active{border-color:#111}.brand a{font-weight:800;text-decoration:none;color:#111;display:flex;flex-direction:column;align-items:flex-start;gap:2px}.brand .logo{height:var(--logo-h,40px);max-width:var(--logo-maxw,none);width:auto;vertical-align:middle;margin-right:0;border:0;background:transparent;border-radius:0}.brand .logo.logo-fallback{width:var(--logo-h,40px);display:inline-flex;align-items:center;justify-content:center;font-size:22px;color:#6b7280;background:#f6f7fb}.brand .brand-text{line-height:1;margin:0;padding:0}.nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}.topbar-row2-left .nav{justify-content:flex-start}.nav a{margin-left:0;text-decoration:none;color:#333;white-space:nowrap}.nav a:hover{color:#000}.navbtn,.nav .navbtn{padding:8px 7px;border-radius:10px;text-decoration:none;background:var(--btn-kraft);color:#fff;border:1px solid var(--btn-kraft);display:inline-block}.navbtn:hover,.nav .navbtn:hover{background:#fff;color:var(--btn-kraft);border-color:var(--btn-kraft)}header.topbar .navbtn{display:inline-flex;align-items:center;justify-content:center;gap:6px}header.topbar .navbtn .navbtn-label{display:inline-block;line-height:1}header.topbar .header-icon{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;flex:0 0 auto}header.topbar .header-search-form .header-search-btn{display:flex;align-items:center;justify-content:center;min-width:40px}.header-search-form{display:flex;align-items:center;gap:8px;min-width:220px}.header-search-form .header-search-input{width:240px;max-width:38vw;padding:8px 10px;border-radius:10px;border:1px solid #d8d8e5;background:#fff;box-sizing:border-box}.header-search-form .header-search-btn{padding:8px 10px;border-radius:10px;border:1px solid var(--btn-kraft);background:var(--btn-kraft);color:#fff;font-weight:700;cursor:pointer;line-height:1}.header-search-form .header-search-btn:hover{background:#fff;color:var(--btn-kraft)}@media (max-width:720px){.header-search-form{width:100%;min-width:0}.header-search-form .header-search-input{width:100%;max-width:none}}.nav-toggle{display:none;background:#fff;border:1px solid #e7e7ef;border-radius:12px;padding:10px 12px;font-weight:700;cursor:pointer;line-height:1;position:relative;z-index:11;pointer-events:auto;touch-action:manipulation}.nav-toggle:focus{outline:2px solid var(--cardboard);outline-offset:2px}@media (max-width:720px){.topbar-row1{flex-direction:column;align-items:stretch}.nav-toggle{display:flex;align-items:center;justify-content:center;gap:8px}.nav{display:none;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:8px;padding-top:10px}.nav.is-open{display:flex}.nav a{white-space:normal}.nav .navbtn{width:100%;text-align:center}}.navbtn:focus,.nav .navbtn:focus{outline:2px solid var(--cardboard);outline-offset:2px}.grid{display:grid;gap:12px}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid.cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.product-grid{display:grid;grid-template-columns:repeat(var(--prod-cols,3),minmax(0,1fr));gap:12px}.product-grid.few-items{grid-template-columns:repeat(auto-fit,minmax(240px,320px));justify-content:center}.product-grid.few-items .product-card{max-width:320px;justify-self:center}@media(max-width:420px){.product-grid.few-items{grid-template-columns:1fr;justify-content:stretch}.product-grid.few-items .product-card{max-width:100%;justify-self:stretch}}.category-products-details{margin:0}.category-products-details>summary{list-style:none}.category-products-details>summary::-webkit-details-marker{display:none}.category-products-toggle{display:block;width:100%;max-width:100%;box-sizing:border-box;text-align:center;white-space:normal;line-height:1.2;word-break:break-word;margin:0}.category-products-body{margin-top:10px}.catalog-filterbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:10px}.catalog-filterbar .filter-group{display:flex;align-items:center;gap:6px}.catalog-filterbar .filter-group label{white-space:nowrap}.catalog-filterbar .filter-group select{min-width:160px}.catalog-filterbar .filter-actions{margin-left:auto;display:flex;gap:8px;align-items:center}@media(max-width:700px){.catalog-filterbar .filter-actions{margin-left:0}.catalog-filterbar .filter-group select{min-width:140px}}.product-grid .product-card h3{font-size:clamp(12px,calc(18px - (var(--prod-cols,3) - 3) * 1.2px),18px);line-height:1.2;word-break:break-word}.product-title-link{color:inherit;text-decoration:none}.product-title-link:hover,.product-title-link:focus{text-decoration:underline}.product-grid .product-card .small{font-size:clamp(11px,calc(14px - (var(--prod-cols,3) - 3) * 0.7px),14px)}.grid.cols-6 .product-card h3{font-size:13px;line-height:1.2}.grid.cols-6 .product-card .small{font-size:12px}@media (max-width:980px){.grid.cols-6{grid-template-columns:repeat(3,minmax(0,1fr))}.product-grid.cols-6{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:980px){.product-grid.cols-4,.product-grid.cols-5{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:620px){.grid.cols-6{grid-template-columns:repeat(2,minmax(0,1fr))}.product-grid.cols-6{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.product-grid.cols-4,.product-grid.cols-5{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:420px){
  /* Keep access to the 2nd auth link (Załóż konto / wyloguj) without wrapping */
  header.topbar .header-auth-links a{font-size:12px;padding:6px 8px}
  header.topbar .header-auth-links a.header-auth-secondary{
    width:40px;
    height:40px;
    padding:0;
    justify-content:center;
  }
  header.topbar .header-auth-links a.header-auth-secondary .header-auth-label{display:none}
  header.topbar .header-auth-links a.header-auth-secondary .header-icon{display:block;margin:0}
}
.product-grid.cols-6{grid-template-columns:1fr}}@media (max-width:420px){.product-grid.cols-4,.product-grid.cols-5{grid-template-columns:1fr}}.category-grid{display:grid;grid-template-columns:repeat(var(--cat-cols,8),minmax(0,1fr));gap:10px;margin:0 auto;justify-content:center;align-items:stretch}.category-card{padding:10px;text-align:center;display:block;text-decoration:none;color:inherit;position:relative}.category-card:hover{border-color:#d8d8e5;box-shadow:0 2px 10px rgba(0,0,0,.06)}.category-card:focus{outline:2px solid #b7c7ff;outline-offset:2px}.category-card h3{margin:8px 0 8px;font-size:clamp(10px,calc(16px - (var(--cat-cols,8) - 4) * 0.6px),16px);line-height:1.15;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.3em;word-break:break-word}.category-grid .product-img{aspect-ratio:1/1;border-radius:12px}.category-grid .btn{padding:7px 10px;font-size:13px;border-radius:10px;width:100%}.category-header-card{display:block;max-width:720px;margin:10px auto 0}.category-header-card__img{width:clamp(96px,18vw,140px);height:clamp(96px,18vw,140px);object-fit:cover;border-radius:12px;border:1px solid #ddd;flex:0 0 auto}.category-header-card__img--fallback{display:flex;align-items:center;justify-content:center;font-size:34px;background:#f6f7fb;border:1px solid #e6e6ef}.category-header-card__text{min-width:0}.category-header-card__desc{margin-top:6px;opacity:.85;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}@media (max-width:520px){.category-header-card{max-width:100%}.category-header-card__img{width:96px;height:96px}}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.actions .btn{width:auto;white-space:nowrap}.products-table .actions{display:inline-flex;align-items:center;gap:6px;flex-wrap:nowrap !important;white-space:nowrap}.products-table .actions .btn{margin:0}.products-table th,.products-table td{line-height:1.2}.cat-fallback{width:100%;aspect-ratio:1/1;border-radius:12px;border:1px solid #eee;background:linear-gradient(135deg,var(--g1),var(--g2));display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.cat-fallback::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.35),transparent 55%)}.cat-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;z-index:1}.cat-icon svg{width:100%;height:100%;fill:rgba(255,255,255,.92)}.pager{margin:12px 0 18px;display:flex;justify-content:center}.pager__inner{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:nowrap}.pager__link,.pager__page{display:inline-block;padding:8px 12px;border-radius:10px;border:2px solid var(--btn-kraft);background:var(--btn-kraft);text-decoration:none;color:#fff;white-space:nowrap;font-weight:700;transition:.25s}.pager__page{min-width:36px;text-align:center}.pager__link:hover,.pager__page:hover{background:#fff;color:var(--btn-kraft)}.pager__link.is-disabled{opacity:.45;cursor:not-allowed;border-color:#e7e7ef;background:#fff;color:#111}.pager__pages{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;justify-content:center}.pager__page.is-current{background:#fff;color:var(--btn-kraft);border-color:var(--btn-kraft);box-shadow:0 2px 10px rgba(0,0,0,.10)}.pager__ellipsis{opacity:.7;padding:0 2px}.pager__hint{margin-top:6px;opacity:.75}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width:980px){.category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:820px){.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:640px){.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.sitemap-acc{display:flex;flex-direction:column;gap:10px;margin-top:14px}.sitemap-item{background:#fff;border:1px solid #e7e7ef;border-radius:14px;overflow:hidden;box-shadow:0 1px 6px rgba(0,0,0,.04)}.sitemap-btn{width:100%;text-align:left;background:#fff;border:0;padding:14px 14px;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:space-between}.sitemap-btn::after{content:"▾";font-weight:900;opacity:.7}.sitemap-btn[aria-expanded="true"]::after{content:"▴"}.sitemap-btn:focus{outline:2px solid #b7c7ff;outline-offset:2px}.sitemap-panel{padding:0 14px 14px}.sitemap-products{margin:10px 0 0;padding-left:18px;display:grid;gap:6px}.sitemap-products a{text-decoration:none}.sitemap-products a:hover{text-decoration:underline}@media (max-width:380px){.category-grid{grid-template-columns:repeat(1,minmax(0,1fr))}}.card{background:#fff;border:1px solid #e7e7ef;border-radius:14px;padding:14px;box-shadow:0 1px 2px rgba(0,0,0,.04)}.card.narrow{max-width:660px;margin:0 auto}.card.form-card{max-width:520px;margin:0 auto}.card h3{margin:0 0 8px}.badge{display:inline-block;padding:3px 8px;border-radius:999px;background:#eef;border:1px solid #dde;font-size:12px}.badge.meta-badge{display:inline-flex;align-items:center;justify-content:center;line-height:1.15;vertical-align:middle}.badge.promo-discount-badge{background:#fff0f2;border:1px solid #f2c2c6;color:#7a0f1a;gap:6px;padding:6px 10px}.badge.promo-discount-badge .promo-label{font-weight:400}.badge.promo-discount-badge .promo-value{display:inline-flex;align-items:baseline;gap:2px}.badge.promo-discount-badge .promo-value strong{font-weight:800;font-size:14px}.row{display:flex;gap:12px;flex-wrap:wrap}.row.actions-inline{flex-wrap:nowrap;align-items:center;gap:6px}.row.actions-inline>a{flex:0 1 42%;min-width:0}.row.actions-inline>form{flex:1 1 58%;min-width:0;margin:0}.row.actions-inline>a.btn,.row.actions-inline>form .btn{width:100%;text-align:center;white-space:nowrap}.row.actions-inline .btn{padding:8px 9px;font-size:14px}.row.actions-inline .btn.addcart{gap:4px}.row.actions-inline .btn-icon{font-size:1em}@media (max-width:420px){.row.actions-inline{gap:6px}.row.actions-inline .btn{padding:7px 8px;font-size:13px}}@media (max-width:360px){.row.actions-inline .btn.addcart .btn-icon{display:none}}.btn{display:inline-block;background:#111;color:#fff;padding:10px 12px;border-radius:10px;text-decoration:none;border:none;cursor:pointer}.btn.secondary{background:#f3f4f6;color:#111;border:1px solid #cbd5e1}.btn.secondary:hover{background:#e5e7eb}.btn.danger{background:#b00020;color:#fff}.btn.green{background:#e9ffe9;color:#0f5b0f;border:1px solid #cfeccf}.btn.green:hover{background:#d6ffd6}.btn.green:focus{outline:2px solid #b7e7b7;outline-offset:2px}.btn.secondary.see{background:#f3f4f6;color:#111;border:1px solid #cbd5e1}.btn.secondary.see:hover{background:#e5e7eb;border-color:#cbd5e1}.btn.secondary.see:focus{outline:none}.btn.addcart{background:#e9ffe9;color:#0f5b0f;border:1px solid #cfeccf}.btn.addcart:hover{background:#d6ffd6}.btn.addcart:focus,.btn.js-cart-save:focus{outline:2px solid rgba(255,152,0,.45);outline-offset:2px}.btn-icon{display:inline-flex;align-items:center;justify-content:center;line-height:1}.btn.addcart{display:inline-flex;align-items:center;gap:8px}.btn.small{padding:7px 10px;border-radius:10px;font-size:14px}.adminbar{display:flex;justify-content:flex-start;gap:10px;margin:10px 0 12px}details.summary-btn>summary{list-style:none}details.summary-btn>summary::-webkit-details-marker{display:none}details.summary-btn>summary.btn{display:inline-flex;align-items:center;gap:8px}.input,select,textarea{width:100%;padding:10px;border-radius:10px;border:1px solid #d8d8e5;background:#fff;box-sizing:border-box}.small{font-size:13px;color:#444}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px;border-bottom:1px solid #eee;text-align:left;vertical-align:top}.table-compact th,.table-compact td{padding:6px}.table td.actions{white-space:nowrap}.table td.actions{display:flex;gap:8px;align-items:center}.table td.actions .btn{margin:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn.icon-btn{padding:0;width:30px;height:28px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center}.btn.icon-btn .icon{width:16px;height:16px;fill:currentColor;display:block}.table-striped tbody tr:nth-child(even) td{background:#fafafa}.admin-orders-table th,.admin-orders-table td{padding:4px 6px;vertical-align:middle}.admin-orders-table td.actions{gap:4px;padding-top:2px;padding-bottom:2px}.admin-orders-table td.actions{display:table-cell}.admin-orders-table td.actions .order-actions{display:flex;gap:4px;align-items:center;flex-wrap:nowrap}.admin-orders-table td,.admin-orders-table th{line-height:1.25}.admin-orders-table{table-layout:fixed;width:100%}.admin-orders-table th,.admin-orders-table td{white-space:nowrap}.admin-orders-table td{overflow:hidden;text-overflow:ellipsis}.admin-orders-table td.actions{overflow:visible}.admin-orders-table th:nth-child(1),.admin-orders-table td:nth-child(1){width:7%}.admin-orders-table th:nth-child(2),.admin-orders-table td:nth-child(2){width:10%}.admin-orders-table th:nth-child(3),.admin-orders-table td:nth-child(3){width:12%}.admin-orders-table th:nth-child(4),.admin-orders-table td:nth-child(4){width:18%}.admin-orders-table th:nth-child(5),.admin-orders-table td:nth-child(5){width:10%}.admin-orders-table th:nth-child(6),.admin-orders-table td:nth-child(6){width:10%}.admin-orders-table th:nth-child(7),.admin-orders-table td:nth-child(7){width:8%}.admin-orders-table th:nth-child(8),.admin-orders-table td:nth-child(8){width:8%}.admin-orders-table th:nth-child(9),.admin-orders-table td:nth-child(9){width:7%}.admin-orders-table th:nth-child(10),.admin-orders-table td:nth-child(10){width:10%;min-width:110px}.table tr.editing-row td{background:#e9ffe9}.table tr.editing-row td:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px}.table tr.editing-row td:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px}.guest-actions{display:flex;align-items:center;gap:10px;margin:10px 0 14px 0;flex-wrap:wrap}.notice{padding:10px;border-radius:10px;margin:12px 0}.notice.ok{background:#eaffea;border:1px solid #bfe8bf}.notice.err{background:#ffecec;border:1px solid #f0b6b6}.field-error{margin-top:6px;font-size:12px;color:#b91c1c}input[aria-invalid="true"],textarea[aria-invalid="true"],select[aria-invalid="true"]{border-color:#b91c1c;box-shadow:0 0 0 2px rgba(185,28,28,.12)}.sales-banner{border:2px dashed #9fe09f;border-radius:12px;padding:14px 18px;margin:12px 0;background:#eaffea}.product-img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;border:1px solid #eee}img[data-zoomable="1"]{cursor:zoom-in}.html-content{line-height:1.6;font-size:16px}.html-content p{margin:10px 0}.html-content h1,.html-content h2,.html-content h3,.html-content h4{line-height:1.25;margin:16px 0 10px 0}.html-content h2{font-size:22px}.html-content h3{font-size:18px}.html-content ul,.html-content ol{margin:10px 0 10px 22px;padding:0}.html-content li{margin:6px 0}.html-content a{text-decoration:underline}.html-content blockquote{margin:12px 0;padding:10px 14px;border-left:4px solid #e7e7ef;background:#fafafa;border-radius:12px}.html-content table{width:100%;border-collapse:collapse;margin:12px 0}.html-content th,.html-content td{border-bottom:1px solid #eee;padding:8px;vertical-align:top;text-align:left}.html-content img{max-width:720px;width:100%;height:auto;display:block;margin:12px 0;border-radius:14px}.html-content img[data-zoomable="1"],.html-content img.zoomable{cursor:zoom-in}.html-content.prewrap{white-space:pre-wrap}.html-content figure{margin:12px 0}.html-content figcaption{font-size:13px;opacity:.8;margin-top:6px}.thumb{width:56px;height:42px;object-fit:cover;border-radius:10px;border:1px solid #eee;display:block}.box-building-page{max-width:980px;margin:0 auto}.box-building-page>h1{margin-bottom:12px}.box-building-page .html-content{font-size:16px}.box-building-page .html-content img{max-width:720px;margin:14px 0}.box-building-page .html-content h1{font-size:28px}.box-building-page .html-content h2{font-size:22px}.box-building-page .html-content h3{font-size:18px}.img-zoom{position:fixed;inset:0;background:rgba(0,0,0,.18);display:none;align-items:center;justify-content:center;padding:24px;z-index:9999}.img-zoom.open{display:flex}.img-zoom-window{width:50vw;height:50vh;max-width:720px;max-height:720px;min-width:280px;min-height:220px;background:#fff;border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,.35);position:relative;display:flex;align-items:center;justify-content:center;padding:14px}.img-zoom-img{max-width:100%;max-height:100%;border-radius:12px;cursor:zoom-out}.img-zoom-close{position:absolute;top:8px;right:8px;width:40px;height:40px;border-radius:999px;border:1px solid #e7e7ef;background:#fff;color:#111;font-size:26px;line-height:34px;cursor:pointer}.img-zoom-close:hover{background:#f3f3f7}body.modal-open{overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.card.product-card{position:relative;overflow:hidden}.promo-ribbon{position:absolute;top:12px;left:-48px;transform:rotate(-45deg);background:#c00;color:#fff;padding:6px 70px;font-weight:700;font-size:12px;letter-spacing:1px;text-transform:uppercase;box-shadow:0 2px 6px rgba(0,0,0,.2);pointer-events:none;z-index:5}.price-box .price-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.price-box .price-row .badge{flex:0 0 auto}.product-card .price-box .badge{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-card .price-box .badge .small{display:block;margin-top:2px}.badge.old-price{background:#fff;border:1px solid #e7e7ef}.badge.promo-price{border:1px solid rgba(204,0,0,.25)}.coupon-panel{margin:16px 0 12px 0;padding:12px 14px;border:1px solid #e7e7ef;background:#fafafa;border-radius:14px}.coupon-panel.coupon-panel-product{background:#d4edda;border-color:#c3e6cb}.qty-tier-box{border:1px solid rgba(0,0,0,.08);background:rgba(0,0,0,.02);border-radius:10px;padding:12px;margin:12px 0}.qty-tier-table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;border:1px solid rgba(0,0,0,.08);border-radius:10px}.qty-tier-table th,.qty-tier-table td{padding:10px 12px;border-bottom:1px solid rgba(0,0,0,.06);text-align:left;vertical-align:middle;font-size:14px;line-height:1.25}.qty-tier-table th{background:rgba(0,0,0,.04);font-weight:700}.qty-tier-table th:not(:last-child),.qty-tier-table td:not(:last-child){border-right:1px solid rgba(0,0,0,.06)}.qty-tier-table tr:nth-child(even) td{background:rgba(0,0,0,.015)}.qty-tier-table th:nth-child(1),.qty-tier-table td:nth-child(1){width:32%}.qty-tier-table th:nth-child(2),.qty-tier-table td:nth-child(2){width:18%}.qty-tier-table th:nth-child(3),.qty-tier-table td:nth-child(3){width:50%}.qty-tier-table tr:last-child td{border-bottom:none}.qty-tier-unit{font-weight:400;opacity:.8}.coupon-box{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:8px 0 4px 0}.badge.coupon-badge{border:1px dashed #999;background:#fff}.coupon-hint{color:#555;line-height:1.35}.copy-coupon-btn{background:transparent;border:0;cursor:pointer;padding:0 6px;font-size:14px;line-height:1}.copy-coupon-btn:hover{transform:translateY(-1px)}.copy-coupon-btn:active{transform:translateY(0)}.copy-coupon-btn:focus{outline:2px solid #333;outline-offset:2px;border-radius:6px}.coupon-code{font-weight:700;letter-spacing:.5px}.nav .cart-btn{background:#ff9800;border-color:#ff9800;color:#fff}.nav .cart-btn:hover{background:#fb8c00}.nav .cart-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 6px;margin-left:6px;border-radius:999px;background:#fff;color:#ff9800;font-size:12px;font-weight:700;line-height:1;vertical-align:middle}.or-sep{margin:0 10px;color:#666;font-weight:600}.or-sep-line{display:inline-flex;align-items:center;gap:10px;margin:0 10px;color:#666;font-weight:600}.or-sep-line::before,.or-sep-line::after{content:"—";color:#bbb}.or-divider{display:flex;align-items:center;gap:12px;margin:12px 0;color:#666;font-weight:600;justify-content:center}.or-divider::before,.or-divider::after{content:"";flex:1 1 40px;height:1px;background:#ccc}.or-divider span{white-space:nowrap}.guest-actions .or-divider{flex:1 0 100%;width:100%;margin:8px 0}.guest-actions .or-divider::before,.guest-actions .or-divider::after{content:"— — — — —";flex:1 1 auto;height:auto;background:transparent;color:#999;font-weight:400;letter-spacing:1px}.guest-actions.inline{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:nowrap}.guest-actions .or-inline{color:#777;font-weight:600;white-space:nowrap}.faq{margin:14px 0;padding:12px 14px;border:1px solid rgba(0,0,0,.08);border-radius:12px;background:rgba(0,0,0,.02)}.faq h2{margin:0 0 8px 0;font-size:1.05rem}.faq h3{margin:10px 0 4px 0;font-size:0.98rem}.faq p{margin:0}.faq--header{margin-top:10px}.card.edit-highlight{background:#e9ffe9;border-color:#9fe09f}.card.add-highlight{background:#fffbd6;border-color:#e6d777}.input.hl-yellow{background:#fffbd6;border-color:#e6d777}.input.hl-pink{background:#ffe3ee;border-color:#f3a9c2}.wrap .sales-banner,.sales-banner{display:block;border:2px dashed #9fe09f !important;border-radius:12px !important;padding:14px 18px !important;margin:12px 0 !important;background:#eaffea !important}#cart-table tr.auto-qty-highlight{background:#e7ffe8 !important;outline:3px solid rgba(10,122,58,.25)}#cart-table .qty-input.auto-qty-outline{outline:2px solid rgba(10,122,58,.45);outline-offset:2px;border-radius:12px}.toast{max-width:min(420px,calc(100vw - 32px));padding:12px 14px;border-radius:14px;background:var(--cardboard);color:#fff;box-shadow:0 12px 30px rgba(0,0,0,.35);font-size:14px;line-height:1.35;opacity:1;transform:translateY(0);transition:opacity .25s ease,transform .25s ease}.toast a{color:#fff;text-decoration:underline}.toast.is-hidden{opacity:0;transform:translateY(8px);pointer-events:none}#toast-added,.toast.toast--fixed{position:fixed;right:16px;bottom:16px;z-index:9999}.terms-modal{display:none;position:fixed;inset:0;z-index:9999}.terms-modal.is-open{display:block}.terms-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.55)}.terms-modal__panel{position:relative;width:min(980px,calc(100% - 28px));height:min(86vh,900px);margin:7vh auto 0;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 14px 45px rgba(0,0,0,.35)}.terms-modal__close{position:absolute;top:10px;right:14px;width:52px;height:52px;border:none;border-radius:14px;background:#fff;cursor:pointer;font-size:34px;line-height:52px;font-weight:700;box-shadow:0 6px 18px rgba(0,0,0,.18)}.terms-modal__close:hover{transform:translateY(-1px)}.terms-modal__body{height:100%;padding-top:70px}.terms-modal__frame{width:100%;height:100%;border:0}body.modal-open{overflow:hidden}.page-close-x{position:absolute;top:12px;right:12px;z-index:9999;width:52px;height:52px;line-height:48px;font-size:40px;font-weight:800;border-radius:999px;border:1px solid rgba(0,0,0,.18);background:rgba(255,255,255,.92);color:#111;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.18)}.page-close-x:hover{transform:translateY(-1px)}.page-close-x:active{transform:translateY(0px)}.page-close-x:focus{outline:2px solid rgba(0,0,0,.35);outline-offset:2px}.category-products-inline a{text-decoration:none}.category-products-inline a:hover{text-decoration:none}.category-products-inline{border:1px dashed #333;padding:6px;display:inline-block}.category-products-inline a{border:1px dashed #666;padding:3px 6px;margin:2px;display:inline-block;border-radius:4px}.category-products-inline a:hover{border-color:var(--cardboard);background:#f0f0f0;font-weight:bold}.category-products-card{padding:10px}.category-products-tiles{margin-top:10px;display:grid;grid-template-columns:repeat(4,minmax(132px,1fr));justify-items:stretch;gap:8px}.btn.category-product-tile{display:flex;align-items:center;justify-content:center;text-align:center;min-height:36px;padding:6px 8px;font-size:13px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn.category-product-tile:hover{font-weight:800}@media (max-width:900px){.category-products-tiles{grid-template-columns:repeat(3,minmax(132px,1fr))}}@media (max-width:640px){.category-products-tiles{grid-template-columns:repeat(2,minmax(132px,1fr))}}@media (max-width:420px){.category-products-tiles{grid-template-columns:1fr}}@media (max-width:420px){.category-products-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}.footer-meta-tile{opacity:.9;cursor:default}.footer-meta-tile:hover{font-weight:inherit}.footer-card{padding:10px}.footer-meta{font-size:13px;opacity:.9;margin-bottom:0}.footer-links-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}.btn.footer-link-tile{}.btn.footer-link-tile:hover{font-weight:800}@media (max-width:420px){.footer-links-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}.footer a:not(.btn){border:1px dashed #666;padding:3px 6px;margin:2px;display:inline-block;border-radius:4px;text-decoration:none}.footer a:not(.btn):hover{border-color:var(--cardboard);background:#f0f0f0;font-weight:bold}.category-products-tiles{gap:4px;grid-template-columns:repeat(auto-fit,minmax(70px,1fr))}.btn.category-product-tile{min-height:24px;padding:6px 8px;font-size:12px;line-height:1.2}.footer-links-tiles{gap:8px}.btn,.btn.green,button[type=submit].btn{background:var(--btn-kraft);color:#fff!important;border:2px solid var(--btn-kraft);padding:10px 22px;border-radius:6px;font-weight:600;transition:.25s}.btn:hover,.btn.green:hover,button[type=submit].btn:hover{background:#fff;color:var(--cardboard)!important}.btn.secondary{background:#e5e5e5;color:#333!important;border-radius:6px;transition:.2s}.btn.secondary:hover{background:#d2d2d2}.btn.link,a.btn.link{background:none!important;color:#007bff!important;border:none!important;padding:6px}.btn.link:hover{text-decoration:underline}.cart-product-cell{display:flex;align-items:center;gap:12px}.cart-product-cell img{width:70px;height:auto;display:block}.table-wrap{max-width:100%}.cart-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.cart-table-wrap #cart-table{min-width:720px}@media (max-width:720px){.cart-table-wrap{margin-left:-10px;margin-right:-10px;padding-left:10px;padding-right:10px}.cart-table-wrap #cart-table{min-width:680px}#cart-table th,#cart-table td{padding:8px}.cart-product-cell{gap:10px}.cart-product-cell img{width:56px}}.checkout-stack{display:flex;flex-direction:column;gap:14px}.checkout-stack .checkout-summary{order:-1}.card-ico{display:inline-flex;align-items:center;justify-content:center;margin-right:8px;font-size:1.1em;line-height:1}.card-micro{margin-top:6px;color:#666}.qty-control{display:flex;align-items:center;gap:4px}.qty-control .qty-input{width:56px;text-align:center;padding-left:6px;padding-right:6px}.qty-btn{width:30px;height:30px;border-radius:8px;border:1px solid rgba(0,0,0,.15);background:#fff;cursor:pointer;font-weight:700;line-height:1}.qty-btn:disabled{opacity:.55;cursor:not-allowed}.cart-sum-wrap{display:flex;align-items:center;justify-content:space-between;gap:10px}.btn-remove-line{background:none;border:none;padding:6px 8px;margin:0;color:#b00020;text-decoration:underline;cursor:pointer;font-weight:600;min-height:24px;min-width:24px;display:inline-flex;align-items:center;justify-content:center}.btn-remove-line:focus{outline:2px solid rgba(176,0,32,.25);outline-offset:2px}@media (max-width:720px){#cart-table .qty-control{gap:8px}#cart-table .qty-btn{width:44px;height:44px;border-radius:12px;touch-action:manipulation}#cart-table .qty-control .qty-input{width:70px;min-width:70px;height:44px}#cart-table .btn-remove-line{padding:8px 10px;border-radius:10px}}.in-cart-hint{color:#0a7a3a;white-space:nowrap}.qty-control{display:flex;align-items:center;gap:6px}.qty-control .qty-input{width:54px;min-width:54px;text-align:center;overflow:hidden}.qty-control .qty-input::-webkit-outer-spin-button,.qty-control .qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.qty-control .qty-input{-moz-appearance:textfield}@media (max-width:720px){.qty-btn{width:44px;height:44px;border-radius:12px}.qty-control .qty-input{width:64px;min-width:64px;height:44px}.btn-remove-line{padding:8px 10px;border-radius:10px}}.btn.is-loading{position:relative}.btn.is-loading::after{content:"";position:absolute;top:50%;right:10px;width:14px;height:14px;margin-top:-7px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin 0.8s linear infinite;opacity:0.8}@keyframes spin{to{transform:rotate(360deg)}}.save-counter{display:inline-block;margin-left:10px;padding:3px 8px;border-radius:999px;font-size:12px;line-height:1.2;vertical-align:middle;background:#eef6ff;border:1px solid #d7e9ff;color:#1b4d8f}.price-saved{animation:priceSavedFlash 0.9s ease-out 1}@keyframes priceSavedFlash{0%{box-shadow:0 0 0 0 rgba(46,204,113,0.0);background:rgba(46,204,113,0.20)}40%{box-shadow:0 0 0 0 rgba(46,204,113,0.0);background:rgba(46,204,113,0.20)}100%{box-shadow:0 0 0 0 rgba(46,204,113,0.0);background:transparent}}.breadcrumbs{font-size:0.92rem;opacity:0.85}.breadcrumbs a{text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.breadcrumbs span{margin:0 6px}.breadcrumbs [aria-current="page"]{display:inline-block;padding:6px 10px;border-radius:10px;background:var(--folder-kraft,#6B3F1D);color:#fff;font-weight:700}@media (min-width:1025px){.footer-links-tiles{display:flex;flex-wrap:nowrap;gap:8px;align-items:stretch;overflow-x:auto}.footer-links-tiles>.btn.category-product-tile,.footer-links-tiles>a.btn.category-product-tile{flex:1 1 0;min-width:0;white-space:normal;overflow:visible;text-overflow:clip;padding:4px 6px;font-size:11px;line-height:1.1;min-height:28px;word-break:break-word;overflow-wrap:anywhere}}.vote-box{margin:10px 0 6px 0;padding:10px 12px;border:1px solid #e7e7ef;border-radius:12px;background:#fff}.vote-box__label{margin-bottom:6px}.vote-stars{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.vote-star{appearance:none;border:1px solid #e0e0ea;background:#fff;border-radius:10px;padding:6px 10px;font-size:18px;line-height:1;cursor:pointer;transition:transform .08s ease}.vote-star:hover{transform:scale(1.03)}.vote-star.is-on{border-color:#b08b00;background:rgba(255,215,0,.18)}.vote-meta{margin-top:6px;opacity:.9}.vote-msg{margin-top:6px}.product-tile-link picture,.category-grid picture,.product-gallery picture,.brand picture{display:block;width:100%}.product-tile-link picture>img,.category-grid picture>img,.product-gallery picture>img,.brand picture>img{display:block;width:100%;height:auto}:root{--cardboard-dark:#6b4a2a;--brand-orange:#c75300;--brand-orange-hover:#a94700}.btn:focus-visible,.navbtn:focus-visible,button:focus-visible,a.btn:focus-visible{outline:3px solid #111;outline-offset:2px}.btn,.btn.green,button[type=submit].btn{background:var(--btn-kraft);color:#fff!important;border-color:var(--btn-kraft)}.btn:hover,.btn.green:hover,button[type=submit].btn:hover{background:#fff;color:var(--cardboard-dark)!important;border-color:var(--cardboard)}.navbtn:hover,.nav .navbtn:hover{background:#fff;color:var(--cardboard-dark);border-color:var(--cardboard)}.topbar-row2-right .cart-btn{background:var(--brand-orange);border-color:var(--brand-orange);color:#fff}.topbar-row2-right .cart-btn:hover{background:var(--brand-orange-hover);border-color:var(--brand-orange-hover);color:#fff}:root{--cardboard-dark:#6b4a2a;--cart-orange:#c75300;--cart-orange-hover:#a94700}.btn:focus-visible,.navbtn:focus-visible,button:focus-visible,[role="button"]:focus-visible{outline:3px solid #111;outline-offset:2px}.btn,.btn.green,button[type=submit].btn{background:var(--btn-kraft);border-color:var(--btn-kraft);color:#fff!important}.btn:hover,.btn.green:hover,button[type=submit].btn:hover{background:#fff;color:var(--cardboard-dark)!important;border-color:var(--cardboard)}.navbtn:hover,.nav .navbtn:hover{background:#fff;color:var(--cardboard-dark);border-color:var(--cardboard)}.topbar-row2-right .cart-btn{background:var(--cart-orange);border-color:var(--cart-orange);color:#fff}.topbar-row2-right .cart-btn:hover{background:var(--cart-orange-hover);border-color:var(--cart-orange-hover);color:#fff}.topbar-row2-right .cart-badge{color:var(--cart-orange)}:root{--cardboard-dark:#6b4a2a;--cart-orange:#c75300;--cart-orange-hover:#a94700}.btn:focus-visible,.navbtn:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #111;outline-offset:2px}.btn:hover,.btn.green:hover,button[type=submit].btn:hover{background:#fff;color:var(--cardboard-dark)!important}.navbtn:hover,.nav .navbtn:hover{background:#fff;color:var(--cardboard-dark);border-color:var(--cardboard)}.topbar-row2-right .cart-btn{background:var(--cart-orange);border-color:var(--cart-orange);color:#fff}.topbar-row2-right .cart-btn:hover{background:var(--cart-orange-hover);border-color:var(--cart-orange-hover);color:#fff}.btn.addcart,.btn.js-cart-save,[data-cart-update-root] a.btn.secondary[href$="koszyk"],[data-cart-update-root] a.btn.secondary[href$="/koszyk"]{background:var(--cart-orange)!important;border-color:var(--cart-orange)!important;color:#fff!important}.btn.addcart:hover,.btn.js-cart-save:hover,[data-cart-update-root] a.btn.secondary[href$="koszyk"]:hover,[data-cart-update-root] a.btn.secondary[href$="/koszyk"]:hover{background:var(--cart-orange-hover)!important;border-color:var(--cart-orange-hover)!important;color:#fff!important}
/* === FIX: 'Dodaj' (add to cart) button text must stay white on hover === */
button.btn.addcart,
a.btn.addcart,
.btn.addcart{
  color:#fff !important;
}
button.btn.addcart:hover,
button.btn.addcart:focus,
button.btn.addcart:active,
a.btn.addcart:hover,
a.btn.addcart:focus,
a.btn.addcart:active,
.btn.addcart:hover,
.btn.addcart:focus,
.btn.addcart:active{
  color:#fff !important;
}
/* If the button contains icons (svg/span), keep them white too */
button.btn.addcart:hover *,
button.btn.addcart:focus *,
button.btn.addcart:active *,
a.btn.addcart:hover *,
a.btn.addcart:focus *,
a.btn.addcart:active *,
.btn.addcart:hover *,
.btn.addcart:focus *,
.btn.addcart:active *{
  color:#fff !important;
  fill:#fff !important;
  stroke:#fff !important;
}

/* FIX: mobile/webview – wymuś jednokolumnowy flow w sekcji Składanie kartonów */
.box-building-page .html-content{
  display:block !important;
  column-count: 1 !important;
  columns: auto !important;
  grid-template-columns: none !important;
}

.box-building-page .html-content > *{
  float:none !important;
  width:auto !important;
  max-width: 100% !important;
}

.box-building-page .html-content img{
  display:block !important;
  width:100% !important;
  height:auto !important;
}

/* ===============================
   Google/Lighthouse – Touch Targets Fix
   Cel: min. 48x48px + odstępy między elementami dotykowymi
   Dotyczy: .product-title-link, .product-tile-link, .category-product-tile
   =============================== */

/* Link do produktu (tytuł) – powiększony obszar kliknięcia */
.product-title-link{
  display:block;
  min-height:48px;
  padding:12px 10px;
  margin:6px 0 8px;
  border-radius:10px;
  line-height:1.25;
  touch-action:manipulation;
}

/* Zapewnij odstęp między obrazkiem (link) a tytułem (link) */
.product-card .product-tile-link{
  display:block;
  margin-bottom:8px;
  touch-action:manipulation;
}

/* Gdy obrazek nie jest linkiem (np. category.php) – zapewnij odstęp do tytułu */
.product-card .product-img{
  display:block;
}

/* Fokus klawiatury – czytelny */
.product-title-link:focus-visible,
.product-card .product-tile-link:focus-visible{
  outline:3px solid #111;
  outline-offset:2px;
}

/* Lista produktów w kategorii (skróty) – zgodnie z 48x48 */
.category-products-tiles{
  gap:8px;
}

.btn.category-product-tile{
  min-height:48px;
  padding:12px 10px;
  line-height:1.2;
  touch-action:manipulation;
}


/* === Header: search + favorites + cart (match reference UI) === */
header.topbar .topbar-row2-right{gap:10px}
header.topbar .header-auth-links{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}
header.topbar .header-action-bar{
  display:flex;
  align-items:center;
  gap:10px;
}


/* Search pill */
header.topbar .header-search-form.header-search-pill{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:260px;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid #e7e7ef;
  background:#f6f7fb;
  box-shadow:0 1px 2px rgba(0,0,0,.05);
}
header.topbar .header-search-form.header-search-pill .header-search-leading{
  display:flex;
  align-items:center;
  justify-content:center;
  color:#111;
}
header.topbar .header-search-form.header-search-pill .header-search-input{
  border:0 !important;
  background:transparent !important;
  padding:0 !important;
  outline:0;
  width:260px;
  max-width:48vw;
}
header.topbar .header-search-form.header-search-pill .header-search-input::placeholder{color:#6b7280}
header.topbar .header-search-form.header-search-pill .header-search-btn.header-search-submit{
  width:36px;
  height:36px;
  padding:0;
  border-radius:999px;
  border:1px solid #e7e7ef;
  background:#fff;
  color:#111;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}
header.topbar .header-search-form.header-search-pill .header-search-btn.header-search-submit:hover{
  background:#f3f4f6;
  color:#111;
}

/* Circular action buttons */
header.topbar .header-action-btn{
  width:44px;
  height:44px;
  border-radius:999px;
  border:1px solid #e7e7ef;
  background:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  position:relative;
  padding:0;
  color:#111;
  text-decoration:none;
  box-shadow:0 1px 2px rgba(0,0,0,.03);
}
header.topbar .header-action-btn:hover{background:#f3f4f6}
header.topbar .header-action-btn--cart{
  background:#f6e9dd;
  border-color:#f0d8c6;
}
header.topbar .header-action-btn--cart:hover{background:#f1dfcf}

/* Search action button (mobile only) */
header.topbar .header-action-btn--search{display:none}
header.topbar .header-action-btn--search.is-active{background:#f3f4f6;border-color:#d1d5db}

/* Menu action button (mobile only) */
header.topbar .header-action-btn--menu{display:none}
header.topbar .header-action-btn--menu.is-active{background:#111;border-color:#111;color:#fff}

/* Badges (cart + favorites) */
header.topbar .header-action-btn .cart-badge,
header.topbar .header-action-btn .fav-badge{
  position:absolute;
  top:-6px;
  right:-6px;
  min-width:20px;
  height:18px;
  padding:0 6px;
  border-radius:999px;
  background:#111;
  color:#fff;
  font-size:12px;
  font-weight:800;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:0 !important;
}

/* Icons sizing */
header.topbar .header-search-pill .header-icon,
header.topbar .header-action-btn .header-icon{
  width:20px;
  height:20px;
  stroke:currentColor;
  fill:none;
  stroke-width:2;
}


/* Auth links: optional icons (used on very small screens) */
header.topbar .header-auth-links .header-icon{
  display:none;
  width:18px;
  height:18px;
  stroke:currentColor;
  fill:none;
  stroke-width:2;
  flex:0 0 auto;
  margin-right:6px;
}

/* Mobile: show search pill only after clicking the search icon */
@media (max-width:720px){
  /* Mobile/webview fix: header (buttons) always visible while scrolling.
     Only the logo area can collapse to gain reading space. */
  :root{--mobile-topbar-h:0px}
  html{scroll-padding-top:var(--mobile-topbar-h,0px)}
  header.topbar{position:fixed;left:0;right:0;top:0;width:100%;padding-top:env(safe-area-inset-top)}
  body{padding-top:var(--mobile-topbar-h,0px)}
  .has-cookie-banner body{padding-top:calc(34px + var(--mobile-topbar-h,0px))}
  header.topbar>.wrap{padding-top:12px;padding-bottom:12px}
  header.topbar.is-compact .brand{display:none}
  header.topbar.is-compact>.wrap{padding-top:10px;padding-bottom:10px}
  /* Use the round 'Menu' button instead of the legacy hamburger pill */
  header.topbar .nav-toggle{display:none !important;}

  header.topbar .header-action-btn--menu{display:inline-flex}
  header.topbar .header-action-btn--search{display:inline-flex}

  /* Login zone + action buttons in one row; search pill opens below */
  header.topbar .topbar-row2-right{
    flex-wrap:wrap; /* allow search pill to go to the next line */
    align-items:center;
    justify-content:flex-start;
    gap:8px;
  }

  header.topbar .topbar-row2-right .header-auth-links{
    order:0;
    width:auto;
    display:flex;
    align-items:center;
    gap:8px;
    white-space:nowrap;
    min-width:0;
    overflow:hidden;
  }

  header.topbar .header-auth-links a{
    font-size:13px;
    padding:6px 10px;
    border-radius:999px;
    border:1px solid #e7e7ef;
    background:#fff;
    color:#111;
    display:inline-flex;
    align-items:center;
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  header.topbar .header-auth-links a:hover{background:#f3f4f6}

  header.topbar .topbar-row2-right .header-action-bar{
    order:5;
    width:auto;
    display:flex;
    align-items:center;
    gap:8px;
    flex:0 0 auto;
    min-width:0;
    margin-left:auto; /* push buttons to the right */
  }

  /* Slightly smaller round buttons so everything fits on one line */
  header.topbar .header-action-btn{width:40px;height:40px}
  header.topbar .header-action-btn .header-icon{width:19px;height:19px}

  /* Search pill below the row (when opened) */
  header.topbar .topbar-row2-right .header-search-form{order:10;flex-basis:100%}

  /* Order inside action bar: Menu, Ulubione, Wyszukiwarka, Koszyk (cart pinned to the right) */
  header.topbar .header-action-bar .header-action-btn--menu{order:1}
  header.topbar .header-action-bar .fav-nav-wrap{order:2}
  header.topbar .header-action-bar .header-action-btn--search{order:3}
  header.topbar .header-action-bar .header-action-btn--cart{order:4;margin-left:auto}

  /* Closed by default */
  header.topbar .header-search-form.header-search-pill{display:none;width:100%;min-width:0}
  header.topbar .header-search-form.header-search-pill.is-open{display:flex}
  header.topbar .header-search-form.header-search-pill .header-search-input{width:100%;max-width:none}
}

@media (max-width:420px){
  /* On very small screens keep access to both login + Załóż konto/wyloguj without wrapping */
  header.topbar .header-auth-links a{font-size:12px;padding:6px 8px}
  header.topbar .header-auth-links a.header-auth-secondary{
    width:40px;
    height:40px;
    padding:0;
    justify-content:center;
  }
  header.topbar .header-auth-links a.header-auth-secondary .header-auth-label{display:none}
  header.topbar .header-auth-links a.header-auth-secondary .header-icon{display:block;margin:0}
}


/* Modern header navigation buttons (no size changes) */
header.topbar .navbtn,.navbtn{padding:8px 7px;border-radius:999px;text-decoration:none;background:rgba(17,17,17,.04);color:#111;border:1px solid rgba(17,17,17,.10);display:inline-flex;align-items:center;gap:6px;transition:background-color .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
header.topbar .navbtn:hover,.navbtn:hover{background:rgba(17,17,17,.08);border-color:rgba(17,17,17,.18);color:#111;box-shadow:0 2px 10px rgba(17,17,17,.08);transform:translateY(-1px)}
header.topbar .navbtn:active,.navbtn:active{transform:translateY(0);box-shadow:0 1px 4px rgba(17,17,17,.10)}
header.topbar .navbtn.is-active,.navbtn.is-active{background:#111;color:#fff;border-color:#111}
header.topbar .navbtn.is-active:hover,.navbtn.is-active:hover{background:#111;border-color:#111;color:#fff;box-shadow:0 2px 10px rgba(17,17,17,.14);transform:translateY(-1px)}
header.topbar .nav-toggle{background:rgba(17,17,17,.04);border:1px solid rgba(17,17,17,.10);border-radius:999px;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
header.topbar .nav-toggle:hover{background:rgba(17,17,17,.08);border-color:rgba(17,17,17,.18);box-shadow:0 2px 10px rgba(17,17,17,.08);transform:translateY(-1px)}
header.topbar .nav-toggle:active{transform:translateY(0);box-shadow:0 1px 4px rgba(17,17,17,.10)}


/* FAQ accordion (collapsed by default, expands on click) */
.faq .faq__items{display:flex;flex-direction:column;gap:0}.faq .faq__item{border-top:1px solid rgba(0,0,0,.10);padding-top:8px;margin-top:8px}.faq .faq__item:first-child{border-top:0;padding-top:0;margin-top:0}.faq .faq__question{list-style:none;cursor:pointer;display:flex;align-items:flex-start;gap:10px;font-size:0.98rem;font-weight:700;margin:0}.faq .faq__question::-webkit-details-marker{display:none}.faq .faq__question:focus{outline:2px solid var(--cardboard);outline-offset:3px;border-radius:10px}.faq .faq__marker{flex:0 0 auto;width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,.18);border-radius:6px;line-height:1;font-weight:900;margin-top:1px;transition:transform .12s ease}.faq details[open] .faq__marker{transform:rotate(45deg)}.faq .faq__qtext{flex:1 1 auto}.faq .faq__answer{margin:6px 0 0 28px}.faq .faq__answer p{margin:0;white-space:pre-wrap}

/* =========================================================
   Mobile/webview: 2 kolumny kafli produktów + brak poziomego scrolla
   (bez zmian dla widoku PC)
   ========================================================= */
@media (max-width:720px){
  html,body{max-width:100%;overflow-x:hidden}

  /* Kafle produktów zawsze w 2 kolumnach na smartfonach */
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}

  /* Tryb "few-items" nie może wymuszać 1 kolumny ani stałych szerokości */
  .product-grid.few-items{grid-template-columns:repeat(2,minmax(0,1fr))!important;justify-content:stretch!important}
  .product-grid.few-items .product-card{max-width:none!important;justify-self:stretch!important}
}


/* === Theme: konfigurowalne kolory przycisków (Admin -> Kolor przycisków) === */
:root{--btn-add:var(--cart-orange);--btn-add-hover:var(--cart-orange-hover);--btn-save-qty:var(--cart-orange);--btn-save-qty-hover:var(--cart-orange-hover);--btn-to-cart:var(--cart-orange);--btn-to-cart-hover:var(--cart-orange-hover)}

/* "Dodaj" */
.btn.addcart{background:var(--btn-add)!important;border-color:var(--btn-add)!important;color:#fff!important}
.btn.addcart:hover{background:var(--btn-add-hover)!important;border-color:var(--btn-add-hover)!important;color:#fff!important}

/* "Zapisz ilość" */
.btn.js-cart-save{background:var(--btn-save-qty)!important;border-color:var(--btn-save-qty)!important;color:#fff!important}
.btn.js-cart-save:hover{background:var(--btn-save-qty-hover)!important;border-color:var(--btn-save-qty-hover)!important;color:#fff!important}

/* "Koszyk" (link na stronie produktu, w sekcji edycji ilości) */
[data-cart-update-root] a.btn.secondary[href$="koszyk"],
[data-cart-update-root] a.btn.secondary[href$="/koszyk"]{background:var(--btn-to-cart)!important;border-color:var(--btn-to-cart)!important;color:#fff!important}
[data-cart-update-root] a.btn.secondary[href$="koszyk"]:hover,
[data-cart-update-root] a.btn.secondary[href$="/koszyk"]:hover{background:var(--btn-to-cart-hover)!important;border-color:var(--btn-to-cart-hover)!important;color:#fff!important}

/* === Ujednolicenie banerów cen w kaflach z widokiem promocji === */
:root{
  --tile-price-bg-promo:#ecfdf3;
  --tile-price-border-promo:#a67c52;
  --tile-price-text:#1f2937;
}

.product-card .price-box .badge:not(.old-price){
  background:var(--tile-price-bg-promo);
  border:1px solid var(--tile-price-border-promo);
  color:var(--tile-price-text);
}

.product-card .price-box .badge.promo-price{
  background:var(--tile-price-bg-promo);
  border-color:var(--tile-price-border-promo);
  color:var(--tile-price-text);
}

.product-card .price-box .badge.old-price{
  background:#fff1f2;
  border:1px solid #f2c2c6;
  color:#9f1239;
}

.product-card .price-box .badge .small{
  color:inherit;
}


/* === Ujednolicenie banerów na stronie produktu z kaflami i widokiem promocji === */
.product-card > .row .badge:not(.old-price):not(.promo-discount-badge),
.product-card > .row .badge.meta-badge{
  background:var(--tile-price-bg-promo);
  border:1px solid var(--tile-price-border-promo);
  color:var(--tile-price-text);
}

.product-card > .row .badge b,
.product-card > .row .badge .small{
  color:inherit;
}