.yn-productpage { background:#fdfcfa; color:#131417; font-family:Manrope,sans-serif; }
.product02 { width:100%; max-width:1360px; margin:0 auto; padding:20px 24px 48px; }
.product02 *, .product02 *::before, .product02 *::after { box-sizing:border-box; }
.product02 [hidden] { display:none!important; }
.product02 a { color:inherit; }
.product02 button, .product02 input { font:inherit; }
.product02 button, .product02 a { -webkit-tap-highlight-color:transparent; }
.product02-sr-only { position:absolute!important; width:1px; height:1px; padding:0!important; margin:-1px!important; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0!important; }
.product02-breadcrumb { display:flex; flex-wrap:wrap; align-items:center; gap:6px; font-size:12px; line-height:1.6; color:#7d828a; margin:0 0 14px; }
.product02-breadcrumb a { text-decoration:none; }
.product02-breadcrumb [aria-current] { min-width:0; overflow-wrap:anywhere; color:#1e1e1e; font-weight:600; }
/* Figma 2439:140795: gallery, product information and purchase fill three equal columns. */
.product02-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; align-items:start; }
.product02-grid > *, .product02-information > * { min-width:0; }
.product02-card { background:#fff; border:1px solid #ece9e3; border-radius:18px; box-shadow:0 2px 7px rgb(20 24 40 / 5%); }
.product02-gallery { overflow:hidden; }
.product02-gallery__stage { background:#fff; }
.product02-gallery__slide { position:relative; display:flex; align-items:center; justify-content:center; min-width:0; height:380px; padding:22px; border-bottom:1px solid #ece9e3; }
.product02-gallery__slide + .product02-gallery__slide { border-top:1px solid #ece9e3; }
.product02-gallery__slide img { display:block; width:100%; height:100%; object-fit:contain; }
.product02-gallery__zoom { position:absolute; right:12px; bottom:12px; background:#fff; border:1px solid #ece9e3; border-radius:10px; padding:7px 10px; font-size:11px; color:#5b6068; }
.product02-gallery__thumbs { display:flex; overflow-x:auto; gap:20px; padding:16px 26px 26px; scrollbar-width:thin; }
.product02-gallery__thumbs a { display:flex; flex:0 0 58px; align-items:center; justify-content:center; width:58px; height:58px; padding:5px; border:1px solid #ece9e3; border-radius:10px; background:#fff; }
.product02-gallery__thumbs a[aria-current=true] { border-color:#f47b1b; border-radius:18px; box-shadow:inset 0 0 0 1px #f47b1b; }
.product02-gallery__thumbs img { width:100%; height:100%; object-fit:contain; }
.product02-gallery__failed { font-size:12px; color:#7d828a; text-align:center; }
.product02-gallery__empty { min-height:380px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; padding:24px; background:#2a2c31; color:#a2a7b0; text-align:center; }
.product02-gallery__empty strong { font-size:44px; font-weight:800; line-height:1.3; letter-spacing:2.64px; text-transform:uppercase; overflow-wrap:anywhere; }
.product02-gallery__empty span { font-size:13px; text-transform:uppercase; letter-spacing:1.04px; }
.product02-gallery__empty .product02-gallery__missing { margin-top:14px; font-size:11px; letter-spacing:0; text-transform:none; }
.product02-vehicle { margin-top:14px; padding:14px; border:1px solid rgb(255 165 0 / 45%); border-radius:14px; background:rgb(255 165 0 / 9%); }
.product02-vehicle__main { display:flex; align-items:center; gap:12px; }
.product02-vehicle__icon { display:flex; align-items:center; justify-content:center; flex:0 0 36px; width:36px; height:36px; border-radius:50%; background:orange; }
.product02-vehicle__icon img, .product02-rating img, .product02-seller__information img, .product02-review-summary img { display:block; flex:none; width:auto; height:auto; max-width:none; }
.product02-vehicle__copy { flex:1; min-width:0; }
.product02-vehicle h2 { margin:0 0 3px; font-size:14px; font-weight:800; line-height:1.4; }
.product02-vehicle p { margin:0; color:#5c5e64; font-size:12px; line-height:1.5; overflow-wrap:anywhere; }
.product02-vehicle p strong { color:#1e1e1e; font-weight:700; }
.product02-vehicle__actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; }
.product02-vehicle__actions .product02-button { width:auto; flex:1 1 auto; min-height:34px; padding:8px 12px; border-radius:9px; color:#1e1e1e!important; font-size:11px!important; letter-spacing:.55px; text-transform:uppercase; }
.product02-vehicle__actions .product02-button--dark { background:#15171c; color:#fff!important; border-color:#15171c; }
.product02-vehicle--matched { background:rgb(53 139 25 / 8%); border-color:rgb(53 139 25 / 30%); }
.product02-vehicle--matched .product02-vehicle__icon { background:#358b19; }
.product02-vehicle--matched h2 { color:#2e7d16; }
.product02-vehicle__change { flex:0 1 70px; min-height:44px; padding:0; border:0; background:none; color:#71717a; font-size:12px; font-weight:700; cursor:pointer; text-align:right; }
.product02-notice, .product02-compatibility-link { display:flex; flex-direction:column; gap:6px; padding:15px 17px; margin:12px 0 0; border:1px solid #ffd6b4; border-radius:18px; background:#fff6ee; color:#925221; font-size:12px; line-height:1.6; text-decoration:none; }
.product02-compatibility-link strong { color:#b54708; font-size:13px; }
.product02-title-group { margin:0 0 16px; overflow-wrap:anywhere; }
.product02-brand { color:#7d828a; font-size:11px; font-weight:600; letter-spacing:.66px; text-transform:uppercase; margin:0 0 5px; }
.product02-title-group h1 { color:#1e1e1e; font-size:22px; font-weight:700; line-height:1.3; letter-spacing:0; margin:0 0 8px; }
.product02-oem { color:#7d828a; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:12px; line-height:1.5; overflow-wrap:anywhere; margin:0 0 8px; }
.product02-meta { display:flex; flex-wrap:wrap; align-items:center; gap:8px 14px; margin:8px 0; }
.product02-meta .product02-oem { margin:0; }
.product02-rating { display:inline-flex; align-items:center; gap:4px; font-size:13px; font-weight:600; color:#1e1e1e; text-decoration:none; white-space:nowrap; }
.product02-stock { border-radius:6px; background:#f5f3ef; padding:4px 9px; font-size:10px; font-weight:600; color:#5c5e64; }
.product02-stock--available { color:#2e7d16; background:rgb(53 139 25 / 10%); }
.product02-facts { display:grid; gap:20px; padding:28px 17px; margin:0 0 16px; }
.product02-facts > div { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:10px; font-size:12px; line-height:1.5; }
.product02-facts dt { font-weight:400; color:#7d828a; }
.product02-facts dd { margin:0; text-align:right; font-weight:600; overflow-wrap:anywhere; }
.product02-tabs { display:flex; flex-wrap:wrap; border-bottom:1px solid #ece9e3; }
.product02-tabs a { display:flex; flex-shrink:0; align-items:center; min-height:40px; padding:9px 14px; border-bottom:2px solid transparent; color:#5c5e64; font-size:13px; font-weight:600; text-decoration:none; }
.product02-tabs a[aria-selected=true] { color:#ff6b10; border-bottom-color:#ff6b10; }
.product02-panel { padding-top:15px; font-size:13px; line-height:1.65; color:#606671; overflow-wrap:anywhere; scroll-margin-top:24px; }
.product02-panel h2 { font-size:15px; font-weight:700; color:#131417; margin:0 0 12px; }
.product02-panel h3 { font-size:13px; font-weight:700; color:#131417; margin:0 0 7px; }
.product02-panel p { margin:0 0 12px; }
.product02-description { overflow-x:auto; }
.product02-description > :first-child { margin-top:0; }
.product02-description img { max-width:100%; height:auto; }
.product02-specifications { display:grid; gap:10px; margin:0 0 16px; }
.product02-specifications > div { padding:0 0 10px; border-bottom:1px solid #ece9e3; }
.product02-specifications dt { font-size:11px; font-weight:400; }
.product02-specifications dd { color:#131417; margin:4px 0 0; }
.product02-documents { padding-left:16px; }
.product02-documents a { text-decoration:underline; text-underline-offset:3px; }
.product02-fitment, .product02-question { padding:12px 0; border-bottom:1px solid #ece9e3; }
.product02-fitment-group { border:1px solid #ece9e3; border-radius:10px; margin-bottom:10px; padding:0 12px; }
.product02-fitment-group > summary { cursor:pointer; padding:14px 0; font-weight:700; color:#131417; }
.product02-fitment-group > summary:focus-visible { outline:2px solid #ff6b00; outline-offset:3px; }
.product02-fitment-group > .product02-fitment:last-child { border-bottom:0; }
.product02-fitment p:last-child, .product02-answer p:last-child { margin:0; }
.product02-question time { display:block; font-size:11px; color:#7d828a; }
.product02-question > a, .product02-answer > a { display:block; color:#b54708; }
.product02-answer { padding:12px; border-radius:12px; margin:12px 0; background:#f5f3ef; }
.product02-empty-state { padding:20px; background:#f7f6f2; border:1px solid #ece9e3; border-radius:14px; }
.product02-empty-state strong { display:block; margin-bottom:6px; color:#1e1e1e; font-size:14px; }
.product02-empty-state p { margin:0; }
.product02-review { padding:14px 0; border-bottom:1px solid #ece9e3; }
.product02-review__heading { display:flex; align-items:center; justify-content:space-between; gap:12px; color:#1e1e1e; }
.product02-review time { display:block; color:#71717a; font-size:11px; margin:5px 0 10px; }
.product02-review p { white-space:pre-line; }
.product02-review-summary__score { display:flex; align-items:baseline; gap:6px; }
.product02-review-summary__score strong { font-size:28px; color:#1e1e1e; }
.product02-text-action { font-size:12px; font-weight:700; text-decoration:underline; text-underline-offset:3px; }
.product02-purchase { display:grid; gap:12px; }
.product02-buy { padding:17px; }
.product02-price { display:flex; align-items:baseline; flex-wrap:wrap; gap:8px; margin-bottom:3px; }
.product02-price strong { font-size:26px; font-weight:800; line-height:1.3; overflow-wrap:anywhere; }
.product02-price > span { font-size:11px; color:#7d828a; }
.product02-net-price { margin:0; color:#71717a; font-size:12px; line-height:1.5; }
.product02-quantity-row { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin:14px 0; }
.product02-stock-count { font-size:11px; color:#71717a; }
.product02-quantity-row label { margin:0; font-size:12px; color:#7d828a; }
.product02-quantity { display:flex; width:auto; max-width:100%; border:1px solid #ece9e3; border-radius:18px; overflow:hidden; --yn-focus-offset:-3px; }
.product02-quantity:focus-within { outline:2px solid #ff6b10; outline-offset:2px; }
.product02-quantity button { width:34px; min-height:38px; padding:0; flex-shrink:0; border:0; background:#fff; color:#131417; font-size:16px; cursor:pointer; }
.product02-quantity button:disabled { color:#b0b3b8; cursor:default; }
.product02-quantity input { width:calc(var(--product02-quantity-digits, 2) * 1ch + 12px); min-width:36px; flex:none; min-height:38px; padding:0 2px; border:0; border-radius:0; background:#fff; color:#131417; text-align:center; font-size:14px; font-variant-numeric:tabular-nums; -moz-appearance:textfield; appearance:textfield; }
.product02-quantity input::-webkit-inner-spin-button, .product02-quantity input::-webkit-outer-spin-button { -webkit-appearance:none; margin:0; }
.product02-muted { color:#7d828a; font-size:12px; line-height:1.6; margin:0 0 8px; }
.product02-total { font-size:12px; line-height:1.6; color:#7d828a; margin:0 0 14px; }
.product02-total strong { color:#131417; }
.product02-button { position:static; display:flex; align-items:center; justify-content:center; gap:7px; width:100%; min-height:36px; padding:9px 8px; border:1px solid #ece9e3; border-radius:7px; background:#fff; color:#7d828a!important; font-size:11px!important; font-weight:800!important; line-height:1.4; letter-spacing:.3px; cursor:pointer; text-decoration:none!important; box-shadow:none; }
.product02-button img { display:block; width:auto; height:auto; max-width:none; flex:none; }
.product02-button:hover { border-color:#ff6b10; color:#b54708!important; }
.product02-button--primary { min-height:44px; background:#f47b1b; color:#fff!important; border-color:#f47b1b; font-size:14px!important; letter-spacing:1.12px; text-transform:uppercase; box-shadow:0 8px 9px #ff6b1042; }
.product02-button--primary:hover { background:#e4650e; color:#fff!important; }
.product02-button:disabled { cursor:wait; opacity:.65; }
.product02-secondary-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-top:8px; }
.product02-secondary-actions .product02-button { text-transform:uppercase; letter-spacing:.88px; }
.product02-compare-link { display:flex; justify-content:center; align-items:center; gap:6px; min-height:44px; margin-top:8px; color:#686e77!important; font-size:12px; line-height:1.5; text-decoration:underline; text-underline-offset:3px; }
.product02-feedback { padding:12px; margin:0 0 14px; border:1px solid #ece9e3; border-radius:12px; background:#fdfcfa; color:#575d67; font-size:12px; line-height:1.6; overflow-wrap:anywhere; }
.product02-feedback p:last-child { margin-bottom:0; }
.product02-secondary-actions .product-card__action--wishlist--active, .product02-secondary-actions .product-card__action--compare--active { color:#b54708!important; background:#fff6ee; border-color:#ffcba3; }
.product02-unavailable { font-size:13px; line-height:1.65; margin:0 0 15px; }
.product02-seller, .product02-offers { padding:15px 17px; }
.product02-eyebrow { color:#7d828a; font-size:10px; line-height:1.5; font-weight:700; text-transform:uppercase; letter-spacing:.6px; margin:0 0 10px; }
.product02-seller__heading { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:8px; }
.product02-seller__name { display:block; min-width:0; font-size:13px; font-weight:700; line-height:1.5; overflow-wrap:anywhere; }
.product02-seller__information { display:grid; gap:5px; padding-bottom:12px; }
.product02-seller__information p { display:flex; align-items:center; gap:7px; color:#5c5e64; font-size:12px; line-height:1.5; margin:0; }
.product02-seller form { margin:0; }
.product02-button--follow { min-height:38px; border-color:#ff6b10; color:#ff6b10!important; text-transform:uppercase; letter-spacing:.88px; }
.product02-button--follow[aria-pressed=true] { background:#fff6ee; }
.product02-follow-status { margin:10px 0 0; font-size:12px; color:#5c5e64; line-height:1.5; }
.product02-follow-status a { display:block; font-weight:700; text-decoration:underline; text-underline-offset:3px; margin-top:4px; }
.product02-offer { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; padding:11px; margin-top:8px; border:1px solid #ece9e3; border-radius:18px; }
.product02-offer__details { min-width:0; flex:1 1 120px; }
.product02-offer--selected { background:#fff7f0; border-color:#ffcba3; }
.product02-offer--lowest { background:rgb(53 139 25 / 5%); border-color:#2e7d16; }
.product02-offer__heading { display:flex; flex-wrap:wrap; align-items:center; gap:6px; }
.product02-offer__lowest { padding:2px 6px; border-radius:6px; background:rgb(53 139 25 / 12%); color:#2e7d16; font-size:9px; font-weight:700; text-transform:uppercase; white-space:nowrap; }
.product02-offer__name { display:block; font-size:12px; font-weight:700; line-height:1.5; overflow-wrap:anywhere; }
.product02-offer__selected { display:block; color:#b54708; font-size:10px; margin:3px 0; }
.product02-offer__minimum { display:block; color:#5c5e64; font-size:11px; margin-top:3px; }
.product02-offer__actions { display:flex; flex:0 1 auto; flex-direction:column; align-items:flex-end; gap:5px; min-width:0; max-width:100%; margin:0; }
.product02-offer strong { display:block; font-size:14px; line-height:1.5; overflow-wrap:anywhere; }
.product02-offer__add { width:auto; min-height:34px; padding:8px 14px; color:#1e1e1e!important; font-size:10px!important; text-transform:uppercase; }
.product02-offer--lowest .product02-offer__add { background:#2e7d16; color:#fff!important; }
.product02-offer--lowest .product02-offer__add:hover { border-color:#2e7d16; background:#246512; }
.product02-offer__select { display:flex; min-height:32px; align-items:center; gap:5px; font-size:11px; text-decoration:underline; text-underline-offset:3px; }
.product02-offer__feedback { flex-basis:100%; margin:0; color:#5c5e64; font-size:12px; line-height:1.5; overflow-wrap:anywhere; }
.product02-recommendations { margin-top:28px; }
.product02-recommendations > h2 { font-size:18px; font-weight:700; line-height:1.5; margin:0 0 14px; text-transform:uppercase; }
.product02-recommendations__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.product02-recommendations--recent .product02-recommendations__grid { grid-template-columns:repeat(7,minmax(0,1fr)); gap:14px; }
.product02-recommendation { min-width:0; overflow:hidden; }
.product02-recommendation__image { display:flex; align-items:center; justify-content:center; height:198px; padding:20px; background:#fff; color:#7d828a!important; text-align:center; }
.product02-recommendation__image--empty { background:#2a2c31; color:#a2a7b0!important; }
.product02-recommendation__image--empty span { font-weight:800; text-transform:uppercase; font-size:16px; letter-spacing:.96px; }
.product02-recommendation__image img { width:100%; height:100%; object-fit:contain; }
.product02-recommendation__image span { overflow-wrap:anywhere; font-size:14px; }
.product02-recommendation__body { padding:12px; }
.product02-recommendation__body h3 { font-size:12px; line-height:1.5; font-weight:600; margin:0 0 6px; overflow-wrap:anywhere; }
.product02-recommendation__body strong { font-size:14px; }
.product02-recommendation__body .product02-oem { font-size:10px; }
.product02-recommendations--recent .product02-recommendation__image { height:108px; }
.product02-lightbox { position:fixed; inset:0; width:min(960px,calc(100% - 32px)); max-width:none; height:min(850px,calc(100dvh - 32px)); max-height:calc(100dvh - 32px); margin:auto; padding:16px; border:1px solid #ece9e3; border-radius:18px; background:#fff; color:#131417; }
.product02-lightbox[open] { display:flex; flex-direction:column; gap:12px; }
.product02-lightbox::backdrop { background:rgb(19 20 23 / 78%); }
.product02-lightbox__toolbar, .product02-lightbox__navigation { display:flex; justify-content:space-between; align-items:center; gap:12px; flex:none; }
.product02-lightbox button { min-width:44px; min-height:44px; border:1px solid #ece9e3; border-radius:12px; padding:8px 12px; background:#fff; cursor:pointer; font:600 13px Manrope,sans-serif; }
.product02-lightbox [data-product02-lightbox-close] { font-size:26px; }
.product02-lightbox > img { display:block; width:100%; min-height:0; flex:1 1 auto; object-fit:contain; }
.product02-lightbox__toolbar span { font-size:12px; color:#7d828a; }
@media (max-width:1199.98px) {
    .product02-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
}
@media (max-width:991.98px) {
    .product02-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
    .product02-information { display:contents; }
    .product02-media { grid-column:1; grid-row:1 / span 2; }
    .product02-title-group { grid-column:2; grid-row:1; margin-bottom:0; }
    .product02-purchase { grid-column:2; grid-row:2; }
    .product02-facts { grid-column:1; grid-row:3; margin-bottom:0; }
    .product02-details { grid-column:2; grid-row:3; }
    .product02-button { min-height:46px; }
    .product02-offer__select { min-height:44px; }
    .product02-button--primary { min-height:50px; }
    .product02-quantity input { width:calc(var(--product02-quantity-digits, 2) * 1ch + 16px); min-width:52px; font-size:16px; min-height:46px; }
    .product02-quantity button { width:44px; min-height:46px; }
    .product02-recommendations__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .product02-recommendations--recent .product02-recommendations__grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:650px) {
    .product02 { padding:18px 20px 32px; }
    .product02-breadcrumb { font-size:11px; margin-bottom:18px; }
    .product02-breadcrumb [aria-current] { display:none; }
    .product02-breadcrumb > span:last-of-type:not([aria-current]) { display:none; }
    .product02-grid { grid-template-columns:minmax(0,1fr); gap:18px; }
    .product02-title-group { grid-column:1; grid-row:1; }
    .product02-title-group h1 { font-size:20px; line-height:1.35; }
    .product02-media { grid-column:1; grid-row:2; }
    .product02-purchase { grid-column:1; grid-row:3; }
    .product02-facts { grid-column:1; grid-row:4; padding:20px 17px; }
    .product02-details { grid-column:1; grid-row:5; }
    .product02-gallery__slide { height:300px; }
    .product02-gallery__empty { min-height:280px; }
    .product02-gallery__thumbs { gap:12px; padding:16px; }
    .product02-price strong { font-size:26px; }
    .product02-buy { padding:18px; }
    .product02-button { border-radius:12px; }
    .product02-button--primary { border-radius:18px; }
    .product02-panel { font-size:13px; line-height:1.6; }
    .product02-recommendations__grid, .product02-recommendations--recent .product02-recommendations__grid { gap:10px; grid-template-columns:repeat(2,minmax(0,1fr)); }
    .product02-recommendation__image, .product02-recommendations--recent .product02-recommendation__image { height:130px; padding:12px; }
    .product02-recommendation__body { padding:10px; }
    .product02-lightbox { width:calc(100% - 16px); max-height:calc(100dvh - 16px); padding:12px; }
}
/* Live stock controls must retain the native hidden attribute in flex layouts. */
[data-product-stock-notify][hidden], [data-product-stock-retry][hidden],
form[data-stock-check-url] button[type="submit"][hidden] { display: none !important; }
.product02-offer__actions[data-stock-check-url] { flex-wrap: wrap; }
.product02-offer__actions [data-product-stock-message] { flex-basis: 100%; margin: 0; font-size: .75rem; }