.cart-button-label{display:none}
.mobile-action-bar,.mobile-auth-tabs,.mobile-account-shortcuts,.mobile-show-more{display:none}
@media(min-width:768px){body .mobile-bottom-nav{display:none!important}}
@media(min-width:768px) and (max-width:980px){body .checkout-topbar{flex-wrap:wrap!important;gap:10px!important}body .checkout-topbar nav{flex-wrap:wrap!important;min-width:0!important}}
@media(min-width:768px){.mobile-fold>summary{display:none}.mobile-fold{display:contents}}
.mobile-feedback:empty{display:none}.mobile-feedback{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);max-width:90%;padding:12px 18px;background:#143c2d;color:white;border-radius:12px;z-index:11000;font:14px/1.5 system-ui}
.mobile-tool{padding:10px 14px;min-height:44px;border:1px solid #dce3e8;border-radius:10px;background:white;color:#172338;cursor:pointer;font:600 14px/1.4 system-ui}.mobile-tool:disabled{opacity:.5;cursor:not-allowed}
.mobile-fold>summary{cursor:pointer;padding:12px 0;font-weight:700}.mobile-file-input{max-width:100%}.mobile-file-label{display:block;margin:10px 0;font-weight:600}
@media(max-width:767px){
 html{scroll-padding-top:80px}body{padding-bottom:calc(88px + env(safe-area-inset-bottom))!important;font-family:system-ui,-apple-system,sans-serif!important;background:#f3f6f8}
 *,*:before,*:after{box-sizing:border-box}main,section,article,aside,form{min-width:0}input,select,textarea{font-size:16px!important}button,.btn{min-height:44px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #159d81;outline-offset:3px}
 body .mobile-bottom-nav{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;position:fixed!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;max-width:none!important;margin:0!important;padding:8px 8px calc(8px + env(safe-area-inset-bottom))!important;border-radius:16px 16px 0 0!important;height:auto!important;min-height:66px;background:#fff!important;z-index:10000!important;border-top:1px solid #e2e8f0;box-shadow:0 -3px 14px #1625340a!important}
 body .mobile-bottom-nav a{display:flex!important;flex-direction:column!important;align-items:center;justify-content:center;gap:3px;width:auto!important;min-width:0!important;min-height:44px!important;padding:0!important;color:#64748b!important;text-decoration:none;position:relative}
 body .mobile-bottom-nav b{display:block!important;font-size:20px!important;line-height:22px!important}body .mobile-bottom-nav span{font-size:11px!important}body .mobile-bottom-nav .active{color:#ed6b13!important}body .mobile-bottom-nav i{position:absolute!important;top:0!important;right:18%!important;min-width:16px!important;height:16px!important;font-size:10px!important}body .mobile-bottom-nav i[hidden]{display:none!important}
 body.mobile-transaction .mobile-bottom-nav,body.mobile-keyboard .mobile-bottom-nav,body.mobile-keyboard .mobile-action-bar,body.cart-open .mobile-bottom-nav{display:none!important}
 .mobile-action-bar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;position:fixed;bottom:0;left:0;right:0;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:white;border-top:1px solid #dce3e8;z-index:10000}.mobile-action-bar a{font-size:12px;color:#475569}.mobile-action-bar strong{font-size:15px;overflow-wrap:anywhere;color:#db2650}.mobile-action-bar button{background:#ff7710;color:white;border:0}
 body.preorder-batch-page .shipment-checkout-bar{bottom:0!important;left:0!important;right:0!important;padding-bottom:calc(10px + env(safe-area-inset-bottom))!important;border-radius:12px 12px 0 0!important}body.preorder-batch-page .shipment-checkout-bar small{white-space:normal!important}
 .category-page-hero,.page-hero.compact-page-hero{padding:16px!important;margin-bottom:14px!important}.category-page-hero p,.page-hero.compact-page-hero p{display:none!important}.category-page-hero h1,.page-hero.compact-page-hero h1{font-size:21px!important;margin:6px 0!important}.top-notice{display:none!important}
 .home-points-widget{padding:10px 12px!important;margin:10px 0!important;gap:8px!important;font-size:12px!important}.home-points-widget>b{display:none}.home-points-widget>span{flex:1}.home-points-widget>a{font-size:12px}.home-points-widget>button{min-height:36px}.home-points-widget>span{max-width:100%}
 .refined-product-head .product-head-actions{display:none!important}.refined-filter-panel{margin:0!important;padding:12px!important}.mobile-fold{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:0 14px;margin:12px 0}.mobile-fold summary{min-height:44px;font-size:14px}.mobile-fold .points-panel{border:0;padding:0;margin:0 0 14px}.product-card{padding:12px!important}.home-feature-grid:not(.mobile-expanded)>.product-card:nth-child(n+5){display:none!important}.mobile-show-more{display:block;margin:12px auto 20px;min-width:180px}
 .detail-page-gallery .detail-main-image{height:240px!important;min-height:0!important}.detail-main-image img{max-height:240px!important;object-fit:contain!important}.detail-page-info h1{font-size:22px!important}.detail-specs{gap:6px!important}.detail-note{display:none}.detail-actions .mobile-fold{grid-column:1/-1}.detail-actions .mobile-fold>div{display:grid;gap:8px}
 .account-compact-topbar{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;justify-content:space-between!important;padding:12px!important;min-height:60px!important}.account-compact-topbar>nav,.account-compact-topbar>.btn{display:none!important}.account-page-sidebar{padding:12px!important}.account-page-profile{padding:8px!important}.account-page-nav{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important}.account-page-nav>a,.account-page-nav>button{margin:0!important;min-height:44px}.account-page-nav #logoutBtn{grid-column:1/-1}.mobile-account-shortcuts{display:flex;gap:12px;font-size:13px;margin:0 0 12px}.account-page-hero{padding:16px!important}.account-page-hero h1{font-size:22px!important}
 .mobile-auth-tabs{display:flex;gap:8px;margin:12px 0}.mobile-auth-tabs button{flex:1}.mobile-auth-tabs [aria-pressed=true]{background:#172338;color:white}.mobile-auth-inactive{display:none!important}
 .checkout-card-head,.checkout-card-body,.checkout-summary-body{padding:14px!important}.checkout-card-head{display:flex!important;flex-direction:row!important;text-align:left!important;justify-content:space-between!important}.checkout-card-head h2{font-size:18px!important}.checkout-card{margin-bottom:14px!important}.checkout-proof-preview:has(>span:only-child){min-height:70px!important;height:auto!important}.checkout-file-help{font-size:12px!important}.checkout-items img{max-width:76px!important;max-height:76px!important}#bankList .mobile-tool{margin-top:8px;width:100%}#proofInput{position:relative;font-size:13px!important}#proofInput::file-selector-button{border:0;background:#edf3f6;border-radius:8px;padding:10px;font:inherit}
 .points-nav{padding:14px!important;background:white;border-bottom:1px solid #e2e8f0}.points-nav>nav{display:none}.points-wrap{padding:12px!important}.points-hero{padding:18px!important;border-radius:16px!important}.points-hero h1{font-size:34px!important;margin:6px 0!important}.points-hero button{margin-top:10px!important;background:#ff7710!important;color:white!important;min-height:44px}.points-tabs{gap:8px!important;margin:14px 0!important;display:grid!important;grid-template-columns:1fr 1fr}.points-tabs a{background:white;border:1px solid #e2e8f0;border-radius:10px;padding:12px;font-size:13px;text-align:center}.points-panel{padding:16px!important}.points-panel h2,#rewards h2{font-size:20px}.points-reward{padding:14px!important}.points-reward button{min-height:44px;background:#ff7710;color:white}.points-day{padding:7px!important}.points-row{overflow-wrap:anywhere}
}
@media(max-width:767px){
 body.homepage-refined.category-products-page .category-page-hero p{display:none!important}
 body.homepage-refined.category-products-page .category-page-hero{padding:12px!important}
 body.homepage-refined.category-products-page .category-page-hero h1{font-size:20px!important;margin:6px 0!important}
 body.homepage-refined.category-products-page #products .product-head-actions{display:none!important}
 body.homepage-refined.category-products-page #categories .section-head{padding:0!important;margin-bottom:8px!important}
 body.homepage-refined.category-products-page #categories h2{font-size:17px!important}
 body .points-hero button:disabled{background:#d4e5dc!important;color:#285141!important;opacity:1}
 body .account-compact-topbar .account-compact-brand{flex-direction:row!important;justify-content:flex-start!important}
 body .account-page-sidebar .account-page-nav{display:grid!important;grid-template-columns:1fr 1fr!important}
 body .account-page-sidebar .account-page-nav>a,body .account-page-sidebar .account-page-nav>button{width:auto!important}
 .checkout-inline-message{padding:12px;border-radius:10px;background:#fff3ed;color:#a53417;line-height:1.5;margin:12px 0}
 .checkout-inline-message:empty{display:none}
}
.cart-panel h2::after{content:"Periksa jumlah dan isi box"}
.cart-undo{padding:12px;background:#edf8f2;border-radius:10px;margin-bottom:12px}.cart-undo button{border:0;background:transparent;color:#087c60;text-decoration:underline;font-weight:700;padding:10px}
@media(max-width:767px){
 body.homepage-refined .commerce-v4-hero-banner .commerce-v4-hero-image{height:210px!important;min-height:0!important;aspect-ratio:auto!important}
 body.homepage-refined .commerce-v4-hero-banner .commerce-v4-hero-image img{height:210px!important;object-fit:contain!important}
 body.homepage-refined .commerce-v4-hero-copy h1{font-size:20px!important}
 body.homepage-refined .commerce-v4-hero-copy p,body.homepage-refined .commerce-v4-hero-stats{display:none!important}
 body.homepage-refined .commerce-v4-hero-actions{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
 body.homepage-refined .commerce-v4-hero-actions a{flex:1;min-width:110px;font-size:12px!important}
 body .detail-breadcrumb>b{display:none!important}.mobile-action-bar strong:after{content:" / box";font-size:10px;font-weight:400}body:not(.product-detail-page) .mobile-action-bar strong:after{content:""}
 .mobile-file-input{opacity:0;position:absolute!important;inset:0;width:100%!important;height:100%!important;cursor:pointer}#proofLabel{position:relative;border:1px dashed #aebfc8;border-radius:12px;padding:14px;display:block}#proofLabel:focus-within{outline:3px solid #14977b}.mobile-file-label{background:#edf3f6;padding:12px;border-radius:8px;text-align:center;overflow-wrap:anywhere}
}
@media(max-width:767px){
 body .home-points-widget{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important}
 body .home-points-widget>span{grid-column:1/-1;line-height:1.5!important;white-space:normal!important}
 body .home-points-widget>a{margin:0!important;text-align:left}
 body.home-landing-page.commerce-v4-page #homeHeroImageLink{height:210px!important;min-height:0!important;max-height:210px!important;aspect-ratio:auto!important}
 body.home-landing-page.commerce-v4-page #homeHeroImageLink img{height:100%!important;max-height:210px!important;object-fit:contain!important}
 body.home-landing-page.commerce-v4-page .commerce-v4-hero-copy .hero-metrics{display:none!important}
 body.account-compact-page .account-compact-topbar .account-compact-topnav{display:none!important}
 body.account-compact-page .account-compact-topbar{position:relative!important;justify-content:flex-start!important;align-items:center!important;display:flex!important;flex-direction:row!important;padding:12px!important}
 body.account-compact-page .account-compact-topbar .account-compact-brand{display:flex!important;align-items:center!important;flex-direction:row!important}
}
.points-progress{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin:14px 0}.points-progress>span{background:#fff;border:1px solid #dce5e2;padding:10px 3px;text-align:center;border-radius:9px;font-size:13px}.points-progress small{display:block;font-size:11px;margin-top:4px;color:#64748b}.points-progress .done{background:#e2f3ea;color:#087c60;border-color:#91cab1}
@media(max-width:767px){body .preorder-list-hero{padding:14px!important}body .preorder-list-hero h1{font-size:21px!important}body .preorder-list-hero p{font-size:13px!important}body .preorder-list-hero .mobile-fold{margin:8px 0 0}body .shipment-batch-card p,body .shipment-batch-card small{white-space:normal!important;overflow:visible!important}}

/* Keep every layer of catalog media in the same formatting box. */
@media(max-width:767px){
 body.homepage-refined :is(#homeDynamicModules,#productGrid,.home-feature-grid) .product-card .product-media-wrap{height:180px!important;min-height:0!important;max-height:180px!important;position:relative;aspect-ratio:auto!important}
 body.homepage-refined :is(#homeDynamicModules,#productGrid,.home-feature-grid) .product-card .product-media,
 body.homepage-refined :is(#homeDynamicModules,#productGrid,.home-feature-grid) .product-card .product-art{display:block!important;width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important;aspect-ratio:auto!important;margin:0!important;box-sizing:border-box!important}
 body.homepage-refined :is(#homeDynamicModules,#productGrid,.home-feature-grid) .product-card .product-media img{display:block!important;width:100%!important;height:100%!important;max-height:100%!important;object-fit:contain!important}
 body.homepage-refined :is(#homeDynamicModules,#productGrid,.home-feature-grid) .product-card h3{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;white-space:normal!important;display:block!important;overflow-wrap:anywhere;line-height:1.45!important}
 body.homepage-refined :is(#homeDynamicModules,#productGrid,.home-feature-grid) .product-card .variant-strip-picker{min-width:0!important}
}
@media(max-width:767px){
 #homeDynamicModules .home-feature-grid:not(.mobile-expanded)>.product-card:nth-child(n+5){display:none!important}
}
