
/* FOXIWORLD V887 — CRITICAL HERO ANTI-FOUC
   Keep the already-sized hero hidden until home-hero-gallery-v207.js has
   applied the saved marketplace/home theme. This prevents the legacy/base
   beige hero from flashing before the selected aqua layout. */
html.hero-boot-pending .v15-hero{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
html:not(.hero-boot-pending) .v15-hero{opacity:1;visibility:visible;transition:opacity .12s ease-out}
@media (prefers-reduced-motion:reduce){html:not(.hero-boot-pending) .v15-hero{transition:none}}
/* FoxiWorld V844 — homepage first-paint bundle.
   Generated by concatenating the existing homepage CSS in the exact prior cascade order.
   No selector redesign; purpose: remove request-level render blocking. */

/* ---- frontend/styles.css ---- */
:root {
  --orange: #f47721;
  --orange-dark: #d95f0b;
  --orange-soft: #fff0e5;
  --green: #5b8c51;
  --text: #202124;
  --muted: #6f7379;
  --line: #e8e8e8;
  --surface: #ffffff;
  --surface-soft: #f7f7f5;
  --shadow: 0 14px 40px rgba(31, 35, 39, 0.08);
  --radius: 24px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--text);
  background: #fff;
  line-height: 1.5;
}
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button { cursor: pointer; }
.container { width: min(1180px, calc(100% - 40px)); margin: 0 auto; }
.section { padding: 82px 0; }

.announcement {
  min-height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  background: #202124;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
}
.announcement-dot { color: var(--orange); }

.site-header { position: sticky; top: 0; z-index: 30; background: rgba(255,255,255,.96); backdrop-filter: blur(16px); border-bottom: 1px solid rgba(0,0,0,.05); }
.header-main { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 28px; padding: 18px 0; }
.brand { display: inline-flex; align-items: center; gap: 8px; font-weight: 800; }
.brand-fox { font-size: 30px; }
.brand-name { font-size: 25px; letter-spacing: -1.3px; }
.brand-i { position: relative; }
.paw-dot { position: absolute; top: -10px; left: 4px; font-size: 8px; color: var(--orange); }
.search { position: relative; max-width: 620px; width: 100%; justify-self: center; }
.search input { width: 100%; height: 48px; border: 1px solid var(--line); border-radius: 16px; padding: 0 54px 0 18px; background: #f8f8f7; outline: none; transition: .2s; }
.search input:focus { border-color: var(--orange); box-shadow: 0 0 0 4px rgba(244,119,33,.12); background: white; }
.search button { position: absolute; right: 7px; top: 7px; width: 34px; height: 34px; border: 0; border-radius: 11px; background: var(--orange); color: white; font-size: 22px; }
.header-actions { display: flex; gap: 8px; }
.icon-btn { position: relative; border: 0; background: transparent; display: flex; flex-direction: column; align-items: center; gap: 2px; font-size: 17px; color: var(--text); min-width: 58px; }
.icon-btn span { font-size: 11px; color: var(--muted); }
.cart-btn b { position: absolute; top: -4px; right: 2px; min-width: 18px; height: 18px; border-radius: 9px; display: grid; place-items: center; background: var(--orange); color: white; font-size: 10px; }
.main-nav { border-top: 1px solid var(--line); }
.nav-inner { display: flex; align-items: center; justify-content: center; gap: 42px; min-height: 48px; font-weight: 600; font-size: 14px; }
.nav-inner a { transition: .2s; }
.nav-inner a:hover { color: var(--orange); }
.nav-highlight { color: var(--orange) !important; }

.hero { margin-top: 34px; min-height: 560px; display: grid; grid-template-columns: 1.05fr .95fr; gap: 30px; align-items: center; background: linear-gradient(135deg,#fff6ef 0%,#f5f7f1 100%); border-radius: 34px; padding: 64px; overflow: hidden; position: relative; }
.eyebrow { display: inline-block; font-size: 12px; letter-spacing: 1.6px; font-weight: 800; color: var(--orange); margin-bottom: 12px; }
.hero h1 { margin: 0; max-width: 650px; font-size: clamp(42px,5vw,68px); line-height: 1.02; letter-spacing: -3px; }
.hero p { max-width: 610px; color: var(--muted); font-size: 18px; margin: 24px 0 30px; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.btn { border: 0; display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 23px; border-radius: 14px; font-weight: 700; transition: transform .2s, box-shadow .2s, background .2s; }
.btn:hover { transform: translateY(-2px); }
.btn-primary { background: var(--orange); color: white; box-shadow: 0 10px 24px rgba(244,119,33,.23); }
.btn-primary:hover { background: var(--orange-dark); }
.btn-secondary { background: white; border: 1px solid var(--line); }
.hero-benefits { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 30px; color: #4f5458; font-size: 13px; font-weight: 600; }
.hero-visual { position: relative; min-height: 430px; }
.pet-card { position: absolute; width: 250px; min-height: 250px; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 36px; box-shadow: var(--shadow); z-index: 3; transition: transform .3s; }
.pet-card:hover { transform: translateY(-8px) rotate(0deg); }
.pet-card-dog { left: 20px; top: 30px; background: #fff; transform: rotate(-5deg); }
.pet-card-cat { right: 0; bottom: 15px; background: #fff3e8; transform: rotate(6deg); }
.pet-emoji { font-size: 88px; }
.pet-card strong { margin-top: 10px; font-size: 22px; }
.pet-card span { color: var(--muted); font-size: 14px; }
.hero-orbit { position: absolute; border-radius: 50%; border: 2px dashed rgba(244,119,33,.28); }
.orbit-one { width: 330px; height: 330px; left: 70px; top: 60px; }
.orbit-two { width: 220px; height: 220px; right: 15px; top: 10px; }

.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 30px; }
.section-heading h2 { margin: 0; font-size: clamp(30px,4vw,44px); letter-spacing: -1.6px; }
.section-heading > a { font-weight: 700; color: var(--orange); }
.category-grid { display: grid; grid-template-columns: repeat(6,1fr); gap: 16px; }
.category-card { background: var(--surface-soft); border-radius: 22px; padding: 24px 20px; min-height: 180px; transition: .25s; border: 1px solid transparent; }
.category-card:hover { background: white; border-color: #f2c6a7; transform: translateY(-5px); box-shadow: var(--shadow); }
.category-icon { font-size: 44px; }
.category-card h3 { margin: 17px 0 4px; font-size: 17px; }
.category-card p { margin: 0; color: var(--muted); font-size: 13px; }

.products-section { background: #f7f7f5; }
.tabs { display: flex; gap: 7px; padding: 5px; background: white; border-radius: 13px; }
.tab { border: 0; background: transparent; border-radius: 10px; padding: 10px 15px; color: var(--muted); font-weight: 700; }
.tab.active { background: var(--orange-soft); color: var(--orange-dark); }
.product-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 18px; }
.product-card { position: relative; background: white; border-radius: 24px; padding: 16px; border: 1px solid #efefef; transition: .25s; }
.product-card:hover { transform: translateY(-6px); box-shadow: var(--shadow); }
.product-image { min-height: 235px; display: grid; place-items: center; border-radius: 19px; overflow: hidden; margin-bottom: 17px; }
.product-image span { font-size: 90px; filter: drop-shadow(0 12px 18px rgba(0,0,0,.12)); }
.dog-food { background: linear-gradient(140deg,#ffe8d5,#fff8ef); }
.cat-food { background: linear-gradient(140deg,#e7f0df,#f8fbf5); }
.snack { background: linear-gradient(140deg,#fff1dc,#ffe3bf); }
.bed { background: linear-gradient(140deg,#eee7e0,#faf7f3); }
.badge { position: absolute; top: 27px; left: 27px; z-index: 2; padding: 6px 10px; border-radius: 9px; background: #202124; color: white; font-size: 11px; font-weight: 800; }
.badge-new { background: var(--green); }
.badge-sale { background: var(--orange); }
.favorite { position: absolute; top: 24px; right: 24px; z-index: 2; width: 37px; height: 37px; border: 0; border-radius: 50%; background: rgba(255,255,255,.88); font-size: 22px; }
.product-meta { font-size: 11px; letter-spacing: 1.2px; color: var(--muted); font-weight: 800; }
.product-card h3 { min-height: 48px; margin: 6px 0 8px; font-size: 16px; line-height: 1.45; }
.rating { color: #f5a623; font-size: 13px; }
.rating span { color: var(--muted); }
.price-row { display: flex; align-items: center; gap: 10px; margin: 14px 0 5px; }
.price-row strong { font-size: 19px; }
.price-row span { text-decoration: line-through; color: #969a9e; font-size: 13px; }
.stock { color: var(--green); font-size: 12px; font-weight: 700; }
.btn-cart { width: 100%; margin-top: 14px; background: #202124; color: white; min-height: 46px; }
.btn-cart:hover { background: var(--orange); }

.promo-banner { border-radius: 30px; background: linear-gradient(125deg,#dd6818,#f89242); color: white; padding: 58px 64px; display: grid; grid-template-columns: 1fr auto; align-items: center; overflow: hidden; }
.promo-banner h2 { font-size: clamp(34px,4vw,54px); max-width: 720px; margin: 0; line-height: 1.08; letter-spacing: -2px; }
.promo-banner p { color: rgba(255,255,255,.85); font-size: 17px; }
.eyebrow.light { color: #fff8e7; }
.btn-light { background: white; color: var(--orange-dark); }
.promo-art { width: 230px; height: 230px; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 2px solid rgba(255,255,255,.5); background: rgba(255,255,255,.1); transform: rotate(7deg); }
.promo-big { font-size: 66px; font-weight: 800; line-height: 1; }
.promo-small { font-size: 19px; font-weight: 800; letter-spacing: 4px; }

.brands-grid { display: grid; grid-template-columns: repeat(6,1fr); gap: 14px; }
.brands-grid div { min-height: 92px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 18px; font-weight: 800; color: #555; background: white; }
.guides { background: #f7f7f5; }
.guide-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; }
.guide-card { overflow: hidden; background: white; border-radius: 24px; transition: .25s; }
.guide-card:hover { transform: translateY(-5px); box-shadow: var(--shadow); }
.guide-image { min-height: 230px; display: grid; place-items: center; font-size: 90px; }
.guide-dog { background: #f3e7d9; }
.guide-cat { background: #e7eee2; }
.guide-walk { background: #e6ebef; }
.guide-content { padding: 24px; }
.guide-content span { font-size: 11px; font-weight: 800; letter-spacing: 1.2px; color: var(--orange); }
.guide-content h3 { margin: 9px 0 22px; font-size: 21px; line-height: 1.35; }
.guide-content a { font-weight: 700; color: var(--orange); }

.newsletter { display: grid; grid-template-columns: 1.2fr .8fr; gap: 50px; align-items: center; }
.newsletter h2 { margin: 0 0 10px; font-size: 38px; letter-spacing: -1.4px; }
.newsletter p { color: var(--muted); }
.newsletter-form { display: flex; gap: 10px; }
.newsletter-form input { flex: 1; min-width: 0; height: 50px; border: 1px solid var(--line); border-radius: 14px; padding: 0 16px; outline: none; }
.newsletter-form input:focus { border-color: var(--orange); box-shadow: 0 0 0 4px rgba(244,119,33,.1); }

.footer { background: #202124; color: white; padding: 62px 0 22px; }
.footer-grid { display: grid; grid-template-columns: 1.5fr repeat(3,1fr); gap: 45px; }
.footer-brand { color: white; margin-bottom: 15px; }
.footer p { color: #adb0b4; max-width: 330px; }
.footer h4 { margin: 0 0 16px; }
.footer a:not(.brand) { display: block; color: #c6c8ca; margin: 9px 0; font-size: 14px; }
.footer a:hover { color: white; }
.footer-bottom { border-top: 1px solid #383a3d; margin-top: 45px; padding-top: 22px; display: flex; justify-content: space-between; gap: 20px; color: #8f9397; font-size: 12px; }

@media (max-width: 1024px) {
  .category-grid { grid-template-columns: repeat(3,1fr); }
  .product-grid { grid-template-columns: repeat(2,1fr); }
  .brands-grid { grid-template-columns: repeat(3,1fr); }
  .hero { grid-template-columns: 1fr; }
  .hero-visual { min-height: 360px; }
  .pet-card-dog { left: 10%; }
  .pet-card-cat { right: 10%; }
  .header-main { grid-template-columns: auto 1fr; }
  .header-actions { display: none; }
}

@media (max-width: 760px) {
  .container { width: min(100% - 24px,1180px); }
  .announcement { font-size: 11px; gap: 7px; overflow: hidden; white-space: nowrap; }
  .header-main { grid-template-columns: 1fr; gap: 12px; }
  .brand { justify-self: center; }
  .search { max-width: none; }
  .nav-inner { justify-content: flex-start; gap: 24px; overflow-x: auto; padding: 0 12px; }
  .nav-inner a { white-space: nowrap; }
  .hero { margin-top: 16px; padding: 36px 24px; border-radius: 25px; }
  .hero h1 { font-size: 42px; letter-spacing: -2px; }
  .hero-visual { min-height: 290px; }
  .pet-card { width: 180px; min-height: 180px; border-radius: 26px; }
  .pet-card-dog { left: 0; }
  .pet-card-cat { right: 0; }
  .pet-emoji { font-size: 60px; }
  .hero-orbit { display: none; }
  .section { padding: 58px 0; }
  .section-heading { align-items: flex-start; flex-direction: column; }
  .category-grid { grid-template-columns: repeat(2,1fr); }
  .product-grid { grid-template-columns: 1fr; }
  .tabs { width: 100%; overflow-x: auto; }
  .promo-banner { grid-template-columns: 1fr; padding: 40px 28px; }
  .promo-art { margin: 35px auto 0; }
  .brands-grid { grid-template-columns: repeat(2,1fr); }
  .guide-grid { grid-template-columns: 1fr; }
  .newsletter { grid-template-columns: 1fr; gap: 25px; }
  .newsletter-form { flex-direction: column; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .footer-bottom { flex-direction: column; }
}

@media (max-width: 460px) {
  .category-grid { grid-template-columns: 1fr; }
  .pet-card { width: 150px; min-height: 160px; }
  .pet-card strong { font-size: 18px; }
  .pet-card span { font-size: 12px; }
  .hero-benefits { flex-direction: column; gap: 8px; }
  .footer-grid { grid-template-columns: 1fr; }
}

/* ===== Podstrony sklepu ===== */
.page-hero,.account-hero{background:linear-gradient(135deg,#fff5ec,#f2f6ee);padding:64px 0 54px}.page-hero h1,.account-hero h1{font-size:clamp(40px,6vw,64px);letter-spacing:-2.5px;margin:0 0 12px}.page-hero p,.account-hero p{color:var(--muted);font-size:18px}.breadcrumbs{font-size:13px;color:var(--muted);margin-bottom:28px}.breadcrumbs a:hover{color:var(--orange)}
.catalogue{display:grid;grid-template-columns:250px 1fr;gap:38px;align-items:start}.filters{position:sticky;top:160px;border:1px solid var(--line);border-radius:22px;padding:22px;background:white}.filters-title,.catalogue-toolbar,.cart-heading,.order-head{display:flex;justify-content:space-between;align-items:center}.filters h3{margin:0}.filter-toggle{border:0;background:none;color:var(--orange);font-weight:700}.filters>label,.filter-group{display:block;margin-top:24px}.filters input[type=text],.price-inputs input{width:100%;border:1px solid var(--line);border-radius:11px;padding:11px}.filter-group{border-top:1px solid var(--line);padding-top:20px}.filter-group h4{margin:0 0 12px}.filter-group label{display:flex;gap:9px;align-items:center;margin:10px 0;font-size:14px}.filter-group label span{margin-left:auto;color:var(--muted)}.price-inputs{display:flex;gap:8px}.filter-apply{width:100%;margin-top:20px}.catalogue-toolbar{padding-bottom:20px;border-bottom:1px solid var(--line)}.catalogue-toolbar div{display:flex;flex-direction:column}.catalogue-toolbar span{color:var(--muted);font-size:13px}.catalogue-toolbar select{border:1px solid var(--line);border-radius:12px;padding:11px 14px}.active-filters{display:flex;gap:8px;margin:18px 0}.active-filters button{border:0;background:var(--orange-soft);color:var(--orange-dark);padding:8px 12px;border-radius:999px}.catalogue-grid{grid-template-columns:repeat(3,1fr)}.load-more{display:flex;margin:30px auto 0;background:white;border:1px solid var(--line)}
.product-page{padding-top:48px}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:70px}.main-photo{min-height:520px;border-radius:30px;display:flex;flex-direction:column;justify-content:center;align-items:center}.main-photo span{font-size:170px}.main-photo b{margin-top:15px;letter-spacing:4px}.thumbs{display:flex;gap:12px;margin-top:14px}.thumbs button{width:75px;height:75px;border:1px solid var(--line);border-radius:16px;background:white;font-size:26px}.thumbs button.active{border:2px solid var(--orange)}.product-info h1{font-size:44px;letter-spacing:-1.8px;line-height:1.1;margin:12px 0}.product-rating{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:13px}.lead{color:var(--muted);font-size:17px}.detail-price{display:flex;align-items:center;gap:13px;margin:28px 0}.detail-price strong{font-size:34px}.detail-price span{text-decoration:line-through;color:var(--muted)}.detail-price em{font-style:normal;background:var(--orange-soft);color:var(--orange-dark);padding:7px 10px;border-radius:9px;font-weight:700;font-size:12px}.delivery-box{display:flex;flex-direction:column;gap:4px;background:#f1f8ef;padding:17px;border-radius:15px}.delivery-box b{color:var(--green)}.choice{margin:25px 0}.choice label{display:block;font-weight:700;margin-bottom:10px}.choice-buttons{display:flex;gap:9px}.choice-buttons button{border:1px solid var(--line);background:white;border-radius:12px;padding:11px 20px;font-weight:700}.choice-buttons .active{border:2px solid var(--orange);color:var(--orange)}.purchase-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px}.qty{display:flex;border:1px solid var(--line);border-radius:13px;overflow:hidden;height:50px}.qty button{width:42px;border:0;background:white}.qty input{width:42px;text-align:center;border:0}.wish-main{width:50px;border:1px solid var(--line);border-radius:13px;background:white;font-size:24px}.purchase-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px;font-size:12px;color:var(--muted)}.product-tabs{display:flex;gap:28px;border-bottom:1px solid var(--line);margin-top:70px}.product-tabs button{border:0;background:none;padding:18px 0;font-weight:700;color:var(--muted)}.product-tabs button.active{color:var(--orange);border-bottom:3px solid var(--orange)}.tab-panel{max-width:850px;padding:35px 0}.tab-panel h2{font-size:34px}.tab-panel p{color:var(--muted);font-size:17px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:25px}.feature-grid div{background:var(--surface-soft);padding:22px;border-radius:17px;display:flex;flex-direction:column}.feature-grid span{color:var(--muted);font-size:13px}.recommendations{padding-top:35px}
.checkout-steps{display:flex;gap:20px;margin-bottom:40px}.checkout-steps span{padding:10px 15px;border-radius:999px;background:var(--surface-soft);color:var(--muted)}.checkout-steps .active{background:var(--orange);color:white}.cart-layout{display:grid;grid-template-columns:1fr 370px;gap:45px;align-items:start}.cart-heading h1{font-size:45px;margin:0}.cart-heading span{color:var(--muted)}.cart-item{display:grid;grid-template-columns:110px 1fr auto auto;gap:20px;align-items:center;border-bottom:1px solid var(--line);padding:25px 0}.cart-thumb{width:100px;height:100px;border-radius:18px;display:grid;place-items:center;font-size:45px}.cart-data h3{margin:4px 0}.cart-data span{color:var(--muted);font-size:13px}.remove{display:block;border:0;background:none;padding:0;margin-top:9px;color:#b44735}.cart-note{display:flex;gap:14px;background:#f2f8ef;padding:18px;border-radius:16px;margin-top:25px}.cart-note span{font-size:25px}.cart-note p{margin:3px 0;color:var(--muted)}.summary-card{position:sticky;top:160px;border:1px solid var(--line);border-radius:24px;padding:26px;box-shadow:var(--shadow)}.summary-card h2{margin-top:0}.summary-card>div{display:flex;justify-content:space-between;margin:15px 0}.summary-total{border-top:1px solid var(--line);padding-top:20px;font-size:18px}.summary-card>.btn{width:100%;margin:15px 0}.green{color:var(--green)}.coupon{display:flex;margin-top:12px}.coupon input{min-width:0;flex:1;border:1px solid var(--line);border-radius:11px 0 0 11px;padding:11px}.coupon button{border:0;background:#202124;color:white;border-radius:0 11px 11px 0}.summary-card p{color:var(--muted);font-size:12px;text-align:center}
.account-layout{display:grid;grid-template-columns:230px 1fr;gap:40px}.account-nav{display:flex;flex-direction:column;gap:6px}.account-nav a{padding:13px 15px;border-radius:12px;font-weight:600}.account-nav a.active,.account-nav a:hover{background:var(--orange-soft);color:var(--orange-dark)}.account-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stat-card{border:1px solid var(--line);border-radius:20px;padding:22px}.stat-card span,.stat-card p{color:var(--muted);font-size:13px}.stat-card strong{display:block;font-size:35px;margin:8px 0}.order-card{margin-top:24px;border:1px solid var(--line);border-radius:22px;padding:25px}.order-head div{display:flex;flex-direction:column}.order-head span{color:var(--muted);font-size:13px}.status-pill{background:#fff2d9!important;color:#94600d!important;padding:8px 12px;border-radius:999px;font-weight:700}.order-progress{display:grid;grid-template-columns:repeat(4,1fr);margin:30px 0}.order-progress div{position:relative;text-align:center;color:#aaa}.order-progress div:after{content:"";position:absolute;top:12px;left:55%;width:90%;height:2px;background:#ddd}.order-progress div:last-child:after{display:none}.order-progress span{display:block;font-size:12px;margin-top:8px}.order-progress .done,.order-progress .active{color:var(--orange)}.order-progress .done:after{background:var(--orange)}.order-products{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding-top:20px}.order-products .cart-thumb{width:65px;height:65px;font-size:28px}.order-products div{display:flex;flex-direction:column;margin-right:auto}.order-products span{color:var(--muted);font-size:13px}.pet-profile{display:grid;grid-template-columns:1fr auto;align-items:center;background:linear-gradient(135deg,#fff5ec,#eef5e9);border-radius:24px;padding:35px;margin-top:24px}.pet-profile h2{font-size:32px;margin:0}.pet-profile p{max-width:650px;color:var(--muted)}.pet-bubble{font-size:100px;padding:20px}
@media(max-width:900px){.catalogue,.product-detail,.cart-layout,.account-layout{grid-template-columns:1fr}.filters,.summary-card{position:static}.catalogue-grid{grid-template-columns:repeat(2,1fr)}.product-detail{gap:30px}.account-cards{grid-template-columns:1fr}.account-nav{display:grid;grid-template-columns:repeat(2,1fr)}.cart-item{grid-template-columns:90px 1fr}.cart-item>.qty,.cart-item>strong{grid-column:2}.product-info h1{font-size:36px}}
@media(max-width:600px){.catalogue-grid,.feature-grid{grid-template-columns:1fr}.main-photo{min-height:350px}.main-photo span{font-size:120px}.purchase-benefits{grid-template-columns:1fr}.product-tabs{overflow-x:auto}.product-tabs button{white-space:nowrap}.cart-item{grid-template-columns:75px 1fr}.cart-thumb{width:75px;height:75px}.account-nav{grid-template-columns:1fr}.pet-profile{grid-template-columns:1fr}.pet-bubble{display:none}.checkout-steps{overflow-x:auto}.checkout-steps span{white-space:nowrap}}

/* ===== Panel administracyjny ===== */
.admin-body{background:#f5f6f8;color:#202124;min-height:100vh}.admin-sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:#202124;color:#fff;padding:26px 18px;display:flex;flex-direction:column;z-index:50}.admin-brand{color:#fff;padding:0 10px 22px;border-bottom:1px solid #36383b}.admin-store-status{margin:18px 8px;padding:11px 12px;border-radius:12px;background:#2b2d30;font-size:12px;color:#c9cccf}.admin-store-status span{display:inline-block;width:8px;height:8px;border-radius:50%;background:#5fba69;margin-right:7px}.admin-nav{display:flex;flex-direction:column;gap:5px}.admin-nav a{display:grid;grid-template-columns:25px 1fr auto;align-items:center;color:#c5c8cb;padding:12px 13px;border-radius:12px;font-size:14px;font-weight:600}.admin-nav a:hover,.admin-nav a.active{background:#f47721;color:#fff}.admin-nav b{font-size:10px;background:#3b3e42;padding:4px 7px;border-radius:99px}.admin-nav a.active b{background:rgba(255,255,255,.2)}.admin-sidebar-bottom{margin-top:auto;border-top:1px solid #36383b;padding:17px 9px 0;display:flex;flex-direction:column;gap:12px}.admin-sidebar-bottom a,.admin-sidebar-bottom button{font-size:13px;color:#c5c8cb;background:none;border:0;text-align:left;padding:0;cursor:pointer}.admin-main{margin-left:250px;min-height:100vh}.admin-topbar{height:82px;background:#fff;border-bottom:1px solid #e5e7ea;display:flex;align-items:center;padding:0 34px;position:sticky;top:0;z-index:30}.admin-menu-btn{display:none}.admin-search{max-width:520px;flex:1;background:#f5f6f8;border-radius:13px;display:flex;align-items:center;padding:0 14px}.admin-search input{height:44px;border:0;background:transparent;outline:0;width:100%;padding-left:10px}.admin-profile{margin-left:auto;display:flex;align-items:center;gap:10px}.admin-profile div:last-child{display:flex;flex-direction:column}.admin-profile span{font-size:11px;color:#7a7e83}.admin-avatar{width:39px;height:39px;border-radius:12px;background:#fff0e4;color:#d95b00;display:grid;place-items:center;font-weight:800}.admin-bell{position:relative;border:0;background:#f5f6f8;width:40px;height:40px;border-radius:12px;margin-right:7px}.admin-bell i{position:absolute;right:-2px;top:-4px;background:#f47721;color:#fff;border-radius:50%;font-style:normal;font-size:9px;width:17px;height:17px;display:grid;place-items:center}.admin-content{padding:35px;max-width:1600px;margin:auto}.admin-page-head{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:28px}.admin-page-head h1{font-size:36px;letter-spacing:-1.4px;margin:6px 0}.admin-page-head p{margin:0;color:#777b80}.admin-head-actions{display:flex;gap:10px}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:18px}.admin-stats article,.admin-card{background:#fff;border:1px solid #e5e7ea;border-radius:20px;box-shadow:0 5px 18px rgba(29,31,34,.035)}.admin-stats article{padding:21px;display:grid;grid-template-columns:auto 1fr;column-gap:13px}.stat-icon{grid-row:1/4;width:43px;height:43px;border-radius:13px;background:#fff2e8;display:grid;place-items:center;font-size:20px}.admin-stats span{font-size:12px;color:#777b80}.admin-stats strong{font-size:25px;margin:3px 0}.admin-stats small{font-size:11px;color:#777b80}.admin-stats .positive{color:#2f8b48}.admin-stats .sync-ok{font-size:19px;color:#2f8b48}.admin-grid-two{display:grid;grid-template-columns:1.55fr .75fr;gap:18px;margin-bottom:18px}.admin-card{padding:23px}.admin-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.admin-card-head>div>span{font-size:10px;letter-spacing:1px;color:#f47721;font-weight:800}.admin-card-head h2{margin:5px 0 0;font-size:21px}.admin-card-head select,.product-tools input,.product-tools select{border:1px solid #e1e3e6;background:#fff;border-radius:10px;padding:9px 11px}.sales-summary{display:flex;gap:45px;margin-top:25px}.sales-summary div{display:flex;flex-direction:column}.sales-summary span{font-size:11px;color:#777b80}.sales-summary strong{font-size:18px;margin-top:4px}.fake-chart{height:210px;border-bottom:1px solid #e1e3e6;margin-top:25px;display:flex;align-items:flex-end;justify-content:space-around;gap:16px;padding:0 14px}.fake-chart div{flex:1;max-width:54px;background:linear-gradient(#f47721,#ffb175);border-radius:9px 9px 0 0;position:relative;min-height:20px}.fake-chart span{position:absolute;bottom:-25px;left:50%;transform:translateX(-50%);font-size:11px;color:#777b80}.status-pill{font-style:normal;border-radius:99px;padding:6px 9px;font-size:10px;font-weight:700}.status-pill.success{background:#e8f6ea;color:#2d8142}.status-pill.pending{background:#fff0e3;color:#d7600c}.status-pill.paid{background:#e8f0ff;color:#3a68bd}.status-pill.muted{background:#eef0f2;color:#72767b}.sync-hero{display:flex;align-items:center;gap:13px;background:#f6f7f8;border-radius:15px;padding:15px;margin:20px 0}.sync-logo{width:45px;height:45px;border-radius:12px;background:#202124;color:#fff;display:grid;place-items:center;font-weight:800}.sync-hero div:last-child{display:flex;flex-direction:column}.sync-hero span{font-size:11px;color:#777b80;margin-top:3px}.sync-list>div{display:flex;justify-content:space-between;border-bottom:1px solid #eceef0;padding:11px 0;font-size:12px}.sync-list b{color:#2f8b48}.warning-text{color:#d7600c!important}.sync-now{width:100%;margin-top:17px}.sync-card>small{display:block;color:#888c91;text-align:center;margin-top:10px;font-size:10px}.products-admin-head{align-items:center}.product-tools{display:flex;gap:8px}.product-tools input{width:270px}.admin-table-wrap{overflow-x:auto;margin-top:20px}.admin-table{border-collapse:collapse;width:100%;min-width:900px;font-size:12px}.admin-table th{text-align:left;color:#878b90;font-weight:600;background:#f7f8f9;padding:11px;border-bottom:1px solid #e5e7ea}.admin-table td{padding:13px 11px;border-bottom:1px solid #eceef0}.admin-table td>small,.admin-table td>b{display:block}.admin-table td small{color:#8a8e93;margin-top:4px}.admin-product{display:flex;align-items:center;gap:11px}.admin-product>div{width:43px;height:43px;border-radius:11px;background:#f4eee8;display:grid;place-items:center;font-size:21px}.admin-product span{display:flex;flex-direction:column}.stock-number{font-weight:700}.stock-number.low{color:#d75d09}.mini-switch{width:38px;height:21px;border:0;background:#c9ccd0;border-radius:99px;padding:3px;cursor:pointer}.mini-switch i{display:block;width:15px;height:15px;background:#fff;border-radius:50%;transition:.2s}.mini-switch.on{background:#5caf69}.mini-switch.on i{transform:translateX(17px)}.sync-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px}.sync-dot.ok{background:#55a963}.sync-dot.error{background:#ef8d43}.row-menu{border:0;background:none;font-weight:800;cursor:pointer}.table-footer{display:flex;justify-content:space-between;align-items:center;margin-top:18px;color:#7d8186;font-size:11px}.bottom-grid{grid-template-columns:1fr 1fr}.orders-list>div{display:grid;grid-template-columns:90px 1fr 100px auto;gap:10px;align-items:center;border-bottom:1px solid #eceef0;padding:14px 0;font-size:12px}.orders-list span{color:#777b80}.attention-list a{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid #eceef0}.attention-list i{font-style:normal;width:35px;height:35px;border-radius:10px;background:#fff0e4;color:#d85d06;display:grid;place-items:center;font-weight:800}.attention-list div{display:flex;flex-direction:column;font-size:12px}.attention-list span{color:#7b7f84;margin-top:3px}.admin-modal{position:fixed;inset:0;z-index:100;display:none}.admin-modal.open{display:block}.admin-modal-backdrop{position:absolute;inset:0;background:rgba(20,21,23,.58);backdrop-filter:blur(3px)}.admin-modal-panel{position:absolute;top:0;right:0;width:min(680px,100%);height:100%;background:#fff;padding:30px;overflow:auto;box-shadow:-20px 0 50px rgba(0,0,0,.15)}.admin-modal-panel>header{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #e6e8ea;padding-bottom:19px;margin-bottom:23px}.admin-modal-panel h2{margin:5px 0 0;font-size:28px}.admin-modal-panel header button{border:0;background:#f1f2f3;width:38px;height:38px;border-radius:11px;font-size:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.admin-modal-panel label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700;margin-bottom:14px}.admin-modal-panel input,.admin-modal-panel select,.admin-modal-panel textarea{border:1px solid #dfe1e4;border-radius:11px;padding:12px;font:inherit;outline:0}.admin-modal-panel input:focus,.admin-modal-panel textarea:focus{border-color:#f47721;box-shadow:0 0 0 3px rgba(244,119,33,.1)}.modal-note{background:#fff4ea;color:#7e4b27;border-radius:13px;padding:13px;font-size:11px;line-height:1.5}.admin-modal-panel footer{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}
@media(max-width:1200px){.admin-stats{grid-template-columns:repeat(2,1fr)}.admin-grid-two{grid-template-columns:1fr}.bottom-grid{grid-template-columns:1fr}}
@media(max-width:850px){.admin-sidebar{transform:translateX(-100%);transition:.25s}.admin-sidebar.open{transform:none}.admin-main{margin-left:0}.admin-menu-btn{display:block;border:0;background:#f3f4f5;width:40px;height:40px;border-radius:10px;margin-right:10px}.admin-content{padding:22px}.admin-page-head{align-items:flex-start;flex-direction:column}.admin-stats{grid-template-columns:1fr}.admin-topbar{padding:0 16px}.admin-profile>div:last-child{display:none}.products-admin-head{align-items:flex-start;flex-direction:column}.product-tools{width:100%;flex-direction:column}.product-tools input{width:100%}.sales-summary{gap:20px;flex-wrap:wrap}.bottom-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.orders-list>div{grid-template-columns:85px 1fr auto}.orders-list strong{display:none}}
.admin-product img{width:100%;height:100%;object-fit:cover;border-radius:11px}.admin-image-preview img{max-width:180px;max-height:180px;object-fit:contain;border:1px solid #ddd;border-radius:14px;padding:8px}.check-label{flex-direction:row!important;align-items:center}.category-inline-form{display:flex;gap:10px;margin:18px 0}.category-inline-form input{flex:1;border:1px solid #ddd;border-radius:11px;padding:12px}.category-chip-list{display:flex;flex-wrap:wrap;gap:8px}.category-chip-list span{background:#fff2e8;padding:8px 12px;border-radius:99px;font-size:12px;font-weight:700}.dynamic-image{width:100%;height:100%;object-fit:contain}.empty-state{grid-column:1/-1;text-align:center;padding:50px;background:#fff;border-radius:18px}.product-error{padding:50px;text-align:center}.detail-old-price{text-decoration:line-through;color:#8a8a8a;font-size:18px!important}


/* V8.2 — wyszukiwarka z podpowiedziami */
.search-autocomplete{position:relative}.search-suggestions{display:none;position:absolute;z-index:1000;left:0;right:0;top:calc(100% + 8px);background:#fff;border:1px solid #e7e2d8;border-radius:16px;box-shadow:0 18px 45px rgba(41,35,25,.16);overflow:hidden;text-align:left}.search-suggestions.open{display:block}.search-suggestions a{display:flex;align-items:center;gap:12px;padding:11px 14px;color:inherit;text-decoration:none;border-bottom:1px solid #f1ede5}.search-suggestions a:last-child{border-bottom:0}.search-suggestions a:hover{background:#fbf7ef}.suggestion-image{width:42px;height:42px;border-radius:10px;background:#f4efe6;display:grid;place-items:center;overflow:hidden;flex:0 0 42px}.suggestion-image img{width:100%;height:100%;object-fit:cover}.search-suggestions a span:last-child{display:flex;flex-direction:column;min-width:0}.search-suggestions b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-suggestions small{color:#756f65;margin-top:3px}.suggestion-empty{padding:16px;color:#756f65}
.engagement-section{margin-top:40px}.product-engagement-head{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid #e5e7eb;padding-top:28px}.reviews-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:20px 0}.review-card,.review-form{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px}.review-card .rating{color:#f59e0b;font-size:20px}.review-card small{color:#64748b}.review-form textarea{width:100%;min-height:110px}.related-products{margin-top:40px}.related-products .product-image img{width:100%;height:180px;object-fit:contain}.admin-review-actions{display:flex;gap:8px}.admin-review-content{max-width:420px;white-space:normal}

/* V10.1 — odświeżone konto klienta, logowanie i rejestracja */
.customer-auth-body{min-height:100vh;background:linear-gradient(135deg,#fffaf5 0%,#f5f8f2 55%,#fff 100%);color:var(--text)}
.customer-auth-header{padding:22px 0}.customer-auth-header-inner{display:flex;align-items:center;justify-content:space-between}.auth-back-link{font-size:14px;font-weight:700;color:var(--muted);transition:.2s}.auth-back-link:hover{color:var(--orange)}
.customer-auth-shell{min-height:calc(100vh - 94px);display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,520px);align-items:center;gap:70px;padding-top:28px;padding-bottom:60px}
.auth-showcase{position:relative;padding:58px;min-height:590px;border-radius:34px;background:linear-gradient(145deg,#fff1e6,#f1f5e8);overflow:hidden;box-shadow:0 22px 70px rgba(58,45,27,.08)}.auth-showcase:before,.auth-showcase:after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.55)}.auth-showcase:before{width:260px;height:260px;right:-70px;top:-70px}.auth-showcase:after{width:170px;height:170px;left:-60px;bottom:-70px}.auth-showcase h1{position:relative;margin:0;font-size:clamp(42px,5vw,66px);line-height:1.02;letter-spacing:-2.8px;max-width:650px}.auth-showcase>p{position:relative;max-width:620px;margin:22px 0 34px;color:#676b68;font-size:17px}.auth-benefits{position:relative;display:grid;gap:14px;max-width:560px}.auth-benefits>div{display:flex;align-items:center;gap:14px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.9);border-radius:18px;padding:15px 17px;backdrop-filter:blur(8px)}.auth-benefits>div>span{width:44px;height:44px;display:grid;place-items:center;background:#fff;border-radius:13px;font-size:21px;box-shadow:0 6px 18px rgba(55,47,38,.07)}.auth-benefits div div{display:flex;flex-direction:column}.auth-benefits small{color:#737873;margin-top:3px}.auth-pet-art{position:absolute;right:26px;bottom:20px;display:flex;align-items:flex-end;gap:3px;filter:drop-shadow(0 12px 18px rgba(0,0,0,.12))}.auth-pet-art span:first-child{font-size:84px}.auth-pet-art span:last-child{font-size:42px;transform:rotate(-13deg)}
.auth-form-card{background:#fff;border:1px solid #ece9e4;border-radius:28px;padding:38px;box-shadow:0 24px 70px rgba(47,42,35,.10)}.auth-form-card-wide{padding-top:32px;padding-bottom:32px}.auth-form-head{text-align:center;margin-bottom:26px}.auth-form-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:#fff2e8;margin:0 auto 13px;font-size:24px}.auth-form-head h2{margin:0;font-size:30px;letter-spacing:-1px}.auth-form-head p{margin:8px 0 0;color:var(--muted);font-size:14px}
.customer-form{display:grid;gap:16px}.customer-form label{display:grid;gap:7px;font-size:13px;font-weight:700}.customer-form label>small{font-weight:500;color:var(--muted)}.field-wrap{position:relative;display:flex;align-items:center}.field-wrap>span:first-child{position:absolute;left:15px;z-index:1;opacity:.65;font-size:15px}.field-wrap input,.customer-address-form input{width:100%;box-sizing:border-box;border:1px solid #dfe1de;border-radius:13px;background:#fafbf9;padding:13px 15px 13px 43px;outline:0;transition:.2s}.field-wrap input{min-height:51px}.field-wrap input:focus,.customer-address-form input:focus{background:#fff;border-color:var(--orange);box-shadow:0 0 0 4px rgba(244,119,33,.10)}.password-toggle{position:absolute;right:9px;border:0;background:#eef0ed;border-radius:9px;padding:7px 9px;font-size:11px;font-weight:700}.field-wrap input[type=password],.field-wrap input[type=text]{padding-right:72px}.auth-form-options{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px}.remember-row,.consent-row{display:flex!important;grid-template-columns:auto 1fr!important;align-items:flex-start;gap:9px!important;font-weight:500!important}.remember-row input,.consent-row input{accent-color:var(--orange);margin-top:3px}.consent-row a{color:var(--orange);font-weight:700}.muted-link{color:var(--muted);font-weight:600}.muted-link:hover{color:var(--orange)}.auth-submit,.auth-secondary{width:100%}.auth-submit:disabled{opacity:.65;cursor:wait;transform:none}.auth-divider{display:flex;align-items:center;gap:12px;margin:22px 0 15px;color:#8a8d88;font-size:11px}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:#e8e9e6;flex:1}.auth-legal{text-align:center;margin:16px 0 0;color:#92958f;font-size:10px}.customer-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.password-hint{display:flex;align-items:center;gap:8px;color:#777b76;font-size:11px;margin-top:-7px}.password-hint i{width:7px;height:7px;border-radius:50%;background:#5caf69}.form-message{display:none;border-radius:12px;padding:11px 13px;font-size:12px}.form-message:not(:empty){display:block}.form-message.error{background:#fff0ef;color:#b43831;border:1px solid #ffd8d5}.form-message.success{background:#ecf8ed;color:#2f7c3e;border:1px solid #d4efd8}
.account-body{background:#f7f8f6}.account-header-main{grid-template-columns:auto 1fr auto}.account-top-nav{justify-self:center;display:flex;gap:28px;font-size:14px;font-weight:700}.account-top-nav a:hover{color:var(--orange)}.account-logout{min-height:42px;padding:0 17px}.account-page{padding-top:42px;padding-bottom:70px}.account-welcome{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:28px}.account-welcome h1{margin:0;font-size:38px;letter-spacing:-1.6px}.account-welcome p{margin:8px 0 0;color:var(--muted)}.account-dashboard{display:grid;grid-template-columns:270px minmax(0,1fr);gap:22px;align-items:start}.customer-sidebar,.customer-panel,.account-summary-grid article{background:#fff;border:1px solid #e6e8e4;border-radius:20px;box-shadow:0 6px 24px rgba(42,47,40,.035)}.customer-sidebar{position:sticky;top:115px;padding:18px}.customer-profile-card{display:flex;align-items:center;gap:12px;padding:6px 5px 19px;border-bottom:1px solid #eceeeb}.customer-avatar{width:45px;height:45px;border-radius:14px;background:linear-gradient(135deg,var(--orange),#ffad72);display:grid;place-items:center;color:#fff;font-weight:800}.customer-profile-card>div:last-child{display:flex;flex-direction:column;min-width:0}.customer-profile-card b,.customer-profile-card span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-profile-card span{font-size:11px;color:var(--muted);margin-top:2px}.customer-menu{display:grid;gap:5px;padding:15px 0}.customer-menu a{display:flex;align-items:center;gap:11px;border-radius:12px;padding:11px 12px;font-size:13px;font-weight:700;color:#686d67}.customer-menu a span{width:21px;text-align:center}.customer-menu a:hover,.customer-menu a.active{background:#fff1e6;color:#d75f0d}.sidebar-help{background:#f2f6ed;border-radius:15px;padding:15px}.sidebar-help>span{font-size:22px}.sidebar-help b{display:block;margin-top:7px;font-size:12px}.sidebar-help p{margin:5px 0 0;color:var(--muted);font-size:10px;word-break:break-word}.account-main{display:grid;gap:20px;min-width:0}.account-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.account-summary-grid article{display:flex;align-items:center;gap:14px;padding:20px}.summary-icon{width:47px;height:47px;border-radius:14px;background:#fff2e8;display:grid;place-items:center;font-size:21px}.account-summary-grid div{display:grid}.account-summary-grid small{color:var(--muted);font-size:11px}.account-summary-grid strong{font-size:25px;line-height:1.15;margin-top:2px}.account-summary-grid p{margin:3px 0 0;color:#949891;font-size:10px}.customer-panel{padding:24px;scroll-margin-top:120px}.customer-panel-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:19px}.customer-panel-head .eyebrow{margin:0}.customer-panel-head h2{margin:4px 0 0;font-size:23px}.customer-panel-head>a{font-size:12px;font-weight:700;color:var(--orange)}.customer-orders{display:grid;gap:12px}.customer-order-card{border:1px solid #e7e9e5;border-radius:16px;overflow:hidden}.customer-order-top{display:grid;grid-template-columns:1.1fr .8fr .8fr auto;gap:15px;align-items:center;padding:16px 18px;background:#fbfcfa}.customer-order-top>div{display:flex;flex-direction:column}.customer-order-top small{color:#92968f;font-size:9px;text-transform:uppercase;letter-spacing:.6px}.customer-order-top b,.customer-order-top span,.customer-order-top strong{font-size:12px;margin-top:4px}.customer-status{font-style:normal;border-radius:99px;padding:7px 10px;font-size:10px;font-weight:800;background:#eef0ed;color:#60655f}.status-paid,.status-completed{background:#e7f5e9;color:#2f7b3e}.status-processing,.status-shipped{background:#eaf1ff;color:#3d67ae}.status-cancelled{background:#fff0ef;color:#a33d37}.customer-order-products{display:flex;justify-content:space-between;gap:20px;padding:15px 18px}.customer-order-products>div{display:flex;flex-wrap:wrap;gap:9px}.customer-order-products>div>span{display:flex;flex-direction:column;background:#f7f8f6;border-radius:10px;padding:8px 10px}.customer-order-products b{font-size:11px}.customer-order-products small{font-size:9px;color:var(--muted);margin-top:3px}.customer-order-products details{position:relative}.customer-order-products summary{cursor:pointer;color:var(--orange);font-size:11px;font-weight:800;list-style:none;white-space:nowrap}.order-details-box{position:absolute;right:0;top:25px;z-index:5;width:330px;background:#fff;border:1px solid #e4e6e2;border-radius:13px;padding:12px;box-shadow:0 18px 40px rgba(0,0,0,.12)}.order-details-box p{display:flex;justify-content:space-between;gap:15px;margin:0;padding:8px;border-bottom:1px solid #eef0ed;font-size:10px}.order-details-box p:last-child{border:0}.account-wishlist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.wishlist-account-card{position:relative;display:grid;grid-template-columns:76px 1fr;gap:13px;border:1px solid #e7e9e5;border-radius:15px;padding:12px}.wishlist-account-image{height:76px;border-radius:12px;background:#f3f1eb;display:grid;place-items:center;font-size:31px;overflow:hidden}.wishlist-account-image img{width:100%;height:100%;object-fit:contain}.wishlist-account-card>div{display:flex;justify-content:center;flex-direction:column;min-width:0}.wishlist-account-card small{font-size:9px;color:var(--orange);font-weight:800}.wishlist-account-card h3{font-size:12px;margin:4px 25px 6px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wishlist-account-card strong{font-size:13px}.wishlist-remove{position:absolute;right:8px;top:8px;border:0;width:27px;height:27px;border-radius:9px;background:#f2f3f1;color:#777;font-size:18px}.address-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.customer-address-card{border:1px solid #e5e7e3;border-radius:15px;padding:16px}.customer-address-card.default{border-color:#ffc99f;background:#fffaf6}.customer-address-card>div{display:flex;align-items:center;justify-content:space-between}.customer-address-card>div>div{display:flex;align-items:center;gap:7px}.address-icon{width:34px;height:34px;border-radius:11px;background:#fff1e6;display:grid;place-items:center;color:var(--orange)}.customer-address-card h3{margin:0;font-size:13px}.customer-address-card em{font-style:normal;font-size:8px;text-transform:uppercase;padding:4px 6px;background:#e6f4e8;color:#2d7b3c;border-radius:99px;font-weight:800}.customer-address-card p{margin:12px 0 0;color:#6f746e;font-size:11px}.customer-address-form{margin-top:18px;border-top:1px solid #e8eae6;padding-top:20px;display:grid;gap:14px}.customer-address-form.is-hidden{display:none}.customer-address-form h3{margin:0}.customer-address-form label{display:grid;gap:7px;font-size:12px;font-weight:700}.customer-address-form input{padding-left:13px}.address-form-actions{display:flex;justify-content:flex-end;gap:9px}.account-empty{grid-column:1/-1;text-align:center;padding:38px 20px;border:1px dashed #dfe2dc;border-radius:15px;background:#fafbf9}.account-empty.compact{padding:25px}.account-empty>span{font-size:31px}.account-empty h3{margin:9px 0 5px;font-size:15px}.account-empty p{margin:0 0 15px;color:var(--muted);font-size:11px}.account-loading{color:var(--muted);font-size:12px;padding:18px}
@media(max-width:980px){.customer-auth-shell{grid-template-columns:1fr;max-width:650px;gap:24px}.auth-showcase{min-height:auto;padding:42px}.auth-pet-art{opacity:.55}.account-dashboard{grid-template-columns:1fr}.customer-sidebar{position:static}.customer-menu{grid-template-columns:repeat(4,1fr)}.customer-menu a{justify-content:center}.customer-menu a span{display:none}.sidebar-help{display:none}.account-summary-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.container{width:min(100% - 24px,1180px)}.customer-auth-header{padding:15px 0}.auth-back-link{font-size:12px}.customer-auth-shell{padding-top:5px}.auth-showcase{padding:30px 25px}.auth-showcase h1{font-size:38px}.auth-showcase>p{font-size:14px}.auth-pet-art{display:none}.auth-form-card{padding:25px 20px;border-radius:22px}.customer-form-grid{grid-template-columns:1fr}.account-header-main{display:flex;justify-content:space-between}.account-top-nav{display:none}.account-page{padding-top:26px}.account-welcome{align-items:flex-start;flex-direction:column}.account-welcome h1{font-size:30px}.account-dashboard{gap:14px}.customer-menu{grid-template-columns:repeat(2,1fr)}.account-summary-grid{grid-template-columns:1fr}.customer-panel{padding:17px}.customer-panel-head{align-items:flex-start}.customer-order-top{grid-template-columns:1fr 1fr}.customer-order-top .customer-status{justify-self:start}.customer-order-products{flex-direction:column}.order-details-box{position:static;width:auto;margin-top:10px}.account-wishlist,.address-card-grid{grid-template-columns:1fr}.announcement{font-size:10px;gap:7px;padding:0 8px}.announcement-dot:nth-of-type(2),.announcement span:nth-of-type(4),.announcement span:nth-of-type(5){display:none}}


/* =========================================================
   FOXIWORLD V11 — PREMIUM VISUAL REFRESH
   ========================================================= */
:root{
  --orange:#ff6b22;
  --orange-dark:#d94c0b;
  --orange-soft:#fff1e8;
  --ink:#16231b;
  --forest:#173e2c;
  --forest-2:#245c43;
  --cream:#fffaf3;
  --lime:#d7f56e;
  --text:#1e2922;
  --muted:#6d776f;
  --line:#e7e7df;
  --surface:#fff;
  --surface-soft:#f7f8f3;
  --shadow:0 24px 70px rgba(22,35,27,.10);
  --shadow-soft:0 12px 35px rgba(22,35,27,.07);
  --radius:28px;
}
body{font-family:"DM Sans",system-ui,sans-serif;background:linear-gradient(180deg,#fff 0,#fffdf8 45%,#fff 100%);color:var(--text)}
h1,h2,h3,.brand-name{font-family:"Manrope","DM Sans",sans-serif}
.container{width:min(1180px,calc(100% - 42px))}
.announcement{min-height:35px;background:var(--forest);color:#fff;font-weight:700;letter-spacing:.18px;border:0}
.announcement-dot{color:var(--lime)}
.site-header{background:rgba(255,255,255,.88);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(31,55,41,.08);position:sticky;top:0;z-index:50;box-shadow:0 5px 30px rgba(22,35,27,.04)}
.header-main{min-height:82px;gap:34px}
.brand{gap:11px}.brand-fox{width:44px;height:44px;display:grid;place-items:center;background:linear-gradient(145deg,#ff7a31,#ffb06d);border-radius:15px;box-shadow:0 9px 22px rgba(255,107,34,.25);font-size:24px;transform:rotate(-3deg)}
.brand-name{font-size:25px;letter-spacing:-1.2px;color:var(--forest);font-weight:800}.paw-dot{color:var(--orange)}
.search{height:48px;border:1px solid #e2e6e0;background:#f6f8f4;border-radius:16px;transition:.25s;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
.search:focus-within{background:#fff;border-color:#ffb17f;box-shadow:0 0 0 4px rgba(255,107,34,.10)}
.search input{font-size:13px;padding-left:18px}.search button{width:49px;margin:5px;border:0;border-radius:12px;background:var(--forest);color:#fff;font-size:21px}
.icon-btn{min-width:58px;border-radius:14px;padding:8px 9px;transition:.2s}.icon-btn:hover{background:var(--orange-soft);color:var(--orange);transform:translateY(-2px)}
.cart-btn b{background:var(--orange);box-shadow:0 4px 10px rgba(255,107,34,.3)}
.main-nav{border-top:1px solid rgba(31,55,41,.06)}.nav-inner{min-height:50px;gap:34px}.nav-inner a{position:relative;font-size:13px;font-weight:700}.nav-inner a:after{content:"";position:absolute;left:0;right:100%;bottom:-15px;height:3px;background:var(--orange);border-radius:9px;transition:.25s}.nav-inner a:hover:after{right:0}.nav-highlight{color:var(--orange)!important}
.hero{margin-top:28px;min-height:590px;border-radius:38px;overflow:hidden;position:relative;padding:74px 70px;background:radial-gradient(circle at 70% 18%,rgba(215,245,110,.18),transparent 28%),linear-gradient(130deg,#153b2a 0%,#204f39 54%,#2d694b 100%);color:#fff;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;box-shadow:0 34px 90px rgba(23,62,44,.22)}
.hero:before{content:"";position:absolute;width:360px;height:360px;border:1px solid rgba(255,255,255,.10);border-radius:50%;left:-150px;bottom:-190px}.hero:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.12) 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(to right,transparent,black);opacity:.35;pointer-events:none}
.hero-content{position:relative;z-index:2;max-width:590px}.hero .eyebrow{color:var(--lime);letter-spacing:2.2px;font-size:11px}.hero h1{font-size:clamp(44px,5.2vw,70px);line-height:1.01;letter-spacing:-3.9px;margin:19px 0 23px;color:#fff}.hero p{font-size:18px;line-height:1.65;color:rgba(255,255,255,.76);max-width:540px}
.hero-actions{margin-top:31px}.btn{border-radius:14px;min-height:48px;font-weight:800;transition:.24s;box-shadow:none}.btn:hover{transform:translateY(-3px)}.btn-primary{background:linear-gradient(135deg,#ff7b32,#ff5e17);border-color:transparent;box-shadow:0 13px 28px rgba(255,99,25,.27)}.btn-secondary{background:#fff;color:var(--forest);border-color:#fff}.hero .btn-secondary{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.24);color:#fff;backdrop-filter:blur(10px)}
.hero-benefits{margin-top:35px;gap:22px;color:rgba(255,255,255,.82);font-size:12px}.hero-benefits span:before{content:"";display:inline-block;width:8px;height:8px;background:var(--lime);border-radius:50%;margin-right:8px;box-shadow:0 0 0 4px rgba(215,245,110,.12)}
.premium-hero-art{position:relative;min-height:470px;z-index:2}.hero-glow{position:absolute;border-radius:50%;filter:blur(2px)}.hero-glow-one{width:350px;height:350px;background:rgba(255,255,255,.09);right:20px;top:38px}.hero-glow-two{width:210px;height:210px;background:rgba(215,245,110,.13);left:40px;bottom:10px}
.premium-pet-stage{position:absolute;inset:30px 15px 10px 30px;border:1px solid rgba(255,255,255,.16);border-radius:50% 50% 46% 54%/45% 48% 52% 55%;background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.035));box-shadow:inset 0 1px 1px rgba(255,255,255,.18);animation:stageFloat 6s ease-in-out infinite}
.pet-portrait{position:absolute;display:grid;place-items:center;background:linear-gradient(145deg,#ffe3bd,#ffc583);border-radius:48% 52% 46% 54%;box-shadow:0 24px 45px rgba(0,0,0,.18);overflow:hidden}.pet-portrait span{filter:drop-shadow(0 12px 9px rgba(0,0,0,.13))}.pet-dog{width:235px;height:260px;left:9px;bottom:19px;transform:rotate(-5deg)}.pet-dog span{font-size:150px;transform:translateY(18px)}.pet-cat{width:185px;height:210px;right:6px;bottom:30px;background:linear-gradient(145deg,#e8eadf,#b7c8b4);transform:rotate(7deg)}.pet-cat span{font-size:125px;transform:translateY(15px)}
.hero-product-bag{position:absolute;z-index:3;right:95px;top:43px;width:150px;height:218px;border-radius:18px 18px 28px 28px;background:linear-gradient(165deg,#fffaf0,#f3ead9);color:var(--forest);padding:23px 18px;box-shadow:0 25px 45px rgba(0,0,0,.22);transform:rotate(5deg)}.hero-product-bag:before{content:"";position:absolute;left:14px;right:14px;top:10px;height:5px;background:#d7cbb8;border-radius:8px}.hero-product-bag .bag-kicker{font-size:8px;font-weight:800;letter-spacing:1.5px;color:var(--orange)}.hero-product-bag strong{display:block;font-size:22px;line-height:.98;margin-top:19px;letter-spacing:-1px}.hero-product-bag small{display:block;font-size:9px;color:#718076;margin-top:13px}.hero-product-bag i{position:absolute;bottom:17px;right:17px;font-style:normal;font-size:25px;color:var(--orange)}
.floating-proof{position:absolute;z-index:5;background:rgba(255,255,255,.93);color:var(--forest);border:1px solid rgba(255,255,255,.75);box-shadow:0 15px 35px rgba(0,0,0,.16);backdrop-filter:blur(15px);border-radius:16px;padding:12px 15px;display:flex;flex-direction:column;animation:proofFloat 5s ease-in-out infinite}.floating-proof b{font-size:20px}.floating-proof span{font-size:10px;font-weight:800}.floating-proof small{font-size:8px;color:#78847c}.proof-rating{left:4px;top:50px}.proof-rating span{color:#f7a700;letter-spacing:1px}.proof-delivery{right:-7px;top:155px;animation-delay:.8s}.proof-quality{left:18px;bottom:25px;animation-delay:1.5s}
@keyframes stageFloat{50%{transform:translateY(-8px) rotate(.5deg)}}@keyframes proofFloat{50%{transform:translateY(-7px)}}
.trust-ribbon{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:22px;background:#fff;border:1px solid #e6e9e3;border-radius:22px;box-shadow:var(--shadow-soft);overflow:hidden}.trust-ribbon article{display:flex;align-items:center;gap:12px;padding:19px 22px;border-right:1px solid #e9ebe7}.trust-ribbon article:last-child{border:0}.trust-ribbon article>span{width:41px;height:41px;display:grid;place-items:center;border-radius:13px;background:var(--orange-soft);font-size:20px}.trust-ribbon div{display:flex;flex-direction:column}.trust-ribbon b{font-size:12px}.trust-ribbon small{font-size:10px;color:var(--muted);margin-top:3px}
.section{padding-top:88px;padding-bottom:88px}.section-heading{margin-bottom:32px}.section-heading h2{font-size:clamp(30px,3.2vw,44px);letter-spacing:-2px;margin-top:8px}.eyebrow{font-size:10px;letter-spacing:1.8px;color:var(--orange);font-weight:800}
.category-grid{grid-template-columns:repeat(6,1fr);gap:14px}.category-card{padding:25px 18px 22px;border:1px solid #e7e9e4;border-radius:22px;background:#fff;box-shadow:0 8px 30px rgba(23,62,44,.045);position:relative;overflow:hidden;transition:.28s}.category-card:before{content:"";position:absolute;width:90px;height:90px;border-radius:50%;background:var(--orange-soft);right:-38px;top:-42px;transition:.3s}.category-card:hover{transform:translateY(-8px);border-color:#ffc7a7;box-shadow:0 20px 42px rgba(23,62,44,.11)}.category-card:hover:before{transform:scale(1.8)}.category-icon{position:relative;width:58px;height:58px;border-radius:18px;background:linear-gradient(145deg,#fff4eb,#ffe2cf);display:grid;place-items:center;font-size:28px;box-shadow:inset 0 1px 0 #fff}.category-card h3{font-size:14px;margin-top:18px}.category-card p{font-size:10px;color:var(--muted)}
.products-section{background:linear-gradient(180deg,#f5f8f2,#fbfcfa);border-top:1px solid #edf0eb;border-bottom:1px solid #edf0eb}.product-grid{gap:18px}.product-card{border:1px solid #e5e8e2;border-radius:24px;padding:13px 13px 18px;background:#fff;box-shadow:0 10px 32px rgba(23,62,44,.055);transition:.3s;overflow:hidden}.product-card:hover{transform:translateY(-9px);box-shadow:0 24px 50px rgba(23,62,44,.13);border-color:#f2bd9b}.product-image{height:245px;border-radius:18px;background:radial-gradient(circle at 50% 35%,#fff 0,#f4f0e8 60%,#ebe6dc 100%);transition:.3s}.product-card:hover .product-image{transform:scale(1.015)}.product-image span{font-size:86px;filter:drop-shadow(0 13px 9px rgba(0,0,0,.12))}.product-meta{margin-top:17px;color:var(--orange);letter-spacing:1.2px}.product-card h3{font-size:15px;line-height:1.35;min-height:41px}.price-row strong{font-size:20px;color:var(--forest)}.btn-cart{margin-top:14px;background:var(--forest);color:#fff;border:0}.btn-cart:hover{background:var(--orange)}.favorite{top:23px;right:23px;background:#fff;box-shadow:0 7px 18px rgba(0,0,0,.08);z-index:4}.badge{top:23px;left:23px;border-radius:10px}
.tabs{background:#fff;border:1px solid #e2e6df;border-radius:14px;padding:4px}.tab{border-radius:10px;padding:9px 15px}.tab.active{background:var(--forest);color:#fff}
.promo-banner{min-height:370px;border-radius:32px;background:radial-gradient(circle at 80% 20%,rgba(215,245,110,.22),transparent 24%),linear-gradient(125deg,#ff6b22,#ff8a45 55%,#e84e13);box-shadow:0 28px 70px rgba(232,78,19,.22);overflow:hidden}.promo-banner:after{content:"";position:absolute;width:340px;height:340px;border:55px solid rgba(255,255,255,.10);border-radius:50%;right:-80px;top:-110px}.promo-banner h2{font-size:46px;letter-spacing:-2.5px;max-width:670px}.promo-big{font-size:120px;text-shadow:0 10px 30px rgba(0,0,0,.12)}
.brands-grid{gap:12px}.brands-grid div{min-height:84px;border-radius:18px;background:#fff;border:1px solid #e7e9e4;box-shadow:0 8px 24px rgba(23,62,44,.04);font-size:14px;color:#738078;transition:.2s}.brands-grid div:hover{border-color:#ffbf99;color:var(--forest);transform:translateY(-4px)}
.guides{background:#f6f8f4}.guide-card{border-radius:24px;overflow:hidden;border:1px solid #e3e8e0;box-shadow:var(--shadow-soft);transition:.25s}.guide-card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.guide-image{height:235px;font-size:85px;background:linear-gradient(145deg,#e9f0e5,#cddcc7)}.guide-content{padding:25px}.guide-content h3{font-size:19px;letter-spacing:-.5px}.footer{background:#112b20;color:#fff;border:0}.footer a,.footer p{color:rgba(255,255,255,.67)}.footer-brand .brand-name{color:#fff}.footer-bottom{border-color:rgba(255,255,255,.10)}
/* Product, category and checkout polish */
.breadcrumbs{color:#8a928c}.product-detail,.cart-summary,.checkout-card,.filters,.customer-panel,.auth-form-card{border-radius:24px!important;box-shadow:var(--shadow-soft)!important;border-color:#e5e8e2!important}.detail-price strong{color:var(--forest)}.stock{color:#3d8a4c}.qty{border-radius:12px}.checkout-steps span.active{background:var(--forest);color:#fff}.summary-total{color:var(--forest)}
/* Customer account alignment with premium storefront */
.customer-auth-body,.account-body{background:radial-gradient(circle at 12% 8%,rgba(255,107,34,.08),transparent 25%),#f7f9f5}.auth-showcase{background:radial-gradient(circle at 80% 15%,rgba(215,245,110,.16),transparent 28%),linear-gradient(145deg,#143a29,#245e43)!important;border-radius:30px!important}.auth-form-card{background:rgba(255,255,255,.96)!important}.customer-avatar,.summary-icon{background:linear-gradient(145deg,#ff7b33,#ff9e62)}.customer-sidebar{border-radius:24px}.customer-menu a.active{background:var(--forest);color:#fff}.account-summary-grid article{transition:.2s}.account-summary-grid article:hover{transform:translateY(-5px);box-shadow:var(--shadow-soft)}
@media(max-width:1050px){.hero{grid-template-columns:1fr;padding:60px;min-height:auto}.premium-hero-art{min-height:450px}.trust-ribbon{grid-template-columns:repeat(2,1fr)}.trust-ribbon article:nth-child(2){border-right:0}.trust-ribbon article:nth-child(-n+2){border-bottom:1px solid #e9ebe7}.category-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.container{width:min(100% - 24px,1180px)}.site-header{position:relative}.header-main{min-height:70px}.brand-fox{width:38px;height:38px}.brand-name{font-size:21px}.hero{margin-top:12px;border-radius:26px;padding:42px 24px}.hero h1{font-size:43px;letter-spacing:-2.6px}.hero p{font-size:15px}.hero-actions{display:grid}.premium-hero-art{min-height:355px}.premium-pet-stage{inset:25px 0 5px}.pet-dog{width:175px;height:195px}.pet-dog span{font-size:112px}.pet-cat{width:135px;height:155px}.pet-cat span{font-size:90px}.hero-product-bag{width:112px;height:166px;right:66px;top:24px;padding:18px 13px}.hero-product-bag strong{font-size:16px}.proof-rating{top:24px}.proof-delivery{right:-5px;top:130px}.proof-quality{bottom:8px}.trust-ribbon{grid-template-columns:1fr}.trust-ribbon article{border-right:0;border-bottom:1px solid #e9ebe7!important}.trust-ribbon article:last-child{border-bottom:0!important}.section{padding-top:58px;padding-bottom:58px}.section-heading h2{font-size:32px}.category-grid{grid-template-columns:repeat(2,1fr)}.category-card{padding:18px 14px}.product-image{height:220px}.promo-banner{border-radius:24px;padding:35px 25px}.promo-banner h2{font-size:34px}.promo-big{font-size:78px}.announcement span:nth-of-type(n+2){display:none}}

/* v75: bezpieczna rejestracja */
.register-captcha{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;padding:15px 16px;border:1px solid #dce8e1;background:#f5faf7;border-radius:15px}.register-captcha>div:first-child{display:grid;gap:4px}.register-captcha b{font-size:13px}.register-captcha small{font-size:16px;font-weight:800;color:#07583f}.captcha-answer-row{display:flex;gap:7px}.captcha-answer-row input{width:115px;min-height:45px;border:1px solid #d5ddd8;border-radius:11px;padding:10px 12px;font-size:15px;font-weight:700;outline:0}.captcha-answer-row input:focus{border-color:#ff6a13;box-shadow:0 0 0 3px rgba(255,106,19,.1)}.captcha-answer-row button{width:45px;border:0;border-radius:11px;background:#07583f;color:#fff;font-size:22px;cursor:pointer}.bot-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.verification-shell{min-height:calc(100vh - 100px)}@media(max-width:700px){.register-captcha{grid-template-columns:1fr}.captcha-answer-row input{flex:1;width:auto}}

/* v79 - nowoczesne akcje kart adresowych */
.customer-address-card{display:flex;flex-direction:column;min-height:164px;position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.customer-address-card:hover{transform:translateY(-2px);border-color:#d7dfd9;box-shadow:0 14px 34px rgba(19,66,48,.08)}
.customer-address-card.default{box-shadow:inset 3px 0 0 #ff6b22,0 10px 28px rgba(255,107,34,.07)}
.customer-address-card .address-card-top{display:flex;align-items:center;justify-content:flex-start;gap:11px}
.address-card-title{display:flex;align-items:center;gap:8px;min-width:0}
.address-card-actions{display:flex!important;justify-content:flex-end!important;gap:9px;margin-top:auto;padding-top:15px;border-top:1px solid #edf1ed}
.address-action{appearance:none;border:1px solid transparent;background:transparent;border-radius:12px;min-height:38px;padding:8px 13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:11px;font-weight:800;letter-spacing:.01em;cursor:pointer;transition:background .18s,border-color .18s,color .18s,transform .18s,box-shadow .18s}
.address-action-icon{width:17px;height:17px;display:grid;place-items:center;flex:0 0 17px}
.address-action-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.address-action.edit{color:#0b6247;background:#eef8f3;border-color:#d7eadf}
.address-action.edit:hover{color:#074c38;background:#e3f3ea;border-color:#b9dcc9;box-shadow:0 6px 16px rgba(11,98,71,.12);transform:translateY(-1px)}
.address-action.delete{color:#9f3d38;background:#fff5f4;border-color:#f3dfdd}
.address-action.delete:hover{color:#842e2a;background:#feeae8;border-color:#edc3bf;box-shadow:0 6px 16px rgba(159,61,56,.11);transform:translateY(-1px)}
.address-action:active{transform:translateY(0) scale(.98)}
.address-action:focus-visible{outline:3px solid rgba(10,104,75,.16);outline-offset:2px}
.address-action.delete:focus-visible{outline-color:rgba(159,61,56,.16)}
.address-action:disabled{opacity:.55;cursor:wait;transform:none;box-shadow:none}
/* v78 - poprawiony kompaktowy przełącznik adresu domyślnego */
.address-form-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:4px}
.default-address-toggle{display:inline-flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;width:auto!important;min-width:0!important;margin:0!important;padding:7px 9px 7px 12px!important;border:1px solid #dfe6df!important;background:#f7faf8!important;border-radius:12px!important;font-size:11px!important;font-weight:800!important;line-height:1!important;cursor:pointer;user-select:none}
.default-address-label{white-space:nowrap;color:#47554d}
.customer-address-form .default-address-toggle input[type=checkbox]{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;appearance:none!important}
.default-address-switch{position:relative;display:block!important;flex:0 0 38px;width:38px;height:22px;border-radius:999px;background:#cfd8d2;box-shadow:inset 0 0 0 1px rgba(17,70,50,.08);transition:.2s}
.default-address-switch:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.2);transition:.2s}
.default-address-toggle input:checked + .default-address-switch{background:#0a684b}
.default-address-toggle input:checked + .default-address-switch:after{transform:translateX(16px)}
.default-address-toggle:has(input:checked){background:#edf8f2!important;border-color:#b8ddca!important}
.default-address-toggle:focus-within{outline:3px solid rgba(10,104,75,.14);outline-offset:2px}
@media(max-width:650px){.address-form-heading{align-items:flex-start;flex-direction:column;gap:10px}.default-address-toggle{width:auto!important}.address-card-actions{justify-content:stretch!important}.address-action{flex:1;min-height:42px;font-size:12px}}

/* V115: opcjonalny Cloudflare Turnstile bez wpływu na stabilny tryb lokalny */
#localCaptcha{display:contents}#localCaptcha[hidden]{display:none!important}#turnstileCaptcha{width:100%}#turnstileCaptcha[hidden]{display:none!important}#turnstileWidget{min-height:65px}.register-captcha:has(#turnstileCaptcha:not([hidden])){display:block}

/* V120: stabilny UX rejestracji i aktywacji konta */
.register-captcha{display:block;min-width:0;padding:14px 15px}
.local-captcha-layout{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0}
.captcha-copy{display:grid;gap:4px;min-width:0}
.captcha-copy b{display:block;line-height:1.35;white-space:normal;overflow-wrap:anywhere}
.captcha-copy small{display:block;line-height:1.35;white-space:normal;overflow-wrap:anywhere}
.captcha-answer-row{display:grid;grid-template-columns:minmax(0,112px) 44px;gap:7px;align-items:center;min-width:0}
.captcha-answer-row input{width:100%;min-width:0;box-sizing:border-box}
#activationHelp[hidden]{display:none!important}
.activation-help{display:grid;gap:10px;padding:14px;border:1px solid #f0d9b7;border-radius:14px;background:#fff8ed;color:#5f4525}
.activation-help strong{font-size:13px;color:#2f2418}
.activation-help p{margin:0;font-size:12px;line-height:1.5}
.activation-help .btn{margin-top:2px}
.auth-legal a{color:var(--orange);font-weight:700;text-decoration:none}
.auth-legal a:hover{text-decoration:underline}
@media(max-width:700px){
  .local-captcha-layout{grid-template-columns:1fr}
  .captcha-answer-row{grid-template-columns:minmax(0,1fr) 44px;width:100%}
}

/* V554 search accessibility helper */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}


/* ---- frontend/premium-v12.css ---- */
:root{--v12-green:#064a31;--v12-green-2:#0b6745;--v12-green-soft:#eef7f1;--v12-orange:#ff6b00;--v12-orange-2:#ff8533;--v12-orange-soft:#fff1e7;--v12-ink:#111817;--v12-muted:#66716d;--v12-line:#e4e9e6;--v12-bg:#f7f9f7;--v12-white:#fff;--v12-shadow:0 18px 55px rgba(10,51,36,.10);--v12-shadow-sm:0 8px 28px rgba(10,51,36,.07);--v12-radius:22px}
*{box-sizing:border-box}.v12-page{background:#fff;color:var(--v12-ink);font-family:"DM Sans",sans-serif}.v12-page button,.v12-page input,.v12-page select{font:inherit}.v12-page button,.v12-page a{transition:.2s ease}.v12-topbar{background:linear-gradient(90deg,#063522,#074c32);color:#fff;font-size:12px}.v12-topbar-inner{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:20px}.v12-top-benefits,.v12-top-links{display:flex;align-items:center;gap:17px}.v12-top-benefits i{height:15px;width:1px;background:rgba(255,255,255,.2)}.v12-top-links a{color:rgba(255,255,255,.86);text-decoration:none}.v12-top-links a:hover{color:#fff}.v12-header{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.97);backdrop-filter:blur(18px);box-shadow:0 1px 0 rgba(17,24,23,.08)}.v12-header-main{height:96px;display:grid;grid-template-columns:260px minmax(300px,1fr) auto;align-items:center;gap:34px}.v12-logo{display:flex;align-items:center;gap:13px;text-decoration:none;color:var(--v12-ink)}.v12-logo-mark{width:55px;height:55px;display:grid;place-items:center;font-size:40px}.v12-logo b{display:block;font:800 31px/1 "Manrope",sans-serif;letter-spacing:-1.5px}.v12-logo small{display:block;margin-top:5px;color:var(--v12-muted);font-size:10px}.v12-search{height:54px;display:flex;border:1px solid #dfe6e2;border-radius:16px;background:#f8faf9;overflow:hidden;box-shadow:inset 0 1px 2px rgba(0,0,0,.02)}.v12-search:focus-within{border-color:#9ac6b2;box-shadow:0 0 0 4px rgba(11,103,69,.08)}.v12-search input{flex:1;border:0;background:transparent;padding:0 20px;outline:0;font-size:14px}.v12-search button{width:58px;border:0;background:var(--v12-orange);color:#fff;font-size:25px;cursor:pointer}.v12-search button:hover{background:#e95f00}.v12-user-tools{display:flex;align-items:center}.v12-user-tools>a{position:relative;display:flex;align-items:center;gap:9px;min-height:52px;padding:0 16px;border-left:1px solid var(--v12-line);text-decoration:none;color:var(--v12-ink)}.v12-user-tools>a:first-child{border:0}.v12-user-tools>a>span{font-size:23px}.v12-user-tools div{display:flex;flex-direction:column}.v12-user-tools small{font-size:9px;color:var(--v12-muted)}.v12-user-tools b{font-size:11px;white-space:nowrap}.v12-cart-link em{position:absolute;left:31px;top:2px;min-width:19px;height:19px;padding:0 5px;display:grid;place-items:center;border-radius:99px;background:var(--v12-orange);color:#fff;font-size:10px;font-style:normal;font-weight:800}.v12-category-nav-wrap{border-top:1px solid #edf0ee}.v12-category-nav{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:7px}.v12-category-nav a,.v12-all-categories{height:44px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;border-radius:12px;text-decoration:none;color:#17201d;font-size:13px;font-weight:700;white-space:nowrap}.v12-category-nav a:hover{background:var(--v12-green-soft);color:var(--v12-green)}.v12-category-nav .is-sale{color:var(--v12-orange)}.v12-all-categories{min-width:208px;border:0;background:linear-gradient(135deg,var(--v12-green),#0a5c3e);color:#fff;cursor:pointer;box-shadow:0 7px 18px rgba(6,74,49,.16)}.v12-all-categories:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(6,74,49,.23)}
.v12-catalog-main{padding-top:24px;padding-bottom:80px}.v12-breadcrumbs{display:flex;align-items:center;gap:10px;color:#8b9490;font-size:12px;margin-bottom:20px}.v12-breadcrumbs a{color:#6b7772;text-decoration:none}.v12-breadcrumbs strong{font-weight:600;color:#69736f}.v12-catalog-shell{display:grid;grid-template-columns:250px minmax(0,1fr);gap:31px;align-items:start}.v12-filter-panel{position:sticky;top:180px;border:1px solid var(--v12-line);border-radius:19px;background:#fff;overflow:hidden;box-shadow:0 6px 26px rgba(7,48,33,.045)}.v12-filter-heading{padding:19px 18px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--v12-line)}.v12-filter-heading>div{display:flex;flex-direction:column}.v12-filter-heading span{font:800 17px/1.2 "Manrope",sans-serif}.v12-filter-heading small{margin-top:3px;color:var(--v12-muted);font-size:10px}.v12-filter-heading button{display:none;border:0;background:transparent;font-size:28px}.v12-filter-section{padding:0 16px;border-bottom:1px solid #edf0ee}.v12-filter-title{width:100%;min-height:51px;padding:0;border:0;background:#fff;display:flex;align-items:center;justify-content:space-between;font-weight:800;font-size:13px;cursor:pointer}.v12-filter-title b{font-size:12px}.v12-filter-section.is-collapsed>:not(.v12-filter-title){display:none}.v12-option-list{margin:0 -7px 12px}.v12-option-list label{position:relative;display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:6px;min-height:39px;padding:0 11px;border-radius:10px;cursor:pointer;color:#39443f}.v12-option-list label:hover{background:#f5f8f6}.v12-option-list label.is-active{background:var(--v12-green);color:#fff}.v12-option-list input{position:absolute;opacity:0}.v12-option-icon{font-size:16px}.v12-option-list b{font-size:11px}.v12-option-list em,.v12-check-list em{font-style:normal;font-size:10px;color:#89938f}.v12-option-list label.is-active em{color:rgba(255,255,255,.7)}.v12-check-list{padding-bottom:12px;max-height:225px;overflow:auto}.v12-check-list label{display:grid;grid-template-columns:18px 1fr auto;gap:8px;align-items:center;min-height:33px;cursor:pointer}.v12-check-list input{width:15px;height:15px;accent-color:var(--v12-green)}.v12-check-list span{font-size:11px;color:#42504a}.v12-filter-loading,.v12-no-brand{font-size:11px;color:var(--v12-muted)}.v12-filter-search{height:34px;display:flex;align-items:center;gap:5px;padding:0 9px;margin-bottom:9px;background:#f7f9f8;border:1px solid var(--v12-line);border-radius:9px}.v12-filter-search span{color:#8d9793}.v12-filter-search input{width:100%;border:0;outline:0;background:transparent;font-size:10px}.v12-price-values{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:7px;margin-bottom:13px}.v12-price-values label span{display:block;margin-bottom:4px;font-size:9px;color:var(--v12-muted)}.v12-price-values input{width:100%;height:39px;border:1px solid var(--v12-line);border-radius:9px;padding:0 9px;outline:0}.v12-price-range{width:100%;accent-color:var(--v12-green);margin-bottom:16px}.v12-switch-row{display:flex;justify-content:space-between;gap:10px;align-items:center;padding-bottom:16px;cursor:pointer}.v12-switch-row>span{display:flex;flex-direction:column}.v12-switch-row b{font-size:11px}.v12-switch-row small{font-size:9px;color:var(--v12-muted)}.v12-switch-row input{display:none}.v12-switch-row i{position:relative;width:39px;height:22px;border-radius:99px;background:#dce2df}.v12-switch-row i:after{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.18);transition:.2s}.v12-switch-row input:checked+i{background:var(--v12-green)}.v12-switch-row input:checked+i:after{left:20px}.v12-filter-actions{padding:15px;display:grid;gap:7px}.v12-btn{min-height:43px;border-radius:11px;padding:0 17px;border:0;font-weight:800;font-size:11px;cursor:pointer}.v12-btn-primary{background:var(--v12-green);color:#fff}.v12-btn-primary:hover{background:var(--v12-green-2);transform:translateY(-1px)}.v12-btn-ghost{background:#f4f7f5;color:#56635e}.v12-filter-overlay{display:none}
.v12-catalog-header{min-height:84px;display:flex;align-items:flex-start;justify-content:space-between;gap:25px;margin-bottom:15px}.v12-eyebrow{display:block;margin-bottom:8px;color:var(--v12-orange);font-size:9px;letter-spacing:1.5px;font-weight:800}.v12-catalog-header h1{margin:0;font:800 clamp(28px,3vw,38px)/1.1 "Manrope",sans-serif;letter-spacing:-1.7px}.v12-catalog-header h1 i{font-style:normal;font-size:.75em}.v12-catalog-header p{margin:8px 0 0;color:var(--v12-muted);font-size:12px}.v12-catalog-controls{display:flex;gap:12px;align-items:center}.v12-view-toggle{height:43px;padding:4px;display:flex;border:1px solid var(--v12-line);border-radius:11px;background:#fff}.v12-view-toggle button{width:38px;border:0;border-radius:8px;background:transparent;color:#7d8883;cursor:pointer}.v12-view-toggle button.is-active{background:var(--v12-green-soft);color:var(--v12-green)}.v12-sort{height:43px;min-width:216px;display:flex;align-items:center;gap:5px;padding:0 13px;border:1px solid var(--v12-line);border-radius:11px;background:#fff}.v12-sort span{font-size:10px;color:var(--v12-muted)}.v12-sort select{flex:1;border:0;background:transparent;outline:0;font-weight:700;font-size:11px;color:#2d3934}.v12-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}.v12-chips button{height:39px;padding:0 16px;border:0;border-radius:11px;background:#f5f7f6;color:#45514c;font-size:11px;font-weight:700;cursor:pointer}.v12-chips button:hover{background:#eaf1ed}.v12-chips button.is-active{background:var(--v12-green);color:#fff;box-shadow:0 8px 18px rgba(6,74,49,.15)}.v12-active-filters{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:15px}.v12-active-filters>span{font-size:9px;color:var(--v12-muted)}.v12-active-filters button{height:28px;padding:0 10px;border:1px solid #dbe3df;border-radius:99px;background:#fff;color:#53615b;font-size:9px;cursor:pointer}.v12-active-filters .clear-all{border:0;color:var(--v12-orange);font-weight:800}.v12-products-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.v12-product-card{min-width:0;border:1px solid var(--v12-line);border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 6px 24px rgba(7,48,33,.045);transition:.25s}.v12-product-card:hover{transform:translateY(-5px);border-color:#d1ddd7;box-shadow:var(--v12-shadow)}.v12-product-media{position:relative;height:235px;padding:15px;background:radial-gradient(circle at 50% 35%,#fff 0,#f7f7f3 60%,#f0f1ec 100%);overflow:hidden}.v12-product-media>a{height:100%;display:grid;place-items:center}.v12-product-media img{width:100%;height:100%;object-fit:contain;transition:.3s}.v12-product-card:hover .v12-product-media img{transform:scale(1.04)}.v12-product-emoji{font-size:92px;filter:drop-shadow(0 15px 12px rgba(0,0,0,.12));transition:.25s}.v12-product-card:hover .v12-product-emoji{transform:scale(1.06) rotate(-2deg)}.v12-product-badge{position:absolute;left:12px;top:12px;z-index:3;padding:6px 9px;border-radius:8px;font-size:9px;font-weight:800}.v12-product-badge.sale{background:var(--v12-orange);color:#fff}.v12-product-badge.featured{background:#def4d8;color:#278143}.v12-product-badge.new{background:#e9f7df;color:#3a8a43}.v12-favorite{position:absolute;z-index:4;right:11px;top:11px;width:34px;height:34px;border:1px solid #e1e7e4;border-radius:50%;background:rgba(255,255,255,.94);font-size:19px;cursor:pointer}.v12-favorite:hover,.v12-favorite.is-active{color:#e94a4a;border-color:#f2c0c0}.v12-quick-view{position:absolute;left:50%;bottom:11px;z-index:4;transform:translate(-50%,12px);opacity:0;height:33px;padding:0 14px;border:0;border-radius:9px;background:rgba(6,74,49,.92);color:#fff;font-size:9px;font-weight:800;cursor:pointer}.v12-product-card:hover .v12-quick-view{transform:translate(-50%,0);opacity:1}.v12-product-body{padding:14px}.v12-rating{display:flex;gap:5px;align-items:center}.v12-rating span{color:#ff8a00;font-size:10px;letter-spacing:.4px}.v12-rating em{font-style:normal;color:#87918d;font-size:9px}.v12-product-brand{margin-top:8px;color:#77827d;font-size:9px;text-transform:uppercase;letter-spacing:.9px;font-weight:800}.v12-product-card h2{margin:4px 0 5px;min-height:38px;font:800 13px/1.4 "Manrope",sans-serif}.v12-product-card h2 a{color:var(--v12-ink);text-decoration:none}.v12-product-card p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:28px;margin:0;color:#79837f;font-size:9px;line-height:1.45}.v12-product-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:7px;margin-top:10px}.v12-product-price strong{color:var(--v12-green);font:800 19px/1 "Manrope",sans-serif}.v12-product-price del{color:#9aa29f;font-size:10px}.v12-product-price small{width:100%;color:#5a8c65;font-size:8px}.v12-stock{display:flex;align-items:center;gap:5px;margin-top:9px;font-size:9px;font-weight:700}.v12-stock i{width:6px;height:6px;border-radius:50%;background:currentColor}.v12-stock.is-ok{color:#208a42}.v12-stock.is-low{color:#d67900}.v12-stock.is-out{color:#a0a7a4}.v12-product-actions{display:grid;grid-template-columns:74px 1fr;gap:8px;margin-top:12px}.v12-qty{height:38px;display:grid;grid-template-columns:24px 1fr 24px;border:1px solid var(--v12-line);border-radius:9px;overflow:hidden}.v12-qty button,.v12-qty input{width:100%;border:0;background:#fff;text-align:center;font-size:11px}.v12-qty button{cursor:pointer}.v12-add-cart{height:38px;border:0;border-radius:9px;background:var(--v12-orange);color:#fff;font-size:10px;font-weight:800;cursor:pointer;box-shadow:0 7px 16px rgba(255,107,0,.19)}.v12-add-cart:hover{background:#e65f00;transform:translateY(-1px)}.v12-add-cart:disabled{background:#cdd3d0;box-shadow:none;cursor:not-allowed}.v12-add-cart.is-added{background:#2d914c}.v12-products-grid.is-list{grid-template-columns:1fr}.v12-products-grid.is-list .v12-product-card{display:grid;grid-template-columns:225px 1fr}.v12-products-grid.is-list .v12-product-media{height:100%;min-height:220px}.v12-products-grid.is-list .v12-product-body{padding:22px}.v12-products-grid.is-list .v12-product-card h2{min-height:auto;font-size:18px}.v12-products-grid.is-list .v12-product-actions{max-width:330px}.v12-empty-state{grid-column:1/-1;min-height:420px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:50px;border:1px dashed #d6dfda;border-radius:20px;background:linear-gradient(145deg,#fbfcfb,#f4f8f5)}.v12-empty-state>div{width:80px;height:80px;display:grid;place-items:center;border-radius:50%;background:var(--v12-orange-soft);font-size:37px}.v12-empty-state h2{margin:19px 0 7px;font:800 21px/1.2 "Manrope",sans-serif}.v12-empty-state p{max-width:460px;margin:0 0 20px;color:var(--v12-muted);font-size:12px}.v12-empty-state.is-error>div{background:#fff1e7}.v12-pagination{display:flex;justify-content:center;align-items:center;gap:5px;margin:34px 0}.v12-pagination button{width:36px;height:36px;border:1px solid var(--v12-line);border-radius:9px;background:#fff;color:#54615b;cursor:pointer}.v12-pagination button.is-active{background:var(--v12-green);border-color:var(--v12-green);color:#fff}.v12-pagination button:disabled{opacity:.35}.v12-service-strip{display:grid;grid-template-columns:repeat(4,1fr);margin-top:32px;border:1px solid var(--v12-line);border-radius:17px;background:linear-gradient(90deg,#fbfdfb,#f4f8f5);overflow:hidden}.v12-service-strip article{min-height:87px;display:flex;align-items:center;gap:12px;padding:15px 20px;border-right:1px solid var(--v12-line)}.v12-service-strip article:last-child{border:0}.v12-service-strip>article>span{font-size:26px}.v12-service-strip div{display:flex;flex-direction:column}.v12-service-strip b{font-size:11px}.v12-service-strip small{margin-top:3px;color:var(--v12-muted);font-size:9px}
.v12-skeleton{background:linear-gradient(90deg,#edf1ef 25%,#f7f9f8 37%,#edf1ef 63%);background-size:400% 100%;animation:v12-shimmer 1.3s infinite}.v12-skeleton.image{height:235px}.v12-skeleton.line{height:12px;margin:15px 14px 0;border-radius:6px}.v12-skeleton.line.sm{width:38%;height:8px}.v12-skeleton.line.price{width:45%;height:20px}.v12-skeleton.button{height:38px;margin:15px 14px;border-radius:9px}@keyframes v12-shimmer{0%{background-position:100% 0}100%{background-position:0 0}}
.v12-footer{background:#0d2e20;color:#fff}.v12-newsletter{min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid rgba(255,255,255,.1)}.v12-newsletter>div{display:flex;align-items:center;gap:15px}.v12-newsletter>div>span{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:rgba(255,255,255,.1);font-size:22px}.v12-newsletter b{display:block;font:800 17px "Manrope",sans-serif}.v12-newsletter small{color:rgba(255,255,255,.63);font-size:10px}.v12-newsletter form{display:flex;width:min(420px,100%);height:45px;border-radius:11px;overflow:hidden}.v12-newsletter input{flex:1;border:0;padding:0 14px;outline:0}.v12-newsletter button{border:0;padding:0 19px;background:var(--v12-orange);color:#fff;font-weight:800;font-size:10px}.v12-footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:55px;padding-top:55px;padding-bottom:48px}.v12-footer .footer-logo{color:#fff}.v12-footer .v12-logo-mark{width:45px;height:45px;font-size:32px}.v12-footer .v12-logo b{font-size:24px}.v12-footer-grid p{max-width:300px;color:rgba(255,255,255,.62);font-size:11px;line-height:1.7}.v12-footer-grid h4{margin:0 0 15px;font-size:12px}.v12-footer-grid>div{display:flex;flex-direction:column;align-items:flex-start}.v12-footer-grid a:not(.v12-logo){margin:5px 0;color:rgba(255,255,255,.67);text-decoration:none;font-size:10px}.v12-footer-grid a:hover{color:#fff}.v12-footer-bottom{min-height:58px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.48);font-size:9px}
/* Global professional UI applied to all legacy pages */
body:not(.admin-body){font-family:"DM Sans",sans-serif;color:var(--v12-ink);background:#fff}body:not(.admin-body) h1,body:not(.admin-body) h2,body:not(.admin-body) h3{font-family:"Manrope",sans-serif;letter-spacing:-.5px}.site-header{background:rgba(255,255,255,.97)!important;backdrop-filter:blur(16px);box-shadow:0 1px 0 rgba(17,24,23,.08)!important}.announcement{background:linear-gradient(90deg,#063522,#074c32)!important;color:#fff!important;min-height:36px!important}.header-main{min-height:88px!important}.brand-name{font-family:"Manrope",sans-serif!important;font-weight:800!important;color:var(--v12-ink)!important}.search{height:50px!important;border:1px solid #dfe6e2!important;background:#f8faf9!important;border-radius:15px!important}.search input{border:0!important;background:transparent!important}.search button{border-radius:11px!important;background:var(--v12-orange)!important;color:#fff!important}.main-nav{border-top:1px solid #edf0ee!important}.nav-inner{min-height:57px!important}.nav-inner a{padding:10px 16px!important;border-radius:10px!important;font-weight:700!important}.nav-inner a:hover{background:var(--v12-green-soft)!important;color:var(--v12-green)!important}.section{padding-top:64px!important;padding-bottom:64px!important}.breadcrumbs{font-size:12px!important;color:#8b9490!important}.btn,.v12-enhanced-btn{border-radius:11px!important;font-weight:800!important;box-shadow:none;transition:.2s}.btn-primary{background:var(--v12-orange)!important;border-color:var(--v12-orange)!important;color:#fff!important}.btn-primary:hover{background:#e65f00!important;transform:translateY(-1px)}.btn-secondary{background:#f3f7f4!important;border:1px solid #dce5e0!important;color:var(--v12-green)!important}.product-detail,.cart-layout>div,.cart-summary,.checkout-card,.order-card,.customer-panel,.auth-form-card,.pet-profile{border:1px solid var(--v12-line)!important;border-radius:22px!important;box-shadow:var(--v12-shadow-sm)!important;background:#fff!important}.product-detail{padding:28px!important}.main-photo,.product-image{border-radius:18px!important}.detail-price strong,.summary-total{color:var(--v12-green)!important}.checkout-steps span{border-radius:999px!important}.checkout-steps span.active{background:var(--v12-green)!important;color:#fff!important}.checkout-option,.payment-option,.shipping-option{border:1px solid var(--v12-line)!important;border-radius:14px!important;transition:.2s}.checkout-option:has(input:checked),.payment-option:has(input:checked),.shipping-option:has(input:checked){border-color:var(--v12-green)!important;box-shadow:0 0 0 3px rgba(6,74,49,.08)!important;background:var(--v12-green-soft)!important}.v12-native-select,body:not(.catalog-page) select{min-height:44px;padding:0 40px 0 13px;border:1px solid #dce4df!important;border-radius:11px!important;background-color:#fff!important;color:#27332e!important;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#64706b 50%),linear-gradient(135deg,#64706b 50%,transparent 50%)!important;background-position:calc(100% - 17px) 19px,calc(100% - 12px) 19px!important;background-size:5px 5px,5px 5px!important;background-repeat:no-repeat!important}.v12-form-control,body:not(.catalog-page) input:not([type=checkbox]):not([type=radio]),body:not(.catalog-page) textarea{border:1px solid #dce4df!important;border-radius:11px!important;outline:0!important;transition:.2s}.v12-form-control:focus,body:not(.catalog-page) input:focus,body:not(.catalog-page) textarea:focus{border-color:#78aa93!important;box-shadow:0 0 0 4px rgba(6,74,49,.08)!important}.auth-showcase{background:radial-gradient(circle at 80% 15%,rgba(255,255,255,.12),transparent 28%),linear-gradient(145deg,#064a31,#0b6745)!important}.customer-menu a{border-radius:11px!important}.customer-menu a.active{background:var(--v12-green)!important;color:#fff!important}.account-summary-grid article{border:1px solid var(--v12-line)!important;border-radius:18px!important;box-shadow:var(--v12-shadow-sm)!important}.footer{background:#0d2e20!important;color:#fff!important}.footer a,.footer p{color:rgba(255,255,255,.65)!important}.admin-body{background:#f5f7f6!important}.admin-sidebar{background:#092f20!important}.admin-main{background:#f5f7f6!important}.admin-card,.admin-stats article{border:1px solid #e0e7e3!important;border-radius:18px!important;box-shadow:0 8px 26px rgba(7,48,33,.055)!important}.admin-topbar{background:rgba(255,255,255,.95)!important;backdrop-filter:blur(15px)!important}.admin-table{border-collapse:separate!important;border-spacing:0 7px!important}.admin-table tbody tr{background:#fff!important;box-shadow:0 3px 10px rgba(7,48,33,.04)!important}.admin-table td{border-top:1px solid #e6ebe8!important;border-bottom:1px solid #e6ebe8!important}.admin-table td:first-child{border-left:1px solid #e6ebe8!important;border-radius:10px 0 0 10px!important}.admin-table td:last-child{border-right:1px solid #e6ebe8!important;border-radius:0 10px 10px 0!important}.v12-reveal{opacity:0;transform:translateY(12px);transition:opacity .45s ease,transform .45s ease}.v12-reveal.v12-visible{opacity:1;transform:none}
@media(max-width:1180px){.v12-header-main{grid-template-columns:220px 1fr}.v12-user-tools>a div{display:none}.v12-category-nav a{padding:0 10px}.v12-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v12-service-strip{grid-template-columns:repeat(2,1fr)}.v12-service-strip article:nth-child(2){border-right:0}.v12-service-strip article:nth-child(-n+2){border-bottom:1px solid var(--v12-line)}}
@media(max-width:820px){.v12-top-links{display:none}.v12-topbar-inner{justify-content:center}.v12-header{position:relative}.v12-header-main{height:auto;padding-top:14px;padding-bottom:14px;grid-template-columns:1fr auto;gap:12px}.v12-logo b{font-size:25px}.v12-logo small{display:none}.v12-logo-mark{width:44px;height:44px;font-size:32px}.v12-search{grid-column:1/-1;grid-row:2}.v12-category-nav{overflow-x:auto;justify-content:flex-start;padding-top:7px;padding-bottom:7px}.v12-category-nav a{flex:0 0 auto}.v12-all-categories{min-width:auto;flex:0 0 auto}.v12-catalog-shell{grid-template-columns:1fr}.v12-filter-panel{position:fixed;z-index:120;left:0;top:0;bottom:0;width:min(360px,90vw);border-radius:0;transform:translateX(-105%);transition:.25s;overflow-y:auto}.v12-filter-panel.is-open{transform:translateX(0)}.v12-filter-heading button{display:block}.v12-filter-overlay{position:fixed;z-index:110;inset:0;background:rgba(8,24,18,.5);backdrop-filter:blur(3px)}.v12-filter-overlay.is-open{display:block}.filters-open{overflow:hidden}.v12-catalog-header{align-items:end}.v12-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v12-footer-grid{grid-template-columns:repeat(2,1fr)}.v12-newsletter{padding-top:25px;padding-bottom:25px;align-items:flex-start;flex-direction:column}.v12-newsletter form{width:100%}}
@media(max-width:560px){.container{width:min(100% - 24px,1180px)!important}.v12-top-benefits span:nth-child(n+3),.v12-top-benefits i:nth-of-type(n+2){display:none}.v12-user-tools>a:not(.v12-cart-link){display:none}.v12-user-tools>a{border:0;padding:0 8px}.v12-category-nav-wrap{border-bottom:1px solid var(--v12-line)}.v12-catalog-main{padding-top:17px}.v12-catalog-header{display:block}.v12-catalog-controls{margin-top:18px;justify-content:space-between}.v12-sort{min-width:0;flex:1}.v12-view-toggle{display:none}.v12-chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.v12-chips button{flex:0 0 auto}.v12-products-grid{grid-template-columns:1fr}.v12-product-media{height:270px}.v12-products-grid.is-list .v12-product-card{display:block}.v12-service-strip{grid-template-columns:1fr}.v12-service-strip article{border-right:0;border-bottom:1px solid var(--v12-line)!important}.v12-service-strip article:last-child{border-bottom:0!important}.v12-footer-grid{grid-template-columns:1fr;gap:30px}.v12-footer-bottom{align-items:flex-start;flex-direction:column;justify-content:center;gap:5px}.v12-newsletter form{height:auto;display:grid;gap:7px;overflow:visible}.v12-newsletter input,.v12-newsletter button{height:44px;border-radius:10px}.section{padding-top:45px!important;padding-bottom:45px!important}}

/* V48 – profesjonalne karty katalogu i ilość ograniczona stanem */
@media (min-width:1181px){
  .v12-products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
}
.v12-product-card{border-radius:22px;box-shadow:0 10px 32px rgba(7,48,33,.07)}
.v12-product-media{height:320px;padding:24px;background:radial-gradient(circle at 50% 42%,#fff 0,#f7faf8 58%,#eef4f0 100%)}
.v12-product-media>a{border-radius:16px;overflow:hidden}
.v12-product-media img{max-width:100%;max-height:100%;object-fit:contain;object-position:center;filter:drop-shadow(0 14px 15px rgba(20,45,34,.10))}
.v12-product-body{padding:19px 20px 20px}
.v12-product-card h2{min-height:46px;margin:6px 0 8px;font-size:16px;line-height:1.42}
.v12-product-card p{min-height:50px;-webkit-line-clamp:3;font-size:12px;line-height:1.55;color:#66736d}
.v12-product-brand{font-size:10px}
.v12-rating span{font-size:11px}.v12-rating em{font-size:10px}
.v12-product-price{margin-top:13px}.v12-product-price strong{font-size:23px}
.v12-stock{font-size:10px;margin-top:10px}
.v12-product-actions{grid-template-columns:104px 1fr;gap:10px;margin-top:14px}
.v12-qty{height:46px;grid-template-columns:32px 1fr 32px;border-radius:12px}
.v12-qty button,.v12-qty input{font-size:14px;font-weight:700}
.v12-qty button:disabled{opacity:.35;cursor:not-allowed;background:#f4f6f5}
.v12-add-cart{height:46px;border-radius:12px;font-size:13px}
@media(max-width:1180px) and (min-width:561px){.v12-product-media{height:285px}.v12-product-card h2{font-size:15px}.v12-product-card p{font-size:11px}}
@media(max-width:560px){.v12-product-media{height:330px;padding:20px}.v12-product-body{padding:17px}.v12-product-card h2{font-size:16px}.v12-product-card p{font-size:12px}.v12-product-actions{grid-template-columns:104px 1fr}}


/* V49 – pełne zdjęcia produktów bez obcinania */
.v12-product-media{display:grid;place-items:center;padding:22px;background:linear-gradient(145deg,#f3f8f5,#eef5f1)}
.v12-product-media>a{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:18px;border:1px solid rgba(6,74,49,.045);border-radius:18px;background:#fff;overflow:hidden}
.v12-product-media img{display:block;width:auto!important;height:auto!important;max-width:88%!important;max-height:88%!important;object-fit:scale-down!important;object-position:center!important;transform:none!important;filter:drop-shadow(0 12px 16px rgba(20,45,34,.11))}
.v12-product-card:hover .v12-product-media img{transform:scale(1.015)!important}
@media(max-width:1180px){.v12-product-media>a{padding:14px}.v12-product-media img{max-width:90%!important;max-height:90%!important}}
@media(max-width:560px){.v12-product-media>a{padding:16px}.v12-product-media img{max-width:92%!important;max-height:92%!important}}


/* v50: profesjonalne, jednolite miniatury katalogowe */
.v12-product-media{height:300px!important;padding:22px!important;background:#f3f8f5!important}
.v12-product-media>a{background:#fff;border-radius:17px;overflow:hidden;padding:16px;box-shadow:inset 0 0 0 1px rgba(7,74,49,.035)}
.v12-product-media img{display:block;width:100%!important;height:100%!important;max-width:100%;max-height:100%;object-fit:contain!important;object-position:center!important;transform:none!important}
.v12-product-card:hover .v12-product-media img{transform:scale(1.015)!important}
@media(max-width:560px){.v12-product-media{height:285px!important;padding:16px!important}.v12-product-media>a{padding:12px}}

/* V54 – czytelniejsze opisy produktów i większy panel filtrów */
@media (min-width:821px){
  .v12-catalog-shell{grid-template-columns:275px minmax(0,1fr);gap:34px}
  .v12-filter-heading{padding:21px 20px}
  .v12-filter-heading span{font-size:19px}
  .v12-filter-heading small{font-size:11px}
  .v12-filter-section{padding-left:18px;padding-right:18px}
  .v12-filter-title{min-height:56px;font-size:14.5px}
  .v12-option-list label{min-height:43px;padding-left:12px;padding-right:12px}
  .v12-option-list b{font-size:12.2px}
  .v12-option-list em,.v12-check-list em{font-size:11px}
  .v12-option-icon{font-size:18px}
  .v12-check-list{max-height:248px}
  .v12-check-list label{min-height:36px;grid-template-columns:20px 1fr auto;gap:9px}
  .v12-check-list input{width:16px;height:16px}
  .v12-check-list span{font-size:12px;color:#303b36}
  .v12-filter-search{height:38px}
  .v12-filter-search input{font-size:11.5px}
  .v12-price-values label span{font-size:10px}
  .v12-price-values input{height:43px;font-size:13px}
  .v12-switch-row b{font-size:12px}
  .v12-switch-row small{font-size:10px}
}
.v12-product-card p{
  color:#35413c!important;
  font-size:13px;
  line-height:1.62;
  font-weight:500;
  min-height:63px;
  -webkit-line-clamp:3;
}
.v12-product-card h2{color:#101614}
.v12-product-brand{color:#5c6963}
@media(max-width:1180px) and (min-width:561px){.v12-product-card p{font-size:12.2px;line-height:1.58}}
@media(max-width:560px){.v12-product-card p{font-size:12.5px;line-height:1.58;color:#35413c!important}}

/* V126: list view quick-preview positioning + smoother catalog rendering */
.v12-products-grid.is-list .v12-product-media{
  min-height:238px;
  padding-bottom:58px!important;
  overflow:visible;
}
.v12-products-grid.is-list .v12-product-media>a{
  min-height:150px;
}
.v12-products-grid.is-list .v12-quick-view{
  left:50%;
  bottom:14px;
  width:min(150px,calc(100% - 28px));
  height:36px;
  transform:translate(-50%,0);
  opacity:1;
  white-space:nowrap;
  box-shadow:0 8px 20px rgba(6,74,49,.18);
  transition:background-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.v12-products-grid.is-list .v12-quick-view:hover{
  background:#075f42;
  box-shadow:0 10px 24px rgba(6,74,49,.24);
  transform:translate(-50%,-1px);
}
.v12-products-grid.is-list .v12-product-card:hover .v12-quick-view{
  transform:translate(-50%,0);
}
.v12-product-card,.v12-product-media,.v12-product-body{
  contain:layout paint style;
}
.v12-product-card{
  content-visibility:auto;
  contain-intrinsic-size:520px;
}
@media(max-width:760px){
  .v12-products-grid.is-list .v12-product-media{padding-bottom:52px!important;overflow:hidden}
  .v12-products-grid.is-list .v12-quick-view{bottom:10px}
}

/* V480: Omnibus disclosure */
.v15-omnibus,.catalog-omnibus{display:block;margin-top:4px;font-size:11px;line-height:1.35;color:#5f6f68;font-weight:600}.pd-omnibus{font-size:12px;line-height:1.45;color:#56665f;margin-top:6px}

/* V494 zero-results recovery */
.v12-empty-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:16px}.v12-empty-state>small{display:block;margin-top:12px;color:#66746d}


/* ---- frontend/unified-storefront.css ---- */
:root{--fw-green:#064a31;--fw-green-2:#0b6745;--fw-orange:#ff6b00;--fw-ink:#111817;--fw-muted:#66716d;--fw-line:#e4e9e6;--fw-soft:#f6f8f6;--fw-white:#fff;--fw-shadow:0 18px 55px rgba(10,51,36,.10);--fw-shadow-sm:0 8px 28px rgba(10,51,36,.07);--fw-radius:22px}
body{margin:0;background:#fff;color:var(--fw-ink);font-family:"DM Sans",sans-serif}.container{width:min(100% - 40px,1240px);margin-inline:auto}.fw-topbar{height:36px;background:linear-gradient(90deg,#053721,#075438);color:#fff;font-size:12px}.fw-topbar__inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.fw-topbar__benefits,.fw-topbar__links{display:flex;align-items:center;gap:18px}.fw-topbar__benefits i{width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,.45)}.fw-topbar a{color:#fff;opacity:.86;text-decoration:none}.fw-header{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);box-shadow:0 1px 0 rgba(12,48,35,.08)}.fw-header__main{height:88px;display:grid;grid-template-columns:260px minmax(300px,1fr) auto;align-items:center;gap:30px}.fw-logo{display:inline-flex;align-items:center;gap:12px;color:var(--fw-ink);text-decoration:none;min-width:max-content}.fw-logo__mark{width:50px;height:50px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,#fff0df,#ffd6b7);font-size:29px;box-shadow:inset 0 0 0 1px rgba(255,107,0,.12)}.fw-logo__text{display:flex;flex-direction:column;line-height:1}.fw-logo__text b{font:800 24px/1 "Manrope",sans-serif;letter-spacing:-1px;color:var(--fw-green)}.fw-logo__text small{margin-top:6px;color:var(--fw-muted);font-size:10px;letter-spacing:.15px}.fw-search{height:50px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;border:1px solid #dce4df;border-radius:15px;background:#f8faf8;overflow:hidden;transition:.2s}.fw-search:focus-within{border-color:#8ab8a1;box-shadow:0 0 0 4px rgba(11,103,69,.08);background:#fff}.fw-search__icon{padding-left:16px;color:#78817d;font-size:22px}.fw-search input{width:100%;height:100%;border:0;outline:0;background:transparent;padding:0 13px;font:500 14px "DM Sans",sans-serif;color:var(--fw-ink)}.fw-search button{align-self:stretch;border:0;background:var(--fw-green);color:#fff;padding:0 23px;font-weight:800;cursor:pointer}.fw-search button:hover{background:var(--fw-green-2)}.fw-tools{display:flex;align-items:center;gap:5px}.fw-tools>a{min-height:58px;display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:14px;color:var(--fw-ink);text-decoration:none;position:relative}.fw-tools>a:hover{background:#f3f7f4}.fw-tools>a>span{font-size:23px;color:var(--fw-green)}.fw-tools div{display:flex;flex-direction:column;line-height:1.05}.fw-tools small{font-size:10px;color:var(--fw-muted);margin-bottom:5px}.fw-tools b{font-size:12px;white-space:nowrap}.fw-cart em{position:absolute;top:5px;left:26px;min-width:18px;height:18px;display:grid;place-items:center;border-radius:999px;background:var(--fw-orange);color:#fff;font:800 10px "DM Sans";font-style:normal;border:2px solid white}.fw-nav-wrap{border-top:1px solid #edf1ee}.fw-nav{height:52px;display:flex;align-items:stretch;gap:8px;min-width:0}.fw-nav__links{display:flex;align-items:stretch;gap:2px;min-width:0;flex:1;overflow-x:auto;scrollbar-width:none}.fw-nav__links::-webkit-scrollbar{display:none}.fw-nav a,.fw-nav__all{display:flex;align-items:center;justify-content:center;padding:0 17px;border:0;background:transparent;color:#25302c;text-decoration:none;font:700 13px "DM Sans";white-space:nowrap;cursor:pointer;border-radius:10px}.fw-nav a:hover{background:#f2f7f3;color:var(--fw-green)}.fw-nav__all{margin:7px 14px 7px 0;padding:0 20px;background:var(--fw-green);color:white;gap:9px}.fw-nav__all:hover{background:var(--fw-green-2)}.fw-nav .is-sale{color:#d65500}.fw-nav__contact{flex:0 0 auto;margin-left:auto;padding-inline:20px!important;color:var(--fw-green)!important;background:#eef8f3!important;border-left:1px solid #dcebe3!important;border-radius:12px!important;font-weight:800!important}.fw-nav__contact:hover,.fw-nav__contact.is-active{background:var(--fw-green)!important;color:#fff!important;box-shadow:0 8px 20px rgba(7,83,55,.18)}.fw-footer{margin-top:90px;background:#0d2119;color:#fff}.fw-newsletter{transform:translateY(-38px);min-height:120px;border-radius:24px;padding:25px 34px;display:flex;align-items:center;justify-content:space-between;gap:35px;background:linear-gradient(125deg,#0a6b47,#075337);box-shadow:var(--fw-shadow)}.fw-newsletter__copy{display:flex;align-items:center;gap:16px}.fw-newsletter__copy>span{font-size:31px}.fw-newsletter__copy div{display:flex;flex-direction:column}.fw-newsletter__copy b{font:800 22px "Manrope"}.fw-newsletter__copy small{margin-top:5px;color:rgba(255,255,255,.76)}.fw-newsletter form{display:flex;min-width:min(100%,430px);height:48px;background:#fff;border-radius:13px;overflow:hidden}.fw-newsletter input{flex:1;min-width:0;border:0;outline:0;padding:0 16px}.fw-newsletter button{border:0;background:var(--fw-orange);color:#fff;font-weight:800;padding:0 20px}.fw-footer__grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:50px;padding:20px 0 55px}.fw-logo--footer .fw-logo__text b{color:#fff}.fw-logo--footer .fw-logo__text small{color:#8da498}.fw-footer__grid p{color:#91a49b;line-height:1.7;font-size:14px;max-width:340px}.fw-footer h4{margin:8px 0 18px;font:800 14px "Manrope"}.fw-footer__grid>div>a:not(.fw-logo){display:block;color:#a9bbb2;text-decoration:none;margin:11px 0;font-size:13px}.fw-footer__grid>div>a:hover{color:#fff}.fw-footer__bottom{border-top:1px solid rgba(255,255,255,.1);padding:22px 0;display:flex;justify-content:space-between;color:#71877c;font-size:12px}
/* Keep all storefront pages aligned to the same content width and top rhythm */
main:not(.admin-main){min-height:420px}.v12-catalog-main,.product-page,.cart-page,.checkout-page,.account-page{padding-top:30px}.v12-page .v12-topbar,.v12-page .v12-header,.v12-page .v12-footer{display:none!important}
@media(max-width:1050px){.fw-header__main{grid-template-columns:220px 1fr}.fw-tools>a:not(.fw-cart){display:none}.fw-nav a{padding-inline:14px}.fw-nav__contact{position:sticky;right:0;z-index:2;box-shadow:-12px 0 18px #fff}.fw-topbar__links{display:none}}
@media(max-width:720px){.container{width:min(100% - 24px,1240px)}.fw-topbar{height:32px}.fw-topbar__benefits span:nth-of-type(n+2),.fw-topbar__benefits i{display:none}.fw-header__main{height:auto;grid-template-columns:1fr auto;gap:12px;padding-block:12px}.fw-logo__mark{width:43px;height:43px;font-size:25px}.fw-logo__text b{font-size:21px}.fw-logo__text small{display:none}.fw-search{grid-column:1/-1;grid-row:2;height:46px}.fw-search button{padding-inline:16px}.fw-tools>a:not(.fw-cart){display:none}.fw-tools .fw-cart div{display:none}.fw-nav{height:48px;gap:5px}.fw-nav__all{margin-right:2px}.fw-nav__contact{padding-inline:14px!important;font-size:12px!important;box-shadow:-10px 0 16px #fff}.fw-newsletter{padding:24px;flex-direction:column;align-items:stretch}.fw-newsletter form{min-width:0}.fw-footer__grid{grid-template-columns:1fr 1fr;gap:32px}.fw-footer__bottom{flex-direction:column;gap:8px}}
@media(max-width:470px){.fw-nav a{padding-inline:12px}.fw-footer__grid{grid-template-columns:1fr}.fw-newsletter form{flex-direction:column;height:auto;background:transparent;gap:8px}.fw-newsletter input,.fw-newsletter button{height:46px;border-radius:12px}}
.fw-cart-backdrop{position:fixed;inset:0;background:rgba(5,25,17,.38);backdrop-filter:blur(3px);z-index:199;opacity:0;visibility:hidden;transition:.25s}.fw-cart-backdrop.is-open{opacity:1;visibility:visible}.fw-cart-drawer{position:fixed;right:0;top:0;bottom:0;width:min(430px,94vw);background:#fff;z-index:200;transform:translateX(105%);transition:.32s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;box-shadow:-20px 0 60px rgba(5,39,25,.18)}.fw-cart-drawer.is-open{transform:none}.fw-cart-drawer>header{padding:24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e8eeea}.fw-cart-drawer h3{margin:4px 0 0;font:800 23px Manrope}.fw-cart-drawer header small{color:#ff6b00;font-weight:800;letter-spacing:1.3px}.fw-cart-drawer header button{width:40px;height:40px;border-radius:50%;border:1px solid #dfe7e2;background:#fff;font-size:25px;cursor:pointer}.fw-cart-drawer__body{padding:20px;overflow:auto;flex:1}.fw-cart-drawer__body article{display:grid;grid-template-columns:74px 1fr;gap:14px;padding:14px 0;border-bottom:1px solid #edf1ee}.fw-cart-thumb{width:74px;height:74px;border-radius:14px;background:#f6f7f5;display:grid;place-items:center;font-size:30px}.fw-cart-thumb img{width:100%;height:100%;object-fit:contain}.fw-cart-drawer__body article div:last-child{display:flex;flex-direction:column;justify-content:center}.fw-cart-drawer__body article b{font-size:13px}.fw-cart-drawer__body article small{color:#75807a;margin-top:8px}.fw-cart-drawer>footer{padding:22px;border-top:1px solid #e8eeea;background:#fbfcfb}.fw-cart-drawer>footer>div{display:flex;justify-content:space-between;margin-bottom:16px}.fw-cart-drawer>footer strong{font-size:20px;color:#07583c}.fw-cart-drawer>footer a{height:50px;border-radius:13px;background:#ff6b00;color:#fff;display:flex;align-items:center;justify-content:center;text-decoration:none;font-weight:800}.fw-cart-empty{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;font-size:40px}.fw-cart-empty b{font-size:17px}.fw-cart-empty small{font-size:12px;color:#718079}

.fw-toast-host{position:fixed;right:22px;top:105px;z-index:500;display:flex;flex-direction:column;gap:10px;pointer-events:none}.fw-toast{min-width:290px;max-width:390px;padding:14px 17px;border-radius:16px;background:rgba(255,255,255,.96);border:1px solid #dfe8e2;box-shadow:0 18px 45px rgba(5,55,35,.18);display:flex;align-items:center;gap:12px;opacity:0;transform:translateY(-12px) scale(.97);transition:.28s;backdrop-filter:blur(12px)}.fw-toast.is-visible{opacity:1;transform:none}.fw-toast>span{width:34px;height:34px;border-radius:50%;background:#e4f5e9;color:#08704b;display:grid;place-items:center;font-weight:900}.fw-toast div{display:flex;flex-direction:column}.fw-toast b{font-size:13px}.fw-toast small{font-size:10px;color:#748079;margin-top:3px}.fw-toast--cart{min-width:430px;align-items:center;pointer-events:auto}.fw-toast__body{min-width:0;flex:1}.fw-toast__cart-action{margin-left:auto;display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:8px 12px;border-radius:11px;background:#08704b;color:#fff;text-decoration:none;font-size:11px;font-weight:800;line-height:1;white-space:nowrap;box-shadow:0 7px 18px rgba(8,112,75,.16);pointer-events:auto;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.fw-toast__cart-action:hover{background:#065f40;transform:translateY(-1px);box-shadow:0 9px 22px rgba(8,112,75,.22)}.fw-toast__cart-action:focus-visible{outline:3px solid rgba(255,103,18,.28);outline-offset:2px}.fw-toast__cart-icon{font-size:14px;line-height:1}@media(max-width:600px){.fw-toast-host{left:12px;right:12px;top:85px}.fw-toast{min-width:0;max-width:none}.fw-toast--cart{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px 12px}.fw-toast--cart .fw-toast__cart-action{grid-column:1/-1;width:100%;justify-content:center;margin:0}}
/* V22 header search alignment fix */
.fw-header__main{align-items:center}
.fw-search{display:grid!important;grid-template-columns:48px minmax(0,1fr) auto!important;align-items:center!important;height:54px!important;padding:0!important;border-radius:16px!important;overflow:hidden!important}
.fw-search__icon{display:grid!important;place-items:center!important;height:100%!important;padding:0!important}
.fw-search input[type="search"]{display:block!important;width:100%!important;min-width:0!important;height:100%!important;margin:0!important;padding:0 14px!important;border:0!important;border-radius:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;appearance:none!important;-webkit-appearance:none!important}
.fw-search input[type="search"]::-webkit-search-decoration,.fw-search input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}
.fw-search button{height:100%!important;margin:0!important;border-radius:0!important;white-space:nowrap!important;box-shadow:none!important}
.fw-search-results{grid-column:1/-1}
/* customer chat */
.fw-chat-launcher{position:fixed;right:24px;bottom:24px;z-index:1200;width:58px;height:58px;border:0;border-radius:20px;background:#075f45;color:#fff;font-size:25px;cursor:pointer;box-shadow:0 18px 42px rgba(5,70,51,.28)}
.fw-chat-launcher i{position:absolute;right:-4px;top:-5px;min-width:21px;height:21px;padding:0 5px;display:none;place-items:center;border-radius:99px;background:#ff6508;color:#fff;font:800 11px DM Sans;border:2px solid #fff;font-style:normal}.fw-chat-launcher i.show{display:grid}
.fw-chat-panel{position:fixed;right:24px;bottom:94px;z-index:1201;width:min(390px,calc(100vw - 28px));height:min(590px,calc(100vh - 125px));display:none;grid-template-rows:auto 1fr auto;background:#fff;border:1px solid #dfe9e4;border-radius:24px;overflow:hidden;box-shadow:0 28px 80px rgba(7,49,37,.22)}.fw-chat-panel.open{display:grid}
.fw-chat-head{padding:18px 20px;background:linear-gradient(135deg,#075f45,#0b7b58);color:#fff;display:flex;align-items:center;justify-content:space-between}.fw-chat-head div{display:grid;gap:2px}.fw-chat-head small{opacity:.76}.fw-chat-head button{border:0;background:rgba(255,255,255,.14);color:#fff;width:34px;height:34px;border-radius:10px;font-size:20px;cursor:pointer}
.fw-chat-messages{padding:18px;overflow:auto;background:#f6faf8;display:flex;flex-direction:column;gap:10px}.fw-chat-empty{text-align:center;margin:auto;color:#75827d}.fw-chat-msg{max-width:82%;padding:11px 13px;border-radius:15px;background:#fff;border:1px solid #e3ebe7;line-height:1.45;font-size:14px}.fw-chat-msg.customer{align-self:flex-end;background:#075f45;color:#fff;border-color:#075f45}.fw-chat-msg small{display:block;margin-top:5px;opacity:.65;font-size:10px}
.fw-chat-start{padding:18px;display:grid;gap:10px}.fw-chat-start input,.fw-chat-compose textarea{width:100%;border:1px solid #d7e3dd;border-radius:12px;padding:11px 13px;font:inherit;outline:0}.fw-chat-start input:focus,.fw-chat-compose textarea:focus{border-color:#2b9673;box-shadow:0 0 0 3px rgba(43,150,115,.1)}.fw-chat-start button,.fw-chat-compose button{border:0;border-radius:12px;background:#ff6508;color:#fff;font-weight:800;padding:12px 16px;cursor:pointer}.fw-chat-compose{padding:13px;border-top:1px solid #e5ece8;display:none;grid-template-columns:1fr auto;gap:9px;background:#fff}.fw-chat-compose.active{display:grid}.fw-chat-compose textarea{resize:none;height:45px;padding-block:11px}.fw-chat-compose button{padding-inline:18px}
@media(max-width:720px){.fw-chat-launcher{right:14px;bottom:14px}.fw-chat-panel{right:14px;bottom:82px}.fw-search{height:48px!important}}

/* V23 left-side contact chat */
.v15-category-row--two{grid-template-columns:repeat(2,minmax(0,1fr))}
.v15-chat,.fw-chat-launcher--left{position:fixed;left:20px;right:auto;bottom:18px;z-index:1202;border:0;background:#07583c;color:#fff;border-radius:999px;padding:11px 16px;display:flex;gap:9px;align-items:center;box-shadow:0 13px 30px rgba(6,74,49,.22);cursor:pointer;font-family:inherit}
.v15-chat:hover,.fw-chat-launcher--left:hover{transform:translateY(-2px);box-shadow:0 17px 36px rgba(6,74,49,.28)}
.v15-chat__copy,.fw-chat-launcher--left>span:nth-child(2){display:flex;flex-direction:column;text-align:left}
.v15-chat b,.fw-chat-launcher--left b{font-size:11px}.v15-chat small,.fw-chat-launcher--left small{font-size:9px;opacity:.84}
.v15-chat>i,.fw-chat-launcher--left>i{position:absolute;right:-5px;top:-6px;min-width:21px;height:21px;padding:0 5px;display:none;place-items:center;border-radius:99px;background:#ff6508;color:#fff;font:800 11px DM Sans;border:2px solid #fff;font-style:normal}.v15-chat>i.show,.fw-chat-launcher--left>i.show{display:grid}
.fw-chat-panel--left{left:20px;right:auto;bottom:82px}
@media(max-width:720px){.v15-category-row--two{grid-template-columns:1fr}.v15-chat,.fw-chat-launcher--left{left:12px;bottom:12px}.fw-chat-panel--left{left:12px;right:12px;bottom:76px;width:auto}}
.fw-chat-launcher:not(.fw-chat-launcher--left){display:none!important}

/* Chat attachments v24 */
.fw-chat-compose-v24{grid-template-columns:1fr!important;gap:8px!important;padding:12px!important}
.fw-chat-compose-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:8px;align-items:end}
.fw-chat-compose-row textarea{height:46px;min-height:46px;max-height:110px}
.fw-chat-attach{width:42px;height:42px;border:1px solid #d7e3dd;border-radius:12px;background:#f6faf8;display:grid;place-items:center;cursor:pointer;font-size:18px;transition:.2s}
.fw-chat-attach:hover{border-color:#2b9673;background:#edf8f3;transform:translateY(-1px)}
.fw-chat-compose-hint{color:#7c8984;font-size:10px;padding-left:50px}
.fw-chat-preview{display:grid;grid-template-columns:52px minmax(0,1fr) 28px;gap:10px;align-items:center;padding:8px;border:1px solid #dce8e2;border-radius:12px;background:#f7fbf9}
.fw-chat-preview[hidden]{display:none!important}.fw-chat-preview img{width:52px;height:52px;object-fit:cover;border-radius:9px}.fw-chat-preview div{min-width:0;display:grid;gap:2px}.fw-chat-preview b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fw-chat-preview small{font-size:9px;color:#7b8983}.fw-chat-preview button{border:0;background:#fff;color:#60706a;border-radius:8px;width:28px;height:28px;cursor:pointer;font-size:18px}
.fw-chat-image{display:block;margin-top:8px;color:inherit;text-decoration:none}.fw-chat-image img{display:block;max-width:100%;max-height:230px;border-radius:11px;object-fit:contain;background:#eef3f1}.fw-chat-image span{display:block;margin-top:5px;font-size:10px;font-weight:700;opacity:.72}
@media(max-width:520px){.fw-chat-compose-row{grid-template-columns:40px minmax(0,1fr)}.fw-chat-send{grid-column:1/-1}.fw-chat-compose-hint{padding-left:0}}

/* Chat polish v25 */
.v15-chat,.fw-chat-launcher--left{
  box-sizing:border-box!important;
  width:auto!important;
  min-width:154px!important;
  max-width:calc(100vw - 24px)!important;
  height:58px!important;
  min-height:58px!important;
  padding:8px 18px 8px 10px!important;
  gap:10px!important;
  overflow:visible!important;
  line-height:1.15!important;
  white-space:nowrap!important;
}
.v15-chat>span:first-child,.fw-chat-launcher--left>span:first-child{
  flex:0 0 40px!important;width:40px!important;height:40px!important;border-radius:50%!important;
  display:grid!important;place-items:center!important;background:rgba(255,255,255,.14)!important;font-size:19px!important;
}
.v15-chat__copy,.fw-chat-launcher--left>span:nth-child(2){
  min-width:82px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;
  justify-content:center!important;gap:2px!important;overflow:visible!important;
}
.v15-chat b,.fw-chat-launcher--left b{display:block!important;font-size:12px!important;line-height:1.15!important;color:#fff!important}
.v15-chat small,.fw-chat-launcher--left small{display:block!important;font-size:9px!important;line-height:1.2!important;color:rgba(255,255,255,.82)!important}
.fw-chat-author{display:block;margin:0 0 5px;font-size:10px;font-weight:800;letter-spacing:.15px;opacity:.82}
.fw-chat-msg.admin .fw-chat-author{color:#075f45;opacity:1}.fw-chat-msg.customer .fw-chat-author{color:#fff}
.fw-chat-msg.admin{align-self:flex-start}.fw-chat-msg.customer{align-self:flex-end}
@media(max-width:520px){.v15-chat,.fw-chat-launcher--left{min-width:148px!important;height:56px!important;min-height:56px!important}}

:root{--foxi-primary:#0b6048;--foxi-accent:#ff641e;--foxi-sale:#ff641e;--foxi-stars:#ffad0a;--foxi-heading:#17211d}.fw-logo__mark.has-custom-logo{background:transparent!important;box-shadow:none!important;width:auto!important}.fw-logo__mark.has-custom-logo img{display:block;max-width:150px;max-height:58px;object-fit:contain}.fw-socials{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.fw-socials a{padding:7px 10px;border:1px solid rgba(255,255,255,.18);border-radius:9px;font-size:12px}.fw-nav__contact,.fw-search button,.fw-cart-drawer footer a{background-color:var(--foxi-primary)}.is-sale,.pv30-discount-badge{color:var(--foxi-sale)!important}.pv30-stars,.rating-stars{color:var(--foxi-stars)!important}h1,h2,h3{color:var(--foxi-heading)}
.fw-footer__legal{display:flex;gap:14px;flex-wrap:wrap;padding:18px 0 0;color:#a9c3b8;font-size:12px}.fw-footer__legal b{color:white}.fw-footer__legal span:not(:last-child)::after{content:" ·";margin-left:14px}@media(max-width:650px){.fw-footer__legal{display:grid;gap:5px}.fw-footer__legal span::after{display:none}}

/* V107 legal company footer */
.fw-footer__legal{margin-bottom:0;padding:18px 22px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:rgba(255,255,255,.035);display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:20px;color:#a9bbb2;font-size:12px;line-height:1.55}.fw-footer__legal>div{min-width:0}.fw-footer__legal b{color:#fff;font-size:13px;display:block;margin-bottom:3px}.fw-footer__legal span{display:block}.fw-footer__bottom{margin-top:18px}@media(max-width:720px){.fw-footer__legal{grid-template-columns:1fr;gap:10px;padding:16px}}

/* V108 – czytelne dane sprzedawcy w stopce */
.fw-footer__legal{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(220px,1.35fr) minmax(180px,1fr) minmax(180px,1fr)!important;
  align-items:stretch!important;
  gap:12px!important;
  margin-top:28px!important;
  padding:14px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.045)!important;
  color:#b6c9c0!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
.fw-footer__legal>div{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-width:0!important;
  padding:10px 14px!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.025)!important;
}
.fw-footer__legal>div+div{border-left:1px solid rgba(255,255,255,.09)!important}
.fw-footer__legal b{
  display:block!important;
  margin:0 0 5px!important;
  color:#fff!important;
  font-size:13px!important;
  line-height:1.35!important;
  overflow-wrap:anywhere!important;
}
.fw-footer__legal span{
  display:block!important;
  color:#a9beb4!important;
  font-size:12px!important;
  line-height:1.6!important;
  overflow-wrap:anywhere!important;
}
.fw-footer__legal span::after{content:none!important}
.fw-footer__bottom{margin-top:14px!important;padding-top:16px!important}
@media(max-width:760px){
  .fw-footer__legal{grid-template-columns:1fr!important;padding:10px!important}
  .fw-footer__legal>div+div{border-left:0!important;border-top:1px solid rgba(255,255,255,.09)!important}
}

/* V110 — oficjalne flagi metod płatności Przelewy24 */
.fw-footer__payments{
  margin-top:18px;
  padding:18px 22px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:16px;
  background:#fff;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:22px;
  box-shadow:0 12px 28px rgba(0,0,0,.08);
}
.fw-footer__payments[hidden]{display:none!important}
.fw-footer__payments-label{
  color:#2d3a35;
  font-size:12px;
  font-weight:800;
  line-height:1.35;
  max-width:150px;
}
.fw-footer__payments img{
  display:block;
  width:min(100%,760px);
  height:auto;
  object-fit:contain;
  justify-self:end;
}
.fw-footer__bottom a{color:#8da498;text-decoration:none}
.fw-footer__bottom a:hover{color:#fff}
.fw-payment-only-footer{
  margin-top:48px;
  padding:24px 0;
  background:#0d2119;
}
.fw-payment-only-footer__inner{
  width:min(100% - 32px,980px);
  margin-inline:auto;
  padding:18px 22px;
  border-radius:16px;
  background:#fff;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:20px;
  align-items:center;
}
.fw-payment-only-footer__inner span{font-size:12px;font-weight:800;color:#2d3a35;max-width:150px}
.fw-payment-only-footer__inner img{display:block;width:min(100%,680px);height:auto;justify-self:end}
@media(max-width:760px){
  .fw-footer__payments,.fw-payment-only-footer__inner{grid-template-columns:1fr;gap:12px}
  .fw-footer__payments-label,.fw-payment-only-footer__inner span{max-width:none;text-align:center}
  .fw-footer__payments img,.fw-payment-only-footer__inner img{justify-self:center;width:100%}
}

/* V111 — kompaktowe oficjalne oznaczenia płatności Przelewy24 */
.fw-footer__payments{
  margin-top:18px!important;
  padding:12px 16px!important;
  min-height:72px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.035)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  box-shadow:none!important;
}
.fw-footer__payments[hidden]{display:none!important}
.fw-footer__payments-label{
  color:#d9e7e0!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1.25!important;
  max-width:none!important;
  white-space:nowrap!important;
  letter-spacing:.02em!important;
}
.fw-footer__payments img{
  display:block!important;
  width:auto!important;
  max-width:min(100%,520px)!important;
  height:46px!important;
  object-fit:contain!important;
  justify-self:auto!important;
}
.fw-payment-only-footer{
  margin-top:40px!important;
  padding:16px 0!important;
  background:#0d2119!important;
}
.fw-payment-only-footer__inner{
  width:min(100% - 32px,900px)!important;
  margin-inline:auto!important;
  min-height:68px!important;
  padding:10px 16px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.04)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
}
.fw-payment-only-footer__inner span{
  color:#d9e7e0!important;
  font-size:11px!important;
  font-weight:800!important;
  max-width:none!important;
  white-space:nowrap!important;
}
.fw-payment-only-footer__inner img{
  display:block!important;
  width:auto!important;
  max-width:min(100%,500px)!important;
  height:44px!important;
  object-fit:contain!important;
  justify-self:auto!important;
}
@media(max-width:760px){
  .fw-footer__payments,.fw-payment-only-footer__inner{
    flex-direction:column!important;
    justify-content:center!important;
    gap:8px!important;
    padding:12px!important;
  }
  .fw-footer__payments-label,.fw-payment-only-footer__inner span{
    text-align:center!important;
    white-space:normal!important;
  }
  .fw-footer__payments img,.fw-payment-only-footer__inner img{
    width:100%!important;
    max-width:440px!important;
    height:auto!important;
    max-height:52px!important;
  }
}


/* V112 — spójna stopka: dane sprzedawcy + kompaktowe płatności */
.fw-footer__grid{
  padding-bottom:18px!important;
}
.fw-footer__legal{
  margin-top:0!important;
  margin-bottom:10px!important;
  min-height:0!important;
}
.fw-footer__legal:empty{
  display:none!important;
}
.fw-footer__payments{
  margin-top:0!important;
  margin-bottom:8px!important;
  min-height:58px!important;
  padding:8px 14px!important;
}
.fw-footer__payments img{
  height:40px!important;
  max-width:min(100%,470px)!important;
}
.fw-footer__bottom{
  margin-top:8px!important;
  padding-top:14px!important;
  padding-bottom:16px!important;
}
@media(max-width:760px){
  .fw-footer__grid{padding-bottom:14px!important}
  .fw-footer__legal{margin-bottom:8px!important}
  .fw-footer__payments{padding:10px!important;min-height:0!important}
  .fw-footer__payments img{height:auto!important;max-height:44px!important}
}


/* ---- frontend/home-v15.css ---- */
.fw-v15 main{overflow:hidden;background:radial-gradient(circle at 0 32%,rgba(202,230,209,.25),transparent 21%),#fff}.v15-eyebrow{display:block;color:#ff6b00;font-size:11px;font-weight:800;letter-spacing:1.7px;margin-bottom:14px}.v15-hero{min-height:480px;margin-top:16px;border-radius:28px;background:linear-gradient(120deg,#fbfbf7,#eff5ee);display:grid;grid-template-columns:1.05fr .9fr 300px;align-items:center;overflow:hidden;position:relative;box-shadow:0 20px 60px rgba(9,54,36,.08)}.v15-hero__copy{padding:54px 20px 54px 48px;z-index:2}.v15-hero h1{font:800 clamp(42px,4.5vw,67px)/1.04 Manrope;margin:0;letter-spacing:-3px}.v15-hero h1 em{font-style:normal;color:#08704b}.v15-hero__copy>p{font-size:16px;line-height:1.7;color:#59645f;max-width:570px;margin:22px 0 28px}.v15-actions{display:flex;gap:12px;flex-wrap:wrap}.v15-btn{height:50px;padding:0 22px;border-radius:13px;display:inline-flex;align-items:center;gap:20px;text-decoration:none;font-weight:800;font-size:13px;transition:.25s}.v15-btn.primary{color:#fff;background:linear-gradient(135deg,#ff6b00,#ff850d);box-shadow:0 12px 25px rgba(255,107,0,.24)}.v15-btn.ghost{color:#174432;background:#fff;border:1px solid #dce5df}.v15-btn:hover{transform:translateY(-3px)}.v15-trust{display:flex;gap:30px;margin-top:31px}.v15-trust span{display:flex;flex-direction:column}.v15-trust b{color:#07583c;font-size:18px}.v15-trust small{color:#75807b;font-size:10px;margin-top:4px}.v15-hero__visual{height:100%;position:relative;display:flex;align-items:flex-end;justify-content:center}.v15-hero__visual img{width:100%;max-width:520px;height:365px;object-fit:cover;object-position:center;border-radius:48% 48% 15% 15%;mix-blend-mode:multiply;position:relative;z-index:2;filter:drop-shadow(0 20px 20px rgba(15,61,42,.12))}.v15-orbit{position:absolute;border-radius:50%;border:1px dashed rgba(8,112,75,.22);animation:spin 20s linear infinite}.orbit-a{width:390px;height:390px}.orbit-b{width:300px;height:300px;animation-direction:reverse;animation-duration:14s}.v15-leaf,.v15-paw{position:absolute;z-index:3;animation:float 4s ease-in-out infinite}.leaf-a{font-size:42px;top:40px;right:55px}.leaf-b{font-size:34px;bottom:75px;left:5px;animation-delay:-2s}.paw-a{font-size:25px;top:115px;left:25px;opacity:.25}.v15-delivery-card{margin-right:18px;background:#fff;border-radius:20px;padding:20px;display:flex;flex-direction:column;box-shadow:0 16px 45px rgba(8,61,41,.12);z-index:4}.v15-delivery-card>b{font-size:14px;color:#07583c}.v15-delivery-card>span{font-size:11px;margin-top:5px}.v15-delivery-card>div{height:6px;background:#e3ebe7;border-radius:999px;margin:14px 0 17px;overflow:hidden}.v15-delivery-card i{display:block;height:100%;width:0;background:linear-gradient(90deg,#ff8b00,#ffc247);transition:width .5s}.v15-delivery-card small{padding:11px 0;border-top:1px solid #eef2ef;font-weight:700;color:#3c4a44}.v15-benefits{margin-top:16px;border:1px solid #e5ebe7;border-radius:20px;display:grid;grid-template-columns:repeat(5,1fr);background:#fff}.v15-benefits article{padding:18px;display:flex;align-items:center;gap:12px;position:relative}.v15-benefits article+article:before{content:"";position:absolute;left:0;width:1px;height:38px;background:#e7ece9}.v15-benefits article>span{font-size:27px}.v15-benefits div{display:flex;flex-direction:column}.v15-benefits b{font-size:13px;color:#074d35}.v15-benefits small{font-size:10px;color:#707a75;margin-top:3px}.v15-products{padding:62px 0;display:grid;grid-template-columns:190px 1fr;gap:30px}.v15-products__intro h2,.v15-section-head h2{font:800 30px Manrope;margin:0;letter-spacing:-1px}.v15-products__intro h2 i{font-style:normal;font-size:23px}.v15-products__intro p{font-size:13px;line-height:1.7;color:#69736e;margin:16px 0 25px}.v15-products__intro>a{display:inline-flex;padding:13px 18px;background:#07583c;color:#fff;border-radius:11px;text-decoration:none;font-size:12px;font-weight:800;gap:20px}.v15-tabs{display:flex;gap:7px;margin-bottom:15px;overflow:auto}.v15-tabs button{height:38px;padding:0 17px;border:0;border-radius:10px;background:#f5f6f5;font-weight:700;color:#5f6964;cursor:pointer;white-space:nowrap}.v15-tabs button.is-active{background:#07583c;color:#fff}.v15-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.v15-card{min-width:0;border:1px solid #e5eae7;border-radius:20px;background:#fff;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 8px 25px rgba(12,55,39,.055);transition:.28s;min-height:500px}.v15-card:hover{transform:translateY(-7px);box-shadow:0 18px 45px rgba(12,55,39,.12);border-color:#cbdcd2}.v15-card__media{height:235px;background:linear-gradient(145deg,#fff,#f7f6f1);position:relative;display:grid;place-items:center;overflow:hidden}.v15-card__media>a{width:100%;height:100%;display:grid;place-items:center}.v15-card__media img{width:90%;height:90%;object-fit:contain;transition:.35s}.v15-card:hover img{transform:scale(1.05)}.v15-badge{position:absolute;top:13px;left:13px;z-index:2;padding:6px 9px;border-radius:8px;background:#e5f5dd;color:#18713f;font-size:9px;font-weight:800}.v15-badge.sale{background:#ff6b00;color:#fff}.v15-heart{position:absolute;right:12px;top:12px;z-index:3;width:34px;height:34px;border-radius:50%;border:1px solid #dfe6e2;background:#fff;font-size:17px;cursor:pointer}.v15-heart.is-active{color:#e53935}.v15-card__body{padding:14px 14px 15px;display:flex;flex-direction:column;flex:1}.v15-rating{font-size:10px;color:#ff8a00}.v15-rating small{color:#77817c;margin-left:4px}.v15-card h3{font:800 14px/1.35 Manrope;margin:8px 0 4px;min-height:38px}.v15-card h3 a{color:#111917;text-decoration:none}.v15-card__desc{font-size:10px;color:#77817c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.v15-card__spacer{flex:1;min-height:12px}.v15-price{display:flex;align-items:baseline;gap:8px}.v15-price strong{font:800 20px Manrope;color:#07583c}.v15-price del{font-size:11px;color:#8b9490}.v15-stock{font-size:10px;color:#168049;font-weight:800;margin:5px 0 12px}.v15-card__actions{display:grid;grid-template-columns:74px 1fr;gap:8px;min-height:44px}.v15-qty{height:44px;border:1px solid #dbe3de;border-radius:11px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center}.v15-qty button{border:0;background:transparent;font-size:17px;cursor:pointer}.v15-qty span{text-align:center;font-size:12px}.v15-add{height:44px;border:0;border-radius:11px;background:linear-gradient(135deg,#ff6b00,#ff850d);color:#fff;font-weight:800;cursor:pointer;box-shadow:0 8px 18px rgba(255,107,0,.22);white-space:nowrap}.v15-add:disabled{opacity:.45}.v15-category-row{display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:15px;padding-bottom:70px}.v15-category{min-height:160px;border-radius:20px;padding:26px;display:flex;justify-content:space-between;align-items:center;text-decoration:none;color:#10221b;overflow:hidden}.v15-category.dog{background:#eaf3e9}.v15-category.cat{background:#fff0df}.v15-category.loyalty{background:linear-gradient(135deg,#07583c,#0c7651);color:#fff}.v15-category small{font-weight:800;font-size:10px}.v15-category h3{font:800 17px/1.35 Manrope;max-width:250px}.v15-category span{font-size:11px;font-weight:800}.v15-category>b{font-size:75px;transition:.3s}.v15-category:hover>b{transform:scale(1.12) rotate(4deg)}.v15-story{background:linear-gradient(135deg,#eff6ef,#fff5e8);padding:75px 0}.v15-story>.container{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.v15-story h2{font:800 43px/1.1 Manrope;letter-spacing:-2px;margin:0}.v15-story p{color:#66716c;line-height:1.7;max-width:650px}.v15-story__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.v15-story__stats article{min-height:150px;background:#fff;border-radius:20px;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 12px 30px rgba(9,54,36,.06)}.v15-story__stats b{font:800 38px Manrope;color:#07583c}.v15-story__stats span{font-size:11px;color:#738079}.v15-reviews{padding:78px 0}.v15-section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:25px}.v15-section-head>span{color:#ff8400;font-weight:800}.v15-review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.v15-review-grid article{border:1px solid #e2e9e5;border-radius:20px;padding:25px;background:#fff;box-shadow:0 10px 28px rgba(8,52,35,.05)}.v15-review-grid article>div{color:#ff8a00}.v15-review-grid p{line-height:1.7;color:#4f5a55}.v15-review-grid footer{display:flex;flex-direction:column}.v15-review-grid small{color:#81908a;margin-top:3px}.v15-loyalty{position:fixed;right:20px;bottom:110px;z-index:60;width:125px;padding:19px 14px;background:#fff;border-radius:50px;text-align:center;box-shadow:0 16px 45px rgba(6,74,49,.17);border:1px solid #edf0ee}.v15-loyalty>button{position:absolute;right:7px;top:7px;border:0;background:transparent;cursor:pointer}.v15-loyalty>span{font-size:34px}.v15-loyalty small,.v15-loyalty p{display:block;font-size:9px}.v15-loyalty b{display:block;color:#07583c;font-size:20px}.v15-loyalty a{display:block;background:#07583c;color:#fff;border-radius:9px;padding:9px;text-decoration:none;font-size:9px;font-weight:800}.v15-chat{position:fixed;left:20px;bottom:18px;z-index:61;background:#07583c;color:#fff;border-radius:999px;padding:11px 16px;display:flex;gap:9px;align-items:center;box-shadow:0 13px 30px rgba(6,74,49,.2)}.v15-chat div{display:flex;flex-direction:column}.v15-chat b{font-size:11px}.v15-chat small{font-size:8px;opacity:.8}.reveal{opacity:0;transform:translateY(18px);transition:.65s ease}.reveal.is-visible{opacity:1;transform:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-12px) rotate(5deg)}}
@media(max-width:1150px){.v15-hero{grid-template-columns:1fr 1fr}.v15-delivery-card{display:none}.v15-benefits{grid-template-columns:repeat(3,1fr)}.v15-product-grid{grid-template-columns:repeat(2,1fr)}.v15-category-row{grid-template-columns:1fr 1fr}.v15-category.loyalty{grid-column:1/-1}}@media(max-width:760px){.v15-hero{grid-template-columns:1fr;margin-top:10px}.v15-hero__copy{padding:38px 24px}.v15-hero h1{font-size:43px;letter-spacing:-2px}.v15-hero__visual{height:330px}.v15-benefits{grid-template-columns:1fr 1fr}.v15-products{grid-template-columns:1fr}.v15-product-grid{grid-template-columns:1fr 1fr}.v15-category-row,.v15-story>.container,.v15-review-grid{grid-template-columns:1fr}.v15-category.loyalty{grid-column:auto}.v15-story h2{font-size:34px}.v15-loyalty{display:none}}@media(max-width:520px){.v15-benefits,.v15-product-grid,.v15-story__stats{grid-template-columns:1fr}.v15-card{min-height:480px}.v15-card__media{height:210px}.v15-trust{gap:15px}.v15-review-grid{grid-template-columns:1fr}.v15-chat{left:12px}.v15-products{padding-top:45px}}

/* V16 live cart and premium polish */
.v15-delivery-card.is-complete{background:linear-gradient(145deg,#07583c,#0b7651);color:#fff;box-shadow:0 18px 48px rgba(7,88,60,.25)}
.v15-delivery-card.is-complete>b,.v15-delivery-card.is-complete>span,.v15-delivery-card.is-complete small{color:#fff}.v15-delivery-card.is-complete>div{background:rgba(255,255,255,.18)}.v15-delivery-card.is-complete i{background:linear-gradient(90deg,#ffd166,#ff9f1c);box-shadow:0 0 14px rgba(255,209,102,.65)}
.v15-card{isolation:isolate}.v15-card:before{content:"";position:absolute;inset:-1px;border-radius:21px;background:linear-gradient(135deg,rgba(255,107,0,.18),transparent 35%,rgba(7,88,60,.16));opacity:0;z-index:-1;transition:.3s}.v15-card:hover:before{opacity:1}.v15-card{position:relative}
.v15-add{position:relative;overflow:hidden}.v15-add:after{content:"";position:absolute;top:-50%;left:-80%;width:45%;height:200%;background:rgba(255,255,255,.26);transform:rotate(20deg);transition:.55s}.v15-add:hover:after{left:130%}
.v15-tabs button,.v15-btn,.v15-category,.v15-review-grid article{will-change:transform}.v15-tabs button:hover{transform:translateY(-2px)}
.v15-review-grid article:hover{transform:translateY(-5px);box-shadow:0 18px 42px rgba(8,52,35,.1);border-color:#cfe0d6}
.v15-benefits article:hover>span{animation:benefitPop .45s ease}.v15-benefits article{transition:.25s}.v15-benefits article:hover{background:#fbfdfb}
@keyframes benefitPop{50%{transform:translateY(-5px) scale(1.12)}}
@media(prefers-reduced-motion:reduce){.v15-orbit,.v15-leaf,.v15-paw{animation:none!important}.reveal{transition:none}.v15-card,.v15-btn,.v15-add:after{transition:none}}

/* V141 — stabilna sekcja Bestsellerów na telefonach */
.v15-products__content{min-width:0;max-width:100%}
.v15-tabs{
  overflow-x:auto;
  overflow-y:hidden;
  max-width:100%;
  min-width:0;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-inline:contain;
  touch-action:pan-x;
  scrollbar-width:none;
  scroll-snap-type:x proximity;
  padding:2px 2px 7px;
  cursor:grab;
}
.v15-tabs::-webkit-scrollbar{display:none}
.v15-tabs.is-dragging{cursor:grabbing;user-select:none}
.v15-tabs button{flex:0 0 auto;scroll-snap-align:start}

@media(max-width:640px){
  .v15-products{
    display:block;
    padding:42px 0 58px;
    overflow:visible;
  }
  .v15-products__intro{
    padding-inline:16px;
    margin-bottom:24px;
  }
  .v15-products__intro p{max-width:36rem;margin-bottom:18px}
  .v15-products__content{width:100%;overflow:visible}
  .v15-tabs{
    width:100%;
    padding-left:16px;
    padding-right:28px;
    margin-bottom:14px;
    scroll-padding-left:16px;
  }
  .v15-tabs:after{content:"";flex:0 0 8px}
  .v15-product-grid{
    display:flex;
    gap:14px;
    width:100%;
    max-width:100%;
    overflow-x:auto;
    overflow-y:hidden;
    padding:2px 16px 14px;
    scroll-padding-left:16px;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-inline:contain;
    touch-action:pan-x;
    scrollbar-width:none;
  }
  .v15-product-grid::-webkit-scrollbar{display:none}
  .v15-card{
    flex:0 0 min(82vw,320px);
    width:min(82vw,320px);
    min-width:min(82vw,320px);
    min-height:0;
    height:auto;
    scroll-snap-align:start;
    scroll-snap-stop:normal;
  }
  .v15-card__media{
    height:auto;
    min-height:0;
    aspect-ratio:1/0.82;
  }
  .v15-card__media img{
    width:82%;
    height:82%;
    max-width:250px;
    max-height:250px;
  }
  .v15-card__body{padding:14px}
  .v15-card h3{min-height:0;font-size:14px}
  .v15-card__desc{
    white-space:normal;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    line-height:1.45;
    min-height:2.9em;
  }
  .v15-card__spacer{min-height:10px}
  .v15-card__actions{grid-template-columns:72px minmax(0,1fr)}
  .v15-add{min-width:0;font-size:13px;padding-inline:10px}
}

@media(max-width:380px){
  .v15-card{flex-basis:86vw;width:86vw;min-width:86vw}
  .v15-card__actions{grid-template-columns:68px minmax(0,1fr)}
  .v15-add{font-size:12px}
}

/* V143 — mobilne gesty pionowe + czytelne sterowanie karuzelą */
.v15-tabs,
.v15-product-grid{
  touch-action:pan-x pan-y pinch-zoom;
}

.v143-carousel-shell{position:relative;min-width:0}
.v143-carousel-controls{
  display:none;
  align-items:center;
  justify-content:space-between;
  pointer-events:none;
}
.v143-carousel-arrow{
  pointer-events:auto;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border:1px solid rgba(7,88,60,.16);
  border-radius:50%;
  background:rgba(255,255,255,.96);
  color:#07583c;
  box-shadow:0 8px 24px rgba(5,63,43,.16);
  font:900 22px/1 Arial,sans-serif;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}
.v143-carousel-arrow:disabled{opacity:.3;cursor:default}
.v143-carousel-hint{
  display:none;
  align-items:center;
  justify-content:center;
  gap:7px;
  margin:2px 16px 10px;
  color:#6c7973;
  font-size:11px;
  font-weight:700;
}
.v143-carousel-hint:before{content:'↔';color:#08704b;font-size:16px}

@media(max-width:640px){
  .v15-tabs,
  .v15-product-grid{
    touch-action:pan-x pan-y pinch-zoom!important;
    overscroll-behavior-x:contain;
    overscroll-behavior-y:auto;
  }
  .v143-carousel-controls{
    display:flex;
    position:absolute;
    left:8px;
    right:8px;
    top:50%;
    z-index:8;
    transform:translateY(-50%);
  }
  .v143-carousel-shell--tabs .v143-carousel-controls{
    position:static;
    transform:none;
    justify-content:flex-end;
    gap:8px;
    margin:-4px 14px 7px;
  }
  .v143-carousel-shell--tabs .v143-carousel-arrow{width:36px;height:36px;font-size:18px}
  .v143-carousel-shell--products .v143-carousel-arrow:first-child{transform:translateX(-2px)}
  .v143-carousel-shell--products .v143-carousel-arrow:last-child{transform:translateX(2px)}
  .v143-carousel-hint{display:flex}
}


/* V150 — niezawodne kliknięcia w sekcji bestsellerów */
.v15-products__content,.v15-tabs,.v15-product-grid,.v15-card{position:relative}
.v15-products__content{z-index:2}
.v15-tabs{z-index:4}
.v15-product-grid{z-index:3}
.v15-tabs button,.v15-card a,.v15-card button{pointer-events:auto!important}
.v15-card__media,.v15-card__body{pointer-events:auto}
@media(min-width:641px){
  .v15-tabs,.v15-product-grid{cursor:default!important;user-select:auto!important}
}


/* V230 — dokładny filtr zwierzęcia w panelu i pełne kadrowanie bestsellerów */
.v15-card__media{padding:14px;box-sizing:border-box}
.v15-card__media>a{padding:0;box-sizing:border-box;overflow:hidden}
.v15-card__media img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  padding:8px!important;
  box-sizing:border-box!important;
  transform:none!important;
}
.v15-card:hover .v15-card__media img{transform:none!important}
@media(max-width:640px){
  .v15-card__media{padding:10px}
  .v15-card__media img{padding:6px!important}
}

/* V480: Omnibus disclosure */
.v15-omnibus,.catalog-omnibus{display:block;margin-top:4px;font-size:11px;line-height:1.35;color:#5f6f68;font-weight:600}.pd-omnibus{font-size:12px;line-height:1.45;color:#56665f;margin-top:6px}
\n\n/* V646 — kompaktowa sekcja ceny w kartach bestsellerów po dodaniu Omnibusa */
.v15-card__spacer{flex:1 1 auto!important;min-height:8px!important}
.v15-price{display:grid!important;grid-template-columns:max-content minmax(0,1fr)!important;align-items:baseline!important;column-gap:8px!important;row-gap:1px!important}
.v15-price .v15-omnibus{grid-column:1/-1!important;margin:1px 0 0!important;font-size:9.5px!important;line-height:1.25!important;font-weight:600!important;color:#6d7973!important}
.v15-stock{margin:4px 0 7px!important;line-height:1.25!important}
.v15-card__actions{margin-top:0!important}


/* ---- frontend/home-hero-gallery-v829.css ---- */
/* V206 — anti-FOUC boot: keep the original hero from flashing before the saved preset is applied. */
/* V829: hero is visible from the first paint; JS enhances content without a blank 0-900 ms phase. */
.v15-hero{opacity:1}

/* V200 — light futuristic / premium graffiti hero built specifically for FoxiWorld. */
.v15-hero.hero-v200-active{
 --bg:#edf9f5;--accent:#0c9f8b;--accent2:#84d7c7;--ink:#11251f;--spray:rgba(12,159,139,.18);
 display:grid!important;grid-template-columns:minmax(350px,34%) minmax(500px,46%) minmax(230px,20%)!important;
 height:470px!important;min-height:470px!important;padding:0!important;gap:0!important;overflow:hidden!important;isolation:isolate!important;
 border:1px solid rgba(15,91,72,.09)!important;border-radius:30px!important;background:
 radial-gradient(circle at 64% 18%,rgba(255,255,255,.96),transparent 27%),
 linear-gradient(112deg,var(--bg) 0%,color-mix(in srgb,var(--bg) 78%,white) 47%,var(--bg) 100%)!important;
 box-shadow:0 24px 70px rgba(28,80,67,.11)!important;position:relative!important;
}
.v15-hero.hero-v200-active::before{content:""!important;display:block!important;position:absolute!important;inset:0!important;pointer-events:none!important;z-index:0!important;opacity:.36!important;background-image:linear-gradient(rgba(16,92,75,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(16,92,75,.045) 1px,transparent 1px)!important;background-size:34px 34px!important;mask-image:linear-gradient(90deg,transparent 25%,#000 50%,transparent 92%)!important}
.v15-hero.hero-v200-active::after{content:""!important;display:block!important;position:absolute!important;left:31.5%!important;top:-15%!important;width:47%!important;height:130%!important;z-index:0!important;pointer-events:none!important;background:radial-gradient(ellipse at center,var(--spray),transparent 67%)!important;filter:blur(1px)!important}
.v15-hero.hero-v200-active .v15-hero__copy{grid-column:1!important;display:flex!important;flex-direction:column!important;justify-content:center!important;padding:38px 20px 34px 52px!important;position:relative!important;z-index:6!important;background:linear-gradient(90deg,color-mix(in srgb,var(--bg) 92%,white) 0%,color-mix(in srgb,var(--bg) 82%,white) 76%,transparent 100%)!important}
.v15-hero.hero-v200-active .v15-eyebrow{margin:0 0 15px!important;font-size:11px!important;line-height:1.2!important;letter-spacing:.18em!important;font-weight:800!important;color:var(--accent)!important;text-transform:uppercase!important}
.v15-hero.hero-v200-active h1{margin:0!important;max-width:465px!important;font-family:Manrope,DM Sans,sans-serif!important;font-size:clamp(38px,3vw,55px)!important;line-height:1.02!important;letter-spacing:-.052em!important;color:var(--ink)!important;font-weight:800!important}
.v15-hero.hero-v200-active h1 em{color:var(--accent)!important;font-style:normal!important;text-shadow:0 9px 28px color-mix(in srgb,var(--accent) 16%,transparent)!important}
.v15-hero.hero-v200-active .v15-hero__copy>p{margin:19px 0 23px!important;max-width:415px!important;color:#5f706b!important;font-size:16px!important;line-height:1.55!important}
.v15-hero.hero-v200-active .v15-actions{display:flex!important;align-items:center!important;gap:12px!important;margin:0!important;flex-wrap:wrap!important}
.v15-hero.hero-v200-active .v15-actions a{min-height:52px!important;padding:0 23px!important;border-radius:14px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-weight:800!important;transition:transform .2s ease,box-shadow .2s ease!important}
.v15-hero.hero-v200-active .v15-actions a:hover{transform:translateY(-2px)!important}
.v15-hero.hero-v200-active .v15-actions .primary{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 72%,#0b6f61))!important;color:white!important;box-shadow:0 13px 28px color-mix(in srgb,var(--accent) 25%,transparent)!important}
.v15-hero.hero-v200-active .v15-actions .ghost{background:rgba(255,255,255,.74)!important;border:1px solid rgba(25,91,74,.15)!important;backdrop-filter:blur(9px)!important;color:#21483d!important}
.v15-hero.hero-v200-active .v15-trust{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;margin-top:27px!important;max-width:420px!important}
.v15-hero.hero-v200-active .v15-trust span{position:relative!important;padding-left:0!important;font-size:10px!important;color:#6f7d79!important;line-height:1.32!important}
.v15-hero.hero-v200-active .v15-trust b{display:block!important;margin-bottom:5px!important;font-size:19px!important;color:var(--accent)!important;letter-spacing:-.02em!important}
.v15-hero.hero-v200-active .v15-hero__visual{grid-column:2!important;height:100%!important;position:relative!important;display:flex!important;align-items:flex-end!important;justify-content:center!important;overflow:visible!important;background:transparent!important;z-index:3!important;margin:0!important;min-width:0!important}
.v15-hero.hero-v200-active .v15-hero__visual::before{content:""!important;display:block!important;position:absolute!important;left:6%!important;right:1%!important;bottom:3%!important;height:72%!important;border-radius:45% 48% 13% 18%/45% 45% 13% 16%!important;background:radial-gradient(ellipse at 50% 70%,rgba(255,255,255,.96),rgba(255,255,255,.47) 48%,transparent 73%)!important;z-index:0!important}
.v15-hero.hero-v200-active .v15-hero__visual::after{content:""!important;display:block!important;position:absolute!important;left:-9%!important;top:0!important;bottom:0!important;width:23%!important;background:linear-gradient(90deg,var(--bg),color-mix(in srgb,var(--bg) 60%,transparent) 40%,transparent)!important;z-index:4!important;pointer-events:none!important}
.v15-hero.hero-v200-active .v15-hero__visual img{position:absolute!important;left:50%!important;bottom:-2%!important;transform:translateX(-50%)!important;width:auto!important;height:105%!important;max-width:116%!important;object-fit:contain!important;object-position:center bottom!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;filter:drop-shadow(0 18px 22px rgba(22,55,46,.12))!important;opacity:1!important;z-index:2!important;mix-blend-mode:normal!important;image-rendering:auto!important;mask-image:none!important;-webkit-mask-image:none!important}
.v15-hero.hero-v200-active .v15-orbit,.v15-hero.hero-v200-active .v15-leaf,.v15-hero.hero-v200-active .v15-paw{display:none!important}
.hero-v200-decor{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.hero-v200-decor i{position:absolute;display:block;font-style:normal}
.hero-v200-decor .spray{border-radius:50%;background:radial-gradient(circle,var(--accent) 0 2px,transparent 3px);background-size:18px 18px;opacity:.20;filter:blur(.2px)}
.hero-v200-decor .spray-a{width:150px;height:110px;left:5%;top:11%;transform:rotate(-13deg)}.hero-v200-decor .spray-b{width:130px;height:90px;right:4%;bottom:8%;transform:rotate(17deg)}
.hero-v200-decor .stroke{height:12px;border-radius:50%;border-top:4px solid var(--accent);opacity:.34;filter:drop-shadow(0 5px 5px color-mix(in srgb,var(--accent) 25%,transparent))}
.hero-v200-decor .stroke-a{width:190px;left:6%;bottom:16%;transform:rotate(-8deg)}.hero-v200-decor .stroke-b{width:135px;right:4%;top:19%;transform:rotate(15deg)}
.hero-v200-decor .ring{border:2px solid color-mix(in srgb,var(--accent) 58%,transparent);border-radius:50%;opacity:.28}.hero-v200-decor .ring-a{width:220px;height:220px;left:18%;top:13%}.hero-v200-decor .ring-b{width:92px;height:92px;right:9%;bottom:16%}
.hero-v200-decor .tag{left:10%;bottom:6%;font-family:Manrope,sans-serif;font-size:30px;font-weight:800;letter-spacing:-.055em;color:var(--accent);opacity:.115;transform:rotate(-7deg);text-transform:uppercase;filter:blur(.05px);text-shadow:0 1px 0 rgba(255,255,255,.32)}
.hero-v200-decor .paw{width:8px;height:8px;border-radius:50%;background:var(--accent);color:transparent;opacity:.3;box-shadow:11px -8px 0 -1px var(--accent),21px -4px 0 -2px var(--accent),14px 8px 0 4px var(--accent)}.hero-v200-decor .paw-1{left:7%;top:22%;transform:rotate(-20deg)}.hero-v200-decor .paw-2{right:13%;top:13%;transform:rotate(23deg)}
.v15-hero.hero-v200-active .v15-delivery-card{grid-column:3!important;align-self:center!important;justify-self:center!important;width:calc(100% - 38px)!important;max-width:242px!important;margin:0 18px 0 0!important;padding:23px!important;border:1px solid color-mix(in srgb,var(--accent) 14%,white)!important;border-radius:23px!important;background:rgba(255,255,255,.84)!important;backdrop-filter:blur(16px) saturate(1.1)!important;box-shadow:0 20px 42px rgba(31,79,67,.12)!important;position:relative!important;z-index:7!important}
.v15-hero.hero-v200-active .v15-delivery-card::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;border-radius:23px 0 0 23px;background:linear-gradient(var(--accent),transparent 75%);opacity:.7}
.v15-hero.hero-v200-active[data-hero-theme="mint"]{--bg:#edf9f5;--accent:#0c9f8b;--accent2:#84d7c7;--ink:#11251f;--spray:rgba(12,159,139,.18)}
.v15-hero.hero-v200-active[data-hero-theme="apricot"]{--bg:#fff5e8;--accent:#e79715;--accent2:#ffd08a;--ink:#292116;--spray:rgba(231,151,21,.18)}
.v15-hero.hero-v200-active[data-hero-theme="violet"]{--bg:#f5effd;--accent:#7952c9;--accent2:#c9b3f2;--ink:#241c31;--spray:rgba(121,82,201,.17)}
.v15-hero.hero-v200-active[data-hero-theme="aqua"]{--bg:#eafafa;--accent:#059d9c;--accent2:#8fe2df;--ink:#102b2a;--spray:rgba(5,157,156,.18)}
.v15-hero.hero-v200-active[data-hero-theme="rose"]{--bg:#fff0f3;--accent:#e24e72;--accent2:#f6a8ba;--ink:#301b20;--spray:rgba(226,78,114,.16)}
.v15-hero.hero-v200-active[data-hero-theme="sky"]{--bg:#eef6ff;--accent:#347dca;--accent2:#9dc8ef;--ink:#162538;--spray:rgba(52,125,202,.16)}
.v15-hero.hero-v200-active[data-hero-theme="sand"]{--bg:#fbf5ed;--accent:#b77a35;--accent2:#e0bd8f;--ink:#2c241b;--spray:rgba(183,122,53,.16)}
.v15-hero.hero-v200-active[data-hero-theme="electric"]{--bg:#eef5ff;--accent:#286fd1;--accent2:#7fb2ff;--ink:#13233a;--spray:rgba(40,111,209,.18)}
.v15-hero.hero-v200-active[data-hero-theme="sage"]{--bg:#f0f7ee;--accent:#538b54;--accent2:#a9cfa7;--ink:#1d2b1d;--spray:rgba(83,139,84,.17)}
.v15-hero.hero-v200-active[data-hero-theme="coral"]{--bg:#fff1e8;--accent:#e56f32;--accent2:#f5af86;--ink:#302019;--spray:rgba(229,111,50,.16)}
@media(max-width:1180px){.v15-hero.hero-v200-active{grid-template-columns:35% 45% 20%!important;height:430px!important;min-height:430px!important}.v15-hero.hero-v200-active .v15-hero__copy{padding-left:32px!important;padding-right:8px!important}.v15-hero.hero-v200-active h1{font-size:clamp(34px,4vw,48px)!important}.v15-hero.hero-v200-active .v15-hero__visual img{height:101%!important}.v15-hero.hero-v200-active .v15-delivery-card{width:calc(100% - 18px)!important;margin-right:8px!important;padding:17px!important}}
@media(max-width:900px){.v15-hero.hero-v200-active{grid-template-columns:1fr!important;height:auto!important;min-height:0!important}.v15-hero.hero-v200-active .v15-hero__copy{grid-column:1!important;padding:34px 24px 18px!important;background:linear-gradient(180deg,var(--bg),color-mix(in srgb,var(--bg) 80%,white))!important}.v15-hero.hero-v200-active .v15-hero__visual{grid-column:1!important;height:360px!important;overflow:hidden!important}.v15-hero.hero-v200-active .v15-hero__visual::after{left:0!important;right:0!important;top:0!important;width:100%!important;height:15%!important;background:linear-gradient(180deg,var(--bg),transparent)!important}.v15-hero.hero-v200-active .v15-hero__visual img{height:108%!important;max-width:104%!important}.v15-hero.hero-v200-active .v15-delivery-card{display:none!important}.hero-v200-decor .tag{display:none!important}}
@media(prefers-reduced-motion:reduce){.v15-hero.hero-v200-active .v15-actions a{transition:none!important}}

/* V640: current aqua hero uses one clear sales message; trust proof stays in the strip below. */
.v15-hero.hero-v200-active.hero-v640-clean .v15-trust{display:none!important}
.v15-hero.hero-v200-active.hero-v640-clean .v15-actions{margin-bottom:8px!important}


/* ---- frontend/premium-v17.css ---- */
/* FoxiWorld V17 – complete storefront polish */
:root{--v17-ease:cubic-bezier(.2,.8,.2,1)}
html{scroll-behavior:smooth}body{overflow-x:hidden}.fw-scroll-progress{position:fixed;left:0;top:0;height:3px;width:0;background:linear-gradient(90deg,#ff6b00,#ffb000,#0b6745);z-index:999;box-shadow:0 0 12px rgba(255,107,0,.45)}
.fw-header{transition:box-shadow .25s,transform .25s}.fw-header.is-condensed{box-shadow:0 12px 38px rgba(5,55,35,.12)}.fw-header.is-condensed .fw-header__main{height:70px}.fw-header__main{transition:height .25s var(--v17-ease)}
.fw-search{position:relative;overflow:visible}.fw-search-results{position:absolute;top:calc(100% + 9px);left:0;right:0;background:#fff;border:1px solid #e1e9e4;border-radius:18px;box-shadow:0 24px 65px rgba(7,53,36,.18);padding:8px;display:none;z-index:150}.fw-search-results.is-open{display:block}.fw-search-results__head{display:flex;justify-content:space-between;padding:9px 11px 7px;color:#7a857f;font-size:10px;font-weight:800;letter-spacing:.9px}.fw-search-result{display:grid;grid-template-columns:54px 1fr auto;gap:12px;align-items:center;padding:9px;border-radius:12px;text-decoration:none;color:#15201c}.fw-search-result:hover,.fw-search-result.is-active{background:#f3f8f4}.fw-search-result__image{width:54px;height:54px;border-radius:11px;background:#f6f7f4;display:grid;place-items:center;overflow:hidden;font-size:23px}.fw-search-result__image img{width:100%;height:100%;object-fit:contain}.fw-search-result b{display:block;font-size:12px}.fw-search-result small{display:block;margin-top:4px;color:#79847e;font-size:10px}.fw-search-result strong{font-size:13px;color:#07583c}.fw-search-results__all{display:flex;justify-content:center;padding:11px;color:#07583c;text-decoration:none;font-size:12px;font-weight:800;border-top:1px solid #edf1ee;margin-top:5px}
.fw-nav-toggle{display:none}.fw-mobile-menu{position:fixed;inset:0 auto 0 0;width:min(340px,90vw);z-index:250;background:#fff;box-shadow:30px 0 80px rgba(4,35,23,.22);transform:translateX(-105%);transition:.32s var(--v17-ease);padding:22px;overflow:auto}.fw-mobile-menu.is-open{transform:none}.fw-mobile-menu header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.fw-mobile-menu header button{width:38px;height:38px;border:1px solid #dfe7e2;border-radius:50%;background:#fff;font-size:23px}.fw-mobile-menu nav{display:grid;gap:6px}.fw-mobile-menu nav a{padding:14px;border-radius:12px;text-decoration:none;color:#1b2822;font-weight:700}.fw-mobile-menu nav a:hover{background:#f1f7f3;color:#07583c}.fw-mobile-backdrop{position:fixed;inset:0;background:rgba(4,28,18,.38);backdrop-filter:blur(3px);z-index:249;opacity:0;visibility:hidden;transition:.25s}.fw-mobile-backdrop.is-open{opacity:1;visibility:visible}
.fw-cart-shipping{margin:0 0 16px;padding:14px;border-radius:14px;background:#eef7f1}.fw-cart-shipping__top{display:flex;justify-content:space-between;font-size:11px;color:#405049}.fw-cart-shipping__top b{color:#07583c}.fw-cart-shipping__bar{height:6px;background:#d7e5dc;border-radius:999px;overflow:hidden;margin-top:10px}.fw-cart-shipping__bar i{display:block;height:100%;background:linear-gradient(90deg,#ff7b00,#ffbb29);width:0;transition:.4s}.fw-cart-item{grid-template-columns:72px 1fr auto!important}.fw-cart-item__meta{min-width:0}.fw-cart-item__meta b{white-space:normal}.fw-cart-item__controls{display:flex!important;flex-direction:row!important;align-items:center;gap:5px;margin-top:9px}.fw-cart-item__controls button{width:27px;height:27px;border-radius:8px;border:1px solid #dce5df;background:#fff;cursor:pointer}.fw-cart-item__controls span{min-width:20px;text-align:center;font-size:11px}.fw-cart-remove{align-self:center;border:0;background:transparent;color:#99a39e;cursor:pointer;font-size:18px}.fw-cart-remove:hover{color:#d94141}.fw-cart-drawer>footer small{display:block;color:#78847e;font-size:10px;margin:-8px 0 14px}
.fw-backtop{position:fixed;right:22px;bottom:24px;width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:#07583c;box-shadow:0 12px 32px rgba(7,63,42,.18);z-index:58;cursor:pointer;opacity:0;transform:translateY(10px);pointer-events:none;transition:.25s}.fw-backtop.is-visible{opacity:1;transform:none;pointer-events:auto}.fw-backtop:hover{background:#07583c;color:#fff}
.v17-finder{margin-bottom:70px;padding:38px;border-radius:28px;background:linear-gradient(135deg,#073f2d,#0b6a49);color:#fff;display:grid;grid-template-columns:1.05fr 1fr;gap:44px;position:relative;overflow:hidden}.v17-finder:before,.v17-finder:after{content:"🐾";position:absolute;font-size:120px;opacity:.045;transform:rotate(-18deg)}.v17-finder:before{right:38%;top:-25px}.v17-finder:after{right:-15px;bottom:-35px}.v17-finder h2{font:800 38px/1.1 Manrope;margin:8px 0 14px;letter-spacing:-1.5px}.v17-finder p{color:rgba(255,255,255,.76);line-height:1.65}.v17-finder__steps{display:grid;gap:10px;position:relative;z-index:2}.v17-finder__question{background:#fff;color:#17221e;border-radius:18px;padding:18px}.v17-finder__question small{display:block;color:#7a857f;font-weight:800;margin-bottom:11px}.v17-choice-row{display:flex;flex-wrap:wrap;gap:8px}.v17-choice{border:1px solid #dfe8e2;background:#f8faf8;border-radius:11px;padding:10px 14px;font-weight:700;cursor:pointer}.v17-choice.is-active{background:#07583c;color:#fff;border-color:#07583c}.v17-finder__result{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#ffefe1;color:#5a351b;border-radius:14px;padding:13px 15px;font-size:12px}.v17-finder__result a{padding:10px 14px;border-radius:10px;background:#ff6b00;color:#fff;text-decoration:none;font-weight:800;white-space:nowrap}
.v17-brands{padding:10px 0 70px}.v17-section-title{text-align:center;margin-bottom:25px}.v17-section-title span{font-size:10px;font-weight:800;letter-spacing:1.3px;color:#ff6b00}.v17-section-title h2{font:800 31px Manrope;margin:7px 0}.v17-brand-track{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.v17-brand-track>div{display:flex;width:max-content;gap:14px;animation:v17marquee 28s linear infinite}.v17-brand{width:170px;height:78px;border:1px solid #e4ebe6;border-radius:17px;background:#fff;display:flex;align-items:center;justify-content:center;gap:9px;font:800 16px Manrope;color:#496158;box-shadow:0 8px 25px rgba(7,55,37,.04)}.v17-brand span{font-size:25px}.v17-brand-track:hover>div{animation-play-state:paused}@keyframes v17marquee{to{transform:translateX(-50%)}}
.v17-recent{padding-bottom:70px}.v17-recent__head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:20px}.v17-recent__head h2{font:800 29px Manrope;margin:5px 0}.v17-recent__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.v17-mini-card{display:grid;grid-template-columns:90px 1fr;gap:13px;align-items:center;border:1px solid #e3eae6;border-radius:18px;padding:12px;text-decoration:none;color:#18231f;background:#fff;transition:.25s}.v17-mini-card:hover{transform:translateY(-4px);box-shadow:0 15px 34px rgba(7,55,37,.09)}.v17-mini-card__image{height:88px;border-radius:13px;background:#f7f7f4;display:grid;place-items:center;overflow:hidden;font-size:35px}.v17-mini-card img{width:100%;height:100%;object-fit:contain}.v17-mini-card b{font-size:12px;line-height:1.35;display:block}.v17-mini-card strong{display:block;margin-top:8px;color:#07583c}
.v17-faq{padding:70px 0;background:#f5f8f5}.v17-faq>.container{display:grid;grid-template-columns:.75fr 1.25fr;gap:60px}.v17-faq h2{font:800 36px/1.15 Manrope;margin:8px 0}.v17-faq p{color:#6e7b75;line-height:1.7}.v17-accordion{display:grid;gap:10px}.v17-accordion details{background:#fff;border:1px solid #e2e9e5;border-radius:16px;padding:0 18px}.v17-accordion summary{padding:18px 28px 18px 0;cursor:pointer;font-weight:800;position:relative;list-style:none}.v17-accordion summary:after{content:"+";position:absolute;right:0;font-size:22px;color:#07583c}.v17-accordion details[open] summary:after{content:"−"}.v17-accordion details p{margin:0 0 18px;font-size:13px}
.v15-card:focus-within{outline:3px solid rgba(11,103,69,.15);outline-offset:3px}.v15-heart{transition:.2s}.v15-heart:hover{transform:scale(1.08)}.v15-card__media:after{content:"Szybki podgląd";position:absolute;left:50%;bottom:12px;transform:translate(-50%,12px);opacity:0;padding:8px 13px;border-radius:999px;background:rgba(7,61,42,.9);color:#fff;font-size:10px;font-weight:800;pointer-events:none;transition:.25s}.v15-card:hover .v15-card__media:after{transform:translate(-50%,0);opacity:1}
@media(max-width:900px){.v17-finder,.v17-faq>.container{grid-template-columns:1fr}.v17-recent__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.fw-header.is-condensed .fw-header__main{height:auto}.fw-nav-toggle{display:grid;place-items:center;width:43px;height:43px;border:1px solid #dfe7e2;border-radius:13px;background:#fff;font-size:20px}.fw-tools{gap:8px}.fw-tools .fw-cart{padding-inline:7px}.fw-nav-wrap{display:none}.fw-search-results{position:fixed;left:12px;right:12px;top:128px}.v17-finder{padding:25px}.v17-finder h2{font-size:30px}.v17-recent__grid{grid-template-columns:1fr}.v17-faq{padding:50px 0}.v17-faq h2{font-size:30px}.fw-backtop{right:14px;bottom:78px}.v15-chat{bottom:14px}.v15-card__media:after{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.v17-brand-track>div{animation:none}.fw-search-results,.fw-mobile-menu,.fw-backtop{transition:none}}

.v17-brand-logo{width:48px!important;height:34px!important;display:grid!important;place-items:center!important}.v17-brand-logo img{max-width:46px;max-height:30px;object-fit:contain;display:block}

/* V126: stable sticky header — no height change while scrolling */
body:not(.admin-body) .fw-header,
body:not(.admin-body) .fw-header__main{
  transform:none!important;
}
body:not(.admin-body) .fw-header.is-condensed .fw-header__main{
  height:98px!important;
}
body:not(.admin-body) .fw-header{
  will-change:auto;
  transition:box-shadow .18s ease,background-color .18s ease!important;
}
@media(max-width:720px){
  body:not(.admin-body) .fw-header.is-condensed .fw-header__main{height:auto!important}
}


/* ---- frontend/future-v18.css ---- */
/* FoxiWorld V18 — Future Design System */
:root{
  --fx-ink:#071b16;--fx-green:#00563f;--fx-green-2:#0b7a59;--fx-mint:#dff8ee;
  --fx-orange:#ff6508;--fx-orange-2:#ff8a3d;--fx-cream:#fbfcf8;--fx-line:rgba(7,48,37,.11);
  --fx-glass:rgba(255,255,255,.76);--fx-shadow:0 22px 70px rgba(4,48,36,.10);
  --fx-radius:26px;--fx-ease:cubic-bezier(.22,1,.36,1);
}
html{scroll-behavior:smooth;background:#f8fbf7}
body{position:relative;isolation:isolate;background:
 radial-gradient(circle at 10% 18%,rgba(33,190,138,.08),transparent 24rem),
 radial-gradient(circle at 88% 8%,rgba(255,101,8,.07),transparent 22rem),
 linear-gradient(180deg,#fff 0,#f9fcf8 55%,#fff 100%);color:var(--fx-ink)}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;opacity:.28;background-image:radial-gradient(rgba(0,86,63,.17) .7px,transparent .7px);background-size:22px 22px;mask-image:linear-gradient(to bottom,transparent,#000 14%,#000 85%,transparent)}
body::after{content:"";position:fixed;width:420px;height:420px;border-radius:50%;pointer-events:none;z-index:-1;left:var(--fx-cursor-x,-500px);top:var(--fx-cursor-y,-500px);transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(61,230,171,.12),rgba(255,111,20,.04) 38%,transparent 68%);filter:blur(12px);transition:left .08s linear,top .08s linear}

/* unified fox mark */
.fw-logo__mark,.brand-fox{position:relative;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#fff0e5,#fff);box-shadow:inset 0 0 0 1px rgba(255,101,8,.18),0 10px 25px rgba(255,101,8,.12)}
.fw-logo__mark svg,.brand-fox svg{width:72%;height:72%;filter:drop-shadow(0 4px 4px rgba(0,0,0,.08))}

/* futuristic shell */
.fw-header{background:rgba(255,255,255,.84)!important;backdrop-filter:blur(22px) saturate(1.4);-webkit-backdrop-filter:blur(22px) saturate(1.4);border-bottom:1px solid rgba(0,86,63,.08);transition:.35s var(--fx-ease)}
body.is-scrolled .fw-header{box-shadow:0 18px 50px rgba(4,48,36,.10)}
.fw-search{position:relative;overflow:visible!important;background:rgba(248,251,248,.84)!important;border:1px solid rgba(0,86,63,.14)!important;box-shadow:inset 0 1px 0 #fff,0 12px 30px rgba(4,48,36,.05);transition:.3s var(--fx-ease)}
.fw-search:focus-within{transform:translateY(-2px);border-color:rgba(0,122,89,.42)!important;box-shadow:0 0 0 5px rgba(18,170,119,.09),0 18px 36px rgba(4,48,36,.09)}
.fw-search button,.btn-primary,.home-primary,.product-card button,.add-to-cart,.checkout-button{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(135deg,var(--fx-orange),#ff7c22)!important;box-shadow:0 12px 30px rgba(255,101,8,.20)!important;transition:transform .28s var(--fx-ease),box-shadow .28s var(--fx-ease)!important}
.fw-search button::after,.btn-primary::after,.home-primary::after,.add-to-cart::after,.checkout-button::after{content:"";position:absolute;inset:-100% -40%;z-index:-1;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.52) 50%,transparent 65%);transform:translateX(-70%) rotate(8deg);transition:transform .7s var(--fx-ease)}
.fw-search button:hover::after,.btn-primary:hover::after,.home-primary:hover::after,.add-to-cart:hover::after,.checkout-button:hover::after{transform:translateX(70%) rotate(8deg)}
.fw-search button:hover,.btn-primary:hover,.home-primary:hover,.add-to-cart:hover,.checkout-button:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(255,101,8,.28)!important}
.fw-nav a,.fw-nav button{border-radius:13px;transition:.25s var(--fx-ease)}
.fw-nav a:hover{background:rgba(0,86,63,.065);transform:translateY(-2px)}

/* glass surfaces across storefront and admin */
.product-card,.v12-product-card,.premium-product-card,.admin-card,.account-card,.cart-card,.checkout-card,.product-main,.product-panel,.filter-panel,.catalog-sidebar,.payment-card,.auth-card,.oms-card,.order-card,.home-benefit,.testimonial-card,.match-card,.recent-card{
  border:1px solid rgba(5,78,58,.10)!important;background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(250,253,250,.76))!important;
  box-shadow:0 16px 48px rgba(4,48,36,.07),inset 0 1px 0 rgba(255,255,255,.9)!important;
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)
}
.product-card,.v12-product-card,.premium-product-card{position:relative;transform-style:preserve-3d;transition:transform .42s var(--fx-ease),box-shadow .42s var(--fx-ease),border-color .42s var(--fx-ease)!important;overflow:hidden}
.product-card::before,.v12-product-card::before,.premium-product-card::before,.admin-card::before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(280px circle at var(--spot-x,50%) var(--spot-y,0%),rgba(58,226,166,.15),transparent 46%);opacity:0;transition:opacity .3s}
.product-card:hover::before,.v12-product-card:hover::before,.premium-product-card:hover::before,.admin-card:hover::before{opacity:1}
.product-card:hover,.v12-product-card:hover,.premium-product-card:hover{border-color:rgba(0,122,89,.25)!important;box-shadow:0 28px 70px rgba(4,48,36,.14)!important}
.product-card img,.v12-product-card img,.premium-product-card img{transition:transform .6s var(--fx-ease),filter .6s var(--fx-ease)}
.product-card:hover img,.v12-product-card:hover img,.premium-product-card:hover img{transform:translateY(-5px) scale(1.045);filter:drop-shadow(0 16px 16px rgba(0,0,0,.10))}

/* premium section rhythm */
main>section,.home-section,.catalog-shell,.product-page,.cart-page,.checkout-page,.account-page{position:relative}
.fw-section-kicker,.eyebrow{letter-spacing:.16em!important;font-weight:800!important;color:var(--fx-orange)!important}
h1,h2,h3{letter-spacing:-.035em;text-wrap:balance}

/* page reveal */
.fx-reveal{opacity:0;transform:translateY(26px) scale(.985);transition:opacity .75s var(--fx-ease),transform .75s var(--fx-ease)}
.fx-reveal.is-visible{opacity:1;transform:none}

/* Future page intro strip */
.fx-page-signal{width:min(1280px,calc(100% - 32px));margin:14px auto 0;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 14px;border-radius:16px;background:linear-gradient(90deg,rgba(0,86,63,.06),rgba(255,101,8,.055));border:1px solid rgba(0,86,63,.08);font-size:12px;color:#41635a}
.fx-page-signal strong{color:var(--fx-green);display:flex;align-items:center;gap:8px}
.fx-page-signal strong::before{content:"";width:7px;height:7px;border-radius:50%;background:#29c681;box-shadow:0 0 0 7px rgba(41,198,129,.12);animation:fxPulse 2s infinite}
@keyframes fxPulse{50%{box-shadow:0 0 0 12px rgba(41,198,129,0)}}

/* FOXI ORBIT */
.fx-orbit{position:fixed;right:24px;bottom:var(--fx-orbit-bottom,112px);z-index:1500;display:grid;justify-items:end;gap:12px}
.fx-orbit__trigger{width:62px;height:62px;border:0;border-radius:22px;cursor:pointer;color:#fff;background:linear-gradient(145deg,#00644a,#003f30);box-shadow:0 18px 46px rgba(0,73,54,.32),inset 0 1px 0 rgba(255,255,255,.25);display:grid;place-items:center;position:relative;transition:.35s var(--fx-ease)}
.fx-orbit__trigger::before{content:"";position:absolute;inset:-6px;border:1px solid rgba(17,186,128,.35);border-radius:27px;animation:orbitRing 3s linear infinite}
.fx-orbit__trigger svg{width:31px;height:31px;transition:.35s var(--fx-ease)}
.fx-orbit.is-open .fx-orbit__trigger{transform:rotate(-8deg) scale(1.05);background:linear-gradient(145deg,#ff6508,#ff8d45)}
.fx-orbit.is-open .fx-orbit__trigger svg{transform:rotate(18deg)}
@keyframes orbitRing{50%{transform:scale(1.08);opacity:.45}}
.fx-orbit__panel{width:min(360px,calc(100vw - 32px));padding:18px;border-radius:28px;background:rgba(250,253,250,.92);border:1px solid rgba(0,86,63,.13);box-shadow:0 30px 90px rgba(4,48,36,.22);backdrop-filter:blur(26px) saturate(1.5);transform-origin:bottom right;opacity:0;pointer-events:none;transform:translateY(18px) scale(.94);transition:.35s var(--fx-ease)}
.fx-orbit.is-open .fx-orbit__panel{opacity:1;pointer-events:auto;transform:none}
.fx-orbit__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.fx-orbit__head small{display:block;font-weight:800;letter-spacing:.14em;color:var(--fx-orange)}.fx-orbit__head b{font-size:18px}.fx-orbit__head span{font-size:22px}
.fx-orbit__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.fx-orbit__grid a,.fx-orbit__grid button{min-height:82px;border:1px solid rgba(0,86,63,.09);border-radius:18px;background:rgba(255,255,255,.8);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:var(--fx-ink);font:700 12px inherit;text-decoration:none;cursor:pointer;transition:.25s var(--fx-ease)}
.fx-orbit__grid a span,.fx-orbit__grid button span{font-size:23px}.fx-orbit__grid a:hover,.fx-orbit__grid button:hover{transform:translateY(-4px);border-color:rgba(0,122,89,.25);background:#fff;box-shadow:0 12px 28px rgba(4,48,36,.10)}
.fx-orbit__status{margin-top:11px;padding:11px 13px;border-radius:15px;background:linear-gradient(90deg,#e9fbf4,#fff5ed);display:flex;justify-content:space-between;align-items:center;font-size:12px}.fx-orbit__status b{color:var(--fx-green)}

/* command palette */
.fx-command-backdrop{position:fixed;inset:0;z-index:1600;background:rgba(4,22,17,.48);backdrop-filter:blur(10px);opacity:0;pointer-events:none;transition:.25s}
.fx-command-backdrop.is-open{opacity:1;pointer-events:auto}
.fx-command{position:absolute;top:10vh;left:50%;transform:translate(-50%,-12px);width:min(700px,calc(100% - 30px));border-radius:28px;background:#fff;box-shadow:0 40px 120px rgba(0,0,0,.24);overflow:hidden;transition:.3s var(--fx-ease)}
.fx-command-backdrop.is-open .fx-command{transform:translate(-50%,0)}
.fx-command__search{display:flex;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid var(--fx-line)}.fx-command__search span{font-size:24px}.fx-command__search input{flex:1;border:0;outline:0;font:700 18px inherit;background:transparent}.fx-command__search kbd{padding:5px 8px;border-radius:8px;background:#eef4f0;color:#60756f;font-size:11px}
.fx-command__results{padding:12px;max-height:55vh;overflow:auto}.fx-command__results a{display:flex;align-items:center;gap:13px;padding:12px;border-radius:16px;text-decoration:none;color:var(--fx-ink);transition:.2s}.fx-command__results a:hover,.fx-command__results a.is-active{background:#eff8f3}.fx-command__results a span{width:43px;height:43px;border-radius:13px;background:#f3f8f5;display:grid;place-items:center;overflow:hidden;font-size:20px}.fx-command__results img{width:100%;height:100%;object-fit:contain}.fx-command__results b{flex:1}.fx-command__results strong{color:var(--fx-green)}
.fx-command__empty{padding:40px;text-align:center;color:#768a84}

/* mobile dock */
.fx-mobile-dock{display:none}

/* Futuristic admin */
.admin-body{background:radial-gradient(circle at 20% 10%,rgba(0,122,89,.09),transparent 28rem),#f3f7f5!important}
.admin-sidebar{background:linear-gradient(180deg,#05251d,#07372a 65%,#041d17)!important;box-shadow:18px 0 60px rgba(0,30,22,.14)}
.admin-topbar{background:rgba(255,255,255,.82)!important;backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,86,63,.08)}
.admin-card{position:relative;overflow:hidden;border-radius:24px!important;transition:.32s var(--fx-ease)}
.admin-card:hover{transform:translateY(-2px);box-shadow:0 24px 62px rgba(4,48,36,.11)!important}
.admin-nav a{border:1px solid transparent;transition:.25s var(--fx-ease)}.admin-nav a:hover,.admin-nav a.active{background:rgba(255,255,255,.09)!important;border-color:rgba(255,255,255,.10);transform:translateX(4px)}
.admin-table tbody tr{transition:.2s}.admin-table tbody tr:hover{background:rgba(0,122,89,.045);transform:scale(1.002)}

/* forms */
input,select,textarea{transition:border-color .25s,box-shadow .25s,background .25s}input:focus,select:focus,textarea:focus{outline:none!important;border-color:rgba(0,122,89,.42)!important;box-shadow:0 0 0 5px rgba(0,122,89,.085)!important;background:#fff!important}

/* loading transition */
.fx-page-curtain{position:fixed;inset:0;z-index:3000;background:#f8fbf8;display:grid;place-items:center;pointer-events:none;opacity:0;visibility:hidden;transition:.22s}
.fx-page-curtain.is-active{opacity:1;visibility:visible}.fx-page-curtain span{width:44px;height:44px;border-radius:16px;background:linear-gradient(145deg,#ff6508,#ff8d45);display:grid;place-items:center;box-shadow:0 16px 36px rgba(255,101,8,.25);animation:curtainFox .7s var(--fx-ease) infinite alternate}.fx-page-curtain span::before{content:"🦊";font-size:23px}@keyframes curtainFox{to{transform:translateY(-8px) rotate(5deg)}}

@media(max-width:900px){
 body{padding-bottom:72px}.fx-orbit{right:16px;bottom:var(--fx-orbit-bottom,158px)}.fx-orbit__trigger{width:56px;height:56px;border-radius:19px}
 .fx-mobile-dock{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:10px;right:10px;bottom:9px;z-index:1400;padding:7px;border-radius:22px;background:rgba(255,255,255,.92);border:1px solid rgba(0,86,63,.11);box-shadow:0 18px 50px rgba(4,48,36,.18);backdrop-filter:blur(20px)}
 .fx-mobile-dock a,.fx-mobile-dock button{border:0;background:none;text-decoration:none;color:#597069;display:flex;flex-direction:column;align-items:center;gap:2px;font:700 10px inherit}.fx-mobile-dock span{font-size:20px}.fx-mobile-dock .is-active{color:var(--fx-green)}
 .fx-page-signal{display:none}.fw-header__main{gap:10px}.fw-tools{gap:5px}
}
@media(max-width:560px){.fx-orbit__panel{width:calc(100vw - 24px)}.fx-orbit{right:12px}.fx-command{top:5vh}.fx-orbit__grid{grid-template-columns:repeat(3,1fr)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}body::after{display:none}.fx-reveal{opacity:1;transform:none}}

/* V723: retired floating quick-action control */
.fx-orbit,.fx-orbit__panel,.fx-orbit__trigger{display:none!important;pointer-events:none!important}


/* ---- frontend/ui-scale-v28.css ---- */
/* FoxiWorld V28 — enlarged, denser UI without browser zoom or transforms */
:root{
  --fw-scale-font:17px;
  --fw-scale-container:1440px;
}
html{font-size:var(--fw-scale-font)}
body{font-size:1rem}

/* Storefront: wider usable area and larger core controls */
body:not(.admin-body) .container{width:min(100% - 44px,var(--fw-scale-container))}
body:not(.admin-body) .fw-topbar{height:40px;font-size:13px}
body:not(.admin-body) .fw-header__main{height:98px;grid-template-columns:290px minmax(360px,1fr) auto;gap:32px}
body:not(.admin-body) .fw-logo__mark{width:56px;height:56px;border-radius:18px;font-size:32px}
body:not(.admin-body) .fw-logo__text b{font-size:27px}
body:not(.admin-body) .fw-logo__text small{font-size:11px}
body:not(.admin-body) .fw-search{height:60px!important;border-radius:18px!important;grid-template-columns:54px minmax(0,1fr) auto!important}
body:not(.admin-body) .fw-search input[type="search"]{font-size:16px!important;padding-inline:16px!important}
body:not(.admin-body) .fw-search button{padding-inline:28px!important;font-size:15px}
body:not(.admin-body) .fw-tools>a{min-height:64px;padding:9px 12px}
body:not(.admin-body) .fw-tools>a>span{font-size:25px}
body:not(.admin-body) .fw-tools small{font-size:11px}
body:not(.admin-body) .fw-tools b{font-size:13px}
body:not(.admin-body) .fw-nav{height:58px}
body:not(.admin-body) .fw-nav a,
body:not(.admin-body) .fw-nav__all{font-size:14px;padding-inline:19px}
body:not(.admin-body) .fw-nav__all{padding-inline:23px}
body:not(.admin-body) main:not(.admin-main){min-height:450px}
body:not(.admin-body) .v12-catalog-main,
body:not(.admin-body) .product-page,
body:not(.admin-body) .cart-page,
body:not(.admin-body) .checkout-page,
body:not(.admin-body) .account-page{padding-top:26px}
body:not(.admin-body) .fw-footer{margin-top:76px}
body:not(.admin-body) .fw-newsletter{min-height:132px;padding:28px 38px}
body:not(.admin-body) .fw-newsletter__copy b{font-size:24px}
body:not(.admin-body) .fw-newsletter form{height:54px;min-width:min(100%,480px)}
body:not(.admin-body) .fw-footer__grid{gap:44px;padding-bottom:48px}

/* Common storefront cards and form controls */
body:not(.admin-body) button,
body:not(.admin-body) input,
body:not(.admin-body) select,
body:not(.admin-body) textarea{font-size:1rem}
body:not(.admin-body) .btn,
body:not(.admin-body) button[type="submit"]{min-height:48px}
body:not(.admin-body) .product-card,
body:not(.admin-body) .v12-product-card,
body:not(.admin-body) .v15-product-card{font-size:1.02rem}
body:not(.admin-body) .product-grid,
body:not(.admin-body) .v12-product-grid,
body:not(.admin-body) .v15-product-grid{gap:22px}

/* Chat follows the larger visual rhythm */
body:not(.admin-body) .v15-chat,
body:not(.admin-body) .fw-chat-launcher--left{min-width:170px!important;height:64px!important;min-height:64px!important}
body:not(.admin-body) .fw-chat-panel{width:min(430px,calc(100vw - 30px));height:min(650px,calc(100vh - 132px))}
body:not(.admin-body) .fw-chat-head{padding:20px 22px}
body:not(.admin-body) .fw-chat-msg{font-size:15px;padding:13px 15px}
body:not(.admin-body) .fw-chat-compose-row textarea{height:50px;min-height:50px}

/* Admin: larger, consistent and less empty */
.admin-body{font-size:16px}
.admin-sidebar{width:250px}
.admin-main{margin-left:250px}
.admin-topbar{height:78px;padding-inline:28px}
.admin-content{padding:26px 30px 38px;max-width:1760px;margin-inline:auto;width:100%;box-sizing:border-box}
.admin-search{height:48px;max-width:620px}
.admin-search input{font-size:14px}
.admin-icon-btn{width:46px;height:46px}
.admin-profile{min-height:52px;padding:6px 10px}
.admin-avatar{width:40px;height:40px}
.admin-nav a{min-height:46px;font-size:13px}
.admin-brand{min-height:82px}
.page-head{margin-bottom:20px}
.page-head h1{font-size:36px;line-height:1.12}
.page-head p{font-size:15px}
.admin-card{border-radius:18px}
.admin-card-head{padding:20px 22px}
.admin-stats{gap:16px}
.stat-card{padding:20px}
.btn{min-height:44px;padding-inline:16px;font-size:13px}
.toolbar,.filter-bar{padding:16px;border-radius:17px}
.admin-table th{font-size:11px;padding:13px 15px}
.admin-table td{font-size:13px;padding:15px}
.admin-modal-panel{width:min(760px,100%);padding:30px}
.admin-modal-panel input,.admin-modal-panel select,.admin-modal-panel textarea{min-height:46px;font-size:14px}
.admin-chat-layout{grid-template-columns:370px minmax(0,1fr);height:700px}
.admin-chat-thread-content{height:700px!important;max-height:calc(100vh - 220px)!important;min-height:560px!important}
.admin-chat-list-head input,.admin-chat-list-head select{height:46px}
.admin-chat-conversation{padding:17px}
.admin-chat-avatar{width:48px;height:48px}
.admin-chat-messages{padding:24px!important}
.admin-chat-message{font-size:14px;padding:13px 16px}
.admin-chat-reply-box textarea{min-height:64px;height:64px}

@media(max-width:1180px){
  body:not(.admin-body) .fw-header__main{grid-template-columns:235px minmax(260px,1fr);gap:20px}
  body:not(.admin-body) .fw-tools>a:not(.fw-cart){display:none}
  .admin-content{padding-inline:22px}
}
@media(max-width:820px){
  html{font-size:16px}
  body:not(.admin-body) .container{width:min(100% - 24px,var(--fw-scale-container))}
  body:not(.admin-body) .fw-header__main{height:auto;grid-template-columns:1fr auto;padding-block:13px}
  body:not(.admin-body) .fw-search{height:52px!important;grid-column:1/-1}
  body:not(.admin-body) .fw-nav{height:52px}
  .admin-sidebar{width:250px}
  .admin-main{margin-left:0}
  .admin-topbar{height:70px}
  .admin-content{padding:20px 16px 30px}
  .page-head h1{font-size:31px}
  .admin-chat-layout{grid-template-columns:1fr;height:auto}
  .admin-chat-thread-content{height:590px!important;min-height:500px!important}
}
@media(max-width:520px){
  body:not(.admin-body) .fw-logo__mark{width:48px;height:48px}
  body:not(.admin-body) .fw-logo__text b{font-size:23px}
  body:not(.admin-body) .fw-search button{padding-inline:18px!important}
  body:not(.admin-body) .v15-chat,
  body:not(.admin-body) .fw-chat-launcher--left{min-width:158px!important;height:58px!important;min-height:58px!important}
}


/* ---- frontend/wishlist-v90.css ---- */
.v15-heart,.v12-favorite,#wishBtn,[data-favorite],[data-wishlist]{transition:transform .18s ease,color .18s ease,background .18s ease,border-color .18s ease}
.v15-heart.is-active,.v12-favorite.is-active,[data-favorite].is-active,[data-wishlist].is-active{color:#e53935;background:#fff4f3;border-color:#ffd2cf}
.v15-heart.is-popping,.v12-favorite.is-popping,#wishBtn.is-popping,[data-favorite].is-popping,[data-wishlist].is-popping{animation:foxiHeartPop .34s ease}
@keyframes foxiHeartPop{0%{transform:scale(1)}45%{transform:scale(1.28)}100%{transform:scale(1)}}
.foxi-wishlist-toast{position:fixed;left:50%;bottom:28px;z-index:100000;transform:translate(-50%,20px);opacity:0;background:#0a5f43;color:#fff;padding:12px 18px;border-radius:12px;font-weight:800;box-shadow:0 14px 38px rgba(0,0,0,.2);pointer-events:none;transition:.22s ease}
.foxi-wishlist-toast.show{transform:translate(-50%,0);opacity:1}


/* ---- frontend/responsive-performance-v829.css ---- */
/* FoxiWorld V127 — responsive layout and lightweight scrolling */
:root{--fw-mobile-gutter:16px}
html{scrollbar-gutter:stable;overscroll-behavior-y:none;-webkit-text-size-adjust:100%}
body{min-width:0;overflow-x:hidden;touch-action:pan-y}
img{max-width:100%}

/* Smaller quick preview in list view */
.v12-products-grid.is-list .v12-quick-view{
  width:min(118px,calc(100% - 24px))!important;
  height:30px!important;
  bottom:10px!important;
  padding:0 10px!important;
  border-radius:8px!important;
  font-size:8px!important;
  line-height:30px!important;
  box-shadow:0 5px 13px rgba(6,74,49,.14)!important;
}
.v12-products-grid.is-list .v12-product-media{padding-bottom:48px!important}

/* V829: avoid global style invalidation during scroll; performance rules are static. */

/* Catalog rendering containment */
.v12-catalog-content,.v12-products-grid{min-width:0}
.v12-product-card{contain:layout paint style;transform:translateZ(0)}
.v12-product-media img{backface-visibility:hidden}

@media (hover:none),(pointer:coarse){
  .v12-product-card:hover,.v15-card:hover,.v17-mini-card:hover{transform:none!important}
  .v12-product-card:hover .v12-product-media img,.v12-product-card:hover .v12-product-emoji{transform:none!important}
  .v12-quick-view{opacity:1!important;transform:translate(-50%,0)!important}
  .v12-product-card,.v15-card,.v17-mini-card{transition:none!important}
  .fw-header,.v12-header,.site-header{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#fff!important}
}

/* Tablet */
@media(max-width:1100px){
  .container{width:min(100% - 32px,1240px)!important}
  .v12-catalog-shell{grid-template-columns:230px minmax(0,1fr)!important;gap:20px!important}
  .v12-products-grid:not(.is-list){grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .v12-header-main{grid-template-columns:210px minmax(260px,1fr) auto!important;gap:16px!important}
  .v12-user-tools a{padding-inline:7px!important}
  .v12-category-nav a{padding-inline:12px!important}
  .fw-footer__grid,.v12-footer-grid{gap:28px!important}
}

/* Small tablet / large phone */
@media(max-width:900px){
  .container{width:calc(100% - 28px)!important}
  .v12-topbar{display:none!important}
  .v12-header,.fw-header,.site-header{background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .v12-header-main{grid-template-columns:auto minmax(0,1fr) auto!important;height:auto!important;min-height:72px!important;gap:12px!important;padding-block:10px!important}
  .v12-logo>span:last-child small,.v12-user-tools a:not(.v12-cart-link) div{display:none!important}
  .v12-search{height:44px!important}
  .v12-user-tools{gap:2px!important}
  .v12-user-tools a{min-width:42px!important;padding:5px!important;justify-content:center!important}
  .v12-category-nav-wrap{overflow:hidden!important}
  .v12-category-nav{overflow-x:auto!important;scroll-snap-type:x proximity;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
  .v12-category-nav>a,.v12-category-nav>button{scroll-snap-align:start;flex:0 0 auto!important}
  .v12-catalog-shell{display:block!important}
  .v12-filter-panel{position:fixed!important;left:0!important;top:0!important;bottom:0!important;width:min(360px,90vw)!important;max-height:none!important;z-index:400!important;transform:translateX(-105%);transition:transform .22s ease!important;overflow-y:auto!important;border-radius:0 20px 20px 0!important}
  .v12-filter-panel.is-open{transform:none!important}
  .v12-filter-overlay.is-open{display:block!important;position:fixed!important;inset:0!important;z-index:399!important;background:rgba(8,31,22,.42)!important}
  #mobileFiltersButton{display:flex!important}
  .v12-catalog-header{align-items:flex-start!important}
  .v12-service-strip{grid-template-columns:repeat(2,1fr)!important}
  .v12-footer-grid,.fw-footer__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .v12-newsletter,.fw-newsletter{padding:20px!important;gap:18px!important}
}

/* Phones */
@media(max-width:720px){
  :root{--fw-mobile-gutter:14px}
  .container{width:calc(100% - 24px)!important}
  .v12-header-main{grid-template-columns:auto 1fr auto!important;min-height:64px!important;padding-block:8px!important}
  .v12-logo-mark{width:42px!important;height:42px!important;font-size:23px!important}
  .v12-logo>span:last-child{display:none!important}
  .v12-search{order:4;grid-column:1/-1;width:100%!important;margin-top:2px!important}
  .v12-user-tools a:not(.v12-cart-link){display:none!important}
  .v12-cart-link div small{display:none!important}
  .v12-category-nav{height:48px!important}
  .v12-category-nav a,.v12-all-categories{padding-inline:13px!important;font-size:11px!important}
  .v12-catalog-main{padding-top:16px!important}
  .v12-breadcrumbs{font-size:10px!important;margin-bottom:14px!important}
  .v12-catalog-header{display:grid!important;gap:14px!important;margin-bottom:12px!important}
  .v12-catalog-header h1{font-size:27px!important;letter-spacing:-1px!important}
  .v12-catalog-controls{width:100%!important;justify-content:space-between!important}
  .v12-sort{min-width:0!important;flex:1!important}
  .v12-chips{overflow-x:auto!important;flex-wrap:nowrap!important;padding-bottom:4px!important;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .v12-chips::-webkit-scrollbar{display:none}
  .v12-chips button{flex:0 0 auto!important;height:36px!important;padding-inline:13px!important}
  .v12-products-grid,.v12-products-grid:not(.is-list){grid-template-columns:1fr!important;gap:12px!important}
  .v12-products-grid.is-list .v12-product-card{grid-template-columns:112px minmax(0,1fr)!important;border-radius:15px!important}
  .v12-products-grid.is-list .v12-product-media{min-height:190px!important;height:auto!important;padding:10px 8px 44px!important;overflow:hidden!important}
  .v12-products-grid.is-list .v12-product-body{padding:13px!important}
  .v12-products-grid.is-list .v12-product-card h2{font-size:14px!important;line-height:1.3!important}
  .v12-products-grid.is-list .v12-product-card p{display:none!important}
  .v12-products-grid.is-list .v12-product-actions{grid-template-columns:64px 1fr!important;max-width:none!important}
  .v12-products-grid.is-list .v12-quick-view{width:96px!important;height:28px!important;font-size:7.5px!important;line-height:28px!important;bottom:8px!important}
  .v12-product-media{height:220px!important}
  .v12-service-strip{grid-template-columns:1fr!important}
  .v12-service-strip article{border-right:0!important;border-bottom:1px solid var(--v12-line)!important;min-height:68px!important}
  .v12-service-strip article:last-child{border-bottom:0!important}
  .v12-newsletter,.fw-newsletter{transform:none!important;margin-top:0!important;flex-direction:column!important;align-items:stretch!important;border-radius:18px!important;padding:18px!important}
  .v12-newsletter form,.fw-newsletter form{min-width:0!important;width:100%!important}
  .v12-footer,.fw-footer{margin-top:48px!important;padding-top:18px!important}
  .v12-footer-grid,.fw-footer__grid{grid-template-columns:1fr!important;gap:22px!important;padding-bottom:18px!important}
  .fw-footer__legal{grid-template-columns:1fr!important}
  .fw-footer__payments{align-items:flex-start!important}
  .fw-footer__payments img{max-width:100%!important;height:auto!important}
  .fw-footer__bottom,.v12-footer-bottom{flex-direction:column!important;gap:8px!important;text-align:center!important}
  .order-modal-panel{width:100%!important;padding:18px!important}
  .account-layout{grid-template-columns:1fr!important}
  .account-sidebar{position:static!important}
  input,select,textarea,button{font-size:16px}
}

@media(max-width:420px){
  .container{width:calc(100% - 20px)!important}
  .v12-header-main{gap:8px!important}
  .v12-search input{font-size:13px!important;padding-inline:10px!important}
  .v12-search button{padding-inline:14px!important}
  .v12-catalog-header h1{font-size:24px!important}
  .v12-view-toggle{display:none!important}
  .v12-products-grid.is-list .v12-product-card{grid-template-columns:102px minmax(0,1fr)!important}
  .v12-products-grid.is-list .v12-product-actions{grid-template-columns:1fr!important}
  .v12-products-grid.is-list .v12-qty{display:none!important}
  .v12-product-price strong{font-size:17px!important}
  .fw-backtop{right:12px!important;bottom:14px!important;width:40px!important;height:40px!important}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
.fw-offscreen,.fw-offscreen *{animation-play-state:paused!important}
/* With 12 visible products per page, eager card layout scrolls more smoothly than content-visibility activation. */
.v12-product-card{content-visibility:visible!important;contain-intrinsic-size:auto!important;transform:none!important}

/* V128 — complete narrow-screen navigation and always-accessible filters */
.v128-filter-trigger{display:none;position:relative;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 15px;border:1px solid #dce7e1;border-radius:12px;background:#fff;color:#07583c;font-weight:800;white-space:nowrap;box-shadow:0 5px 16px rgba(6,74,49,.06);cursor:pointer}
.v128-filter-trigger span{font-size:17px}.v128-filter-trigger b{font-size:12px}.v128-filter-trigger em{position:absolute;right:-5px;top:-6px;min-width:19px;height:19px;padding:0 5px;display:grid;place-items:center;border-radius:999px;background:#ff641e;color:#fff;font:800 10px/1 "DM Sans",sans-serif;font-style:normal;border:2px solid #fff}
.v128-nav-contact{color:#07583c!important;background:#eef8f3!important}

@media(max-width:900px){
  .v128-filter-trigger{display:flex}
  .v12-category-nav-wrap{display:block!important;visibility:visible!important;position:relative!important;width:100%!important;border-top:1px solid #e8efeb!important;border-bottom:1px solid #e8efeb!important;background:#fff!important;overflow:hidden!important}
  .v12-category-nav{display:flex!important;visibility:visible!important;width:100%!important;min-height:48px!important;height:auto!important;justify-content:flex-start!important;gap:6px!important;padding:5px max(14px,calc((100vw - 1240px)/2))!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;scroll-snap-type:x proximity!important;-webkit-overflow-scrolling:touch!important}
  .v12-category-nav::-webkit-scrollbar{display:none!important}
  .v12-category-nav>a,.v12-category-nav>button{flex:0 0 auto!important;height:38px!important;padding:0 13px!important;border-radius:11px!important;font-size:11px!important;scroll-snap-align:start!important}
  .v12-all-categories{min-width:auto!important;box-shadow:none!important}
  .v128-nav-contact{margin-left:0!important}
  .v12-catalog-controls{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:10px!important;align-items:center!important}
  .v12-view-toggle{display:none!important}
  .v12-sort{width:100%!important;min-width:0!important}
  .v12-sort select{width:100%!important;min-width:0!important}
}

@media(max-width:560px){
  body{padding-bottom:76px!important}
  .v12-header{position:relative!important}
  .v12-header-main{padding-bottom:10px!important}
  .v12-category-nav-wrap{position:relative!important;z-index:20!important}
  .v12-category-nav{padding-left:10px!important;padding-right:10px!important}
  .v12-catalog-controls{grid-template-columns:112px minmax(0,1fr)!important;margin-top:16px!important}
  .v128-filter-trigger{height:44px!important;padding-inline:12px!important}
  .v12-sort{height:44px!important}
  .v12-sort span{font-size:9px!important}
  .v12-sort select{font-size:14px!important}
  .v12-chips{margin-top:10px!important;max-width:100%!important}
  .v12-chips button{max-width:none!important}
  .v12-active-filters{max-width:100%!important;overflow-x:auto!important;flex-wrap:nowrap!important;scrollbar-width:none!important}
  .v12-active-filters::-webkit-scrollbar{display:none!important}
  .v12-filter-panel{width:min(350px,94vw)!important;padding-bottom:calc(20px + env(safe-area-inset-bottom))!important}
  .v12-filter-heading{position:sticky!important;top:0!important;z-index:2!important;background:#fff!important}
  .v12-filter-actions{position:sticky!important;bottom:0!important;z-index:2!important;background:#fff!important;border-top:1px solid #e8efeb!important;padding-bottom:calc(15px + env(safe-area-inset-bottom))!important}
}

@media(max-width:360px){
  .v12-catalog-controls{grid-template-columns:104px minmax(0,1fr)!important;gap:7px!important}
  .v128-filter-trigger{padding-inline:9px!important}
  .v128-filter-trigger b{font-size:11px!important}
  .v12-category-nav>a,.v12-category-nav>button{padding-inline:11px!important;font-size:10.5px!important}
}

/* Unified storefront header: no contact overlap on tablets and phones. */
@media(max-width:1050px){
  .fw-nav-wrap{display:block!important;overflow:hidden!important;background:#fff!important}
  .fw-nav{display:flex!important;overflow-x:auto!important;overflow-y:hidden!important;justify-content:flex-start!important;scrollbar-width:none!important;scroll-snap-type:x proximity!important;-webkit-overflow-scrolling:touch!important}
  .fw-nav::-webkit-scrollbar,.fw-nav__links::-webkit-scrollbar{display:none!important}
  .fw-nav__links{display:contents!important}
  .fw-nav a,.fw-nav__all{flex:0 0 auto!important;scroll-snap-align:start!important}
  .fw-nav__contact{position:static!important;right:auto!important;margin-left:0!important;box-shadow:none!important;border-left:0!important}
}
@media(max-width:720px){
  .fw-nav{height:48px!important;padding-inline:10px!important;gap:5px!important}
  .fw-nav a,.fw-nav__all{height:38px!important;margin-block:5px!important;padding-inline:12px!important;font-size:11px!important}
  .fw-nav__all{margin-right:0!important}
}


/* V135 — stable scrolling and collision-free storefront header. */
body:not(.admin-body) .fw-header.is-condensed .fw-header__main,
body:not(.admin-body) .fw-header__main{
  transform:none!important;
}
body:not(.admin-body) .fw-header.is-condensed .fw-header__main{
  height:inherit!important;
}
@media (max-width:1050px){
  body:not(.admin-body) .fw-header{position:relative!important;top:auto!important}
  body:not(.admin-body) .fw-header__main{
    height:auto!important;
    min-height:0!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:auto auto!important;
    gap:10px 12px!important;
    padding-block:12px!important;
    align-items:center!important;
  }
  body:not(.admin-body) .fw-logo{grid-column:1;grid-row:1;min-width:0!important}
  body:not(.admin-body) .fw-tools{grid-column:2;grid-row:1;justify-self:end;min-width:0!important}
  body:not(.admin-body) .fw-search{
    grid-column:1/-1!important;
    grid-row:2!important;
    width:100%!important;
    min-width:0!important;
    height:50px!important;
    margin:0!important;
  }
  body:not(.admin-body) .fw-nav-wrap{position:relative!important;z-index:2!important;clear:both!important}
  body:not(.admin-body) .fw-nav{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x proximity!important;
    scrollbar-width:none!important;
  }
  body:not(.admin-body) .fw-nav::-webkit-scrollbar{display:none!important}
  body:not(.admin-body) .fw-nav__all,
  body:not(.admin-body) .fw-nav a{flex:0 0 auto!important;position:static!important;scroll-snap-align:start!important}
  body:not(.admin-body) .fw-nav__links{display:contents!important}
  body:not(.admin-body) .fw-nav__contact{margin-left:0!important;box-shadow:none!important}
}
@media (max-width:720px){
  body:not(.admin-body) .fw-logo__text small{display:none!important}
  body:not(.admin-body) .fw-tools .fw-cart div{display:none!important}
  body:not(.admin-body) .fw-search{height:48px!important}
}
html,body{scroll-behavior:auto!important;overflow-y:auto!important}

/* v136: stable mobile/tablet filter drawer interaction */
@media (max-width: 900px){
  body.filters-open{overflow:hidden!important;overscroll-behavior:none!important}
  body.filters-open .v12-filter-panel{
    position:fixed!important;
    inset:0 auto 0 0!important;
    width:min(360px,94vw)!important;
    height:100vh!important;
    height:100dvh!important;
    min-height:100vh!important;
    max-height:100dvh!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-y!important;
    pointer-events:auto!important;
    isolation:isolate!important;
    contain:layout paint!important;
    background:#fff!important;
    z-index:5000!important;
    transform:translate3d(0,0,0)!important;
  }
  body.filters-open .v12-filter-panel *{pointer-events:auto!important}
  body.filters-open .v12-filter-overlay{
    display:block!important;
    position:fixed!important;
    inset:0!important;
    z-index:4990!important;
    pointer-events:auto!important;
  }
  /* Sticky footer created a transparent hit-area on some Chromium tablet widths. */
  body.filters-open .v12-filter-actions{
    position:static!important;
    inset:auto!important;
    z-index:auto!important;
    transform:none!important;
    background:#fff!important;
  }
  body.filters-open .v12-filter-heading{
    position:sticky!important;
    top:0!important;
    z-index:5!important;
    background:#fff!important;
  }
  /* Floating UI must never intercept controls inside the open drawer. */
  body.filters-open .fx-mobile-dock,
  body.filters-open .fw-chat-launcher,
  body.filters-open .fw-chat-launcher--left,
  body.filters-open .fx-orbit,
  body.filters-open .fw-backtop{
    pointer-events:none!important;
    visibility:hidden!important;
  }
  .v12-check-list{position:relative!important;z-index:1!important}
  .v12-filter-section,.v12-price-values,.v12-price-range,.v12-switch-row{position:relative!important;z-index:1!important}
}

/* V137 — definitive header layout for 1051–1180px.
   Keep logo, search and cart in one explicit row. The earlier two-column
   breakpoint caused the third grid item (cart) to fall into the navigation row. */
@media (min-width:1051px) and (max-width:1180px){
  body:not(.admin-body) .fw-header__main{
    display:grid!important;
    grid-template-columns:minmax(190px,225px) minmax(300px,1fr) max-content!important;
    grid-template-rows:88px!important;
    align-items:center!important;
    column-gap:14px!important;
    row-gap:0!important;
    height:88px!important;
    min-height:88px!important;
    padding-block:0!important;
  }
  body:not(.admin-body) .fw-logo{
    grid-column:1!important;
    grid-row:1!important;
    min-width:0!important;
    max-width:100%!important;
  }
  body:not(.admin-body) .fw-logo__mark{
    width:50px!important;
    height:50px!important;
    flex:0 0 50px!important;
  }
  body:not(.admin-body) .fw-logo__text{
    min-width:0!important;
  }
  body:not(.admin-body) .fw-logo__text b{
    font-size:23px!important;
    white-space:nowrap!important;
  }
  body:not(.admin-body) .fw-logo__text small{
    font-size:10px!important;
    white-space:nowrap!important;
  }
  body:not(.admin-body) .fw-search{
    grid-column:2!important;
    grid-row:1!important;
    width:100%!important;
    min-width:0!important;
    height:54px!important;
    margin:0!important;
  }
  body:not(.admin-body) .fw-search button{
    padding-inline:20px!important;
  }
  body:not(.admin-body) .fw-tools{
    grid-column:3!important;
    grid-row:1!important;
    display:flex!important;
    align-items:center!important;
    justify-self:end!important;
    min-width:max-content!important;
    width:auto!important;
    margin:0!important;
    position:static!important;
    transform:none!important;
  }
  body:not(.admin-body) .fw-tools>a:not(.fw-cart){display:none!important}
  body:not(.admin-body) .fw-tools .fw-cart{
    position:relative!important;
    inset:auto!important;
    margin:0!important;
    min-width:112px!important;
    max-width:128px!important;
    min-height:58px!important;
    padding:7px 9px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:8px!important;
    background:transparent!important;
  }
  body:not(.admin-body) .fw-tools .fw-cart>span{font-size:24px!important}
  body:not(.admin-body) .fw-tools .fw-cart div{display:flex!important;min-width:0!important}
  body:not(.admin-body) .fw-tools .fw-cart small,
  body:not(.admin-body) .fw-tools .fw-cart b{white-space:nowrap!important}
  body:not(.admin-body) .fw-tools .fw-cart em{
    top:2px!important;
    left:23px!important;
  }
  body:not(.admin-body) .fw-nav-wrap{
    position:relative!important;
    z-index:2!important;
    clear:both!important;
  }
  body:not(.admin-body) .fw-nav{
    width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
  }
  body:not(.admin-body) .fw-nav__all{
    flex:0 0 auto!important;
    position:static!important;
    margin-right:8px!important;
  }
  body:not(.admin-body) .fw-nav__links{
    display:flex!important;
    flex:1 1 auto!important;
    min-width:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
  }
  body:not(.admin-body) .fw-nav__links::-webkit-scrollbar{display:none!important}
  body:not(.admin-body) .fw-nav__links>a{flex:0 0 auto!important}
  body:not(.admin-body) .fw-nav__contact{
    flex:0 0 auto!important;
    position:static!important;
    margin-left:0!important;
    box-shadow:none!important;
  }

  /* Original V12 header, before shared storefront replacement completes. */
  body:not(.admin-body) .v12-header-main{
    display:grid!important;
    grid-template-columns:minmax(190px,225px) minmax(300px,1fr) max-content!important;
    grid-template-rows:88px!important;
    align-items:center!important;
    gap:0 14px!important;
    height:88px!important;
    min-height:88px!important;
    padding-block:0!important;
  }
  body:not(.admin-body) .v12-logo{grid-column:1!important;grid-row:1!important;min-width:0!important}
  body:not(.admin-body) .v12-search{grid-column:2!important;grid-row:1!important;min-width:0!important;width:100%!important}
  body:not(.admin-body) .v12-user-tools{
    grid-column:3!important;
    grid-row:1!important;
    justify-self:end!important;
    min-width:max-content!important;
    position:static!important;
  }
  body:not(.admin-body) .v12-user-tools>a:not(.v12-cart-link){display:none!important}
  body:not(.admin-body) .v12-cart-link{position:relative!important;inset:auto!important;margin:0!important}
}


/* V138 — search suggestions must never be clipped by the responsive header.
   At tablet and compact-desktop widths the list is attached to the viewport,
   sized from the live search-field rectangle and given its own scroll area. */
body:not(.admin-body) .fw-search{
  position:relative!important;
  overflow:visible!important;
  isolation:visible!important;
  z-index:420!important;
}
body:not(.admin-body) .fw-header,
body:not(.admin-body) .fw-header__main{
  overflow:visible!important;
}
body:not(.admin-body) .fw-search-results{
  box-sizing:border-box!important;
  min-width:0!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch;
}
@media (max-width:1180px){
  body:not(.admin-body) .fw-search-results.is-viewport-positioned{
    position:fixed!important;
    left:var(--fw-search-left)!important;
    right:auto!important;
    top:var(--fw-search-top)!important;
    width:var(--fw-search-width)!important;
    max-width:calc(100vw - 20px)!important;
    max-height:var(--fw-search-max-height)!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    z-index:2147483000!important;
    margin:0!important;
    transform:none!important;
  }
  body:not(.admin-body) .fw-search-result{
    grid-template-columns:46px minmax(0,1fr) auto!important;
    gap:10px!important;
  }
  body:not(.admin-body) .fw-search-result__image{
    width:46px!important;
    height:46px!important;
  }
  body:not(.admin-body) .fw-search-result>span:nth-child(2){min-width:0!important}
  body:not(.admin-body) .fw-search-result b{
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    line-height:1.3!important;
  }
  body:not(.admin-body) .fw-search-result strong{white-space:nowrap!important}
}
@media (max-width:560px){
  body:not(.admin-body) .fw-search-results.is-viewport-positioned{
    left:8px!important;
    width:calc(100vw - 16px)!important;
    max-width:none!important;
  }
  body:not(.admin-body) .fw-search-result{
    grid-template-columns:42px minmax(0,1fr)!important;
  }
  body:not(.admin-body) .fw-search-result strong{
    grid-column:2!important;
    justify-self:start!important;
    margin-top:-3px!important;
  }
}

/* V139 — keep primary shopping actions fully clickable on compact layouts.
   Foxi Orbit is useful on wide desktop, but on the catalogue it can cover the
   last product-card CTA. The mobile dock already exposes the same actions, so
   the floating orbit is removed from the product listing below 1180px. */
@media (max-width:1180px){
  body.catalog-page .fx-orbit{
    display:none!important;
    pointer-events:none!important;
  }
  body.catalog-page .v12-product-actions,
  body.catalog-page .v12-add-cart,
  body.catalog-page .v12-qty{
    position:relative!important;
    z-index:5!important;
    pointer-events:auto!important;
  }
  body.catalog-page .v12-add-cart:not(:disabled){
    cursor:pointer!important;
  }
}

/* On every page the compact mobile dock replaces Foxi Orbit. Keeping both
   floating controls visible only creates click-obscuring collisions. */
@media (max-width:900px){
  body:not(.admin-body) .fx-orbit{
    display:none!important;
    pointer-events:none!important;
  }
}

/* V146 — lightweight storefront: remove decorative motion that costs frames. */
html{scroll-behavior:auto!important}
body::after,.fw-scroll-progress,.fx-page-curtain{display:none!important}
.v15-orbit,.v15-leaf,.v15-paw,.premium-pet-stage,.floating-proof,
.fx-page-signal strong::before,.fx-orbit__trigger::before,
.foxiworld-loading-mark,.oms-loading::before{animation:none!important}
.reveal,.reveal.is-visible,.v12-reveal,.v12-reveal.v12-visible,
.fx-reveal,.fx-reveal.is-visible{opacity:1!important;transform:none!important;transition:none!important}
.v15-card,.v15-card__media img,.v17-mini-card,.v15-btn,.v15-category>b,
.fw-header,.fw-header__main,.fw-search,.fw-backtop,.fw-toast,
.fx-orbit,.fx-orbit__panel,.fx-command-backdrop,.fw-mobile-menu,
.fw-mobile-backdrop,.fw-cart-drawer,.fw-cart-backdrop{will-change:auto!important}
.v15-card:hover,.v17-mini-card:hover{transform:none!important}
.v15-card:hover img,.v15-category:hover>b,.v15-heart:hover{transform:none!important}
.v15-benefits article:hover>span{animation:none!important}
@media (hover:hover) and (pointer:fine){
  a,button,input,select,textarea{transition-duration:.12s!important}
}
@media (max-width:1180px){
  .fw-header,.admin-topbar,.fw-toast,.floating-proof,.checkout-auth-modal__backdrop,
  .order-modal-backdrop{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .v15-card,.v12-product-card,.product-card{box-shadow:0 4px 14px rgba(12,55,39,.055)!important}
}

.v17-brand-track>div{animation:v17marquee 42s linear infinite!important}.v17-brand-track:hover>div{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){.v17-brand-track>div{animation:none!important}}

/* V723: retired floating quick-action control */
.fx-orbit,.fx-orbit__panel,.fx-orbit__trigger{display:none!important;pointer-events:none!important}


/* ---- frontend/brand-v140.css ---- */
/* FoxiWorld brand system v140 — supplied official artwork */
:root{--foxiworld-mark:url('/assets/brand/foxiworld-mark-ui-v844.webp?v=844');--foxiworld-full-logo:url('/assets/brand/foxiworld-logo-full.webp')}

/* Shared compact mark. Keep text beside it readable at every breakpoint. */
.brand-fox,.fw-logo__mark,.v12-logo-mark,.v12-logo__mark{
  width:58px!important;height:58px!important;min-width:58px!important;display:grid!important;place-items:center!important;
  padding:0!important;border:0!important;border-radius:16px!important;background:transparent!important;box-shadow:none!important;
  font-size:0!important;line-height:0!important;transform:none!important;overflow:visible!important
}
.brand-fox img,.fw-logo__mark img,.v12-logo-mark img,.v12-logo__mark img,
.brand-fox svg,.fw-logo__mark svg,.v12-logo-mark svg,.v12-logo__mark svg{
  width:100%!important;height:100%!important;display:block!important;object-fit:contain!important;filter:none!important
}
.fw-logo,.v12-logo,.brand{align-items:center!important}
.fw-logo__text,.v12-logo>span:last-child{min-width:0}

/* Admin identity */
.admin-brand>span:first-child{
  width:54px!important;height:54px!important;min-width:54px!important;display:grid!important;place-items:center!important;
  padding:0!important;border-radius:16px!important;background:rgba(255,255,255,.98)!important;box-shadow:0 10px 26px rgba(0,0,0,.14)!important;
  font-size:0!important;overflow:hidden!important
}
.admin-brand>span:first-child img{width:100%;height:100%;object-fit:contain;display:block}

/* Customer/auth/payment branding */
.checkout-auth-fox,.contact-map-badge>span:first-child,.auth-pet-art>span:first-child{
  font-size:0!important;background-image:var(--foxiworld-mark)!important;background-repeat:no-repeat!important;
  background-position:center!important;background-size:contain!important
}
.checkout-auth-fox{background-color:rgba(255,255,255,.9)!important}

/* Foxi Orbit: official compact mark, without the former fox SVG. */
.fx-orbit__trigger{background:#fff!important;padding:7px!important;overflow:hidden!important;box-shadow:0 15px 42px rgba(54,17,10,.24),0 0 0 6px rgba(139,35,24,.10)!important}
.fx-orbit__trigger img{width:100%!important;height:100%!important;object-fit:contain!important;display:block!important}

/* Premium loading curtain using the supplied full logo. */
.fx-page-curtain{background:rgba(255,255,255,.94)!important;backdrop-filter:blur(12px)!important}
.fx-page-curtain span{
  width:min(360px,72vw)!important;height:min(310px,58vw)!important;border-radius:30px!important;
  background:rgba(255,255,255,.98) var(--foxiworld-full-logo) center/contain no-repeat!important;
  border:1px solid rgba(113,29,22,.10)!important;box-shadow:0 28px 85px rgba(67,22,15,.18)!important;
  animation:foxiworldBrandPulse 1.15s ease-in-out infinite alternate!important
}
.fx-page-curtain span::before{content:none!important}
@keyframes foxiworldBrandPulse{from{transform:translateY(4px) scale(.985);opacity:.88}to{transform:translateY(-4px) scale(1);opacity:1}}

/* Branded lightweight loading states used before API content is ready. */
.product-error:has(+ :not(*)),.oms-loading{position:relative}
.oms-loading::before{content:"";display:block;width:86px;height:78px;margin:0 auto 14px;background:var(--foxiworld-mark) center/contain no-repeat;animation:foxiworldBrandPulse 1.1s ease-in-out infinite alternate}

/* Fallback if JS is blocked: display the mark as a CSS image. */
.brand-fox:empty,.fw-logo__mark:empty,.v12-logo-mark:empty,.v12-logo__mark:empty{background-image:var(--foxiworld-mark)!important;background-position:center!important;background-size:contain!important;background-repeat:no-repeat!important}

@media(max-width:1180px){
  .brand-fox,.fw-logo__mark,.v12-logo-mark,.v12-logo__mark{width:52px!important;height:52px!important;min-width:52px!important}
}
@media(max-width:720px){
  .brand-fox,.fw-logo__mark,.v12-logo-mark,.v12-logo__mark{width:46px!important;height:46px!important;min-width:46px!important;border-radius:13px!important}
  .fx-page-curtain span{width:min(300px,82vw)!important;height:min(270px,72vw)!important;border-radius:24px!important}
}
@media(prefers-reduced-motion:reduce){.fx-page-curtain span,.oms-loading::before{animation:none!important}}

/* V723: retired floating quick-action control */
.fx-orbit,.fx-orbit__panel,.fx-orbit__trigger{display:none!important;pointer-events:none!important}


/* ---- frontend/newsletter-mobile-v142.css ---- */
/* FoxiWorld V142 - stable mobile newsletter layout */
@media (max-width: 720px) {
  body:not(.admin-body) .fw-footer {
    overflow: visible;
  }

  body:not(.admin-body) .fw-newsletter,
  body:not(.admin-body) .v12-newsletter {
    box-sizing: border-box;
    width: min(100% - 24px, 1240px) !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 auto !important;
    padding: 22px 18px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 18px !important;
    overflow: visible !important;
    transform: none !important;
    border-radius: 20px !important;
  }

  body:not(.admin-body) .fw-newsletter__copy,
  body:not(.admin-body) .v12-newsletter > div {
    min-width: 0;
    width: 100%;
    align-items: center;
    gap: 13px !important;
  }

  body:not(.admin-body) .fw-newsletter__copy > span,
  body:not(.admin-body) .v12-newsletter > div > span {
    flex: 0 0 42px;
    width: 42px !important;
    height: 42px !important;
    font-size: 24px !important;
  }

  body:not(.admin-body) .fw-newsletter__copy > div,
  body:not(.admin-body) .v12-newsletter > div > div {
    min-width: 0;
  }

  body:not(.admin-body) .fw-newsletter__copy b,
  body:not(.admin-body) .v12-newsletter b {
    font-size: clamp(19px, 6vw, 24px) !important;
    line-height: 1.16 !important;
    overflow-wrap: anywhere;
  }

  body:not(.admin-body) .fw-newsletter__copy small,
  body:not(.admin-body) .v12-newsletter small {
    display: block;
    margin-top: 5px;
    font-size: 13px !important;
    line-height: 1.35 !important;
  }

  body:not(.admin-body) .fw-newsletter form,
  body:not(.admin-body) .v12-newsletter form {
    box-sizing: border-box;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    background: transparent !important;
    border-radius: 0 !important;
    overflow: visible !important;
  }

  body:not(.admin-body) .fw-newsletter input,
  body:not(.admin-body) .fw-newsletter button,
  body:not(.admin-body) .v12-newsletter input,
  body:not(.admin-body) .v12-newsletter button {
    box-sizing: border-box;
    display: block;
    width: 100% !important;
    min-width: 0 !important;
    height: 48px !important;
    min-height: 48px !important;
    margin: 0 !important;
    border-radius: 12px !important;
  }

  body:not(.admin-body) .fw-newsletter input,
  body:not(.admin-body) .v12-newsletter input {
    padding: 0 15px !important;
    font-size: 16px !important;
  }

  body:not(.admin-body) .fw-newsletter button,
  body:not(.admin-body) .v12-newsletter button {
    padding: 0 16px !important;
    font-size: 15px !important;
    line-height: 48px !important;
    white-space: nowrap;
    cursor: pointer;
  }

  body:not(.admin-body) .fw-footer__grid,
  body:not(.admin-body) .v12-footer-grid {
    padding-top: 34px !important;
  }
}

@media (max-width: 380px) {
  body:not(.admin-body) .fw-newsletter,
  body:not(.admin-body) .v12-newsletter {
    width: calc(100% - 16px) !important;
    padding: 20px 14px !important;
  }

  body:not(.admin-body) .fw-newsletter__copy > span,
  body:not(.admin-body) .v12-newsletter > div > span {
    flex-basis: 36px;
    width: 36px !important;
    height: 36px !important;
    font-size: 21px !important;
  }
}


/* ---- frontend/storefront-header-v166.css ---- */
/* FoxiWorld V166 — one consistent storefront header/navigation on every public page. */
:root{--fw-header-font:"DM Sans",Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--fw-header-heading:"Manrope","DM Sans",Inter,system-ui,sans-serif}
body:not(.admin-body) .fw-topbar,
body:not(.admin-body) .fw-header,
body:not(.admin-body) .fw-header button,
body:not(.admin-body) .fw-header input,
body:not(.admin-body) .fw-header a,
body:not(.admin-body) .fw-header small,
body:not(.admin-body) .fw-header b{font-family:var(--fw-header-font)!important;font-style:normal}
body:not(.admin-body) .fw-logo__text b{font-family:var(--fw-header-heading)!important;font-size:24px!important;font-weight:800!important;line-height:1!important;letter-spacing:-1px!important}
body:not(.admin-body) .fw-logo__text small{font-family:var(--fw-header-font)!important;font-size:10px!important;font-weight:400!important;line-height:1.2!important;letter-spacing:.15px!important}
body:not(.admin-body) .fw-search input{font-family:var(--fw-header-font)!important;font-size:14px!important;font-weight:500!important;line-height:normal!important}
body:not(.admin-body) .fw-search button{font-family:var(--fw-header-font)!important;font-size:13px!important;font-weight:800!important;line-height:1!important}
body:not(.admin-body) .fw-tools small{font-family:var(--fw-header-font)!important;font-size:10px!important;font-weight:400!important;line-height:1.05!important}
body:not(.admin-body) .fw-tools b{font-family:var(--fw-header-font)!important;font-size:12px!important;font-weight:700!important;line-height:1.05!important}
body:not(.admin-body) .fw-nav a,
body:not(.admin-body) .fw-nav__all,
body:not(.admin-body) .fw-nav__contact{font-family:var(--fw-header-font)!important;font-size:14px!important;font-weight:700!important;line-height:1!important;letter-spacing:0!important;text-transform:none!important}
body:not(.admin-body) .fw-nav__all{font-weight:800!important}
body:not(.admin-body) .fw-nav__contact{font-weight:800!important}
body:not(.admin-body) .fw-topbar{font-family:var(--fw-header-font)!important;font-size:12px!important;font-weight:500!important}
body:not(.admin-body) .fw-topbar a{font-family:var(--fw-header-font)!important;font-size:12px!important;font-weight:500!important}
/* Do not allow page-specific styles to resize or restyle the shared shell. */
body:not(.admin-body) .fw-header *{box-sizing:border-box}
body:not(.admin-body) .fw-nav a,
body:not(.admin-body) .fw-nav button{box-shadow:none}
@media(max-width:720px){body:not(.admin-body) .fw-logo__text b{font-size:21px!important}body:not(.admin-body) .fw-nav a,body:not(.admin-body) .fw-nav__all,body:not(.admin-body) .fw-nav__contact{font-size:12px!important}}


/* ---- frontend/unit-price-v228.css ---- */
.unit-price,.v12-unit-price,.v15-unit-price,.pd-unit-price,.detail-unit-price,.v220-unit-price,.v221-unit-price{display:block;margin-top:3px;color:#596861;font-size:12px;font-weight:700;line-height:1.25;letter-spacing:.01em}.pd-unit-price,.detail-unit-price{font-size:14px;margin-top:6px;color:#52645c}.admin-unit-price-box{grid-column:1/-1;display:grid;grid-template-columns:minmax(230px,1.4fr) repeat(3,minmax(150px,.7fr));gap:12px;align-items:end;padding:16px;border:1px solid #dce9e2;border-radius:16px;background:#f7fbf9}.admin-unit-price-box>div:first-child{align-self:center}.admin-unit-price-box b{display:block;color:#173d31}.admin-unit-price-box small{display:block;margin-top:4px;color:#6b7c75;line-height:1.4}.admin-unit-price-preview{grid-column:1/-1;border-radius:10px;background:#eaf6f0;color:#17664e;padding:10px 12px;font-size:12px;font-weight:700}@media(max-width:900px){.admin-unit-price-box{grid-template-columns:1fr 1fr}.admin-unit-price-box>div:first-child,.admin-unit-price-preview{grid-column:1/-1}}@media(max-width:560px){.admin-unit-price-box{grid-template-columns:1fr}}

/* ---- frontend/storefront-stability-v302.css ---- */
/* FoxiWorld V300 — one stable storefront interaction and product layout layer. */
:root{
  --fw-product-border:#dfe8e3;
  --fw-product-shadow:0 8px 24px rgba(10,54,38,.055);
  --fw-product-radius:18px;
}

/* Hidden fixed interfaces never cover the shop. Visibility is controlled only by state classes. */
.fw-chat-panel:not(.open),
.fw-cart-drawer:not(.is-open),
.fw-cart-backdrop:not(.is-open),
.fw-mobile-backdrop:not(.is-open),
.checkout-auth-modal[hidden],
.order-modal[hidden]{
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
.fw-chat-panel.open,
.fw-cart-drawer.is-open,
.fw-cart-backdrop.is-open,
.fw-mobile-backdrop.is-open{
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}

/* Product surfaces: no transforms, no decorative hit areas, stable stacking. */
.v15-products,.v15-products__content,.v143-carousel-shell,
.v15-product-grid,.v15-card,.v12-products-grid,.v12-product-card,
.product-grid,.products-grid,.product-card{
  min-width:0;
}
.v15-card,.v12-product-card,.product-card,.premium-product-card{
  position:relative;
  isolation:isolate;
  transform:none!important;
  transition:border-color .16s ease,box-shadow .16s ease!important;
  border-color:var(--fw-product-border)!important;
  border-radius:var(--fw-product-radius)!important;
  box-shadow:var(--fw-product-shadow)!important;
  overflow:hidden;
}
.v15-card::before,.v15-card::after,.v15-card__media::before,.v15-card__media::after,
.v12-product-card::before,.v12-product-card::after,.v12-product-media::before,.v12-product-media::after,
.product-card::before,.product-card::after{
  pointer-events:none!important;
}
.v15-card:hover,.v12-product-card:hover,.product-card:hover{
  transform:none!important;
  box-shadow:0 11px 28px rgba(10,54,38,.08)!important;
}
.v15-card a,.v15-card button,.v12-product-card a,.v12-product-card button,
.product-card a,.product-card button,[data-add],[data-add-to-cart],.add-to-cart,.v15-add,.v12-add-cart{
  position:relative;
  z-index:2;
  pointer-events:auto!important;
  touch-action:manipulation;
}

/* Catalog: 3 columns on wide screens, 2 on medium, 1 on compact. */
.v12-products-grid:not(.is-list){
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:20px!important;
  align-items:stretch;
  overflow:visible!important;
}
.v12-product-card{display:flex!important;flex-direction:column!important;min-height:610px!important}
.v12-product-media{
  height:340px!important;
  min-height:340px!important;
  padding:18px!important;
  background:#fff!important;
  overflow:hidden!important;
  border-bottom:1px solid #edf2ef!important;
}
.v12-product-media>a{display:flex!important;width:100%!important;height:100%!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}
.v12-product-media img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:94%!important;
  max-height:94%!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
  scale:1!important;
  filter:none!important;
  image-rendering:auto!important;
}
.v12-product-body{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;padding:17px!important}
.v12-product-actions{margin-top:auto!important;position:relative!important;z-index:3!important}

/* Home bestsellers: four equal cards on desktop. */
.v15-product-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
  overflow:visible!important;
}
.v15-card{display:flex!important;flex-direction:column!important;min-height:570px!important}
.v15-card__media{
  height:292px!important;
  min-height:292px!important;
  padding:16px!important;
  background:#fff!important;
  overflow:hidden!important;
}
.v15-card__media>a{display:flex!important;width:100%!important;height:100%!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}
.v15-card__media img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:94%!important;
  max-height:94%!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
  scale:1!important;
  filter:none!important;
  image-rendering:auto!important;
}
.v15-card__body{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;padding:16px!important}
.v15-card__actions{margin-top:auto!important;position:relative!important;z-index:3!important}

/* Existing carousel controls: only actual buttons receive pointer events. */
.v143-carousel-controls{pointer-events:none!important}
.v143-carousel-arrow{pointer-events:auto!important;touch-action:manipulation!important}

/* Reduce expensive effects only in product areas. */
.v15-card,.v12-product-card,.product-card,
.v15-card img,.v12-product-card img,.product-card img{
  animation:none!important;
}

@media (max-width:1279px){
  .v12-products-grid:not(.is-list){grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .v15-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .v12-product-media{height:330px!important;min-height:330px!important}
  .v15-card__media{height:300px!important;min-height:300px!important}
  .v15-loyalty{display:none!important;pointer-events:none!important}
}

@media (max-width:760px){
  .v12-products-grid:not(.is-list){grid-template-columns:1fr!important;gap:16px!important}
  .v12-product-card{min-height:560px!important}
  .v12-product-media{height:310px!important;min-height:310px!important;padding:14px!important}

  /* Bestseller becomes a native horizontal scroller. No overflow hacks on parents. */
  .v143-carousel-shell--products{width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important}
  .v15-product-grid{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:14px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:2px 16px 14px!important;
    scroll-snap-type:x mandatory!important;
    scroll-behavior:smooth!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-x:contain!important;
    touch-action:auto!important;
    scrollbar-width:none!important;
  }
  .v15-product-grid::-webkit-scrollbar{display:none!important}
  .v15-product-grid>.v15-card{
    flex:0 0 min(84vw,340px)!important;
    width:min(84vw,340px)!important;
    min-width:min(84vw,340px)!important;
    scroll-snap-align:start!important;
    min-height:550px!important;
  }
  .v15-card__media{height:285px!important;min-height:285px!important;padding:14px!important}
  .v143-carousel-controls{display:flex!important;z-index:12!important}
}

@media (max-width:420px){
  .v15-product-grid>.v15-card{flex-basis:88vw!important;width:88vw!important;min-width:88vw!important}
  .v12-product-media{height:290px!important;min-height:290px!important}
}

@media (prefers-reduced-motion:reduce){
  .v15-card,.v12-product-card,.product-card,.v15-product-grid{scroll-behavior:auto!important;transition:none!important}
}

/* V301 — customer-facing text must remain selectable and copyable. */
html,body,
main,section,article,header,footer,nav,aside,
p,span,small,strong,b,em,i,h1,h2,h3,h4,h5,h6,
li,dt,dd,blockquote,figcaption,label,legend,td,th,
a,a *,.v15-card,.v15-card *,.v12-product-card,.v12-product-card *,
.product-card,.product-card *,.premium-product-card,.premium-product-card *,
.product-detail,.product-detail *,.legal-content,.legal-content *{
  -webkit-user-select:text!important;
  user-select:text!important;
}

/* Controls and purely draggable/visual elements keep normal interaction behavior. */
button,input,select,textarea,option,
[role="button"],[draggable="true"],
.v143-carousel-arrow,.gallery-drag-handle,
img,svg,canvas,video{
  -webkit-user-select:none!important;
  user-select:none!important;
}

::selection{background:rgba(20,125,82,.22);color:inherit}
::-moz-selection{background:rgba(20,125,82,.22);color:inherit}

/* V302 — stable favourite control in the top-right corner of every product image. */
.v15-card__media,
.v12-product-media,
.product-card__media,
.product-image,
.premium-product-card .product-media{
  position:relative!important;
}

.v15-card__media > .v15-heart,
.v12-product-media > .v12-favorite,
.product-card__media > [data-favorite],
.product-image > [data-favorite],
.premium-product-card .product-media > [data-favorite],
.v15-heart,
.v12-favorite{
  position:absolute!important;
  top:14px!important;
  right:14px!important;
  bottom:auto!important;
  left:auto!important;
  margin:0!important;
  transform:none!important;
  translate:none!important;
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  min-height:38px!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid #dce5e0!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.96)!important;
  color:#26352f!important;
  font-size:19px!important;
  line-height:1!important;
  box-shadow:0 5px 14px rgba(13,55,40,.08)!important;
  z-index:30!important;
  cursor:pointer!important;
  pointer-events:auto!important;
}

.v15-heart:hover,
.v12-favorite:hover,
[data-favorite]:hover{
  transform:none!important;
  border-color:#b9cec3!important;
  background:#fff!important;
}

.v15-heart.is-active,
.v12-favorite.is-active,
[data-favorite].is-active,
[data-wishlist].is-active{
  color:#e54848!important;
  border-color:#f0c4c1!important;
  background:#fff5f4!important;
}

/* Keep badge and heart on separate sides without collisions. */
.v15-badge,
.v12-product-badge{
  top:14px!important;
  left:14px!important;
  right:auto!important;
  z-index:20!important;
}

/* Slightly better use of the image area without zooming the source file. */
.v15-card__media img,
.v12-product-media img{
  max-width:96%!important;
  max-height:96%!important;
}

@media (max-width:760px){
  .v15-card__media > .v15-heart,
  .v12-product-media > .v12-favorite,
  .v15-heart,
  .v12-favorite{
    top:12px!important;
    right:12px!important;
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
    font-size:18px!important;
  }
  .v15-badge,.v12-product-badge{top:12px!important;left:12px!important}
}


/* ---- frontend/storefront-accessibility-v304.css ---- */
/* FoxiWorld V304 — copyable storefront text and reliable desktop unit prices. */

/* Customer-facing content is normal document text. Keep selection available
   even inside cards, links, headers, drawers and product detail sections. */
body:not(.admin-body),
body:not(.admin-body) main,
body:not(.admin-body) main *,
body:not(.admin-body) header,
body:not(.admin-body) header *,
body:not(.admin-body) footer,
body:not(.admin-body) footer *,
body:not(.admin-body) nav,
body:not(.admin-body) nav *,
body:not(.admin-body) aside,
body:not(.admin-body) aside *,
body:not(.admin-body) .v15-card,
body:not(.admin-body) .v15-card *,
body:not(.admin-body) .v12-product-card,
body:not(.admin-body) .v12-product-card *,
body:not(.admin-body) .product-card,
body:not(.admin-body) .product-card *,
body:not(.admin-body) .pd-hero,
body:not(.admin-body) .pd-hero *,
body:not(.admin-body) .pd-content-grid,
body:not(.admin-body) .pd-content-grid * {
  -webkit-user-select: text !important;
  user-select: text !important;
}

/* Native controls and visual media remain controls, not selectable text. */
body:not(.admin-body) button,
body:not(.admin-body) input,
body:not(.admin-body) select,
body:not(.admin-body) textarea,
body:not(.admin-body) option,
body:not(.admin-body) [role="button"],
body:not(.admin-body) img,
body:not(.admin-body) svg,
body:not(.admin-body) canvas,
body:not(.admin-body) video {
  -webkit-user-select: none !important;
  user-select: none !important;
}

/* Prevent the browser's ghost-image/link drag from interrupting a text copy
   gesture started next to product names or descriptions. */
body:not(.admin-body) a,
body:not(.admin-body) img {
  -webkit-user-drag: none;
}

::selection { background: rgba(20,125,82,.24); color: inherit; }
::-moz-selection { background: rgba(20,125,82,.24); color: inherit; }

/* Unit price is a separate row under the main price on every viewport.
   These rules deliberately override generic `.detail-price span` rules. */
.pd-price-row {
  align-items: flex-end !important;
}
.pd-price-row .pd-unit-price,
.detail-price .detail-unit-price,
.v12-product-price .v12-unit-price,
.v15-price .v15-unit-price,
.price-row .unit-price {
  display: block !important;
  flex: 0 0 100% !important;
  width: 100% !important;
  margin: 4px 0 0 !important;
  color: #52645c !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  text-decoration: none !important;
  white-space: normal !important;
  opacity: 1 !important;
  visibility: visible !important;
}
.pd-price-row .pd-unit-price { font-size: 14px !important; }

@media (min-width: 901px) {
  .pd-price-row .pd-unit-price,
  .detail-price .detail-unit-price {
    display: block !important;
    position: static !important;
    max-height: none !important;
    overflow: visible !important;
  }
}


/* ---- frontend/product-hover-preview-v307.css ---- */
/* FoxiWorld V307 — quick preview label stays above product photography. */
.v15-card__media{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
}
.v15-card__media>a{
  position:relative!important;
  z-index:1!important;
}
.v15-card__media img{
  position:relative!important;
  z-index:1!important;
}
.v15-card__media::after{
  content:"Szybki podgląd"!important;
  position:absolute!important;
  left:50%!important;
  right:auto!important;
  bottom:14px!important;
  top:auto!important;
  z-index:45!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:max-content!important;
  max-width:calc(100% - 28px)!important;
  min-height:32px!important;
  margin:0!important;
  padding:7px 13px!important;
  border-radius:999px!important;
  background:rgba(7,61,42,.94)!important;
  color:#fff!important;
  box-shadow:0 7px 18px rgba(7,61,42,.22)!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:1!important;
  white-space:nowrap!important;
  opacity:0!important;
  visibility:hidden!important;
  transform:translate(-50%,8px)!important;
  transition:opacity .16s ease,transform .16s ease,visibility .16s ease!important;
  pointer-events:none!important;
}
.v15-card:hover .v15-card__media::after,
.v15-card:focus-within .v15-card__media::after{
  opacity:1!important;
  visibility:visible!important;
  transform:translate(-50%,0)!important;
}
@media (hover:none),(max-width:760px){
  .v15-card__media::after{display:none!important}
}
@media (prefers-reduced-motion:reduce){
  .v15-card__media::after{transition:none!important}
}


/* ---- frontend/home-section-controls-v320.css ---- */
[data-home-section][hidden],.fw-newsletter[hidden],.v12-newsletter[hidden]{display:none!important}


/* ---- frontend/storefront-stability-v303.css ---- */
/* FoxiWorld V303 — fuller product photography without cropping or quality loss. */
.v12-product-media,
.v15-card__media{
  padding:6px!important;
}
.v12-product-media>a,
.v15-card__media>a{
  padding:0!important;
}
.v12-product-media img,
.v15-card__media img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
  scale:1!important;
  filter:none!important;
}
/* Keep a little more vertical room in catalog cards while preserving the full product. */
.v12-product-media{
  height:360px!important;
  min-height:360px!important;
}
.v15-card__media{
  height:310px!important;
  min-height:310px!important;
}
@media(max-width:1279px){
  .v12-product-media{height:345px!important;min-height:345px!important}
}
@media(max-width:760px){
  .v12-product-media{height:320px!important;min-height:320px!important}
  .v15-card__media{height:295px!important;min-height:295px!important}
}


/* ---- frontend/storefront-interactions-v310.css ---- */
/* FoxiWorld V310 — native mobile scrolling and native product text selection. */

/* Do not lock the whole document to one gesture axis. The browser can now
   distinguish a vertical page scroll from a horizontal bestseller swipe. */
html,
body{
  touch-action:auto!important;
}

@media (max-width:760px){
  .v143-carousel-shell--products,
  .v15-products,
  .v15-products__content{
    touch-action:auto!important;
    overscroll-behavior-y:auto!important;
  }

  .v15-product-grid{
    touch-action:auto!important;
    overscroll-behavior-x:auto!important;
    overscroll-behavior-y:auto!important;
    scroll-snap-type:x proximity!important;
  }

  /* Cards must not become gesture-capture surfaces. A vertical finger movement
     on a product continues scrolling the page normally. */
  .v15-product-grid>.v15-card,
  .v15-card__media,
  .v15-card__body{
    touch-action:auto!important;
  }
}

/* Product detail text is selected by the browser, without JS recreating ranges. */
#productRoot,
#productRoot .pd-info,
#productRoot .pd-info h1,
#productRoot .pd-brand,
#productRoot .pd-lead,
#productRoot .pd-price-row,
#productRoot .pd-price-row *,
#productRoot .pd-omnibus,
#productRoot .pd-stock,
#productRoot .pd-benefits,
#productRoot .pd-benefits *,
#productRoot .pd-content-grid,
#productRoot .pd-content-grid *,
#productRoot .pd-description,
#productRoot .pd-description *,
#productRoot .pd-rich-copy,
#productRoot .pd-rich-copy *,
#productRoot .pd-feature-list,
#productRoot .pd-feature-list *,
#productRoot .pd-spec,
#productRoot .pd-spec *,
#productRoot .breadcrumbs,
#productRoot .reviews-compact,
#productRoot .reviews-compact *,
#productRoot .review-mini,
#productRoot .review-mini *{
  -webkit-user-select:text!important;
  user-select:text!important;
}

#productRoot button,
#productRoot input,
#productRoot textarea,
#productRoot select,
#productRoot [role="button"],
#productRoot img,
#productRoot svg{
  -webkit-user-select:none!important;
  user-select:none!important;
}


/* ---- frontend/cwv-v469.css ---- */
/* FoxiWorld V469 — Core Web Vitals foundation */
html{font-synthesis:none;text-rendering:optimizeLegibility}
img{height:auto}
/* Stable boxes for the above-the-fold visual and product media reduce CLS. */
.v15-hero__visual{min-height:290px;contain:layout paint}
.v15-hero__visual>img{width:100%;height:auto;aspect-ratio:53/29;object-fit:contain}
.v12-product-media,.v15-card__media,.product-image{contain:layout paint}
.v12-product-media img,.v15-card__media img,.product-image img{aspect-ratio:1/1;object-fit:contain}
/* Skip paint/layout for genuinely below-the-fold sections until needed. */
@supports(content-visibility:auto){
 .v15-products,.v15-category-row,.v15-story,.v17-finder,.v17-brands,.v17-recent,.v15-reviews,.v17-faq,.v12-service-strip,.related-products,.pd-recommendations{content-visibility:auto;contain-intrinsic-size:auto 700px}
}
@media(max-width:720px){.v15-hero__visual{min-height:240px}}


/* ---- frontend/header-rails-v819.css ---- */
/* FoxiWorld V819 — FINAL shared header rail alignment.
   Desktop source of truth = the same geometry as .container from ui-scale-v28.css:
   width:min(100% - 44px, 1440px); margin-inline:auto.
   Therefore logo/search/cart, primary menu and FOXI LIVE share the exact same rails. */

@media (min-width: 1201px) {
  body:not(.admin-body) .fw-nav-wrap > .fw-nav.fw-mega-nav {
    display: block !important;
    width: min(calc(100% - 44px), 1440px) !important;
    max-width: 1440px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-nav__links {
    width: 100% !important;
    justify-content: flex-start !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
    gap: 16px !important;
  }

  body:not(.admin-body) .fx-page-signal {
    width: min(calc(100% - 44px), 1440px) !important;
    max-width: 1440px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }
}

/* Keep existing responsive navigation logic; only align the signal with standard gutters. */
@media (min-width: 768px) and (max-width: 1200px) {
  body:not(.admin-body) .fx-page-signal {
    width: min(calc(100% - 24px), 1440px) !important;
    max-width: 1440px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }
}


/* ---- frontend/mega-menu-v773.css ---- */
/* FoxiWorld V763 — final responsive refinement of ONLY the primary navigation and dog/cat mega menus. */
.fw-nav-wrap{position:relative;overflow:visible!important;background:#fff;border-top:1px solid #edf1ee;padding:12px 0 15px;z-index:85}
.fw-nav.fw-mega-nav{height:auto;min-height:50px;display:flex;align-items:center;justify-content:flex-start;gap:16px;overflow:visible;position:relative}
.fw-mega-nav .fw-nav__links{display:flex;align-items:center;gap:16px;overflow:visible;flex:0 1 auto;min-width:0}
.fw-mega-nav .fw-menu-trigger,.fw-mega-nav .fw-menu-link{height:48px;min-width:206px;padding:0 28px;border:1px solid #edf0ee;border-radius:999px;background:#fff;box-shadow:0 8px 22px rgba(21,45,34,.055);display:inline-flex;align-items:center;justify-content:center;gap:12px;color:#151b18;text-decoration:none;font:800 16px/1 "DM Sans",sans-serif;letter-spacing:-.18px;white-space:nowrap;cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease;position:relative;flex:0 0 auto}
.fw-mega-nav .fw-menu-link{min-width:210px}
.fw-mega-nav .fw-menu-trigger:hover,.fw-mega-nav .fw-menu-link:hover{background:#fbfcfb;color:#0a6548;border-color:#dce7e1;transform:translateY(-1px);box-shadow:0 9px 24px rgba(21,45,34,.075)}
.fw-mega-nav .fw-menu-trigger.is-open{background:#08643f;color:#fff;border-color:#08643f;box-shadow:0 10px 25px rgba(6,87,59,.19)}
.fw-mega-nav .fw-menu-trigger.is-open::after{content:"";position:absolute;left:50%;bottom:-22px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #fff;filter:drop-shadow(0 -1px 0 rgba(24,47,37,.08));transform:translateX(-50%);z-index:95}
.fw-menu-icon{width:21px;height:21px;display:block;flex:0 0 21px;stroke:currentColor;fill:none;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}
.fw-menu-link--new .fw-menu-icon{color:#171b19}.fw-menu-link--sale .fw-menu-icon{color:#ff5f00;stroke-width:2.15}.fw-menu-link--contact .fw-menu-icon{color:#111}
.fw-menu-link--sale{color:#151b18!important}.fw-menu-link--sale:hover{color:#0a6548!important}
.fw-menu-chevron{width:11px;height:11px;margin-left:1px;stroke:currentColor;fill:none;stroke-width:1.8;transition:transform .18s ease}.fw-menu-trigger.is-open .fw-menu-chevron{transform:rotate(180deg)}

.fw-mega-panel{position:absolute;top:calc(100% + 18px);left:50%;transform:translateX(-50%) translateY(-4px);width:min(calc(100vw - 56px),1400px);background:#fff;border:1px solid #edf0ee;border-radius:19px;box-shadow:0 16px 45px rgba(25,46,37,.095);padding:17px 18px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s ease,transform .16s ease,visibility .16s;z-index:92}
.fw-mega-panel.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.fw-mega-panel__grid{display:grid;grid-template-columns:280px repeat(4,minmax(0,1fr));align-items:stretch;min-height:260px}

/* Left promo card: text/CTA and mascot have deliberately separated safe areas. */
.fw-mega-hero{position:relative;min-height:260px;border-radius:13px;overflow:hidden;padding:27px 21px 19px;background:linear-gradient(135deg,#f6f9ee 0%,#f1f7e8 62%,#e9f4dd 100%);display:grid;grid-template-rows:auto 1fr auto;align-items:start;isolation:isolate}
.fw-mega-hero::after{content:"";position:absolute;left:-38px;bottom:-52px;width:190px;height:115px;border-radius:50%;background:#dcefc9;transform:rotate(-17deg);z-index:0}
.fw-mega-hero__copy{position:relative;z-index:4;max-width:100%;display:contents}
.fw-mega-hero__title{grid-row:1;margin:0 0 10px;color:#17211d;font:800 19px/1.12 "Manrope",sans-serif;letter-spacing:-.45px;max-width:160px}
.fw-mega-hero p{grid-row:2;margin:0;color:#34423b;font:500 13.5px/1.52 "DM Sans",sans-serif;max-width:178px;align-self:start}
.fw-mega-hero__cta{grid-row:3;align-self:end;justify-self:start;margin:0 0 1px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;min-height:38px!important;height:38px!important;box-sizing:border-box!important;background:#075c3b!important;color:#fff!important;text-decoration:none!important;border:1px solid #075c3b!important;border-radius:999px!important;padding:0 17px!important;font:700 12.5px/1 "DM Sans",sans-serif!important;position:relative;z-index:8;box-shadow:0 8px 18px rgba(4,73,46,.22)!important;white-space:nowrap!important;max-width:none!important;width:auto!important;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease!important}
.fw-mega-hero__cta:hover{background:#064d32!important;border-color:#064d32!important;color:#fff!important;box-shadow:0 10px 22px rgba(4,73,46,.27)!important;transform:translateY(-1px)!important}.fw-mega-hero__cta span{display:inline-block!important;font-size:15px!important;line-height:1!important;transition:transform .18s ease!important}.fw-mega-hero__cta:hover span{transform:translateX(2px)}
.fw-mega-hero__pet{position:absolute;right:-5px;bottom:-2px;width:154px;height:146px;object-fit:contain;object-position:right bottom;z-index:3;pointer-events:none;filter:drop-shadow(0 8px 8px rgba(48,69,54,.10))}
.fw-mega-hero[data-animal="cat"] .fw-mega-hero__pet{width:142px;height:142px;right:0}
.fw-mega-paw{position:absolute;width:36px;height:36px;opacity:.12;color:#78a94e;z-index:1;pointer-events:none}.fw-mega-paw svg{width:100%;height:100%;fill:currentColor;stroke:currentColor}.fw-mega-paw--a{left:21px;bottom:10px;transform:rotate(-18deg)}.fw-mega-paw--b{right:10px;top:70px;transform:rotate(18deg)}.fw-mega-paw--c{left:96px;bottom:3px;width:42px;height:42px;transform:rotate(8deg)}

.fw-mega-column{padding:20px 27px 15px;border-left:1px solid #e9ecea;min-width:0}
.fw-mega-column__title{position:relative;display:flex;align-items:center;gap:11px;margin:0 0 21px;padding:0 0 10px;color:#064f35!important;font:800 15.5px/1.28 "DM Sans",sans-serif;letter-spacing:-.1px;white-space:nowrap;cursor:default;user-select:none}.fw-mega-column__title::after{content:"";position:absolute;left:34px;bottom:2px;width:38px;height:2px;border-radius:999px;background:#9bc7aa;opacity:.85}.fw-mega-column__title svg{width:22px;height:22px;color:#064f35;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:0 0 22px}
.fw-mega-column ul{list-style:none;margin:0;padding:0;display:grid;gap:11px}.fw-mega-column li{margin:0}.fw-mega-column a{min-width:0;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;color:#202622!important;text-decoration:none;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:11px!important;font:550 14px/1.42 "DM Sans",sans-serif!important;white-space:normal!important;transition:color .15s ease,transform .15s ease!important}.fw-mega-column a:hover{color:#075c3b!important;transform:translateX(2px)!important}.fw-mega-column a svg{width:19px;height:19px;flex:0 0 19px;color:#0b7a4b;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}



/* Responsive strategy: one DOM/data source, three presentation states. */
@media(max-width:1450px){
  .fw-mega-nav .fw-menu-trigger,.fw-mega-nav .fw-menu-link{min-width:188px;padding-inline:25px}
  .fw-mega-panel{width:min(calc(100vw - 40px),1360px)}
  .fw-mega-panel__grid{grid-template-columns:260px repeat(4,minmax(0,1fr))}
  .fw-mega-column{padding-inline:20px}
}
@media(max-width:1366px){
  .fw-nav.fw-mega-nav,.fw-mega-nav .fw-nav__links{gap:10px}
  .fw-mega-nav .fw-menu-trigger,.fw-mega-nav .fw-menu-link{min-width:0;padding:0 20px;font-size:14px}
  .fw-mega-panel{width:min(calc(100vw - 28px),1320px);padding:14px}
  .fw-mega-panel__grid{grid-template-columns:235px repeat(2,minmax(0,1fr));min-height:0}
  .fw-mega-hero{grid-row:span 2;min-height:100%;padding:24px 18px 17px}
  .fw-mega-column{padding:16px 20px;border-left:1px solid #e9ecea}
  .fw-mega-column:nth-child(4),.fw-mega-column:nth-child(5){border-top:1px solid #e9ecea}
  .fw-mega-column__title{font-size:15px;margin-bottom:18px;padding-bottom:9px}
  .fw-mega-column a{font-size:13px!important}
  .fw-mega-hero__pet{width:132px;height:132px}.fw-mega-hero[data-animal="cat"] .fw-mega-hero__pet{width:128px;height:128px}
}
@media(max-width:1100px){
  .fw-nav-wrap{padding-block:9px}
  .fw-nav.fw-mega-nav{overflow-x:auto;scrollbar-width:none;justify-content:flex-start}
  .fw-nav.fw-mega-nav::-webkit-scrollbar{display:none}
  .fw-mega-nav .fw-nav__links{overflow:visible;flex-wrap:nowrap}
  .fw-mega-nav .fw-menu-trigger,.fw-mega-nav .fw-menu-link{height:44px;padding-inline:17px;font-size:13px}
  .fw-mega-panel{width:min(calc(100vw - 24px),1060px);top:calc(100% + 12px);padding:12px;max-height:calc(100vh - 190px);overflow-y:auto;overscroll-behavior:contain}
  .fw-mega-panel__grid{grid-template-columns:minmax(205px,230px) repeat(2,minmax(0,1fr));align-items:stretch}
  .fw-mega-column{padding:15px 16px}
  .fw-mega-column__title{font-size:14.5px;white-space:normal}
  .fw-mega-column a{font-size:12.75px!important}
  .fw-mega-hero{grid-row:span 2;min-height:100%}
  .fw-mega-hero__cta{min-height:38px!important;height:38px!important;font-size:12px!important;padding-inline:15px!important}
}
@media(max-width:900px){
  .fw-nav-wrap{padding:7px 0}
  .fw-nav.fw-mega-nav{width:calc(100% - 20px);min-height:44px}
  .fw-mega-nav .fw-menu-trigger,.fw-mega-nav .fw-menu-link{height:40px;padding:0 14px;font-size:12px;box-shadow:none}
  .fw-mega-nav .fw-menu-trigger.is-open::after{display:none}
  .fw-mega-panel{display:block!important;left:10px;right:10px;transform:translateY(-4px);width:auto;max-width:none;top:calc(100% + 10px);padding:10px;max-height:calc(100vh - 165px);overflow-y:auto;overflow-x:hidden}
  .fw-mega-panel.is-open{transform:translateY(0)}
  .fw-mega-panel__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;min-height:0}
  .fw-mega-hero{grid-column:1/-1;grid-row:auto;min-height:190px;margin-bottom:8px;padding:20px 18px 16px;grid-template-rows:auto auto 1fr}
  .fw-mega-hero__title{font-size:18px;max-width:180px}.fw-mega-hero p{font-size:13px;max-width:190px}
  .fw-mega-hero__pet{width:132px;height:132px}.fw-mega-hero[data-animal="cat"] .fw-mega-hero__pet{width:126px;height:126px}
  .fw-mega-hero__cta{grid-row:3;align-self:end;min-height:38px!important;height:38px!important;font-size:12px!important;padding-inline:16px!important}
  .fw-mega-column{border-left:0;border-top:1px solid #e9ecea;padding:15px 14px}
  .fw-mega-column:nth-child(even){border-right:1px solid #e9ecea}
  .fw-mega-column__title{font-size:14px;margin-bottom:16px;padding-bottom:8px}.fw-mega-column__title::after{left:31px;width:34px}
  .fw-mega-column a{font-size:12.5px!important;gap:8px!important}.fw-mega-column a svg{width:18px;height:18px;flex-basis:18px}
}
@media(max-width:640px){
  .fw-mega-panel{left:8px;right:8px;max-height:calc(100vh - 150px)}
  .fw-mega-panel__grid{grid-template-columns:1fr}
  .fw-mega-hero{grid-column:1;min-height:184px}
  .fw-mega-column,.fw-mega-column:nth-child(even){border-right:0;border-left:0;border-top:1px solid #e9ecea}
}

/* FoxiWorld V764 — 1024px dead-zone fix, CTA safe-flow and semantic accent icons. */

/* Promo-card copy now owns its vertical flow; mascot remains in a separate safe zone. */
.fw-mega-hero{display:block!important;padding:27px 21px 19px!important}
.fw-mega-hero__copy{display:block!important;position:relative!important;z-index:6!important;max-width:158px!important}
.fw-mega-hero__title{display:block!important;margin:0 0 10px!important;max-width:158px!important}
.fw-mega-hero p{display:block!important;margin:0!important;max-width:158px!important}
.fw-mega-hero__cta{display:inline-flex!important;margin:14px 0 0!important;position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;align-self:auto!important;justify-self:auto!important;min-height:38px!important;height:38px!important;padding:0 16px!important;font-size:12px!important;z-index:8!important}
.fw-mega-hero__pet{right:-1px!important;bottom:-2px!important;width:124px!important;height:124px!important;z-index:3!important}
.fw-mega-hero[data-animal="cat"] .fw-mega-hero__pet{right:0!important;width:118px!important;height:118px!important}

/* Semantic icon accents: restrained six-color system, text remains neutral. */
.fw-mega-column a svg.fw-category-icon{box-sizing:border-box;width:22px!important;height:22px!important;flex:0 0 22px!important;padding:2px;border-radius:6px;stroke-width:1.8!important}
.fw-mega-column a svg.fw-category-icon--kibble,
.fw-mega-column a svg.fw-category-icon--can,
.fw-mega-column a svg.fw-category-icon--food{color:#147a4b!important;background:#edf8f1}
.fw-mega-column a svg.fw-category-icon--bone,
.fw-mega-column a svg.fw-category-icon--leaf,
.fw-mega-column a svg.fw-category-icon--capsule{color:#718c2a!important;background:#f3f7e8}
.fw-mega-column a svg.fw-category-icon--ball,
.fw-mega-column a svg.fw-category-icon--box{color:#d9782d!important;background:#fff3e8}
.fw-mega-column a svg.fw-category-icon--leash,
.fw-mega-column a svg.fw-category-icon--bed,
.fw-mega-column a svg.fw-category-icon--bowl,
.fw-mega-column a svg.fw-category-icon--carrier,
.fw-mega-column a svg.fw-category-icon--scratching,
.fw-mega-column a svg.fw-category-icon--collar,
.fw-mega-column a svg.fw-category-icon--tag{color:#16877f!important;background:#eaf8f6}
.fw-mega-column a svg.fw-category-icon--brush,
.fw-mega-column a svg.fw-category-icon--drop,
.fw-mega-column a svg.fw-category-icon--cross,
.fw-mega-column a svg.fw-category-icon--chip,
.fw-mega-column a svg.fw-category-icon--whistle,
.fw-mega-column a svg.fw-category-icon--litter{color:#2e7c9d!important;background:#edf7fb}
.fw-mega-column a svg.fw-category-icon--bottle{color:#8a68a8!important;background:#f5f0f9}
.fw-mega-column a svg.fw-category-icon--paw{color:#98733d!important;background:#f7f2e9}
/* Section-heading icons stay brand-green and visually stronger. */
.fw-mega-column__title svg.fw-category-icon{background:transparent!important;color:#064f35!important;padding:0!important;border-radius:0!important;width:22px!important;height:22px!important;flex-basis:22px!important}

/* The real 1024px bug came from global responsive-scroll rules clipping absolute mega panels.
   While desktop/tablet mega nav is visible, its panel ancestors must allow vertical overflow. */
@media (min-width:768px) and (max-width:1050px){
  .fw-nav-wrap{overflow:visible!important;position:relative!important;z-index:95!important}
  .fw-nav.fw-mega-nav{overflow:visible!important;width:calc(100% - 20px)!important;max-width:none!important;position:relative!important}
  .fw-mega-nav .fw-nav__links{overflow-x:auto!important;overflow-y:visible!important;flex:1 1 auto!important;min-width:0!important;scrollbar-width:none!important}
  .fw-mega-nav .fw-nav__links::-webkit-scrollbar{display:none!important}
  .fw-mega-panel{display:block!important;visibility:hidden;pointer-events:none;opacity:0;left:50%!important;right:auto!important;transform:translateX(-50%) translateY(-4px)!important;width:min(calc(100vw - 24px),1024px)!important;max-width:none!important;top:calc(100% + 12px)!important;overflow-x:hidden!important;overflow-y:auto!important;max-height:calc(100vh - 170px)!important;z-index:120!important}
  .fw-mega-panel.is-open{visibility:visible!important;pointer-events:auto!important;opacity:1!important;transform:translateX(-50%) translateY(0)!important}
  .fw-mega-panel__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;min-height:0!important}
  .fw-mega-hero{grid-column:1/-1!important;grid-row:auto!important;min-height:190px!important;margin:0 0 8px!important;padding:20px 18px 16px!important}
  .fw-mega-hero__copy{max-width:230px!important}
  .fw-mega-hero__title,.fw-mega-hero p{max-width:220px!important}
  .fw-mega-hero__cta{margin-top:12px!important}
  .fw-mega-hero__pet{width:132px!important;height:132px!important;right:12px!important}
  .fw-mega-hero[data-animal="cat"] .fw-mega-hero__pet{width:126px!important;height:126px!important;right:14px!important}
  .fw-mega-column{border-left:0!important;border-top:1px solid #e9ecea!important;padding:15px 18px!important}
  .fw-mega-column:nth-of-type(odd){border-right:1px solid #e9ecea!important}
  .fw-mega-column__title{white-space:normal!important}
}

/* At 768–900 the mega panel remains functional. Below 768 FoxiWorld keeps its existing mobile navigation behavior. */
@media (min-width:768px) and (max-width:900px){
  .fw-mega-nav .fw-menu-trigger.is-open::after{display:none!important}
}
@media (max-width:767px){
  .fw-mega-panel{display:none!important}
}

/* V765 — final breakpoint + CTA micro-fix.
   The legacy responsive layers use higher-specificity body:not(.admin-body)
   selectors at <=1050px, so V765 must override that exact cascade rather than
   stacking a lower-specificity rule that never wins. */
.fw-mega-hero__cta{margin-left:-6px!important}

@media (min-width:768px) and (max-width:1100px){
  body:not(.admin-body) .fw-nav-wrap{
    display:block!important;
    overflow:visible!important;
    position:relative!important;
    z-index:95!important;
  }
  body:not(.admin-body) .fw-nav.fw-mega-nav{
    display:flex!important;
    width:calc(100% - 20px)!important;
    max-width:none!important;
    min-width:0!important;
    overflow:visible!important;
    position:relative!important;
    z-index:96!important;
  }
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-nav__links{
    display:flex!important;
    flex:1 1 auto!important;
    min-width:0!important;
    overflow-x:auto!important;
    overflow-y:visible!important;
    scrollbar-width:none!important;
    touch-action:pan-x pan-y!important;
  }
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-nav__links::-webkit-scrollbar{display:none!important}
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-menu-trigger,
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-menu-link{flex:0 0 auto!important}

  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-mega-panel{
    display:block!important;
    position:absolute!important;
    visibility:hidden!important;
    pointer-events:none!important;
    opacity:0!important;
    left:50%!important;
    right:auto!important;
    top:calc(100% + 12px)!important;
    width:min(calc(100vw - 24px),1068px)!important;
    max-width:none!important;
    max-height:calc(100vh - 170px)!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    transform:translateX(-50%) translateY(-4px)!important;
    z-index:120!important;
  }
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-mega-panel.is-open{
    visibility:visible!important;
    pointer-events:auto!important;
    opacity:1!important;
    transform:translateX(-50%) translateY(0)!important;
  }
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-mega-panel__grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    min-height:0!important;
  }
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-mega-hero{
    grid-column:1/-1!important;
    grid-row:auto!important;
    min-height:190px!important;
    margin:0 0 8px!important;
    padding:20px 18px 16px!important;
  }
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-mega-hero__copy{max-width:230px!important}
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-mega-hero__title,
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-mega-hero p{max-width:220px!important}
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-mega-hero__cta{margin-left:0!important;margin-top:12px!important}
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-mega-hero__pet{width:132px!important;height:132px!important;right:12px!important}
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-mega-hero[data-animal="cat"] .fw-mega-hero__pet{width:126px!important;height:126px!important;right:14px!important}
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-mega-column{border-left:0!important;border-top:1px solid #e9ecea!important;padding:15px 18px!important}
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-mega-column:nth-of-type(odd){border-right:1px solid #e9ecea!important}
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-mega-column__title{white-space:normal!important}
}

/* FoxiWorld V766 — reference-accurate premium primary navigation. */
.fw-nav-wrap{padding:14px 0 16px}
.fw-nav.fw-mega-nav,.fw-mega-nav .fw-nav__links{gap:18px}
.fw-mega-nav .fw-menu-trigger,.fw-mega-nav .fw-menu-link{
  height:56px;min-width:0;padding:0 30px;border-color:#e3e6e4;border-radius:999px;
  background:#fff;box-shadow:0 7px 20px rgba(25,45,36,.07);gap:14px;
  color:#111815;font:700 16px/1 "DM Sans",sans-serif;letter-spacing:-.15px
}
.fw-mega-nav .fw-menu-trigger{min-width:200px}.fw-mega-nav .fw-menu-link{min-width:194px}
.fw-menu-icon{width:28px;height:28px;flex-basis:28px;stroke-width:1.9}
.fw-menu-chevron{width:12px;height:12px;margin-left:5px;stroke-width:2}
.fw-mega-nav .fw-menu-trigger:hover,.fw-mega-nav .fw-menu-trigger.is-open{
  background:#087149;color:#fff;border-color:#087149;box-shadow:0 11px 27px rgba(8,113,73,.20);transform:translateY(-1px)
}
.fw-mega-nav .fw-menu-trigger:not(.is-open){color:#087149}.fw-mega-nav .fw-menu-trigger:not(.is-open)>span{color:#111815}
.fw-mega-nav .fw-menu-trigger:hover>span,.fw-mega-nav .fw-menu-trigger.is-open>span{color:#fff}
.fw-menu-link--new{overflow:visible!important;box-shadow:0 9px 24px rgba(198,148,25,.10)!important}
.fw-menu-link--new .fw-menu-icon{color:#d6a526!important;stroke-width:1.9;filter:drop-shadow(0 2px 2px rgba(195,143,15,.14))}
.fw-menu-link--new::after{content:"";position:absolute;left:25%;right:25%;bottom:-1px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,#ddb443,transparent);opacity:.65}
.fw-new-badge{position:absolute;right:-4px;top:-10px;padding:5px 10px 4px;border-radius:12px 12px 12px 4px;background:linear-gradient(135deg,#d4a522,#e2b837);color:#fff;font:800 10px/1 "DM Sans",sans-serif;font-style:normal;letter-spacing:.35px;box-shadow:0 5px 12px rgba(185,135,15,.22);pointer-events:none;z-index:4}
.fw-menu-link--sale{color:#111815!important}.fw-sale-icon{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;border-radius:50%;background:#fff0f1;filter:drop-shadow(0 4px 6px rgba(225,65,79,.14))}
.fw-sale-icon .fw-menu-icon{width:30px;height:30px;flex-basis:30px;color:#f05d67!important;fill:#f05d67;stroke:#fff;stroke-width:1.55}.fw-sale-icon .fw-menu-icon circle{fill:#fff;stroke:none}.fw-sale-icon .fw-menu-icon path:last-child{fill:none;stroke:#fff}
.fw-menu-link--contact .fw-menu-icon{color:#087149!important}
.fw-mega-nav .fw-menu-link:hover{background:#fff;color:#111815;border-color:#d8dedb;transform:translateY(-1px);box-shadow:0 11px 27px rgba(25,45,36,.10)}
.fw-menu-link--new:hover .fw-menu-icon{color:#c79617!important}.fw-menu-link--sale:hover .fw-sale-icon{filter:drop-shadow(0 5px 8px rgba(225,65,79,.2))}.fw-menu-link--contact:hover .fw-menu-icon{color:#055f3d!important}
.fw-mega-hero__cta{margin-left:-8px!important}
@media(max-width:1366px){.fw-nav.fw-mega-nav,.fw-mega-nav .fw-nav__links{gap:12px}.fw-mega-nav .fw-menu-trigger,.fw-mega-nav .fw-menu-link{height:50px;padding-inline:23px;font-size:14px}.fw-mega-nav .fw-menu-trigger{min-width:170px}.fw-mega-nav .fw-menu-link{min-width:160px}.fw-menu-icon{width:24px;height:24px;flex-basis:24px}}
@media(min-width:768px) and (max-width:1100px){
 body:not(.admin-body) .fw-nav.fw-mega-nav{width:calc(100% - 16px)!important}
 body:not(.admin-body) .fw-nav.fw-mega-nav .fw-nav__links{gap:8px!important;overflow:visible!important;width:100%!important;justify-content:space-between!important}
 body:not(.admin-body) .fw-nav.fw-mega-nav .fw-menu-trigger,body:not(.admin-body) .fw-nav.fw-mega-nav .fw-menu-link{height:43px!important;min-width:0!important;padding:0 13px!important;font-size:12px!important;gap:8px!important;flex:1 1 auto!important}
 body:not(.admin-body) .fw-nav.fw-mega-nav .fw-menu-trigger{max-width:180px!important}body:not(.admin-body) .fw-nav.fw-mega-nav .fw-menu-link{max-width:170px!important}
 body:not(.admin-body) .fw-nav.fw-mega-nav .fw-menu-icon{width:20px!important;height:20px!important;flex-basis:20px!important}.fw-sale-icon{width:25px;height:25px;flex-basis:25px}.fw-sale-icon .fw-menu-icon{width:22px!important;height:22px!important}
 .fw-new-badge{top:-7px;right:-2px;padding:4px 7px 3px;font-size:8px}
}
@media(prefers-reduced-motion:reduce){.fw-mega-nav .fw-menu-trigger,.fw-mega-nav .fw-menu-link,.fw-menu-chevron{transition:none!important}}


/* FoxiWorld V767 — adaptive horizontal navigation rail + compact mega-menu refinement.
   On narrower desktop/tablet widths the premium pills retain their proportions and
   become horizontally scrollable instead of being squeezed or disappearing. */
@media (min-width:768px) and (max-width:1200px){
  body:not(.admin-body) .fw-nav-wrap{
    overflow:visible!important;
    padding-bottom:10px!important;
  }
  body:not(.admin-body) .fw-nav.fw-mega-nav{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    overflow:visible!important;
    padding-bottom:0!important;
  }
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-nav__links{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex-wrap:nowrap!important;
    gap:10px!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:2px 4px 10px!important;
    scroll-behavior:smooth;
    scroll-snap-type:x proximity;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:thin!important;
    scrollbar-color:#9fc8b5 #edf3ef!important;
  }
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-nav__links::-webkit-scrollbar{
    display:block!important;
    height:7px!important;
  }
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-nav__links::-webkit-scrollbar-track{
    background:#edf3ef!important;
    border-radius:999px!important;
  }
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-nav__links::-webkit-scrollbar-thumb{
    background:#9fc8b5!important;
    border-radius:999px!important;
    border:1px solid #edf3ef!important;
  }
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-nav__links::-webkit-scrollbar-thumb:hover{
    background:#6fa98d!important;
  }
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-menu-trigger,
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-menu-link{
    flex:0 0 auto!important;
    scroll-snap-align:start;
    height:46px!important;
    min-width:auto!important;
    max-width:none!important;
    padding:0 18px!important;
    font-size:13px!important;
    gap:10px!important;
  }
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-menu-trigger{min-width:158px!important}
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-menu-link{min-width:150px!important}
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-menu-icon{width:21px!important;height:21px!important;flex-basis:21px!important}
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-sale-icon{width:27px!important;height:27px!important;flex-basis:27px!important}
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-sale-icon .fw-menu-icon{width:23px!important;height:23px!important}

  /* Mega panel is anchored to the nav container, not to the scroll rail. */
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-mega-panel{
    top:calc(100% + 6px)!important;
    left:50%!important;
    right:auto!important;
    width:min(calc(100vw - 20px),1040px)!important;
    max-width:none!important;
    max-height:calc(100vh - 175px)!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    transform:translateX(-50%) translateY(-4px)!important;
    border-radius:16px!important;
    padding:11px!important;
  }
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-mega-panel.is-open{
    transform:translateX(-50%) translateY(0)!important;
  }
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-mega-panel__grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-mega-hero{
    grid-column:1/-1!important;
    min-height:180px!important;
    margin-bottom:6px!important;
  }
}

@media (min-width:768px) and (max-width:900px){
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-nav__links{gap:8px!important;padding-bottom:9px!important}
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-menu-trigger,
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-menu-link{
    height:43px!important;
    padding:0 15px!important;
    font-size:12.5px!important;
  }
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-menu-trigger{min-width:148px!important}
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-menu-link{min-width:140px!important}
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-mega-panel{
    width:calc(100vw - 16px)!important;
    max-height:calc(100vh - 158px)!important;
    top:calc(100% + 4px)!important;
    padding:9px!important;
  }
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-mega-column{padding:14px 13px!important}
}

@media (min-width:768px) and (max-width:820px){
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-mega-panel__grid{grid-template-columns:1fr!important}
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-mega-hero{grid-column:1!important;min-height:176px!important}
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-mega-column{border-left:0!important;border-right:0!important;border-top:1px solid #e9ecea!important}
}


/* V770 — pet icons in primary navigation match the animal icons used in the catalog sidebar. */
.fw-mega-nav .fw-pet-menu-icon{
  width:28px;
  height:28px;
  flex:0 0 28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:23px;
  line-height:1;
  font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;
  transform:translateY(.5px);
}
@media(max-width:1366px){
  .fw-mega-nav .fw-pet-menu-icon{width:24px;height:24px;flex-basis:24px;font-size:21px}
}
@media(max-width:1100px){
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-pet-menu-icon{width:21px!important;height:21px!important;flex-basis:21px!important;font-size:19px!important}
}

/* FoxiWorld V772 — responsive navigation source-of-truth.
   The premium pill rail remains reachable at every viewport. Mega panels are
   viewport-constrained and never clipped by the horizontal rail. */

/* Keep the scroll rail and the dropdown layer as separate overflow contexts. */
body:not(.admin-body) .fw-nav-wrap{
  display:block!important;
  position:relative!important;
  overflow:visible!important;
  z-index:95!important;
  background:#fff!important;
}
body:not(.admin-body) .fw-nav.fw-mega-nav{
  display:block!important;
  position:relative!important;
  width:min(100% - 24px,1240px)!important;
  max-width:1240px!important;
  min-width:0!important;
  height:auto!important;
  min-height:48px!important;
  margin-inline:auto!important;
  overflow:visible!important;
  z-index:96!important;
}
body:not(.admin-body) .fw-nav.fw-mega-nav .fw-nav__links{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:nowrap!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  overscroll-behavior-x:contain!important;
  -webkit-overflow-scrolling:touch!important;
  touch-action:pan-x pan-y!important;
  scroll-behavior:smooth!important;
  scroll-snap-type:x proximity!important;
  scrollbar-width:thin!important;
  scrollbar-color:#8dbca5 #edf4f0!important;
  padding:3px 3px 9px!important;
}
body:not(.admin-body) .fw-nav.fw-mega-nav .fw-nav__links::-webkit-scrollbar{
  display:block!important;
  height:6px!important;
}
body:not(.admin-body) .fw-nav.fw-mega-nav .fw-nav__links::-webkit-scrollbar-track{
  background:#edf4f0!important;
  border-radius:999px!important;
}
body:not(.admin-body) .fw-nav.fw-mega-nav .fw-nav__links::-webkit-scrollbar-thumb{
  background:#8dbca5!important;
  border:1px solid #edf4f0!important;
  border-radius:999px!important;
}
body:not(.admin-body) .fw-nav.fw-mega-nav .fw-nav__links::-webkit-scrollbar-thumb:hover{background:#639c80!important}
body:not(.admin-body) .fw-nav.fw-mega-nav .fw-menu-trigger,
body:not(.admin-body) .fw-nav.fw-mega-nav .fw-menu-link{
  flex:0 0 auto!important;
  max-width:none!important;
  scroll-snap-align:start!important;
}

/* The dropdown layer is anchored to the viewport-centred nav container, never the scroll rail. */
body:not(.admin-body) .fw-nav.fw-mega-nav .fw-mega-panel{
  display:block!important;
  position:absolute!important;
  left:50%!important;
  right:auto!important;
  top:calc(100% + 8px)!important;
  width:min(calc(100vw - 32px),1400px)!important;
  max-width:none!important;
  max-height:calc(100dvh - 178px)!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  transform:translateX(-50%) translateY(-4px)!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
  z-index:140!important;
}
body:not(.admin-body) .fw-nav.fw-mega-nav .fw-mega-panel.is-open{
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  transform:translateX(-50%) translateY(0)!important;
}

/* Large desktop: preserve the polished V771 presentation. */
@media (min-width:1280px){
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-nav__links{gap:18px!important}
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-mega-panel__grid{grid-template-columns:280px repeat(4,minmax(0,1fr))!important}
}

/* Compact desktop / laptop. */
@media (min-width:1024px) and (max-width:1279px){
  body:not(.admin-body) .fw-nav.fw-mega-nav{width:calc(100% - 24px)!important}
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-nav__links{gap:10px!important}
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-menu-trigger,
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-menu-link{
    height:46px!important;
    min-width:154px!important;
    padding:0 18px!important;
    font-size:13px!important;
    gap:9px!important;
  }
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-menu-trigger{min-width:162px!important}
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-mega-panel{width:min(calc(100vw - 24px),1180px)!important;max-height:calc(100dvh - 170px)!important}
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-mega-panel__grid{grid-template-columns:minmax(210px,245px) repeat(2,minmax(0,1fr))!important}
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-mega-hero{grid-row:span 2!important;grid-column:auto!important}
}

/* Tablet / small laptop: two-column dropdown with promo card across the top. */
@media (min-width:768px) and (max-width:1023px){
  body:not(.admin-body) .fw-nav-wrap{padding:8px 0 10px!important}
  body:not(.admin-body) .fw-nav.fw-mega-nav{width:calc(100% - 18px)!important}
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-nav__links{gap:8px!important;padding-bottom:8px!important}
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-menu-trigger,
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-menu-link{
    height:44px!important;
    min-width:144px!important;
    padding:0 15px!important;
    font-size:12.5px!important;
    gap:8px!important;
    box-shadow:0 5px 14px rgba(25,45,36,.055)!important;
  }
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-menu-trigger{min-width:152px!important}
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-mega-panel{
    width:calc(100vw - 18px)!important;
    top:calc(100% + 5px)!important;
    max-height:calc(100dvh - 155px)!important;
    padding:10px!important;
    border-radius:15px!important;
  }
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-mega-panel__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;min-height:0!important}
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-mega-hero{
    grid-column:1/-1!important;
    grid-row:auto!important;
    min-height:180px!important;
    margin-bottom:6px!important;
  }
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-mega-column{border-left:0!important;border-top:1px solid #e9ecea!important;padding:14px 15px!important}
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-mega-column:nth-of-type(odd){border-right:1px solid #e9ecea!important}
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-menu-trigger.is-open::after{display:none!important}
}

/* Phones and narrow tablets: the premium rail remains available and the mega menu becomes one column.
   This intentionally overrides legacy rules that hid the nav/dropdown below 720/768px. */
@media (max-width:767px){
  body:not(.admin-body) .fw-nav-wrap{
    display:block!important;
    padding:7px 0 9px!important;
    overflow:visible!important;
    z-index:110!important;
  }
  body:not(.admin-body) .fw-nav.fw-mega-nav{
    display:block!important;
    width:calc(100% - 12px)!important;
    max-width:none!important;
    min-height:45px!important;
    padding:0!important;
    overflow:visible!important;
  }
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-nav__links{
    display:flex!important;
    gap:7px!important;
    padding:2px 2px 8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
  }
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-menu-trigger,
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-menu-link{
    display:inline-flex!important;
    height:44px!important;
    min-width:136px!important;
    padding:0 14px!important;
    font-size:12.5px!important;
    gap:8px!important;
    box-shadow:0 4px 12px rgba(25,45,36,.05)!important;
  }
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-menu-trigger{min-width:144px!important}
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-menu-icon{width:20px!important;height:20px!important;flex-basis:20px!important}
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-pet-menu-icon{width:20px!important;height:20px!important;flex-basis:20px!important;font-size:18px!important}
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-menu-trigger.is-open::after{display:none!important}
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-mega-panel{
    display:block!important;
    left:50%!important;
    right:auto!important;
    width:calc(100vw - 12px)!important;
    max-width:none!important;
    top:calc(100% + 4px)!important;
    max-height:calc(100dvh - 142px)!important;
    padding:8px!important;
    border-radius:14px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
  }
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-mega-panel__grid{grid-template-columns:1fr!important;min-height:0!important}
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-mega-hero{
    grid-column:1!important;
    grid-row:auto!important;
    min-height:168px!important;
    padding:18px 16px 14px!important;
    margin-bottom:4px!important;
  }
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-mega-hero__title{font-size:18px!important;max-width:170px!important}
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-mega-hero p{font-size:12.5px!important;max-width:178px!important}
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-mega-hero__cta{height:36px!important;min-height:36px!important;padding:0 15px!important;font-size:12px!important;margin-top:11px!important}
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-mega-hero__pet{width:118px!important;height:118px!important;right:7px!important}
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-mega-hero[data-animal="cat"] .fw-mega-hero__pet{width:114px!important;height:114px!important;right:9px!important}
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-mega-column{border-left:0!important;border-right:0!important;border-top:1px solid #e9ecea!important;padding:13px 14px!important}
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-mega-column__title{font-size:14.5px!important;margin-bottom:14px!important;white-space:normal!important}
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-mega-column ul{gap:9px!important}
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-mega-column a{font-size:13px!important}
}

@media (max-width:420px){
  body:not(.admin-body) .fw-nav.fw-mega-nav{width:calc(100% - 8px)!important}
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-menu-trigger,
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-menu-link{min-width:128px!important;height:42px!important;padding:0 12px!important;font-size:12px!important}
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-menu-trigger{min-width:136px!important}
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-mega-panel{width:calc(100vw - 8px)!important;max-height:calc(100dvh - 132px)!important;padding:7px!important}
}

/* No page-level horizontal scrolling; only the dedicated nav rail may scroll horizontally. */
html,body{max-width:100%;overflow-x:hidden!important}

/* Preserve keyboard discoverability. */
body:not(.admin-body) .fw-nav.fw-mega-nav .fw-menu-trigger:focus-visible,
body:not(.admin-body) .fw-nav.fw-mega-nav .fw-menu-link:focus-visible,
body:not(.admin-body) .fw-nav.fw-mega-nav .fw-mega-panel a:focus-visible{
  outline:3px solid rgba(8,113,73,.28)!important;
  outline-offset:2px!important;
}

/* FoxiWorld V773 — anchor NEW badge to the Nowości pill itself. */
.fw-mega-nav .fw-menu-link--new{
  position:relative!important;
  overflow:visible!important;
  isolation:isolate;
}
.fw-mega-nav .fw-menu-link--new .fw-new-badge{
  position:absolute!important;
  top:-8px!important;
  right:8px!important;
  left:auto!important;
  bottom:auto!important;
  margin:0!important;
  transform:none!important;
  pointer-events:none!important;
  z-index:5!important;
}
/* The responsive navigation rail reserves vertical room for the attached badge,
   so the tag travels with the pill without being clipped by overflow-x scrolling. */
@media (max-width:1200px){
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-nav__links{
    padding-top:11px!important;
  }
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-menu-link--new .fw-new-badge{
    top:-7px!important;
    right:7px!important;
  }
}
@media (max-width:720px){
  body:not(.admin-body) .fw-nav.fw-mega-nav .fw-menu-link--new .fw-new-badge{
    top:-6px!important;
    right:6px!important;
    padding:4px 7px 3px!important;
    font-size:8px!important;
  }
}


/* V844 CLS guard: the selected production hero has final geometry from first paint. */
.v15-hero.hero-v200-active .v15-actions{min-height:52px}
@media(max-width:760px){
  .v15-hero.hero-v200-active .v15-actions{min-height:116px}
}

/* V846 LCP contract: above-the-fold hero must be paintable immediately.
   The final geometry/content is already SSR in HTML, so entrance animation only harms LCP. */
.fw-home .v15-hero{
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
}
.fw-home .v15-hero h1,
.fw-home .v15-hero__visual,
.fw-home .v15-hero__visual img{
  opacity:1!important;
  visibility:visible!important;
}
