:root{--pdp-dp: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23133b63' d='M16.06,3.66v19.12h-3.6v-1.96c-.53.84-1.13,1.45-1.81,1.83s-1.52.57-2.52.57c-1.65,0-3.05-.67-4.18-2.01s-1.69-3.05-1.69-5.15c0-2.42.56-4.32,1.67-5.7,1.11-1.38,2.6-2.08,4.46-2.08.86,0,1.62.19,2.29.56.67.38,1.21.9,1.62,1.56V3.66h3.75ZM6.08,15.79c0,1.31.26,2.35.78,3.13.51.79,1.29,1.18,2.34,1.18s1.84-.39,2.39-1.17.82-1.79.82-3.03c0-1.73-.44-2.97-1.31-3.71-.54-.45-1.16-.68-1.87-.68-1.08,0-1.88.41-2.38,1.23s-.76,1.83-.76,3.05Z'/%3E%3Cpath fill='%23f78f1f' d='M28.02,10.14c1.14,1.22,1.71,3.01,1.71,5.38,0,2.49-.56,4.39-1.68,5.7s-2.56,1.96-4.33,1.96c-1.13,0-2.06-.28-2.81-.84-.41-.31-.81-.77-1.19-1.36v7.38h-3.66V8.62h3.55v2.09c.4-.62.82-1.1,1.27-1.45.82-.63,1.8-.95,2.94-.95,1.65,0,3.06.61,4.21,1.83ZM25.92,15.69c0-1.09-.25-2.06-.75-2.9s-1.31-1.26-2.42-1.26c-1.34,0-2.26.64-2.77,1.91-.26.68-.39,1.53-.39,2.57,0,1.64.44,2.8,1.31,3.47.52.39,1.13.58,1.84.58,1.03,0,1.82-.4,2.36-1.19s.81-1.86.81-3.18Z'/%3E%3C/svg%3E");--pdp-d-shape: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='white' d='M16.06,3.66v19.12h-3.6v-1.96c-.53.84-1.13,1.45-1.81,1.83s-1.52.57-2.52.57c-1.65,0-3.05-.67-4.18-2.01s-1.69-3.05-1.69-5.15c0-2.42.56-4.32,1.67-5.7,1.11-1.38,2.6-2.08,4.46-2.08.86,0,1.62.19,2.29.56.67.38,1.21.9,1.62,1.56V3.66h3.75ZM6.08,15.79c0,1.31.26,2.35.78,3.13.51.79,1.29,1.18,2.34,1.18s1.84-.39,2.39-1.17.82-1.79.82-3.03c0-1.73-.44-2.97-1.31-3.71-.54-.45-1.16-.68-1.87-.68-1.08,0-1.88.41-2.38,1.23s-.76,1.83-.76,3.05Z'/%3E%3C/svg%3E");--pdp-p-shape: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='white' d='M28.02,10.14c1.14,1.22,1.71,3.01,1.71,5.38,0,2.49-.56,4.39-1.68,5.7s-2.56,1.96-4.33,1.96c-1.13,0-2.06-.28-2.81-.84-.41-.31-.81-.77-1.19-1.36v7.38h-3.66V8.62h3.55v2.09c.4-.62.82-1.1,1.27-1.45.82-.63,1.8-.95,2.94-.95,1.65,0,3.06.61,4.21,1.83ZM25.92,15.69c0-1.09-.25-2.06-.75-2.9s-1.31-1.26-2.42-1.26c-1.34,0-2.26.64-2.77,1.91-.26.68-.39,1.53-.39,2.57,0,1.64.44,2.8,1.31,3.47.52.39,1.13.58,1.84.58,1.03,0,1.82-.4,2.36-1.19s.81-1.86.81-3.18Z'/%3E%3C/svg%3E");--pdp-dp-shape: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='white' d='M16.06,3.66v19.12h-3.6v-1.96c-.53.84-1.13,1.45-1.81,1.83s-1.52.57-2.52.57c-1.65,0-3.05-.67-4.18-2.01s-1.69-3.05-1.69-5.15c0-2.42.56-4.32,1.67-5.7,1.11-1.38,2.6-2.08,4.46-2.08.86,0,1.62.19,2.29.56.67.38,1.21.9,1.62,1.56V3.66h3.75ZM6.08,15.79c0,1.31.26,2.35.78,3.13.51.79,1.29,1.18,2.34,1.18s1.84-.39,2.39-1.17.82-1.79.82-3.03c0-1.73-.44-2.97-1.31-3.71-.54-.45-1.16-.68-1.87-.68-1.08,0-1.88.41-2.38,1.23s-.76,1.83-.76,3.05Z'/%3E%3Cpath fill='white' d='M28.02,10.14c1.14,1.22,1.71,3.01,1.71,5.38,0,2.49-.56,4.39-1.68,5.7s-2.56,1.96-4.33,1.96c-1.13,0-2.06-.28-2.81-.84-.41-.31-.81-.77-1.19-1.36v7.38h-3.66V8.62h3.55v2.09c.4-.62.82-1.1,1.27-1.45.82-.63,1.8-.95,2.94-.95,1.65,0,3.06.61,4.21,1.83ZM25.92,15.69c0-1.09-.25-2.06-.75-2.9s-1.31-1.26-2.42-1.26c-1.34,0-2.26.64-2.77,1.91-.26.68-.39,1.53-.39,2.57,0,1.64.44,2.8,1.31,3.47.52.39,1.13.58,1.84.58,1.03,0,1.82-.4,2.36-1.19s.81-1.86.81-3.18Z'/%3E%3C/svg%3E")}.finish-help{display:grid;grid-template-columns:1fr;gap:10px;margin-top:4px}@media(min-width:540px){.finish-help{grid-template-columns:1fr 1fr;gap:12px}}.fin-card{display:grid;grid-template-columns:72px 1fr;gap:12px;align-items:center;padding:10px;border:1px solid var(--color-surface-border);border-radius:10px;background:var(--color-surface-card)}.fin-card__swatch{width:72px;height:45px;border-radius:4px;border:1px solid var(--color-surface-border);overflow:hidden;position:relative}.fin-card__body{min-width:0}.fin-card__head{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.fin-card__name{font-size:13px;font-weight:600;letter-spacing:-.01em;color:var(--color-text-primary)}.fin-card__tag{font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-tertiary)}.fin-card__tag--popular{color:#d77410}.fin-card__desc{margin-top:3px;font-size:12px;line-height:1.45;color:var(--color-text-secondary)}.pdp-swatch--type-standard,.pdp-swatch--type-matt-laminate,.pdp-swatch--type-gloss-laminate{position:relative;overflow:hidden;background:linear-gradient(170deg,#f7f3ea,#ece6d8)}.pdp-swatch--type-standard:before,.pdp-swatch--type-matt-laminate:before,.pdp-swatch--type-gloss-laminate:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--pdp-dp);background-repeat:no-repeat;background-position:center;background-size:auto 72%;pointer-events:none}.pdp-swatch--type-standard{transition:filter .4s ease-out}.fin-card:hover .pdp-swatch--type-standard{filter:brightness(1.02)}.pdp-swatch--type-matt-laminate:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 55% at 50% 28%,rgba(255,255,255,.32) 0%,rgba(255,255,255,.12) 50%,transparent 85%),linear-gradient(180deg,#78644b1a,#503c2829);transition:opacity .7s ease-in-out;pointer-events:none}.pdp-swatch--type-gloss-laminate:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.95) 50%,transparent 60%);background-size:250% 100%;background-position:-100% 0;mix-blend-mode:overlay;transition:background-position 1.1s cubic-bezier(.2,0,0,1);pointer-events:none}.fin-card:hover .pdp-swatch--type-gloss-laminate:after{background-position:200% 0}@media(prefers-reduced-motion:reduce){.pdp-swatch--type-matt-laminate:after,.pdp-swatch--type-gloss-laminate:after{transition:none}}.pdp-swatch--type-flat-uv{position:relative;overflow:hidden;background:linear-gradient(170deg,#f7f3ea,#ece6d8)}.pdp-swatch--type-flat-uv:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--pdp-dp);background-repeat:no-repeat;background-position:center;background-size:auto 72%;pointer-events:none}.pdp-swatch--type-flat-uv:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;-webkit-mask:var(--pdp-dp-shape) center / auto 72% no-repeat;mask:var(--pdp-dp-shape) center / auto 72% no-repeat;background:linear-gradient(105deg,transparent 25%,rgba(255,255,255,.65) 50%,transparent 75%);background-size:220% 100%;background-position:-50% 0;mix-blend-mode:soft-light;transition:background-position 1.4s cubic-bezier(.16,1,.3,1);pointer-events:none}.fin-card:hover .pdp-swatch--type-flat-uv:after{background-position:150% 0}@media(prefers-reduced-motion:reduce){.pdp-swatch--type-flat-uv:after{transition:none}}.pdp-swatch--type-raised-uv{position:relative;overflow:hidden;background:radial-gradient(ellipse at 35% 30%,rgba(255,255,255,.1) 0%,transparent 60%),linear-gradient(170deg,#1d4d80,#0c2c4d);border-color:#00000040}.pdp-swatch--type-raised-uv:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;-webkit-mask:var(--pdp-d-shape) center / auto 72% no-repeat;mask:var(--pdp-d-shape) center / auto 72% no-repeat;background:linear-gradient(180deg,#ffffffeb,#ffffff8c 18%,#ffffff38 50%,#0000001a 80%,#00000047);background-size:100% 200%;background-position:0% 0%;filter:drop-shadow(0 -.5px 0 rgba(255,255,255,.6)) drop-shadow(2px 3px 5px rgba(0,0,0,.55));transition:filter .6s cubic-bezier(.2,0,0,1),background-position .6s cubic-bezier(.2,0,0,1),transform .6s cubic-bezier(.2,0,0,1);pointer-events:none;transform:translateZ(0)}.pdp-swatch--type-raised-uv:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;-webkit-mask:var(--pdp-p-shape) center / auto 72% no-repeat;mask:var(--pdp-p-shape) center / auto 72% no-repeat;background:#dce8f599;pointer-events:none}.fin-card:hover .pdp-swatch--type-raised-uv:before{background-position:0% 25%;filter:drop-shadow(0 -.5px 0 rgba(255,255,255,.85)) drop-shadow(4px 6px 8px rgba(0,0,0,.65));transform:translateZ(0) translateY(-1px)}@media(prefers-reduced-motion:reduce){.pdp-swatch--type-raised-uv:before{transition:none}}.pdp-swatch--type-foil{position:relative;overflow:hidden;background:radial-gradient(ellipse at 35% 30%,rgba(255,255,255,.1) 0%,transparent 60%),linear-gradient(170deg,#1d4d80,#0c2c4d);border-color:#00000040}.pdp-swatch--type-foil:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;-webkit-mask:var(--pdp-d-shape) center / auto 72% no-repeat;mask:var(--pdp-d-shape) center / auto 72% no-repeat;background:linear-gradient(135deg,#8b6914,#d4a22a 9%,#fff4c2 16%,#b8860b,#ffd96b,#c9962b 40%,#8b6914 50%,#d4a22a 59%,#fff4c2 66%,#b8860b,#ffd96b,#c9962b 90%,#8b6914);background-size:200% 200%;background-position:0% 50%;filter:drop-shadow(1px 2px 1.5px rgba(0,0,0,.45));transition:background-position 1.4s cubic-bezier(.2,0,0,1);pointer-events:none}.pdp-swatch--type-foil:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;-webkit-mask:var(--pdp-p-shape) center / auto 72% no-repeat;mask:var(--pdp-p-shape) center / auto 72% no-repeat;background:linear-gradient(135deg,#5a5a5a,#9a9a9a 9%,#f8f8f8 16%,#7a7a7a,#e6e6e6,#a0a0a0 40%,#5a5a5a 50%,#9a9a9a 59%,#f8f8f8 66%,#7a7a7a,#e6e6e6,#a0a0a0 90%,#5a5a5a);background-size:200% 200%;background-position:0% 50%;filter:drop-shadow(1px 2px 1.5px rgba(0,0,0,.45));transition:background-position 1.4s cubic-bezier(.2,0,0,1);pointer-events:none}.fin-card:hover .pdp-swatch--type-foil:before,.fin-card:hover .pdp-swatch--type-foil:after{background-position:100% 50%}@media(prefers-reduced-motion:reduce){.pdp-swatch--type-foil:before,.pdp-swatch--type-foil:after{transition:none}}.pdp-swatch--type-waterproof{position:relative;overflow:hidden;background:linear-gradient(135deg,transparent 35%,rgba(255,255,255,.45) 50%,transparent 65%),linear-gradient(170deg,#f0f6fa,#d2e2ec)}.pdp-swatch--type-waterproof:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--pdp-dp);background-repeat:no-repeat;background-position:center;background-size:auto 72%;pointer-events:none}.pdp-swatch--type-waterproof:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle 1.6px at 24% 22%,rgba(255,255,255,1) 0%,rgba(255,255,255,.5) 55%,transparent 100%),radial-gradient(circle 7px at 27% 26%,rgba(255,255,255,.32) 0%,rgba(255,255,255,.16) 55%,rgba(255,255,255,.04) 85%,transparent 100%),radial-gradient(ellipse 7.5px 3.5px at 28% 32%,rgba(20,55,85,.22) 0%,transparent 100%),radial-gradient(circle 1.3px at 73% 50%,rgba(255,255,255,.95) 0%,rgba(255,255,255,.45) 55%,transparent 100%),radial-gradient(circle 5.5px at 76% 53%,rgba(255,255,255,.28) 0%,rgba(255,255,255,.14) 55%,transparent 100%),radial-gradient(ellipse 6px 2.8px at 77% 58%,rgba(20,55,85,.18) 0%,transparent 100%),radial-gradient(circle 1px at 33% 76%,rgba(255,255,255,.9) 0%,transparent 100%),radial-gradient(circle 4px at 35% 78%,rgba(255,255,255,.24) 0%,rgba(255,255,255,.1) 55%,transparent 100%),radial-gradient(ellipse 4.5px 2px at 36% 82%,rgba(20,55,85,.15) 0%,transparent 100%);background-repeat:no-repeat;pointer-events:none}