/* Shama Brands | immersive curved logo-dome; optimised for all screen sizes. */
body[data-page="brands"]{--globe-navy:#142449;--globe-pink:#f2679b;--globe-gold:#e6b960;background:#f5f7fc}
body[data-page="brands"] #page-content{background:#f5f7fc}
body[data-page="brands"] .sbr-hero{isolation:isolate;overflow:hidden;position:relative;min-height:0;padding:clamp(32px,5vw,67px) 0 44px;background:linear-gradient(180deg,#f3f5fd 0%,#fffdfb 63%,#f3f5fc 100%)}
body[data-page="brands"] .sbr-hero:before{display:block;z-index:-1;position:absolute;inset:0;content:"";background:radial-gradient(ellipse 37% 34% at 0 43%,rgba(137,175,237,.13),transparent 85%),radial-gradient(ellipse 45% 42% at 100% 36%,rgba(235,145,192,.09),transparent 83%)}
body[data-page="brands"] .sbr-hero h1{max-width:1150px;margin:16px auto 14px;font:800 clamp(45px,6.5vw,94px)/1.055 Manrope,Arial,sans-serif;letter-spacing:-.062em;color:var(--globe-navy)}
body[data-page="brands"] .sbr-hero h1 em{font-style:normal;color:var(--globe-pink)}
body[data-page="brands"] .sbr-intro{font:500 clamp(15px,1.28vw,19px)/1.6 'DM Sans',sans-serif;color:#586986;margin:0 auto 8px}
body[data-page="brands"] .sbr-eyebrow{color:var(--globe-pink);font-weight:800}
body[data-page="brands"] .sbr-priority,body[data-page="brands"] .sbr-orbit-caption{display:none!important}
body[data-page="brands"] .sbr-orbit-shell{position:relative;width:min(1590px,100%);height:clamp(580px,62vw,1000px);margin:-15px auto 0;overflow:visible;isolation:isolate}
body[data-page="brands"] .sbr-orbit-backdrop{pointer-events:none;position:absolute;left:7%;right:7%;top:9%;bottom:6%;border-radius:50%;filter:none;background:radial-gradient(ellipse 65% 63% at 51% 45%,rgba(255,255,255,.92) 4%,rgba(246,242,239,.91) 38%,rgba(223,231,248,.53) 66%,transparent 80%);box-shadow:0 0 160px rgba(183,197,233,.20)}
body[data-page="brands"] .sbr-orbit-backdrop:before{content:"";position:absolute;inset:7% 11%;border-radius:50%;border:1px solid rgba(143,167,213,.17);box-shadow:inset 0 -65px 130px rgba(156,176,217,.08)}
body[data-page="brands"] .sbr-orbit-backdrop:after{content:"";position:absolute;inset:auto 23% 1%;height:34px;border-radius:50%;background:rgba(97,111,166,.12);filter:blur(29px)}
body[data-page="brands"] .sbr-ring{left:7%;right:7%;top:19%;bottom:24%;border:1px solid rgba(232,143,194,.18);border-radius:50%;transform:rotate(-21deg)}
body[data-page="brands"] .sbr-ring-two{transform:rotate(25deg) scaleX(.49);opacity:.6}
body[data-page="brands"] .sbr-orbit{inset:0;position:absolute;perspective:1550px;perspective-origin:center center;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;outline:none}
body[data-page="brands"] .sbr-orbit:active{cursor:grabbing}
body[data-page="brands"] .sbr-orbit:focus-visible{outline:3px solid var(--globe-pink);outline-offset:-5px;border-radius:30px}
body[data-page="brands"] #sbr-orbit-cards{position:absolute;inset:0;pointer-events:none;transform-style:preserve-3d}
body[data-page="brands"] .sbr3-tile{position:absolute;left:50%;top:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;width:clamp(105px,12vw,169px);height:clamp(72px,7.5vw,106px);padding:11px 9px;background:linear-gradient(156deg,#fff,#fff 75%,#f7f3f0);border:1px solid #e7e6e5;border-radius:18px;outline:0;box-shadow:0 7px 13px rgba(49,58,78,.12),0 16px 27px rgba(65,63,70,.10),inset 0 2px 1px #fff;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform,opacity;contain:layout style paint;cursor:pointer;transition:border-color .16s,box-shadow .16s}
body[data-page="brands"] .sbr3-tile img{display:block;width:100%;height:100%;max-width:91%;max-height:83%;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-drag:none}
body[data-page="brands"] .sbr3-tile .sbr3-fallback{font:900 16px Manrope,Arial,sans-serif;color:#172e56;line-height:1.15;letter-spacing:-.03em}
body[data-page="brands"] .sbr3-tile.sbr3-family{background:linear-gradient(150deg,#fff,#fffbf3);border:2px solid #e1ad57;box-shadow:0 10px 20px rgba(113,73,30,.20),0 18px 26px rgba(48,55,77,.12),0 0 0 2px rgba(237,183,101,.14),inset 0 0 0 2px #fff}
body[data-page="brands"] .sbr3-tile.sbr3-family img{max-width:95%;max-height:87%}
body[data-page="brands"] .sbr3-tile.sbr3-selected,body[data-page="brands"] .sbr3-tile:focus-visible{border-color:var(--globe-pink);box-shadow:0 0 0 3px rgba(242,103,155,.35),0 12px 30px rgba(61,55,76,.16)}
body[data-page="brands"] .sbr3-tile:hover{border-color:#e4ad73;box-shadow:0 12px 28px rgba(44,55,77,.22),0 0 0 2px rgba(231,169,104,.16)}
body[data-page="brands"] .sbr-controls{z-index:5;position:relative;max-width:1240px;margin:-27px auto 0;padding:20px 25px 29px;grid-template-columns:1fr auto 1fr;border-bottom:1px solid #e2e7f4}
body[data-page="brands"] .sbr-drag-hint,body[data-page="brands"] .sbr-skip{color:#a0567b}
body[data-page="brands"] .sbr-control{width:43px;height:43px;border-color:#dde3ef;background:#fff;color:#1a3566;font:700 14px Manrope,sans-serif}
body[data-page="brands"] .sbr-control:hover{border-color:var(--globe-pink)}
body[data-page="brands"] .sbr3-choice img{display:block;width:100%;max-width:105px;height:45px;object-fit:contain;flex:0 0 45px}
body[data-page="brands"] .sbr3-choice{min-height:129px;gap:5px;padding:13px 8px}
body[data-page="brands"] .sbr3-choice strong{font-size:13px;color:var(--globe-navy);letter-spacing:-.03em}
body[data-page="brands"] .sbr3-choice small{font-size:10px;line-height:1.15;text-align:center}
body[data-page="brands"] .sbr-reel{border-top:1px solid #e6e9f1}
@media(min-width:1420px){body[data-page="brands"] .sbr-orbit-shell{height:940px}}
@media(max-width:950px){body[data-page="brands"] .sbr-orbit-shell{height:clamp(570px,76vw,740px)}body[data-page="brands"] .sbr3-tile{width:135px;height:88px;padding:9px;border-radius:14px}body[data-page="brands"] .sbr-controls{margin-top:-10px}}
@media(max-width:640px){
 body[data-page="brands"] .sbr-hero{padding:39px 0 30px}
 body[data-page="brands"] .sbr-hero h1{margin:10px 14px 13px;font-size:clamp(39px,10.6vw,66px)}
 body[data-page="brands"] .sbr-intro{font-size:13px;line-height:1.6;padding:0 16px}
 body[data-page="brands"] .sbr-orbit-shell{height:clamp(390px,112vw,560px);margin:2px auto 0}
 body[data-page="brands"] .sbr-orbit-backdrop{left:0;right:0;top:5%;bottom:7%}
 body[data-page="brands"] .sbr3-tile{width:82px;height:61px;padding:5px 4px;border-radius:10px;border-width:1px}
 body[data-page="brands"] .sbr3-tile.sbr3-family{border-width:2px}
 body[data-page="brands"] .sbr-orbit{perspective:850px}
 body[data-page="brands"] .sbr-controls{margin:0 auto;padding:13px 15px 23px;gap:10px;grid-template-columns:1fr auto}
 body[data-page="brands"] .sbr3-choice{min-height:115px}
 body[data-page="brands"] .sbr3-choice img{height:37px;flex-basis:37px}
}
@media(prefers-reduced-motion:reduce){body[data-page="brands"] .sbr3-tile{transition:none;will-change:auto}}

/* The Shama identity is larger, while still moving with the rotating globe. */
body[data-page="brands"] .sbr3-tile.sbr3-shama {
  width:clamp(167px,17.5vw,252px);
  height:clamp(112px,11.4vw,166px);
  padding:13px 14px;
  border:3px solid #e7b55b;
  border-radius:22px;
  background:linear-gradient(155deg,#fff 0%,#fffdf9 100%);
  box-shadow:0 17px 31px rgba(37,51,83,.20),0 6px 13px rgba(181,133,52,.18),0 0 0 3px rgba(232,186,97,.13);
}
body[data-page="brands"] .sbr3-tile.sbr3-shama img {
  width:100%;height:100%;max-width:96%;max-height:94%;object-fit:contain;
}
@media (max-width:950px) {
  body[data-page="brands"] .sbr3-tile.sbr3-shama {
    width:clamp(146px,21vw,185px);height:clamp(101px,14vw,126px);padding:10px;
  }
}
@media (max-width:640px) {
  body[data-page="brands"] .sbr3-tile.sbr3-shama {
    width:132px;height:94px;padding:7px;border-radius:13px;border-width:2px;
  }
}

/* SHAMA brand globe: icon-only accessible controls */
body[data-page="brands"] .sbr-control-buttons{
  display:flex;align-items:center;justify-content:center;gap:11px;
}
body[data-page="brands"] .sbr-control-buttons .sbr-control{
  display:inline-flex;align-items:center;justify-content:center;
  position:relative;width:48px;height:48px;min-width:48px;min-height:48px;
  padding:0;border-radius:50%;cursor:pointer;
  color:#1b3265;background:#fff;border:1px solid #dce4f3;
  box-shadow:0 6px 16px rgba(19,40,89,.12);
  transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease;
  -webkit-tap-highlight-color:transparent;touch-action:manipulation;
}
body[data-page="brands"] .sbr-control-buttons .sbr-control svg{
  display:block;flex:none;width:21px;height:21px;fill:none;stroke:currentColor;
  stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;
}
body[data-page="brands"] .sbr-control-buttons .sbr-control-play{
  width:55px;height:55px;min-width:55px;min-height:55px;
  background:linear-gradient(135deg,#263f87,#6045c8);
  color:#fff;border:1px solid rgba(77,79,181,.30);
  box-shadow:0 9px 23px rgba(54,54,139,.23);
}
body[data-page="brands"] .sbr-control-buttons .sbr-control-play svg{
  width:23px;height:23px;stroke:none;fill:currentColor;
}
body[data-page="brands"] .sbr-control-buttons .sbr-icon-play{display:none}
body[data-page="brands"] .sbr-control-buttons .sbr-control-play.is-paused .sbr-icon-pause{display:none}
body[data-page="brands"] .sbr-control-buttons .sbr-control-play.is-paused .sbr-icon-play{display:block}
body[data-page="brands"] .sbr-control-buttons .sbr-control-arrow:hover{
  background:#eef3ff;border-color:#93abe4;
}
body[data-page="brands"] .sbr-control-buttons .sbr-control-play:hover{
  background:linear-gradient(135deg,#314e9d,#754edf);color:#fff;
}
body[data-page="brands"] .sbr-control-buttons .sbr-control:focus-visible{
  outline:3px solid #ff72a4;outline-offset:3px;
}
body[data-page="brands"] .sbr-control-buttons .sbr-control:active{
  transform:scale(.94);
}
@media(max-width:640px){
  body[data-page="brands"] .sbr-control-buttons{gap:9px}
  body[data-page="brands"] .sbr-control-buttons .sbr-control{
    width:44px;height:44px;min-width:44px;min-height:44px;
  }
  body[data-page="brands"] .sbr-control-buttons .sbr-control-play{
    width:49px;height:49px;min-width:49px;min-height:49px;
  }
}
@media(prefers-reduced-motion:reduce){
  body[data-page="brands"] .sbr-control-buttons .sbr-control{transition:none}
}