/* Kapo Store – mobile-first refinements, isolated from desktop preview */
.mobile-buy-bar{display:none}
.mobile-nav-extra{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid #eee;font-size:15px;font-weight:600}
@media(max-width:980px){
 .ref-icon{min-height:40px;min-width:34px}
 .ref-mobile-menu{min-width:32px}
 .ref-header-row{gap:12px}
 .ref-header{box-shadow:0 1px 0 #e8e8e8}
 .ref-nav{display:none}
 .mobile-panel{display:flex;max-width:440px}
 .mobile-panel .drawer-items{overscroll-behavior:contain}
 .mobile-panel .drawer-items a{min-height:48px}
 .shop-layout aside.active{background:#fafaf9;padding:16px;border:1px solid #e9e9e9;border-radius:10px;margin-bottom:22px;max-height:54vh;overflow-y:auto;overscroll-behavior:contain}
 .shop-layout aside.active .filter-group:first-of-type{padding-top:14px}
 .shop-tools-left{scrollbar-width:none}
 .shop-tools-left::-webkit-scrollbar{display:none}
 .ref-hero-art{isolation:isolate}
 .ref-category-card:focus-visible{outline:2px solid #ef672d;outline-offset:2px}
 .ref-carousel-nav{height:39px;width:39px}
 .newsletter .email-row input{font-size:16px}
}
@media(max-width:700px){
 body{font-size:13px}
 .container{width:calc(100% - 32px)}
 .ref-topbar{height:30px}
 .ref-topbar-inner span{font-size:10px}
 .ref-header-row{height:60px;gap:10px}
 .ref-head-icons{margin-left:auto;gap:7px}
 .ref-head-icons .ref-icon{height:42px;width:37px;min-width:37px}
 .ref-mobile-menu{height:42px;width:32px}
 .ref-cart-counter{top:1px;right:0}
 .ref-logo{font-size:24px;letter-spacing:-1.3px}
 .ref-hero-copy{padding:32px 2px 8px}
 .ref-hero-copy h1{font-size:clamp(36px,9.5vw,52px);line-height:1.11;letter-spacing:-1.8px;margin:13px 0 12px}
 .ref-hero-copy p{font-size:13px;line-height:1.55;max-width:360px}
 .ref-hero-buttons{display:grid;grid-template-columns:1fr 1fr;max-width:345px;gap:10px;margin:20px 0 21px}
 .ref-hero-buttons .ref-btn{min-height:47px;padding:0 11px;font-size:11px;gap:7px}
 .ref-hero-foot{font-size:10px}
 .ref-hero-art{height:315px;margin:0 -6px}
 .ref-orange-shape{bottom:-95px;width:64%;height:275px}
 .ref-hero-person{height:100%;width:76%;max-width:76%;left:12%;object-position:center 20%}
 .ref-float-card{width:91px;padding:7px}
 .ref-float-card img{height:57px}
 .ref-float-card small{font-size:7px}
 .ref-float-card strong{font-size:8px}
 .ref-float-card b{font-size:9px}
 .ref-float-0{top:9px;left:0}
 .ref-float-1{top:13px;right:0}
 .ref-float-2{top:162px;left:0}
 .ref-float-3{top:169px;right:0}
 .ref-hero-dots{bottom:11px}
 .ref-services-grid>div{min-height:76px;padding:10px 8px;gap:11px}
 .ref-services-grid b{font-size:11px;line-height:1.35}
 .ref-services-grid small{font-size:10px;line-height:1.45;display:block}
 .ref-section{padding-top:36px}
 .ref-heading-row{gap:8px;align-items:center;margin-bottom:16px}
 .ref-heading-row h2{font-size:21px}
 .ref-view-link{font-size:11px;padding:9px 0}
 .ref-category-grid{scroll-padding:0 0 0 2px;padding-bottom:12px}
 .ref-category-card{height:176px;min-width:38%;width:38%;border-radius:9px}
 .ref-category-meta{padding:34px 10px 12px;min-height:65px}
 .ref-category-meta b{font-size:12px}
 .ref-category-meta span{font-size:10px}
 .ref-categories:after{content:'SWIPE TO EXPLORE MORE  →';display:block;text-align:center;color:#a3a3a3;letter-spacing:1.2px;font-size:9px;font-weight:700;margin-top:6px}
 .ref-carousel-shell .ref-horizontal-products{grid-auto-columns:calc((100% - 13px)/2);gap:13px;scroll-padding-left:0}
 .ref-card{min-width:0}
 .ref-card-image{aspect-ratio:1 / 1.04}
 .ref-product-title{font-size:12px;line-height:1.45;min-height:35px}
 .ref-card-bottom{align-items:center}
 .ref-card-bottom strong{font-size:12px}
 .ref-card-bottom del{font-size:9px;margin-left:3px}
 .ref-card-bottom small{font-size:9px;margin-top:6px}
 .ref-addcircle{min-width:37px;width:37px;height:37px}
 .ref-like{min-width:34px;width:34px;height:34px;right:4px;top:4px}
 .ref-carousel-nav{height:37px;width:37px}
 .ref-best-grid{gap:12px}
 .ref-best-card{min-height:180px}
 .ref-best-copy{padding:13px 12px}
 .ref-best-add{min-height:37px}
 .ref-promo-layout{padding-top:26px;gap:12px}
 .ref-promo{height:220px}
 .ref-promo-orange .ref-promo-copy{max-width:75%}
 .ref-promo-item{max-width:48%;right:0;opacity:.85}
 .ref-promo h2{font-size:clamp(24px,6.5vw,31px)}
 .ref-promo p{max-width:215px;font-size:11px}
 .ref-promo-button{min-height:39px}
 .ref-final-benefits .ref-services-grid>div{min-height:85px}
 .shop-hero{padding:27px 0 31px}
 .shop-hero .page-heading{font-size:clamp(32px,8.4vw,39px);line-height:1.12;letter-spacing:-1.4px}
 .shop-hero p{font-size:12px;line-height:1.65;margin-top:11px}
 .shop-hero .eyebrow{font-size:10px}
 .shop-hero-row>div:last-child{margin-top:12px}
 .shop-tools{border-bottom:1px solid #ececec;padding:15px 0}
 .shop-tools-left{margin:0;padding:0;gap:7px;min-width:0}
 .shop-tools .chip{min-height:38px;border-radius:6px;padding:10px 13px;font-size:11px}
 .shop-tools-right{gap:8px;padding-top:12px}
 .shop-tools-right .mobile-filters{min-width:89px}
 .shop-tools-right select{font-size:12px;min-height:42px;padding:8px 13px;max-width:142px}
 .shop-tools-right>.muted{font-size:10px!important;line-height:1.2}
 .shop-layout{padding:20px 0 62px;gap:14px}
 .shop-layout .product-grid{gap:13px}
 .shop-layout .product-grid .ref-product-title{font-size:12px}
 .grid-results{font-size:11px;padding-bottom:12px}
 .breadcrumb{padding:18px 0 17px;gap:7px;white-space:nowrap;overflow-x:auto;scrollbar-width:none;font-size:11px}
 .breadcrumb::-webkit-scrollbar{display:none}
 .breadcrumb a,.breadcrumb b{flex-shrink:0}
 .product-layout{gap:16px;padding:8px 0 40px}
 .gallery-main{height:auto;aspect-ratio:1 / 1;min-height:0;border-radius:9px}
 .gallery-topnote{left:12px;top:12px}
 .gallery-thumbs{margin-top:10px;gap:8px}
 .thumb{width:72px;height:76px;border-radius:6px}
 .pdp-side{padding-top:4px}
 .pdp-side .eyebrow{font-size:10px;letter-spacing:1.2px}
 .pdp-side h1{font-size:clamp(28px,7.8vw,38px);line-height:1.16;letter-spacing:-.9px;margin:12px 0 14px}
 .pdp-price{flex-wrap:wrap;gap:8px;margin:12px 0}
 .pdp-price strong{font-size:25px}
 .pdp-price del{font-size:12px}
 .pdp-desc{padding-bottom:16px;font-size:13px;line-height:1.7}
 .pdp-selection{padding-top:15px}
 .qty{height:50px}
 .cart-actions{grid-template-columns:108px minmax(0,1fr);gap:8px}
 .cart-actions .btn{font-size:11px;padding:0 8px;min-height:50px;gap:6px}
 .buy-now{min-height:47px}
 .pdp-perks{margin:20px 0;padding:14px;gap:10px}
 .pdp-perks div{font-size:10px}
 .pdp-bundles{padding:16px}
 .pdp-bundles h4{font-size:12px}
 .bundle-chips{gap:5px}
 .bundle-chips div{padding:9px 2px;font-size:9px}
 .bundle-chips b{font-size:9px}
 .accordion>button{min-height:50px}
 .mobile-buy-bar{position:fixed;z-index:55;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:14px;background:#fff;border-top:1px solid #e6e6e6;box-shadow:0 -7px 22px #00000012;padding:10px max(16px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}
 .mobile-buy-bar>div{display:flex;flex-direction:column;gap:4px}
 .mobile-buy-bar small{font-size:9px;letter-spacing:.8px;color:#8a8a8a;font-weight:700}
 .mobile-buy-bar strong{font-size:17px;white-space:nowrap}
 .mobile-buy-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:0 20px;border:0;border-radius:5px;background:#ed632c;color:#fff;font-weight:750;min-height:46px;min-width:152px;font-size:13px}
 .mobile-buy-button .kapo-svg-icon{filter:brightness(0) invert(1)}
 body:has(.mobile-buy-bar){padding-bottom:78px}
 .side-panel{padding:20px 16px calc(18px + env(safe-area-inset-bottom))}
 .drawer-header h3{font-size:22px}
 .side-panel .drawer-total .btn{min-height:46px}
 .mobile-panel .drawer-header{padding-bottom:15px}
 .mobile-panel .drawer-items a{font-size:14px!important;padding:13px 2px!important;min-height:46px}
 .mobile-panel .drawer-items .kapo-svg-icon{width:17px;height:17px}
 .search-main{padding:0 18px;margin-top:45px}
 .search-bar{gap:9px;padding:12px 0}
 .search-bar input{font-size:27px}
 .search-result{gap:10px}
 .newsletter{padding:45px 0}
 .newsletter h2{font-size:27px}
 .footer{padding-top:45px}
 .footer-grid{padding-bottom:32px}
 .footer .logo{font-size:28px}
 .footer h4{margin:0 0 13px}
 .footer a:not(.logo){line-height:2.35}
 .ref-info-inner{padding:63px 18px;margin:12px 0 50px}
 .ref-info-inner h1{font-size:36px}
 .ref-info-inner p{font-size:13px}
}
@media(max-width:375px){
 .container{width:calc(100% - 28px)}
 .ref-header-row{gap:6px}
 .ref-logo{font-size:23px}
 .ref-head-icons{gap:4px}
 .ref-head-icons .ref-icon{width:35px;min-width:35px}
 .ref-hero-copy h1{font-size:clamp(34px,9.8vw,39px)}
 .ref-hero-art{height:285px}
 .ref-hero-person{width:82%;max-width:82%;left:9%}
 .ref-float-card{width:83px;padding:5px}
 .ref-float-card img{height:50px}
 .ref-float-2{top:147px}
 .ref-float-3{top:154px}
 .ref-category-card{min-width:47%;width:47%;height:168px}
 .ref-heading-row h2{font-size:19px}
 .ref-services-grid>div{padding:9px 3px;gap:8px}
 .ref-services-grid b{font-size:10px}
 .ref-services-grid small{font-size:9px}
 .ref-card-bottom strong{font-size:11px}
 .ref-card-bottom del{font-size:9px}
 .ref-addcircle{width:34px;height:34px;min-width:34px}
 .ref-promo-orange .ref-promo-copy{max-width:77%}
 .ref-promo-copy{padding:17px 14px}
 .ref-promo h2{font-size:24px}
 .shop-tools-right select{max-width:115px}
 .shop-tools-right .muted{font-size:9px!important}
 .gallery-main{aspect-ratio:1/1}
 .pdp-side h1{font-size:28px}
 .cart-actions{grid-template-columns:100px minmax(0,1fr)}
 .cart-actions .btn{font-size:10px}
 .mobile-buy-button{min-width:140px;padding:0 12px}
}
@media(max-width:345px){
 .ref-head-icons [data-action="wishes"]{display:none}
 .ref-logo{font-size:22px}
 .ref-head-icons .ref-icon{width:36px}
 .ref-hero-buttons .ref-btn{font-size:10px}
 .bundle-chips{grid-template-columns:repeat(2,1fr)}
 .shop-tools-right>.muted{display:none}
}
@media(max-height:480px) and (orientation:landscape) and (max-width:980px){
 .ref-header{position:relative}
 .mobile-buy-bar{padding-top:6px;padding-bottom:6px}
}