body:has(#app > .os-product) #app{padding-bottom:calc(100px + env(safe-area-inset-bottom))}body:has(#app > .os-product) nav[aria-label="Navigasi utama"]{display:none}.os-product{padding-bottom:12px}.os-product .form-group{margin-top:20px}.os-product .control-label{display:block;font-size:14px;font-weight:700;margin-bottom:10px}.os-product .required>.control-label:after{content:' *';color:#ef4444}.os-product .form-control{width:100%;border:1px solid #e2e8f0;border-radius:8px;padding:12px;font-size:14px;background:#fff}.os-product .form-control:focus{outline:2px solid #fed7aa;border-color:#f97316}.os-product .radio,.os-product .checkbox{display:inline-block;margin:0 8px 8px 0}.os-product .radio label,.os-product .checkbox label{display:flex;align-items:center;gap:8px;border:2px solid #e2e8f0;border-radius:8px;padding:10px 14px;font-size:14px}.os-product label:has(input:checked){border-color:#f97316;background:#fff7ed;color:#ea580c}.os-product input{accent-color:#f97316}.os-product .img-thumbnail{width:40px;height:40px;object-fit:contain}.os-product .btn{padding:12px 18px;border:1px solid #e2e8f0;border-radius:8px}.os-product .btn-primary{background:#f97316;color:white;font-weight:700}.os-product .input-group{display:flex;align-items:center}.os-product .input-group svg,.os-product .btn svg{width:20px;height:20px}.os-product .text-danger{color:#dc2626;font-size:13px;margin-top:8px}.os-product .help-block{font-size:12px;color:#64748b;margin-top:8px}.os-product button:disabled{opacity:.5;cursor:wait}.os-product button:focus-visible{outline:2px solid #f97316;outline-offset:3px}.os-gallery button{flex-shrink:0;border:2px solid transparent;border-radius:8px;background:white;padding:2px}.os-gallery button[aria-pressed=true]{border-color:#f97316}.os-gallery img{width:70px;height:70px;object-fit:contain;border-radius:6px}.os-tabs{display:flex;overflow-x:auto;border-bottom:1px solid #e2e8f0}.os-tabs button{flex-shrink:0;padding:16px 20px;border-bottom:2px solid transparent;font-size:14px;font-weight:600;color:#64748b}.os-tabs button[aria-selected=true]{border-color:#f97316;color:#f97316;font-weight:700}.os-panel[hidden]{display:none}.os-description{font-size:14px;line-height:2;color:#475569;overflow-wrap:anywhere}.os-description img{max-width:100%;height:auto}.os-description ul{list-style:disc;padding-left:24px}.os-description p{margin-bottom:12px}.os-panel{overflow-x:auto}.os-product table{width:100%;font-size:14px}.os-product td{padding:12px;border-bottom:1px solid #e2e8f0}.os-product #form-review h2{font-weight:700;margin-top:20px}.os-product .buttons{margin-top:20px}.os-buybar{position:fixed;bottom:0;left:0;right:0;z-index:50;border-top:1px solid #e2e8f0;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);box-shadow:0 -8px 24px #0f172a14;padding-bottom:env(safe-area-inset-bottom)}.os-buybar-inner{max-width:1120px;margin:auto;display:flex;align-items:center;gap:12px;padding:12px 16px}.os-quantity{display:flex;height:48px;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.os-quantity button{width:36px;font-size:20px;color:#64748b}.os-quantity input{width:44px;text-align:center;border-inline:1px solid #e2e8f0;font-size:14px;font-weight:700;appearance:textfield}.os-quantity input::-webkit-inner-spin-button{appearance:none}.os-cart-button,.os-buy-button{flex:1;min-width:0;height:48px;border-radius:8px;font-size:14px;font-weight:700}.os-cart-button{display:flex;align-items:center;justify-content:center;gap:8px;border:2px solid #f97316;color:#f97316}.os-cart-button svg{width:20px;height:20px}.os-buy-button{background:#f97316;color:#fff;box-shadow:0 8px 20px #f973163b}.os-buy-button:hover{background:#ea580c}#product-message:not(:empty){margin-bottom:16px;padding:12px;background:#fff7ed;border-radius:8px;font-size:14px}@media(max-width:389px){.os-cart-button span{display:none}.os-buybar-inner{gap:8px;padding-inline:12px}.os-quantity button{width:30px}.os-quantity input{width:34px}}
