
.tool-detail>.wrap{max-width:1320px;width:calc(100% - 40px)}
.tool-detail-grid{align-items:start;gap:30px;grid-template-columns:1fr 1fr}
.tool-detail-media{padding:0;border:0;background:transparent;overflow:hidden}
.tool-detail-info{padding:28px 24px;justify-content:start}
.tool-detail-info h1{font-size:clamp(16px,1.5vw,23px);white-space:nowrap;letter-spacing:-.5px}
.tool-detail-info .eyebrow{display:none}
.detail-price{flex-wrap:wrap;margin:18px 0;padding:18px 0}
.detail-price strong{color:#e51f2d;font-size:32px}.detail-price del{font-size:13px}
.tool-features{font-size:14px;margin:0;padding-left:20px}.tool-features li{margin:8px 0}
.detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.detail-actions .btn{font-size:13px;border-radius:10px;box-shadow:none;padding:12px 8px;text-transform:none;min-width:0}
.detail-actions .add-cart{background:#f4ce56;color:#173322}
.guide-button{border-radius:10px;box-shadow:none}
.tool-description>h2{color:#398f00;font-size:25px}
.tool-richtext h3{color:#398f00;font-size:19px}
.tool-richtext h3:before{content:'✓ ';color:#14a348}
.guide-video{width:100%;aspect-ratio:16/9;border:0;border-radius:12px}
#video-huong-dan{scroll-margin-top:100px}
.related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.related-item{display:flex;gap:12px;align-items:center;padding:10px;border:1px solid #d6e2ed;background:#f8fafc;border-radius:16px}
.related-item img{width:80px;height:80px;object-fit:cover;border-radius:10px}
.related-item b{display:block;font-size:13px;line-height:1.5}.related-item strong{display:block;color:#07852a;font-size:14px;margin-top:6px}
.cart-open{position:fixed;bottom:18px;right:18px;z-index:30}
#tool-cart-dialog{width:min(600px,95vw);max-height:85vh;border:1px solid #ccd9ce;border-radius:18px;padding:24px}
#tool-cart-dialog::backdrop{background:#0007}.cart-close{float:right}
.cart-row{display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid #ddd}.cart-row a{flex:1;color:#16823c}.cart-row button{padding:8px}
@media(max-width:960px){.tool-detail-grid{grid-template-columns:1fr}.tool-detail-info h1{font-size:clamp(14px,3.6vw,23px)}.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.related-grid{grid-template-columns:1fr}.tool-detail-info{padding:20px 12px}.tool-detail>.wrap{width:calc(100% - 24px)}}
