:root{--orange-bg:#fff4ed;--green-bg:#d1fae5;--red-bg:#fee2e2;--star:#f59e0b}.breadcrumb{color:var(--slate-500);flex-wrap:wrap;align-items:center;gap:8px;padding:20px 0 12px;font-size:13px;display:flex}.breadcrumb a{color:var(--blue);font-weight:600;text-decoration:none;transition:color .2s}.breadcrumb a:hover{color:var(--blue-dk);text-decoration:underline}.breadcrumb .sep{color:var(--slate-300);font-size:9px}.product-layout{grid-template-columns:360px 1fr;grid-template-areas:"gallery info""gallery action";align-items:start;gap:28px;margin-bottom:64px;display:grid}@media (width>=992px){.product-layout{grid-template-columns:350px 1fr 290px;grid-template-areas:"gallery info action";gap:24px}}@media (width>=1200px){.product-layout{grid-template-columns:380px 1fr 310px;grid-template-areas:"gallery info action";gap:32px}}.product-gallery{grid-area:gallery;position:sticky;top:90px}.product-info{grid-area:info;min-width:0}.product-action{grid-area:action;position:sticky;top:90px}.gallery-main{border:1px solid var(--line);aspect-ratio:1;cursor:zoom-in;background:#fff;border-radius:16px;transition:border-color .2s;position:relative;overflow:hidden;box-shadow:0 4px 20px #0f172a05}.gallery-main:hover{border-color:#025cca33}.gallery-main img{object-fit:contain;width:100%;height:100%;transition:transform .4s cubic-bezier(.16,1,.3,1);display:block}.gallery-main:hover img{transform:scale(1.05)}.gallery-zoom-hint{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;opacity:0;pointer-events:none;background:#0f172a99;border-radius:20px;align-items:center;gap:6px;padding:5px 10px;font-size:11px;font-weight:600;transition:opacity .25s;display:flex;position:absolute;bottom:12px;right:12px}.gallery-main:hover .gallery-zoom-hint{opacity:1}.thumb-track{gap:8px;margin-top:12px;padding-bottom:4px;display:flex;overflow-x:auto}.thumb{border:1.5px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;flex-shrink:0;width:72px;height:72px;transition:all .2s;overflow:hidden}.thumb img{object-fit:contain;width:100%;height:100%}.thumb:hover{border-color:#025cca4d}.thumb.active{border-color:var(--blue);box-shadow:0 0 0 3px #025cca26}.gallery-badges{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.g-badge{border-radius:8px;align-items:center;gap:6px;padding:5px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.g-badge-orig{background:var(--green-bg);color:#059669}.g-badge-garansi{background:var(--blue-lt);color:var(--blue)}.lightbox{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:99999;background:#0f172af2;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.lightbox.open{animation:.25s lb-in;display:flex}@keyframes lb-in{0%{opacity:0}to{opacity:1}}.lightbox img{object-fit:contain;border-radius:16px;max-width:90vw;max-height:85vh;box-shadow:0 25px 50px -12px #00000080}.lb-close{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:32px;transition:all .2s;display:flex;position:absolute;top:24px;right:24px}.lb-close:hover{background:#fff3;transform:scale(1.05)}.p-sold{color:var(--slate-600);background:var(--slate-100);border-radius:6px;align-items:center;gap:6px;margin-bottom:12px;padding:4px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.p-title{color:var(--ink);letter-spacing:-.3px;margin-bottom:12px;font-size:24px;font-weight:800;line-height:1.4}.p-rating{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.stars i{color:var(--star);font-size:14px}.stars i.empty{color:var(--slate-200)}.rating-score{color:var(--ink);font-size:14.5px;font-weight:800}.rating-count{color:var(--blue);font-size:13.5px;font-weight:600;text-decoration:none}.rating-count:hover{text-decoration:underline}.rating-sold{color:var(--slate-500);font-size:13.5px;font-weight:500}.rating-sep{color:var(--slate-300)}.p-price-area{border:1.5px solid var(--blue-lt);background:linear-gradient(135deg,#eff6ff 0%,#fff 100%);border-radius:16px;margin-bottom:24px;padding:20px 24px;box-shadow:0 4px 15px #025cca05}.p-discount-row{align-items:center;gap:8px;margin-bottom:6px;display:flex}.badge-disc{color:#fff;background:#ef4444;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:800}.p-orig{color:var(--slate-400);font-size:14px;font-weight:500;text-decoration:line-through}.p-price{color:var(--ink);margin-bottom:6px;font-family:Barlow Condensed,sans-serif;font-size:38px;font-weight:800;line-height:1}.p-saving{color:#059669;align-items:center;gap:6px;margin-top:4px;font-size:12.5px;font-weight:700;display:inline-flex}.p-specs{border:1px solid var(--line);background:var(--surface);border-radius:12px;margin-bottom:24px;display:flex;overflow:hidden;box-shadow:0 2px 10px #00000003}.spec-item{border-right:1px solid var(--line);flex:1;padding:14px 18px}.spec-item:last-child{border-right:none}.spec-lbl{color:var(--slate-400);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:10.5px;font-weight:700}.spec-val{color:var(--ink);font-size:13.5px;font-weight:700}.spec-val.link{color:var(--blue);cursor:pointer;transition:color .15s}.spec-val.link:hover{color:var(--blue-dk);text-decoration:underline}.variant-chip{border:1px solid var(--slate-200);color:var(--slate-700);cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border-radius:24px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .2s}.variant-chip:hover:not(.active){border-color:var(--slate-400);color:var(--slate-900)}.variant-chip.active{box-shadow:0 0 0 3px #025cca1a;border-color:var(--blue)!important;color:var(--blue)!important;background:var(--blue-lt)!important}.store-card{border:1px solid var(--line);background:var(--surface);border-radius:16px;align-items:center;gap:16px;margin-bottom:24px;padding:16px;transition:all .25s;display:flex}.store-card:hover{border-color:#025cca33;box-shadow:0 6px 20px #0f172a08}.store-avatar{background:var(--blue);color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex;box-shadow:0 4px 10px #025cca1a}.store-info{flex:1;min-width:0}.store-name{color:var(--ink);align-items:center;gap:6px;margin-bottom:4px;font-size:14.5px;font-weight:800;display:flex}.store-name .verified{color:var(--blue);font-size:13.5px}.store-meta{color:var(--slate-500);align-items:center;gap:6px;font-size:12.5px;display:flex}.store-meta .dot-online{background:#22c55e;border-radius:50%;width:6px;height:6px;display:inline-block}.store-follow{border:1.5px solid var(--blue);color:var(--blue);cursor:pointer;background:0 0;border-radius:10px;flex-shrink:0;padding:8px 16px;font-size:13px;font-weight:700;transition:all .2s}.store-follow:hover{background:var(--blue);color:#fff}.store-follow.following{background:var(--blue-lt);color:var(--blue);border-color:#025cca26}.promo-list{border:1px solid var(--line);background:var(--surface);border-radius:16px;margin-bottom:28px;overflow:hidden}.promo-item{border-bottom:1px solid var(--line);align-items:flex-start;gap:14px;padding:14px 18px;display:flex}.promo-item:last-child{border-bottom:none}.promo-icon-wrap{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;display:flex}.promo-icon-wrap.green{color:#059669;background:#ecfdf5}.promo-icon-wrap.blue{color:var(--blue);background:#eff6ff}.promo-icon-wrap.orange{color:#ea580c;background:#fff7ed}.promo-text{color:var(--slate-600);font-size:13.5px;line-height:1.5}.promo-text strong{color:var(--ink);font-weight:700}.tab-nav{border-bottom:2px solid var(--line);scrollbar-width:none;gap:4px;margin-bottom:20px;display:flex;overflow-x:auto}.tab-nav::-webkit-scrollbar{display:none}.tab-btn{color:var(--slate-400);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2.5px solid #0000;margin-bottom:-2px;padding:12px 20px;font-size:14px;font-weight:700;transition:all .2s}.tab-btn.active{color:var(--blue);border-bottom-color:var(--blue)}.tab-btn:hover:not(.active){color:var(--slate-700)}.tab-panel{color:var(--slate-600);font-size:14.5px;line-height:1.7;display:none}.tab-panel p{margin-bottom:12px}.product-description-content ul,.product-description-content ol{margin:10px 0 16px 20px;padding-left:10px}.product-description-content ul{list-style-type:disc}.product-description-content ol{list-style-type:decimal}.product-description-content li{margin-bottom:6px;line-height:1.6}.product-description-content strong,.product-description-content b{color:var(--ink);font-weight:700}.product-description-content h1,.product-description-content h2,.product-description-content h3,.product-description-content h4{color:var(--ink);margin-top:16px;margin-bottom:8px;font-weight:800}.tab-panel.active{animation:.25s cubic-bezier(.16,1,.3,1) tab-in;display:block}@keyframes tab-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.spec-table{border-collapse:collapse;border:1px solid var(--line);border-radius:12px;width:100%;font-size:14px;overflow:hidden}.spec-table tr:nth-child(2n) td{background:#f8fafc}.spec-table td{border-bottom:1px solid var(--line);vertical-align:top;padding:12px 18px}.spec-table tr:last-child td{border-bottom:none}.spec-table td:first-child{color:var(--slate-500);width:35%;font-weight:600}.spec-table td:last-child{color:var(--ink);font-weight:700}.action-card{border:1px solid var(--line);background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #0f172a0a}.action-head{border-bottom:1px solid var(--line);background:linear-gradient(135deg,#eff6ff 0%,#fff 100%);padding:18px 20px}.action-price{color:var(--ink);font-family:Barlow Condensed,sans-serif;font-size:28px;font-weight:800;line-height:1.1}.action-orig{color:var(--slate-400);align-items:center;gap:6px;margin-top:4px;font-size:13px;font-weight:500;text-decoration:line-through;display:flex}.action-disc{color:#fff;background:#ef4444;border-radius:4px;padding:2px 6px;font-size:10.5px;font-weight:800;text-decoration:none}.action-body{padding:20px}.qty-row{align-items:center;gap:12px;margin-bottom:20px;display:flex}.qty-ctrl{border:1.5px solid var(--slate-200);border-radius:8px;align-items:center;transition:border-color .2s;display:flex;overflow:hidden}.qty-ctrl:focus-within{border-color:var(--blue)}.qty-btn{background:var(--slate-50);width:36px;height:36px;color:var(--slate-600);cursor:pointer;border:none;justify-content:center;align-items:center;font-size:18px;font-weight:600;transition:all .15s;display:flex}.qty-btn:hover:not(:disabled){background:var(--blue-lt);color:var(--blue)}.qty-btn:disabled{opacity:.35;cursor:not-allowed}.qty-input{border:none;border-left:1.5px solid var(--slate-200);border-right:1.5px solid var(--slate-200);text-align:center;width:44px;height:36px;color:var(--ink);background:#fff;outline:none;font-size:15px;font-weight:700}.qty-stock{color:var(--slate-500);font-size:13px;font-weight:500}.qty-stock span{color:var(--ink);font-weight:700}.qty-stock.low span{color:#ef4444}.note-toggle{text-align:left;border:1.5px dashed var(--slate-300);width:100%;color:var(--slate-500);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:8px;margin-bottom:20px;padding:10px 14px;font-size:12.5px;font-weight:700;transition:all .2s;display:flex}.note-toggle:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-lt)}.note-area{margin-bottom:20px;display:none}.note-area.open{display:block}.note-area textarea{border:1.5px solid var(--slate-200);resize:none;width:100%;color:var(--ink);border-radius:8px;outline:none;padding:10px 14px;font-family:inherit;font-size:13.5px;transition:border-color .2s}.note-area textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #025cca14}.subtotal-row{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;margin-bottom:20px;padding:14px 0;display:flex}.subtotal-lbl{color:var(--slate-500);font-size:13.5px;font-weight:500}.subtotal-val{color:var(--ink);font-family:Barlow Condensed,sans-serif;font-size:24px;font-weight:800}.btn-buy{background:var(--blue);color:#fff;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;margin-bottom:10px;padding:14px;font-size:15px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 15px #025cca40}.btn-buy:hover{background:var(--blue-dk);transform:translateY(-1px);box-shadow:0 6px 20px #025cca59}.btn-buy:active{transform:translateY(0)}.btn-cart{width:100%;color:var(--blue);border:1.5px solid var(--blue);cursor:pointer;background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-bottom:16px;padding:12px;font-size:14.5px;font-weight:700;transition:all .2s;display:flex}.btn-cart:hover{background:var(--blue-lt)}.action-links{border-top:1px solid var(--line);justify-content:space-around;padding-top:14px;display:flex}.action-link{color:var(--slate-500);cursor:pointer;border-radius:8px;flex-direction:column;align-items:center;gap:6px;padding:8px 14px;font-size:11.5px;font-weight:700;transition:all .2s;display:flex}.action-link:hover{color:var(--blue);background:var(--blue-lt)}.action-link i{font-size:18px}.action-guarantees{border-top:1px solid var(--line);background:#f8fafc;flex-direction:column;gap:10px;padding:14px 20px;display:flex}.guarantee-item{color:var(--slate-600);align-items:center;gap:10px;font-size:12.5px;font-weight:500;display:flex}.guarantee-item i{color:#22c55e;font-size:14px}.mobile-bar{border-top:1px solid var(--line);z-index:999;background:#fff;align-items:center;gap:16px;padding:12px 20px;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 25px #0f172a14}.mobile-bar-price{flex:1;min-width:0}.mobile-bar-price .lbl{color:var(--slate-400);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px;font-size:10px;font-weight:700}.mobile-bar-price .val{color:var(--ink);font-family:Barlow Condensed,sans-serif;font-size:20px;font-weight:800;line-height:1.1}.mobile-bar-btns{flex-shrink:0;gap:10px;display:flex}.mb-cart{border:1.5px solid var(--blue);color:var(--blue);cursor:pointer;background:#fff;border-radius:8px;padding:10px 16px;font-size:13.5px;font-weight:700;transition:all .2s}.mb-cart:hover{background:var(--blue-lt)}.mb-buy{background:var(--blue);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:13.5px;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #025cca33}.mb-buy:hover{background:var(--blue-dk)}@media (width<=992px){.product-layout{grid-template-columns:320px 1fr;grid-template-areas:"gallery info""gallery action";gap:24px}.p-price{font-size:32px}}@media (width<=768px){.product-layout{grid-template-columns:1fr;grid-template-areas:"gallery""info";gap:20px}.product-gallery,.product-info{position:static}.product-action{display:none!important}.mobile-bar{display:flex}.p-price{font-size:30px}.p-specs{flex-direction:column}.spec-item{border-right:none;border-bottom:1px solid var(--line)}.spec-item:last-child{border-bottom:none}}