/* Generated by scripts/build-rrc-styles.mjs from rr-configurator/pdp-page.css, styles.css and the job icons. Don't edit here. */
html.rrc-page { scroll-padding-top: 0; }
html.rrc-page body { overflow-x: clip; }
html.rrc-page .sticky-header { transition: transform .32s cubic-bezier(.22,.8,.2,1); }
html.rrc-page .pdp-page > .wrapper, html.rrc-page .body > .wrapper { max-width: none; padding: 0; }
html.rrc-page .product-page .productView { padding-top: 0; }
.pdp { --navy: #144163; --blue: #166894; --gold: #ffbf31; --gold-hover: #f5b21a; --charcoal: #2f4456; --gray: #6a6a6a; --green: #1a873c; --white: #ffffff; --soft: #f4f7f9; --soft-grey: #f2f2f2; --border: #d8d8d8; --panel: #e9e9e9; --edge: #7d8fa1; --notice: #fff6dc; --body: Avenir, "Nunito Sans", Helvetica, Arial, sans-serif; --label: "Archivo Narrow", "Arial Narrow", Helvetica, Arial, sans-serif; --glide: cubic-bezier(.45,.05,.2,1); --ease: cubic-bezier(.22,.8,.2,1); color: var(--navy); font: 400 16px/1.5 var(--body); text-align: left; }
.pdp * { box-sizing: border-box; }
.pdp h1, .pdp h2, .pdp h3, .pdp p, .pdp ul, .pdp ol, .pdp dl, .pdp dd, .pdp figure { margin: 0; padding: 0; }
.pdp h1, .pdp h2, .pdp h3 { color: var(--navy); font-family: var(--body); font-weight: 700; letter-spacing: normal; text-transform: none; text-align: left; }
.pdp ul, .pdp ol { list-style: none; }
.pdp li { margin: 0; }
.pdp a { color: inherit; }
.pdp img { display: block; max-width: 100%; height: auto; }
.pdp :focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; }
.pdp .sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.pdp h1 { font-size: 36px; line-height: 1.2; }
.pdp h2 { font-size: 24px; line-height: 1.25; text-wrap: balance; }
.pdp h3 { font-size: 18px; line-height: 1.35; }
.pdp .link, .pdp .upsell a, .pdp .guides a, .pdp .facts a, .pdp .q-a a, .pdp .safety a, .pdp .see-rest p a, .pdp .note a, .pdp .know a { color: var(--blue); text-decoration: underline; text-underline-offset: 3px; }
.pdp .link:hover, .pdp .upsell a:hover, .pdp .guides a:hover, .pdp .facts a:hover, .pdp .q-a a:hover, .pdp .safety a:hover, .pdp .see-rest p a:hover, .pdp .know a:hover { color: var(--navy); }
.pdp .lit { background: var(--notice); box-shadow: 0 0 0 8px var(--notice); }
.pdp .bandy > h2, .pdp .card-h h3 { border-radius: 5px; }
.pdp .link { background: none; border: 0; padding: 0; font: inherit; cursor: pointer; }
.pdp .pdp-grid { max-width: 1280px; margin: 0 auto; padding-left: max(24px, env(safe-area-inset-left, 0px)); padding-right: max(24px, env(safe-area-inset-right, 0px)); display: grid; grid-template-columns: minmax(0, 1fr) minmax(400px, 440px); column-gap: 48px; align-items: start; }
.pdp .story { min-width: 0; display: flex; flex-direction: column; padding-bottom: 64px; }
.pdp .words { display: contents; }
.pdp .stage { order: 1; }
.pdp .buy { order: 2; }
.pdp .promises.after { order: 3; }
.pdp .idx { order: 4; }
.pdp .bandy { order: 5; }
.pdp .stage { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; padding-top: 16px; margin-bottom: 44px; min-width: 0; }
.pdp .shot, .pdp .title { min-width: 0; }
.pdp .breadcrumbs { display: flex; flex-wrap: wrap; gap: 4px 8px; margin: 0; padding: 0; min-height: 0; font-size: 14px; color: var(--charcoal); }
.pdp .breadcrumbs .breadcrumb { margin: 0; padding: 0; display: inline-flex; font-size: 14px; }
.pdp .breadcrumbs a { color: var(--blue); }
.pdp .breadcrumbs a:hover { color: var(--navy); }
.pdp .title { display: grid; gap: 12px; }
.pdp .title-top { display: flex; flex-wrap: wrap; align-items: center; gap: 0 16px; padding-bottom: 8px; border-bottom: 1px solid var(--border); }
.pdp .sub { color: var(--charcoal); }
.pdp .reviews-link { flex: none; text-decoration: none; font-size: 14px; min-height: 45px; min-width: 170px; }
.pdp .reviews-link > * { transform: translateY(12px); }
.pdp .shot { display: grid; grid-template-columns: minmax(84px, 1fr) minmax(0, min(50vh, 560px)) minmax(84px, 1fr); align-items: start; }
.pdp .hero { grid-column: 2; grid-row: 1; min-width: 0; scroll-margin-top: 120px; }
.pdp .frame { position: relative; width: 100%; aspect-ratio: 1; overflow: hidden; border-radius: 10px; background: var(--white); }
.pdp .lay { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; opacity: 0; transition: opacity .25s ease; pointer-events: none; }
.pdp .lay.on { opacity: 1; }
.pdp .lay-draw { display: flex; flex-direction: column; justify-content: center; gap: 8px; padding: 0 12px; background: var(--white); }
.pdp .lay-draw svg { display: block; width: 100%; height: auto; }
.pdp .draw-note { text-align: center; font-size: 14px; color: var(--charcoal); }
.pdp .draw-ends { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.pdp .draw-ends button { grid-column: 1; justify-self: start; min-width: 44px; min-height: 32px; margin: 0; padding: 4px 12px; border: 0; border-radius: 5px; background: var(--panel); color: var(--navy); font: inherit; font-size: 14px; letter-spacing: normal; text-transform: none; cursor: pointer; pointer-events: auto; transition: background .2s, color .2s; }
.pdp .draw-ends button.end-1 { grid-column: 2; justify-self: end; }
.pdp .draw-ends button:hover { background: var(--border); }
.pdp .draw-ends button[aria-pressed="true"] { background: var(--blue); color: var(--white); font-weight: 700; }
.pdp .lay-draw:not(.on) .draw-ends { visibility: hidden; }
.pdp .lay-video { display: flex; align-items: center; background: var(--white); }
.pdp .lay-video.on { pointer-events: auto; }
.pdp .lay-video iframe { display: block; width: 100%; aspect-ratio: 16/9; border: 0; }
.pdp .vid-start { position: relative; display: block; width: 100%; padding: 0; border: 0; border-radius: 5px; overflow: hidden; background: none; cursor: pointer; }
.pdp .vid-start img { width: 100%; aspect-ratio: 16/9; object-fit: cover; }
.pdp .vid-start:hover .play { transform: scale(1.06); }
.pdp .frame-zoom { position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%; background: none; border: 0; padding: 0; cursor: zoom-in; border-radius: 10px; }
.pdp .frame-zoom[hidden] { display: none; }
.pdp .use-nav { display: none; }
.pdp .frame-count { display: none; }
.pdp .rail { display: none; }
.pdp .shot.has-rail .rail { display: grid; grid-column: 1; grid-row: 1; justify-self: end; width: 72px; margin-right: 12px; gap: 8px; align-content: start; }
.pdp .shot.has-rail .rail[hidden] { display: none; }
.pdp .rail-btn { position: relative; display: grid; justify-items: center; align-content: center; gap: 2px; width: 100%; aspect-ratio: 1; margin: 0; padding: 0; border: 1px solid var(--border); border-radius: 5px; background: var(--white); color: var(--navy); overflow: hidden; cursor: pointer; font: 400 12px/1.2 var(--body); letter-spacing: normal; text-transform: none; transition: border-color .2s; }
.pdp .rail-btn:hover { border-color: var(--edge); }
.pdp .rail-btn[aria-pressed="true"] { border-color: var(--blue); box-shadow: inset 0 0 0 1px var(--blue); }
.pdp .rail-btn img { width: 100%; height: 100%; object-fit: cover; }
.pdp .rail-word { background: var(--soft); }
.pdp .rail-word b { font-size: 16px; }
.pdp .rail-pic { display: block; width: 64px; }
.pdp .rail-pic svg { display: block; width: 100%; height: auto; }
.pdp .rail-btn .play { width: 28px; height: 28px; margin: -14px 0 0 -14px; }
.pdp .rail-btn .play svg { width: 12px; height: 12px; }
.pdp .size-band { display: none; }
.pdp .has-band .size-band { display: flex; grid-column: 1 / -1; grid-row: 2; align-items: center; justify-content: center; min-height: 78px; min-width: 0; font-variant-numeric: tabular-nums; }
.pdp .band-row { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: center; gap: 10px 28px; margin: 0; max-width: 100%; text-align: center; }
.pdp .band-row > div { display: flex; flex-direction: column-reverse; justify-content: flex-end; min-width: 0; }
.pdp .band-row dt { margin-top: 2px; font-size: 12px; line-height: 1.25; font-weight: 400; color: var(--charcoal); }
.pdp .band-row dd { font-size: 16px; line-height: 1.25; font-weight: 700; white-space: nowrap; }
.pdp .band-row { animation: rr-band-in .2s ease-out; }
@keyframes rr-band-in { from { opacity: 0; } }
.pdp .band-size dd { font-size: 20px; line-height: 1; }
.pdp .band-size dt { max-width: 18ch; text-wrap: balance; }
.pdp .band-part { order: 1; }
.pdp .band-part dd { user-select: all; }
.pdp .promises { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; border-top: 1px solid var(--border); padding-top: 24px; margin-top: 8px; }
.pdp .promises.after { display: none; }
.pdp .promises li { min-width: 0; }
.pdp .tip-btn { display: inline-block; margin: 0; padding: 0; border: 0; background: none; color: inherit; font: inherit; letter-spacing: normal; text-transform: none; text-align: left; cursor: pointer; min-height: 24px; }
.pdp .tip-line { display: inline-flex; align-items: center; gap: 6px; min-width: 0; }
.pdp .tip-btn b { line-height: 1.35; font-weight: 700; }
.pdp .tip-i { flex: none; color: var(--gray); transition: color .2s; }
.pdp .tip-btn:hover .tip-i, .pdp .tip-btn:focus-visible .tip-i { color: var(--blue); }
.pdp .tip-body { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.pdp .ic.tip-i { width: 15px; height: 15px; }
.pdp .tip-i { display: inline-block; vertical-align: -2px; margin-left: 6px; }
.pdp .tip-line .tip-i { margin-left: 0; }
.pdp .promises .tip-btn { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 0 8px; align-content: start; width: 100%; min-height: 44px; }
.pdp .promises .tip-btn > svg { grid-row: span 2; margin-top: 1px; color: var(--green); }
.pdp .promises .tip-line { display: inline; }
.pdp .promises .tip-line .tip-i { display: inline-block; vertical-align: -2px; margin-left: 6px; }
.pdp .promises .nw { white-space: nowrap; }
.pdp .promises .flag { display: inline-block; width: 19px; height: 12px; vertical-align: -1px; margin-left: 6px; border-radius: 2px; box-shadow: 0 0 0 1px rgba(20, 65, 99, .18); }
.pdp .ship-left { color: var(--charcoal); font-size: 14px; line-height: 1.4; }
.pdp .promises .star { display: inline-block; vertical-align: -2px; margin: 0 2px 0 3px; color: var(--gold); }
.pdp .ic { display: inline-block; flex: none; width: 20px; height: 20px; background: currentColor; -webkit-mask: var(--i) center / contain no-repeat; mask: var(--i) center / contain no-repeat; }
.pdp .ic-small { width: 18px; height: 18px; }
.pdp .ic-hold { width: 30px; height: 30px; color: var(--blue); }
.pdp .ic-big { width: 44px; height: 44px; color: var(--blue); }
.pdp .ic-job { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8 12.5l2.7 2.7L16 9.5'/%3E%3C/svg%3E"); }
.pdp .ic-specs { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='8' width='19' height='8' rx='1.5'/%3E%3Cpath d='M6.5 8v3M10.5 8v4M14.5 8v3M18.5 8v4'/%3E%3C/svg%3E"); }
.pdp .ic-q { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M9.5 9.5a2.5 2.5 0 1 1 3.8 2.1c-.8.5-1.3 1.1-1.3 2'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E"); }
.pdp .ic-star { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5l2.6 5.4 5.9.8-4.3 4.1 1 5.9-5.2-2.8-5.2 2.8 1-5.9-4.3-4.1 5.9-.8z'/%3E%3C/svg%3E"); }
.pdp .ic-up { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 19.5v-15M6 10.5l6-6 6 6'/%3E%3C/svg%3E"); }
.pdp .ic-info { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 11v6'/%3E%3Cpath d='M12 7h.01'/%3E%3C/svg%3E"); }
.pdp .ic-check { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12.5l5.2 5.2L20 6.8'/%3E%3C/svg%3E"); }
.pdp .ic-chev { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9.5l6 6 6-6'/%3E%3C/svg%3E"); }
.pdp .ic-doc { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H6.5A1.5 1.5 0 0 0 5 4.5v15A1.5 1.5 0 0 0 6.5 21h11a1.5 1.5 0 0 0 1.5-1.5V8z'/%3E%3Cpath d='M14 3v5h5M9 13h6M9 17h6'/%3E%3C/svg%3E"); }
.pdp .ic-sun { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2.5v2.5M12 19v2.5M2.5 12H5M19 12h2.5M5.3 5.3l1.8 1.8M16.9 16.9l1.8 1.8M5.3 18.7l1.8-1.8M16.9 7.1l1.8-1.8'/%3E%3C/svg%3E"); }
.pdp .ic-rot { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 19.5C4 10 10 4.5 20 4.5c.5 10-5 15.5-15 15z'/%3E%3Cpath d='M4.5 20c2.5-5 5.5-8 10-10.5'/%3E%3C/svg%3E"); }
.pdp .ic-water { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 9c2 0 2-2 4.75-2S9.5 9 12 9s2.25-2 4.75-2S19.5 9 21.5 9M2.5 16c2 0 2-2 4.75-2s2.25 2 4.75 2 2.25-2 4.75-2 2.75 2 4.75 2'/%3E%3C/svg%3E"); }
.pdp .ic-stretch { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 12h19M6.5 8l-4 4 4 4M17.5 8l4 4-4 4'/%3E%3C/svg%3E"); }
.pdp .ic-wear { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 18h18M5 14l4-7M10.5 14l4-7M16 14l4-7'/%3E%3C/svg%3E"); }
.pdp .ic-oil { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3s6.5 7 6.5 11.5a6.5 6.5 0 0 1-13 0C5.5 10 12 3 12 3z'/%3E%3C/svg%3E"); }
.pdp .ic-flame { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12.5 2.5c.5 4 5.5 6 5.5 12a6 6 0 0 1-12 0c0-2.5 1.2-4.2 2.5-5.5.2 2 1.2 3.2 2.5 3.5-.2-3.5-.3-6.5 1.5-10z'/%3E%3C/svg%3E"); }
.pdp .ic-strength { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 7v10M17.5 7v10M3.5 9.5v5M20.5 9.5v5M6.5 12h11'/%3E%3C/svg%3E"); }
.pdp .ic-shield { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l7.5 3v5.500c0 4.7-3 7.8-7.5 9.5-4.5-1.7-7.5-4.8-7.5-9.500V6z'/%3E%3Cpath d='M8.8 12l2.3 2.3 4.2-4.3'/%3E%3C/svg%3E"); }
.pdp .ic-rope { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Ccircle cx='12' cy='12' r='5.5'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3C/svg%3E"); }
.pdp .ic-climb { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 20.500L9.5 7l4 7 2.5-4 5.5 10.500z'/%3E%3Cpath d='M8 10l2.5 2 1.5-1.5'/%3E%3C/svg%3E"); }
.pdp .ic-tree { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2.500L6.5 10H9l-4 6.500h14l-4-6.500h2.500z'/%3E%3Cpath d='M12 16.500v5'/%3E%3C/svg%3E"); }
.pdp .ic-fence { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 4.500v16M18.5 4.500v16M5.5 8c4 4.5 9 4.5 13 0M5.5 14c4 4.5 9 4.5 13 0'/%3E%3C/svg%3E"); }
.pdp .ic-swing { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3.500h18M7.5 3.500v13M16.5 3.500v13M4.5 16.500h15v3h-15z'/%3E%3C/svg%3E"); }
.pdp .ic-anchor { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='5' r='2.5'/%3E%3Cpath d='M12 7.500v14M4.5 13c0 4.5 3.3 8.5 7.5 8.500s7.5-4 7.5-8.500M8 11h8'/%3E%3C/svg%3E"); }
.pdp .ic-pull { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 12h13M11.5 8l4 4-4 4M19.5 4.500v15M21.5 4.500v15'/%3E%3C/svg%3E"); }
.pdp .ic-pulley { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='9' r='5.5'/%3E%3Ccircle cx='12' cy='9' r='1.5'/%3E%3Cpath d='M12 1.500v2M6.5 9v12.500M17.5 9v7'/%3E%3C/svg%3E"); }
.pdp .ic-gym { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 10v4M6 6.500v11M18 6.500v11M21.5 10v4M6 12h12'/%3E%3C/svg%3E"); }
.pdp .ic-craft { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6' cy='6.5' r='2.5'/%3E%3Ccircle cx='6' cy='17.5' r='2.5'/%3E%3Cpath d='M8 8l12.5 10M8 16L20.5 6'/%3E%3C/svg%3E"); }
.pdp .ic-paw { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 11.500c-3 0-5.5 3-5.5 5.5 0 2 2 2.5 5.5 2.500s5.5-.5 5.5-2.500c0-2.5-2.5-5.5-5.5-5.500z'/%3E%3Ccircle cx='5' cy='10' r='1.5'/%3E%3Ccircle cx='9.5' cy='5.5' r='1.5'/%3E%3Ccircle cx='14.5' cy='5.5' r='1.5'/%3E%3Ccircle cx='19' cy='10' r='1.5'/%3E%3C/svg%3E"); }
.pdp .ic-box { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 7.500L12 3l8.5 4.500v9L12 21l-8.5-4.500z'/%3E%3Cpath d='M3.5 7.500L12 12l8.5-4.500M12 12v9'/%3E%3C/svg%3E"); }
.pdp .ic-flag { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 21.500V3.500M5.5 4.500h13l-3 4.5 3 4.500h-13'/%3E%3C/svg%3E"); }
.pdp .ic-snow { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2.500v19M3.8 7.200l16.4 9.600M20.2 7.200L3.8 16.8'/%3E%3C/svg%3E"); }
.pdp .ic-eye { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.8-7 10-7 10 7 10 7-3.8 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E"); }
@media (forced-colors: active) {
.pdp .ic { forced-color-adjust: none; background: CanvasText; }
}
.pdp .idx { position: sticky; top: var(--pdp-hdr, 69px); z-index: 20; display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 4px; padding: 6px; background: var(--navy); border-radius: 10px; transition: top .32s var(--ease); }
.pdp .idx a { position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; gap: 8px; min-width: 0; min-height: 46px; padding: 4px; border-radius: 5px; color: var(--white); font-size: 16px; font-weight: 700; line-height: 1.1; text-align: center; text-decoration: none; transition: color .2s, background .2s; }
.pdp .idx a:hover { background: rgba(255,255,255,.14); }
.pdp .idx a.on { color: var(--navy); }
.pdp .idx a.on:hover { background: none; }
.pdp .idx a[hidden], .pdp .idx a.idx-back { display: none; }
.pdp .idx a .ph { display: none; }
.pdp .idx a:focus-visible { outline-color: var(--gold); outline-offset: 1px; }
.pdp .idx-ind { position: absolute; left: 0; top: 0; width: 0; height: 0; background: var(--white); border-radius: 5px; transition: transform .36s var(--ease), width .36s var(--ease); }
.pdp .bandy { min-width: 0; padding: 44px 28px; scroll-margin-top: 130px; }
.pdp .bandy:nth-of-type(even) { background: var(--panel); border-radius: 10px; }
.pdp .bandy:focus { outline: none; }
.pdp .bandy:not(#product-reviews) { content-visibility: auto; contain-intrinsic-size: auto 720px; }
.pdp .bandy > h2 { margin-bottom: 24px; }
.pdp .sub-h { margin: 32px 0 12px; font-size: 18px; }
.pdp .spec-part { scroll-margin-top: 130px; }
.pdp .spec-part:focus { outline: none; }
.pdp .bandy > .spec-part:first-of-type > .sub-h:first-child { margin-top: 0; }
.pdp .note { color: var(--charcoal); margin-bottom: 12px; }
.pdp .linkb { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; margin: 4px 0 0; padding: 8px 0; border: 0; background: none; color: var(--blue); font: 700 16px/1.25 var(--body); letter-spacing: normal; text-transform: none; text-decoration: none; cursor: pointer; }
.pdp .linkb:hover { color: var(--navy); text-decoration: underline; }
.pdp .linkb .ic { transition: transform .2s; }
.pdp .linkb[aria-expanded="true"] .ic, .pdp details[open] > summary.linkb .ic { transform: rotate(180deg); }
.pdp summary.linkb { list-style: none; width: fit-content; }
.pdp summary.linkb::-webkit-details-marker { display: none; }
html.no-js .pdp .linkb[data-see-all] { display: none; }
html.js .pdp .see-rest:not(.open) { display: none; }
.pdp .see-rest:focus { outline: none; }
.pdp .see-rest > p { margin: 24px 4px 20px; color: var(--charcoal); line-height: 1.6; max-width: 65ch; }
.pdp .jobs { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 16px; }
.pdp .jobw { display: grid; grid-column: span 2; align-content: start; gap: 4px; min-width: 0; }
.pdp .jobw.no-photo { grid-column: span 3; }
.pdp .tip-btn.job, .pdp .job { display: grid; gap: 8px; width: 100%; min-width: 0; text-align: left; }
.pdp .job img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; object-position: 50% 0; border-radius: 5px; }
.pdp .no-photo .tip-btn.job, .pdp .no-photo .job { grid-template-columns: 28px minmax(0, 1fr); gap: 12px; align-items: center; min-height: 60px; padding: 10px 14px; background: var(--soft-grey); border-radius: 5px; }
.pdp .job-tile { display: grid; place-items: center; }
.pdp .job-tile .ic-big { width: 28px; height: 28px; }
.pdp .nm { display: flex; align-items: flex-start; justify-content: space-between; gap: 6px; font-size: 16px; font-weight: 700; line-height: 1.25; }
.pdp .nm .tip-i { margin: 2px 0 0; }
.pdp .job:hover .tip-i, .pdp .job:focus-visible .tip-i { color: var(--blue); }
.pdp .job-guide { justify-self: start; font-size: 14px; }
.pdp .know { display: grid; gap: 10px; color: var(--charcoal); }
.pdp .know li { display: grid; grid-template-columns: 18px minmax(0, 1fr); gap: 10px; align-items: start; }
.pdp .know .ic { margin-top: 3px; color: var(--green); }
.pdp .know .safe { color: var(--navy); font-weight: 600; }
.pdp .desc-sum { margin: 0 0 20px; max-width: 65ch; font-size: 16px; line-height: 1.6; color: var(--charcoal); }
.pdp .desc-sum a { color: var(--blue); text-decoration: underline; text-underline-offset: 3px; }
.pdp .desc-sum a:hover { color: var(--navy); }
.pdp .hl { max-width: 65ch; line-height: 1.5; }
.pdp .others { display: grid; gap: 8px; }
.pdp .other, .pdp .tip-btn.other { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; min-height: 48px; padding: 12px 16px; background: var(--soft-grey); border-radius: 5px; color: var(--navy); text-decoration: none; }
.pdp .bandy:nth-of-type(even) .other { background: var(--white); }
.pdp .other span { min-width: 0; }
.pdp .other b { color: var(--blue); text-align: right; }
.pdp .other:hover b { text-decoration: underline; }
.pdp .up { position: relative; margin-top: 48px; padding: 20px 24px 24px; background: var(--white); border: 1px solid var(--navy); border-radius: 10px; }
.pdp .up-eye { margin: 0 0 12px; color: var(--charcoal); font: 600 14px/1.2 var(--label); letter-spacing: 3px; text-transform: uppercase; }
.pdp .up-row { display: grid; grid-template-columns: 72px minmax(0, 1fr) auto; align-items: center; gap: 12px 16px; }
.pdp .up img, .pdp .up .up-img { width: 72px; height: 72px; object-fit: contain; border-radius: 5px; background: var(--white); }
.pdp .up-t { min-width: 0; }
.pdp .up-q { margin: 0; color: var(--navy); font-size: 18px; line-height: 1.35; font-weight: 700; text-wrap: balance; }
.pdp .up-p { display: block; margin-top: 4px; color: var(--green); font-weight: 700; font-size: 14px; line-height: 1.3; white-space: nowrap; }
.pdp .up-p small { font-size: 14px; }
.pdp .up-p span:empty::before { content: "\00a0"; }
.pdp .up-p[hidden] { display: none; }
.pdp .up-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; max-width: 280px; min-height: 44px; padding: 8px 16px; border: 1px solid var(--navy); border-radius: 5px; color: var(--navy); background: var(--white); font: 600 14px/1.2 var(--label); letter-spacing: 2px; text-transform: uppercase; text-align: center; text-decoration: none; transition: background-color .2s; }
.pdp .up-btn::after { content: ""; position: absolute; inset: 0; border-radius: 10px; }
.pdp .up-btn:focus-visible { outline: none; }
.pdp .up-btn:focus-visible::after { outline: 2px solid var(--blue); outline-offset: 2px; }
.pdp .up:hover .up-btn { background: var(--soft-grey); }
.pdp .up-btn .ic { width: 18px; height: 18px; }
.pdp .ic-arrow { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E"); }
.pdp .icons-for { display: flex; flex-wrap: wrap; gap: 16px 32px; }
.pdp .icons-for li { display: grid; justify-items: center; gap: 8px; text-align: center; width: 112px; font-weight: 700; font-size: 14px; }
.pdp .upsell { margin-top: 16px; color: var(--charcoal); }
.pdp #specs { display: grid; gap: 24px; align-content: start; }
.pdp #specs > h2 { margin-bottom: 0; }
.pdp #specs > .spec-part { min-width: 0; padding: 24px; background: var(--white); border-radius: 10px; box-shadow: 0 1px 2px rgba(20,65,99,.08); }
.pdp .bandy:nth-of-type(odd)#specs > .spec-part { border: 1px solid var(--border); box-shadow: none; }
.pdp #specs > .spec-part > .sub-h:first-child, .pdp #specs .card-h { margin: 0 0 16px; }
.pdp #specs .sub-h { font-size: 20px; line-height: 1.3; }
.pdp .card-h { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 12px; }
.pdp .card-h h3 { margin: 0; font-size: 20px; line-height: 1.3; }
.pdp .card-h h3 label { margin: 0; font: inherit; letter-spacing: normal; text-transform: none; cursor: pointer; }
.pdp .card-h select { width: auto; min-width: 120px; max-width: 100%; height: 44px; margin: 0; padding: 0 32px 0 10px; font: 700 18px/1.25 var(--body); border: 1px solid var(--navy); border-radius: 5px; background-color: var(--white); color: var(--navy); }
html.js .pdp .spec-live:empty { min-height: 152px; }
.pdp .nums { display: grid; grid-template-columns: repeat(var(--n, 3), minmax(0, 1fr)); gap: 12px; margin-bottom: 8px; }
.pdp .nums[hidden] { display: none; }
.pdp .nums div { min-width: 0; padding: 16px; background: var(--soft-grey); border-radius: 10px; }
.pdp .nums dt { font-size: 14px; line-height: 1.25; font-weight: 400; color: var(--charcoal); }
.pdp .nums dt .tip-btn { min-height: 0; }
.pdp .nums dt .tip-line { gap: 4px; }
.pdp .nums dd { margin-top: 4px; font-size: 24px; line-height: 1.2; font-weight: 700; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.pdp .sizes-all[hidden] { display: none; }
.pdp .table-wrap { overflow-x: auto; background: var(--white); border-radius: 10px; }
.pdp .bandy:nth-of-type(odd) .table-wrap { border: 1px solid var(--border); }
.pdp .sizes-all .table-wrap { margin-top: 6px; }
.pdp table { width: 100%; margin: 0; border: 0; border-collapse: collapse; font-variant-numeric: tabular-nums; }
.pdp th { text-align: right; vertical-align: bottom; font-size: 14px; line-height: 1.2; font-weight: 700; color: var(--charcoal); background: none; padding: 12px 14px; border: 0; text-transform: none; letter-spacing: normal; }
.pdp td { text-align: right; padding: 9px 14px; border: 0; border-top: 1px solid var(--soft-grey); white-space: nowrap; color: inherit; background: none; }
.pdp th:first-child, .pdp td:first-child { text-align: left; }
.pdp .sizes td:first-child { font-weight: 700; white-space: nowrap; }
.pdp .sizes tbody tr { transition: background .22s, color .22s; }
.pdp .sizes tr.sel td { background: var(--blue); color: var(--white); font-weight: 700; }
.pdp #specs .spec-part .table-wrap { border: 1px solid var(--border); }
.pdp #specs .table-wrap.cmpw { border: 0; border-radius: 0; margin: 0 -8px; padding: 0 8px; }
.pdp table.cmp { border-collapse: separate; border-spacing: 0; table-layout: fixed; }
.pdp .cmp col.lab { width: 150px; }
.pdp .cmp th, .pdp .cmp td { text-align: left; white-space: normal; vertical-align: top; padding: 12px 14px; font-size: 15px; line-height: 1.35; }
.pdp .cmp thead th { vertical-align: top; font-weight: 700; color: var(--navy); }
.pdp .cmp thead th img { display: block; width: 100%; max-width: 120px; height: auto; aspect-ratio: 3 / 2; object-fit: cover; border-radius: 5px; margin-bottom: 8px; background: var(--white); }
.pdp .cmp .cn { display: block; font-size: 16px; font-weight: 700; line-height: 1.25; color: var(--navy); }
.pdp .cmp a.cn { color: var(--blue); text-decoration: underline; text-underline-offset: 3px; }
.pdp .cmp a.cn:hover { color: var(--navy); }
.pdp .cmp thead small { display: block; font-size: 13px; font-weight: 400; color: var(--charcoal); margin-top: 2px; }
.pdp .cmp thead small.nm-off { color: var(--gray); }
.pdp .cmp thead small[hidden] { display: none; }
.pdp .cmp tbody th { font-weight: 400; font-size: 14px; color: var(--gray); }
.pdp .cmp tbody th, .pdp .cmp tbody td { border-top: 1px solid var(--border); }
.pdp .cmp td { font-weight: 400; color: var(--navy); }
.pdp .cmp .self { background: var(--soft-grey); }
.pdp .cmp thead .self { border-radius: 10px 10px 0 0; }
.pdp .cmp tbody tr:last-child .self { border-radius: 0 0 10px 10px; }
.pdp .cmp td.price { color: var(--green); font-weight: 700; }
.pdp .cmp td.self.price { color: var(--navy); }
.pdp .cmp td.gone { color: var(--gray); }
.pdp .cmp th.lab, .pdp .cmp td.lab { background: var(--white); }
.pdp #compare[aria-busy="true"] tr[data-row] td { color: var(--gray); }
.pdp .holds { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px 14px; }
.pdp .holds > li { min-width: 0; }
.pdp .holds:has(> li:only-child), .pdp .holds:has(> li:nth-child(2):last-child) { display: flex; justify-content: space-evenly; gap: 14px; }
.pdp .holds:has(> li:only-child) > li, .pdp .holds:has(> li:nth-child(2):last-child) > li { flex: 0 1 240px; }
.pdp .holds .hold { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 10px; align-items: center; width: 100%; min-height: 44px; }
.pdp .hold-t { min-width: 0; }
.pdp .holds .hold small { display: block; font-size: 14px; line-height: 1.2; color: var(--charcoal); }
.pdp .holds .hold b { font-size: 16px; line-height: 1.25; }
.pdp .holds .hold:hover .tip-i, .pdp .holds .hold:focus-visible .tip-i { color: var(--blue); }
.pdp .safety { margin-bottom: 12px; padding: 12px 16px; background: var(--notice); border-radius: 5px; }
.pdp .safety h4 { margin: 0 0 4px; font-family: var(--body); font-size: 16px; line-height: 1.35; font-weight: 700; color: var(--navy); letter-spacing: normal; text-transform: none; }
.pdp .safety p { color: var(--charcoal); }
.pdp .facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.pdp .facts div { min-width: 0; padding: 16px 20px; background: var(--soft-grey); border-radius: 5px; }
.pdp .facts dt { font-size: 13px; line-height: 1.3; font-weight: 700; color: var(--charcoal); }
.pdp .facts dd { margin-top: 6px; min-width: 0; font-size: 15px; line-height: 1.6; color: var(--navy); }
.pdp .facts dd::first-letter { text-transform: uppercase; }
.pdp .see-rest .facts { margin-top: 16px; }
.pdp .rte h1, .pdp .rte h2, .pdp .rte h3, .pdp .rte h4, .pdp .rte h5 { font-size: 18px; line-height: 1.35; margin: 16px 0 8px; }
.pdp .rte p { margin: 0 0 12px; color: var(--charcoal); }
.pdp .rte ul, .pdp .rte ol { margin: 0 0 12px; padding-left: 20px; color: var(--charcoal); }
.pdp .rte ul { list-style: disc; }
.pdp .rte ol { list-style: decimal; }
.pdp .rte li { margin: 0 0 4px; }
.pdp .rte a { color: var(--blue); }
.pdp .rte img { border-radius: 5px; }
.pdp .rte table { margin: 0 0 12px; }
.pdp .more-box { position: relative; max-height: 360px; overflow: hidden; }
.pdp .more-box.open { max-height: none; overflow: visible; }
.pdp .more-box:not(.open) { -webkit-mask-image: linear-gradient(#000 70%, transparent); mask-image: linear-gradient(#000 70%, transparent); }
.pdp .more-btn { justify-self: start; min-height: 44px; font-weight: 700; }
.pdp .guides { display: flex; flex-wrap: wrap; gap: 8px 24px; }
.pdp .guides a { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; }
.pdp .play { position: absolute; left: 50%; top: 50%; width: 48px; height: 48px; margin: -24px 0 0 -24px; border-radius: 50%; background: var(--gold); color: var(--navy); display: grid; place-items: center; transition: transform .3s var(--ease); }
.pdp .qg h3 { margin: 40px 0 8px; font-size: 20px; line-height: 1.3; }
html.js .pdp .qa:not(.open) .q-rest, html.js .pdp .qa:not(.open) .qg h3 { display: none; }
.pdp .q { border-top: 1px solid var(--border); }
.pdp .qa { border-bottom: 1px solid var(--border); }
.pdp .q summary { display: flex; justify-content: space-between; align-items: center; gap: 12px; min-height: 48px; padding: 12px 0; font-weight: 700; cursor: pointer; list-style: none; }
.pdp .q summary::-webkit-details-marker { display: none; }
.pdp .q summary::after { content: ""; flex: none; width: 8px; height: 8px; margin: 0 4px; border: solid currentColor; border-width: 0 2px 2px 0; transform: rotate(45deg); transition: transform .3s var(--ease); }
.pdp .q[open] summary::after { transform: rotate(-135deg); }
.pdp .q summary:hover { color: var(--blue); }
.pdp .q-a { padding-bottom: 16px; display: grid; gap: 8px; color: var(--charcoal); max-width: 65ch; }
.pdp .q-a > div { display: grid; gap: 8px; }
.pdp .q-a ul { list-style: disc; padding-left: 20px; display: grid; gap: 4px; }
.pdp .q::details-content { transition: content-visibility .36s allow-discrete, height .36s var(--ease); height: 0; overflow: hidden; }
.pdp .q[open]::details-content { height: auto; }
.pdp #ReviewsWidget { min-height: 200px; min-width: 0; overflow-x: clip; }
.pdp .bandy:nth-of-type(even) #ReviewsWidget { padding: 24px; background: var(--white); border-radius: 10px; box-shadow: 0 1px 2px rgba(20,65,99,.08); }
.pdp #ReviewsWidget.trim #product-review-panel .R-ContentList > :nth-child(n+4), .pdp #ReviewsWidget.trim #product-review-panel .R-PaginationControls { display: none; }
.pdp #ReviewsWidget .R-PaginationControls { flex-wrap: wrap; }
.pdp [data-reviews-all][hidden] { display: none; }
@media (max-width: 767px) {
.pdp #ReviewsWidget .subheader__group--tabs { text-align: left !important; }
}
.pdp .pairs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.pdp .pair { display: grid; gap: 6px; align-content: start; min-width: 0; color: var(--navy); line-height: 1.25; text-decoration: none; }
.pdp .pair img { width: 100%; aspect-ratio: 1; object-fit: contain; border-radius: 5px; }
.pdp .pair:hover .pair-n { text-decoration: underline; }
.pdp .pair strong { color: var(--green); }
.pdp .bandy:nth-of-type(even) .pair strong { color: var(--navy); }
.pdp .buy { position: sticky; top: var(--pdp-buy-top, 85px); margin: 16px 0 32px; min-width: 0; }
.pdp .buy:focus { outline: none; }
.pdp .pdp-waiting { min-height: 520px; background: var(--panel); border-radius: 10px; padding: 12px; font-weight: 700; font-size: 20px; }
.pdp .pdp-waiting > p:first-child { padding: 8px; margin: 0; }
.pdp .pdp-load { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; margin: 0; }
.pdp .pdp-shell { display: grid; gap: 12px; }
.pdp .pdp-shell-sec { background: var(--white); border-radius: 10px; padding: 16px 20px; display: grid; gap: 12px; }
.pdp .pdp-shell-h { margin: 0; font-size: 18px; line-height: 1.35; font-weight: 700; }
.pdp .pdp-shell-opts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.pdp .pdp-shell-opts span { display: flex; align-items: center; justify-content: center; min-height: 44px; background: var(--panel); border-radius: 5px; font-size: 14px; font-weight: 400; line-height: 1.2; color: var(--navy); text-align: center; }
.pdp .pdp-waiting.has-pre { min-height: 0; background: none; border-radius: 0; padding: 0; font-weight: inherit; font-size: inherit; }
.pdp .pdp-waiting.has-pre > p:first-child, .pdp .pdp-waiting.has-pre .pdp-shell { display: none; }
.pdp .rrc.pdp-pre .add.is-pre-busy { opacity: .75; }
.pdp .rrc.pdp-pre .end-ic::before { content: ""; position: absolute; left: 2px; right: 2px; top: 15px; height: 10px; border-radius: 3px; background: #d8d8d8; }
.pdp .form { margin: 0; }
.pdp .productView-details, .pdp .productView-options { position: static; width: auto; max-width: none; max-height: none; padding: 0; margin: 0; overflow: visible; }
.pdp .zoom { position: fixed; inset: 0; z-index: 2147483647; display: grid; grid-template-rows: minmax(0, 1fr) auto auto; justify-items: center; gap: 8px; background: rgba(10,30,50,.9); padding: 16px; opacity: 0; transition: opacity .28s; }
.pdp .zoom.open { opacity: 1; }
.pdp .zoom :focus-visible { outline-color: var(--gold); }
.pdp .z-stage { position: relative; width: 100%; height: 100%; min-height: 0; }
.pdp .z-stage > img { position: absolute; inset: 0; margin: auto; max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; background: var(--white); border-radius: 5px; }
.pdp .z-stage > iframe { position: absolute; inset: 0; margin: auto; width: min(100%, 960px); height: auto; aspect-ratio: 16/9; max-height: 100%; border: 0; border-radius: 5px; background: #000000; }
.pdp .z-stage > .vid-start { position: absolute; inset: 0; margin: auto; width: min(100%, 720px); height: fit-content; }
.pdp .z-cap { min-height: 21px; color: var(--white); font-size: 14px; text-align: center; }
.pdp .z-strip { display: flex; gap: 8px; max-width: 100%; overflow-x: auto; padding: 4px; scrollbar-width: thin; }
.pdp .z-thumb { position: relative; flex: none; width: 64px; height: 64px; margin: 0; padding: 0; border: 2px solid transparent; border-radius: 5px; overflow: hidden; background: var(--white); cursor: pointer; }
.pdp .z-thumb[aria-current="true"] { border-color: var(--gold); }
.pdp .z-thumb img { width: 100%; height: 100%; object-fit: cover; }
.pdp .z-thumb .play { width: 24px; height: 24px; margin: -12px 0 0 -12px; }
.pdp .z-thumb .play svg { width: 10px; height: 10px; }
.pdp .z-x, .pdp .z-prev, .pdp .z-next { position: absolute; z-index: 1; width: 44px; height: 44px; margin: 0; padding: 0; border-radius: 50%; border: 1px solid var(--edge); background: var(--white); color: var(--navy); display: grid; place-items: center; cursor: pointer; font-size: 24px; line-height: 1; }
.pdp .z-x { top: 16px; right: 16px; }
.pdp .z-prev { left: 16px; top: 50%; margin-top: -22px; }
.pdp .z-next { right: 16px; top: 50%; margin-top: -22px; }
@media (max-height: 800px) and (min-width: 1081px) {
.pdp .shot { grid-template-columns: minmax(84px, 1fr) minmax(0, min(46vh, 560px)) minmax(84px, 1fr); }
.pdp .shot.has-rail .rail { width: 60px; gap: 6px; }
.pdp .rail-btn { font-size: 11px; }
}
@media (max-width: 1080px) {
.pdp .pdp-grid { display: flex; flex-direction: column; align-items: stretch; padding-left: max(16px, env(safe-area-inset-left, 0px)); padding-right: max(16px, env(safe-area-inset-right, 0px)); }
.pdp .story { display: contents; }
.pdp .stage { padding-top: 12px; gap: 8px; margin-bottom: 0; }
.pdp .stage .promises, .pdp .breadcrumbs { display: none; }
.pdp .shot.has-rail .rail { display: flex; grid-column: 1; grid-row: 2; justify-self: stretch; justify-content: safe center; width: auto; height: 52px; margin: 8px 0 0; gap: 6px; overflow-x: auto; scrollbar-width: none; }
.pdp .shot.has-rail .rail .rail-btn { flex: none; width: 52px; height: 52px; }
.pdp .shot.has-rail .rail .rail-pic { width: 40px; }
.pdp .rail-btn { font-size: 11px; }
.pdp .has-band .size-band { grid-row: 3; }
.pdp .idx { align-self: stretch; min-width: 0; margin: 0 calc(-1 * max(16px, env(safe-area-inset-right, 0px))) 0 calc(-1 * max(16px, env(safe-area-inset-left, 0px))); padding: 6px 8px; border-radius: 0; grid-template-columns: 48px; }
.pdp .idx a { flex-direction: column; gap: 2px; min-height: 52px; padding: 4px 2px; font-size: 12px; }
.pdp .idx a.idx-back { display: flex; }
.pdp .idx a .de { display: none; }
.pdp .idx a .ph { display: inline; }
html.hdr-away .pdp .idx { top: 0; }
html.hdr-away .sticky-header { transform: translateY(-110%); }
html.rrc-page body { padding-bottom: calc(72px + env(safe-area-inset-bottom, 0px)); }
html.rr-typing .rrc .bar { display: none; }
.pdp .buy { position: static; margin: 8px -8px 32px; scroll-margin-top: 112px; }
.pdp .promises.after { display: grid; grid-template-columns: minmax(0, 1fr); gap: 4px; margin: 0 0 32px; border: 0; padding: 0; }
.pdp .bandy { margin: 0 calc(-1 * max(16px, env(safe-area-inset-right, 0px))) 0 calc(-1 * max(16px, env(safe-area-inset-left, 0px))); padding: 32px 16px; scroll-margin-top: 80px; }
.pdp .bandy:nth-of-type(even) { border-radius: 0; }
.pdp .bandy > h2 { margin-bottom: 16px; }
.pdp .spec-part { scroll-margin-top: 80px; }
.pdp h1 { font-size: 28px; }
.pdp h2 { font-size: 22px; }
.pdp .shot { grid-template-columns: minmax(0, 1fr); }
.pdp .hero { grid-column: 1; justify-self: center; width: min(100%, 41vh, 460px); }
.pdp .hero { position: relative; }
.pdp .use-nav:not([hidden]) { position: absolute; left: -14px; right: -14px; top: 50%; margin-top: -22px; display: flex; justify-content: space-between; pointer-events: none; z-index: 2; }
.pdp .use-nav button { width: 44px; height: 44px; margin: 0; padding: 0; border: 0; border-radius: 5px; background: none; color: var(--navy); display: grid; pointer-events: auto; cursor: pointer; }
.pdp .use-nav button:first-child { place-items: center start; }
.pdp .use-nav button:last-child { place-items: center end; }
.pdp .use-nav svg { width: 24px; height: 24px; filter: drop-shadow(0 0 1.5px var(--white)) drop-shadow(0 0 1px var(--white)); }
.pdp .use-nav svg path { stroke-width: 1.7; }
.pdp .frame-count:not([hidden]) { display: block; position: absolute; top: 4px; right: 4px; z-index: 2; margin: 0; padding: 0 8px; border-radius: 999px; background: var(--white); color: var(--charcoal); font-size: 12px; line-height: 20px; font-variant-numeric: tabular-nums; }
.pdp .pdp-waiting { padding: 8px; }
.pdp .pdp-shell { gap: 8px; }
.pdp .pdp-shell-sec { padding: 14px 16px; gap: 10px; }
.pdp .jobs { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.pdp .jobw { grid-column: span 1; }
.pdp .jobw.no-photo { grid-column: 1 / -1; }
.pdp .job-guide { display: inline-flex; align-items: center; min-height: 44px; }
.pdp .nums { gap: 8px; }
.pdp .nums div { padding: 12px 10px; }
.pdp .nums dt { font-size: 12px; }
.pdp .nums dd { font-size: 18px; }
.pdp .holds { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.pdp .holds .hold { grid-template-columns: 28px minmax(0, 1fr); gap: 8px; }
.pdp .ic-hold { width: 28px; height: 28px; }
.pdp .holds .hold b { hyphens: auto; overflow-wrap: break-word; }
.pdp #specs { gap: 16px; }
.pdp #specs > .spec-part { padding: 16px; }
.pdp #specs .sub-h, .pdp .card-h h3 { font-size: 18px; }
.pdp .card-h select { font-size: 16px; }
.pdp .facts { grid-template-columns: minmax(0, 1fr); gap: 12px; }
.pdp #specs .table-wrap.cmpw { margin: 0 -16px; padding: 0; }
.pdp table.cmp { width: 100%; min-width: 600px; }
.pdp .cmp col.lab { width: 112px; }
.pdp .cmp th, .pdp .cmp td { padding: 10px 12px; font-size: 14px; }
.pdp .cmp thead th img { max-width: 96px; }
.pdp .cmp .cn { font-size: 15px; }
.pdp .cmp th.lab, .pdp .cmp td.lab { position: sticky; left: 0; z-index: 1; padding-left: 16px; box-shadow: 1px 0 0 var(--border); }
.pdp .bandy:nth-of-type(even) #ReviewsWidget { padding: 16px; }
.pdp .pairs { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.pdp th { padding: 8px; font-size: 12px; }
.pdp td { padding: 10px 8px; font-size: 14px; white-space: normal; }
.pdp th:first-child, .pdp td:first-child { padding-left: 12px; }
.pdp th:last-child, .pdp td:last-child { padding-right: 12px; }
.pdp .cmp th, .pdp .cmp td { padding: 8px; }
}
@media (min-width: 700px) and (max-width: 1080px) {
.pdp .jobs { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
.pdp .has-band .size-band { min-height: 76px; padding: 4px 0; }
.pdp .band-dense.has-band .size-band { min-height: 116px; }
.pdp .band-row { gap: 12px 14px; flex-wrap: nowrap; }
.pdp .band-row dd { font-size: 14px; }
.pdp .band-size dd { font-size: 18px; line-height: 1.25; }
.pdp .band-row.dense { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px 12px; width: 100%; align-items: end; }
.pdp .band-row.dense > div { justify-content: flex-start; }
.pdp .band-row.dense dd { white-space: normal; overflow-wrap: anywhere; }
.pdp .band-row.dense .band-part { order: 0; grid-column: 2 / -1; }
.pdp .band-row.dense .band-size:not(:has(+ .band-part)) { grid-column: 1 / -1; }
.pdp .band-row.dense .band-stat { order: 2; }
.pdp .up { margin-top: 32px; padding: 16px; }
.pdp .up-eye { font-size: 13px; }
.pdp .up-row { grid-template-columns: 64px minmax(0, 1fr); }
.pdp .up img, .pdp .up .up-img { width: 64px; height: 64px; }
.pdp .up-q { font-size: 16px; }
.pdp .up-btn { grid-column: 1 / -1; max-width: none; width: 100%; }
}
@media (min-width: 1081px) and (max-width: 1240px) {
.pdp .band-dense.has-band .size-band { min-height: 116px; }
}
@media (prefers-reduced-motion: reduce) {
html.rrc-page { scroll-behavior: auto; }
.pdp *, .pdp *::before, .pdp *::after { animation-duration: .01ms !important; animation-delay: 0ms !important; transition-duration: .01ms !important; }
}
.pdp .story > :not(.stage):not(.idx):not(section):not(.words) { order: 15; }
.pdp .productView-details, .pdp form[data-cart-item-add] { display: block; }
.pdp .ic-j-fence { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='6' width='3' height='14' rx='.8'/%3E%3Crect x='17.5' y='6' width='3' height='14' rx='.8'/%3E%3Cpath d='M6.5 8.5q5.5 5 11 0M6.5 13.5q5.5 4 11 0M2 20h20'/%3E%3C/svg%3E"); }
.pdp .ic-j-handrail { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 21h5v-4h5v-4h5V9h5'/%3E%3Cpath d='M4.5 21v-8.5M19.5 9V3'/%3E%3Cpath d='M4.5 12.5Q12 10 19.5 3.5'/%3E%3C/svg%3E"); }
.pdp .ic-j-dock-rail { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 13h20M5 17.5V5.5M12 13V5.5M19 17.5V5.5'/%3E%3Cpath d='M5 7q3.5 3 7 0q3.5 3 7 0'/%3E%3Cpath d='M2 21c1.7-1.3 3.3-1.3 5 0s3.3 1.3 5 0 3.3-1.3 5 0 3.3 1.3 5 0'/%3E%3C/svg%3E"); }
.pdp .ic-j-porch-swing { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 3h20M4.5 3v11M19.5 3v11M4.5 9h15M8.5 9v5M12 9v5M15.5 9v5'/%3E%3Crect x='3' y='14' width='18' height='3' rx='1.2'/%3E%3C/svg%3E"); }
.pdp .ic-j-tree-swing { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 4.5C8 3 15 3 22 5M12 3.6V11'/%3E%3Ccircle cx='12' cy='16' r='5'/%3E%3Ccircle cx='12' cy='16' r='2'/%3E%3C/svg%3E"); }
.pdp .ic-j-decor { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 19.5c4 0 5.5-2.5 6.5-5.5s2.5-7.5 6-7.5a3 3 0 0 1 0 6c-3 0-4.5-6-7.5-6a3 3 0 0 0 0 6c3.5 0 5 2 6.5 4.5s3 2.5 7.5 2.5'/%3E%3C/svg%3E"); }
.pdp .ic-j-nautical { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='6'/%3E%3Ccircle cx='12' cy='12' r='1.6'/%3E%3Cpath d='M12 2v8.4M12 13.6V22M2 12h8.4M13.6 12H22M4.9 4.9l6 6M13.1 13.1l6 6M19.1 4.9l-6 6M10.9 13.1l-6 6'/%3E%3C/svg%3E"); }
.pdp .ic-j-macrame { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='3.5' r='1.5'/%3E%3Cpath d='M11.2 5L6.5 13M12.8 5l4.7 8M12 5v8M9.2 8.6h5.6'/%3E%3Cpath d='M6 13h12l-1.6 7.5H7.6z'/%3E%3C/svg%3E"); }
.pdp .ic-j-garden { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 3v18M4 21h16'/%3E%3Cpath d='M10.5 21V8.5'/%3E%3Cpath d='M10.5 14.5c-3 0-5-1.8-5-4.5 3 0 5 1.8 5 4.5zM10.5 11c2.4 0 4-1.4 4-3.5-2.4 0-4 1.4-4 3.5z'/%3E%3Cpath d='M10.5 17.5c2-1 4.5-1 6.5 0'/%3E%3C/svg%3E"); }
.pdp .ic-j-pet { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.5 17.5c0-3 2.2-5.5 4.5-5.5s4.5 2.5 4.5 5.5c0 1.7-1.5 2.5-4.5 2.5s-4.5-.8-4.5-2.5z'/%3E%3Ccircle cx='5.3' cy='11' r='1.8'/%3E%3Ccircle cx='9.2' cy='6.6' r='1.9'/%3E%3Ccircle cx='14.8' cy='6.6' r='1.9'/%3E%3Ccircle cx='18.7' cy='11' r='1.8'/%3E%3C/svg%3E"); }
.pdp .ic-j-puller { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='6' width='10' height='11' rx='2'/%3E%3Ccircle cx='7.5' cy='11.5' r='2.6'/%3E%3Cpath d='M7.5 14.1H21.5M16.5 11.4l-2.7 2.7 2.7 2.7M4.5 17v3.5M10.5 17v3.5M2.5 20.5h10'/%3E%3C/svg%3E"); }
.pdp .ic-j-conduit { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8h11M3 16h11M3 8v8'/%3E%3Cellipse cx='14' cy='12' rx='2' ry='4'/%3E%3Cpath d='M14 12h7.5M19 9.5l2.5 2.5-2.5 2.5'/%3E%3C/svg%3E"); }
.pdp .ic-j-pole { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2.5V22M5 6h14M7 10.5h10M6 6V4.3M18 6V4.3M8 10.5V8.8M16 10.5V8.8M8.5 22h7'/%3E%3C/svg%3E"); }
.pdp .ic-j-tower { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.5 22L10.8 3h2.4l3.3 19M4 7h16M6 11.5h12M5 7v2.2M19 7v2.2M7 11.5v2.2M17 11.5v2.2M9.2 15.2l5.6 4M14.8 15.2l-5.6 4'/%3E%3C/svg%3E"); }
.pdp .ic-j-winch { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='11' r='5'/%3E%3Ccircle cx='8' cy='11' r='1.8'/%3E%3Cpath d='M8 6h10.5v5'/%3E%3Cpath d='M18.5 11a2 2 0 1 1-2 2'/%3E%3Cpath d='M5.5 15.5L4.5 20.5M10.5 15.5l1 5M2.5 20.5h11'/%3E%3C/svg%3E"); }
.pdp .ic-j-pulley { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 3h16M12 3v3.5'/%3E%3Ccircle cx='12' cy='10' r='3.5'/%3E%3Cpath d='M8.5 10v11M15.5 10v4'/%3E%3Crect x='13' y='14' width='5' height='5' rx='1'/%3E%3C/svg%3E"); }
.pdp .ic-j-tie-down { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6.5' y='9.5' width='11' height='8.5' rx='1'/%3E%3Cpath d='M2 21h20M3.5 21L6 7.5h12l2.5 13.5'/%3E%3C/svg%3E"); }
.pdp .ic-j-tree { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3a5 5 0 0 0-4.9 4A4 4 0 0 0 7.5 15h9a4 4 0 0 0 .4-8A5 5 0 0 0 12 3z'/%3E%3Cpath d='M12 15v7M12 18.5L9 16M12 17.5l2.5-2M8.5 22h7'/%3E%3C/svg%3E"); }
.pdp .ic-j-limb { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 2v20M5 9.5L15.5 4.8M2.5 22h5'/%3E%3Cpath d='M13 5.9V12'/%3E%3Cpath d='M9.5 12h7a2 2 0 0 1 0 4h-7a2 2 0 0 1 0-4z'/%3E%3Cpath d='M16.5 12a2 2 0 0 0 0 4'/%3E%3C/svg%3E"); }
.pdp .ic-j-throw { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 7.8c4-1.6 9-1.6 14 .4'/%3E%3Cpath d='M3 21C3.5 13 8 4 13 4c3 0 4 4 4 10.5'/%3E%3Cpath d='M17 14.5l-2 3.6a2.3 2.3 0 1 0 4 0z'/%3E%3C/svg%3E"); }
.pdp .ic-j-carabiner { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 3h3.6a3.6 3.6 0 0 1 3.5 4.4l-2.6 11.4a3.6 3.6 0 0 1-3.5 2.8H10a3.6 3.6 0 0 1-3.5-4.4L9.1 5.8A3.6 3.6 0 0 1 10 3z'/%3E%3Cpath d='M14.4 8.5l-1.9 8.3'/%3E%3Cpath d='M11.6 14.3l2 .45'/%3E%3C/svg%3E"); }
.pdp .ic-j-rock { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 21L9 8.5l3.5 5.5 2.5-3.5L22 21z'/%3E%3Cpath d='M9 8.5V3l3.5 1.4L9 5.8'/%3E%3C/svg%3E"); }
.pdp .ic-j-gym-climb { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3h18M9.5 3v3h5V3'/%3E%3Cpath d='M10.5 6v15M13.5 6v15M10.5 10.5l3-2M10.5 14.5l3-2M10.5 18.5l3-2'/%3E%3C/svg%3E"); }
.pdp .ic-j-battle { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5v14'/%3E%3Cpath d='M3 9c3-3 5 3 8 0s5 3 8 0M3 15c3-3 5 3 8 0s5 3 8 0'/%3E%3Crect x='18.5' y='8' width='3.5' height='2' rx='1'/%3E%3Crect x='18.5' y='14' width='3.5' height='2' rx='1'/%3E%3C/svg%3E"); }
.pdp .ic-j-tug { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 15h20M12 15V5.5l4.5 2-4.5 2'/%3E%3Cpath d='M5.5 11.5L2 15l3.5 3.5M18.5 11.5L22 15l-3.5 3.5'/%3E%3C/svg%3E"); }
.pdp .ic-j-boat { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 16h18l-2.5 4h-13z'/%3E%3Cpath d='M12 3v13'/%3E%3Cpath d='M12 4.5l6.5 9.5H12'/%3E%3Cpath d='M10.5 7.5L6.5 14h4'/%3E%3C/svg%3E"); }
.pdp .ic-j-anchor { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='4.8' r='2'/%3E%3Cpath d='M12 6.8V21M8.5 10h7'/%3E%3Cpath d='M5 14a7 7 0 0 0 14 0'/%3E%3Cpath d='M3 16l2-2 2 1.5M21 16l-2-2-2 1.5'/%3E%3C/svg%3E"); }
.pdp .ic-j-cleat { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 10h16a1.75 1.75 0 0 1 0 3.5H4A1.75 1.75 0 0 1 4 10z'/%3E%3Cpath d='M8.5 13.5l-1 4.5M15.5 13.5l1 4.5M2 18h20'/%3E%3Cpath d='M10 10c0-3.5 3-5.5 11-5.5'/%3E%3C/svg%3E"); }
.pdp .ic-j-flag { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 3v19M2.5 22h5'/%3E%3Cpath d='M5 4h12l-2.5 3.5L17 11H5'/%3E%3Cpath d='M7.5 11c.8 2.5.8 5 0 7.5M5 18.5h3'/%3E%3C/svg%3E"); }
.pdp .ic-j-pool { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 8h2M8 8h2M14 8h2M20 8h2'/%3E%3Cellipse cx='6' cy='8' rx='2' ry='1.7'/%3E%3Cellipse cx='12' cy='8' rx='2' ry='1.7'/%3E%3Cellipse cx='18' cy='8' rx='2' ry='1.7'/%3E%3Cpath d='M2 14.5c1.7-1.3 3.3-1.3 5 0s3.3 1.3 5 0 3.3-1.3 5 0 3.3 1.3 5 0M2 19.5c1.7-1.3 3.3-1.3 5 0s3.3 1.3 5 0 3.3-1.3 5 0 3.3 1.3 5 0'/%3E%3C/svg%3E"); }
.pdp .ic-j-ski { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v18M4.2 7.5l15.6 9M4.2 16.5l15.6-9'/%3E%3Cpath d='M10.3 4.3L12 6l1.7-1.7M13.7 19.7L12 18l-1.7 1.7M4.5 9.6l2.3-.6-.6-2.3M19.5 14.4l-2.3.6.6 2.3M6.2 17.3l.6-2.3-2.3-.6M17.8 6.7l-.6 2.3 2.3.6'/%3E%3C/svg%3E"); }
.pdp .ic-j-measure { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='6' width='12' height='12' rx='3'/%3E%3Ccircle cx='8.5' cy='12' r='2.5'/%3E%3Cpath d='M14.5 15h7v3h-7M17 15v1.5M19.5 15v1.5'/%3E%3C/svg%3E"); }
.pdp .ic-j-visible { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.5-6.5 10-6.5S22 12 22 12s-3.5 6.5-10 6.5S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E"); }
.pdp .ic-j-rope-end { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 9h14M2 15h14M4 15l3-6M8 15l3-6M12 15l3-6'/%3E%3Crect x='16' y='8' width='4' height='8' rx='1'/%3E%3Cpath d='M18 8v8M20 10.5h1.5M20 13.5h1.5'/%3E%3C/svg%3E"); }
.pdp .ic-j-wear { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l7.5 3v5.5c0 4.5-3 8-7.5 10-4.5-2-7.5-5.5-7.5-10V6z'/%3E%3Cpath d='M8 12.5c1.3-1.3 2.7 1.3 4 0s2.7 1.3 4 0'/%3E%3C/svg%3E"); }
.pdp .ic-j-coil { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 12a1.5 1.5 0 0 1 3 0a3 3 0 0 1-6 0a4.5 4.5 0 0 1 9 0a6 6 0 0 1-12 0a7.5 7.5 0 0 1 15 0v8'/%3E%3C/svg%3E"); }
.rrc-on [data-product-option-change], .rrc-on #add-to-cart-wrapper, .rrc-on .form-field--stock { display: none !important; }
.rrc { --navy: #144163; --blue: #166894; --gold: #ffbf31; --gold-hover: #f5b21a; --charcoal: #2f4456; --gray: #6a6a6a; --green: #1a873c; --notice: #fff6dc; --white: #ffffff; --soft: #f4f7f9; --border: #d8d8d8; --panel: #e9e9e9; --edge: #7d8fa1; --off-bg: #e3e7eb; --gold-off: #f3dfa5; --off-text: #4f5c68; --ease: cubic-bezier(.22,.8,.2,1); --sans: Avenir, "Nunito Sans", Helvetica, Arial, sans-serif; --btn: "Archivo Narrow", "Arial Narrow", Helvetica, Arial, sans-serif; color: var(--navy); font-family: var(--sans); font-size: 16px; line-height: 1.5; text-align: left; }
.rrc * { box-sizing: border-box; }
.rrc button, .rrc input { font: inherit; color: inherit; letter-spacing: normal; text-transform: none; margin: 0; }
.rrc button { cursor: pointer; background: none; border: 0; padding: 0; }
.rrc input { background-color: #ffffff; color: var(--navy); }
.rrc input::placeholder { color: var(--gray); }
.rrc :focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; }
.rrc h2, .rrc h3, .rrc p { color: var(--navy); margin: 0; }
.rrc h2, .rrc h3 { font-family: var(--sans); text-transform: none; letter-spacing: normal; text-align: left; }
.rrc ul { margin: 0; padding: 0; list-style: none; }
.rrc .sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.rrc .link { color: var(--blue); text-decoration: underline; text-underline-offset: 3px; transition: color .2s; font-weight: 400; }
.rrc .link:hover { color: var(--navy); }
.rrc .nw { white-space: nowrap; }
.rrc .panel { background: var(--panel); border-radius: 10px; padding: 12px; display: grid; gap: 12px; }
.rrc .sec { background: var(--white); border-radius: 10px; padding: 16px 20px; display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; min-width: 0; }
.rrc .step-h { display: flex; justify-content: space-between; align-items: center; gap: 12px; min-width: 0; }
.rrc .step-h h2 { display: flex; align-items: center; gap: 8px; margin: 0; font-size: 18px; line-height: 1.35; font-weight: 700; min-width: 0; }
.rrc .step-h h2:focus { outline: none; }
.rrc .step-n { flex: none; width: 24px; height: 24px; border-radius: 50%; background: var(--navy); color: var(--white); font: 700 14px/24px var(--sans); text-align: center; }
.rrc .per-ft { color: var(--green); font-weight: 700; font-size: 14px; white-space: nowrap; }
.rrc .step-link { font-size: 14px; white-space: nowrap; }
.rrc .unavailable h2 { font-size: 18px; line-height: 1.35; font-weight: 700; }
.rrc .unavailable p { color: var(--charcoal); }
.rrc .opts { position: relative; isolation: isolate; display: grid; gap: 8px; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.rrc .ind { position: absolute; left: 0; top: 0; background: var(--blue); border-radius: 5px; z-index: 0; transition: transform .3s var(--ease), width .3s var(--ease), height .3s var(--ease); pointer-events: none; }
.rrc .no-ind .ind, .rrc .no-ind .opt { transition: none; }
.rrc .opt { position: relative; display: flex; align-items: center; justify-content: center; flex-direction: column; min-height: 44px; padding: 4px 2px; border: 1px solid transparent; border-radius: 5px; background: var(--panel); color: var(--navy); text-align: center; line-height: 1.2; font-size: 14px; font-variant-numeric: tabular-nums; transition: color .2s, background .2s; }
.rrc .opt:hover { background: var(--border); }
.rrc .opts .opt, .rrc .opts .opt:hover { background: transparent; }
.rrc .opts .opt::before { content: ""; position: absolute; inset: -1px; z-index: -1; border-radius: 5px; background: var(--panel); transition: background .2s; }
.rrc .opts .opt:hover::before { background: var(--border); }
.rrc .opts .opt[aria-pressed="true"], .rrc .opts .opt[aria-checked="true"] { color: var(--white); font-weight: 700; }
.rrc .opt[aria-pressed="true"]:not(.opts .opt) { background: var(--blue); color: var(--white); font-weight: 700; }
.rrc .opt[aria-disabled="true"], .rrc .opt[aria-disabled="true"]:hover { color: var(--off-text); cursor: not-allowed; }
.rrc .opts .opt[aria-disabled="true"]::before { background: var(--panel); opacity: .55; }
.rrc .opt[aria-disabled="true"]::after { content: ""; position: absolute; inset: 0; border-radius: 5px; pointer-events: none; background: linear-gradient(to bottom right, transparent calc(50% - .75px), var(--edge) calc(50% - .75px), var(--edge) calc(50% + .75px), transparent calc(50% + .75px)); }
.rrc .opts.dia { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.rrc .opts.dia .opt { padding: 4px 0; }
.rrc .opts.dia.long { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); }
.rrc .opts.dia.long .opt { padding: 4px 8px; }
.rrc .opts.mode { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.rrc .opts.mode.one { grid-template-columns: minmax(0, 1fr); }
.rrc .opts.mode .opt { min-height: 52px; font-size: 16px; }
.rrc .opts.bulk { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.rrc .opts.vals { grid-template-columns: repeat(auto-fill, minmax(84px, 1fr)); }
.rrc .opts.vals .opt { padding: 6px 4px; }
.rrc .save { display: block; font-size: 12px; font-weight: 700; color: var(--navy); margin-top: 2px; }
.rrc .opt[aria-pressed="true"] .save, .rrc .opt[aria-checked="true"] .save { color: var(--white); }
.rrc .opt[aria-disabled="true"] .save { color: var(--off-text); }
.rrc .swatches { display: flex; flex-wrap: wrap; gap: 8px; }
.rrc .sw { width: 32px; height: 32px; border-radius: 999px; border: 0; padding: 0; box-shadow: inset 0 0 0 1px var(--edge); }
.rrc .sw[aria-checked="true"] { box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--navy), inset 0 0 0 1px var(--edge); }
.rrc .sw[aria-disabled="true"] { opacity: .35; cursor: not-allowed; }
.rrc .len-box { min-height: 84px; display: grid; align-content: start; }
.rrc .custom { display: grid; gap: 8px; justify-items: start; }
.rrc .custom > label { font-weight: 700; margin: 0; }
.rrc .custom-in { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; }
.rrc .custom-in input { width: 112px; height: 44px; margin: 0; border-radius: 5px; border: 1px solid var(--navy); padding: 0 12px; font-size: 16px; text-align: right; }
.rrc .custom-in input:focus { border-color: var(--blue); outline: 2px solid var(--blue); outline-offset: 2px; }
.rrc .custom-in .hint { margin-left: 4px; }
.rrc .hint { font-size: 14px; color: var(--charcoal); }
.rrc .hint .over { color: var(--navy); font-weight: 700; }
.rrc .step-h .len-tip { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; min-height: 24px; margin: 0 auto 0 -8px; }
.rrc .step-h .len-tip .tip-i { margin: 0; }
.rrc .ends-note { font-size: 14px; color: var(--charcoal); text-align: right; }
.rrc .end-wrap { position: relative; display: grid; gap: 8px; }
.rrc .end-rows { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.rrc .end-row { display: grid; grid-template-columns: 56px minmax(0, 1fr) 12px; gap: 8px; align-items: center; min-width: 0; min-height: 56px; padding: 8px 10px; text-align: left; background: var(--panel); border-radius: 5px; transition: background .2s; }
.rrc .end-row:hover { background: var(--border); }
.rrc .end-row .end-ic { position: relative; display: block; width: 56px; height: 40px; }
.rrc .end-row .end-ic svg { display: block; width: 56px; height: 40px; }
.rrc .end-row small { display: block; font-size: 12px; color: var(--charcoal); line-height: 1.3; }
.rrc .end-row b { display: block; font-size: 14px; line-height: 1.25; }
.rrc .end-row.off, .rrc .end-row.off:hover { grid-template-columns: 56px minmax(0, 1fr); background: rgba(233, 233, 233, .55); cursor: help; }
.rrc .end-row.off .end-ic svg { opacity: .55; }
.rrc .end-row.off > svg { display: none; }
.rrc .end-row.off b, .rrc .end-row.off small { color: var(--off-text); }
.rrc .end-row.off .end-ic::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(to bottom right, transparent calc(50% - .75px), var(--edge) calc(50% - .75px), var(--edge) calc(50% + .75px), transparent calc(50% + .75px)); }
.rrc .ends-tip { display: none; position: absolute; left: 0; right: 0; bottom: calc(100% + 8px); z-index: 5; background: var(--white); border: 1px solid var(--edge); border-radius: 5px; padding: 8px 12px; font-size: 14px; gap: 4px; justify-items: start; box-shadow: 0 12px 32px rgba(10,30,50,.18); }
.rrc .ends-tip::after { content: ""; position: absolute; left: 0; right: 0; top: 100%; height: 10px; }
.rrc .ends-tip .link { font-size: 14px; font-weight: 700; }
.rrc .end-wrap:focus-within .ends-tip, .rrc .ends-tip.vis { display: grid; }
@media (hover: hover) {
.rrc .end-wrap:hover .ends-tip { display: grid; }
}
.rrc .steps { position: relative; min-width: 0; }
.rrc .steps.has-ends { min-height: 520px; }
.rrc .steps-main { display: grid; gap: 8px; align-content: start; min-width: 0; }
.rrc .win-slot { position: absolute; inset: 0; z-index: 5; pointer-events: none; }
.rrc .win-slot[hidden] { display: none; }
.rrc .win { position: absolute; inset: 0; display: flex; flex-direction: column; overflow: hidden; background: var(--white); border-radius: 10px; pointer-events: auto; }
.rrc .win-scroll { flex: 1; min-height: 0; overflow-y: auto; overscroll-behavior: contain; touch-action: pan-y pinch-zoom; display: flex; flex-direction: column; gap: 12px; padding: 8px 8px 6px; scrollbar-width: thin; scrollbar-color: var(--edge) transparent; transition: opacity .16s .08s; }
.rrc .win-scroll > * { flex: none; }
.rrc .win-foot { flex: none; display: grid; gap: 8px; padding: 0 8px 8px; transition: opacity .16s .08s; }
.rrc .win.fade .win-scroll, .rrc .win.fade .win-foot { opacity: 0; }
.rrc .win .done { height: 44px; margin: 0; }
.rrc .inlay { position: fixed; top: 0; left: 0; right: 0; height: 100vh; height: 100dvh; z-index: 950; display: flex; align-items: center; justify-content: center; padding: max(28px, env(safe-area-inset-top, 0px)) max(12px, env(safe-area-inset-right, 0px)) max(28px, env(safe-area-inset-bottom, 0px)) max(12px, env(safe-area-inset-left, 0px)); background: rgba(47, 68, 86, .55); touch-action: pinch-zoom; overscroll-behavior: contain; transition: background-color .28s; }
.rrc .inlay[hidden] { display: none; }
.rrc .inlay.fade { background-color: rgba(47, 68, 86, 0); pointer-events: none; }
.rrc .inlay .win { position: relative; inset: auto; width: 100%; max-width: 560px; max-height: 100%; box-shadow: 0 12px 32px rgba(10, 30, 50, .18); transform-origin: top left; }
html.rr-end-open { overflow: hidden; }
html.rr-end-open #rr-widget-launcher { visibility: hidden; }
.rrc .end-stack { position: relative; isolation: isolate; display: grid; min-width: 0; }
.rrc .end-stack.on-0 { padding-right: 6px; }
.rrc .end-stack.on-1 { padding-left: 6px; }
.rrc .end-tabs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; padding: 8px 8px 4px; }
.rrc .end-stack.one .end-tabs { grid-template-columns: minmax(0, 1fr); }
.rrc .tabx { position: relative; min-width: 0; min-height: 52px; padding: 4px 8px; border-radius: 5px; background: var(--panel); color: var(--navy); text-align: center; transition: background .2s, color .2s; }
.rrc .tabx:hover { background: var(--border); }
.rrc .tabx small { display: block; font-size: 12px; line-height: 1.3; color: var(--charcoal); }
.rrc .tabx b { display: block; font-size: 14px; line-height: 1.25; }
.rrc .tabx[aria-selected="true"], .rrc .tabx[aria-selected="true"]:hover { background: var(--blue); color: var(--white); }
.rrc .tabx[aria-selected="true"]::before { content: ""; position: absolute; z-index: -1; inset: -8px -8px -12px; border-radius: 10px 10px 0 0; background: var(--panel); pointer-events: none; }
.rrc .tabx[aria-selected="true"] small, .rrc .tabx[aria-selected="true"] b { color: var(--white); }
.rrc .end-stack .choices { position: relative; padding: 16px 10px 10px; gap: 8px; border-radius: 10px; background: var(--panel); }
.rrc .end-stack.on-0 .choices { border-top-left-radius: 0; }
.rrc .end-stack.on-1 .choices { border-top-right-radius: 0; }
.rrc .end-stack.one .choices { border-top-left-radius: 0; border-top-right-radius: 0; }
.rrc .end-stack.on-0 .choices::before, .rrc .end-stack.on-1 .choices::before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 10px; border-radius: 10px; background: var(--border); pointer-events: none; }
.rrc .end-stack.on-0 .choices::before { left: 24px; right: -6px; }
.rrc .end-stack.on-1 .choices::before { left: -6px; right: 24px; }
.rrc .end-stack .ch, .rrc .end-stack .thim { background: var(--white); }
.rrc .end-stack .ch:hover, .rrc .end-stack .thim:hover { background: var(--border); }
.rrc .end-stack .ch.off, .rrc .end-stack .ch.off:hover, .rrc .end-stack .thim[aria-disabled="true"], .rrc .end-stack .thim[aria-disabled="true"]:hover { background: rgba(255, 255, 255, .55); }
.rrc .choices.end-0 .ch img { transform: scaleX(-1); }
.rrc .choices { display: grid; gap: 4px; min-width: 0; }
.rrc .ch-item { display: grid; gap: 4px; min-width: 0; }
.rrc .ch { display: grid; grid-template-columns: 96px minmax(0, 1fr) auto; align-items: center; gap: 12px; width: 100%; min-height: 40px; padding: 2px 12px 2px 8px; border-radius: 5px; background: var(--panel); text-align: left; transition: background .2s, color .2s; }
.rrc .ch:hover { background: var(--border); }
.rrc .ch .ph { position: relative; display: block; width: 96px; height: 34px; border-radius: 3px; }
.rrc .ch img { display: block; width: 96px; height: 34px; object-fit: contain; mix-blend-mode: multiply; }
.rrc .ch .ph svg { display: block; width: 100%; height: 34px; }
.rrc .ch b { font-size: 14px; line-height: 1.25; min-width: 0; }
.rrc .ch .pr { font-size: 14px; color: var(--charcoal); white-space: nowrap; }
.rrc .ch[aria-pressed="true"], .rrc .ch[aria-pressed="true"]:hover { background: var(--blue); color: var(--white); }
.rrc .ch[aria-pressed="true"] .pr { color: var(--white); }
.rrc .ch[aria-pressed="true"] .ph { background: var(--white); }
.rrc .ch[aria-pressed="true"] img { mix-blend-mode: normal; }
.rrc .ch.off, .rrc .ch.off:hover { background: rgba(233, 233, 233, .55); color: var(--off-text); cursor: not-allowed; }
.rrc .ch.off img, .rrc .ch.off .ph svg { opacity: .55; }
.rrc .ch.off .ph::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(to bottom right, transparent calc(50% - .75px), var(--edge) calc(50% - .75px), var(--edge) calc(50% + .75px), transparent calc(50% + .75px)); }
.rrc .diff { align-self: flex-start; min-height: 24px; color: var(--blue); font-size: 14px; text-decoration: underline; text-underline-offset: 3px; transition: color .2s; }
.rrc .diff:hover { color: var(--navy); }
.rrc .tip-body { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.rrc .example-note { font-size: 12px; line-height: 1.4; color: var(--charcoal); }
.rrc .end-live svg, .rrc .phone-rope svg { display: block; width: 100%; height: auto; }
.rrc .end-live .draw-ends { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: -4px; }
.rrc .end-live .draw-ends button { grid-column: 1; justify-self: start; display: flex; align-items: center; min-width: 44px; min-height: 44px; margin: -6px 0; }
.rrc .end-live .draw-ends button.end-1 { grid-column: 2; justify-self: end; }
.rrc .end-live .draw-ends span { display: block; padding: 6px 12px; border-radius: 5px; background: var(--panel); color: var(--navy); font-size: 14px; line-height: 20px; transition: background .2s, color .2s; }
.rrc .end-live .draw-ends button:hover span { background: var(--border); }
.rrc .end-live .draw-ends button[aria-pressed="true"] span { background: var(--blue); color: var(--white); font-weight: 700; }
.rrc .phone-rope { display: none; }
.rrc .back { display: inline-flex; align-items: center; gap: 4px; align-self: flex-start; min-height: 44px; margin: -8px 0 -4px -4px; padding: 0 4px; font-weight: 700; color: var(--blue); }
.rrc .back:hover { color: var(--navy); }
.rrc .sub { display: flex; flex-direction: column; gap: 4px; padding: 2px 4px; }
.rrc .eye-line { display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-wrap: wrap; }
.rrc .eye-words { display: grid; }
.rrc .eye-words .hint { font-size: 12px; line-height: 1.3; color: var(--charcoal); }
.rrc .sub .lab { font-size: 14px; font-weight: 700; }
.rrc .subline { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.rrc .subline .lab { font-size: 14px; font-weight: 700; margin-right: 4px; }
.rrc .subline .hint { font-size: 13px; }
.rrc .stepper { display: flex; align-items: center; gap: 4px; }
.rrc .stepper button { width: 44px; height: 44px; border: 1px solid var(--navy); background: #fff; border-radius: 5px; font-size: 20px; font-weight: 700; line-height: 1; padding: 0; color: var(--navy); }
.rrc .stepper button:hover { background: var(--soft); }
.rrc .stepper output { min-width: 28px; text-align: center; font-weight: 700; }
.rrc .eyebox { display: inline-flex; align-items: center; gap: 6px; height: 44px; border: 1px solid var(--navy); border-radius: 5px; background: #fff; padding: 0 10px; cursor: text; margin: 0; }
.rrc .eyebox:focus-within { outline: 2px solid var(--blue); outline-offset: 2px; }
.rrc .eyein { flex: none; min-width: 0; height: 100%; border: 0; padding: 0; background: transparent; font-size: 16px !important; font-weight: 700; text-align: left; margin: 0; }
.rrc .eyein:focus-visible { outline: none; }
.rrc .eyebox .unit { font-size: 15px; font-weight: 700; color: var(--charcoal); }
.rrc .check { display: flex; align-items: center; gap: 8px; min-height: 44px; text-align: left; font-size: 14px; color: var(--navy); }
.rrc .check .box { flex: none; width: 22px; height: 22px; border: 2px solid var(--navy); border-radius: 4px; display: grid; place-items: center; color: transparent; }
.rrc .check[aria-checked="true"] .box { background: var(--navy); color: #fff; }
.rrc .check img { width: 26px; height: 26px; }
.rrc .check[aria-disabled="true"], .rrc .check.locked { color: var(--off-text); }
.rrc .check[aria-disabled="true"] { cursor: not-allowed; }
.rrc .check[aria-disabled="true"] .box, .rrc .check.locked .box { border-color: var(--edge); }
.rrc .loopnote { font-size: 13px; line-height: 1.4; color: var(--charcoal); }
.rrc .lockpop { position: absolute; left: 0; right: 0; bottom: calc(100% + 8px); z-index: 7; background: #fff; border: 1px solid var(--navy); border-radius: 8px; box-shadow: 0 8px 24px rgba(10,30,50,.18); padding: 12px; display: flex; flex-direction: column; gap: 8px; font-size: 14px; line-height: 1.4; }
.rrc .lockpop .btn2 { text-align: left; padding: 8px 14px; line-height: 1.3; }
.rrc .lockpop .lp-x { align-self: flex-start; min-height: 32px; font-size: 14px; }
.rrc .tiles { position: relative; }
.rrc .thims { display: grid; gap: 4px; grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 2px 4px; }
.rrc .thim { position: relative; min-height: 48px; border-radius: 5px; background: var(--panel); padding: 4px 8px 4px 4px; text-align: left; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 8px; color: var(--navy); transition: background .2s, color .2s; }
.rrc .thim:hover { background: var(--border); }
.rrc .thim img { display: block; flex: none; width: 40px; height: 40px; border-radius: 4px; background: #fff; }
.rrc .choices.end-0 .thim img { transform: rotate(-90deg); }
.rrc .choices.end-1 .thim img { transform: rotate(90deg); }
.rrc .thim[aria-disabled="true"] img { opacity: .45; }
.rrc .thim span { font-size: 12px; line-height: 1.25; color: var(--charcoal); }
.rrc .thim .thim-n { font-weight: 700; color: inherit; }
.rrc .thim[aria-checked="true"], .rrc .thim[aria-checked="true"]:hover { background: var(--blue); color: #fff; }
.rrc .thim[aria-checked="true"] span { color: #fff; }
.rrc .thim[aria-disabled="true"], .rrc .thim[aria-disabled="true"]:hover { background: rgba(233, 233, 233, .55); color: var(--off-text); cursor: not-allowed; }
.rrc .thim[aria-disabled="true"]::after { content: ""; position: absolute; inset: 0; border-radius: 5px; pointer-events: none; background: linear-gradient(to bottom right, transparent calc(50% - .75px), var(--edge) calc(50% - .75px), var(--edge) calc(50% + .75px), transparent calc(50% + .75px)); }
.rrc .done { display: flex; align-items: center; justify-content: center; gap: 8px; height: 44px; width: 100%; border-radius: 5px; background: var(--blue); color: var(--white); font-weight: 700; margin-top: auto; transition: background .2s; }
.rrc .done svg { flex: none; }
.rrc .done:hover { background: var(--navy); }
.rrc .btn2 { min-height: 44px; padding: 0 14px; border-radius: 5px; background: var(--blue); color: #fff; font-weight: 700; }
.rrc .btn2:hover { background: var(--navy); }
.rrc .atc { gap: 8px; }
.rrc .summary { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 16px; align-items: end; }
.rrc .what { font-size: 14px; line-height: 1.45; }
.rrc .what > b { display: block; font-size: 16px; }
.rrc .sum-right { text-align: right; }
.rrc .total-label { font-size: 14px; display: block; }
.rrc .total { display: block; font-size: 24px; line-height: 1.25; font-weight: 700; font-variant-numeric: tabular-nums; color: var(--navy); }
.rrc .total s { display: block; font-size: 14px; line-height: 1.2; color: var(--charcoal); font-weight: 400; }
.rrc .total-was { font-size: 14px; line-height: 1.2; color: var(--charcoal); font-weight: 400; font-variant-numeric: tabular-nums; margin-right: 8px; }
.rrc .total-was + .total { display: inline-block; }
.rrc .hold { font-size: 14px; background: var(--notice); border-radius: 5px; padding: 8px 12px; display: grid; gap: 4px; justify-items: start; }
.rrc .hold .row { display: flex; flex-wrap: wrap; gap: 4px 16px; }
.rrc .buy-row { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 8px; position: relative; }
.rrc .qty-step { display: flex; align-items: center; height: 55px; }
.rrc .qty-step button { width: 44px; height: 44px; display: grid; place-items: center; background: var(--panel); border: 1px solid var(--edge); border-radius: 5px; transition: background .2s; }
.rrc .qty-step button:hover { background: var(--border); }
.rrc .qty-step output { width: 36px; text-align: center; font-weight: 700; font-variant-numeric: tabular-nums; }
.rrc .add { display: flex; align-items: center; justify-content: center; gap: 12px; height: 55px; width: 100%; border-radius: 5px; background: var(--gold); color: var(--navy); font: 600 16px/1 var(--btn); letter-spacing: 3px; text-transform: uppercase; white-space: nowrap; transition: background .2s; }
.rrc .add svg { flex: none; }
.rrc .add:hover { background: var(--gold-hover); }
.rrc .add[aria-disabled="true"], .rrc .add[aria-disabled="true"]:hover { background: var(--gold-off); color: var(--off-text); }
.rrc .add[aria-busy="true"] { opacity: .7; }
.rrc .atc-hint { position: absolute; right: 0; bottom: calc(100% + 10px); z-index: 6; width: max-content; max-width: min(300px, calc(100vw - 32px)); background: var(--navy); color: #ffffff; font-size: 14px; font-weight: 700; line-height: 1.35; padding: 8px 12px; border-radius: 5px; box-shadow: 0 4px 12px rgba(10,30,50,.2); }
.rrc .atc-hint:empty { display: none; }
.rrc .err { color: var(--navy); background: var(--notice); border-radius: 5px; padding: 6px 10px; font-size: 13px; }
.rrc .ship { font-size: 12px; line-height: 1.4; color: var(--charcoal); text-align: center; }
.rrc .ship .tip-btn b { font-weight: 400; }
.rrc .panel-links { display: flex; justify-content: center; flex-wrap: wrap; gap: 4px 24px; font-size: 14px; }
.rrc .panel-links a, .rrc .panel-links button { display: inline-flex; align-items: center; gap: 6px; min-height: 28px; color: var(--blue); text-decoration: none; font-size: 14px; }
.rrc .panel-links a:hover, .rrc .panel-links button:hover { color: var(--navy); text-decoration: underline; text-underline-offset: 3px; }
.rrc .panel-links svg { flex: none; }
.rrc .bar { display: none; }
.rrc .overlay { position: fixed; inset: 0; background: rgba(10,25,40,.5); z-index: 1000; display: flex; align-items: center; justify-content: center; padding: 16px; }
.rrc .dialog { background: #fff; width: 100%; max-width: 560px; max-height: 88vh; overflow-y: auto; border-radius: 10px; padding: 16px; display: flex; flex-direction: column; gap: 12px; box-shadow: 0 12px 32px rgba(10,30,50,.18); }
.rrc .dialog .dh { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.rrc .dialog h2 { margin: 0; font-size: 20px; font-weight: 700; }
.rrc .dialog h2:focus { outline: none; }
.rrc .dialog .x { width: 44px; height: 44px; font-size: 26px; line-height: 1; color: var(--navy); }
.rrc .dialog a { color: var(--blue); }
.rrc .dialog ul { margin: 0; padding-left: 20px; list-style: disc; }
.rrc .dialog .add { flex: none; }
.rrc .dialog .back { margin: 0; }
.rrc .dialog .opt { flex-direction: row; min-width: 64px; padding: 2px 10px; }
.rrc .linkbtn { min-height: 40px; color: var(--navy); font-weight: 700; text-decoration: underline; font-size: 15px; }
.rrc .choice { min-height: 56px; border: 1px solid var(--edge); background: #fff; border-radius: 6px; text-align: left; padding: 8px 14px; display: flex; flex-direction: column; justify-content: center; color: var(--navy); }
.rrc .choice:hover { border-color: var(--navy); }
.rrc .choice b { font-size: 16px; }
.rrc .choice span { font-size: 14px; color: var(--charcoal); }
.rrc .rec { background: var(--soft); border-radius: 6px; padding: 10px 12px; display: flex; flex-direction: column; gap: 8px; }
.rrc .row-wrap { display: flex; gap: 6px; flex-wrap: wrap; }
.rrc .row-wrap .btn2[aria-pressed="true"] { box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--navy); }
.rrc .posts { display: grid; gap: 6px; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 6px; }
.rrc .fence-len { background: #fff; border: 1px solid var(--edge); }
.rrc .fl-sum { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; font-size: 14px; color: var(--charcoal); border-top: 1px solid #d7dbdf; padding-top: 8px; }
.rrc .fl-sum b { font-size: 18px; color: var(--navy); }
.rrc .fence-len .done, .rrc .btn2.big { min-height: 50px; font-size: 16px; }
.rrc .small { font-size: 14px; color: var(--charcoal); }
.rrc .guidance { font-size: 14px; background: var(--soft); border-radius: 6px; padding: 10px 12px; }
.rrc .guidance ul { margin: 4px 0 0; padding-left: 18px; }
.rrc .field { display: flex; flex-direction: column; gap: 2px; }
.rrc .field label, .rrc .field .lab { font-size: 14px; font-weight: 700; margin: 0; }
.rrc .lenbox { display: flex; align-items: center; gap: 6px; }
.rrc .lenbox input { width: 110px; height: 44px; border: 1px solid var(--navy); border-radius: 5px; padding: 0 10px; font-size: 16px !important; font-weight: 700; text-align: right; margin: 0; }
.rrc .conv { font-size: 14px; font-weight: 700; color: var(--charcoal); margin-left: 6px; }
.rrc .conv .range { font-weight: 400; font-size: 13px; }
.rrc .conv .over { color: var(--navy); }
.rrc .seg { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid var(--edge); border-radius: 6px; overflow: hidden; }
.rrc .seg button { min-height: 50px; background: #fff; color: var(--navy); display: flex; flex-direction: column; align-items: center; justify-content: center; line-height: 1.2; padding: 4px; }
.rrc .seg button + button { border-left: 1px solid var(--edge); }
.rrc .seg button b { font-size: 15px; }
.rrc .seg button span { font-size: 12px; color: var(--charcoal); }
.rrc .seg button .s { color: var(--green); font-weight: 700; }
.rrc .seg button[aria-checked="true"] { background: var(--blue); color: #fff; }
.rrc .seg button[aria-checked="true"] span { color: #fff; }
.rrc .seg button[aria-disabled="true"] { background: var(--off-bg); color: var(--off-text); cursor: not-allowed; }
.rrc .dd-wrap { position: relative; width: 100%; max-width: 380px; }
.rrc .dd { width: 100%; min-height: 44px; display: flex; align-items: center; padding: 0 40px 0 12px; border: 1px solid var(--navy); border-radius: 5px; background: #fff; color: var(--navy); font-size: 16px; text-align: left; position: relative; }
.rrc .dd .chev { position: absolute; right: 13px; top: 50%; transform: translateY(-50%); color: var(--navy); }
.rrc .dd[aria-expanded="true"] { border-color: var(--blue); box-shadow: 0 0 0 1px var(--blue); }
.rrc .dd[aria-expanded="true"] .chev { transform: translateY(-50%) rotate(180deg); }
.rrc .dd-row { display: grid; align-items: baseline; column-gap: 14px; width: 100%; grid-template-columns: minmax(0, var(--c1, 5.4em)) 6.6em auto; }
.rrc .dd > .dd-row { display: flex; column-gap: 10px; min-width: 0; }
.rrc .dd > .dd-row b { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.rrc .dd-opt .dd-row b { white-space: normal; }
.rrc .dd-price { white-space: nowrap; color: var(--navy); }
.rrc .dd-row b { white-space: nowrap; font-weight: 700; }
.rrc .dd-save { font-size: 13px; font-weight: 700; color: var(--green); }
.rrc .dd-list { position: absolute; left: 0; right: 0; top: calc(100% + 4px); z-index: 8; margin: 0; padding: 4px; list-style: none; background: #fff; border: 1px solid var(--navy); border-radius: 6px; box-shadow: 0 8px 24px rgba(10,30,50,.18); max-height: 290px; overflow-y: auto; }
.rrc .dd-list:focus { outline: none; }
.rrc .dd-opt { min-height: 44px; display: flex; align-items: center; padding: 0 34px 0 10px; border-radius: 4px; cursor: pointer; color: var(--navy); font-size: 16px; position: relative; }
.rrc .dd-opt:hover, .rrc .dd-opt.active { background: #eaf2f9; }
.rrc .dd-list:focus-visible .dd-opt.active { box-shadow: inset 0 0 0 2px var(--blue); }
.rrc .dd-opt[aria-selected="true"]::after { content: ""; position: absolute; right: 12px; top: 50%; width: 6px; height: 11px; border: solid var(--navy); border-width: 0 2.5px 2.5px 0; transform: translateY(-65%) rotate(45deg); }
.rrc .dd-opt[aria-disabled="true"] { color: var(--off-text); background: var(--off-bg); cursor: not-allowed; }
.rrc .dd-opt[aria-disabled="true"] .dd-price { color: var(--off-text); }
.rrc .rope-flash { animation: ropeFlash 1.2s ease-out; }
@keyframes ropeFlash { 0% { opacity: .55; } 100% { opacity: 0; } }
@media (max-height: 800px) and (min-width: 1081px) {
.rrc .panel { gap: 6px; padding: 6px; }
.rrc .sec { padding: 10px 14px; gap: 6px; }
.rrc .opts { gap: 4px; }
.rrc .opt { min-height: 40px; }
.rrc .qty-step, .rrc .add { height: 48px; }
.rrc .len-box { min-height: 78px; }
.rrc .end-row { min-height: 48px; padding: 4px 8px; }
.rrc .steps.has-ends { min-height: 0; }
.rrc .ch { min-height: 38px; }
.rrc .thim { min-height: 40px; }
}
@media (max-width: 1080px) {
.rrc .panel { padding: 8px; gap: 8px; }
.rrc .sec { padding: 14px 16px; gap: 10px; }
.rrc .panel-links a, .rrc .panel-links button { min-height: 44px; }
.rrc .phone-rope.vis { display: block; }
.rrc .phone-rope { max-width: 600px; margin-left: auto; margin-right: auto; width: 100%; }
.rrc .steps.has-ends { min-height: 0; }
.rrc .inlay { padding-top: max(16px, env(safe-area-inset-top, 0px)); padding-bottom: max(16px, env(safe-area-inset-bottom, 0px)); }
.rrc .win-scroll { gap: 6px; padding: 10px 14px 6px; }
.rrc .win-foot { padding: 0 14px 12px; }
.rrc .win .done { height: 48px; }
.rrc .tabx { min-height: 52px; padding: 4px 8px; }
.rrc .step-h .len-tip { width: 44px; height: 44px; margin: -10px auto -10px -18px; }
.rrc .diff { display: inline-flex; align-items: center; min-height: 44px; }
.rrc .example-note { margin-top: -8px; }
.rrc .ch { min-height: 46px; }
.rrc .win .swatches { gap: 0; }
.rrc .win .sw { width: 44px; height: 44px; padding: 6px; background-clip: content-box !important; box-shadow: inset 0 0 0 6px #fff, inset 0 0 0 7px var(--edge); }
.rrc .win .sw[aria-checked="true"] { box-shadow: inset 0 0 0 2px var(--navy), inset 0 0 0 6px #fff, inset 0 0 0 7px var(--edge); }
.rrc .bar { position: fixed; inset: auto 0 0; z-index: 900; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 8px max(16px, env(safe-area-inset-right, 0px)) calc(8px + env(safe-area-inset-bottom, 0px)) max(16px, env(safe-area-inset-left, 0px)); background: var(--white); box-shadow: 0 -6px 16px rgba(10,30,50,.08); }
.rrc .bar-what { min-width: 0; font-size: 12px; line-height: 1.4; color: var(--charcoal); }
.rrc .bar-what b { display: block; font-size: 20px; color: var(--navy); line-height: 1.2; font-variant-numeric: tabular-nums; }
.rrc .bar .add { width: 164px; letter-spacing: 2px; }
.rrc .overlay { z-index: 1000; }
}
@media (max-width: 560px) {
.rrc .opts.dia { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.rrc .opts.bulk { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.rrc .panel-links { gap: 4px 16px; }
.rrc .end-tabs { padding: 6px 6px 4px; }
.rrc .tabx[aria-selected="true"]::before { inset: -6px -6px -10px; }
.rrc .end-stack .choices { padding: 12px 6px 6px; gap: 6px; }
.rrc .win-scroll { gap: 8px; }
}
@media (max-width: 400px) {
.rrc .opts { gap: 4px; }
.rrc .bar .add { width: 148px; font-size: 14px; }
.rrc .ch { grid-template-columns: 80px minmax(0, 1fr) auto; gap: 8px; }
.rrc .ch .ph, .rrc .ch img { width: 80px; }
}
@media (prefers-reduced-motion: reduce) {
.rrc .rope-flash { animation: none; }
.rrc .ind, .rrc .opt, .rrc .inlay, .rrc .win-scroll, .rrc .win-foot { transition: none; }
}
@media (min-width: 1081px) {
.rrc .atc { position: sticky; bottom: 8px; z-index: 6; box-shadow: 0 -6px 16px rgba(10,30,50,.08); }
.rrc .atc { padding-top: 12px; }
}