*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:#090b10;color:#f4f6fa;line-height:1.5}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.container{width:min(1120px,calc(100% - 32px));margin:auto}.narrow{max-width:760px}.site-header{position:sticky;top:0;z-index:20;background:rgba(9,11,16,.88);backdrop-filter:blur(16px);border-bottom:1px solid #202530}.nav{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{font-size:21px;font-weight:900;letter-spacing:.5px}.brand span{color:#7c8cff}.nav-links{display:flex;gap:18px;align-items:center;color:#aeb5c3;font-size:14px}.nav-links a:hover{color:#fff}.hamb{display:none;background:none;border:0;color:#fff;font-size:24px}.hero{margin:48px 0 72px;display:grid;grid-template-columns:1.5fr .7fr;gap:28px;align-items:center}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:#7c8cff}.hero h1{font-size:clamp(38px,6vw,68px);line-height:1.02;margin:12px 0 18px;max-width:760px}.hero p{color:#aeb5c3;max-width:600px}.hero-card,.form-card,.admin-card,.info-grid article,.product-card,.detail,.review,.order-card,.stat{background:#10131a;border:1px solid #252a35;border-radius:18px}.hero-card{padding:28px}.hero-card span{font-size:42px}.hero-card b{display:block;font-size:20px;margin-top:12px}.hero-card p{font-size:14px}.actions{display:flex;gap:10px;margin-top:24px}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:11px;padding:11px 16px;font-weight:800;min-height:44px}.btn.primary{background:#fff;color:#0b0d11}.btn.ghost{background:#151922;color:#e9ecf2;border:1px solid #292f3b}.section-head,.page-title{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:22px}.section-head h2,.page-title h1{margin:4px 0 0}.section-head>a{color:#9da7ff;font-size:14px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.product-card{overflow:hidden}.product-img{aspect-ratio:1/1;background:#171b24;display:grid;place-items:center;font-size:44px}.product-body{padding:15px}.product-body h3{margin:0 0 7px;font-size:16px}.muted{color:#8f98a8;font-size:13px}.price{font-size:18px;font-weight:900;margin:10px 0}.product-actions{display:flex;gap:8px}.product-actions .btn{flex:1}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:70px 0}.info-grid article{padding:20px;display:grid;gap:7px}.info-grid span{color:#929aaa;font-size:13px}.toolbar{display:flex;gap:10px;margin-bottom:12px;align-items:stretch}.toolbar input,.toolbar select,label input,label textarea{width:100%;background:#0d1016;border:1px solid #2a303c;color:#fff;border-radius:10px;padding:12px;outline:none}.products-toolbar .search-box{position:relative;flex:1;min-width:0;width:100%}.products-toolbar .search-box input{height:54px;padding:0 16px 0 46px;font-size:16px}.products-toolbar .search-icon{position:absolute;left:15px;top:50%;transform:translateY(-52%);z-index:1;color:#9da7ff;font-size:25px;line-height:1;pointer-events:none}.products-toolbar select{display:none}.category-tabs{display:flex;gap:8px;margin:0 0 22px;overflow-x:auto;padding:2px 1px 5px;scrollbar-width:none}.category-tabs::-webkit-scrollbar{display:none}.category-tab{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:7px 13px;border:1px solid #252b37;border-radius:10px;background:#11151d;color:#aeb5c3;font-size:12px;font-weight:800;white-space:nowrap;transition:.16s ease}.category-tab span{font-size:14px;line-height:1}.category-tab.active{background:#1a2030;border-color:#6f7cff;color:#fff;box-shadow:0 4px 16px rgba(124,140,255,.12)}.category-tab:hover{border-color:#5663a8;color:#fff}.badge{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;background:#7c8cff;color:#fff;border-radius:99px;font-size:11px}.detail{padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-bottom:38px}.detail-image{min-height:360px;border-radius:14px;background:#171b24;display:grid;place-items:center;font-size:80px}.detail-info h1{font-size:38px;margin:8px 0}.detail-info p{color:#a1a9b7}.review-section{margin-bottom:80px}.review{padding:15px;margin-bottom:10px}.review b{display:block}.review span{color:#8992a2;font-size:13px}
.review-stars{color:#ffd54a!important;text-shadow:0 1px 5px rgba(255,213,74,.22);letter-spacing:1px}.review b .review-stars{display:inline-block}
.form-card{padding:22px;display:grid;gap:15px}.form-card label{display:grid;gap:7px;font-size:13px;font-weight:700}.status{min-height:20px;color:#9da7ff}.cart-row{display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid #252a35}.cart-total{display:flex;justify-content:space-between;padding:20px 0;font-size:20px;font-weight:900}.order-card{padding:20px;margin-top:18px}.order-head{display:flex;justify-content:space-between;gap:10px}.status-pill{display:inline-block;padding:5px 9px;border-radius:99px;background:#1b2130;color:#aab2ff;font-size:12px;font-weight:800}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.stat{padding:18px}.stat b{font-size:28px;display:block}.stat span{color:#8f98a8;font-size:13px}.admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.admin-card{padding:22px;display:grid;gap:6px}.admin-card span{font-size:13px;color:#8f98a8}.admin-list{display:grid;gap:12px}.admin-item{background:#10131a;border:1px solid #252a35;border-radius:14px;padding:16px;display:flex;justify-content:space-between;gap:15px;align-items:center}.admin-item .meta{color:#8f98a8;font-size:13px}.danger{background:#29161a!important;color:#ff9ca8!important;border:1px solid #4b252c!important}.site-footer{border-top:1px solid #202530;margin-top:80px;padding:30px 0;color:#7f8897;font-size:13px}.empty{padding:40px;text-align:center;color:#8d96a5;background:#10131a;border:1px dashed #303744;border-radius:16px}@media(max-width:800px){.nav-links{display:none}.hamb{display:block}.nav.open .nav-links{display:flex;position:absolute;left:16px;right:16px;top:62px;background:#10131a;border:1px solid #252a35;border-radius:14px;padding:14px;flex-direction:column;align-items:stretch}.hero,.detail{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,1fr)}.info-grid,.admin-grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.hero{margin-top:30px}.detail-image{min-height:250px}.page-title{align-items:start}.cart-row{grid-template-columns:1fr auto}.cart-row .qty{grid-column:1/-1}.admin-item{align-items:flex-start;flex-direction:column}}@media(max-width:430px){.container{width:min(100% - 22px,1120px)}.product-grid{gap:10px}.product-body{padding:11px}.product-actions{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,.9fr) minmax(0,1.32fr);gap:5px;align-items:stretch}.product-actions .btn{width:100%;min-width:0;max-width:100%;padding:7px 2px;font-size:9px;line-height:1.15;white-space:nowrap;overflow:visible}.product-actions .buy-now{width:100%;margin:0;padding:7px 2px;font-size:9px}.product-detail-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:7px}.product-detail-actions .btn{width:100%;min-width:0;padding:9px 5px;font-size:11px;white-space:nowrap}.stats{gap:8px}.hero h1{font-size:39px}}.payment-card{background:#10131a;border:1px solid #252a35;border-radius:18px;padding:18px;display:grid;gap:16px}.payment-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.payment-title{display:flex;align-items:center;gap:12px}.payment-title>div{display:grid;gap:3px}.payment-title>b,.payment-title div b{font-size:16px}.payment-title span{font-size:13px;color:#8f98a8}.payment-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#1a2030;border:1px solid #30384a;color:#fff;font-weight:900}.payment-timer-wrap{display:grid;gap:2px;text-align:right}.payment-timer-wrap>span{font-size:10px;color:#737d8d;text-transform:uppercase;letter-spacing:.8px;font-weight:800}.payment-timer-wrap strong{font-size:25px;letter-spacing:1px}.payment-method-box{display:flex;align-items:center;gap:12px;padding:14px;border-radius:13px;background:#0d1016;border:1px solid #292f3b}.payment-method-icon{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#0b0d11;font-weight:900}.payment-method-box div:last-child{display:grid;gap:3px}.payment-method-box span{font-size:12px;color:#8f98a8}.payment-note{margin:0;color:#aeb5c3;font-size:13px}.checkout-bottom-actions{display:flex;gap:10px}.checkout-bottom-actions .primary{flex:1}@media(max-width:600px){.payment-card{padding:14px}.payment-head{align-items:flex-start}.payment-title span{font-size:12px}.payment-timer-wrap strong{font-size:23px}.payment-method-box{align-items:flex-start}.payment-note{font-size:12px}.checkout-bottom-actions{gap:8px}.checkout-bottom-actions .btn{padding:10px 12px}}.stock-badge{display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:5px 9px;border-radius:99px;background:#18221b;color:#9de2aa;font-size:11px;font-weight:900;letter-spacing:.3px}.stock-badge.soldout{background:#29161a;color:#ff9ca8}.product-img img{width:100%;height:100%;object-fit:cover;display:block}.detail-image img{width:100%;height:100%;max-height:520px;object-fit:contain;border-radius:14px;display:block}.admin-product{background:#10131a;border:1px solid #252a35;border-radius:16px;padding:16px;display:grid;gap:12px}.admin-product-top{display:flex;align-items:center;gap:12px}.admin-product-thumb{width:70px;height:70px;flex:0 0 70px;border-radius:12px;background:#171b24;display:grid;place-items:center;overflow:hidden;font-size:30px}.admin-product-thumb img{width:100%;height:100%;object-fit:cover}.admin-product-info{min-width:0}.stock-controls{display:flex;gap:8px;flex-wrap:wrap}.edit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.edit-grid input,.edit-grid select,.admin-product textarea,.admin-product input[type=file],.form-card select{width:100%;background:#0d1016;border:1px solid #2a303c;color:#fff;border-radius:10px;padding:11px}.field-label{display:grid;gap:7px;font-size:13px;font-weight:700}.admin-order-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.order-admin-item{align-items:flex-start}.order-products{margin-top:5px;color:#c0c6d2;font-size:13px}.admin-order-actions select{background:#0d1016;border:1px solid #2a303c;color:#fff;border-radius:10px;padding:10px}@media(max-width:600px){.products-toolbar{display:block}.products-toolbar .search-box{width:100%}.category-tabs{margin-bottom:18px}.category-tab{min-height:36px;padding:6px 11px}}@media(max-width:600px){.edit-grid{grid-template-columns:1fr}.payment-head strong{font-size:24px}.admin-order-actions{width:100%}.admin-order-actions select{flex:1}.stock-controls .btn{flex:1}}

.success-overlay{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:rgba(5,7,11,.94);backdrop-filter:blur(10px);opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.success-overlay.show{opacity:1;visibility:visible}.success-box{width:min(92%,420px);padding:34px 24px;text-align:center;background:#10131a;border:1px solid #252a35;border-radius:24px;box-shadow:0 24px 80px rgba(0,0,0,.45);animation:successPop .45s ease both}.success-box h2{margin:18px 0 7px;font-size:27px}.success-box p{margin:0 0 8px;color:#aeb5c3}.success-box span{font-size:13px;color:#8f98a8}.success-check{width:92px;height:92px;margin:auto}.success-check svg{width:100%;height:100%;overflow:visible}.success-check circle{fill:none;stroke:#72e6a2;stroke-width:4;stroke-dasharray:183;stroke-dashoffset:183;animation:checkCircle .55s .05s ease-out forwards}.success-check path{fill:none;stroke:#72e6a2;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:55;stroke-dashoffset:55;animation:checkPath .42s .48s ease-out forwards}@keyframes checkCircle{to{stroke-dashoffset:0}}@keyframes checkPath{to{stroke-dashoffset:0}}@keyframes successPop{from{transform:scale(.82);opacity:0}to{transform:scale(1);opacity:1}}.chat-card{background:#10131a;border:1px solid #252a35;border-radius:18px;overflow:hidden}.chat-head{padding:16px 18px;border-bottom:1px solid #252a35;display:flex;align-items:center;justify-content:space-between;gap:12px}.chat-head div{display:grid;gap:2px}.chat-head span{color:#8f98a8;font-size:12px}.chat-online{color:#7ee2a0!important;font-weight:800}.chat-messages{height:min(58vh,520px);min-height:300px;overflow:auto;padding:18px;display:flex;flex-direction:column;gap:10px;background:#0c0f14}.chat-empty{margin:auto;text-align:center;color:#737d8d;font-size:13px}.chat-row{display:flex}.chat-row.mine{justify-content:flex-end}.chat-row.theirs{justify-content:flex-start}.chat-bubble{max-width:min(78%,620px);padding:10px 12px;border-radius:15px;background:#191e28;border:1px solid #292f3b;color:#edf0f5;white-space:normal;word-break:break-word}.chat-row.mine .chat-bubble{background:#eef0f5;color:#10131a;border-color:#eef0f5;border-bottom-right-radius:5px}.chat-row.theirs .chat-bubble{border-bottom-left-radius:5px}.chat-bubble small{display:block;margin-top:5px;font-size:10px;opacity:.55}.chat-compose{display:flex;gap:10px;padding:12px;border-top:1px solid #252a35}.chat-compose textarea{flex:1;resize:none;background:#0d1016;border:1px solid #2a303c;color:#fff;border-radius:12px;padding:11px 12px;outline:none}.chat-compose .btn{align-self:stretch;min-width:74px}.chat-compose .btn:disabled{opacity:.55;cursor:not-allowed}.chat-card>.status{padding:0 12px 10px;margin:0}@media(max-width:600px){.chat-messages{height:58vh;min-height:280px}.chat-bubble{max-width:88%}.chat-compose{padding:10px}.chat-compose .btn{min-width:64px}}
.support-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:14px;align-items:stretch}.support-rooms{background:#10131a;border:1px solid #252a35;border-radius:18px;overflow:hidden;min-width:0}.support-rooms-head{height:58px;padding:0 15px;border-bottom:1px solid #252a35;display:flex;align-items:center;justify-content:space-between}.support-rooms-head span{min-width:26px;height:26px;padding:0 8px;border-radius:99px;background:#1b2130;color:#aab2ff;display:grid;place-items:center;font-size:12px;font-weight:900}.support-room-list{max-height:650px;overflow:auto;padding:8px}.support-room{width:100%;display:block;text-align:left;background:transparent;color:#eef0f5;border:1px solid transparent;border-radius:12px;padding:12px;margin:0 0 6px;cursor:pointer}.support-room:hover{background:#151922}.support-room.active{background:#191e28;border-color:#343b4a}.support-room-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.support-room-top b{font-size:13px}.support-room-top span{font-size:10px;color:#7ee2a0;font-weight:800}.support-room-preview{margin-top:6px;color:#aeb5c3;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.support-room small{display:block;margin-top:6px;color:#707989;font-size:10px}.support-owner-chat{min-width:0}.support-owner-chat .chat-messages{height:520px}.chat-sender{opacity:.7!important;font-size:9px!important;letter-spacing:.5px}.support-owner-chat .chat-compose{min-height:76px}@media(max-width:800px){.support-layout{grid-template-columns:1fr}.support-rooms{order:1}.support-owner-chat{order:2}.support-room-list{display:flex;overflow-x:auto;max-height:none;padding:8px;gap:8px}.support-room{flex:0 0 190px;margin:0}.support-owner-chat .chat-messages{height:52vh;min-height:300px}}

/* Checkout: QR-only payment and staged success animation */


.success-check{position:relative;display:grid;place-items:center}
.success-check svg{opacity:0;transform:scale(.55)}
.success-check.done svg{opacity:1;animation:checkIn .55s cubic-bezier(.2,.9,.2,1) both}
.success-check.done .success-spinner{display:none}
.success-spinner{width:74px;height:74px;border:5px solid #252a35;border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes checkIn{0%{opacity:0;transform:scale(.45) rotate(-12deg)}65%{opacity:1;transform:scale(1.12) rotate(3deg)}100%{opacity:1;transform:scale(1) rotate(0)}}
@media(max-width:600px){.payment-card{padding:14px}.payment-note{font-size:12px}}

/* Announcement owner panel + customer popup */
.announcement-form{margin-bottom:16px}.check-line{display:flex!important;align-items:center;gap:9px;font-weight:700!important}.check-line input{width:18px!important;height:18px;accent-color:#7c8cff}.announcement-admin-list{display:grid;gap:12px}.announcement-admin-item{align-items:flex-start}.announcement-copy{min-width:0;flex:1}.announcement-copy>b{display:block;font-size:17px;margin:5px 0}.announcement-copy p{margin:0 0 7px;color:#b8bfcb;white-space:normal;word-break:break-word}.announcement-copy small{color:#737d8d}.announcement-status{font-size:11px;font-weight:900;letter-spacing:.3px}.announcement-status.active{color:#7ee2a0}.announcement-status.inactive{color:#8f98a8}.announcement-actions{display:flex;gap:8px}.announcement-popup{position:fixed;inset:0;z-index:5000;display:grid;place-items:center;padding:18px;background:rgba(3,5,8,.72);backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:.22s ease}.announcement-popup.show{opacity:1;visibility:visible}.announcement-box{position:relative;width:min(92vw,480px);background:#10131a;border:1px solid #303746;border-radius:22px;padding:25px;box-shadow:0 24px 80px rgba(0,0,0,.5);transform:translateY(12px) scale(.96);transition:.28s ease}.announcement-popup.show .announcement-box{transform:translateY(0) scale(1)}.announcement-icon{font-size:35px;display:block;margin-bottom:7px}.announcement-box h2{margin:0 36px 8px 0}.announcement-box p{margin:0;color:#b8bfcb;white-space:pre-wrap;word-break:break-word}.announcement-close{position:absolute;right:12px;top:12px;width:38px;height:38px;border-radius:50%;border:1px solid #2b3240;background:#171b24;color:#fff;font-size:22px}.announcement-ok{width:100%;margin-top:20px}.announcement-meta{display:block;margin-top:14px;color:#737d8d;font-size:11px}@media(max-width:600px){.announcement-box{padding:22px}.announcement-admin-item{flex-direction:column}.announcement-actions{width:100%}.announcement-actions .btn{width:100%}.qris-lightbox-img{max-width:94vw;max-height:74vh}.qris-lightbox-panel{width:100%;height:88vh}.qris-frame:after{font-size:10px}}


/* Compact Buy Now + Checkout cancel */
.product-actions .buy-now, .product-detail-actions .buy-now{
  flex:0 0 auto;
  width:auto;
  min-height:38px;
  padding:8px 11px;
  font-size:12px;
  white-space:nowrap;
}
.product-detail-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.checkout-head-actions{display:flex;align-items:center;gap:10px}
.checkout-bottom-actions{display:flex;gap:10px;align-items:center}
.checkout-bottom-actions .btn.primary{flex:1}
.checkout-cancel-text{flex:0 0 auto}
@media(max-width:430px){.product-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;align-items:stretch;width:100%;overflow:hidden}.product-actions .btn,.product-actions .buy-now{box-sizing:border-box;width:100%;min-width:0;max-width:100%;flex:none;margin:0;padding:7px 2px;font-size:10px;line-height:1.05;white-space:normal;overflow:hidden;text-overflow:clip;overflow-wrap:anywhere;word-break:break-word}.product-actions .buy-now{display:flex;justify-content:center;align-items:center;text-align:center}.product-detail-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.product-detail-actions .btn{width:100%;min-width:0;padding:9px 7px;font-size:12px}.checkout-bottom-actions{flex-direction:column}.checkout-bottom-actions .btn{width:100%}.checkout-cancel-text{width:100%}}

/* Payment expired animation */
.expired-overlay{position:fixed;inset:0;z-index:8000;display:grid;place-items:center;padding:18px;background:rgba(3,5,8,.78);backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:.22s ease}.expired-overlay.show{opacity:1;visibility:visible}.expired-box{width:min(92vw,420px);text-align:center;background:#10131a;border:1px solid #343b49;border-radius:22px;padding:28px 22px;box-shadow:0 24px 80px rgba(0,0,0,.55);transform:translateY(12px) scale(.94);transition:.28s ease}.expired-overlay.show .expired-box{transform:translateY(0) scale(1)}.expired-box h2{margin:14px 0 7px;font-size:22px}.expired-box p{margin:0 0 20px;color:#aeb5c3}.expired-box .btn{width:100%}.expired-cross{width:92px;height:92px;margin:auto;display:grid;place-items:center}.expired-cross svg{width:100%;height:100%;opacity:0;transform:scale(.45)}.expired-cross.show svg{opacity:1;animation:expiredCrossIn .55s cubic-bezier(.2,.9,.2,1) both}.expired-cross circle{fill:none;stroke:#ff6b7a;stroke-width:4;stroke-dasharray:183;stroke-dashoffset:183;animation:expiredCircle .45s ease-out .05s forwards}.expired-cross path{fill:none;stroke:#ff6b7a;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:64;stroke-dashoffset:64;animation:expiredPath .38s ease-out .38s forwards}@keyframes expiredCircle{to{stroke-dashoffset:0}}@keyframes expiredPath{to{stroke-dashoffset:0}}@keyframes expiredCrossIn{0%{opacity:0;transform:scale(.45) rotate(-12deg)}65%{opacity:1;transform:scale(1.1) rotate(3deg)}100%{opacity:1;transform:scale(1) rotate(0)}}

/* FINAL MOBILE PRODUCT ACTION FIX */
@media (max-width:600px){
  .product-actions{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    gap:6px !important;
    width:100% !important;
    overflow:visible !important;
  }
  .product-actions .btn{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    flex:none !important;
    box-sizing:border-box !important;
    padding:8px 4px !important;
    font-size:11px !important;
    line-height:1.15 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }
  .product-actions .buy-now{
    grid-column:1 / -1 !important;
    font-size:11px !important;
    white-space:nowrap !important;
  }
}


/* Rating picker */
.star-picker{display:flex;align-items:center;justify-content:center;gap:7px;margin:8px 0 14px;padding:10px 0;}
.star-btn{appearance:none;border:0;background:transparent;color:#596170;font-size:36px;line-height:1;padding:3px;cursor:pointer;transition:transform .12s ease,color .12s ease,text-shadow .12s ease;}
.star-btn:hover{transform:scale(1.12);color:#ffd54a;}
.star-btn.selected{color:#ffd54a;text-shadow:0 2px 10px rgba(255,213,74,.28);}
.star-btn:focus-visible{outline:2px solid #ffd54a;outline-offset:3px;border-radius:8px;}
.rating-value{text-align:center;margin:-5px 0 12px;color:#ffd54a;font-size:13px;font-weight:800;}
@media(max-width:430px){.star-picker{gap:4px}.star-btn{font-size:32px;padding:3px 2px;}}

/* Duration pricing */
.duration-modal{position:fixed;inset:0;z-index:9000;display:grid;place-items:center;padding:18px;background:rgba(3,5,8,.78);backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:.2s ease}.duration-modal.show{opacity:1;visibility:visible}.duration-modal-card{position:relative;width:min(94vw,460px);max-height:88vh;overflow:auto;background:#10131a;border:1px solid #303746;border-radius:22px;padding:24px;box-shadow:0 24px 80px rgba(0,0,0,.55);transform:translateY(12px) scale(.96);transition:.25s ease}.duration-modal.show .duration-modal-card{transform:translateY(0) scale(1)}.duration-close{position:absolute;right:12px;top:12px;width:38px;height:38px;border-radius:50%;border:1px solid #2b3240;background:#171b24;color:#fff;font-size:23px}.duration-options{display:grid;gap:9px;margin-top:18px}.duration-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:14px 15px;border:1px solid #2a303c;border-radius:14px;background:#171b24;color:#eef0f5;text-align:left;cursor:pointer}.duration-option:hover{border-color:#7c8cff;transform:translateY(-1px)}.duration-option span{font-weight:800}.duration-option b{color:#ffd54a}.duration-price-note{font-size:14px;color:#8f98a8;margin:5px 0 10px}.duration-mini-list{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 15px}.duration-mini-list span{font-size:11px;font-weight:800;color:#b9c0cd;background:#171b24;border:1px solid #292f3b;border-radius:999px;padding:6px 9px}.duration-price .price-placeholder{font-size:14px;color:#8f98a8;font-weight:700}.duration-price-editor{margin:14px 0;padding:14px;border:1px solid #292f3b;border-radius:16px;background:#0d1016}.duration-price-editor>div:first-child{display:grid;gap:4px}.duration-price-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:12px}.duration-price-field{display:grid!important;gap:5px!important;font-size:12px;font-weight:800}.duration-price-field span{color:#b9c0cd}.duration-price-field input{width:100%;box-sizing:border-box}.duration-price-editor .muted{font-size:12px;margin:0}.admin-product-info .meta{line-height:1.5}
@media(max-width:600px){.duration-modal-card{padding:21px}.duration-price-grid{grid-template-columns:1fr 1fr}.duration-option{padding:13px 12px}.duration-mini-list span{font-size:10px}}
.duration-section{margin-top:26px}.duration-section-head h2{margin:3px 0 12px}.duration-list{display:grid;gap:9px}.duration-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:13px 14px;background:#0d1016;border:1px solid #292f3b;border-radius:14px}.duration-main{display:grid;gap:2px}.duration-main b{font-size:14px}.duration-main span{color:#ffd54a;font-size:14px;font-weight:900}.duration-stock{font-size:12px;color:#aeb5c3;white-space:nowrap}.duration-row.soldout{opacity:.65}.duration-row .btn{min-width:74px;padding:8px 12px}.single-product-action{margin-top:12px}.single-product-action .btn{width:100%}.duration-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.duration-admin-card{display:grid;gap:8px;padding:11px;background:#11151d;border:1px solid #292f3b;border-radius:13px}.duration-admin-card>b{font-size:13px;color:#dfe3ea}.duration-admin-card label{display:grid;gap:5px;font-size:11px;color:#9da7b6;font-weight:800}.duration-admin-card input{width:100%;background:#0d1016;border:1px solid #2a303c;color:#fff;border-radius:9px;padding:9px}.admin-product .product-actions{display:flex;gap:8px}.admin-product .product-actions .btn{flex:1}@media(max-width:700px){.duration-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:430px){.duration-row{grid-template-columns:minmax(0,1fr) auto;gap:8px}.duration-row .duration-stock{grid-column:1/2}.duration-row .btn{grid-column:2;grid-row:1/3}.duration-admin-grid{grid-template-columns:1fr 1fr}.duration-admin-card input{font-size:12px}.admin-product .product-actions{display:grid;grid-template-columns:1fr 1fr}.admin-product .product-actions .btn{font-size:11px}}

/* Maintenance mode */
.maintenance-page{min-height:100vh;display:grid;place-items:center;margin:0;padding:24px;background:var(--bg,#0b0d12)}
.maintenance-wrap{width:min(560px,100%)}
.maintenance-card{text-align:center;padding:34px 24px;border:1px solid var(--border,#252a34);border-radius:24px;background:var(--card,#11151d);box-shadow:0 20px 60px rgba(0,0,0,.25)}
.maintenance-icon{font-size:56px;margin-bottom:10px}
.maintenance-card h1{margin:8px 0 10px}
.maintenance-card p{max-width:440px;margin:0 auto 18px;line-height:1.6}
.maintenance-dot{display:inline-flex;align-items:center;gap:8px;margin-bottom:22px;padding:8px 12px;border-radius:999px;background:rgba(255,193,7,.08);font-size:13px}
.maintenance-dot span{width:8px;height:8px;border-radius:50%;background:#ffc107;box-shadow:0 0 0 5px rgba(255,193,7,.10)}
.maintenance-card .btn{min-width:130px}
.maintenance-admin{margin-top:24px}
.maintenance-admin-card{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px;border:1px solid var(--border,#252a34);border-radius:18px;background:var(--card,#11151d);margin-bottom:18px}
.maintenance-admin-card .left{min-width:0}
.maintenance-admin-card h2{margin:0 0 4px;font-size:18px}
.maintenance-switch{display:inline-flex;align-items:center;gap:10px;cursor:pointer;user-select:none}
.maintenance-switch input{width:20px;height:20px;accent-color:#f5b800}
.maintenance-message-input{width:100%;min-height:90px;resize:vertical}
@media(max-width:600px){.maintenance-admin-card{align-items:flex-start;flex-direction:column}.maintenance-admin-card .btn{width:100%}}

/* Product badges */
.product-img{position:relative;overflow:hidden}
.product-badge{position:absolute;left:10px;top:10px;z-index:2;display:inline-flex;align-items:center;justify-content:center;padding:6px 9px;border-radius:9px;font-size:10px;font-weight:950;letter-spacing:.7px;line-height:1;border:1px solid rgba(255,255,255,.12);box-shadow:0 7px 20px rgba(0,0,0,.28);backdrop-filter:blur(6px)}
.badge-maintenance{background:#5a4315;color:#ffe7a3}.badge-habis{background:#5a2027;color:#ffc0c7}.badge-soon{background:#25365d;color:#c9d7ff}.badge-hot{background:#5b2b16;color:#ffd0ae}.badge-new{background:#173f2c;color:#b9ffd7}
.detail-badge{position:static;display:inline-flex;margin:0 0 12px;font-size:11px}
.product-card .buy-now:disabled,.duration-buy:disabled{cursor:not-allowed;opacity:.62;transform:none}
.product-card .buy-now:disabled:hover,.duration-buy:disabled:hover{opacity:.62}
@media(max-width:430px){.product-badge{left:7px;top:7px;padding:5px 7px;font-size:9px;border-radius:8px}}
/* Owner product pin control */
.pin-product{min-width:44px;padding-inline:12px;font-size:18px;line-height:1}
.pin-product.active-pin{border-color:currentColor}


/* Database-backed Flash Sale */
.flash-sale-old-price{text-decoration:line-through;opacity:.52;margin-right:5px}.flash-sale-new-price{font-weight:950;color:#ffd54a}.flash-sale-admin{margin-top:24px}.flash-sale-admin .form-card{margin-top:18px}.flash-sale-admin .edit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:600px){.flash-sale-admin .edit-grid{grid-template-columns:1fr}}


/* Compact product reviews: stays below the purchase section, full reviews open in their own scrollable panel */
.review-overview{display:flex;align-items:center;gap:16px;padding:16px 18px;margin-bottom:10px;background:#10131a;border:1px solid #252a35;border-radius:16px}
.review-score{display:grid;gap:2px;min-width:92px}
.review-score strong{font-size:26px;line-height:1;font-weight:950}
.review-score .review-stars{font-size:14px}
.review-overview>div:last-child{display:grid;gap:2px}
.review-overview>div:last-child span{color:#8992a2;font-size:12px}
.reviews-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px;padding:8px;background:#0d1016;border:1px solid #252a35;border-radius:13px}
.review-filter-group{display:flex;gap:5px;min-width:0;overflow-x:auto;scrollbar-width:none}
.review-filter-group::-webkit-scrollbar{display:none}
.review-filter{border:1px solid transparent;background:transparent;color:#8992a2;border-radius:9px;padding:8px 10px;font-size:12px;font-weight:800;white-space:nowrap}
.review-filter.active{background:#1a2030;border-color:#4855a0;color:#fff}
.review-see-all{min-height:36px;padding:7px 11px;font-size:11px;white-space:nowrap}
.review-section .review{margin-bottom:9px;padding:14px 15px}
.reviews-modal{position:fixed;inset:0;z-index:9500;display:grid;place-items:center;padding:16px;background:rgba(3,5,8,.78);backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:.18s ease}
.reviews-modal.show{opacity:1;visibility:visible}
.reviews-modal-backdrop{width:100%;height:100%;display:grid;place-items:center}
.reviews-modal-card{position:relative;width:min(94vw,620px);max-height:min(82vh,720px);display:flex;flex-direction:column;background:#10131a;border:1px solid #303746;border-radius:22px;padding:22px;box-shadow:0 24px 80px rgba(0,0,0,.55);transform:translateY(10px) scale(.97);transition:.18s ease}
.reviews-modal.show .reviews-modal-card{transform:translateY(0) scale(1)}
.reviews-modal-card h2{margin:4px 0 4px}
.reviews-modal-close{position:absolute;right:12px;top:12px;width:38px;height:38px;border-radius:50%;border:1px solid #2b3240;background:#171b24;color:#fff;font-size:23px;line-height:1}
.reviews-modal-list{overflow:auto;min-height:0;margin-top:12px;padding-right:3px}
.reviews-modal-list .review{margin-bottom:9px}
body.reviews-modal-open{overflow:hidden}
@media(max-width:600px){
  .review-overview{padding:14px;gap:12px}
  .review-score{min-width:78px}
  .review-score strong{font-size:23px}
  .reviews-toolbar{align-items:stretch;flex-direction:column}
  .review-filter-group{width:100%}
  .review-see-all{width:100%}
  .reviews-modal{padding:10px}
  .reviews-modal-card{width:100%;max-height:86vh;padding:19px}
}

/* Voucher checkout */
.voucher-card{background:#10131a;border:1px solid #252a35;border-radius:16px;padding:16px;display:grid;gap:11px;margin-top:16px}
.voucher-head{display:grid;gap:3px}.voucher-head span{font-size:12px;color:#8f98a8}.voucher-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.voucher-row input{width:100%;background:#0d1016;border:1px solid #2a303c;color:#fff;border-radius:10px;padding:11px;text-transform:uppercase}.voucher-row .btn{min-width:80px}.voucher-result{min-height:20px;font-size:12px;color:#9da7ff}.voucher-result.success{color:#9de2aa}.voucher-result.error{color:#ff9ca8}
.voucher-discount-row{display:flex;justify-content:space-between;padding:10px 0;border-top:1px dashed #2a303c;color:#9de2aa;font-size:13px;font-weight:800}
@media(max-width:430px){.voucher-row{grid-template-columns:1fr}.voucher-row .btn{width:100%}}
.voucher-admin{margin-top:24px}.voucher-admin .form-card{margin-top:18px}.voucher-admin .check-line{display:flex;align-items:center;gap:8px;font-size:13px}.voucher-admin .check-line input{width:auto}.voucher-admin .admin-item{align-items:flex-start}.voucher-admin .voucher-admin-meta{display:grid;gap:4px}.voucher-admin .voucher-admin-meta small{color:#8f98a8}.voucher-admin .voucher-admin-actions{display:flex;gap:8px;flex-wrap:wrap}.voucher-code-badge{font-family:monospace;letter-spacing:1px;color:#fff}.voucher-active{color:#9de2aa}.voucher-inactive{color:#ff9ca8}
.chat-meta{display:flex!important;align-items:center;justify-content:flex-end;gap:5px!important;margin-top:7px!important}.chat-ticks{font-size:12px!important;letter-spacing:-2px;color:#8b93a3!important;font-weight:900}.chat-ticks.read{color:#7c8cff!important}.support-room-top span{white-space:nowrap}


.payment-status-actions{display:flex;flex-direction:column;gap:10px;width:min(360px,100%);margin:20px auto 0}.payment-status-actions .btn{width:100%;justify-content:center}.payment-status-actions[hidden]{display:none!important}