/* One product page per UNPAINT family. Shade selection stays in place. */
.unpaint-next .up-family-v2{background:#f6f2eb;color:#1b2529;overflow:clip}
.unpaint-next .up-family-top{background:#1b2529;color:#f6f2eb;padding:16px 0 18px}
.unpaint-next .up-family-breadcrumb{display:flex;gap:12px;align-items:center;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.unpaint-next .up-family-breadcrumb a{color:#f6f2eb;text-underline-offset:4px}
.unpaint-next .up-family-kicker{display:flex;justify-content:space-between;gap:20px;margin-top:26px;font-size:12px;font-weight:800;letter-spacing:.18em}
.unpaint-next .up-family-v2-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(380px,.96fr);align-items:start;gap:clamp(28px,5vw,84px);padding-top:clamp(28px,4vw,62px);padding-bottom:clamp(65px,8vw,130px)}
.unpaint-next .up-family-gallery{position:sticky;top:24px;min-width:0;margin:0}
.unpaint-next .up-family-gallery-stage{position:relative;background:var(--up-selected,#ece7e1);box-shadow:20px 20px 0 #d9d2c6;transition:background .2s ease}
.unpaint-next .up-family-gallery-stage img{display:block;width:100%;aspect-ratio:1;object-fit:contain}
.unpaint-next .up-family-gallery-controls{position:absolute;right:13px;bottom:13px;display:flex;align-items:center;gap:8px;padding:5px;background:#f6f2ebf2;box-shadow:0 2px 12px #1b252933}
.unpaint-next .up-family-gallery-controls button{width:42px;height:42px;border:1px solid #a3aaa8;background:#fff;color:#1b2529;font-size:22px;cursor:pointer}
.unpaint-next .up-family-gallery-controls button:hover{background:#1b2529;color:#fff}
.unpaint-next .up-family-gallery-controls button:disabled{opacity:.45;cursor:default}
.unpaint-next .up-family-gallery-controls span{min-width:54px;text-align:center;font-size:12px;font-weight:800;font-variant-numeric:tabular-nums}
.unpaint-next .up-family-gallery-corner{position:absolute;left:0;top:0;width:66px;height:66px;background:linear-gradient(135deg,#f6f2eb 49%,transparent 50%);pointer-events:none}
.unpaint-next .up-family-gallery-meta{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:32px;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.unpaint-next .up-family-swatch{display:inline-block;flex:none;width:54px;height:54px;border:3px solid #fff;box-shadow:0 0 0 1px #8e8e88}
.unpaint-next .up-family-gallery-thumbs{display:flex;gap:8px;overflow-x:auto;overscroll-behavior-inline:contain;padding:12px 2px 8px;scrollbar-color:#8c9696 #ece8e0;scrollbar-width:thin}
.unpaint-next .up-gallery-thumb{position:relative;display:block;flex:0 0 86px;width:86px;height:86px;padding:0;background:#fff;border:2px solid transparent;cursor:pointer}
.unpaint-next .up-gallery-thumb[aria-pressed="true"]{border-color:#c74f32;box-shadow:0 0 0 2px #fff inset}
.unpaint-next .up-gallery-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.unpaint-next .up-gallery-thumb span{position:absolute;left:2px;bottom:2px;padding:3px 4px;background:#1b2529e8;color:#fff;font-size:8px;font-weight:900;letter-spacing:.04em}
.unpaint-next .up-gallery-thumb[data-kind="shade"] span{background:#c74f32}
.unpaint-next .up-family-gallery figcaption{font-size:13px;line-height:1.5;color:#586164;max-width:58ch;margin-top:12px}
.unpaint-next .up-family-config{min-width:0}
.unpaint-next .up-family-eyebrow{font-size:12px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:#b94c32;margin:0 0 18px}
.unpaint-next .up-family-config h1{font:800 clamp(5rem,9vw,10rem)/.78 'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:-.025em;margin:0 0 30px;overflow-wrap:anywhere}
.unpaint-next .up-family-lead{font:700 clamp(1.35rem,2vw,1.8rem)/1.13 'Barlow Condensed',sans-serif;text-transform:uppercase;max-width:26ch;margin:0 0 44px}
.unpaint-next .up-current-shade{border-top:2px solid #1b2529;border-bottom:1px solid #b5b7b2;padding:18px 0 25px;margin-bottom:30px;min-height:206px}
.unpaint-next .up-current-label{font-size:12px;font-weight:900;letter-spacing:.18em;color:#566366}
.unpaint-next .up-current-shade h2{font:800 clamp(2.65rem,5vw,4.8rem)/.9 'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:-.015em;margin:10px 0 13px}
.unpaint-next .up-current-shade p{font-size:15px;line-height:1.55;max-width:58ch;margin:0;color:#354247}
.unpaint-next .up-shade-field,.unpaint-next .up-format-field{border:0;margin:0;padding:0;min-width:0}
.unpaint-next .up-shade-field legend,.unpaint-next .up-format-field legend{font:800 1.55rem/1 'Barlow Condensed',sans-serif;text-transform:uppercase}
.unpaint-next .up-choice-hint{font-size:13px;line-height:1.45;color:#596368;margin:9px 0 18px}
.unpaint-next .up-shade-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:410px;overflow-y:auto;padding:3px 8px 8px 3px;scrollbar-color:#a8a9a3 #ebe5dc}
.unpaint-next .up-shade-choice{display:flex;align-items:center;gap:10px;min-height:58px;padding:7px 10px;text-align:left;border:2px solid #d7d8d2;background:#fff;color:#263136;cursor:pointer;font-family:inherit;font-size:14px;font-weight:700;line-height:1.15;transition:border-color .15s,transform .15s}
.unpaint-next .up-shade-choice:hover{border-color:#b94c32;transform:translateY(-1px)}
.unpaint-next .up-shade-choice[aria-pressed=true]{border-color:#1b2529;box-shadow:inset 0 0 0 1px #1b2529;background:#fff7ee}
.unpaint-next .up-shade-choice-swatch{display:block;flex:none;width:35px;height:35px;border:1px solid #9c9e9a;border-radius:50%}
.unpaint-next .up-shade-choice-name{overflow-wrap:anywhere}
.unpaint-next .up-format-field{border-top:1px solid #a8ada9;margin-top:27px;padding-top:25px}
.unpaint-next .up-format-options{display:flex;gap:9px;margin-top:14px}
.unpaint-next .up-format-options button{min-width:108px;min-height:48px;border:2px solid #959c9b;background:transparent;color:#263136;font-family:inherit;font-size:15px;font-weight:800;line-height:1;cursor:pointer}
.unpaint-next .up-format-options button[aria-pressed=true]{border-color:#1b2529;background:#1b2529;color:#fff}
.unpaint-next .up-family-availability{font-size:13px;line-height:1.5;color:#596368;margin:18px 0 24px;max-width:60ch}
.unpaint-next .up-family-actions{display:flex;flex-wrap:wrap;gap:11px;align-items:stretch}
.unpaint-next .up-family-actions button,.unpaint-next .up-family-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 18px;font-family:inherit;font-size:14px;font-weight:800;line-height:1.2;text-decoration:none;text-align:center;cursor:pointer}
.unpaint-next .up-family-save{background:#c74f32;color:#fff;border:2px solid #c74f32}
.unpaint-next .up-family-save[aria-pressed=true]{background:#1b2529;border-color:#1b2529}
.unpaint-next #up-family-contact{border:2px solid #1b2529;color:#1b2529;background:transparent}
.unpaint-next .up-family-save-status{min-height:1.5em;font-size:14px;line-height:1.4;margin:14px 0 0;color:#355243}
.unpaint-next .up-family-save-status[data-error=true]{color:#a63e2a}
.unpaint-next .up-family-editorial{background:#e6e1d7;padding:clamp(55px,7vw,110px) 0}
.unpaint-next .up-family-editorial-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,6vw,100px)}
.unpaint-next .up-family-editorial h2{font:800 clamp(3.5rem,6vw,6.5rem)/.86 'Barlow Condensed',sans-serif;text-transform:uppercase;margin:0;max-width:11ch}
.unpaint-next .up-family-editorial p:not(.up-family-eyebrow){font-size:clamp(17px,1.7vw,21px);line-height:1.45;max-width:54ch;margin:0 0 25px}
.unpaint-next .up-family-editorial a,.unpaint-next .up-family-next a{font-weight:800;color:#1b2529;text-underline-offset:5px}
.unpaint-next .up-family-next{display:flex;justify-content:space-between;gap:20px;padding-top:32px;padding-bottom:36px;font-size:14px;text-transform:uppercase}
.unpaint-next .up-family-v2 a:focus-visible,.unpaint-next .up-family-v2 button:focus-visible{outline:3px solid #246df0;outline-offset:3px}
@media(max-width:1020px){.unpaint-next .up-family-v2-grid{grid-template-columns:minmax(0,.9fr) minmax(330px,1.1fr);gap:34px}.unpaint-next .up-family-config h1{font-size:clamp(5rem,10vw,8rem)}}
@media(max-width:760px){.unpaint-next .up-family-v2-grid{grid-template-columns:1fr;padding-top:22px}.unpaint-next .up-family-gallery{position:static;max-width:580px}.unpaint-next .up-family-gallery-stage{box-shadow:10px 10px 0 #d9d2c6}.unpaint-next .up-family-config{padding-top:15px}.unpaint-next .up-family-config h1{font-size:clamp(5rem,18vw,8rem)}.unpaint-next .up-family-editorial-grid{grid-template-columns:1fr}.unpaint-next .up-family-kicker{margin-top:16px}}
@media(max-width:480px){.unpaint-next .up-family-top{padding:15px 0}.unpaint-next .up-family-kicker{font-size:10px;letter-spacing:.09em}.unpaint-next .up-family-v2-grid{gap:20px}.unpaint-next .up-family-gallery-meta{padding-top:23px;font-size:11px}.unpaint-next .up-family-config h1{font-size:clamp(4.6rem,21vw,6.8rem);margin-bottom:20px}.unpaint-next .up-family-lead{margin-bottom:30px}.unpaint-next .up-shade-choice-grid{max-height:360px;grid-template-columns:1fr 1fr}.unpaint-next .up-shade-choice{font-size:12px;gap:7px;padding:7px;min-height:56px}.unpaint-next .up-shade-choice-swatch{width:28px;height:28px}.unpaint-next .up-family-next{flex-direction:column}.unpaint-next .up-family-actions>*{flex:1 1 100%}}
@media(max-width:480px){.unpaint-next .up-family-gallery-controls{right:7px;bottom:7px}.unpaint-next .up-family-gallery-controls button{width:36px;height:36px}.unpaint-next .up-gallery-thumb{flex-basis:72px;width:72px;height:72px}}
@media(prefers-reduced-motion:reduce){.unpaint-next .up-shade-choice,.unpaint-next .up-family-gallery-stage{transition:none}.unpaint-next .up-shade-choice:hover{transform:none}}

.unpaint-next #up-family-portal-link{display:inline-block;margin-top:3px;font-weight:800;color:#1b2529;text-underline-offset:4px}
.unpaint-next #up-family-portal-link[hidden]{display:none}
.unpaint-next .up-current-shade p{font-size:16px;line-height:1.6}
.unpaint-next .up-choice-hint,.unpaint-next .up-family-availability{font-size:15px;line-height:1.55}
.unpaint-next .up-format-field{margin-top:34px;padding-top:30px}
.unpaint-next .up-family-availability{margin:20px 0 30px}
.unpaint-next .up-family-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch}
.unpaint-next .up-family-actions button,.unpaint-next .up-family-actions a{min-height:58px;font-size:15px}
@media(max-width:560px){.unpaint-next .up-family-actions{grid-template-columns:1fr}.unpaint-next .up-family-actions>*{width:100%}}
/* Catalogue: twelve products, grouped for easier comparison. */
.unpaint-next .up-catalog-v2{background:#f6f2eb;color:#1b2529}
.unpaint-next .up-catalog-v2-hero{background:#1b2529;color:#f6f2eb;padding:clamp(50px,8vw,130px) 0 clamp(40px,6vw,88px)}
.unpaint-next .up-catalog-v2-hero>.up-next-wrap>a{display:inline-block;color:#f6f2eb;font-size:13px;font-weight:800;text-transform:uppercase;margin-bottom:38px;text-underline-offset:4px}
.unpaint-next .up-catalog-v2-hero .up-family-eyebrow{color:#f5a78b}
.unpaint-next .up-catalog-v2-hero h1{font:800 clamp(5.2rem,11vw,12rem)/.79 'Barlow Condensed',sans-serif;text-transform:uppercase;max-width:9ch;margin:0 0 28px;letter-spacing:-.025em}
.unpaint-next .up-catalog-v2-hero p:not(.up-family-eyebrow){font-size:clamp(18px,2vw,24px);line-height:1.42;max-width:48ch;margin:0 0 45px}
.unpaint-next .up-catalog-v2-hero nav{display:flex;flex-wrap:wrap;gap:10px}
.unpaint-next .up-catalog-v2-hero nav a{display:inline-flex;align-items:center;padding:11px 16px;min-height:44px;color:#fff;border:1px solid #a0a3a1;text-decoration:none;font-size:13px;font-weight:800;letter-spacing:.09em}
.unpaint-next .up-catalog-v2-hero nav a:hover{background:#c74f32;border-color:#c74f32}
.unpaint-next .up-catalog-v2-group{padding:clamp(48px,6vw,85px) 0;border-bottom:1px solid #c7c6bf}
.unpaint-next .up-catalog-v2-group h2{font:800 clamp(2rem,3vw,3rem)/1 'Barlow Condensed',sans-serif;margin:0 0 24px;letter-spacing:.04em}
.unpaint-next .up-catalog-v2-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.unpaint-next .up-catalog-card{display:flex;flex-direction:column;min-width:0;background:#fff;color:#1b2529;text-decoration:none;border:2px solid transparent;transition:border-color .18s,transform .18s}
.unpaint-next .up-catalog-card:hover{border-color:#c74f32;transform:translateY(-3px)}
.unpaint-next .up-catalog-card-image{background:#e5dfd4}
.unpaint-next .up-catalog-card-image img{display:block;width:100%;aspect-ratio:1;object-fit:contain}
.unpaint-next .up-catalog-card-content{display:flex;flex-direction:column;flex:1;padding:20px}
.unpaint-next .up-catalog-card-top{display:flex;justify-content:space-between;gap:6px;font-size:10px;font-weight:900;letter-spacing:.08em}
.unpaint-next .up-catalog-card h3{font:800 clamp(2.5rem,3.6vw,4.4rem)/.88 'Barlow Condensed',sans-serif;text-transform:uppercase;margin:28px 0 14px;overflow-wrap:anywhere}
.unpaint-next .up-catalog-card p{font-size:14px;line-height:1.35;margin:0 0 27px;max-width:27ch}
.unpaint-next .up-catalog-card-bottom{display:flex;justify-content:space-between;align-items:end;gap:8px;margin-top:auto}
.unpaint-next .up-catalog-card-bottom strong{font-size:12px;text-align:right;text-transform:uppercase;max-width:12ch}
.unpaint-next .up-catalog-card-swatches{display:flex}
.unpaint-next .up-catalog-card-swatches span{display:block;width:27px;height:27px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #aeb0ac;margin-left:-5px}
.unpaint-next .up-catalog-card-swatches span:first-child{margin-left:0}
.unpaint-next .up-catalog-v2-outro{background:#e6e1d7;padding:clamp(55px,7vw,110px) 0}
.unpaint-next .up-catalog-v2-outro>.up-next-wrap{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,6vw,100px)}
.unpaint-next .up-catalog-v2-outro h2{font:800 clamp(3.5rem,6vw,6.5rem)/.86 'Barlow Condensed',sans-serif;text-transform:uppercase;max-width:10ch;margin:0}
.unpaint-next .up-catalog-v2-outro p:not(.up-family-eyebrow){font-size:clamp(17px,1.7vw,21px);line-height:1.45;margin:0 0 24px;max-width:52ch}
.unpaint-next .up-catalog-v2-outro a{color:#1b2529;font-weight:800;text-underline-offset:5px}
.unpaint-next .up-catalog-v2 a:focus-visible{outline:3px solid #246df0;outline-offset:3px}
@media(max-width:1100px){.unpaint-next .up-catalog-v2-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.unpaint-next .up-catalog-card-image img{aspect-ratio:1}}
@media(max-width:650px){.unpaint-next .up-catalog-v2-hero h1{font-size:clamp(4.8rem,17vw,7.5rem)}.unpaint-next .up-catalog-v2-grid{grid-template-columns:1fr}.unpaint-next .up-catalog-card-image img{aspect-ratio:1}.unpaint-next .up-catalog-v2-outro>.up-next-wrap{grid-template-columns:1fr}.unpaint-next .up-catalog-card h3{font-size:clamp(3rem,12vw,4.8rem)}}
@media(prefers-reduced-motion:reduce){.unpaint-next .up-catalog-card{transition:none}.unpaint-next .up-catalog-card:hover{transform:none}}

/* Decorative wishlist heart: keeps the button's accessible text and state unchanged. */
.unpaint-next .up-family-actions #up-family-save{gap:9px}
.unpaint-next .up-family-actions #up-family-save::before{content:"";display:inline-block;width:18px;height:18px;flex:0 0 18px;background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.7l-1.1-1.1a5.5 5.5 0 0 0-7.8 7.8L12 21l8.8-8.6a5.5 5.5 0 0 0 0-7.8Z' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.7l-1.1-1.1a5.5 5.5 0 0 0-7.8 7.8L12 21l8.8-8.6a5.5 5.5 0 0 0 0-7.8Z' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}