/* BREADCRUMB */
.breadcrumb{padding:10px 20px;font-size:12px;color:#999;background:#fff;border-bottom:1px solid #eee}
.breadcrumb a{cursor:pointer}
.breadcrumb a:hover{color:#e62020}
.breadcrumb span{margin:0 5px}

/* DETAIL LAYOUT */
.detail-wrap{background:#fff;padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}

/* IMAGE GALLERY */
.gallery{}
.gallery-main{aspect-ratio:1;border-radius:4px;overflow:hidden;background:#f5f5f5;border:1px solid #eee;margin-bottom:10px}
.gallery-main img{width:100%;height:100%;object-fit:cover}
.gallery-thumbs{display:flex;gap:8px;flex-wrap:wrap}
.thumb{width:64px;height:64px;border-radius:3px;overflow:hidden;border:2px solid #eee;cursor:pointer;flex-shrink:0}
.thumb img{width:100%;height:100%;object-fit:cover}
.thumb.active,.thumb:hover{border-color:#e62020}

/* PRODUCT INFO */
.p-title{font-size:17px;font-weight:600;color:#222;margin-bottom:8px;line-height:1.5}
.p-rating{display:flex;align-items:center;gap:8px;margin-bottom:12px}
.p-stars{color:#f5a623;font-size:14px}
.p-reviews{font-size:12px;color:#999}
.p-sold{font-size:12px;color:#aaa}

/* PRICE BOX */
.price-box{background:#fff9f9;border:1px solid #ffd9d9;border-radius:4px;padding:12px 14px;margin-bottom:16px}
.price-main{font-size:30px;font-weight:700;color:#e62020}
.price-old{font-size:14px;color:#999;text-decoration:line-through;margin-left:8px}
.price-save{font-size:12px;color:#e62020;margin-top:3px}

/* SKU SELECTOR */
.sku-section{margin-bottom:14px}
.sku-label{font-size:13px;color:#666;margin-bottom:8px}
.sku-label strong{color:#222}
.sku-options{display:flex;flex-wrap:wrap;gap:8px}
.sku-opt{padding:6px 14px;border:1px solid #ddd;border-radius:3px;font-size:13px;color:#333;cursor:pointer;background:#fff;transition:all .15s}
.sku-opt:hover{border-color:#e62020;color:#e62020}
.sku-opt.active{border-color:#e62020;color:#e62020;background:#fff9f9;font-weight:500}
.sku-opt.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}
.sku-color-opt{display:flex;align-items:center;gap:6px;padding:5px 12px}
.color-dot{width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.15)}

/* SPEC TABLE */
.spec-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #f5f5f5;font-size:13px}
.spec-row:last-child{border-bottom:none}
.spec-label{color:#999;min-width:90px;font-size:12px;flex-shrink:0}
.spec-val{color:#333;font-weight:500}

/* QTY */
.qty-wrap{display:flex;align-items:center;gap:10px;margin:14px 0}
.qty-btn{width:30px;height:30px;border:1px solid #ddd;background:#fff;font-size:18px;cursor:pointer;border-radius:3px;display:flex;align-items:center;justify-content:center}
.qty-btn:hover{border-color:#e62020;color:#e62020}
.qty-num{width:42px;text-align:center;font-size:15px;font-weight:500}
.qty-stock{font-size:12px;color:#aaa}

/* ACTION BUTTONS */
.action-btns{display:flex;gap:10px;margin-bottom:14px}
.action-btns .btn-outline,.action-btns .btn-red{flex:1;padding:12px}

/* TRUST BADGES */
.trust-row{display:flex;gap:16px;flex-wrap:wrap;padding:12px 0;border-top:1px solid #f5f5f5}
.trust-item{font-size:11px;color:#888;display:flex;align-items:center;gap:4px}

/* DETAIL TABS */
.detail-tabs{background:#fff;margin-top:12px;border-top:1px solid #eee}
.tab-nav{display:flex;border-bottom:1px solid #eee;padding:0 20px}
.tab-btn{padding:12px 18px;font-size:14px;color:#555;cursor:pointer;border-bottom:2px solid transparent}
.tab-btn.active{color:#e62020;border-bottom-color:#e62020;font-weight:500}
.tab-content{padding:20px;display:none}
.tab-content.active{display:block}

/* SPEC FULL TABLE */
.spec-table{width:100%;border-collapse:collapse}
.spec-table tr:nth-child(odd) td{background:#fafafa}
.spec-table td{padding:10px 14px;font-size:13px;border:1px solid #eee;vertical-align:top}
.spec-table td:first-child{color:#666;width:35%;font-weight:500}

/* IMAGE GALLERY in tabs */
.detail-imgs{display:flex;flex-direction:column;gap:12px}
.detail-imgs img{width:100%;border-radius:4px}

@media(max-width:768px){
  .detail-wrap{grid-template-columns:1fr}
  .gallery-thumbs{gap:6px}
  .thumb{width:54px;height:54px}
}