/* BTB Oct 29: shopping-first layout, inspired by compact product marketplaces.
   This is intentionally visual only: never unlock a supplier or payments. */
:root{--btb-shop-lime:#c7fa22;--btb-shop-dark:#102033;--btb-shop-line:#dce6e9}
body.storefront-public .btb-official-shop{--shop-ink:#152435}
body.storefront-public .btb-official-shop .btb-store-hero{
 min-height:100px!important;max-height:none!important;margin:0 auto 9px!important;
 box-shadow:none!important;border:0!important;border-radius:0!important}
body.storefront-public .btb-official-shop .btb-store-hero-content{
 padding:12px clamp(12px,3vw,26px)!important}
body.storefront-public .btb-official-shop .btb-store-hero h1{
 font-size:clamp(23px,4.5vw,34px)!important;line-height:1.13!important}
body.storefront-public .btb-official-shop .btb-store-hero p{font-size:12px!important;line-height:1.4!important;max-width:55ch}
body.storefront-public .btb-official-shop .btb-store-hero-showcase{display:none!important}
body.storefront-public .btb-official-shop .btb-value-deals:not(.is-cart){
 padding:10px 13px!important;margin:6px auto!important;background:#f8fbe7!important;
 border:1px solid #deebd1!important;border-radius:10px!important}
body.storefront-public .btb-official-shop .btb-value-deals:not(.is-cart) p,
body.storefront-public .btb-official-shop .btb-value-deals:not(.is-cart) small{font-size:11px!important;line-height:1.3!important}
body.storefront-public .btb-official-shop .btb-store-catalog{
 padding-top:3px!important;max-width:1200px;margin-inline:auto}
body.storefront-public .btb-official-shop .btb-store-catalog-head h2{font-size:clamp(20px,3vw,28px)!important}
body.storefront-public .btb-official-shop #btb-store-collections{gap:7px!important}
body.storefront-public .btb-official-shop #btb-store-collections button{
 min-height:38px!important;padding:8px 13px!important;border-radius:999px!important;
 white-space:nowrap;flex-shrink:0}
body.storefront-public .btb-official-shop #btb-store-grid{gap:9px!important}
body.storefront-public .btb-official-shop .btb-store-card,
body.storefront-public .btb-official-shop .btb-shop-open-share-tile{
 min-width:0!important;box-shadow:none!important;overflow:hidden!important;
 border-radius:11px!important}
body.storefront-public .btb-official-shop .btb-store-card{
 border:1px solid var(--btb-shop-line)!important;background:#fff!important}
body.storefront-public .btb-official-shop .btb-store-card .btb-store-preview{
 width:100%!important;aspect-ratio:1/1!important;overflow:hidden!important;
 border-radius:0!important;background:#f6f7f8!important}
body.storefront-public .btb-official-shop .btb-store-card .btb-store-preview img{
 width:100%!important;height:100%!important;object-fit:contain!important;
 max-height:none!important;transition:transform .2s ease}
@media(hover:hover){body.storefront-public .btb-official-shop .btb-store-card:hover .btb-store-preview img{transform:scale(1.025)}}
body.storefront-public .btb-official-shop .btb-store-card-copy{
 display:flex!important;flex-direction:column!important;gap:5px!important;padding:9px!important}
body.storefront-public .btb-official-shop .btb-store-card-collection{font-size:10px!important;line-height:1.15!important}
body.storefront-public .btb-official-shop .btb-store-card-title{
 font-size:12px!important;font-weight:650!important;line-height:1.32!important;
 overflow:hidden!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;
 -webkit-line-clamp:2!important;line-clamp:2!important}
body.storefront-public .btb-official-shop .btb-store-card-price{font-size:17px!important;font-weight:850!important;line-height:1.1!important}
body.storefront-public .btb-official-shop .btb-store-card-action{
 font-size:11px!important;font-weight:750!important;line-height:1.2!important}
body.storefront-public .btb-official-shop .btb-shop-open-share.is-catalog{
 background:#fff!important;margin:0!important;padding:5px 8px 9px!important;
 border:1px solid var(--btb-shop-line)!important;border-top:0!important}
body.storefront-public .btb-official-shop .btb-shop-open-share.is-catalog button{
 min-height:34px!important;max-width:100%!important;border-radius:999px!important}
body.storefront-public .btb-official-shop .btb-shop-open-share.is-catalog small{font-size:10px!important;line-height:1.25!important}
body.storefront-public .btb-official-shop .btb-store-confidence{margin:12px auto!important}

/* Compact social Creator Shop. Product cards remain usable even if checkout is off. */
body .cs-header{min-height:55px!important;padding:7px clamp(12px,3vw,25px)!important}
body .cs-header .cs-brand{font-size:16px!important;gap:7px!important}
body .cs-header .cs-brand img{width:31px!important;height:31px!important}
body:has(#cs-ready-products) main{padding:8px clamp(9px,2.2vw,20px) 35px!important}
body .cs-shop-intro{margin:0!important;padding:5px 3px!important;border:0!important}
body .cs-shop-intro h1{font-size:clamp(20px,3.5vw,27px)!important;line-height:1.15!important}
body .cs-real-savings{margin:7px 0 9px!important;padding:10px 12px!important;border-radius:10px!important;box-shadow:none!important}
body .cs-real-savings .cs-savings-heading h2{font-size:17px!important;line-height:1.2!important}
body .cs-welcome{box-shadow:none!important}
body #cs-ready-section{padding-top:2px!important}
body #cs-ready-section .cs-title{margin:5px 0 8px!important}
body #cs-ready-section .cs-title h2{font-size:21px!important}
body #cs-ready-section .cs-ready-finder{display:flex!important;gap:7px!important}
body #cs-ready-section .cs-ready-finder input{min-height:42px!important;border-radius:24px!important;font-size:14px!important}
body #cs-ready-section .cs-ready-finder button{min-height:42px!important;border-radius:24px!important;font-size:12px!important}
body #cs-ready-categories,body .cs-discovery-picks,body #cs-budget-filters{
 flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:none;
 -webkit-overflow-scrolling:touch}
body #cs-ready-categories button,body .cs-discovery-picks button{
 flex:none!important;min-height:36px!important;border-radius:999px!important;font-size:11px!important}
body #cs-ready-products{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
body #cs-ready-products .cs-card{min-width:0!important;display:flex!important;flex-direction:column!important;
 height:100%!important;border-radius:11px!important;box-shadow:none!important;overflow:hidden!important}
body #cs-ready-products .cs-media{width:100%!important;aspect-ratio:1/1!important;min-height:0!important;padding:0!important;background:#f5f6f7!important}
body #cs-ready-products .cs-media img{width:100%!important;height:100%!important;object-fit:contain!important}
body #cs-ready-products .cs-media .cs-photo-deals{max-width:82%!important;pointer-events:none}
body #cs-ready-products .cs-photo-deals span{font-size:9px!important;line-height:1.15!important;padding:4px 6px!important}
body #cs-ready-products .cs-body{display:flex!important;flex-direction:column!important;padding:9px!important;gap:6px!important}
body #cs-ready-products .cs-body h3{font-size:12px!important;line-height:1.32!important;min-height:0!important;
 display:-webkit-box!important;-webkit-line-clamp:2!important;line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
body #cs-ready-products .cs-money{font-size:17px!important;font-weight:850!important}
body #cs-ready-products .cs-actions{margin-top:auto!important;display:flex!important;flex-wrap:wrap!important;gap:5px!important}
body #cs-ready-products .cs-actions :is(a,button){
 min-width:0!important;max-width:100%!important;min-height:35px!important;
 font-size:11px!important;line-height:1.2!important;white-space:normal!important;
 overflow-wrap:anywhere!important;padding:7px 9px!important;border-radius:9px!important}
body #cs-ready-products .cs-actions a.cs-btn:first-child{flex:1 1 100%!important}
body #cs-ready-products .cs-save-find{flex:1 1 auto!important}
body #cs-ready-products .cs-image-unavailable{font-size:11px!important;text-align:center!important;padding:6px!important}
body #cs-ready-products .cs-media-story{display:none!important}
body #cs-ready-products .cs-media-share{min-width:33px!important;min-height:33px!important}
body #cs-ready-pages{margin:10px auto!important}
body #cs-ready-pages button{min-width:38px!important;min-height:38px!important;border-radius:9px!important}
body .cs-nova-assist:not([open]),body .cs-maker-drawer:not([open]),body .cs-saved-finds:not([open]){
 background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:12px 0!important}
/* The TikTok-style rewards reference informs density and visual hierarchy only.
   Never create fake rewards, friends, earnings, or reminder notifications. */
body .btb-rewards-main{max-width:1140px;margin-inline:auto}
body .btb-rewards-main .btb-rewards-hero{
 border-radius:14px!important;padding:clamp(14px,3vw,25px)!important;margin-bottom:9px!important}
body .btb-rewards-main .btb-rewards-hero h1{font-size:clamp(24px,4vw,34px)!important}
body .btb-rewards-main .btb-rewards-hero .lede{font-size:13px!important;line-height:1.45!important}
body .btb-rewards-main .btb-rewards-mode-nav{gap:7px!important;flex-wrap:nowrap!important;overflow-x:auto}
body .btb-rewards-main .btb-rewards-mode-nav button{border-radius:999px!important;min-height:42px!important}
body .btb-rewards-main .dashboard.btb-rewards-dashboard{gap:9px!important}
body .btb-rewards-main .dashboard-section{border-radius:13px!important;box-shadow:none!important;
 margin-block:8px!important;padding:clamp(12px,2vw,20px)!important}
body .btb-rewards-main .btb-rewards-quicklinks{overflow-x:auto;flex-wrap:nowrap}
body .btb-rewards-main button,body .btb-rewards-main a{touch-action:manipulation}
@media(min-width:780px){
 body #cs-ready-products{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
 body.storefront-public .btb-official-shop #btb-store-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
}
@media(max-width:600px){
 body.storefront-public .btb-official-shop .btb-store-hero{min-height:0!important;max-height:none!important}
 body.storefront-public .btb-official-shop .btb-store-hero-content{padding:8px 11px!important}
 body.storefront-public .btb-official-shop .btb-store-hero h1{font-size:22px!important}
 body.storefront-public .btb-official-shop .btb-store-hero p{font-size:11px!important}
 body.storefront-public .btb-official-shop .btb-store-card-copy{padding:8px!important}
 body.storefront-public .btb-official-shop .btb-store-card-collection{font-size:9px!important}
 body.storefront-public .btb-official-shop .btb-store-card-title{font-size:11.5px!important}
 body.storefront-public .btb-official-shop .btb-store-card-price{font-size:16px!important}
 body .cs-shop-intro p{display:none!important}
 body .cs-real-savings .cs-savings-heading p{display:none!important}
 body .btb-rewards-main .btb-rewards-action-links{gap:6px!important;overflow-x:auto}
 body .btb-rewards-main .btb-rewards-action-links a{white-space:nowrap;font-size:11px!important}
}
@media(prefers-reduced-motion:reduce){body .btb-official-shop .btb-store-preview img{transition:none!important}}