/* Five real-product brand banners; isolated from catalog cards and SEO pages. */
.hero.brand-slider{position:relative;height:486px;overflow:hidden;background:#153247;border-radius:15px;isolation:isolate}
.hero.brand-slider::before,.hero.brand-slider::after{content:none;display:none}
.brand-slider__store-heading{position:absolute;z-index:5;top:35px;left:65px;margin:0!important;color:#fff!important;font-size:12px!important;font-weight:850!important;letter-spacing:.05em!important;line-height:1.4!important;max-width:560px;opacity:1!important}
.brand-slider__store-heading span{display:block;margin-top:4px;font-size:9px;font-weight:750;color:#ffcc74;letter-spacing:1.8px}
.brand-slider__viewport{position:relative;width:100%;height:100%}
.brand-slide{position:absolute;inset:0;overflow:hidden;isolation:isolate;color:white;background:linear-gradient(115deg,var(--slide-start),var(--slide-end))}
.brand-slide[hidden]{display:none!important}
.brand-slide::before{content:"";position:absolute;z-index:-1;width:660px;height:660px;border:1px solid rgba(255,255,255,.13);border-radius:50%;right:-185px;top:-150px;box-shadow:0 0 0 82px rgba(255,255,255,.025),0 0 0 168px rgba(255,255,255,.018)}
.brand-slide::after{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 72% 49%,rgba(255,255,255,.16),transparent 42%);pointer-events:none}
.brand-slide--hassan{--slide-start:#0e2637;--slide-end:#365568;--slide-accent:#ffbf5c}
.brand-slide--dekor{--slide-start:#361d2c;--slide-end:#87474b;--slide-accent:#ffcb95}
.brand-slide--hozelock{--slide-start:#0a3d36;--slide-end:#246852;--slide-accent:#f8d162}
.brand-slide--gardener{--slide-start:#203c2d;--slide-end:#5d7943;--slide-accent:#ffd982}
.brand-slide--raco{--slide-start:#0c343d;--slide-end:#307c75;--slide-accent:#c3eee0}
.brand-slide__copy{position:relative;z-index:2;padding:113px 0 85px 65px;width:53%;max-width:660px}
.brand-slide__eyebrow{display:block;font-weight:850;color:var(--slide-accent);font-size:10px;letter-spacing:2.1px;line-height:1.4}
.brand-slide__logo{display:block;width:139px;height:57px;max-width:100%;object-fit:contain;object-position:center;background:#fff;border-radius:10px;border:1px solid rgba(255,255,255,.5);padding:7px 13px;margin:18px 0 16px;box-shadow:0 12px 24px rgba(0,0,0,.11)}
.brand-slide--hassan .brand-slide__logo{width:85px;padding:6px}
.brand-slide--raco .brand-slide__logo{width:116px;padding:7px 11px}
.brand-slide__wordmark{display:grid;place-items:center;color:#145650;font-size:26px;font-weight:950;letter-spacing:2.8px}
.brand-slide__copy h2{margin:0 0 12px;max-width:520px;color:#fff;font-size:clamp(36px,3.9vw,53px);font-weight:900;letter-spacing:-1.9px;line-height:1.1;text-wrap:balance}
.brand-slide__copy h2 em{font-style:normal;color:var(--slide-accent)}
.brand-slide__copy p{color:#edf4f4;font-size:13px;line-height:1.75;max-width:425px;margin:0;text-wrap:pretty}
.brand-slide__media{position:absolute;right:6.5%;top:73px;width:44%;height:335px;pointer-events:none}
.brand-slide__product{position:absolute;overflow:hidden;background:#fff;border:1px solid rgba(255,255,255,.9);border-radius:22px;box-shadow:0 24px 53px rgba(0,0,0,.23);display:flex;align-items:center;justify-content:center}
.brand-slide__product img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;padding:11px;max-width:100%;max-height:100%}
.brand-slide__product--main{z-index:2;top:0;right:0;width:70%;height:93%;transform:rotate(3deg)}
.brand-slide__product--secondary{z-index:3;left:0;bottom:-1%;width:47%;height:58%;transform:rotate(-6deg)}
.brand-slide--gardener .brand-slide__product--main img{padding:0}
.brand-slide--gardener .brand-slide__product--main{background:#dbe5ce}
.brand-slide--hozelock .brand-slide__product--main{background:#f8faf7}
.brand-slide__cta{position:absolute;right:41px;bottom:24px;z-index:6;min-height:43px;display:inline-flex;align-items:center;justify-content:center;gap:14px;border:1px solid rgba(255,255,255,.82);background:#fff;color:#173346;text-decoration:none;font-size:11px;font-weight:900;letter-spacing:.1px;padding:12px 18px;border-radius:8px;box-shadow:0 8px 22px rgba(0,0,0,.16);transition:background .2s,transform .2s}
.brand-slide__cta span{font-size:17px;line-height:1}
.brand-slide__cta:hover,.brand-slide__cta:focus-visible{background:#ffe5b0;transform:translateY(-2px)}
.brand-slider__controls{position:absolute;z-index:7;left:64px;bottom:30px;display:flex;align-items:center;gap:12px}
.brand-slider__arrow{display:grid;place-items:center;background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.36);width:34px;height:34px;border-radius:50%;font-size:23px;line-height:1;cursor:pointer}
.brand-slider__arrow:hover,.brand-slider__arrow:focus-visible{background:rgba(255,255,255,.27)}
.brand-slider__dots{display:flex;align-items:center;gap:7px}
.brand-slider__dot{height:8px;width:8px;min-width:8px;border:0;border-radius:10px;background:rgba(255,255,255,.5);cursor:pointer;padding:0;transition:width .25s,background .25s}
.brand-slider__dot.is-active{width:25px;background:#ffd07a}
.brand-slider__dot:focus-visible{outline:2px solid #fff;outline-offset:4px}
.brand-slide:not([hidden]){animation:brandSlideReveal .45s ease both}
@keyframes brandSlideReveal{from{opacity:.5;transform:translateX(8px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:1050px){
  .brand-slide__copy{width:56%;padding-left:42px}
  .brand-slider__store-heading{left:42px}
  .brand-slide__media{right:3%;width:43%}
  .brand-slide__copy h2{font-size:clamp(34px,4.1vw,46px)}
  .brand-slider__controls{left:42px}
}
@media(max-width:830px){
  .hero.brand-slider{height:475px}
  .brand-slide__copy{padding-top:108px;padding-left:32px;width:57%}
  .brand-slider__store-heading{left:32px;top:29px}
  .brand-slide__logo{width:125px;height:52px;margin:15px 0}
  .brand-slide__copy h2{font-size:34px;letter-spacing:-1px}
  .brand-slide__copy p{font-size:12px}
  .brand-slide__media{top:109px;height:260px;right:3%;width:42%}
  .brand-slide__product{border-radius:17px}
  .brand-slide__cta{right:22px;bottom:20px;font-size:10px;padding:11px 13px}
  .brand-slider__controls{left:32px;bottom:25px}
}
@media(max-width:620px){
  .hero.brand-slider{height:585px;border-radius:12px}
  .brand-slider__store-heading{top:22px;left:21px;font-size:10px!important;max-width:285px}
  .brand-slider__store-heading span{font-size:8px;letter-spacing:1.2px}
  .brand-slide::before{right:-370px;top:55px;width:570px;height:570px}
  .brand-slide__copy{padding:76px 18px 0 21px;width:100%;max-width:none}
  .brand-slide__eyebrow{font-size:9px;letter-spacing:1.25px}
  .brand-slide__logo{width:110px;height:42px;padding:5px 10px;border-radius:7px;margin:12px 0 13px}
  .brand-slide--hassan .brand-slide__logo{width:66px}
  .brand-slide--raco .brand-slide__logo{width:93px}
  .brand-slide__copy h2{font-size:clamp(26px,7.1vw,36px);line-height:1.07;letter-spacing:-.8px;margin-bottom:9px;max-width:340px}
  .brand-slide__copy p{font-size:11px;line-height:1.45;max-width:335px}
  .brand-slide__media{top:297px;left:5%;right:auto;width:90%;height:206px}
  .brand-slide__product{border-radius:12px}
  .brand-slide__product img{padding:6px}
  .brand-slide__product--main{width:58%;height:94%;right:3%;transform:rotate(3deg)}
  .brand-slide__product--secondary{left:4%;bottom:2%;width:46%;height:74%;transform:rotate(-5deg)}
  .brand-slide__cta{right:14px;bottom:16px;min-height:38px;max-width:calc(100% - 110px);font-size:9px;gap:8px;padding:9px 10px;text-align:center}
  .brand-slide__cta span{font-size:15px}
  .brand-slider__controls{left:19px;bottom:30px;gap:5px}
  .brand-slider__arrow{display:none}
  .brand-slider__dots{gap:5px}
  .brand-slider__dot{width:7px;min-width:7px;height:7px}
  .brand-slider__dot.is-active{width:19px}
}
@media(prefers-reduced-motion:reduce){.brand-slide:not([hidden]){animation:none}.brand-slider__dot,.brand-slide__cta{transition:none}}