/* Integrate the supplied designs with both themes' existing breakpoints. */
.sg-explore-pair>div{align-items:stretch}
.sg-animated-actions.sg-explore-pair>div>a{grid-column:auto;max-width:none;width:auto;justify-self:stretch}
.sg-explore-pair .sgwt-wrap{display:flex;max-width:none;min-width:0;margin:0}
.sg-explore-pair .sgwt-wrap a.sgwt-btn{width:100%;height:100%}
.sg-explore-pair .sgwt-logo{max-height:30px;object-fit:contain;object-position:left}
@media(min-width:721px){.sg-animated-actions.sg-explore-pair>div{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.sg-animated-actions.sg-explore-pair>div{grid-template-columns:minmax(0,1fr)}}

/* Keep the animated pause action clear of close and native playback controls. */
.trailer-cta .trailer-cta-inner{border:0;background:transparent;box-shadow:none}
.trailer-cta .sg-overlay-actions{display:block;margin:0;max-width:none}
.trailer-cta .sg-overlay-actions a.sg-scene-button{grid-column:auto;width:100%;min-height:76px;padding:14px 18px;border-radius:10px 10px 0 0}
.trailer-cta .sg-overlay-actions [class$="-t"]{font-size:14px;letter-spacing:.025em}
.trailer-cta .sg-overlay-actions [class$="-badge"]{right:34px}
.trailer-cta .sg-overlay-actions a.sg-scene-button:hover,.trailer-cta .sg-overlay-actions a.sg-scene-button:focus-visible{transform:none}
.trailer-cta .trailer-dismiss{top:-20px;right:-16px}
.trailer-cta .trailer-resume{border:1px solid #ffffff30;border-top:0}
@media(max-width:720px){
 .trailer-cta{inset:12px 6px 42px;padding:0}
 .trailer-cta .trailer-cta-inner{width:min(360px,94%)}
 .trailer-cta .sg-overlay-actions a.sg-scene-button{min-height:60px;gap:9px;padding:10px 12px}
 .trailer-cta .sg-overlay-actions [class$="-t"]{font-size:12px}
 .trailer-cta .sg-overlay-actions [class$="-s"]{font-size:10.5px}
 .trailer-cta .sg-overlay-actions [class$="-ic"]{width:30px;height:30px}
 .trailer-cta .sg-overlay-actions [class$="-badge"]{font-size:8px;top:-8px}
 .trailer-cta .trailer-resume{min-height:30px}
}

/* Reuse the same animations and colour scheme in the compact mobile bar. */
.sg-sticky-actions>div{width:100%;max-width:880px;margin:0 auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.sg-sticky-actions>div>a.sg-scene-button{grid-column:auto;min-width:0;min-height:58px;padding:10px;gap:8px}
.sg-sticky-actions>div>a:only-child{grid-column:1/-1;width:100%;max-width:480px;justify-self:center}
.sg-sticky-actions [class$="-t"]{font-size:11px;letter-spacing:.015em;line-height:1.25}
.sg-sticky-actions [class$="-s"]{font-size:10px;letter-spacing:0}
.sg-sticky-actions [class$="-ic"]{width:28px;height:28px}
.sg-sticky-actions [class$="-ic"] svg{width:16px;height:16px}
.sg-sticky-actions [class$="-ar"]{display:none}
.sg-sticky-actions [class$="-badge"]{font-size:8px;right:8px;top:-8px;padding:2px 5px}
.sg-sticky-actions>div>a.sg-scene-button:hover,.sg-sticky-actions>div>a.sg-scene-button:focus-visible{transform:none}
@media(max-width:720px){.mobile-retailers.sg-sticky-actions{padding-top:16px}}
@media(max-width:380px){
 .sg-sticky-actions>div>a.sg-scene-button{gap:5px;padding:8px 7px}
 .sg-sticky-actions [class$="-t"]{font-size:10px}
 .sg-sticky-actions [class$="-s"]{font-size:9px}
 .sg-sticky-actions [class$="-ic"]{width:24px;height:24px}
}

/* The mobile slot fills the actual space between the logo and menu button. */
@media(max-width:720px){
 .site-header .header-inner{gap:10px;flex-wrap:nowrap}
 .site-header .header-inner .brand{flex:0 0 auto}
 .site-header .header-inner .brand img{width:clamp(140px,43vw,215px);max-width:none;height:auto}
 .site-header .sg-join-slot{margin:0;flex:1 1 0;min-width:0}
 .site-header .menu-toggle{flex:0 0 44px;width:44px;padding:8px}
}
/* Femdom uses its hamburger through 1100px. */
@media(min-width:721px) and (max-width:1100px){
 .sg-femdom .site-header .sg-join-slot{display:flex!important;margin:0}
 .sg-femdom .site-header .sg-join--bar{display:inline-flex!important}
 .sg-femdom .main-nav a.sg-join--nav{display:none!important}
}
@media(min-width:1101px){
 .sg-femdom .main-nav .sister-selfgags{display:none!important}
 .sg-femdom .main-nav a.sg-join--nav{min-height:34px;line-height:1;background:linear-gradient(135deg,#ffe9a3 0%,#f2c94c 45%,#d8ad35 70%,#b88a1f 100%);padding:0 14px;border-radius:9px;font-weight:900;letter-spacing:.12em}
}
@media(prefers-reduced-motion:reduce){.sg-scene-button:hover{transform:none!important}}