/* Product presentation shared by the storefront, highlights and detail. */
.product{background:#111214;border:1px solid #343438;border-radius:0;transition:border-color .2s,background .2s}
.product:hover{border-color:#e52b32;background:#171719}
.product:focus-visible{outline:3px solid #ff555b;outline-offset:4px}
.product-photo,.product-photo.campera,.product-photo.portacorona{position:relative;background:radial-gradient(ellipse at 50% 65%,#25262a 0%,#111214 68%);aspect-ratio:1;height:auto;padding:46px 22px 22px;border-bottom:1px solid #313136}
.product-photo:after{content:"";position:absolute;width:38px;height:3px;left:22px;bottom:0;background:#e52529}
.product-signature{position:absolute;top:17px;left:22px;color:#f5f5f5;font:600 12px var(--font);letter-spacing:.22em;line-height:1}
.product-signature b{color:#ff4249}
.product-photo img,.product-photo.campera img{object-fit:contain;object-position:center;max-height:100%;filter:drop-shadow(0 14px 12px #0005)}
.product-photo.liquido-frenos img{max-height:100%}
.product-copy{padding:22px;min-height:234px}
.product .item-top{color:#e0e0e3;font-size:12px;line-height:1.5;letter-spacing:.04em}
.product .item-top>span:last-child{color:#92929b}
.product h3{font:700 clamp(25px,2.3vw,34px)/1.05 var(--display);text-transform:uppercase;margin:14px 0 10px;letter-spacing:.01em}
.product-summary{display:block;font-size:14px;line-height:1.45;color:#c3c3cb;margin-bottom:24px}
.product .item-bottom{margin-top:auto;border-color:#343438;gap:10px;flex-wrap:wrap}
.product .item-bottom b{color:#ff6066;font-size:14px}
.product-price{font-size:19px;font-weight:600;color:white}
.product-price small{font-size:12px;color:#b8b8c0}
#product-dialog{background:#111214;color:#fff;border:1px solid #45454c;width:min(1000px,calc(100% - 32px))}
#product-dialog .dialog-image{background:radial-gradient(ellipse at center,#292a2e,#101113 75%);min-height:540px;padding:36px}
#product-dialog .dialog-image img{max-height:500px;filter:drop-shadow(0 18px 16px #0005)}
#product-dialog .dialog-copy{padding:48px 32px 30px}
#product-dialog .dialog-copy h2{font-size:48px;line-height:1.03;text-transform:uppercase;margin-bottom:20px}
#product-dialog .dialog-copy>.eyebrow{color:#ff6168;font-size:13px}
#product-dialog #product-description{font-size:16px;color:#d1d1d8;line-height:1.6}
.product-facts{margin:24px 0;border-top:1px solid #34343b}
.product-facts>div{display:grid;grid-template-columns:110px 1fr;gap:16px;padding:13px 0;border-bottom:1px solid #34343b;font-size:14px;line-height:1.5}
.product-facts dt{color:#b7b7c1}.product-facts dd{margin:0;color:#f2f2f5}
.product-source{font-size:14px;color:#f6f6f8;text-decoration:underline;text-underline-offset:4px}
.product-source[hidden]{display:none}
#product-dialog .sample-note{background:#1d1e22;border:1px solid #3b3b44;color:#c4c4ce;font-size:14px;line-height:1.5;padding:14px}
#product-dialog .solid-button{background:#e52529;color:#fff;font-size:14px;width:100%;margin-top:20px;min-height:50px}
#product-dialog .technical-query{color:#fff;border-color:#777780;min-height:48px;font-size:14px}
#product-dialog .close-action{color:#ccc;font-size:13px;min-height:44px}
#product-dialog .close-dialog{color:white;background:#161619;border:1px solid #555;width:42px;height:42px;right:12px;top:12px}
@media(max-width:650px){
 .product-copy{padding:16px 12px;min-height:244px}
 .product-photo,.product-photo.campera,.product-photo.portacorona{padding:38px 10px 16px}
 .product-signature{left:12px;top:14px;font-size:10px;letter-spacing:.16em}
 .product-photo:after{left:12px}
 .product h3{font-size:26px;margin:12px 0 9px;overflow-wrap:anywhere}
 .product .item-top{font-size:12px}.product-summary{font-size:14px;margin-bottom:18px}
 .product .item-bottom{display:flex;flex-direction:column;align-items:flex-start;gap:9px}
 .product .item-bottom b{display:block;font-size:14px}.product-price small{font-size:12px}
 #product-dialog .dialog-image{height:290px;min-height:0;padding:28px}
 #product-dialog .dialog-image img{max-height:100%}
 #product-dialog .dialog-copy{padding:28px 22px}
 #product-dialog .dialog-copy h2{font-size:38px}
 .product-facts>div{grid-template-columns:95px 1fr;gap:10px}
}
@media(prefers-reduced-motion:reduce){.product,.product-photo img{transition:none}.product:hover .product-photo img{transform:none}}