/* HI ÂY PÔ V8.1 — Product detail inspired by high-end retail layout */
.detail-v81{width:min(calc(100% - 30px),1380px);margin:16px auto}
.detail-top-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(430px,.98fr);gap:16px;align-items:start}
.detail-left-v81,.detail-buy-panel-v81{min-width:0}
.detail-title-mobile{display:none}
.detail-gallery-card,.detail-buy-panel-v81,.commitment-section-v81{background:#fff;border:1px solid #e4e7eb;border-radius:14px}
.detail-gallery-card{padding:14px}
.detail-image-stage{height:500px;display:grid;place-items:center;background:#fff;border-radius:10px}
.detail-image-stage img{max-width:100%;max-height:470px;object-fit:contain}
.detail-image-fallback{width:100%;height:100%;place-items:center;align-content:center;background:#f8fafc;border-radius:10px;color:#7b8492}
.detail-image-fallback b{font-size:16px}.detail-image-fallback span{font-size:12px}
.detail-thumbs-v81{display:flex;gap:8px;align-items:center;margin-top:12px;overflow-x:auto;padding-bottom:2px}
.detail-thumbs-v81 button{width:62px;height:62px;flex:0 0 62px;border:1px solid #dfe3e8;border-radius:9px;background:#fff;padding:5px;cursor:pointer}
.detail-thumbs-v81 button.active{border-color:#b52a24;box-shadow:0 0 0 1px #b52a24 inset}
.detail-thumbs-v81 img{width:100%;height:100%;object-fit:contain}
.detail-shortcuts{display:flex;align-items:center;gap:14px;padding:12px 2px 4px}
.detail-shortcuts a,.detail-shortcuts button{border:0;background:transparent;color:#4f77b3;font:600 12px/1 "Segoe UI",Arial,sans-serif;text-decoration:none;cursor:pointer}
.commitment-section-v81{margin-top:10px;padding:14px}
.commitment-section-v81 h2{font:700 17px/1.3 "Segoe UI",Arial,sans-serif;margin:0 0 10px}
.commitment-grid-v81{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.commitment-grid-v81 article{display:grid;grid-template-columns:30px 1fr;gap:8px;align-items:start;padding:11px;border-radius:10px;background:#f8f9fb}
.commitment-grid-v81 article span{width:26px;height:26px;border-radius:6px;background:#c6453b;color:#fff;display:grid;place-items:center;font-size:12px}
.commitment-grid-v81 p{margin:0;font:400 11px/1.45 "Segoe UI",Arial,sans-serif;color:#5d6570}

.detail-buy-panel-v81{padding:16px}
.detail-topline-v81{display:flex;align-items:center;justify-content:space-between;gap:10px}
.detail-buy-panel-v81 .eyebrow{font:700 10px/1 "Segoe UI",Arial,sans-serif;color:#b1810e;letter-spacing:.05em}
.stock-pill{padding:6px 8px;border-radius:999px;background:#fff8e8;color:#8b671a;font:600 10.5px/1 "Segoe UI",Arial,sans-serif}
.detail-buy-panel-v81 h1{margin:6px 0 7px;font:750 23px/1.25 "Segoe UI",Arial,sans-serif;color:#17191d}
.detail-rating-row{display:flex;gap:8px;align-items:center}.detail-rating-row span{color:#f3b30d;font:700 12px/1 "Segoe UI",Arial,sans-serif}.detail-rating-row small{font-size:10.5px;color:#8a919c}
.price-card-v81{margin:12px 0 10px;padding:11px 13px;border:1px solid #d8e2f2;border-radius:12px;background:#fbfdff}
.price-main-v81{display:flex;align-items:baseline;gap:8px}.price-main-v81 b{font:800 28px/1.1 "Segoe UI",Arial,sans-serif;color:#17191d}.price-main-v81 del{font-size:12px;color:#9aa0a8}
.price-sub-v81{display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding-top:8px;border-top:1px dashed #d8dde6}.price-sub-v81 span{font-size:10.5px;color:#7f8792}.price-sub-v81 strong{color:#c44a45;font-size:11px}

.option-section-v81{padding:10px 0;border-top:1px solid #eef0f2}.option-section-v81 h3{margin:0 0 8px;font:700 14px/1.25 "Segoe UI",Arial,sans-serif}
.capacity-grid-v81{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.capacity-grid-v81 button,.color-grid-v81 button,.condition-grid-v81 button{position:relative;border:1px solid #dfe3e8;border-radius:9px;background:#fff;cursor:pointer;transition:.15s ease}
.capacity-grid-v81 button{height:48px;font:600 13px/1 "Segoe UI",Arial,sans-serif}
.capacity-grid-v81 button.active,.color-grid-v81 button.active,.condition-grid-v81 button.active{border-color:#b92c26;box-shadow:0 0 0 1px #b92c26 inset}
.capacity-grid-v81 button.active:after,.color-grid-v81 button.active:after,.condition-grid-v81 button.active:after{content:"✓";position:absolute;right:0;top:0;width:18px;height:18px;border-radius:0 8px 0 7px;background:#c3312c;color:#fff;display:grid;place-items:center;font-size:10px}
.color-grid-v81{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.color-grid-v81 button{min-height:54px;padding:7px;display:grid;grid-template-columns:42px 1fr;gap:7px;align-items:center;text-align:left}
.color-grid-v81 button img{width:40px;height:40px;object-fit:contain}.color-dot{width:34px;height:34px;border-radius:8px;background:#d8d8d8}
.color-grid-v81 button span{display:flex;flex-direction:column}.color-grid-v81 button b{font-size:11.5px}.color-grid-v81 button small{margin-top:3px;color:#666;font-size:10.5px}
.condition-grid-v81{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.condition-grid-v81 button{min-height:50px;padding:8px 10px;text-align:left}.condition-grid-v81 b{display:block;font-size:11.5px}.condition-grid-v81 small{display:block;margin-top:3px;color:#8c929b;font-size:9.5px}
.capacity-grid-v81 button.disabled,.color-grid-v81 button.disabled,.condition-grid-v81 button.disabled{opacity:.35;cursor:not-allowed}

.promo-box-v81,.payment-box-v81{margin-top:10px;padding:11px 12px;border:1px solid #d8e1ef;border-radius:11px;background:#fbfdff}
.promo-box-v81 h3,.payment-box-v81 h3{margin:0 0 8px;font:700 13px/1.3 "Segoe UI",Arial,sans-serif}
.promo-box-v81 ol{margin:0;padding-left:22px}.promo-box-v81 li{padding:4px 0;font:400 11px/1.4 "Segoe UI",Arial,sans-serif;color:#535b67}
.detail-banner-v81{display:block;margin-top:10px;border-radius:10px;overflow:hidden}.detail-banner-v81 img{display:block;width:100%;max-height:100px;object-fit:cover}
.payment-grid-v81{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.payment-grid-v81 article{display:grid;grid-template-columns:26px 1fr;gap:7px;padding:8px;border-radius:8px;background:#fff;border:1px solid #edf0f3}.payment-grid-v81 span{width:24px;height:24px;border-radius:6px;background:#f2d347;display:grid;place-items:center}.payment-grid-v81 p{margin:0;font-size:10px;line-height:1.35;color:#5e6671}
.selected-summary-v81{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;margin-top:10px;padding:9px 10px;border-radius:9px;background:#f7f8fa}.selected-summary-v81 span{font-size:10px;color:#8c939d}.selected-summary-v81 b{font-size:11.5px}.selected-summary-v81 strong{font-size:10.5px;color:#8a6518}
.buy-actions-v81{display:grid;grid-template-columns:1.3fr .9fr;gap:8px;margin-top:10px}.buy-actions-v81 button,.buy-actions-v81 a{min-height:46px;border-radius:9px;display:flex;align-items:center;justify-content:center;text-decoration:none;font:700 12.5px/1 "Segoe UI",Arial,sans-serif}.buy-actions-v81 button,.buy-actions-v81>a:first-child{border:1px solid #df9e00;background:#f5a800;color:#181818}.buy-actions-v81>a:last-child{border:1px solid #dfe3e8;background:#fff;color:#252b32}

@media(max-width:980px){.detail-top-grid{grid-template-columns:1fr}.detail-desktop-title{display:none}.detail-title-mobile{display:block;margin:0 0 8px}.detail-title-mobile h1{font-size:22px;margin:0 0 6px}.detail-image-stage{height:390px}.detail-buy-panel-v81{padding:14px}}
@media(max-width:620px){.detail-v81{width:min(calc(100% - 16px),1380px)}.detail-image-stage{height:320px}.commitment-grid-v81,.payment-grid-v81{grid-template-columns:1fr}.capacity-grid-v81,.color-grid-v81,.condition-grid-v81{grid-template-columns:repeat(2,minmax(0,1fr))}.buy-actions-v81{grid-template-columns:1fr}.detail-shortcuts{overflow-x:auto}}