/* CRUDE CITY FINAL MOBILE + SALES UI — 2026-10-04 */
html,body{max-width:100%;overflow-x:hidden}
.cc-real-acid-ad{display:none!important}
@media(max-width:760px){
 body{padding-bottom:66px!important}
 .announcement{min-height:34px!important;height:34px!important;padding:0 10px!important;overflow:hidden!important;white-space:nowrap!important;font-size:9px!important;gap:8px!important}
 .cc-site-header{position:sticky!important;top:0!important;z-index:5000!important;box-sizing:border-box!important;display:grid!important;grid-template-columns:58px minmax(0,1fr) 82px!important;align-items:center!important;width:100%!important;min-width:0!important;height:64px!important;padding:4px 8px!important;gap:8px!important;background:#050507!important;border-bottom:1px solid #343a2c!important;overflow:visible!important}
 .cc-site-brand{display:grid!important;place-items:center!important;width:56px!important;height:56px!important;min-width:0!important;overflow:hidden!important}
 .cc-site-brand img{display:block!important;width:54px!important;height:54px!important;max-width:54px!important;object-fit:contain!important}
 #cc-main-navigation{display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;width:100%!important;gap:0!important;overflow:visible!important}
 #cc-main-navigation>a{display:none!important}
 #cc-main-navigation .cc-collections-menu{display:block!important;position:static!important;margin:0!important}
 #cc-main-navigation .cc-collections-menu>summary{display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;min-height:44px!important;padding:0 12px!important;border:1px solid #6b7845!important;color:#d9ff19!important;background:#0c0e0b!important;font:900 11px/1 Arial,sans-serif!important;letter-spacing:.06em!important;white-space:nowrap!important;list-style:none!important}
 #cc-main-navigation .cc-collections-menu>summary::-webkit-details-marker{display:none}
 .cc-collections-links{position:fixed!important;left:8px!important;right:8px!important;top:66px!important;width:auto!important;max-width:none!important;max-height:calc(100dvh - 138px)!important;overflow:auto!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;padding:10px!important;background:#08090b!important;border:1px solid #d9ff19!important;box-shadow:0 24px 70px #000d!important}
 .cc-collections-menu:not([open]) .cc-collections-links{display:none!important}
 .cc-collections-links a,.cc-collections-links .nav-menu-group{min-width:0!important;padding:11px 9px!important;font-size:9px!important;line-height:1.25!important;white-space:normal!important}
 .cc-collections-links .nav-menu-group{grid-column:1/-1!important}
 .cc-site-header>#open-bag,.cc-site-header .bag-button{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;width:82px!important;min-width:82px!important;height:48px!important;min-height:48px!important;padding:0 8px!important;background:#d9ff19!important;color:#070807!important;border:0!important;font:1000 12px/1 Arial,sans-serif!important}
 .launch-shopbar{position:relative!important;z-index:40!important;display:flex!important;width:100%!important;min-width:0!important;height:44px!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;white-space:nowrap!important}
 .launch-shopbar::-webkit-scrollbar{display:none}
 .launch-shopbar a,.launch-shopbar button{flex:0 0 auto!important;min-height:44px!important;padding:0 13px!important;font-size:9px!important}
 .cc-offer-strip{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;gap:1px!important;padding:0!important;margin:0!important;background:#24251f!important}
 .cc-offer-strip a,.cc-offer-strip button{display:flex!important;align-items:center!important;justify-content:center!important;min-height:48px!important;padding:8px 10px!important;margin:0!important;border:0!important;background:#d9ff19!important;color:#0a0b08!important;text-align:center!important;font:900 10px/1.25 Arial,sans-serif!important;text-decoration:underline!important}
 .cc-catalogue-finder{padding:14px 12px!important;margin:0!important;gap:10px!important;background:#0a0d0a!important}
 .cc-finder-search{display:grid!important;gap:6px!important}
 .cc-finder-search span{font-size:9px!important}
 .cc-finder-search input{width:100%!important;min-height:46px!important;padding:9px 12px!important;font-size:16px!important}
 .cc-finder-collections{display:flex!important;align-items:center!important;gap:7px!important;overflow-x:auto!important;scrollbar-width:none!important;padding:0!important}
 .cc-finder-collections::-webkit-scrollbar{display:none}
 .cc-finder-collections>*{flex:0 0 auto!important;min-height:42px!important;padding:0 12px!important;font-size:9px!important;display:flex!important;align-items:center!important}
 .cc-finder-label{padding-left:0!important}
 .festival-campaign-hero{margin-top:0!important}
 .range-hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;padding:12px!important}
 .range-hero-actions .btn{min-height:48px!important;padding:8px!important;font-size:10px!important;text-align:center!important}
 #secret-circle{padding:24px 12px 28px!important}
 #secret-circle .sc-head{padding:0!important;margin:0 0 14px!important}
 #secret-circle .sc-head h2{font-size:clamp(42px,12vw,62px)!important;line-height:.9!important}
 #secret-circle .sc-head p{margin-top:10px!important;font-size:15px!important;line-height:1.45!important}
 .sc-home-carousel-shell{margin-top:8px!important}
 .sc-home-static-rail{gap:10px!important;padding:0 42px 12px!important;scroll-snap-type:x mandatory!important}
 .sc-home-product{flex:0 0 min(80vw,330px)!important;max-width:330px!important;scroll-snap-align:center!important}
 .sc-home-static-rail .sc-home-product>img.sc-home-real-product{width:100%!important;height:auto!important;aspect-ratio:4/3!important;object-fit:contain!important;background:radial-gradient(circle at 50% 42%,#26242a,#0b0b0e 68%)!important}
 .sc-home-product>span{padding:11px 12px!important}
 .sc-home-product small{font-size:8px!important}.sc-home-product strong{font-size:15px!important}.sc-home-product b{font-size:9px!important}
 .sc-home-carousel-button{width:36px!important;height:48px!important;top:38%!important;font-size:25px!important}
 .sc-home-carousel-button.is-prev{left:2px!important}.sc-home-carousel-button.is-next{right:2px!important}
 .sc-foot{display:grid!important;gap:10px!important;margin-top:12px!important;padding:0!important}
 .sc-foot span{font-size:12px!important;line-height:1.4!important}.sc-foot a{font-size:15px!important}
 .sc-page{padding-inline:12px!important;overflow:hidden!important}
 .sc-intro p,.sc-section>p{font-size:14px!important;line-height:1.5!important}
 .sc-filters,.sc-tone-switch{overflow-x:auto!important;flex-wrap:nowrap!important;scrollbar-width:none!important}
 .sc-filters::-webkit-scrollbar,.sc-tone-switch::-webkit-scrollbar{display:none}
 .sc-filters button,.sc-tone-switch button{flex:0 0 auto!important}
 .sc-grid{grid-template-columns:1fr!important;gap:14px!important}
 .sc-page .cc-gallery-slide{min-height:360px!important}
 #tracksuit .cc-gallery-slide{min-height:400px!important}
 .cc-cookie-settings{right:8px!important;bottom:74px!important;max-width:130px!important;padding:8px 9px!important;font-size:9px!important;opacity:.9!important}
 .mobile-dock{z-index:6000!important}
}
@media(max-width:390px){
 .cc-site-header{grid-template-columns:52px minmax(0,1fr) 74px!important;padding-inline:6px!important}
 .cc-site-brand,.cc-site-brand img{width:50px!important;height:50px!important}
 .cc-site-header>#open-bag,.cc-site-header .bag-button{width:74px!important;min-width:74px!important;font-size:11px!important}
 #cc-main-navigation .cc-collections-menu>summary{padding:0 8px!important;font-size:10px!important}
 .sc-home-product{flex-basis:84vw!important}
}