:root{--red:#ef171d;--ink:#1f2024;--muted:#747980;--line:#e5e7eb;--white:#fff;--container:1145px;--shadow:0 10px 30px rgba(0,0,0,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#15171a;font-family:Arial,Helvetica,sans-serif;background:#252629 url('../images/garage-exide-energizer.webp') center top/cover fixed no-repeat !important}body.fourp-exact-front{background:#252629 url('../images/garage-exide-energizer.webp') center top/cover fixed no-repeat !important}body.fourp-exact-front:before{content:"";position:fixed;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.18),rgba(255,255,255,.03) 50%,rgba(0,0,0,.15));pointer-events:none;z-index:0}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.container{width:min(var(--container),calc(100% - 32px));margin:0 auto}.site-header{position:relative;z-index:50;padding-top:30px}.header-shell{border-radius:25px;overflow:hidden;box-shadow:0 8px 25px rgba(0,0,0,.15)}.header-top{height:99px;background:#fff;display:flex;align-items:center;padding:0 29px;gap:36px}.brand{width:265px;display:flex;align-items:center;flex:0 0 265px}.brand img{display:block;width:245px;height:86px;object-fit:contain;object-position:left center}.custom-logo-link{display:block}.custom-logo{max-width:245px;max-height:76px;width:auto;height:auto}.site-search{height:48px;display:flex;flex:1;min-width:240px;border:1px solid #dfe2e7;border-radius:7px;overflow:hidden;background:#fff}.site-search input[type=search]{min-width:0;flex:1;border:0;outline:0;padding:0 15px;font-size:15px;color:#333}.site-search input::placeholder{color:#8d9299}.site-search button{width:58px;border:0;background:var(--red);position:relative;cursor:pointer}.site-search button span:before{content:"";position:absolute;width:14px;height:14px;border:3px solid #fff;border-radius:50%;left:18px;top:13px}.site-search button span:after{content:"";position:absolute;width:9px;height:3px;background:#fff;transform:rotate(45deg);left:31px;top:29px;border-radius:2px}.header-actions{display:flex;align-items:center;gap:24px;margin-left:auto}.header-actions>a{position:relative;display:flex;align-items:center;flex-direction:column;gap:3px;min-width:55px;font-size:13px;color:#24262a;white-space:nowrap}
.header-actions>a:first-child{min-width:88px}.ui-icon{width:27px;height:27px;display:block;position:relative}.user-icon:before{content:"";position:absolute;width:9px;height:9px;border:2px solid #202226;border-radius:50%;left:8px;top:1px}.user-icon:after{content:"";position:absolute;width:18px;height:10px;border:2px solid #202226;border-radius:11px 11px 0 0;border-bottom:0;left:3px;bottom:1px}.heart-icon:before{content:"♡";font-size:32px;line-height:27px;position:absolute;left:0;top:-3px}.cart-icon:before{content:"";position:absolute;left:4px;top:5px;width:17px;height:12px;border:2px solid #202226;border-top:0;transform:skew(-8deg)}.cart-icon:after{content:"•  •";position:absolute;left:6px;top:10px;font-size:16px;letter-spacing:4px}.count{position:absolute;right:0;top:-5px;width:18px;height:18px;line-height:18px;text-align:center;border-radius:50%;background:var(--red);color:#fff;font-size:10px;font-weight:700}.count.zero{right:4px}.main-nav{height:52px;background:#202126;color:#fff;display:flex;align-items:stretch}.catalog-button{width:222px;background:var(--red);display:flex;align-items:center;gap:13px;padding:0 21px;font-size:16px;flex:0 0 222px}.hamb{width:22px;display:flex;flex-direction:column;gap:4px}.hamb i{height:2px;background:#fff;border-radius:2px;width:20px}.nav-list,.wp-nav{display:flex;align-items:stretch;list-style:none;margin:0;padding:0;gap:0;flex:1}.nav-list a,.wp-nav>li>a{display:flex;align-items:center;padding:0 17px;color:#fff;font-size:14px;white-space:nowrap;height:52px}.nav-list a:hover,.wp-nav>li>a:hover{background:#2b2c31}.wp-nav li{margin:0}.hero-section{position:relative;z-index:2;padding:25px 0 0}.finder-card{background:rgba(255,255,255,.97);border-radius:20px;padding:16px 28px 28px;box-shadow:0 15px 45px rgba(0,0,0,.14)}.finder-card h1{font-size:34px;line-height:1.18;text-align:center;margin:0 0 6px;font-weight:800;letter-spacing:-.8px}.finder-card h1 em{font-style:normal;color:var(--red)}.finder-card>p{text-align:center;margin:0 0 25px;color:#666b72;font-size:16px}.finder-wrap .fourp-search{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important;margin:0!important}.finder-wrap .fourp-search-head{display:none!important}.finder-wrap .fourp-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:22px!important}.finder-wrap .fourp-field label{font-size:15px;font-weight:700;color:#333}.finder-wrap .fourp-search select,.finder-wrap .fourp-search input{height:48px!important;border:1px solid #d9dde3!important;border-radius:7px!important;background:#fff!important;padding:0 14px!important;margin-top:7px!important;font-size:15px!important;color:#777c84!important;box-shadow:none!important}.finder-wrap .fourp-search select:focus,.finder-wrap .fourp-search input:focus{border-color:#cfd4da!important;box-shadow:none!important}.finder-wrap .fourp-search-results{margin-top:15px}.finder-wrap .fourp-search:after{content:'⌕  Подобрать аккумулятор';display:block;width:407px;max-width:100%;margin:21px auto 0;height:53px;line-height:53px;text-align:center;background:var(--red);color:#fff;font-weight:800;font-size:16px;border-radius:7px;box-shadow:none}.benefits-section{position:relative;z-index:2;padding:22px 0 17px}.benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:0 30px;color:#17181b}.benefits-grid>div{display:flex;align-items:center;gap:15px}.benefit-icon{width:38px;height:38px;position:relative;flex:0 0 38px;display:block}.benefits-grid strong{display:block;font-size:15px;margin-bottom:3px}.benefits-grid small{display:block;color:#303236;font-size:13px}.shield:before{content:"";position:absolute;inset:3px 7px;border:2px solid #111;border-radius:4px 4px 9px 9px;transform:rotate(0)}.shield:after{content:"✓";position:absolute;left:13px;top:8px;font-weight:700;font-size:15px}.truck:before{content:"";position:absolute;left:2px;top:10px;width:22px;height:14px;border:2px solid #111;border-radius:2px}.truck:after{content:"●  ●";position:absolute;left:3px;top:18px;font-size:12px;letter-spacing:8px}.return:before{content:"↻";position:absolute;font-size:39px;line-height:38px;left:0;top:-2px}.percent{border:2px solid #111;border-radius:50%;font-size:19px;font-weight:700;display:flex;align-items:center;justify-content:center}.popular-section{position:relative;z-index:2;padding:0 0 34px}.popular-card{background:rgba(255,255,255,.97);border-radius:18px;padding:18px 18px 17px;box-shadow:0 12px 35px rgba(0,0,0,.10)}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.section-head h2{font-size:27px;margin:0;font-weight:800;letter-spacing:-.5px}.section-head h2 em{font-style:normal;color:var(--red)}.section-head>a{color:var(--red);font-size:13px}.section-head>a span{font-size:17px}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.product-card{position:relative;background:#fff;border:1px solid #e8eaed;border-radius:12px;min-width:0;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.035)}.product-image{height:170px;display:flex;align-items:center;justify-content:center;padding:11px 18px 3px}.product-image img{width:100%;height:100%;object-fit:contain}.heart{position:absolute;right:12px;top:12px;border:0;background:transparent;font-size:28px;line-height:1;color:#9aa0a7;cursor:pointer}.sale-badge{position:absolute;left:11px;top:12px;background:var(--red);color:#fff;border-radius:5px;padding:4px 7px;font-size:11px;font-weight:800}.brand-line{font-size:11px;color:#888;text-transform:uppercase;letter-spacing:.3px}.product-body{padding:0 15px 14px}.product-card h3{font-size:15px;line-height:1.25;margin:4px 0 8px;font-weight:700}.specs{display:flex;gap:7px;margin-bottom:9px}.specs span{background:#f3f4f6;border-radius:4px;padding:3px 7px;color:#777c83;font-size:11px}.price-row{min-height:29px}.price{font-size:21px;font-weight:900;color:#111}.price ins{text-decoration:none;color:var(--red)}.price del{font-size:12px;color:#9a9ca1;font-weight:500;margin-left:7px}.buy-button{display:block;background:var(--red);color:#fff!important;text-align:center;border-radius:6px;height:41px;line-height:41px;margin-top:8px;font-weight:800;font-size:14px}.buy-button:hover{background:#d60f15}.site-main{padding:30px 0 50px}.content-card,.woocommerce-page-card{background:#fff;border-radius:18px;padding:28px}.site-footer{background:#191a1d;color:#fff;padding:25px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center;font-size:13px}.footer-inner strong{font-size:18px}.footer-inner span{color:#9fa3a8}.woocommerce ul.products li.product{border:1px solid #e7e9ec;border-radius:12px;padding:12px;background:#fff}.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{background:var(--red);color:#fff;border-radius:7px}.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover{background:#d60f15;color:#fff}.woocommerce div.product{background:#fff;border-radius:18px;padding:25px}.woocommerce div.product .price{color:var(--red)}
@media(max-width:1100px){.header-top{gap:18px}.brand{width:225px;flex-basis:225px}.brand img{width:215px}.header-actions{gap:12px}.nav-list a,.wp-nav>li>a{padding:0 11px;font-size:13px}.finder-card h1{font-size:30px}.benefits-grid{padding:0 15px}.product-grid{gap:10px}}
@media(max-width:780px){body.fourp-exact-front{background-attachment:scroll;background-position:center top}.site-header{padding-top:10px}.header-shell{border-radius:15px}.header-top{height:auto;min-height:82px;padding:9px 12px;flex-wrap:wrap;gap:10px}.brand{width:185px;flex-basis:185px}.brand img{width:175px;height:65px}.header-actions{margin-left:auto;gap:6px}.header-actions>a{min-width:43px;font-size:10px}.header-actions>a>span:last-of-type{display:block}.ui-icon{transform:scale(.82)}.count{right:-2px}.site-search{order:3;flex-basis:100%;height:43px}.site-search button{width:50px}.main-nav{overflow-x:auto;height:48px}.catalog-button{height:48px;min-width:185px;width:185px;flex-basis:185px;font-size:13px}.nav-list,.wp-nav{min-width:max-content}.nav-list a,.wp-nav>li>a{height:48px;padding:0 12px;font-size:12px}.hero-section{padding-top:10px}.finder-card{padding:15px 12px 18px;border-radius:14px}.finder-card h1{font-size:24px}.finder-card>p{font-size:12px;line-height:1.4;margin-bottom:17px}.finder-wrap .fourp-grid{grid-template-columns:1fr!important;gap:10px!important}.finder-wrap .fourp-field label{font-size:13px}.finder-wrap .fourp-search select,.finder-wrap .fourp-search input{height:45px!important}.finder-wrap .fourp-search:after{width:100%;height:48px;line-height:48px;margin-top:15px}.benefits-grid{grid-template-columns:1fr 1fr;gap:13px 8px;padding:0 10px}.benefits-grid>div{gap:8px}.benefit-icon{transform:scale(.78);transform-origin:left center;margin-right:-7px}.benefits-grid strong{font-size:12px}.benefits-grid small{font-size:10px}.popular-card{border-radius:14px;padding:13px 10px}.section-head h2{font-size:20px}.section-head>a{font-size:11px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.product-image{height:125px;padding:8px}.product-body{padding:0 9px 9px}.product-card h3{font-size:12px}.price{font-size:17px}.buy-button{height:37px;line-height:37px;font-size:12px}.specs{gap:4px}.specs span{font-size:9px;padding:2px 5px}.heart{font-size:23px;right:8px;top:8px}.sale-badge{font-size:9px;left:7px;top:7px}.footer-inner{padding:0 10px;display:block}.footer-inner span{display:block;margin-top:4px}}

/* Battery finder results on the homepage */
.front-main .fourp-search-results:has(.fourp-results){
  margin-top:24px;
  padding-top:20px;
  border-top:1px solid #eceff2;
}
.front-main .fourp-search-results:has(.fourp-results)::before{
  content:'Подходящие аккумуляторы для вашего автомобиля';
  display:block;
  margin:0 0 14px;
  font-size:20px;
  font-weight:800;
  color:#111827;
}
.front-main .fourp-results{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.front-main .fourp-product{border:1px solid #e7e7e7;border-radius:16px;padding:14px;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.06)}
.front-main .fourp-product img{height:185px;object-fit:contain}
.front-main .fourp-product h3{min-height:42px}
.front-main .fourp-product-buy{background:#e31e24!important;border-radius:9px;padding:10px 14px;font-weight:800}
.front-main .fourp-product-buy:hover{background:#b9151b!important}
@media(max-width:1000px){.front-main .fourp-results{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.front-main .fourp-results{grid-template-columns:repeat(2,minmax(0,1fr))}.front-main .fourp-product img{height:135px}}
.front-main .finder-note{margin:-4px 0 12px;color:#667085;font-size:14px;text-align:center}

.finder-plugin-missing{background:#fff3f3;border:2px solid #ef171d;border-radius:12px;padding:18px;text-align:center;color:#222;display:flex;flex-direction:column;gap:6px}.finder-plugin-missing strong{font-size:18px;color:#ef171d}.finder-plugin-missing span{font-size:14px;color:#555}

/* Homepage is the battery landing/catalog page */
.battery-catalog-section{margin-top:0}
.battery-catalog-section .popular-card{border-top:4px solid #ef171d}
/* Final battery-home reinforcement: never hide the real finder or its AJAX results. */
.fourp-exact-front .finder-card,.fourp-exact-front .finder-wrap,.fourp-exact-front .fourp-search,.fourp-exact-front .fourp-search-results{visibility:visible!important;opacity:1!important;}
.fourp-exact-front .finder-wrap .fourp-search-results{display:block!important;min-height:0;}
.fourp-exact-front .finder-wrap .fourp-search-results .fourp-results{display:grid!important;}
.fourp-exact-front .finder-wrap .fourp-search-results:empty{display:none!important;}


/* 4P 2.4: battery category uses the same visual shell as the homepage */
body.fourp-exact-front .site-main { position:relative; z-index:2; }
body.fourp-exact-front .woocommerce-page-card { background:rgba(255,255,255,.97); border-radius:18px; box-shadow:0 12px 35px rgba(0,0,0,.10); }
body.fourp-exact-front .woocommerce-page-card .woocommerce-products-header h1 { font-size:34px; font-weight:800; margin:0 0 10px; }
body.fourp-exact-front .woocommerce-page-card .term-description { color:#555; line-height:1.65; }
body.fourp-exact-front .woocommerce-page-card .woocommerce-result-count, body.fourp-exact-front .woocommerce-page-card .woocommerce-ordering { margin-top:10px; }
body.fourp-exact-front .woocommerce-page-card ul.products { margin-top:20px; }
body.fourp-exact-front .woocommerce-page-card ul.products li.product { background:#fff; }
@media(max-width:780px){ body.fourp-exact-front .woocommerce-page-card{padding:16px 12px;} body.fourp-exact-front .woocommerce-page-card .woocommerce-products-header h1{font-size:25px;} }

/* 4P visual refinement: large side logo integrated into the garage background */
.fourp-side-brand{
  position:fixed;
  z-index:40;
  top:30px;
  left:max(18px,calc(50% - 930px));
  width:280px;
  display:flex;
  align-items:center;
  justify-content:center;
  filter:drop-shadow(0 10px 18px rgba(0,0,0,.48));
  transition:transform .2s ease,filter .2s ease;
}
.fourp-side-brand img{display:block;width:100%;height:auto;object-fit:contain}
.fourp-side-brand:hover{transform:scale(1.025);filter:drop-shadow(0 12px 22px rgba(0,0,0,.58))}
/* Header becomes a clean functional control bar after moving the logo onto the background. */
.header-top{justify-content:center}
.header-top .brand{display:none!important}
.site-search{flex:0 1 500px;max-width:500px;margin-left:auto}
.header-actions{margin-left:0}
@media(max-width:1450px){
  .fourp-side-brand{left:18px;width:190px}
  .header-top{gap:28px}
}
@media(max-width:1180px){
  .fourp-side-brand{width:175px;top:30px}
}
@media(max-width:980px){
  .fourp-side-brand{width:165px;top:26px;left:10px;opacity:.92}
  .site-search{max-width:none;flex:1}
}
@media(max-width:780px){
  .fourp-side-brand{display:none!important}
  .header-top{justify-content:initial}
  .site-search{max-width:none;flex:1}
}


/* 4P 2.4.10 — catalog panel: single column, elegant slow reveal. Button styling remains unchanged. */
.main-nav{position:relative;z-index:60;overflow:visible}
.catalog-dropdown{position:fixed;left:0;top:0;width:310px;background:rgba(255,255,255,.98);color:#202126;border:1px solid rgba(229,231,235,.95);border-radius:12px;box-shadow:0 18px 45px rgba(0,0,0,.25);z-index:100;overflow:hidden;opacity:0;transform:translateY(-8px) scaleY(.94);transform-origin:top left;transition:opacity .23s ease,transform .23s cubic-bezier(.2,.75,.25,1);pointer-events:none}
.catalog-dropdown.is-open{opacity:1;transform:translateY(0) scaleY(1);pointer-events:auto}
.catalog-dropdown[hidden]{display:none!important}
.catalog-dropdown-inner{display:flex;flex-direction:column;padding:9px}
.catalog-category-link{display:flex;align-items:center;min-height:48px;padding:11px 15px;color:#17181b;font-size:16px;font-weight:700;line-height:1.3;letter-spacing:.05px;border-radius:8px;transition:background .16s ease,color .16s ease,transform .16s ease}
.catalog-category-link:before{content:'›';font-size:23px;font-weight:800;line-height:1;margin-right:10px;color:#ef171d;transition:transform .16s ease}
.catalog-category-link:hover{background:#f6f7f8;color:#ef171d;transform:translateX(2px)}
.catalog-category-link:hover:before{transform:translateX(2px)}
@media(max-width:780px){.catalog-dropdown{left:10px;width:calc(100vw - 20px);max-height:70vh;overflow:auto;border-radius:11px}.catalog-dropdown-inner{padding:8px}.catalog-category-link{font-size:15px;min-height:44px;padding:10px 12px}}

/* 4P 2.4.17 — clean header icons, no distortion */
.header-actions .ui-icon{width:30px;height:30px;display:flex;align-items:center;justify-content:center;position:relative;flex:0 0 30px;transform:none!important}
.header-actions .header-svg{width:25px;height:25px;display:block;overflow:visible;fill:none;stroke:#202226;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.header-actions>a:first-child .header-svg{width:27px;height:27px}
.header-actions>a:nth-child(2) .header-svg{width:27px;height:27px}
.header-actions>a:nth-child(3) .header-svg{width:27px;height:27px}
.header-actions>a:hover .header-svg{stroke:#ef171d}
.header-actions>a{gap:4px}
.header-actions .count{right:-2px;top:-3px}
@media(max-width:780px){.header-actions .ui-icon{width:26px;height:26px;flex-basis:26px}.header-actions .header-svg{width:23px;height:23px}.header-actions>a:first-child .header-svg,.header-actions>a:nth-child(2) .header-svg,.header-actions>a:nth-child(3) .header-svg{width:23px;height:23px}.header-actions .count{right:-3px;top:-4px}}

/* Footer company description */
.site-footer{padding:34px 0 32px}
.footer-inner{align-items:flex-start;gap:55px}
.footer-about{max-width:860px;flex:1}
.footer-about h2{margin:0 0 12px;color:#fff;font-size:20px;line-height:1.25;font-weight:800}
.footer-about p{margin:0 0 9px;color:#d3d5d8;font-size:14px;line-height:1.6}
.footer-contact{margin-top:14px;color:#aeb2b7;font-size:13px}
.footer-phone{display:inline-block;color:#fff!important;font-size:17px;font-weight:800;text-decoration:none;margin-left:4px}
.footer-phone:hover{color:var(--red)!important}
.footer-side{min-width:230px;display:flex;flex-direction:column;gap:6px;padding-top:2px}
.footer-side strong{font-size:18px;color:#fff}
.footer-side span{font-size:13px;line-height:1.45;color:#9fa3a8}
@media(max-width:780px){.footer-inner{display:block}.footer-about{max-width:none}.footer-about h2{font-size:18px}.footer-about p{font-size:12px;line-height:1.55}.footer-contact{margin-top:12px}.footer-phone{font-size:16px}.footer-side{min-width:0;margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.10)}}


/* Copyright line */
.footer-copyright{
  border-top:1px solid rgba(255,255,255,.10);
  margin-top:24px;
  padding:14px 0 16px;
  color:rgba(255,255,255,.72);
  font-size:13px;
  line-height:1.5;
  text-align:center;
}
.footer-copyright .container{max-width:1180px;margin:0 auto;padding:0 20px;}
@media (max-width:700px){
  .footer-copyright{font-size:12px;padding:12px 0 14px;}
  .footer-copyright .container{padding:0 14px;}
}

/* 4P 2.4.21 — contact phone and delivery in header */
.header-contact{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;min-width:225px;line-height:1.25;margin-left:auto;padding:0 4px}
.header-phone{font-size:19px;font-weight:800;color:#1f2024;white-space:nowrap;letter-spacing:.1px;line-height:1.1}
.header-phone:hover{color:var(--red)}
.header-delivery{font-size:14px;font-weight:600;color:#3f4349;white-space:nowrap;line-height:1.25}
@media(max-width:1100px){.header-contact{min-width:205px;gap:4px}.header-phone{font-size:17px}.header-delivery{font-size:13px}.header-actions{gap:9px}}
@media(max-width:780px){.header-contact{order:2;min-width:0;flex:1;align-items:flex-end;margin-left:auto;gap:3px;padding:0}.header-phone{font-size:14px}.header-delivery{font-size:11px;font-weight:600;text-align:right;white-space:normal;max-width:190px;line-height:1.25}.site-search{order:3}.header-actions{order:1;margin-left:0}}

/* 4P 2.4.25 — responsive logo: scales with display width */
.fourp-side-brand{
    width:clamp(125px, 11vw, 220px);
    top:clamp(22px, 2.1vw, 34px);
    left:clamp(10px, calc((100vw - 1860px) / 2 + 18px), 48px);
    z-index:20;
}
@media (max-width:1450px){
    .fourp-side-brand{
        width:clamp(120px, 11.5vw, 190px);
        left:18px;
    }
}
@media (max-width:1180px){
    .fourp-side-brand{
        width:clamp(115px, 13vw, 170px);
        left:12px;
    }
}
@media (max-width:980px){
    .fourp-side-brand{
        width:clamp(105px, 15vw, 150px);
        left:8px;
        top:22px;
    }
}
@media (max-width:780px){
    .fourp-side-brand{
        width:105px;
        left:6px;
        top:18px;
    }
}
@media (max-width:620px){
    .fourp-side-brand{
        width:88px;
        left:5px;
        top:14px;
    }
}
@media (max-width:480px){
    .fourp-side-brand{
        width:76px;
        left:4px;
        top:10px;
    }
}

/* 4P 2.4.26 — show the logged-in customer's name in the header */
.header-actions .fourp-account-link .fourp-account-label{
  max-width:120px;
  overflow:hidden;
  text-overflow:ellipsis;
  font-weight:700;
  color:#202226;
  text-align:center;
}
.header-actions .fourp-account-link:hover .fourp-account-label{color:var(--red)}
@media(max-width:1100px){
  .header-actions .fourp-account-link .fourp-account-label{max-width:100px}
}
@media(max-width:780px){
  .header-actions .fourp-account-link .fourp-account-label{max-width:78px;font-size:10px}
}

/* 4 ПОРШНЯ: subtle attention animation for logged-in customer name */
.fourp-account-link .fourp-account-label {
  color:#d71920;
  font-weight:700;
  display:inline-block;
  transform-origin:center;
  animation:fourpNamePulse 3.2s ease-in-out infinite;
  transition:color .25s ease, text-shadow .25s ease, transform .25s ease, filter .25s ease;
}
.fourp-account-link:hover .fourp-account-label,
.fourp-account-link:focus-visible .fourp-account-label {
  color:#ff1f2a;
  text-shadow:0 0 7px rgba(255,31,42,.48);
  transform:scale(1.07);
  filter:brightness(1.18);
  animation:none;
}
@keyframes fourpNamePulse {
  0%,100% { opacity:1; text-shadow:0 0 0 rgba(255,31,42,0); filter:brightness(1); }
  45% { opacity:.82; text-shadow:0 0 5px rgba(255,31,42,.28); filter:brightness(1.04); }
  60% { opacity:1; text-shadow:0 0 9px rgba(255,31,42,.42); filter:brightness(1.10); }
}
@media (prefers-reduced-motion: reduce) {
  .fourp-account-link .fourp-account-label { animation:none; }
}

/* 4P 2.4.30 — side-mounted cart/account icons, matching the fixed logo principle; icons only */

/* 4P 2.4.30 — side-mounted cart/account icons, matching the fixed logo principle; icons only */
.header-actions{
  position:fixed!important;
  z-index:60;
  top:32px;
  right:max(14px,calc(50% - 930px));
  width:58px!important;
  min-width:58px!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
}
.header-actions>a{
  width:52px!important;
  min-width:52px!important;
  height:52px!important;
  padding:0!important;
  margin:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  font-size:0!important;
  line-height:1!important;
  color:#202226!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  position:relative!important;
  transition:transform .2s ease,filter .2s ease!important;
}
.header-actions>a:hover,
.header-actions>a:focus-visible{
  transform:scale(1.12);
  filter:drop-shadow(0 0 7px rgba(239,23,29,.45));
  outline:none;
}
.header-actions>a .ui-icon{
  width:34px!important;
  height:34px!important;
  flex:0 0 34px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.header-actions>a .header-svg{
  width:32px!important;
  height:32px!important;
  stroke:#202226!important;
  stroke-width:1.8!important;
}
.header-actions>a:hover .header-svg,
.header-actions>a:focus-visible .header-svg{
  stroke:var(--red)!important;
}
.header-actions .fourp-account-label{
  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;
}
.header-actions .count{
  right:-1px!important;
  top:1px!important;
  width:18px!important;
  height:18px!important;
  line-height:18px!important;
  font-size:10px!important;
  z-index:2!important;
}
.header-actions .cart-link{order:1!important}
.header-actions .fourp-account-link{order:2!important}
@media(max-width:1180px){
  .header-actions{right:10px!important;top:28px!important}
}
@media(max-width:780px){
  .header-actions{
    position:absolute!important;
    top:10px!important;
    right:8px!important;
    width:46px!important;
    min-width:46px!important;
    gap:3px!important;
  }
  .header-actions>a{
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
  }
  .header-actions>a .ui-icon{width:28px!important;height:28px!important;flex-basis:28px!important}
  .header-actions>a .header-svg{width:27px!important;height:27px!important}
  .header-actions .count{right:-2px!important;top:-1px!important}
  .header-top{padding-right:54px!important}
}


/* 4P 2.4.33 — large white side icons with calm red pulse and strong red hover */
.header-actions>a .header-svg{
  width:42px!important;
  height:42px!important;
  stroke:#fff!important;
  stroke-width:1.9!important;
  filter:drop-shadow(0 0 0 rgba(239,23,29,0));
  animation:fourpSideIconPulse 2.8s ease-in-out infinite;
  transition:stroke .2s ease,filter .2s ease,transform .2s ease;
}
.header-actions>a:hover .header-svg,
.header-actions>a:focus-visible .header-svg{
  stroke:#ef171d!important;
  filter:drop-shadow(0 0 8px rgba(239,23,29,.95)) drop-shadow(0 0 16px rgba(239,23,29,.55));
  transform:scale(1.16);
  animation:none;
}
.header-actions>a{
  width:62px!important;
  min-width:62px!important;
  height:62px!important;
}
.header-actions>a:hover,
.header-actions>a:focus-visible{
  transform:scale(1.05)!important;
  filter:none!important;
}
@keyframes fourpSideIconPulse{
  0%,100%{filter:drop-shadow(0 0 0 rgba(239,23,29,0));}
  42%{filter:drop-shadow(0 0 4px rgba(239,23,29,.28));}
  58%{filter:drop-shadow(0 0 11px rgba(239,23,29,.82));}
}
.header-actions .count{
  right:-1px!important;
  top:2px!important;
  width:20px!important;
  height:20px!important;
  line-height:20px!important;
  font-size:10px!important;
}
@media(max-width:780px){
  .header-actions>a{width:50px!important;min-width:50px!important;height:50px!important}
  .header-actions>a .header-svg{width:34px!important;height:34px!important}
  .header-actions .count{right:-2px!important;top:-1px!important}
}


/* 4P 2.4.33 — dimensional side controls: solid 3D cart/account buttons */
.header-actions{
  position:fixed!important;
  z-index:80!important;
  top:30px!important;
  right:clamp(28px,2.2vw,42px)!important;
  width:104px!important;
  min-width:104px!important;
  padding:0!important;
  margin:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:12px!important;
}
.header-actions>a{
  width:98px!important;
  min-width:98px!important;
  height:98px!important;
  padding:0!important;
  margin:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:6px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:#fff!important;
  font-size:0!important;
  line-height:1!important;
  transform:none!important;
}
.header-actions>a .ui-icon{
  width:72px!important;
  height:72px!important;
  flex:0 0 72px!important;
  border-radius:50%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:
    radial-gradient(circle at 35% 28%,rgba(255,255,255,.20),transparent 28%),
    radial-gradient(circle at 50% 48%,#2a080a 0%,#120405 58%,#050505 100%)!important;
  border:3px solid #ef171d!important;
  box-shadow:
    inset 0 3px 6px rgba(255,255,255,.16),
    inset 0 -7px 13px rgba(0,0,0,.72),
    0 5px 13px rgba(0,0,0,.55),
    0 0 8px rgba(239,23,29,.42)!important;
  position:relative!important;
  overflow:visible!important;
}
.header-actions>a .ui-icon:after{
  content:"";
  position:absolute;
  inset:4px;
  border-radius:50%;
  border:1px solid rgba(255,62,68,.65);
  pointer-events:none;
}
.header-actions>a .header-svg{
  width:48px!important;
  height:48px!important;
  stroke:#fff!important;
  stroke-width:1.75!important;
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.65))!important;
  animation:fourpDimensionalPulse 2.8s ease-in-out infinite!important;
  transition:stroke .18s ease,filter .18s ease,transform .18s ease!important;
}
.header-actions>a .fourp-account-label{
  position:static!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:7px 10px 6px!important;
  overflow:visible!important;
  clip:auto!important;
  white-space:nowrap!important;
  max-width:104px!important;
  text-overflow:ellipsis!important;
  border-radius:8px!important;
  background:linear-gradient(180deg,#ff2a30 0%,#c90e14 100%)!important;
  border:1px solid rgba(255,100,105,.55)!important;
  box-shadow:0 4px 10px rgba(0,0,0,.38), inset 0 1px 1px rgba(255,255,255,.18)!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1!important;
  text-align:center!important;
  animation:none!important;
}
.header-actions .cart-link > span:not(.ui-icon){
  display:block!important;
  padding:7px 10px 6px!important;
  border-radius:8px!important;
  background:linear-gradient(180deg,#ff2a30 0%,#c90e14 100%)!important;
  border:1px solid rgba(255,100,105,.55)!important;
  box-shadow:0 4px 10px rgba(0,0,0,.38), inset 0 1px 1px rgba(255,255,255,.18)!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.header-actions>a:hover .ui-icon,
.header-actions>a:focus-visible .ui-icon{
  transform:scale(1.08)!important;
  border-color:#ff3b40!important;
  box-shadow:
    inset 0 3px 6px rgba(255,255,255,.20),
    inset 0 -7px 13px rgba(0,0,0,.68),
    0 7px 18px rgba(0,0,0,.58),
    0 0 18px rgba(239,23,29,.95),
    0 0 32px rgba(239,23,29,.58)!important;
}
.header-actions>a:hover .header-svg,
.header-actions>a:focus-visible .header-svg{
  stroke:#ff3037!important;
  transform:scale(1.10)!important;
  filter:drop-shadow(0 0 5px rgba(255,45,52,.95)) drop-shadow(0 0 10px rgba(255,45,52,.55))!important;
  animation:none!important;
}
.header-actions>a:hover > span:not(.ui-icon),
.header-actions>a:focus-visible > span:not(.ui-icon),
.header-actions>a:hover .fourp-account-label,
.header-actions>a:focus-visible .fourp-account-label{
  filter:brightness(1.15)!important;
  transform:translateY(-1px)!important;
}
.header-actions .count{
  right:5px!important;
  top:0!important;
  width:22px!important;
  height:22px!important;
  line-height:22px!important;
  border:2px solid #fff!important;
  font-size:10px!important;
  z-index:5!important;
}
.header-actions .cart-link{order:1!important}
.header-actions .fourp-account-link{order:2!important}
@keyframes fourpDimensionalPulse{
  0%,100%{filter:drop-shadow(0 0 0 rgba(239,23,29,0)) drop-shadow(0 1px 1px rgba(0,0,0,.65));}
  42%{filter:drop-shadow(0 0 5px rgba(239,23,29,.35)) drop-shadow(0 1px 1px rgba(0,0,0,.65));}
  58%{filter:drop-shadow(0 0 13px rgba(239,23,29,.95)) drop-shadow(0 0 21px rgba(239,23,29,.42)) drop-shadow(0 1px 1px rgba(0,0,0,.65));}
}
@media(max-width:1180px){
  .header-actions{right:18px!important;top:25px!important;transform:scale(.92);transform-origin:top right;}
}
@media(max-width:780px){
  .header-actions{position:absolute!important;right:6px!important;top:8px!important;width:78px!important;min-width:78px!important;gap:5px!important;transform:scale(.72);transform-origin:top right;}
  .header-top{padding-right:62px!important;}
}

/* 4P 2.4.36 — click-to-open search, second click submits, matching the dimensional side controls */
.header-actions .fourp-side-search{
  width:98px!important;
  min-width:98px!important;
  height:98px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-direction:column!important;
  position:relative!important;
  order:3!important;
  background:transparent!important;
  border:0!important;
  overflow:visible!important;
}
.header-actions .fourp-side-search-button{
  width:98px!important;
  height:98px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  color:#fff!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:6px!important;
  cursor:pointer!important;
  position:relative!important;
}
.header-actions .fourp-side-search-button .ui-icon{
  width:72px!important;
  height:72px!important;
  flex:0 0 72px!important;
  border-radius:50%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:
    radial-gradient(circle at 35% 28%,rgba(255,255,255,.20),transparent 28%),
    radial-gradient(circle at 50% 48%,#2a080a 0%,#120405 58%,#050505 100%)!important;
  border:3px solid #ef171d!important;
  box-shadow:
    inset 0 3px 6px rgba(255,255,255,.16),
    inset 0 -7px 13px rgba(0,0,0,.72),
    0 5px 13px rgba(0,0,0,.55),
    0 0 8px rgba(239,23,29,.42)!important;
  position:relative!important;
  overflow:visible!important;
}
.header-actions .fourp-side-search-button .ui-icon:after{
  content:"";
  position:absolute;
  inset:4px;
  border-radius:50%;
  border:1px solid rgba(255,62,68,.65);
  pointer-events:none;
}
.header-actions .fourp-side-search-button .header-svg{
  width:48px!important;
  height:48px!important;
  fill:none!important;
  stroke:#fff!important;
  stroke-width:2.1!important;
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.65))!important;
  animation:fourpDimensionalPulse 2.8s ease-in-out infinite!important;
  transition:stroke .18s ease,filter .18s ease,transform .18s ease!important;
}
.header-actions .fourp-side-search-label{
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:7px 10px 6px!important;
  border-radius:8px!important;
  background:linear-gradient(180deg,#ff2a30 0%,#c90e14 100%)!important;
  border:1px solid rgba(255,100,105,.55)!important;
  box-shadow:0 4px 10px rgba(0,0,0,.38), inset 0 1px 1px rgba(255,255,255,.18)!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.header-actions .fourp-side-search-input{
  position:absolute!important;
  right:102px!important;
  top:16px!important;
  width:0!important;
  height:48px!important;
  padding:0!important;
  opacity:0!important;
  pointer-events:none!important;
  border:2px solid #ef171d!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#222!important;
  font-size:15px!important;
  box-shadow:0 8px 22px rgba(0,0,0,.32)!important;
  outline:none!important;
  transition:width .22s ease,opacity .18s ease,padding .22s ease!important;
  z-index:20!important;
}
.header-actions .fourp-side-search:focus-within .fourp-side-search-input,
.header-actions .fourp-side-search.is-open .fourp-side-search-input{
  width:230px!important;
  padding:0 14px!important;
  opacity:1!important;
  pointer-events:auto!important;
}
.header-actions .fourp-side-search:focus-within .fourp-side-search-button .ui-icon,
.header-actions .fourp-side-search.is-open .fourp-side-search-button .ui-icon{
  transform:scale(1.08)!important;
  border-color:#ff3b40!important;
  box-shadow:
    inset 0 3px 6px rgba(255,255,255,.20),
    inset 0 -7px 13px rgba(0,0,0,.68),
    0 7px 18px rgba(0,0,0,.58),
    0 0 18px rgba(239,23,29,.95),
    0 0 32px rgba(239,23,29,.58)!important;
}
.header-actions .fourp-side-search:focus-within .fourp-side-search-button .header-svg,
.header-actions .fourp-side-search.is-open .fourp-side-search-button .header-svg{
  stroke:#ff3037!important;
  transform:scale(1.10)!important;
  filter:drop-shadow(0 0 5px rgba(255,45,52,.95)) drop-shadow(0 0 10px rgba(255,45,52,.55))!important;
  animation:none!important;
}
.header-actions .fourp-side-search:focus-within .fourp-side-search-label,
.header-actions .fourp-side-search.is-open .fourp-side-search-label{
  filter:brightness(1.15)!important;
  transform:translateY(-1px)!important;
}
@media(max-width:780px){
  .header-actions .fourp-side-search{width:72px!important;min-width:72px!important;height:72px!important}
  .header-actions .fourp-side-search-button{width:72px!important;height:72px!important;gap:4px!important}
  .header-actions .fourp-side-search-button .ui-icon{width:58px!important;height:58px!important;flex-basis:58px!important}
  .header-actions .fourp-side-search-button .header-svg{width:39px!important;height:39px!important}
  .header-actions .fourp-side-search-label{font-size:11px!important;padding:5px 7px 5px!important}
  .header-actions .fourp-side-search-input{right:76px!important;top:5px!important;height:42px!important}
  .header-actions .fourp-side-search:focus-within .fourp-side-search-input,.header-actions .fourp-side-search.is-open .fourp-side-search-input{width:190px!important}
}


/* 4P 2.4.37 — prominent delivery message, phone and callback button in the header */
.header-top{
  padding-right:30px!important;
}
.header-contact{
  display:grid!important;
  grid-template-columns:minmax(300px,1fr) auto!important;
  grid-template-areas:"delivery phone" "delivery callback"!important;
  align-items:center!important;
  column-gap:22px!important;
  row-gap:6px!important;
  min-width:500px!important;
  margin-left:auto!important;
  padding:0!important;
}
.header-delivery{
  grid-area:delivery!important;
  align-self:center!important;
  font-size:24px!important;
  line-height:1.05!important;
  font-weight:900!important;
  letter-spacing:-.35px!important;
  color:#ef171d!important;
  white-space:nowrap!important;
  text-shadow:0 1px 0 rgba(255,255,255,.75)!important;
}
.header-phone{
  grid-area:phone!important;
  justify-self:end!important;
  font-size:23px!important;
  line-height:1!important;
  font-weight:900!important;
  color:#1f2024!important;
  white-space:nowrap!important;
}
.header-phone:hover{color:#ef171d!important}
.header-contact .header-callback-button{
  grid-area:callback!important;
  justify-self:end!important;
  margin:0!important;
  min-height:38px!important;
  padding:9px 17px!important;
  border-radius:9px!important;
  font-size:13px!important;
}
@media(max-width:1100px){
  .header-contact{min-width:430px!important;grid-template-columns:minmax(250px,1fr) auto!important;column-gap:14px!important}
  .header-delivery{font-size:20px!important}
  .header-phone{font-size:20px!important}
}
@media(max-width:780px){
  .header-contact{
    min-width:0!important;
    width:100%!important;
    grid-template-columns:1fr auto!important;
    grid-template-areas:"delivery phone" "delivery callback"!important;
    column-gap:9px!important;
    row-gap:4px!important;
    padding:2px 0!important;
  }
  .header-delivery{font-size:15px!important;white-space:normal!important;line-height:1.08!important}
  .header-phone{font-size:15px!important}
  .header-contact .header-callback-button{font-size:10px!important;min-height:31px!important;padding:7px 9px!important}
}

/* 4P 2.4.38 — delivery, phone and callback in one horizontal line */
.header-top{gap:24px!important}
.header-contact{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:16px!important;
  min-width:0!important;
  margin-left:auto!important;
  padding:0!important;
  white-space:nowrap!important;
}
.header-delivery{
  font-size:23px!important;
  line-height:1!important;
  font-weight:900!important;
  color:#ef171d!important;
  white-space:nowrap!important;
}
.header-phone{
  font-size:22px!important;
  line-height:1!important;
  font-weight:900!important;
  color:#1f2024!important;
  white-space:nowrap!important;
}
.header-contact .header-callback-button{
  flex:0 0 auto!important;
  min-height:40px!important;
  padding:10px 16px!important;
  margin:0!important;
  border-radius:9px!important;
  font-size:13px!important;
}
@media(max-width:1100px){
  .header-contact{gap:10px!important}
  .header-delivery{font-size:19px!important}
  .header-phone{font-size:18px!important}
  .header-contact .header-callback-button{font-size:12px!important;padding:9px 12px!important}
}
@media(max-width:780px){
  .header-contact{
    order:2!important;
    width:100%!important;
    justify-content:center!important;
    flex-wrap:wrap!important;
    gap:7px!important;
    white-space:normal!important;
  }
  .header-delivery{font-size:15px!important}
  .header-phone{font-size:15px!important}
  .header-contact .header-callback-button{font-size:10px!important;min-height:32px!important;padding:7px 10px!important}
}


/* 4P 2.4.39 — header arranged like approved horizontal sketch */
.header-shell{overflow:visible!important;position:relative!important;border-radius:0 0 25px 25px!important;box-shadow:0 8px 25px rgba(0,0,0,.15)!important}
.fourp-contactbar{
  height:66px!important;background:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:18px!important;
  border-radius:25px 25px 0 0!important;padding:0 18px!important;white-space:nowrap!important;box-shadow:0 8px 25px rgba(0,0,0,.12)!important;
}
.fourp-contactbar .header-delivery{font-size:24px!important;font-weight:900!important;line-height:1!important;color:#ef171d!important;white-space:nowrap!important}
.fourp-contactbar .header-phone{font-size:23px!important;font-weight:900!important;line-height:1!important;color:#1f2024!important;white-space:nowrap!important}
.fourp-contact-sep{width:2px!important;height:30px!important;background:#ef171d!important;opacity:.65!important;display:block!important}
.fourp-callback-slot{font-size:0!important;min-width:170px!important;height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#ef171d!important;color:#fff!important;border-radius:9px!important;font-weight:900!important;box-shadow:0 5px 16px rgba(239,23,29,.35)!important;position:relative!important}
.fourp-callback-slot:after{content:'☎  Заказать звонок';font-size:13px!important}
.header-top{height:82px!important;background:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0 30px!important;gap:0!important;border-radius:0!important}
.fourp-main-search{width:min(560px,70%)!important;max-width:560px!important;flex:0 1 560px!important;margin:0 auto!important;height:48px!important}
.fourp-floating-actions{position:absolute!important;left:calc(50% + 595px)!important;top:4px!important;display:flex!important;flex-direction:column!important;gap:14px!important;align-items:center!important;margin:0!important;z-index:70!important}
.fourp-floating-actions>a,.fourp-floating-actions .fourp-side-search{width:112px!important;min-width:112px!important;height:92px!important}
.fourp-floating-actions .fourp-side-search-button{width:112px!important;height:92px!important}
.fourp-floating-actions .ui-icon{width:68px!important;height:68px!important}
.fourp-floating-actions .header-svg{width:46px!important;height:46px!important}
.fourp-floating-actions .fourp-side-search-label,.fourp-floating-actions>a>span:last-of-type{font-size:15px!important;padding:6px 12px!important}
.main-nav{border-radius:0 0 25px 25px!important}
@media(max-width:1300px){
 .fourp-floating-actions{left:auto!important;right:8px!important;top:4px!important;transform:scale(.86)!important;transform-origin:top right!important}
 .fourp-contactbar{padding-right:150px!important}
}
@media(max-width:780px){
 .fourp-contactbar{height:auto!important;min-height:58px!important;flex-wrap:wrap!important;gap:7px!important;padding:8px 10px!important;border-radius:15px 15px 0 0!important}
 .fourp-contactbar .header-delivery{font-size:15px!important}
 .fourp-contactbar .header-phone{font-size:15px!important}
 .fourp-contact-sep{height:20px!important}
 .fourp-callback-slot{min-width:125px!important;height:32px!important}
 .fourp-callback-slot:after{font-size:10px!important}
 .header-top{height:65px!important;padding:0 12px!important}
 .fourp-main-search{width:100%!important;max-width:none!important;flex-basis:100%!important}
 .fourp-floating-actions{position:static!important;transform:none!important;display:flex!important;flex-direction:row!important;justify-content:center!important;gap:8px!important;padding:8px 0!important;background:rgba(255,255,255,.96)!important}
 .fourp-floating-actions>a,.fourp-floating-actions .fourp-side-search{width:78px!important;min-width:78px!important;height:72px!important}
 .fourp-floating-actions .fourp-side-search-button{width:78px!important;height:72px!important}
 .fourp-floating-actions .ui-icon{width:50px!important;height:50px!important}
 .fourp-floating-actions .header-svg{width:34px!important;height:34px!important}
 .fourp-floating-actions .fourp-side-search-label,.fourp-floating-actions>a>span:last-of-type{font-size:10px!important;padding:4px 6px!important}
}


/* 4P 2.4.42 — lock floating controls in place; hover/focus only changes brightness, never position/scale */
.fourp-floating-actions{
  left:calc(50% + 595px)!important;
  right:auto!important;
  top:4px!important;
  transform:none!important;
  transform-origin:center!important;
}
.fourp-floating-actions>a,
.fourp-floating-actions .fourp-side-search,
.fourp-floating-actions>a:hover,
.fourp-floating-actions>a:focus,
.fourp-floating-actions .fourp-side-search:hover,
.fourp-floating-actions .fourp-side-search:focus-within{
  transform:none!important;
}
.fourp-floating-actions .ui-icon,
.fourp-floating-actions>a:hover .ui-icon,
.fourp-floating-actions>a:focus-visible .ui-icon,
.fourp-floating-actions .fourp-side-search:focus-within .fourp-side-search-button .ui-icon,
.fourp-floating-actions .fourp-side-search.is-open .fourp-side-search-button .ui-icon{
  transform:none!important;
}
.fourp-floating-actions .header-svg,
.fourp-floating-actions>a:hover .header-svg,
.fourp-floating-actions>a:focus-visible .header-svg,
.fourp-floating-actions .fourp-side-search:focus-within .fourp-side-search-button .header-svg,
.fourp-floating-actions .fourp-side-search.is-open .fourp-side-search-button .header-svg{
  transform:none!important;
}
.fourp-floating-actions>a:hover > span:not(.ui-icon),
.fourp-floating-actions>a:focus-visible > span:not(.ui-icon),
.fourp-floating-actions>a:hover .fourp-account-label,
.fourp-floating-actions>a:focus-visible .fourp-account-label,
.fourp-floating-actions .fourp-side-search:focus-within .fourp-side-search-label,
.fourp-floating-actions .fourp-side-search.is-open .fourp-side-search-label{
  transform:none!important;
}
@media(max-width:1300px){
  .fourp-floating-actions{left:auto!important;right:8px!important;top:4px!important;transform:none!important}
}
@media(max-width:780px){
  .fourp-floating-actions{right:6px!important;left:auto!important;top:8px!important;transform:none!important}
}

/* 4P 2.4.42 — cart/login/search stay fixed to the viewport like the side logo while scrolling */
.fourp-floating-actions{
  position:fixed!important;
  left:calc(50% + 595px)!important;
  right:auto!important;
  top:4px!important;
  transform:none!important;
  z-index:9990!important;
}
@media(max-width:1300px){
  .fourp-floating-actions{
    position:fixed!important;
    left:auto!important;
    right:8px!important;
    top:4px!important;
    transform:none!important;
  }
}
@media(max-width:780px){
  .fourp-floating-actions{
    position:fixed!important;
    left:auto!important;
    right:8px!important;
    top:8px!important;
    transform:none!important;
    background:transparent!important;
    padding:0!important;
  }
}

/* 4P 2.4.43 — callback header control is a real button linked to the callback plugin */
.fourp-callback-slot{
  appearance:none!important;
  -webkit-appearance:none!important;
  border:0!important;
  margin:0!important;
  padding:0 14px!important;
  cursor:pointer!important;
  font-family:Arial,Helvetica,sans-serif!important;
  text-decoration:none!important;
  pointer-events:auto!important;
  z-index:2!important;
}
.fourp-callback-slot:hover{
  background:#d90f15!important;
}
.fourp-callback-slot:focus{
  outline:2px solid rgba(239,23,29,.25)!important;
  outline-offset:2px!important;
}


/* 4P 2.4.46 — REAL MOBILE ADAPTATION
   Desktop rules remain untouched. These rules are deliberately last so they win over legacy mobile CSS. */
@media (max-width: 780px){
  html, body{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
  body{background-attachment:scroll!important;background-position:center top!important}

  .site-header{width:100%!important;max-width:100%!important;overflow:visible!important}
  .header-shell{width:100%!important;max-width:100%!important;margin:0!important;padding:0 10px!important;box-sizing:border-box!important;overflow:visible!important;border-radius:0 0 16px 16px!important}

  /* Logo: visible on mobile, fixed and compact. */
  .fourp-side-brand{display:flex!important;position:fixed!important;z-index:10001!important;top:8px!important;left:8px!important;width:82px!important;height:auto!important;margin:0!important;transform:none!important}
  .fourp-side-brand:hover{transform:none!important}

  /* Contact strip leaves room for the logo and never overflows horizontally. */
  .fourp-contactbar{
    width:100%!important;box-sizing:border-box!important;
    min-height:76px!important;height:auto!important;
    margin:0!important;padding:10px 8px 9px 98px!important;
    display:grid!important;grid-template-columns:1fr auto!important;
    grid-template-areas:"delivery phone" "delivery callback"!important;
    align-items:center!important;justify-content:stretch!important;
    gap:5px 8px!important;border-radius:0 0 12px 12px!important;
    white-space:normal!important;overflow:hidden!important;
  }
  .fourp-contactbar .header-delivery{
    grid-area:delivery!important;min-width:0!important;
    font-size:13px!important;line-height:1.12!important;
    white-space:normal!important;text-align:left!important;
  }
  .fourp-contactbar .header-phone{
    grid-area:phone!important;justify-self:end!important;
    font-size:14px!important;line-height:1!important;white-space:nowrap!important;
  }
  .fourp-contact-sep{display:none!important}
  .fourp-callback-slot{
    grid-area:callback!important;justify-self:end!important;
    min-width:126px!important;width:126px!important;height:30px!important;
    padding:0 7px!important;border-radius:7px!important;
    font-size:0!important;line-height:1!important;
  }
  .fourp-callback-slot:after{font-size:10px!important;white-space:nowrap!important}

  /* Navigation: full-width, touch friendly, no horizontal page overflow. */
  .main-nav{
    width:100%!important;box-sizing:border-box!important;
    display:flex!important;align-items:stretch!important;gap:0!important;
    overflow-x:auto!important;overflow-y:visible!important;
    -webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;
    border-radius:0 0 16px 16px!important;
  }
  .main-nav::-webkit-scrollbar{display:none!important}
  .catalog-button{
    flex:0 0 auto!important;min-height:48px!important;
    padding:0 14px!important;font-size:14px!important;
    white-space:nowrap!important;display:flex!important;align-items:center!important;
  }
  .main-nav > a,
  .main-nav > .menu-item,
  .main-nav .menu-item > a{
    flex:0 0 auto!important;min-height:48px!important;
    display:flex!important;align-items:center!important;
    padding:0 12px!important;font-size:13px!important;white-space:nowrap!important;
  }

  /* Catalog dropdown stays inside the viewport. */
  .catalog-dropdown{
    position:fixed!important;left:8px!important;right:8px!important;
    top:118px!important;width:auto!important;max-width:none!important;
    max-height:calc(100vh - 150px)!important;overflow:auto!important;
    z-index:10050!important;border-radius:12px!important;
  }
  .catalog-category-link{font-size:15px!important;min-height:44px!important;padding:10px 12px!important}

  /* Hide old desktop search area if it is present in this theme. */
  .fourp-main-search,.site-search{display:none!important}

  /* Floating controls: compact bottom dock, never covering the top/header. */
  .fourp-floating-actions{
    position:fixed!important;left:50%!important;right:auto!important;
    bottom:8px!important;top:auto!important;transform:translateX(-50%)!important;
    width:auto!important;max-width:calc(100vw - 16px)!important;
    display:flex!important;flex-direction:row!important;align-items:center!important;
    justify-content:center!important;gap:5px!important;
    padding:5px!important;margin:0!important;
    background:rgba(255,255,255,.96)!important;
    border:1px solid rgba(0,0,0,.10)!important;border-radius:16px!important;
    box-shadow:0 8px 28px rgba(0,0,0,.24)!important;
    z-index:10020!important;
  }
  .fourp-floating-actions > a,
  .fourp-floating-actions .fourp-side-search{
    position:relative!important;display:flex!important;flex-direction:column!important;
    align-items:center!important;justify-content:center!important;
    flex:0 0 72px!important;width:72px!important;min-width:72px!important;
    height:64px!important;min-height:64px!important;
    transform:none!important;margin:0!important;padding:2px!important;
  }
  .fourp-floating-actions .fourp-side-search-button{
    width:72px!important;height:64px!important;display:flex!important;
    flex-direction:column!important;align-items:center!important;justify-content:center!important;
    gap:1px!important;padding:2px!important;
  }
  .fourp-floating-actions .ui-icon{width:36px!important;height:36px!important;flex:0 0 36px!important}
  .fourp-floating-actions .header-svg{width:27px!important;height:27px!important}
  .fourp-floating-actions > a > span:last-of-type,
  .fourp-floating-actions .fourp-side-search-label,
  .fourp-floating-actions .fourp-account-label{
    display:block!important;font-size:9px!important;line-height:1!important;
    padding:2px 3px!important;max-width:68px!important;white-space:nowrap!important;
    overflow:hidden!important;text-overflow:ellipsis!important;transform:none!important;
  }
  .fourp-floating-actions .count{right:7px!important;top:2px!important;font-size:10px!important}
  .fourp-floating-actions .fourp-side-search-input{
    position:absolute!important;right:0!important;bottom:69px!important;top:auto!important;
    width:0!important;max-width:calc(100vw - 30px)!important;height:38px!important;
    padding:0!important;border:0!important;opacity:0!important;pointer-events:none!important;
    transition:width .2s ease,opacity .2s ease,padding .2s ease!important;
  }
  .fourp-floating-actions .fourp-side-search.is-open .fourp-side-search-input,
  .fourp-floating-actions .fourp-side-search:focus-within .fourp-side-search-input{
    width:220px!important;padding:0 12px!important;border:1px solid #ddd!important;
    border-radius:10px!important;background:#fff!important;opacity:1!important;pointer-events:auto!important;
  }

  /* Main content/cards. */
  .container{width:100%!important;max-width:100%!important;box-sizing:border-box!important;padding-left:10px!important;padding-right:10px!important}
  .woocommerce-page-card,.woocommerce-page-card > *{max-width:100%!important;box-sizing:border-box!important}
  body.fourp-exact-front .woocommerce-page-card{padding:15px 10px!important;border-radius:14px!important}
  body.fourp-exact-front .woocommerce-page-card .woocommerce-products-header h1{font-size:24px!important;line-height:1.15!important}

  /* WooCommerce product grid: two comfortable columns. */
  ul.products{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-left:0!important;margin-right:0!important}
  ul.products::before,ul.products::after{display:none!important}
  ul.products li.product{width:auto!important;float:none!important;margin:0!important;box-sizing:border-box!important;min-width:0!important}
  ul.products li.product img{width:100%!important;height:auto!important;max-width:100%!important;object-fit:contain!important}
  ul.products li.product .woocommerce-loop-product__title{font-size:13px!important;line-height:1.25!important;word-break:break-word!important}
  ul.products li.product .price{font-size:14px!important}

  /* Common WooCommerce controls. */
  .woocommerce form .form-row,.woocommerce form .form-row-first,.woocommerce form .form-row-last{width:100%!important;float:none!important;margin-right:0!important}
  .woocommerce input.input-text,.woocommerce select,.woocommerce textarea{max-width:100%!important;box-sizing:border-box!important}

  .site-footer{padding:25px 10px 100px!important}
  .footer-inner{display:flex!important;flex-direction:column!important;gap:20px!important;align-items:stretch!important}
}

@media(max-width:390px){
  .fourp-side-brand{width:72px!important;top:7px!important;left:6px!important}
  .fourp-contactbar{padding-left:86px!important;min-height:72px!important}
  .fourp-contactbar .header-delivery{font-size:12px!important}
  .fourp-contactbar .header-phone{font-size:12px!important}
  .fourp-callback-slot{min-width:116px!important;width:116px!important;height:28px!important}
  .fourp-callback-slot:after{font-size:9px!important}
  .catalog-button{padding:0 10px!important;font-size:13px!important}
  .main-nav > a,.main-nav > .menu-item,.main-nav .menu-item > a{padding:0 9px!important;font-size:12px!important}
  .fourp-floating-actions > a,.fourp-floating-actions .fourp-side-search,.fourp-floating-actions .fourp-side-search-button{width:66px!important;min-width:66px!important;flex-basis:66px!important;height:60px!important;min-height:60px!important}
  .fourp-floating-actions .ui-icon{width:33px!important;height:33px!important;flex-basis:33px!important}
  .fourp-floating-actions .header-svg{width:25px!important;height:25px!important}
}


/* 4P 2.4.48 — product image flies into the cart. */
.fourp-fly-to-cart{
  display:block!important;
  object-fit:contain!important;
  background:#fff!important;
  border-radius:12px!important;
  box-shadow:0 12px 32px rgba(0,0,0,.28),0 0 0 2px rgba(239,23,29,.18)!important;
  will-change:transform,opacity!important;
}
.fourp-cart-fly-active{
  animation:fourpCartPulse .8s ease both!important;
}
@keyframes fourpCartPulse{
  0%{transform:scale(1);}
  30%{transform:scale(1.16);}
  55%{transform:scale(.94);}
  75%{transform:scale(1.08);}
  100%{transform:scale(1);}
}
.buy-button.is-adding{opacity:.72!important;pointer-events:none!important}
.buy-button.is-added{box-shadow:0 0 0 3px rgba(239,23,29,.18),0 0 22px rgba(239,23,29,.35)!important}


/* 4P 2.4.55 — brand cards aligned to approved mockup */
.fourp-brand-showcase{position:relative;margin:0 0 28px;background:rgba(255,255,255,.97);border-radius:20px;padding:12px 18px 18px;box-shadow:0 12px 35px rgba(0,0,0,.09);overflow:hidden}
.fourp-brand-benefits{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;align-items:center;padding:2px 4px 17px}
.fourp-brand-benefit{display:flex;align-items:center;gap:10px;min-width:0}
.fourp-brand-benefit-icon{width:40px;height:40px;flex:0 0 40px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#ef171d;background:#fff;border:1px solid rgba(239,23,29,.16);box-shadow:0 3px 12px rgba(0,0,0,.05)}
.fourp-brand-benefit-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.fourp-brand-benefit strong{display:block;font-size:13px;line-height:1.12;color:#17181b}
.fourp-brand-benefit small{display:block;margin-top:3px;color:#8b9096;font-size:11px;line-height:1.1}
.fourp-brand-showcase-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.fourp-brand-promo{position:relative;display:block;min-height:206px;border-radius:14px;overflow:hidden;color:#fff!important;background:linear-gradient(145deg,#111318 0%,#20242b 58%,#3a0e12 100%);box-shadow:0 7px 18px rgba(0,0,0,.16);isolation:isolate;transition:transform .22s ease,box-shadow .22s ease,filter .22s ease}
.fourp-brand-promo:before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(140deg,rgba(239,23,29,.92) 0 12%,transparent 12% 64%,rgba(239,23,29,.30) 64% 100%)}
.fourp-brand-promo:after{content:"";position:absolute;left:-15%;top:-10%;width:70%;height:58%;background:rgba(255,255,255,.05);transform:rotate(-8deg);pointer-events:none;z-index:0}
.fourp-brand-promo:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(0,0,0,.24);filter:saturate(1.06)}
.fourp-brand-promo-copy{position:absolute;z-index:5;left:16px;top:16px;width:49%;height:calc(100% - 32px);display:flex;flex-direction:column;align-items:flex-start}
.fourp-brand-promo-copy strong{font-size:22px;line-height:1.02;font-weight:900;letter-spacing:-.4px;text-shadow:0 2px 4px rgba(0,0,0,.28)}
.fourp-brand-promo-copy>span{display:block;margin-top:9px;max-width:145px;font-size:12px;line-height:1.2;font-weight:600;color:rgba(255,255,255,.95)}
.fourp-brand-promo-button{display:inline-flex;align-items:center;gap:7px;margin-top:auto;padding:9px 15px;border-radius:8px;background:#ef171d;color:#fff;font-size:12px;font-style:normal;font-weight:900;box-shadow:0 6px 12px rgba(0,0,0,.18);transition:background .18s ease,transform .18s ease}
.fourp-brand-promo-button i{font-size:21px;line-height:10px;font-style:normal;margin-top:-1px}
.fourp-brand-promo:hover .fourp-brand-promo-button{background:#ff252b;transform:translateX(2px)}
.fourp-brand-promo-image{position:absolute;right:3px;bottom:3px;width:53%;height:77%;z-index:2;display:flex;align-items:flex-end;justify-content:flex-end;pointer-events:none;transform:perspective(1100px) rotateY(-10deg) rotateZ(-1deg);transform-origin:84% 100%;transition:transform .28s ease}
.fourp-brand-product-image{width:100%!important;height:100%!important;object-fit:contain!important;object-position:right bottom!important;filter:drop-shadow(0 8px 10px rgba(0,0,0,.28));mix-blend-mode:multiply}
.fourp-brand-promo:hover .fourp-brand-promo-image{transform:perspective(1100px) rotateY(-6deg) rotateZ(-1deg) scale(1.03)}
.fourp-brand-placeholder{display:flex;align-items:center;justify-content:center;width:125px;height:95px;margin:0 12px 7px 0;border-radius:12px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);font-size:22px;font-weight:900;color:#fff}
.fourp-brand-truck{grid-column:1 / -1;min-height:168px;background:linear-gradient(100deg,#15181c 0%,#262d34 58%,#3b0d11 100%)}
.fourp-brand-truck:before{background:linear-gradient(110deg,rgba(239,23,29,.84) 0 18%,transparent 18% 64%,rgba(239,23,29,.22) 64% 100%)}
.fourp-brand-truck-copy{position:absolute;left:24px;top:20px;z-index:5;width:36%;height:calc(100% - 40px);display:flex;flex-direction:column;align-items:flex-start}
.fourp-brand-truck-copy strong{font-size:28px;line-height:1.02;font-weight:900}
.fourp-brand-truck-copy>span{margin-top:7px;font-size:12px;line-height:1.22;color:rgba(255,255,255,.9);max-width:300px}
.fourp-brand-truck-image{position:absolute;right:2.5%;bottom:0;width:59%;height:98%;z-index:2;display:flex;align-items:flex-end;justify-content:flex-end}
.fourp-brand-truck-battery-image{width:46%!important;height:70%!important;object-position:right bottom!important;filter:drop-shadow(0 10px 14px rgba(0,0,0,.42));mix-blend-mode:normal}
.fourp-brand-autopower{background:linear-gradient(145deg,#0d1724 0%,#1a2834 56%,#071a28 100%)}
.fourp-brand-bosch{background:linear-gradient(145deg,#16181d 0%,#2b2d31 56%,#4b0c11 100%)}
.fourp-brand-energizer{background:linear-gradient(145deg,#171718 0%,#2a2422 55%,#5b160f 100%)}
.fourp-brand-exide{background:linear-gradient(145deg,#102030 0%,#183956 56%,#0f5c86 100%)}
.fourp-brand-sznajder{background:linear-gradient(145deg,#171719 0%,#2a2b2f 56%,#4e1014 100%)}
.fourp-brand-varta{background:linear-gradient(145deg,#102437 0%,#1f4f78 56%,#165182 100%)}
.fourp-brand-voltmaster{background:linear-gradient(145deg,#1c1f24 0%,#30343a 56%,#4b1116 100%)}
.fourp-brand-zap{background:linear-gradient(145deg,#211f19 0%,#3b3120 56%,#77540d 100%)}
@media(max-width:1100px){
  .fourp-brand-benefits{grid-template-columns:repeat(3,minmax(0,1fr))}
  .fourp-brand-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:780px){
  .fourp-brand-showcase{margin:0 0 18px;border-radius:14px;padding:10px 10px 12px}
  .fourp-brand-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-bottom:12px}
  .fourp-brand-benefit{gap:8px}
  .fourp-brand-benefit-icon{width:32px;height:32px;flex-basis:32px;border-radius:8px}
  .fourp-brand-benefit-icon svg{width:19px;height:19px}
  .fourp-brand-benefit strong{font-size:10px}
  .fourp-brand-benefit small{font-size:9px}
  .fourp-brand-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .fourp-brand-promo{min-height:158px;border-radius:11px}
  .fourp-brand-promo-copy{left:10px;top:10px;width:51%;height:calc(100% - 20px)}
  .fourp-brand-promo-copy strong{font-size:15px}
  .fourp-brand-promo-copy>span{font-size:9px;line-height:1.18;margin-top:5px;max-width:102px}
  .fourp-brand-promo-button{padding:7px 10px;border-radius:6px;font-size:10px}
  .fourp-brand-promo-button i{font-size:17px}
  .fourp-brand-promo-image{right:0;bottom:0;width:55%;height:72%;transform:perspective(900px) rotateY(-7deg) rotateZ(-1deg)}
  .fourp-brand-promo:hover .fourp-brand-promo-image{transform:perspective(900px) rotateY(-4deg) rotateZ(-1deg) scale(1.02)}
  .fourp-brand-truck{min-height:145px}
  .fourp-brand-truck-copy{left:12px;top:12px;width:52%;height:calc(100% - 24px)}
  .fourp-brand-truck-copy strong{font-size:19px}
  .fourp-brand-truck-copy>span{font-size:9px;max-width:165px}
  .fourp-brand-truck-image{right:0;bottom:-2px;width:59%;height:87%}
  .fourp-brand-truck-battery-image{width:49%!important;height:63%!important}
}

/* 4P 2.4.56 — exact approved brand-card artwork from the reference sketch. */
.fourp-brand-showcase-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.fourp-brand-art-card{min-height:0!important;height:auto!important;aspect-ratio:330 / 189!important;padding:0!important;background:transparent!important;box-shadow:none!important;overflow:hidden!important;border-radius:14px!important;transform:none!important;filter:none!important}
.fourp-brand-art-card:before,.fourp-brand-art-card:after{display:none!important}
.fourp-brand-art-card .fourp-brand-exact-art{display:block!important;width:100%!important;height:100%!important;object-fit:fill!important;object-position:center!important;margin:0!important;padding:0!important;border:0!important}
.fourp-brand-art-card:hover{transform:translateY(-3px)!important;box-shadow:0 14px 28px rgba(0,0,0,.20)!important}
.fourp-brand-truck.fourp-brand-art-card{grid-column:1 / -1!important;aspect-ratio:1294 / 178!important;min-height:0!important}
.fourp-brand-truck.fourp-brand-art-card .fourp-brand-exact-art{object-fit:fill!important}
.fourp-brand-art-card .fourp-brand-promo-copy,.fourp-brand-art-card .fourp-brand-promo-image{display:none!important}
@media(max-width:1100px){
  .fourp-brand-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
}
@media(max-width:780px){
  .fourp-brand-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .fourp-brand-art-card{border-radius:11px!important}
}
@media(max-width:480px){
  .fourp-brand-showcase-grid{grid-template-columns:1fr;gap:10px}
}

/* 4P 2.4.58 — hide legacy WooCommerce category tiles on the main battery category */
.fourp-battery-root .woocommerce-page-card ul.products li.product-category, .fourp-battery-root .woocommerce-page-card .products.product-categories{display:none!important}

/* 4P 2.4.59 — mobile performance optimization.
   Visual design stays the same; expensive paint/animation work is reduced on touch screens. */
.fourp-brand-exact-picture{display:block;width:100%;height:100%;margin:0;padding:0}
@media (max-width:780px){
  html{scroll-behavior:auto!important}
  body,
  body.fourp-exact-front{
    background-image:url('../images/mobile/garage-mobile.webp')!important;
    background-attachment:scroll!important;
    background-size:cover!important;
    background-position:center top!important;
  }
  .fourp-brand-showcase,
  .popular-card,
  .finder-card,
  .header-shell{
    box-shadow:0 5px 16px rgba(0,0,0,.08)!important;
  }
  .fourp-brand-art-card,
  .fourp-brand-art-card:hover,
  .fourp-brand-promo,
  .fourp-brand-promo:hover,
  .fourp-brand-promo-image,
  .fourp-brand-promo:hover .fourp-brand-promo-image,
  .fourp-brand-promo-button,
  .fourp-brand-promo:hover .fourp-brand-promo-button{
    transform:none!important;
    filter:none!important;
    transition:none!important;
  }
  .fourp-brand-art-card:hover{box-shadow:none!important}
  .fourp-brand-exact-art{
    transform:none!important;
    filter:none!important;
    transition:none!important;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
  }
  .fourp-brand-showcase-grid{contain:layout paint}
  .fourp-brand-showcase{contain:layout paint}
  .site-search,
  .header-top,
  .fourp-contactbar,
  .main-nav{contain:layout paint}
}
@media (hover:none) and (pointer:coarse){
  .fourp-floating-actions a,
  .catalog-button,
  .buy-button,
  .fourp-callback-slot,
  .fourp-brand-art-card{transition:none!important}
}


/* 4P 2.4.60 — remove the thin white/empty strip visible at the left edge of exact brand artwork cards. */
.fourp-brand-exact-picture{
  display:block!important;
  width:100%!important;
  height:100%!important;
  overflow:hidden!important;
}
.fourp-brand-art-card .fourp-brand-exact-art{
  display:block!important;
  width:calc(100% + 10px)!important;
  max-width:none!important;
  height:100%!important;
  margin-left:-10px!important;
  object-fit:fill!important;
  object-position:center!important;
}
@media (max-width:780px){
  .fourp-brand-art-card .fourp-brand-exact-art{
    width:calc(100% + 7px)!important;
    margin-left:-7px!important;
  }
}


/* 4P 2.4.61 — polished mobile UX, desktop unchanged. */
@media (max-width:780px){
  html{font-size:16px!important;-webkit-text-size-adjust:100%!important;}
  body{-webkit-tap-highlight-color:rgba(239,23,29,.10)!important;}
  body.fourp-exact-front{background-color:#17191d!important;}
  body.fourp-exact-front::before{background:linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.02) 45%,rgba(0,0,0,.16))!important;}

  /* Header: compact, clear and easy to tap. */
  .site-header{position:relative!important;}
  .header-shell{padding:0 8px!important;}
  .fourp-side-brand{width:74px!important;left:7px!important;top:7px!important;}
  .fourp-contactbar{min-height:74px!important;padding:9px 8px 9px 88px!important;gap:5px 7px!important;}
  .fourp-contactbar .header-delivery{font-size:12px!important;line-height:1.15!important;max-width:150px!important;}
  .fourp-contactbar .header-phone{font-size:13px!important;font-weight:900!important;}
  .fourp-callback-slot{min-width:120px!important;width:120px!important;height:31px!important;}
  .fourp-callback-slot:after{font-size:9.5px!important;}
  .main-nav{min-height:46px!important;height:46px!important;}
  .catalog-button{min-height:46px!important;height:46px!important;padding:0 13px!important;font-size:13px!important;}
  .main-nav > a,.main-nav > .menu-item,.main-nav .menu-item > a{min-height:46px!important;height:46px!important;font-size:12px!important;padding:0 11px!important;}

  /* Give the page breathing room and avoid collisions with the floating dock/chat. */
  .front-main{padding-bottom:84px!important;}
  .hero-section{padding-top:7px!important;}
  .container{padding-left:8px!important;padding-right:8px!important;}
  .woocommerce-page-card{margin-left:0!important;margin-right:0!important;}

  /* Finder: one comfortable field per row. */
  .finder-card{padding:14px 10px 16px!important;border-radius:14px!important;}
  .finder-card h1{font-size:22px!important;line-height:1.12!important;margin-bottom:7px!important;}
  .finder-card>p{font-size:11.5px!important;line-height:1.45!important;margin-bottom:14px!important;}
  .finder-wrap .fourp-grid{grid-template-columns:1fr!important;gap:8px!important;}
  .finder-wrap .fourp-field label{font-size:12px!important;margin-bottom:4px!important;}
  .finder-wrap .fourp-search select,.finder-wrap .fourp-search input{height:47px!important;border-radius:10px!important;font-size:14px!important;}
  .finder-wrap .fourp-search:after{height:48px!important;line-height:48px!important;border-radius:10px!important;font-size:14px!important;margin-top:10px!important;}

  /* Benefits: 2 columns, last item spans the row. */
  .fourp-brand-benefits{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px 8px!important;padding:2px 0 12px!important;}
  .fourp-brand-benefit{gap:7px!important;min-width:0!important;padding:2px 0!important;}
  .fourp-brand-benefit:last-child{grid-column:1 / -1!important;justify-self:center!important;min-width:160px!important;}
  .fourp-brand-benefit-icon{width:34px!important;height:34px!important;flex-basis:34px!important;border-radius:9px!important;}
  .fourp-brand-benefit-icon svg{width:20px!important;height:20px!important;}
  .fourp-brand-benefit strong{font-size:10px!important;line-height:1.1!important;}
  .fourp-brand-benefit small{font-size:8.5px!important;line-height:1.1!important;}

  /* Brand showcase: large enough to read; no horizontal squeeze. */
  .fourp-brand-showcase{padding:8px 8px 12px!important;margin-bottom:16px!important;border-radius:14px!important;}
  .fourp-brand-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
  .fourp-brand-art-card{width:100%!important;aspect-ratio:330 / 189!important;border-radius:10px!important;overflow:hidden!important;}
  .fourp-brand-art-card .fourp-brand-exact-picture{display:block!important;width:100%!important;height:100%!important;overflow:hidden!important;}
  .fourp-brand-art-card .fourp-brand-exact-art{width:calc(100% + 7px)!important;height:100%!important;margin-left:-7px!important;object-fit:fill!important;object-position:center!important;}
  .fourp-brand-truck.fourp-brand-art-card{aspect-ratio:1294 / 178!important;}

  /* Keep cards static on touch devices — the art itself remains crisp and clickable. */
  .fourp-brand-art-card,.fourp-brand-art-card:hover{transform:none!important;filter:none!important;box-shadow:0 3px 12px rgba(0,0,0,.10)!important;transition:none!important;}

  /* Products below the brand block. */
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
  .product-card{border-radius:11px!important;}
  .product-image{height:130px!important;padding:7px!important;}
  .product-body{padding:0 8px 9px!important;}
  .product-card h3{font-size:11.5px!important;line-height:1.22!important;}
  .price{font-size:16px!important;}
  .buy-button{min-height:40px!important;height:40px!important;font-size:11px!important;border-radius:8px!important;}

  /* Floating mobile actions live bottom-left so they never cover the live-chat button. */
  .fourp-floating-actions{
    left:9px!important;right:auto!important;bottom:10px!important;top:auto!important;transform:none!important;
    max-width:calc(100vw - 110px)!important;padding:4px!important;gap:4px!important;border-radius:14px!important;
    background:rgba(255,255,255,.97)!important;backdrop-filter:blur(8px)!important;
    box-shadow:0 8px 24px rgba(0,0,0,.22)!important;
  }
  .fourp-floating-actions>a,.fourp-floating-actions .fourp-side-search,
  .fourp-floating-actions .fourp-side-search-button{
    width:60px!important;min-width:60px!important;flex-basis:60px!important;height:56px!important;min-height:56px!important;
    border-radius:11px!important;
  }
  .fourp-floating-actions .ui-icon{width:31px!important;height:31px!important;flex-basis:31px!important;}
  .fourp-floating-actions .header-svg{width:24px!important;height:24px!important;}
  .fourp-floating-actions>a>span:last-of-type,.fourp-floating-actions .fourp-side-search-label,.fourp-floating-actions .fourp-account-label{
    font-size:8.5px!important;padding:2px 2px!important;max-width:56px!important;
  }
  .fourp-floating-actions .count{right:3px!important;top:2px!important;font-size:9px!important;min-width:16px!important;height:16px!important;line-height:16px!important;}
  .fourp-floating-actions .fourp-side-search-input{bottom:61px!important;}
  .fourp-floating-actions .fourp-side-search.is-open .fourp-side-search-input,
  .fourp-floating-actions .fourp-side-search:focus-within .fourp-side-search-input{width:min(220px,calc(100vw - 26px))!important;}

  /* Checkout/forms: thumb-friendly controls. */
  .woocommerce form .form-row label{font-size:13px!important;}
  .woocommerce input.input-text,.woocommerce select,.woocommerce textarea{min-height:46px!important;font-size:14px!important;border-radius:9px!important;}
  .woocommerce button.button,.woocommerce a.button{min-height:44px!important;padding:0 15px!important;border-radius:9px!important;font-size:13px!important;}

  /* Reduce expensive effects on mobile. */
  .fourp-brand-showcase,.finder-card,.popular-card,.woocommerce-page-card{content-visibility:auto;contain-intrinsic-size:500px;}
}

@media (max-width:520px){
  .fourp-brand-showcase-grid{grid-template-columns:1fr!important;gap:9px!important;}
  .fourp-brand-truck.fourp-brand-art-card{aspect-ratio:1294 / 178!important;}
}

@media (max-width:390px){
  .fourp-side-brand{width:68px!important;top:6px!important;left:6px!important;}
  .fourp-contactbar{padding-left:80px!important;min-height:70px!important;}
  .fourp-contactbar .header-delivery{font-size:11px!important;max-width:142px!important;}
  .fourp-contactbar .header-phone{font-size:12px!important;}
  .fourp-callback-slot{min-width:110px!important;width:110px!important;height:29px!important;}
  .catalog-button{font-size:12px!important;padding:0 10px!important;}
  .main-nav > a,.main-nav > .menu-item,.main-nav .menu-item > a{font-size:11px!important;padding:0 9px!important;}
  .fourp-floating-actions>a,.fourp-floating-actions .fourp-side-search,.fourp-floating-actions .fourp-side-search-button{width:55px!important;min-width:55px!important;flex-basis:55px!important;height:53px!important;min-height:53px!important;}
  .fourp-floating-actions .ui-icon{width:29px!important;height:29px!important;flex-basis:29px!important;}
}


/* 4P 2.4.62 — mobile catalog dropdown is moved outside the scrolling nav by JS, so it is never clipped. */
@media (max-width:780px){
  .catalog-dropdown{
    position:fixed!important;
    z-index:10050!important;
    left:8px!important;
    right:8px!important;
    width:auto!important;
    max-width:none!important;
    max-height:calc(100vh - 150px)!important;
    overflow:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }
}


/* =========================================================
   4 ПОРШНЯ — Mobile Variant v2.4.63
   Mobile-only refinement. Desktop styles are not changed.
   Target: 360–780px.
   ========================================================= */

@media (max-width:780px){

  /* ---------- Base ---------- */
  html, body{
    width:100%;
    max-width:100%;
    overflow-x:hidden!important;
  }
  body{
    font-size:15px!important;
    -webkit-font-smoothing:antialiased;
  }
  .container{
    width:100%!important;
    max-width:none!important;
    box-sizing:border-box!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }

  /* ---------- Header ---------- */
  .site-header{
    position:relative!important;
    z-index:1000!important;
  }
  .header-shell{
    padding:0 6px!important;
  }
  .fourp-side-brand{
    display:flex!important;
    position:absolute!important;
    z-index:20!important;
    width:68px!important;
    left:8px!important;
    top:7px!important;
    filter:drop-shadow(0 5px 10px rgba(0,0,0,.25))!important;
  }
  .fourp-contactbar{
    min-height:68px!important;
    height:auto!important;
    padding:8px 8px 8px 82px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:
      "delivery phone"
      "callback callback"!important;
    gap:5px 8px!important;
    align-items:center!important;
    border-radius:14px 14px 0 0!important;
  }
  .fourp-contactbar .header-delivery{
    grid-area:delivery!important;
    min-width:0!important;
    white-space:normal!important;
    font-size:11px!important;
    line-height:1.15!important;
    text-align:left!important;
  }
  .fourp-contactbar .header-phone{
    grid-area:phone!important;
    font-size:12px!important;
    line-height:1!important;
  }
  .fourp-contact-sep{
    display:none!important;
  }
  .fourp-callback-slot{
    grid-area:callback!important;
    width:100%!important;
    min-width:0!important;
    height:30px!important;
    min-height:30px!important;
    border-radius:8px!important;
    box-shadow:none!important;
  }
  .fourp-callback-slot:after{
    font-size:10px!important;
  }

  /* ---------- Main navigation ---------- */
  .main-nav{
    height:44px!important;
    min-height:44px!important;
    overflow:visible!important;
    border-radius:0 0 12px 12px!important;
    box-shadow:0 5px 16px rgba(0,0,0,.16)!important;
  }
  .catalog-button{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:142px!important;
    height:44px!important;
    min-height:44px!important;
    padding:0 12px!important;
    gap:8px!important;
    font-size:12px!important;
  }
  .hamb{
    width:18px!important;
    gap:3px!important;
  }
  .hamb i{
    width:18px!important;
    height:2px!important;
  }
  .nav-list,
  .wp-nav{
    min-width:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .nav-list::-webkit-scrollbar,
  .wp-nav::-webkit-scrollbar{
    display:none!important;
  }
  .nav-list a,
  .wp-nav>li>a{
    flex:0 0 auto!important;
    height:44px!important;
    min-height:44px!important;
    padding:0 10px!important;
    font-size:11px!important;
  }

  /* Catalog dropdown: full-width mobile sheet */
  .catalog-dropdown{
    left:7px!important;
    right:7px!important;
    width:auto!important;
    max-width:none!important;
    border-radius:13px!important;
    box-shadow:0 18px 40px rgba(0,0,0,.28)!important;
    max-height:calc(100vh - 135px)!important;
    overflow:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .catalog-dropdown-inner{
    padding:7px!important;
  }
  .catalog-category-link{
    min-height:47px!important;
    padding:10px 12px!important;
    font-size:14px!important;
  }

  /* ---------- Main content ---------- */
  .front-main{
    padding-bottom:92px!important;
  }
  .hero-section{
    padding:8px 0 0!important;
  }
  .finder-card{
    margin-top:0!important;
    padding:15px 10px 17px!important;
    border-radius:14px!important;
    box-shadow:0 7px 22px rgba(0,0,0,.12)!important;
  }
  .finder-card h1{
    font-size:21px!important;
    line-height:1.12!important;
    letter-spacing:-.35px!important;
    margin:0 0 7px!important;
  }
  .finder-card>p{
    font-size:11px!important;
    line-height:1.4!important;
    margin:0 0 13px!important;
  }
  .finder-wrap .fourp-grid{
    grid-template-columns:1fr!important;
    gap:7px!important;
  }
  .finder-wrap .fourp-field label{
    display:block!important;
    font-size:11px!important;
    line-height:1.2!important;
    margin-bottom:3px!important;
  }
  .finder-wrap .fourp-search select,
  .finder-wrap .fourp-search input{
    width:100%!important;
    height:45px!important;
    min-height:45px!important;
    box-sizing:border-box!important;
    border-radius:9px!important;
    font-size:14px!important;
    padding:0 12px!important;
  }
  .finder-wrap .fourp-search:after{
    width:100%!important;
    height:46px!important;
    line-height:46px!important;
    margin-top:11px!important;
    border-radius:9px!important;
    font-size:13px!important;
  }

  /* ---------- Battery result area ---------- */
  .front-main .fourp-search-results:has(.fourp-results){
    margin-top:15px!important;
    padding-top:13px!important;
  }

  /* ---------- Product section ---------- */
  .popular-section{
    padding-top:9px!important;
  }
  .popular-card{
    padding:13px 9px 14px!important;
    border-radius:14px!important;
    box-shadow:0 7px 22px rgba(0,0,0,.10)!important;
  }
  .section-head{
    margin-bottom:10px!important;
  }
  .section-head h2{
    font-size:19px!important;
    line-height:1.15!important;
  }
  .section-head>a{
    font-size:10px!important;
  }
  .product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .product-card{
    border-radius:11px!important;
    box-shadow:0 2px 8px rgba(0,0,0,.05)!important;
  }
  .product-image{
    height:125px!important;
    padding:8px!important;
  }
  .product-body{
    padding:0 8px 9px!important;
  }
  .brand-line{
    font-size:9px!important;
    line-height:1.1!important;
  }
  .product-card h3{
    font-size:11.5px!important;
    line-height:1.25!important;
    margin:4px 0 6px!important;
    min-height:29px!important;
  }
  .specs{
    gap:4px!important;
    margin-bottom:6px!important;
    min-height:18px!important;
  }
  .specs span{
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:8.5px!important;
    padding:2px 4px!important;
  }
  .price-row{
    min-height:25px!important;
  }
  .price{
    font-size:16px!important;
  }
  .price del{
    font-size:9px!important;
    margin-left:4px!important;
  }
  .buy-button{
    height:36px!important;
    line-height:36px!important;
    margin-top:6px!important;
    border-radius:7px!important;
    font-size:11px!important;
  }
  .heart{
    top:6px!important;
    right:6px!important;
    font-size:22px!important;
  }
  .sale-badge{
    top:6px!important;
    left:6px!important;
    padding:3px 5px!important;
    border-radius:4px!important;
    font-size:8px!important;
  }

  /* ---------- WooCommerce pages ---------- */
  .site-main{
    padding:10px 0 96px!important;
  }
  .woocommerce-page-card,
  .content-card{
    padding:12px 9px!important;
    border-radius:14px!important;
  }
  .woocommerce div.product{
    padding:12px!important;
    border-radius:14px!important;
  }
  .woocommerce ul.products{
    margin:0 -4px!important;
  }
  .woocommerce ul.products li.product{
    margin:0 4px 8px!important;
    width:calc(50% - 8px)!important;
    padding:7px!important;
    border-radius:10px!important;
  }
  .woocommerce a.button,
  .woocommerce button.button,
  .woocommerce input.button{
    min-height:38px!important;
    line-height:38px!important;
    padding:0 9px!important;
    font-size:11px!important;
  }

  /* ---------- Mobile action dock ---------- */
  .fourp-floating-actions{
    position:fixed!important;
    left:8px!important;
    right:8px!important;
    bottom:8px!important;
    top:auto!important;
    z-index:10040!important;
    transform:none!important;
    width:auto!important;
    display:flex!important;
    flex-direction:row!important;
    justify-content:stretch!important;
    gap:7px!important;
    padding:7px!important;
    background:rgba(255,255,255,.97)!important;
    border:1px solid rgba(220,223,227,.9)!important;
    border-radius:15px!important;
    box-shadow:0 9px 30px rgba(0,0,0,.22)!important;
    backdrop-filter:blur(10px)!important;
    -webkit-backdrop-filter:blur(10px)!important;
  }
  .fourp-floating-actions>a,
  .fourp-floating-actions .fourp-side-search{
    flex:1 1 0!important;
    width:auto!important;
    min-width:0!important;
    height:58px!important;
    min-height:58px!important;
    border-radius:10px!important;
  }
  .fourp-floating-actions .fourp-side-search-button{
    width:100%!important;
    height:58px!important;
    min-height:58px!important;
    border-radius:10px!important;
  }
  .fourp-floating-actions .ui-icon{
    width:30px!important;
    height:30px!important;
    flex:0 0 30px!important;
  }
  .fourp-floating-actions .header-svg{
    width:25px!important;
    height:25px!important;
  }
  .fourp-floating-actions .fourp-side-search-label,
  .fourp-floating-actions>a>span:last-of-type{
    font-size:9px!important;
    line-height:1!important;
    padding:3px 3px!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .fourp-floating-actions .count{
    min-width:17px!important;
    height:17px!important;
    line-height:17px!important;
    font-size:9px!important;
  }
  .fourp-side-search.is-open{
    position:relative!important;
  }
  .fourp-side-search.is-open .fourp-side-search-input{
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:64px!important;
    width:100%!important;
    height:42px!important;
    border-radius:10px!important;
    box-shadow:0 7px 22px rgba(0,0,0,.20)!important;
    background:#fff!important;
    z-index:5!important;
  }

  /* ---------- Footer ---------- */
  .site-footer{
    padding:18px 0 95px!important;
  }
  .footer-inner{
    display:block!important;
    text-align:center!important;
    font-size:11px!important;
  }
  .footer-inner strong{
    display:block!important;
    font-size:16px!important;
    margin-bottom:4px!important;
  }

  /* ---------- Touch polish ---------- */
  a, button, select, input{
    -webkit-tap-highlight-color:rgba(239,23,29,.10)!important;
  }
  button, .catalog-button, .buy-button,
  .fourp-floating-actions a,
  .fourp-side-search-button{
    touch-action:manipulation!important;
  }
}

@media (max-width:390px){
  .fourp-side-brand{
    width:61px!important;
    left:7px!important;
    top:7px!important;
  }
  .fourp-contactbar{
    padding-left:75px!important;
  }
  .fourp-contactbar .header-delivery{
    font-size:10px!important;
  }
  .fourp-contactbar .header-phone{
    font-size:11px!important;
  }
  .catalog-button{
    min-width:132px!important;
    padding:0 10px!important;
    font-size:11px!important;
  }
  .nav-list a,
  .wp-nav>li>a{
    padding:0 8px!important;
    font-size:10px!important;
  }
  .finder-card h1{
    font-size:19px!important;
  }
  .product-image{
    height:112px!important;
  }
  .product-card h3{
    font-size:11px!important;
  }
  .price{
    font-size:15px!important;
  }
  .buy-button{
    font-size:10px!important;
  }
  .fourp-floating-actions{
    left:5px!important;
    right:5px!important;
    bottom:5px!important;
    gap:5px!important;
    padding:5px!important;
  }
  .fourp-floating-actions>a,
  .fourp-floating-actions .fourp-side-search,
  .fourp-floating-actions .fourp-side-search-button{
    height:54px!important;
    min-height:54px!important;
  }
}

@media (min-width:781px){
  /* Keep this variant strictly desktop-neutral. */
}


/* =========================================================
   4 ПОРШНЯ — Mobile category catalog cards v2.4.64
   Larger cards on WooCommerce category/shop/archive pages.
   ========================================================= */

@media (max-width:780px){

  /* Category/shop/archive catalog: one large card per row.
     Main-page .product-grid remains 2 columns. */
  body.woocommerce.archive ul.products,
  body.woocommerce-shop ul.products,
  body.tax-product_cat ul.products,
  body.tax-product_tag ul.products{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    margin:0!important;
    padding:0!important;
  }

  body.woocommerce.archive ul.products li.product,
  body.woocommerce-shop ul.products li.product,
  body.tax-product_cat ul.products li.product,
  body.tax-product_tag ul.products li.product{
    width:100%!important;
    max-width:none!important;
    min-height:190px!important;
    margin:0!important;
    padding:10px!important;
    display:grid!important;
    grid-template-columns:145px minmax(0,1fr)!important;
    grid-template-rows:auto auto 1fr auto!important;
    column-gap:12px!important;
    align-items:start!important;
    box-sizing:border-box!important;
    border-radius:13px!important;
    overflow:hidden!important;
  }

  body.woocommerce.archive ul.products li.product a.woocommerce-LoopProduct-link,
  body.woocommerce-shop ul.products li.product a.woocommerce-LoopProduct-link,
  body.tax-product_cat ul.products li.product a.woocommerce-LoopProduct-link,
  body.tax-product_tag ul.products li.product a.woocommerce-LoopProduct-link{
    display:contents!important;
  }

  body.woocommerce.archive ul.products li.product img,
  body.woocommerce-shop ul.products li.product img,
  body.tax-product_cat ul.products li.product img,
  body.tax-product_tag ul.products li.product img{
    grid-column:1!important;
    grid-row:1 / 5!important;
    width:145px!important;
    height:165px!important;
    object-fit:contain!important;
    margin:0!important;
    padding:8px!important;
    box-sizing:border-box!important;
    border-radius:10px!important;
  }

  body.woocommerce.archive ul.products li.product .woocommerce-loop-product__title,
  body.woocommerce-shop ul.products li.product .woocommerce-loop-product__title,
  body.tax-product_cat ul.products li.product .woocommerce-loop-product__title,
  body.tax-product_tag ul.products li.product .woocommerce-loop-product__title{
    grid-column:2!important;
    grid-row:1!important;
    margin:2px 0 7px!important;
    padding:0!important;
    font-size:15px!important;
    line-height:1.28!important;
    min-height:0!important;
    font-weight:700!important;
  }

  body.woocommerce.archive ul.products li.product .price,
  body.woocommerce-shop ul.products li.product .price,
  body.tax-product_cat ul.products li.product .price,
  body.tax-product_tag ul.products li.product .price{
    grid-column:2!important;
    grid-row:2!important;
    margin:0 0 8px!important;
    font-size:20px!important;
    line-height:1.15!important;
    font-weight:800!important;
  }

  body.woocommerce.archive ul.products li.product .star-rating,
  body.woocommerce-shop ul.products li.product .star-rating,
  body.tax-product_cat ul.products li.product .star-rating,
  body.tax-product_tag ul.products li.product .star-rating{
    grid-column:2!important;
    grid-row:3!important;
    margin:0 0 7px!important;
  }

  body.woocommerce.archive ul.products li.product .button,
  body.woocommerce-shop ul.products li.product .button,
  body.tax-product_cat ul.products li.product .button,
  body.tax-product_tag ul.products li.product .button{
    grid-column:2!important;
    grid-row:4!important;
    width:100%!important;
    min-height:40px!important;
    height:40px!important;
    line-height:40px!important;
    margin:0!important;
    padding:0 10px!important;
    border-radius:8px!important;
    font-size:12px!important;
    text-align:center!important;
    box-sizing:border-box!important;
  }

  /* Preserve sale badge and wishlist controls inside the larger image area. */
  body.woocommerce.archive ul.products li.product .onsale,
  body.woocommerce-shop ul.products li.product .onsale,
  body.tax-product_cat ul.products li.product .onsale,
  body.tax-product_tag ul.products li.product .onsale{
    grid-column:1!important;
    grid-row:1!important;
    align-self:start!important;
    justify-self:start!important;
    z-index:3!important;
    margin:4px!important;
    padding:4px 6px!important;
    font-size:9px!important;
  }

  /* Pagination */
  body.woocommerce.archive .woocommerce-pagination,
  body.woocommerce-shop .woocommerce-pagination,
  body.tax-product_cat .woocommerce-pagination,
  body.tax-product_tag .woocommerce-pagination{
    margin-top:15px!important;
  }
}

@media (max-width:390px){
  body.woocommerce.archive ul.products li.product,
  body.woocommerce-shop ul.products li.product,
  body.tax-product_cat ul.products li.product,
  body.tax-product_tag ul.products li.product{
    grid-template-columns:125px minmax(0,1fr)!important;
    min-height:175px!important;
    padding:8px!important;
    column-gap:10px!important;
  }

  body.woocommerce.archive ul.products li.product img,
  body.woocommerce-shop ul.products li.product img,
  body.tax-product_cat ul.products li.product img,
  body.tax-product_tag ul.products li.product img{
    width:125px!important;
    height:153px!important;
  }

  body.woocommerce.archive ul.products li.product .woocommerce-loop-product__title,
  body.woocommerce-shop ul.products li.product .woocommerce-loop-product__title,
  body.tax-product_cat ul.products li.product .woocommerce-loop-product__title,
  body.tax-product_tag ul.products li.product .woocommerce-loop-product__title{
    font-size:14px!important;
  }

  body.woocommerce.archive ul.products li.product .price,
  body.woocommerce-shop ul.products li.product .price,
  body.tax-product_cat ul.products li.product .price,
  body.tax-product_tag ul.products li.product .price{
    font-size:18px!important;
  }
}


/* =========================================================
   4 ПОРШНЯ — Category catalog 2-column mobile v2.4.65
   Two large product cards per row on mobile.
   ========================================================= */

@media (max-width:780px){

  body.woocommerce.archive ul.products,
  body.woocommerce-shop ul.products,
  body.tax-product_cat ul.products,
  body.tax-product_tag ul.products{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
  }

  body.woocommerce.archive ul.products li.product,
  body.woocommerce-shop ul.products li.product,
  body.tax-product_cat ul.products li.product,
  body.tax-product_tag ul.products li.product{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:8px!important;
    display:block!important;
    box-sizing:border-box!important;
    border-radius:12px!important;
    overflow:hidden!important;
  }

  body.woocommerce.archive ul.products li.product a.woocommerce-LoopProduct-link,
  body.woocommerce-shop ul.products li.product a.woocommerce-LoopProduct-link,
  body.tax-product_cat ul.products li.product a.woocommerce-LoopProduct-link,
  body.tax-product_tag ul.products li.product a.woocommerce-LoopProduct-link{
    display:block!important;
  }

  body.woocommerce.archive ul.products li.product img,
  body.woocommerce-shop ul.products li.product img,
  body.tax-product_cat ul.products li.product img,
  body.tax-product_tag ul.products li.product img{
    display:block!important;
    width:100%!important;
    height:145px!important;
    object-fit:contain!important;
    margin:0 0 6px!important;
    padding:6px!important;
    box-sizing:border-box!important;
    border-radius:9px!important;
  }

  body.woocommerce.archive ul.products li.product .woocommerce-loop-product__title,
  body.woocommerce-shop ul.products li.product .woocommerce-loop-product__title,
  body.tax-product_cat ul.products li.product .woocommerce-loop-product__title,
  body.tax-product_tag ul.products li.product .woocommerce-loop-product__title{
    margin:3px 2px 6px!important;
    padding:0!important;
    font-size:13px!important;
    line-height:1.25!important;
    min-height:33px!important;
    font-weight:700!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }

  body.woocommerce.archive ul.products li.product .price,
  body.woocommerce-shop ul.products li.product .price,
  body.tax-product_cat ul.products li.product .price,
  body.tax-product_tag ul.products li.product .price{
    display:block!important;
    margin:0 2px 7px!important;
    font-size:17px!important;
    line-height:1.15!important;
    font-weight:800!important;
  }

  body.woocommerce.archive ul.products li.product .button,
  body.woocommerce-shop ul.products li.product .button,
  body.tax-product_cat ul.products li.product .button,
  body.tax-product_tag ul.products li.product .button{
    display:block!important;
    width:100%!important;
    min-height:38px!important;
    height:38px!important;
    line-height:38px!important;
    margin:0!important;
    padding:0 5px!important;
    border-radius:7px!important;
    font-size:10.5px!important;
    text-align:center!important;
    box-sizing:border-box!important;
  }

  body.woocommerce.archive ul.products li.product .star-rating,
  body.woocommerce-shop ul.products li.product .star-rating,
  body.tax-product_cat ul.products li.product .star-rating,
  body.tax-product_tag ul.products li.product .star-rating{
    margin:0 2px 5px!important;
  }

  body.woocommerce.archive ul.products li.product .onsale,
  body.woocommerce-shop ul.products li.product .onsale,
  body.tax-product_cat ul.products li.product .onsale,
  body.tax-product_tag ul.products li.product .onsale{
    margin:4px!important;
    padding:3px 5px!important;
    font-size:8px!important;
  }
}

@media (max-width:390px){
  body.woocommerce.archive ul.products,
  body.woocommerce-shop ul.products,
  body.tax-product_cat ul.products,
  body.tax-product_tag ul.products{
    gap:7px!important;
  }

  body.woocommerce.archive ul.products li.product,
  body.woocommerce-shop ul.products li.product,
  body.tax-product_cat ul.products li.product,
  body.tax-product_tag ul.products li.product{
    padding:6px!important;
  }

  body.woocommerce.archive ul.products li.product img,
  body.woocommerce-shop ul.products li.product img,
  body.tax-product_cat ul.products li.product img,
  body.tax-product_tag ul.products li.product img{
    height:125px!important;
  }

  body.woocommerce.archive ul.products li.product .woocommerce-loop-product__title,
  body.woocommerce-shop ul.products li.product .woocommerce-loop-product__title,
  body.tax-product_cat ul.products li.product .woocommerce-loop-product__title,
  body.tax-product_tag ul.products li.product .woocommerce-loop-product__title{
    font-size:12px!important;
    min-height:30px!important;
  }

  body.woocommerce.archive ul.products li.product .price,
  body.woocommerce-shop ul.products li.product .price,
  body.tax-product_cat ul.products li.product .price,
  body.tax-product_tag ul.products li.product .price{
    font-size:15px!important;
  }

  body.woocommerce.archive ul.products li.product .button,
  body.woocommerce-shop ul.products li.product .button,
  body.tax-product_cat ul.products li.product .button,
  body.tax-product_tag ul.products li.product .button{
    min-height:35px!important;
    height:35px!important;
    line-height:35px!important;
    font-size:10px!important;
  }
}


/* =========================================================
   4 ПОРШНЯ — Mobile category replacement v2.4.66
   Hide legacy battery category tiles; use the new brand
   showcase cards in exactly 2 columns on all mobile widths.
   ========================================================= */

@media (max-width:780px){

  /* Legacy WooCommerce category tiles */
  body.fourp-battery-root .woocommerce-page-card ul.products li.product-category,
  body.fourp-battery-root .woocommerce-page-card .products.product-categories,
  body.fourp-battery-root ul.products.product-categories,
  body.fourp-battery-root ul.products li.product-category{
    display:none!important;
  }

  /* New battery category / brand cards */
  body.fourp-battery-root .fourp-brand-showcase{
    width:100%!important;
    margin:0!important;
    padding:0!important;
  }

  body.fourp-battery-root .fourp-brand-showcase-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
    width:100%!important;
  }

  body.fourp-battery-root .fourp-brand-showcase-grid .fourp-brand-art-card{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    grid-column:auto!important;
    aspect-ratio:330 / 189!important;
    margin:0!important;
    border-radius:10px!important;
    overflow:hidden!important;
  }

  body.fourp-battery-root .fourp-brand-showcase-grid .fourp-brand-truck.fourp-brand-art-card{
    grid-column:1 / -1!important;
    aspect-ratio:1294 / 178!important;
  }

  body.fourp-battery-root .fourp-brand-showcase-grid .fourp-brand-exact-picture,
  body.fourp-battery-root .fourp-brand-showcase-grid .fourp-brand-exact-art{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:fill!important;
    margin:0!important;
    padding:0!important;
  }

  /* Compact benefit strip so it doesn't push the new cards too far down. */
  body.fourp-battery-root .fourp-brand-benefits{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
    margin-bottom:9px!important;
  }

  body.fourp-battery-root .fourp-brand-benefit{
    min-width:0!important;
    padding:7px!important;
  }

  body.fourp-battery-root .fourp-brand-benefit strong{
    font-size:9px!important;
    line-height:1.15!important;
  }

  body.fourp-battery-root .fourp-brand-benefit small{
    font-size:8px!important;
    line-height:1.1!important;
  }
}

@media (max-width:390px){
  body.fourp-battery-root .fourp-brand-showcase-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }

  body.fourp-battery-root .fourp-brand-showcase-grid .fourp-brand-art-card{
    border-radius:8px!important;
  }

  body.fourp-battery-root .fourp-brand-benefits{
    gap:5px!important;
  }

  body.fourp-battery-root .fourp-brand-benefit{
    padding:6px!important;
  }

  body.fourp-battery-root .fourp-brand-benefit strong{
    font-size:8px!important;
  }

  body.fourp-battery-root .fourp-brand-benefit small{
    font-size:7px!important;
  }
}


/* 4P 2.4.67 — remove stray side lines from mobile brand cards */
@media (max-width:780px){
  body.fourp-battery-root .fourp-brand-showcase-grid .fourp-brand-art-card,
  body.fourp-battery-root .fourp-brand-showcase-grid .fourp-brand-exact-picture,
  body.fourp-battery-root .fourp-brand-showcase-grid .fourp-brand-exact-art{
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
  }
}


/* 4P 2.4.68 — remove embedded side-stripe artifacts from mobile artwork */
@media (max-width:780px){
  body.fourp-battery-root .fourp-brand-showcase-grid .fourp-brand-art-card{
    border-left:0!important;
    border-right:0!important;
    outline:0!important;
    box-shadow:none!important;
    background:transparent!important;
  }
  body.fourp-battery-root .fourp-brand-showcase-grid .fourp-brand-exact-picture,
  body.fourp-battery-root .fourp-brand-showcase-grid .fourp-brand-exact-art{
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
  }
}