/* 2026-10-20: premium SHAMA brands experience. Existing navigation and catalogue preserved. */
body[data-page="brands"]{--sbr-navy:#13264b;--sbr-pink:#f36c9b;background:#f4f7fe;color:var(--sbr-navy)}
body[data-page="brands"] .sbr-hero{padding-bottom:44px;overflow:hidden}
body[data-page="brands"] .sbr-hero h1{max-width:1200px}
body[data-page="brands"] .sbr-priority{margin:24px auto 18px}
body[data-page="brands"] .sbr-priority-list{gap:16px}
body[data-page="brands"] .sbr-priority-card{width:clamp(148px,17vw,210px);min-height:105px;border-radius:20px}
body[data-page="brands"] .sbr-priority-card img{height:63px}
body[data-page="brands"] .sbr-orbit-caption{padding-top:12px;font:800 11px Manrope,sans-serif;letter-spacing:.24em;color:#7a91b4}
body[data-page="brands"] .sbr-orbit-shell{width:min(1500px,100%);height:clamp(690px,69vw,960px);margin:0 auto 0}
body[data-page="brands"] .sbr-orbit-backdrop{inset:3% 10%;border-radius:50%;background:radial-gradient(circle at 48% 36%,rgba(255,255,255,.96) 0,rgba(223,235,255,.71) 45%,rgba(199,215,240,.3) 64%,transparent 75%)}
body[data-page="brands"] .sbr-orbit-backdrop:before{content:"";position:absolute;inset:4% 12%;border-radius:50%;border:2px solid rgba(104,141,203,.18);box-shadow:inset 0 0 60px rgba(87,128,200,.07),0 0 70px rgba(174,196,230,.11)}
body[data-page="brands"] .sbr-orbit-backdrop:after{left:23%;right:23%;height:35px;bottom:6%;background:rgba(60,101,166,.12);filter:blur(24px)}
body[data-page="brands"] .sbr-ring{inset:9% 15%;border:1px solid rgba(115,149,210,.16);transform:rotate(-20deg)}
body[data-page="brands"] .sbr-ring-two{transform:rotate(33deg) scaleX(.35)}
body[data-page="brands"] .sbr-orbit-card{width:clamp(106px,11vw,162px);height:clamp(76px,7.4vw,112px);border:1px solid #e0e7f4;border-radius:20px;background:linear-gradient(160deg,#fff,#f7faff);box-shadow:0 7px 18px rgba(24,48,94,.12),0 20px 44px rgba(24,48,94,.08);will-change:transform,opacity}
body[data-page="brands"] .sbr-orbit-card .sbr-actual-logo{max-height:79%;max-width:93%;object-fit:contain}
body[data-page="brands"] .sbr-orbit-card .sbr-wordmark{font-size:clamp(13px,1.5vw,22px)}
body[data-page="brands"] .sbr-orbit-card.sbr-flagship-orbit-card{width:clamp(126px,12.5vw,182px);height:clamp(93px,8.5vw,126px);border:2px solid rgba(242,116,158,.62);box-shadow:0 17px 32px rgba(26,49,97,.19),0 5px 8px rgba(240,94,147,.12);background:#fff}
body[data-page="brands"] .sbr-orbit-card.sbr-flagship-orbit-card:before{height:4px;background:var(--sbr-pink)}
body[data-page="brands"] .sbr-orbit-card.sbr-flagship-orbit-card[data-flagship="shama"]{border-color:var(--sbr-pink);box-shadow:0 21px 40px rgba(26,49,97,.2),0 0 0 4px rgba(245,103,153,.10)}
body[data-page="brands"] .sbr-controls{max-width:1250px;margin-top:-7px}
body[data-page="brands"] .sbr-control:hover{background:#eff4fe}
body[data-page="brands"] .sbr-reel{position:relative;overflow:hidden;padding:62px 0 70px;background:linear-gradient(180deg,#f2f6ff 0%,#fff 100%);border-top:1px solid #e4eaf6}
body[data-page="brands"] .sbr-reel-top{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}
body[data-page="brands"] .sbr-reel-top h2{max-width:780px;margin:8px 0 0;font:800 clamp(26px,3.3vw,46px)/1.14 Manrope,sans-serif;letter-spacing:-.052em;color:var(--sbr-navy)}
body[data-page="brands"] .sbr-reel-top a{white-space:nowrap;text-decoration:none;color:#d73f7c;font:800 13px Manrope,sans-serif;padding-bottom:6px}
body[data-page="brands"] .sbr-reel-viewport{width:100%;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 3.5%,#000 96.5%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 3.5%,#000 96.5%,transparent)}
body[data-page="brands"] .sbr-reel-track{display:flex;width:max-content;animation:sbrProductsSlide 62s linear infinite;will-change:transform}
body[data-page="brands"] .sbr-reel-track:hover,body[data-page="brands"] .sbr-reel-track:focus-within{animation-play-state:paused}
body[data-page="brands"] .sbr-reel-set{display:flex;flex:0 0 auto;align-items:center;gap:14px;padding-right:14px}
body[data-page="brands"] .sbr-reel-tile{position:relative;flex:0 0 157px;width:157px;height:161px;display:block;border:1px solid #e2e9f5;border-radius:20px;overflow:hidden;box-shadow:0 10px 24px rgba(22,47,93,.08);background:#fff;transition:transform .22s,box-shadow .22s}
/* Keep every moving product card and its caption on the same horizontal baseline. */
body[data-page="brands"] .sbr-reel-tile:hover{box-shadow:0 18px 32px rgba(22,47,93,.16)}
body[data-page="brands"] .sbr-reel-tile img{width:100%;height:100%;object-fit:cover;display:block}
body[data-page="brands"] .sbr-reel-tile span{position:absolute;bottom:0;left:0;right:0;height:60px;display:flex;align-items:flex-end;box-sizing:border-box;padding:8px 10px 10px;background:linear-gradient(180deg,transparent 0%,rgba(8,25,57,.76) 100%);color:#fff;font:800 11px/1.4 Manrope,sans-serif;text-shadow:0 1px 4px #203552}
@keyframes sbrProductsSlide{to{transform:translateX(-50%)}}
body[data-page="brands"] .sbr-impact{background:#f8faff;padding:80px 0 100px}
body[data-page="brands"] .sbr-impact-head{text-align:center;margin:0 auto 30px}
body[data-page="brands"] .sbr-impact-head h2{color:var(--sbr-navy);font:800 clamp(29px,4vw,54px)/1.12 Manrope,sans-serif;letter-spacing:-.06em;margin:9px 0 0}
body[data-page="brands"] .sbr-impact-head h2 span{color:var(--sbr-pink)}
body[data-page="brands"] .sbr-impact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
body[data-page="brands"] .sbr-impact-card{min-height:193px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;border:1px solid #e4e9f4;border-radius:22px;background:#fff;box-shadow:0 12px 30px rgba(24,48,89,.05);text-align:center;padding:22px 12px}
body[data-page="brands"] .sbr-impact-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:#edf4ff;color:#24427a;font-size:24px}
body[data-page="brands"] .sbr-impact-card strong{font:800 clamp(28px,3.5vw,44px)/1.08 Manrope,sans-serif;letter-spacing:-.04em;color:#e9558b}
body[data-page="brands"] .sbr-impact-card small{font:800 10px/1.5 Manrope,sans-serif;color:#647691;letter-spacing:.11em}
body[data-page="brands"] .sbr-contact-panel{display:flex;flex-direction:column;align-items:center;text-align:center;margin:84px auto 0;max-width:780px;background:#fff;border:1px solid #e1e8f6;border-radius:35px;padding:60px 54px 65px;box-shadow:0 20px 65px rgba(25,53,97,.08)}
body[data-page="brands"] .sbr-contact-panel img{max-width:125px;max-height:94px;width:112px;height:auto;object-fit:contain;margin-bottom:16px}
body[data-page="brands"] .sbr-contact-panel h2{font:800 clamp(28px,4vw,48px)/1.1 Manrope,sans-serif;letter-spacing:-.055em;margin:14px 0;color:var(--sbr-navy)}
body[data-page="brands"] .sbr-contact-panel p{max-width:560px;font:500 16px/1.72 'DM Sans',sans-serif;color:#526680;margin:0 0 28px}
body[data-page="brands"] .sbr-contact-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:13px}
body[data-page="brands"] .sbr-contact-actions a{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:51px;padding:13px 22px;border-radius:14px;font:800 13px Manrope,sans-serif;text-decoration:none}
body[data-page="brands"] .sbr-contact-primary{background:#e84e85;color:#fff;box-shadow:0 12px 22px rgba(232,78,133,.17)}
body[data-page="brands"] .sbr-contact-secondary{background:#eef3fc;color:#1c3768}
body[data-page="brands"] .sbr-brand-no-products{grid-column:1/-1;max-width:730px;padding:26px 30px;background:#fff;border:1px solid #e5eaf4;border-radius:20px;margin:5px 0}
body[data-page="brands"] .sbr-brand-no-products strong{color:var(--sbr-navy);font:800 21px Manrope,sans-serif}
body[data-page="brands"] .sbr-brand-no-products p{color:#60718a;line-height:1.7}
body[data-page="brands"] .sbr-brand-no-products a{color:#db467f;text-decoration:none;font-weight:800}
@media(max-width:900px){
 body[data-page="brands"] .sbr-orbit-shell{height:650px}
 body[data-page="brands"] .sbr-impact-grid{grid-template-columns:repeat(2,1fr)}
 body[data-page="brands"] .sbr-reel-tile{width:143px;flex-basis:143px;height:143px}
}
@media(max-width:610px){
 body[data-page="brands"] .sbr-orbit-shell{height:475px;width:100%;margin:10px auto 10px}
 body[data-page="brands"] .sbr-orbit-card{width:98px;height:71px;border-radius:13px;padding:5px}
 body[data-page="brands"] .sbr-orbit-card .sbr-mini{display:none}
 body[data-page="brands"] .sbr-orbit-card.sbr-flagship-orbit-card{width:108px;height:76px;border-radius:13px;padding:5px}
 body[data-page="brands"] .sbr-orbit-card .sbr-wordmark{font-size:12px}
 body[data-page="brands"] .sbr-reel{padding:44px 0}
 body[data-page="brands"] .sbr-reel-top{display:block}
 body[data-page="brands"] .sbr-reel-top h2{font-size:28px}
 body[data-page="brands"] .sbr-reel-top a{display:inline-block;margin-top:15px}
 body[data-page="brands"] .sbr-reel-tile{width:112px;flex-basis:112px;height:125px}
 body[data-page="brands"] .sbr-reel-set{gap:9px;padding-right:9px}
 body[data-page="brands"] .sbr-impact{padding:64px 0}
 body[data-page="brands"] .sbr-impact-grid{gap:10px}
 body[data-page="brands"] .sbr-impact-card{min-height:154px;padding:14px 8px}
 body[data-page="brands"] .sbr-impact-card strong{font-size:29px}
 body[data-page="brands"] .sbr-contact-panel{margin-top:55px;padding:39px 17px;border-radius:25px}
}
@media(prefers-reduced-motion:reduce){
 body[data-page="brands"] .sbr-reel-track{animation:none}
 body[data-page="brands"] .sbr-reel-viewport{overflow-x:auto;-webkit-mask-image:none;mask-image:none}
 body[data-page="brands"] .sbr-reel-set[aria-hidden="true"]{display:none}
}