:root{
  --blue:#0b74ff;--blue2:#075bd8;--dark:#07182f;--muted:#667085;--bg:#f4f7fb;--line:#e5eaf2;--green:#16a34a;--red:#ef233c;--radius:16px;--shadow:0 10px 30px rgba(15,23,42,.07)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:#101828;font-size:16px}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}.container{width:min(1440px,100%);margin:0 auto;padding:0 24px}.topbar{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}.top-row{display:flex;align-items:center;gap:22px;padding:16px 0}.logo{font-weight:900;font-size:26px;line-height:.95;color:#0b1b31;display:flex;align-items:center;gap:10px;white-space:nowrap}.logo span{display:block;color:var(--blue);font-size:14px;letter-spacing:3px}.snow{font-size:40px;color:var(--blue)}.search{flex:1;display:flex;border:1px solid #d9e2ef;border-radius:12px;overflow:hidden;background:#fff;min-width:260px}.search input{flex:1;border:0;padding:15px 18px;font-size:15px;outline:0;min-width:0}.search button,.btn{border:0;background:var(--blue);color:#fff;padding:14px 22px;border-radius:10px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px}.search button:hover,.btn:hover{background:var(--blue2)}.header-actions{display:flex;align-items:center;gap:16px;font-weight:700}.header-actions small{display:block;color:#667085}.nav{display:flex;align-items:center;gap:10px;border-top:1px solid #f1f3f8;padding:12px 0;font-weight:900;font-size:14px;letter-spacing:.035em;text-transform:uppercase;overflow-x:auto;scrollbar-width:thin}.nav a{padding:11px 13px;border-radius:10px;white-space:nowrap}.nav a:hover{background:#f1f6ff;color:var(--blue)}.cat-btn{background:var(--blue)!important;color:#fff!important;border-radius:10px;padding:12px 18px!important}.hero{margin-top:28px;background:#edf3fb;border-radius:22px;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,1.25fr);min-height:420px;box-shadow:var(--shadow)}.hero-text{padding:clamp(32px,4vw,58px) clamp(22px,3vw,42px)}.hero h1{font-size:clamp(36px,4vw,54px);line-height:1.04;margin:0 0 18px}.hero h1 b{color:var(--blue)}.hero p{font-size:clamp(16px,1.5vw,19px);color:#334155;line-height:1.55}.features{display:flex;gap:18px;margin:30px 0;flex-wrap:wrap}.feature{display:flex;align-items:center;gap:10px;font-weight:800;background:rgba(255,255,255,.65);padding:10px 12px;border-radius:12px}.feature small{display:block;color:#667085;font-weight:600}.hero-img{position:relative;min-height:300px;background:url('../img/banners/hero.svg') center/cover no-repeat}.promo{position:absolute;right:clamp(18px,4vw,45px);top:50%;transform:translateY(-50%);background:#fff;padding:24px;border-radius:18px;box-shadow:0 20px 50px rgba(2,8,23,.18);text-align:center;max-width:220px}.promo strong{font-size:42px;color:#1266f1}.category-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;margin:30px 0}.round-cat{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;text-align:center;font-weight:800;box-shadow:0 6px 18px rgba(15,23,42,.04);min-width:0}.round-cat img{height:80px;width:100%;object-fit:contain;margin-bottom:8px}.finder{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;margin-top:24px;margin-bottom:28px;box-shadow:var(--shadow)}.finder h2{margin-top:0}.finder form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) 180px;gap:16px;align-items:end}.input,.select,input[type=text],input[type=email],input[type=tel],input[type=number],input[type=file],select,textarea{width:100%;border:1px solid #dbe3ef;border-radius:12px;padding:14px 15px;background:#fff;font:inherit;outline:none;min-height:48px}.input:focus,.select:focus,input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(11,116,255,.12)}textarea{min-height:120px;resize:vertical}.layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:24px}.sidebar{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;height:max-content;position:sticky;top:132px}.filter-title{font-weight:900;margin:18px 0 10px}.check{display:flex;align-items:center;gap:9px;margin:10px 0;color:#344054;line-height:1.4}.product-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:12px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 8px 24px rgba(15,23,42,.05);transition:.2s;min-width:0}.card:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(15,23,42,.1)}.thumb{height:210px;background:#f8fafc;position:relative}.thumb img{width:100%;height:100%;object-fit:cover}.badge{position:absolute;left:12px;top:12px;background:var(--green);color:#fff;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:900}.badge.red{background:var(--red)}.card-body{padding:16px}.brand{font-size:11px;text-transform:uppercase;color:#47617e;font-weight:900}.card h3{font-size:18px;margin:7px 0 8px;line-height:1.25}.meta{font-size:13px;color:#667085;line-height:1.45}.price{font-size:23px;font-weight:950;margin-top:14px}.old{text-decoration:line-through;color:#98a2b3;font-size:15px;margin-left:8px}.info-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:34px 0}.info-box{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;display:flex;gap:14px;align-items:center;font-weight:900}.section{margin:40px 0}.section-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.blog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.footer{background:#06172e;color:#c9d7ea;margin-top:50px;padding:45px 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px}.product-page{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;margin:28px 0;box-shadow:var(--shadow)}.product-page img{width:100%;border-radius:14px;background:#f8fafc;object-fit:contain}.specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.specs div{border:1px solid var(--line);padding:12px;border-radius:10px;background:#fbfdff}.form-box{background:#fff;border:1px solid var(--line);border-radius:20px;padding:clamp(18px,3vw,28px);box-shadow:var(--shadow);width:100%}.notice{padding:12px 14px;border-radius:10px;background:#ecfdf3;color:#067647;margin:12px 0}.whatsapp-mini{background:#16a34a!important;color:#fff!important;padding:10px 14px;border-radius:12px;text-decoration:none;font-weight:800}.whatsapp{background:#16a34a!important}.whatsapp:hover{background:#12823b!important}.product-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.install-wrap{display:grid;grid-template-columns:minmax(0,.95fr) minmax(320px,1.05fr);gap:32px;margin-top:28px;align-items:start;max-width:none}.eyebrow{color:#1266e3;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.benefit-row{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.benefit-row span{background:#f1f6ff;border:1px solid #dce9ff;border-radius:12px;padding:10px 12px}.selected-product{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid #e5eaf2;border-radius:16px;padding:12px;margin:16px 0}.selected-product img{width:110px;height:74px;object-fit:contain;border-radius:10px;background:#f8fafc}.install-form{background:#f8fbff;border:1px solid #e5eaf2;border-radius:20px;padding:22px;display:grid;gap:14px}.install-form .input,.install-form textarea,.install-form select{margin:0}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.alert{padding:12px 14px;border-radius:12px;margin-bottom:2px}.alert.success{background:#dcfce7;color:#166534}.alert.error{background:#fee2e2;color:#991b1b}
@media(max-width:1200px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-strip{grid-template-columns:repeat(3,1fr)}.info-row{grid-template-columns:repeat(3,1fr)}.blog-grid{grid-template-columns:repeat(3,1fr)}.hero{grid-template-columns:1fr 1fr}}
@media(max-width:950px){.container{padding:0 18px}.top-row{flex-wrap:wrap}.logo{font-size:23px}.search{order:3;flex-basis:100%;min-width:100%}.header-actions{margin-left:auto}.hero,.layout,.product-page,.install-wrap{grid-template-columns:1fr}.sidebar{position:static;top:auto}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.finder form{grid-template-columns:repeat(2,minmax(0,1fr))}.info-row,.blog-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.hero-img{min-height:260px}.promo{top:auto;bottom:18px;transform:none}}
@media(max-width:680px){body{font-size:15px}.container{padding:0 14px}.top-row{gap:12px;padding:12px 0}.snow{font-size:34px}.logo{font-size:20px}.header-actions{width:100%;justify-content:space-between;gap:8px;font-size:14px}.nav{margin:0 -14px;padding:10px 14px}.hero{margin-top:16px;border-radius:18px}.hero-text{padding:26px 20px}.hero h1{font-size:34px}.features{gap:10px}.feature{width:100%}.hero-img{min-height:220px}.promo{left:16px;right:16px;max-width:none;padding:18px}.category-strip,.grid,.info-row,.blog-grid,.finder form,.grid2,.footer-grid,.specs{grid-template-columns:1fr}.product-top,.section-head{align-items:flex-start;flex-direction:column}.card h3{font-size:17px}.thumb{height:190px}.product-page,.form-box{padding:18px}.install-form{padding:16px}.selected-product{align-items:flex-start}.selected-product img{width:92px;height:68px}.btn,.search button{width:100%}.search button{border-radius:0}.product-actions .btn{flex:1 1 100%}}
@media(max-width:420px){.header-actions{flex-direction:column;align-items:stretch}.whatsapp-mini{text-align:center}.hero h1{font-size:30px}.price{font-size:21px}.round-cat{padding:14px}.footer{padding:32px 0}}



.whatsapp-float{position:fixed;right:22px;bottom:22px;width:62px;height:62px;border-radius:50%;background:#25d366;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 32px rgba(0,0,0,.28);z-index:9999;transition:.2s;animation:waPulse 2.2s infinite}.whatsapp-float:hover{transform:translateY(-3px) scale(1.06);background:#20bd5a}.whatsapp-float svg{width:36px;height:36px}.wa-tooltip{position:absolute;right:72px;background:#06172e;color:#fff;padding:9px 12px;border-radius:12px;font-size:13px;font-weight:800;white-space:nowrap;box-shadow:0 10px 25px rgba(15,23,42,.22)}.wa-tooltip:after{content:"";position:absolute;right:-6px;top:50%;transform:translateY(-50%);border-left:7px solid #06172e;border-top:7px solid transparent;border-bottom:7px solid transparent}@keyframes waPulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.42),0 12px 32px rgba(0,0,0,.28)}70%{box-shadow:0 0 0 16px rgba(37,211,102,0),0 12px 32px rgba(0,0,0,.28)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0),0 12px 32px rgba(0,0,0,.28)}}
@media(max-width:520px){.whatsapp-float{width:56px;height:56px;right:16px;bottom:16px}.whatsapp-float svg{width:32px;height:32px}.wa-tooltip{display:none}}


/* Logo size settings fix */
.logo{min-width:0;overflow:visible;flex:0 0 auto;}
.logo .site-logo-img{display:block!important;height:var(--admin-logo-desktop-h,95px)!important;max-height:var(--admin-logo-desktop-h,95px)!important;max-width:var(--admin-logo-max-w,240px)!important;width:auto!important;object-fit:contain!important;object-position:left center!important;}
.top-row{min-height:calc(var(--admin-logo-desktop-h,95px) + 28px);}
@media(max-width:950px){.logo .site-logo-img{height:var(--admin-logo-mobile-h,60px)!important;max-height:var(--admin-logo-mobile-h,60px)!important;max-width:min(var(--admin-logo-max-w,240px),180px)!important}.top-row{min-height:calc(var(--admin-logo-mobile-h,60px) + 24px);}}
@media(max-width:480px){.logo .site-logo-img{max-width:min(var(--admin-logo-max-w,240px),155px)!important;}}

/* Hero offers slider update */
.hero-offers{position:relative;min-height:300px;padding:clamp(18px,3vw,38px);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#eaf4ff,#f8fbff)}
.offer-slider{position:relative;width:100%;height:100%;min-height:360px;border-radius:calc(var(--radius) + 8px);overflow:hidden;box-shadow:0 24px 70px rgba(2,8,23,.18);background:#fff;isolation:isolate}
.offer-slide{position:absolute;inset:0;opacity:0;transform:scale(1.04);animation:offerFade 18s infinite;animation-delay:calc(var(--i) * 6s);transition:transform .45s ease, filter .45s ease;display:block}
.offer-slide:first-child{opacity:1}
.offer-slide:hover{transform:scale(1.08);filter:saturate(1.06) contrast(1.03)}
.offer-slide img,.empty-offer img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.offer-caption{position:absolute;left:18px;right:18px;bottom:18px;background:rgba(255,255,255,.90);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.7);border-radius:18px;padding:14px 16px;box-shadow:0 10px 30px rgba(15,23,42,.14);color:#0f172a}
.offer-caption b{display:block;font-size:18px;line-height:1.2}.offer-caption small{display:block;color:#475467;font-weight:700;margin-top:3px}.empty-offer{position:relative}.empty-offer img{object-fit:contain;padding:32px;background:#fff}
@keyframes offerFade{0%{opacity:0;transform:scale(1.04)}5%{opacity:1;transform:scale(1)}30%{opacity:1;transform:scale(1)}36%{opacity:0;transform:scale(1.04)}100%{opacity:0;transform:scale(1.04)}}
@media(max-width:950px){.hero-offers{min-height:260px}.offer-slider{min-height:300px}.offer-slide{animation-duration:18s}}
@media(max-width:680px){.hero-offers{padding:16px;min-height:230px}.offer-slider{min-height:240px;border-radius:18px}.offer-caption{left:12px;right:12px;bottom:12px;padding:11px 12px;border-radius:14px}.offer-caption b{font-size:16px}}
.offer-slider .offer-slide{animation:none!important;opacity:0;pointer-events:none}.offer-slider .offer-slide.active{opacity:1;transform:scale(1);pointer-events:auto}.offer-slider .offer-slide.active:hover{transform:scale(1.06)}


/* GLOBAL FRONTEND IMAGE DISPLAY FIX */
.card .thumb{display:flex;align-items:center;justify-content:center;overflow:hidden;background:#f8fafc;}
.card .thumb img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;padding:10px;background:#fff;}
.blog-grid .card .thumb img{object-fit:cover!important;padding:0;}
.product-page > div:first-child{background:#f8fafc;border:1px solid var(--line);border-radius:18px;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:420px;}
.product-page > div:first-child img{width:100%!important;max-height:520px!important;object-fit:contain!important;padding:18px;background:#fff;}
.selected-product img{object-fit:contain!important;background:#fff!important;padding:6px!important;}
.round-cat img{object-fit:contain!important;}
.post-image, article.form-box > img{max-height:460px!important;object-fit:cover!important;object-position:center!important;}
.offer-slide img,.empty-offer img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;}
@media(max-width:680px){
  .product-page > div:first-child{min-height:260px;}
  .product-page > div:first-child img{max-height:330px!important;padding:12px;}
  .card .thumb img{padding:8px;}
}

/* CATEGORY CARDS CLEAN UPDATE */
.round-cat .cat-title, .round-cat div{
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: .35px;
}
.round-cat small, .category-count{
    display: none !important;
}

/* HERO: left benefit tabs + one offer slider */
.hero.hero-single-offer{
  display:grid!important;
  grid-template-columns:300px minmax(0,1fr)!important;
  min-height:520px!important;
  background:#fff!important;
  border-radius:26px!important;
  padding:0!important;
  overflow:hidden!important;
  box-shadow:0 24px 70px rgba(2,8,23,.12)!important;
}
.hero-single-offer .hero-benefits{
  background:linear-gradient(180deg,#d90000 0%,#920000 100%);
  padding:28px 24px;
  display:grid;
  grid-template-rows:repeat(4,1fr);
  gap:18px;
  min-width:0;
}
.hero-benefit-card{
  border:2px solid rgba(255,255,255,.24);
  background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.04));
  border-radius:18px;
  color:#fff;
  padding:18px 16px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  min-height:105px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 15px 35px rgba(0,0,0,.16);
  transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}
.hero-benefit-card:hover{
  transform:translateY(-5px);
  border-color:rgba(255,255,255,.5);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 20px 45px rgba(0,0,0,.25),0 0 0 4px rgba(255,255,255,.08);
}
.hero-benefit-card.support{background:linear-gradient(145deg,rgba(22,163,74,.28),rgba(255,255,255,.05));}
.hero-benefit-icon{font-size:38px;line-height:1;margin-bottom:8px;filter:drop-shadow(0 8px 14px rgba(0,0,0,.18));}
.hero-benefit-card strong{font-size:22px;line-height:1.05;font-weight:950;letter-spacing:.02em;}
.hero-benefit-card b{font-size:28px;line-height:1.08;font-weight:950;margin-top:2px;}
.hero-benefit-card small{font-size:13px;font-weight:800;opacity:.9;margin-top:8px;}
.hero-single-offer .hero-main-offer{
  min-height:520px!important;
  padding:0!important;
  background:#070b13!important;
  display:block!important;
}
.hero-single-offer .single-offer-slider{
  width:100%!important;
  height:100%!important;
  min-height:520px!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:#070b13!important;
}
.hero-single-offer .offer-slide{
  position:absolute!important;
  inset:0!important;
  opacity:0!important;
  pointer-events:none!important;
  transform:translateX(55px) scale(1.02)!important;
  transition:opacity .65s ease, transform .65s cubic-bezier(.22,.72,.18,1)!important;
  animation:none!important;
}
.hero-single-offer .offer-slide.active{
  opacity:1!important;
  pointer-events:auto!important;
  transform:translateX(0) scale(1)!important;
}
.hero-single-offer .offer-slide.leaving-left{opacity:0!important;transform:translateX(-55px) scale(.985)!important;}
.hero-single-offer .offer-slide.entering-right{opacity:0!important;transform:translateX(55px) scale(1.02)!important;}
.hero-single-offer .offer-slide img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  padding:0!important;
  background:#070b13!important;
}
.hero-single-offer .offer-slide:hover img{transform:scale(1.025);transition:transform .6s ease;}
.hero-single-offer .offer-caption{display:none!important;}
.offer-nav{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:8;
  width:54px;
  height:54px;
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.92);
  color:#07182f;
  font-size:44px;
  line-height:1;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  box-shadow:0 12px 35px rgba(0,0,0,.22);
  transition:.2s;
}
.offer-nav:hover{background:#fff;transform:translateY(-50%) scale(1.08);}
.offer-prev{left:22px}.offer-next{right:22px}
.offer-dots{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);z-index:9;display:flex;gap:10px;align-items:center;justify-content:center;}
.offer-dots span{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.45);box-shadow:0 2px 8px rgba(0,0,0,.25);transition:.2s;}
.offer-dots span.active{background:#fff;transform:scale(1.25);}
@media(max-width:1100px){
  .hero.hero-single-offer{grid-template-columns:230px minmax(0,1fr)!important;min-height:440px!important;}
  .hero-single-offer .hero-main-offer,.hero-single-offer .single-offer-slider{min-height:440px!important;}
  .hero-single-offer .hero-benefits{padding:20px 16px;gap:12px;}
  .hero-benefit-card{min-height:88px;padding:13px;}
  .hero-benefit-icon{font-size:30px;margin-bottom:5px}.hero-benefit-card strong{font-size:18px}.hero-benefit-card b{font-size:22px}.hero-benefit-card small{font-size:12px}
}
@media(max-width:820px){
  .hero.hero-single-offer{grid-template-columns:1fr!important;min-height:0!important;}
  .hero-single-offer .hero-benefits{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;padding:14px;order:2;}
  .hero-single-offer .hero-main-offer,.hero-single-offer .single-offer-slider{min-height:330px!important;order:1;}
  .hero-benefit-card{min-height:84px;align-items:center;text-align:center;}
  .offer-nav{width:44px;height:44px;font-size:34px}.offer-prev{left:12px}.offer-next{right:12px}
}
@media(max-width:520px){
  .hero-single-offer .hero-main-offer,.hero-single-offer .single-offer-slider{min-height:245px!important;}
  .hero-single-offer .hero-benefits{grid-template-columns:1fr 1fr;gap:10px;}
  .hero-benefit-card{padding:10px;min-height:78px;border-radius:14px;}
  .hero-benefit-icon{font-size:24px}.hero-benefit-card strong{font-size:14px}.hero-benefit-card b{font-size:17px}.hero-benefit-card small{display:none;}
  .offer-dots{bottom:12px}.offer-dots span{width:9px;height:9px}
}

/* UPDATE: hero is now only a proportional offer slider */
.hero.hero-offer-only{
  display:block!important;
  min-height:0!important;
  height:auto!important;
  margin-top:22px!important;
  padding:0!important;
  background:transparent!important;
  border-radius:0!important;
  overflow:visible!important;
  box-shadow:none!important;
}
.hero-offer-only .hero-main-offer{
  width:100%!important;
  min-height:0!important;
  height:auto!important;
  padding:0!important;
  background:transparent!important;
  display:block!important;
}
.hero-offer-only .proportional-offer-slider{
  position:relative!important;
  width:100%!important;
  aspect-ratio:16/5!important;
  min-height:0!important;
  height:auto!important;
  max-height:390px!important;
  overflow:hidden!important;
  border-radius:24px!important;
  background:#07111f!important;
  box-shadow:0 22px 65px rgba(2,8,23,.16)!important;
}
.hero-offer-only .offer-slide{
  position:absolute!important;
  inset:0!important;
  opacity:0!important;
  pointer-events:none!important;
  transform:translateX(70px) scale(1.01)!important;
  transition:opacity .65s ease, transform .7s cubic-bezier(.22,.72,.18,1)!important;
  animation:none!important;
}
.hero-offer-only .offer-slide.active{
  opacity:1!important;
  pointer-events:auto!important;
  transform:translateX(0) scale(1)!important;
}
.hero-offer-only .offer-slide.leaving-left{opacity:0!important;transform:translateX(-70px) scale(.99)!important;}
.hero-offer-only .offer-slide.entering-right{opacity:0!important;transform:translateX(70px) scale(1.01)!important;}
.hero-offer-only .offer-slide img,
.hero-offer-only .empty-offer img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:0!important;
  background:#07111f!important;
}
.hero-offer-only .offer-slide:hover img{transform:scale(1.012);transition:transform .55s ease;}
.hero-offer-only .offer-caption{display:none!important;}
.hero-offer-only .offer-nav{
  width:48px!important;
  height:48px!important;
  font-size:38px!important;
  background:rgba(255,255,255,.9)!important;
}
.hero-offer-only .offer-prev{left:18px!important;}
.hero-offer-only .offer-next{right:18px!important;}
.hero-offer-only .offer-dots{bottom:14px!important;}
.hero-offer-only .offer-dots span{width:10px!important;height:10px!important;}
@media(max-width:950px){
  .hero-offer-only .proportional-offer-slider{aspect-ratio:16/7!important;border-radius:20px!important;}
}
@media(max-width:620px){
  .hero.hero-offer-only{margin-top:14px!important;}
  .hero-offer-only .proportional-offer-slider{aspect-ratio:16/9!important;border-radius:16px!important;}
  .hero-offer-only .offer-nav{width:38px!important;height:38px!important;font-size:30px!important;}
  .hero-offer-only .offer-prev{left:10px!important;}.hero-offer-only .offer-next{right:10px!important;}
  .hero-offer-only .offer-dots{bottom:9px!important;}
  .hero-offer-only .offer-dots span{width:8px!important;height:8px!important;}
}

/* UPDATE: hero slider with 3 offers 33/33/33, no navigation buttons */
.hero.hero-two-offers-only{
  display:block!important;
  min-height:0!important;
  height:auto!important;
  margin-top:18px!important;
  padding:0!important;
  background:transparent!important;
  border-radius:0!important;
  overflow:visible!important;
  box-shadow:none!important;
}
.hero-two-offers-only .hero-main-offer{
  width:100%!important;
  padding:0!important;
  background:transparent!important;
}
.two-offer-slider{
  --offer-gap:18px;
  position:relative!important;
  width:100%!important;
  aspect-ratio:16/4.25!important;
  min-height:235px!important;
  max-height:360px!important;
  overflow:hidden!important;
  border-radius:24px!important;
  background:#07111f!important;
  box-shadow:0 22px 65px rgba(2,8,23,.16)!important;
}
.two-offer-track{
  height:100%!important;
  display:flex!important;
  gap:var(--offer-gap)!important;
  transition:transform .8s cubic-bezier(.22,.72,.18,1)!important;
  will-change:transform!important;
}
.two-offer-card{
  flex:0 0 calc((100% - (var(--offer-gap) * 2)) / 3)!important;
  height:100%!important;
  border-radius:22px!important;
  overflow:hidden!important;
  background:#07111f!important;
  display:block!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)!important;
}
.two-offer-card img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  display:block!important;
  transition:transform .55s ease, filter .55s ease!important;
}
.two-offer-card:hover img{
  transform:scale(1.035)!important;
  filter:saturate(1.06) contrast(1.03)!important;
}
.hero-two-offers-only .offer-nav,
.hero-two-offers-only .offer-dots{display:none!important;}
@media(max-width:950px){
  .two-offer-slider{aspect-ratio:16/6!important;min-height:230px!important;border-radius:20px!important;--offer-gap:14px;}
  .two-offer-card{flex-basis:calc((100% - var(--offer-gap)) / 2)!important;border-radius:18px!important;}
}
@media(max-width:620px){
  .hero.hero-two-offers-only{margin-top:12px!important;}
  .two-offer-slider{aspect-ratio:16/13!important;min-height:0!important;border-radius:16px!important;--offer-gap:12px;}
  .two-offer-track{gap:var(--offer-gap)!important;}
  .two-offer-card{flex-basis:100%!important;border-radius:15px!important;}
}


/* FINAL UPDATE: hero shows one full-width offer at a time */
.hero.hero-two-offers-only{
  display:block!important;
  min-height:0!important;
  height:auto!important;
  margin-top:18px!important;
  padding:0!important;
  background:transparent!important;
  border-radius:0!important;
  overflow:visible!important;
  box-shadow:none!important;
}
.hero-two-offers-only .hero-main-offer,
.hero-two-offers-only .hero-offers{
  width:100%!important;
  padding:0!important;
  background:transparent!important;
  min-height:0!important;
  display:block!important;
}
.two-offer-slider{
  --offer-gap:0px!important;
  position:relative!important;
  width:100%!important;
  aspect-ratio:16/4.25!important;
  min-height:235px!important;
  max-height:360px!important;
  overflow:hidden!important;
  border-radius:24px!important;
  background:transparent!important;
  box-shadow:none!important;
}
.two-offer-track{
  height:100%!important;
  display:flex!important;
  gap:0!important;
  transition:transform .85s cubic-bezier(.22,.72,.18,1)!important;
  will-change:transform!important;
}
.two-offer-card{
  flex:0 0 100%!important;
  width:100%!important;
  height:100%!important;
  border-radius:24px!important;
  overflow:hidden!important;
  background:#fff!important;
  display:block!important;
  box-shadow:0 16px 45px rgba(15,23,42,.10)!important;
  border:1px solid rgba(15,23,42,.06)!important;
}
.two-offer-card img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  display:block!important;
  transition:transform .55s ease, filter .55s ease!important;
  background:#fff!important;
}
.two-offer-card:hover img{
  transform:scale(1.018)!important;
  filter:saturate(1.04) contrast(1.02)!important;
}
.hero-two-offers-only .offer-nav,
.hero-two-offers-only .offer-dots{display:none!important;}
@media(max-width:950px){
  .two-offer-slider{aspect-ratio:16/6!important;min-height:230px!important;border-radius:20px!important;}
  .two-offer-card{flex-basis:100%!important;border-radius:20px!important;}
}
@media(max-width:620px){
  .hero.hero-two-offers-only{margin-top:12px!important;}
  .two-offer-slider{aspect-ratio:16/10!important;min-height:0!important;border-radius:16px!important;}
  .two-offer-card{flex-basis:100%!important;border-radius:16px!important;}
}


/* ORIGINAL BANNER SIZE UPDATE */
.two-offer-slider{
height:auto !important;
aspect-ratio:auto !important;
min-height:auto !important;
max-height:none !important;
overflow:visible !important;
border-radius:0 !important;
background:transparent !important;
box-shadow:none !important;
}
.two-offer-card{
height:auto !important;
border-radius:0 !important;
background:transparent !important;
box-shadow:none !important;
border:0 !important;
}
.two-offer-card img{
width:100% !important;
height:auto !important;
object-fit:contain !important;
}


/* FINAL HERO SLIDER FIX: one offer only, no side previews, newest to oldest */
.hero.hero-two-offers-only,
.hero.hero-offer-only{
  display:block!important;
  min-height:0!important;
  height:auto!important;
  margin-top:18px!important;
  padding:0!important;
  background:transparent!important;
  border-radius:0!important;
  overflow:visible!important;
  box-shadow:none!important;
}
.hero-two-offers-only .hero-main-offer,
.hero-two-offers-only .hero-offers,
.hero-offer-only .hero-main-offer,
.hero-offer-only .hero-offers{
  width:100%!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  min-height:0!important;
  display:block!important;
}
.two-offer-slider{
  position:relative!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.two-offer-track{
  display:flex!important;
  align-items:flex-start!important;
  gap:0!important;
  width:100%!important;
  height:auto!important;
  transition:transform .75s cubic-bezier(.22,.72,.18,1)!important;
  will-change:transform!important;
}
.two-offer-card{
  flex:0 0 100%!important;
  width:100%!important;
  min-width:100%!important;
  max-width:100%!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  display:block!important;
}
.two-offer-card img{
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center!important;
  display:block!important;
  background:transparent!important;
  transform:none!important;
  filter:none!important;
}
.two-offer-card:hover img{
  transform:none!important;
  filter:none!important;
}
.hero-two-offers-only .offer-nav,
.hero-two-offers-only .offer-dots,
.hero-offer-only .offer-nav,
.hero-offer-only .offer-dots{
  display:none!important;
}
@media(max-width:620px){
  .hero.hero-two-offers-only,
  .hero.hero-offer-only{margin-top:12px!important;}
}


/* HEADER SEARCH REMOVED + MOBILE FILTER COLLAPSE UPDATE */
.top-row{justify-content:space-between;}
.header-actions{margin-left:auto;}
.filter-toggle{display:none;width:100%;border:0;background:#fff;color:#101828;font-weight:950;font-size:16px;text-align:left;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:14px;cursor:pointer;}
.filter-toggle b{font-size:24px;line-height:1;transition:transform .25s ease;color:var(--blue);}
.filter-collapsible.open .filter-toggle b{transform:rotate(180deg);}
@media(max-width:950px){.top-row{flex-wrap:nowrap;align-items:center}.header-actions{width:auto;margin-left:auto}.nav{margin-top:0}}
@media(max-width:680px){
  .top-row{gap:10px;padding:10px 0;}
  .header-actions{font-size:13px;align-items:center;justify-content:flex-end;width:auto;flex-shrink:0;}
  .header-actions > div{display:none;}
  .whatsapp-mini{padding:9px 11px;border-radius:11px;white-space:nowrap;}
  .finder.filter-collapsible{padding:8px;margin-top:16px;margin-bottom:18px;border-radius:16px;}
  .filter-toggle{display:flex;}
  .filter-collapsible .filter-body{display:none;padding:10px 6px 6px;}
  .filter-collapsible.open .filter-body{display:block;animation:filterDrop .22s ease both;}
  .filter-collapsible .filter-body h2{display:none;}
  .filter-collapsible .filter-body p{font-size:13px;margin:10px 4px 0;color:#667085;}
  .filter-collapsible form{gap:10px!important;}
  .filter-collapsible .input,.filter-collapsible .select,.filter-collapsible input,.filter-collapsible select{min-height:42px;padding:10px 12px;border-radius:10px;font-size:14px;}
  .filter-collapsible .btn{min-height:42px;padding:10px 14px;border-radius:10px;font-size:14px;}
}
@keyframes filterDrop{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

/* HEADER PHONE RIGHT + MOBILE FILTER CLEAN FINAL */
.topbar .top-row{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
}
.topbar .header-actions{
  margin-left:auto!important;
  width:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:0!important;
  flex-shrink:0!important;
}
.phone-box{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-end!important;
  text-align:right!important;
  color:#07182f!important;
  font-weight:950!important;
  line-height:1.1!important;
  white-space:nowrap!important;
}
.phone-box span{font-size:17px!important;letter-spacing:.01em!important;}
.phone-box small{display:block!important;color:#667085!important;font-size:13px!important;font-weight:700!important;margin-top:3px!important;}
.topbar .whatsapp-mini{display:none!important;}

/* Desktop: filter normal, toggle hidden */
.filter-toggle{display:none!important;}
.filter-collapsible .filter-body{display:block!important;}

@media(max-width:950px){
  .topbar .top-row{
    flex-wrap:nowrap!important;
    min-height:auto!important;
    padding:10px 0!important;
  }
  .logo{flex:0 0 auto!important;}
  .topbar .header-actions{flex:1 1 auto!important;}
  .phone-box span{font-size:15px!important;}
  .phone-box small{font-size:12px!important;}
}

@media(max-width:680px){
  .topbar .container{padding:0 12px!important;}
  .topbar .top-row{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    align-items:center!important;
    column-gap:10px!important;
    row-gap:0!important;
    padding:10px 0 8px!important;
  }
  .logo .site-logo-img{max-width:150px!important;height:auto!important;max-height:56px!important;object-fit:contain!important;}
  .topbar .header-actions{
    width:auto!important;
    margin:0!important;
    justify-self:end!important;
    justify-content:flex-end!important;
  }
  .phone-box span{font-size:13px!important;}
  .phone-box small{font-size:11px!important;}
  .nav{margin:0 -12px!important;padding:8px 12px!important;gap:8px!important;font-size:12px!important;}
  .nav a{padding:10px 11px!important;border-radius:8px!important;}

  .finder.filter-collapsible{
    padding:0!important;
    margin-top:16px!important;
    margin-bottom:18px!important;
    border-radius:16px!important;
    overflow:hidden!important;
    background:#fff!important;
    border:1px solid #e5eaf2!important;
    box-shadow:0 8px 24px rgba(15,23,42,.06)!important;
  }
  .filter-toggle{
    display:flex!important;
    width:100%!important;
    border:0!important;
    background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
    color:#101828!important;
    font-weight:950!important;
    font-size:15px!important;
    line-height:1.25!important;
    text-align:left!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    padding:14px 16px!important;
    border-radius:0!important;
    cursor:pointer!important;
    appearance:none!important;
    -webkit-appearance:none!important;
  }
  .filter-toggle span{display:block!important;max-width:calc(100% - 32px)!important;}
  .filter-toggle b{
    width:28px!important;height:28px!important;border-radius:50%!important;
    background:#eef6ff!important;color:var(--blue)!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    font-size:18px!important;line-height:1!important;transition:transform .25s ease!important;flex:0 0 auto!important;
  }
  .filter-collapsible.open .filter-toggle b{transform:rotate(180deg)!important;}
  .filter-collapsible .filter-body{
    display:none!important;
    padding:14px!important;
    border-top:1px solid #eef2f7!important;
    background:#fff!important;
  }
  .filter-collapsible.open .filter-body{display:block!important;animation:filterDrop .22s ease both!important;}
  .filter-collapsible .filter-body h2{display:none!important;}
  .filter-collapsible .filter-body p{font-size:12px!important;margin:10px 2px 0!important;color:#667085!important;line-height:1.35!important;}
  .filter-collapsible form{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;}
  .filter-collapsible .input,
  .filter-collapsible .select,
  .filter-collapsible input,
  .filter-collapsible select{
    min-height:42px!important;
    padding:10px 12px!important;
    border-radius:11px!important;
    font-size:14px!important;
    background:#fff!important;
  }
  .filter-collapsible .btn{
    width:100%!important;
    min-height:44px!important;
    padding:10px 14px!important;
    border-radius:11px!important;
    font-size:13px!important;
    margin-top:2px!important;
  }
}

/* Sidebar category/brand mobile accordion + brand checkbox filter */
.shop-sidebar .side-section + .side-section{margin-top:18px;border-top:1px solid #eef2f7;padding-top:14px;}
.side-toggle{display:none;width:100%;border:0;background:#f8fbff;color:#101828;border:1px solid #e3eaf5;border-radius:14px;padding:12px 14px;font-weight:950;font-size:15px;text-align:left;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;}
.side-toggle b{font-size:22px;line-height:1;color:var(--blue);transition:transform .24s ease;}
.side-collapsible.open .side-toggle b{transform:rotate(180deg);}
.sidebar .check.active{color:var(--blue);font-weight:900;background:#f1f6ff;border-radius:10px;padding:8px 10px;margin-left:-10px;margin-right:-10px;}
.brand-filter-form{display:block;margin:0;}
.brand-check{cursor:pointer;justify-content:space-between;}
.brand-check input{width:16px;height:16px;margin:0 7px 0 0;accent-color:var(--blue);vertical-align:-2px;}
.clear-filter{display:inline-flex;margin-top:10px;color:var(--blue);font-weight:900;font-size:13px;}

@media(max-width:900px){
  .layout{grid-template-columns:1fr!important;gap:16px!important;}
  .shop-sidebar{position:static!important;top:auto!important;padding:12px!important;border-radius:16px!important;margin-bottom:6px!important;}
  .shop-sidebar .side-section + .side-section{margin-top:10px!important;border-top:0!important;padding-top:0!important;}
  .side-toggle{display:flex!important;}
  .side-collapsible .side-body{display:none;padding:10px 4px 2px;}
  .side-collapsible.open .side-body{display:block;animation:filterDrop .22s ease both;}
  .side-body h3,.side-body .filter-title{display:none!important;}
  .sidebar .check{min-height:38px;margin:6px 0!important;padding:9px 10px;border:1px solid #eef2f7;border-radius:12px;background:#fff;}
  .sidebar .check b{font-size:12px;background:#f3f6fb;border-radius:999px;padding:2px 7px;}
  .brand-check input{width:15px;height:15px;}
}

@media(min-width:901px){
  .side-collapsible .side-body{display:block!important;}
}

/* FINAL MOBILE ACCORDION STYLE: KATEGORIJE / BRENDOVI like 'Pronađi idealnu klimu' */
@media(max-width:900px){
  .layout{
    display:block!important;
  }
  .shop-sidebar{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    padding:0!important;
    margin:0 0 16px!important;
    position:static!important;
    width:100%!important;
  }
  .shop-sidebar .side-section,
  .shop-sidebar .side-collapsible{
    display:block!important;
    width:100%!important;
    background:#fff!important;
    border:1px solid #e5eaf2!important;
    border-radius:16px!important;
    overflow:hidden!important;
    box-shadow:0 8px 24px rgba(15,23,42,.06)!important;
    margin:0 0 12px!important;
    padding:0!important;
  }
  .shop-sidebar .side-section + .side-section{
    margin-top:0!important;
    border-top:1px solid #e5eaf2!important;
    padding-top:0!important;
  }
  .side-toggle,
  .shop-sidebar .side-toggle{
    appearance:none!important;
    -webkit-appearance:none!important;
    display:flex!important;
    width:100%!important;
    min-width:100%!important;
    height:auto!important;
    min-height:52px!important;
    padding:14px 16px!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
    color:#101828!important;
    font-family:inherit!important;
    font-size:15px!important;
    font-weight:950!important;
    line-height:1.25!important;
    text-align:left!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    cursor:pointer!important;
  }
  .side-toggle span,
  .shop-sidebar .side-toggle span{
    display:block!important;
    max-width:calc(100% - 34px)!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .side-toggle b,
  .shop-sidebar .side-toggle b{
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    border-radius:50%!important;
    background:#eef6ff!important;
    color:var(--blue)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:18px!important;
    line-height:1!important;
    font-weight:900!important;
    transition:transform .25s ease!important;
  }
  .side-collapsible.open .side-toggle b{transform:rotate(180deg)!important;}
  .side-collapsible .side-body,
  .shop-sidebar .side-collapsible .side-body{
    display:none!important;
    padding:14px!important;
    border-top:1px solid #eef2f7!important;
    background:#fff!important;
  }
  .side-collapsible.open .side-body,
  .shop-sidebar .side-collapsible.open .side-body{
    display:block!important;
    animation:filterDrop .22s ease both!important;
  }
  .side-body h3,
  .side-body .filter-title{
    display:none!important;
  }
  .sidebar .check,
  .shop-sidebar .check{
    display:flex!important;
    width:100%!important;
    min-height:42px!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    margin:7px 0!important;
    padding:10px 12px!important;
    border:1px solid #eef2f7!important;
    border-radius:12px!important;
    background:#fff!important;
    color:#101828!important;
    font-size:14px!important;
    line-height:1.25!important;
  }
  .sidebar .check.active,
  .shop-sidebar .check.active{
    color:var(--blue)!important;
    font-weight:900!important;
    background:#f1f6ff!important;
    border-color:#cfe1ff!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  .shop-sidebar .check span{
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    min-width:0!important;
  }
  .shop-sidebar .check b{
    flex:0 0 auto!important;
    font-size:12px!important;
    background:#f3f6fb!important;
    border-radius:999px!important;
    padding:3px 8px!important;
    color:#475467!important;
  }
  .brand-filter-form{margin:0!important;display:block!important;}
  .brand-check input{
    width:16px!important;
    height:16px!important;
    margin:0!important;
    accent-color:var(--blue)!important;
    flex:0 0 auto!important;
  }
  .clear-filter{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-height:38px!important;
    margin-top:10px!important;
    padding:9px 12px!important;
    border-radius:11px!important;
    background:#eef6ff!important;
    color:var(--blue)!important;
    font-size:13px!important;
    font-weight:900!important;
  }
}

/* Footer CMS update */
.footer-logo{display:inline-flex;align-items:center;margin-bottom:14px;line-height:0}.footer-logo-img{display:block!important;height:var(--admin-logo-desktop-h,95px)!important;max-height:var(--admin-logo-desktop-h,95px)!important;max-width:var(--admin-logo-max-w,240px)!important;width:auto!important;object-fit:contain!important;object-position:left center!important}.footer-brand p{max-width:360px;line-height:1.6}.footer-col h3{color:#fff;margin:0 0 14px;font-size:18px}.footer-links{list-style:none;margin:0;padding:0;display:grid;gap:8px}.footer-links a{color:#c9d7ea;transition:.18s}.footer-links a:hover{color:#fff;text-decoration:underline}.footer-bottom{padding-top:20px;color:#8aa0bd}.footer-grid{align-items:start}.footer-admin-preview img{max-height:110px;object-fit:contain}
@media(max-width:680px){.footer-logo-img{height:var(--admin-logo-mobile-h,60px)!important;max-height:var(--admin-logo-mobile-h,60px)!important;max-width:min(var(--admin-logo-max-w,240px),180px)!important}.footer-grid{gap:22px}.footer-col h3{font-size:16px}}