/* RC111.3 — Global Storefront UI Kit: responsive Hero, footer and adaptive mobile dock.
   All changes shared by FaradJew and AniTala. No capability or route changes. */
@media (min-width:1101px){
 body.storefront-v20 .sf-brand img,
 body.storefront-v20 .sf-brand .sf-brand-mark{width:53px!important;height:53px!important;object-fit:contain!important;}
 body.storefront-v20 .sf-hero .sf-hero-copy{width:min(690px,55vw)!important;max-width:min(690px,55vw)!important;}
 body.storefront-v20 .sf-hero .sf-hero-copy h1{max-width:100%!important;max-inline-size:100%!important;}
 body.storefront-v20 .sf-hero .sf-hero-copy>p{max-width:62ch!important;max-inline-size:62ch!important;}
}
@media (min-width:761px) and (max-width:1100px){
 body.storefront-v20 .sf-hero .sf-hero-copy{width:min(65vw,700px)!important;max-width:min(65vw,700px)!important;}
 body.storefront-v20 .sf-hero .sf-hero-copy h1{max-width:100%!important;max-inline-size:100%!important;}
 body.storefront-v20 .sf-hero .sf-hero-copy>p{max-width:60ch!important;max-inline-size:60ch!important;}
}
@media (max-width:1100px){
 body.storefront-v20 .sf-mobile-brand-logo{width:49px!important;height:49px!important;min-width:49px!important;min-height:49px!important;}
 body.storefront-v20 .sf-mobile-brand-logo img{object-fit:contain!important;}
}
@media (max-width:760px){
 /* Equal-size items independent of optional license capabilities: 3, 4 or 5 links. */
 body.storefront-v20>.sf-mobile-nav{
   display:flex!important;
   flex-direction:row!important;
   justify-content:space-between!important;
   align-items:stretch!important;
   gap:4px!important;
   inset-inline:8px!important;
   padding:6px!important;
   box-sizing:border-box!important;
   max-width:calc(100vw - 16px)!important;
   overflow:hidden!important;
 }
 body.storefront-v20>.sf-mobile-nav>a{
   flex:1 1 0%!important;
   width:0!important; min-width:0!important; max-width:none!important;
   display:grid!important;grid-template-rows:20px auto!important;
   justify-items:center!important;align-content:center!important;
   gap:3px!important;padding:7px 2px!important;
   text-align:center!important;line-height:1.35!important;font-size:9.5px!important;
 }
 body.storefront-v20>.sf-mobile-nav>a span{
   width:100%!important;min-width:0!important;white-space:normal!important;
   overflow-wrap:anywhere!important;overflow:hidden!important;
 }
 body.storefront-v20>.sf-mobile-nav>a svg{width:20px!important;height:20px!important;}
 body.storefront-v20.sf-home-layout .sf-hero .sf-hero-copy{
   position:absolute!important;
   inset-inline:16px!important;
   inset-inline-start:16px!important;
   inset-inline-end:16px!important;
   left:16px!important;right:16px!important;top:auto!important;bottom:62px!important;
   width:calc(100% - 32px)!important;max-width:none!important;min-width:0!important;
   box-sizing:border-box!important;padding:0 2px!important;
   display:flex!important;flex-direction:column!important;align-items:stretch!important;
   gap:9px!important;text-align:start!important;
 }
 body.storefront-v20.sf-home-layout .sf-hero .sf-hero-copy::before{
   inset:-26px -13px -17px!important;
   background:linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.53) 35%,rgba(0,0,0,.87))!important;
   border-radius:18px!important;filter:blur(7px)!important;
 }
 body.storefront-v20.sf-home-layout .sf-hero .sf-hero-copy h1{
   width:100%!important;max-width:none!important;max-inline-size:none!important;
   font-size:clamp(26px,7.6vw,37px)!important;line-height:1.31!important;
   text-wrap:balance!important;overflow-wrap:break-word!important;
 }
 body.storefront-v20.sf-home-layout .sf-hero .sf-hero-copy>p{
   width:100%!important;max-width:none!important;max-inline-size:none!important;
   font-size:12.5px!important;line-height:1.76!important;
 }
 body.storefront-v20.sf-home-layout .sf-hero .sf-hero-actions{
   display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
   gap:8px!important;width:100%!important;min-width:0!important;
   justify-content:stretch!important;align-items:stretch!important;
 }
 body.storefront-v20.sf-home-layout .sf-hero .sf-hero-actions .sf-button{
   box-sizing:border-box!important;min-width:0!important;width:100%!important;max-width:100%!important;
   min-height:45px!important;height:auto!important;
   padding:8px 5px!important;white-space:normal!important;
   overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important;
   font-size:11.5px!important;line-height:1.5!important;text-align:center!important;
 }
 body.storefront-v20 .sf-footer-enterprise{
   padding:30px 15px calc(90px + env(safe-area-inset-bottom))!important;
   box-sizing:border-box!important;
 }
 body.storefront-v20 .sf-footer-top{
   display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
   gap:17px 12px!important;align-items:start!important;
 }
 body.storefront-v20 .sf-footer-about{grid-column:1/-1!important;gap:9px!important;}
 body.storefront-v20 .sf-footer-about p{
   max-width:none!important;margin:0!important;
   font-size:11.5px!important;line-height:1.85!important;
 }
 body.storefront-v20 .sf-footer-logo{gap:9px!important;}
 body.storefront-v20 .sf-footer-logo img,
 body.storefront-v20 .sf-footer-logo>span{width:48px!important;height:48px!important;border-radius:13px!important;}
 body.storefront-v20 .sf-footer-logo b{font-size:17px!important;}
 body.storefront-v20 .sf-footer-logo small{font-size:10px!important;}
 body.storefront-v20 .sf-footer-column{min-width:0!important;gap:7px!important;}
 body.storefront-v20 .sf-footer-column h3,
 body.storefront-v20 .sf-footer-contact h3{font-size:13px!important;margin:0 0 3px!important;}
 body.storefront-v20 .sf-footer-column a{font-size:11.5px!important;line-height:1.65!important;}
 body.storefront-v20 .sf-footer-contact{
   grid-column:1/-1!important;min-width:0!important;
   display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
   gap:7px 12px!important;
 }
 body.storefront-v20 .sf-footer-contact h3{grid-column:1/-1!important;}
 body.storefront-v20 .sf-footer-contact>a,
 body.storefront-v20 .sf-footer-contact-item{
   min-width:0!important;grid-template-columns:30px minmax(0,1fr)!important;
   align-items:center!important;gap:6px!important;padding:4px 0!important;
 }
 body.storefront-v20 .sf-footer-contact>a>span,
 body.storefront-v20 .sf-footer-contact-item>span{
   width:30px!important;height:30px!important;border-radius:9px!important;
 }
 body.storefront-v20 .sf-footer-contact b{
   font-size:10.5px!important;line-height:1.65!important;
   overflow-wrap:anywhere!important;
 }
 body.storefront-v20 .sf-footer-contact small{font-size:9px!important;}
 body.storefront-v20 .sf-footer-trust{
   margin-top:16px!important;padding-top:14px!important;gap:10px!important;
   grid-template-columns:1fr!important;
 }
 body.storefront-v20 .sf-footer-trust .sf-license-grid{
   width:100%!important;max-width:none!important;margin:0!important;
   grid-template-columns:repeat(auto-fit,minmax(72px,1fr))!important;gap:6px!important;
 }
 body.storefront-v20 .sf-footer-trust .sf-license-card{padding:6px!important;border-radius:11px!important;}
 body.storefront-v20 .sf-footer-trust .sf-license-card img{width:48px!important;height:48px!important;}
 body.storefront-v20 .sf-footer-bottom{
   display:grid!important;grid-template-columns:1fr!important;
   align-items:start!important;justify-content:start!important;gap:5px!important;
   margin-top:15px!important;padding-top:11px!important;font-size:10px!important;
 }
 body.storefront-v20 .sf-footer-bottom span{max-width:100%;overflow-wrap:anywhere;}
 body.storefront-v20 .sf-social-icons{gap:6px!important;}
 body.storefront-v20 .sf-social-icons a{width:36px!important;height:36px!important;border-radius:10px!important;}
}
@media (max-width:390px){
 body.storefront-v20 .sf-footer-contact{grid-template-columns:1fr!important;}
 body.storefront-v20 .sf-footer-contact h3{grid-column:auto!important;}
 body.storefront-v20.sf-home-layout .sf-hero .sf-hero-copy{inset-inline:12px!important;left:12px!important;right:12px!important;width:calc(100% - 24px)!important;}
 body.storefront-v20.sf-home-layout .sf-hero .sf-hero-actions .sf-button{font-size:11px!important;}
}
@media (max-width:340px){
 body.storefront-v20.sf-home-layout .sf-hero .sf-hero-actions{grid-template-columns:1fr!important;}
}