:root{--ink:#212820;--forest:#194c40;--paper:#fbf9f4;--muted:#657066;--line:#dedfd5;--camel:#d4a77b;--soft:#eeeee5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit}button{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #b17331;outline-offset:4px}img{max-width:100%}button{border:0}h1,h2,h3,p{margin:0}h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.045em;line-height:1.04}h1{font-size:clamp(38px,3.8vw,60px)}h2{font-size:clamp(36px,4.3vw,64px)}h3{font-size:21px;line-height:1.25;letter-spacing:-.025em}em{color:var(--forest);font-weight:400}p{color:var(--muted)}.wrap{max-width:1320px;margin:0 auto;padding-left:44px;padding-right:44px}.skip{position:fixed;left:10px;top:-70px;background:white;padding:15px;z-index:100}.skip:focus{top:10px}.announcement{text-align:center;background:var(--forest);color:white;padding:9px 20px;font-size:10px;letter-spacing:.13em;font-weight:650}.announcement span{margin-left:28px;font-weight:400;letter-spacing:.01em}.header{height:100px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;font-weight:850;letter-spacing:-.025em;font-size:20px;line-height:1.2}.brand small{display:block;font-size:8px;letter-spacing:.25em;margin-top:6px;font-weight:600}.brand-icon{font-size:38px;line-height:1;color:var(--forest)}nav{display:flex;gap:28px;align-items:center;font-size:13px}nav a{text-decoration:none}nav button{padding:0;background:none}.bag{display:flex;align-items:center;gap:10px;background:none;font-weight:600}.bag span{background:var(--soft);min-width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:11px}.product{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;padding-top:22px;padding-bottom:76px;align-items:start}.gallery{position:sticky;top:22px}.hero-photo{position:relative;aspect-ratio:4/5;border-radius:6px;overflow:hidden;background:#e5e5e2}.sheet-photo{position:absolute;inset:0;background-image:url('df2-sheet.webp');background-size:200% 300%;background-repeat:no-repeat}.green-front{background-position:100% 0}.black-front{background-position:0 0}.green-side{background-position:0 50%}.green-back{background-position:100% 50%}.black-flat{background-position:0 100%}.colours{background-position:100% 100%}.photo-tag{position:absolute;top:22px;left:22px;background:#fbf9f4e8;border-radius:3px;font-size:9px;font-weight:650;letter-spacing:.11em;padding:7px 10px}.photo-caption{position:absolute;bottom:22px;left:24px;font-family:Georgia,serif;font-style:italic;font-size:19px;color:#26392f}.zoom{position:absolute;bottom:18px;right:18px;width:38px;height:38px;background:var(--paper);border-radius:50%;font-size:22px}.thumbnails{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:12px}.thumb{position:relative;aspect-ratio:1;border-radius:3px;overflow:hidden;padding:0;border:2px solid transparent;background:#e5e5e2}.thumb.active{border-color:var(--forest)}.thumb .sheet-photo{inset:3px}.gallery-note{font-size:11px;text-align:center;margin-top:13px}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:700;display:flex;align-items:center;gap:8px;margin-bottom:20px;color:var(--forest)}.dot{width:6px;height:6px;border-radius:50%;background:var(--forest)}.buy-panel{padding-top:8px}.product-name{color:var(--muted);font-size:15px;margin-top:18px}.price-line{display:flex;gap:12px;align-items:center;margin-top:14px}.price-line strong{font-size:27px;letter-spacing:-.04em}.price-line s{font-size:17px;color:#7a7e77}.save{font-size:11px;padding:5px 9px;background:#e3eadd;border-radius:3px;color:#28513e;font-weight:600}.intro{margin-top:15px;font-size:14px;line-height:1.7;max-width:480px}.mini-benefits{display:flex;gap:15px;flex-wrap:wrap;margin:20px 0 24px;padding-bottom:23px;border-bottom:1px solid var(--line);font-size:10px;font-weight:500}.option-heading{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;margin:19px 0 11px}.option-heading strong{font-weight:400;color:var(--muted);margin-left:6px}.text-button{padding:0;background:none;text-decoration:underline;text-underline-offset:3px;font-size:inherit}.swatches{display:flex;gap:10px;flex-wrap:wrap}.swatch{width:34px;height:34px;border-radius:50%;border:3px solid var(--paper);box-shadow:0 0 0 1px var(--line);background:var(--swatch)}.swatch.active{box-shadow:0 0 0 2px var(--forest)}.sizes{display:flex;gap:7px;flex-wrap:wrap}.size{min-width:49px;height:39px;background:transparent;border:1px solid var(--line);border-radius:3px;font-size:12px;font-weight:600}.size.active{background:var(--forest);color:#fff;border-color:var(--forest)}.fit-hint{font-size:11px;line-height:1.6;margin-top:9px}.fit-hint button{padding:0;background:none;text-decoration:underline;color:var(--ink)}.packs{display:grid;gap:8px}.pack{display:flex;align-items:center;gap:12px;padding:13px 15px;text-align:left;background:transparent;border:1px solid var(--line);border-radius:4px}.pack.selected{border-color:var(--forest);background:#f0f3ea;box-shadow:inset 0 0 0 1px var(--forest)}.pack b{font-size:12px;display:block}.pack small{font-size:10px;color:var(--muted);display:block;margin-top:2px}.pack>strong{margin-left:auto;font-size:13px}.radio{width:16px;height:16px;border:1px solid #a5aaa1;border-radius:50%;flex-shrink:0}.selected .radio{border:5px solid var(--forest);background:var(--paper)}.second-coat{padding:13px;background:var(--soft);margin-top:8px;border-radius:4px}.second-coat label{font-size:11px;display:block;margin-bottom:7px}select{width:100%;padding:10px;background:var(--paper);border:1px solid var(--line);border-radius:3px;color:var(--ink)}.button{min-height:53px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 20px;font-size:13px;font-weight:600;border-radius:4px;text-decoration:none;border:0}.primary{background:var(--forest);color:white}.primary:hover{background:#103c32}.light{background:var(--paper);color:var(--forest)}#add-button{width:100%;margin-top:18px}.checkout-note{text-align:center;font-size:10px;margin-top:11px}.message{font-size:12px;margin-top:9px;color:#a03d27}.message:empty{display:none}.quick-faq{margin-top:26px}details{border-bottom:1px solid var(--line)}summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;font-size:12px;font-weight:600;cursor:pointer}summary::-webkit-details-marker{display:none}summary span{font-size:19px;font-weight:400}details[open] summary span{transform:rotate(45deg)}details p{font-size:13px;line-height:1.7;padding-bottom:18px}.ticker{display:flex;gap:58px;justify-content:center;overflow:hidden;white-space:nowrap;padding:23px;background:#e8e9db;color:#315643;font-size:14px;font-weight:800;letter-spacing:.12em}.ticker span:after{content:'✳';margin-left:58px;color:#9e6b42}.story{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;padding-top:100px;padding-bottom:100px}.story-copy{padding-left:40px}.story-copy p{margin-top:24px;max-width:330px;font-size:14px;line-height:1.8}.text-link{display:flex;justify-content:space-between;gap:35px;border-bottom:1px solid var(--ink);padding-bottom:9px;text-decoration:none;width:fit-content;font-size:12px;font-weight:600;margin-top:25px}.story-image{position:relative;aspect-ratio:1/.98;overflow:hidden;border-radius:5px}.story-image .sheet-photo{background-size:200% 330%;background-position:0 49%}.stamp{position:absolute;right:20px;bottom:20px;width:105px;height:105px;background:#e3b488;border-radius:50%;display:flex;flex-direction:column;justify-content:center;text-align:center;font-size:11px;line-height:1.4;letter-spacing:.12em;transform:rotate(-12deg);color:#423224}.stamp b{font-size:8px;margin-top:5px}.construction{padding-bottom:90px}.section-heading{text-align:center}.section-heading .eyebrow{justify-content:center}.section-heading h2{font-size:44px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:50px}.detail-grid article{border-top:1px solid var(--line);padding-top:20px}.detail-number{font-size:11px;letter-spacing:.06em;color:#a4774b}.detail-grid h3{margin-top:22px}.detail-grid p{font-size:13px;line-height:1.8;margin-top:14px;max-width:320px}.fit-section{background:var(--forest);color:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:65px 75px;border-radius:5px;max-width:1232px}.fit-section .eyebrow,.fit-section p{color:#c8d8cc}.fit-section em{color:#deb68e}.fit-section h2{font-size:49px}.fit-section p{font-size:13px;max-width:360px;line-height:1.8;margin-top:20px}.fit-section .button{width:fit-content;min-width:215px;margin-top:25px}.measure-steps{align-self:center}.measure-steps>div{display:flex;gap:24px;padding:23px 0;border-bottom:1px solid #527264}.measure-steps>div:first-child{padding-top:0}.measure-steps>div:last-child{border:0}.measure-steps span{color:#deb68e;font-family:Georgia,serif;font-size:28px}.measure-steps p{margin:0}.measure-steps strong{display:block;color:white;font-size:16px;margin-bottom:4px}.faq{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-top:100px;padding-bottom:100px}.faq h2{font-size:50px}.faq>div>p{font-size:13px;margin-top:20px}.faq summary{font-size:14px;padding:21px 0}.closing{background:#eae5d9;text-align:center;padding:70px 0}.closing .eyebrow{justify-content:center}.closing h2{font-size:54px}.closing .button{width:280px;margin:28px auto 0}.footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:25px;padding-top:42px;padding-bottom:30px}.footer .brand{font-size:17px}.footer>div{display:flex;gap:20px;font-size:11px}.footer>div a{text-decoration:none}.footer>p{font-size:10px;flex-basis:100%;border-top:1px solid var(--line);padding-top:20px}.sticky-buy{position:fixed;bottom:0;left:0;right:0;background:#fbf9f4f5;border-top:1px solid var(--line);backdrop-filter:blur(12px);z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px max(24px,calc((100vw - 1232px)/2));box-shadow:0 -5px 30px #00000008}.sticky-buy[hidden]{display:none}.sticky-buy>div{display:flex;gap:18px;align-items:center;font-size:12px}.sticky-buy .button{min-height:43px;min-width:210px}.modal,.cart-modal{border:0;background:var(--paper);color:var(--ink);padding:40px;max-width:calc(100vw - 30px);max-height:90dvh;border-radius:6px}.modal::backdrop,.cart-modal::backdrop{background:#13241dcc;backdrop-filter:blur(3px)}.close{width:35px;height:35px;display:grid;place-items:center;font-size:27px;background:var(--soft);border-radius:50%;position:absolute;right:20px;top:20px;font-weight:300}.size-modal{width:600px}.size-modal h2{font-size:42px}.size-modal>p{font-size:13px;margin-top:20px}.units{display:flex;background:var(--soft);padding:4px;margin-top:20px;width:fit-content;border-radius:4px}.units button{padding:8px 15px;background:none;font-size:11px;border-radius:3px}.units .active{background:var(--forest);color:#fff}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;margin:20px 0 0;font-size:12px}caption{text-align:left;font-size:11px;color:var(--muted);padding-bottom:10px}th,td{padding:12px;border-bottom:1px solid var(--line)}th{background:var(--soft)}.size-modal .button{width:100%;margin-top:24px}.image-modal{padding:0;width:650px}.image-modal .close{z-index:2}.large-photo{aspect-ratio:4/5;position:relative}.cart-modal{position:fixed;inset:0 0 0 auto;margin:0;width:460px;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0;padding:30px;overflow:auto}.cart-heading{padding-right:45px}.cart-heading h2{font-size:30px}.cart-heading .close{top:25px;right:25px}.cart-subtitle{font-size:12px;margin:10px 0 24px}.cart-item{display:flex;gap:15px;padding:20px 0;border-top:1px solid var(--line)}.cart-item img{width:65px;height:80px;object-fit:cover;border-radius:3px;background:var(--soft)}.cart-item-info{flex:1;min-width:0}.cart-item h3{font-family:inherit;font-size:13px}.cart-item p{font-size:11px;margin-top:4px}.cart-line-total{font-weight:600;color:var(--ink)!important}.quantity-control{display:flex;align-items:center;gap:12px;margin-top:10px}.quantity-control button{background:var(--soft);width:27px;height:27px;border-radius:3px}.quantity-control .remove{margin-left:auto;width:auto;height:auto;background:none;font-size:10px;text-decoration:underline}.cross-sell{display:flex;align-items:center;gap:15px;background:#e9edde;padding:20px;margin-top:20px;border-radius:4px}.cross-sell .eyebrow{font-size:8px;margin-bottom:9px}.cross-sell h3{font-size:14px}.cross-sell p{font-size:12px;margin-top:5px}.add-extra{background:var(--paper);border:1px solid var(--forest);border-radius:3px;padding:9px 12px;font-size:11px;margin-left:auto;white-space:nowrap}.cart-bottom{margin-top:25px;border-top:1px solid var(--line);padding-top:20px}.subtotal{display:flex;justify-content:space-between;font-size:17px}.cart-bottom p{font-size:10px;margin:8px 0 20px}.continue{display:block;margin:18px auto;font-size:12px}.empty-cart{padding:30px 0}.cart-modal.busy{cursor:progress}.cart-modal.busy button,.cart-modal.busy #checkout-link{pointer-events:none;opacity:.55}body:has(dialog[open]){overflow:hidden}[hidden]{display:none!important}
@media(min-width:1500px){.product{gap:90px}.hero-photo{aspect-ratio:4/4.8}}
@media(max-width:1000px){.wrap{padding-left:26px;padding-right:26px}.product{gap:35px}.header{height:85px}.header nav{gap:18px}.story{gap:45px}.story-copy{padding-left:0}.fit-section{margin:0 26px;padding:45px;gap:45px}.fit-section h2{font-size:42px}.faq{gap:50px}.mini-benefits{gap:10px}.brand{font-size:17px}.detail-grid{gap:25px}}
@media(max-width:700px){body{font-size:14px}.wrap{padding-left:20px;padding-right:20px}.announcement{font-size:8px;padding:8px}.announcement span{display:none}.header{height:75px}.header nav{display:none}.brand{font-size:16px}.brand small{font-size:7px}.brand-icon{font-size:30px}.bag{font-size:12px}.product{grid-template-columns:1fr;gap:30px;padding-top:0;padding-bottom:44px}.gallery{position:static;margin:0 -20px}.hero-photo{aspect-ratio:1/1.08;border-radius:0}.hero-photo>.sheet-photo{background-size:200% 325%;background-position-y:2%}.hero-photo>.green-side,.hero-photo>.green-back{background-position-y:50%}.hero-photo>.black-flat,.hero-photo>.colours{background-position-y:100%}.photo-tag{top:18px;left:20px}.photo-caption{left:20px;bottom:18px;font-size:17px}.thumbnails{padding:0 20px;gap:8px;margin-top:10px}.gallery-note{font-size:10px}.buy-panel{padding-top:0}.buy-panel .eyebrow{margin-bottom:13px;font-size:9px}h1{font-size:44px;line-height:1.02}.product-name{margin-top:17px;font-size:13px}.price-line strong{font-size:25px}.intro{font-size:13px}.mini-benefits{font-size:9px;justify-content:space-between;gap:5px}.size{flex:1;min-width:40px;max-width:60px}.option-heading{font-size:12px}.swatch{width:35px;height:35px}.button{min-height:53px}.pack{padding:13px}.checkout-note{font-size:9px}.ticker{justify-content:flex-start;gap:28px;font-size:11px;padding:19px}.ticker span:after{margin-left:28px}.story{grid-template-columns:1fr;gap:30px;padding-top:55px;padding-bottom:55px}.story-copy{padding-right:15px}.story h2{font-size:50px}.story-copy p{max-width:100%;font-size:13px;margin-top:20px}.story-image{aspect-ratio:1}.construction{padding-bottom:50px}.section-heading{text-align:left}.section-heading .eyebrow{justify-content:flex-start}.section-heading h2{font-size:36px}.detail-grid{grid-template-columns:1fr;gap:24px;margin-top:30px}.detail-grid article{padding-top:14px}.detail-grid h3{margin-top:9px;font-size:20px}.detail-grid p{max-width:none;margin-top:10px;font-size:12px}.fit-section{grid-template-columns:1fr;margin:0 12px;padding:32px 26px;gap:30px}.fit-section h2{font-size:40px}.fit-section .eyebrow{font-size:8px}.fit-section p{font-size:12px}.measure-steps>div{padding:18px 0}.faq{grid-template-columns:1fr;gap:24px;padding-top:55px;padding-bottom:55px}.faq h2{font-size:44px}.faq>div>p{margin-top:12px}.faq summary{font-size:13px;padding:18px 0}.closing{padding:45px 0}.closing h2{font-size:40px}.footer{padding-top:32px;padding-bottom:95px}.footer>div{gap:17px;flex-wrap:wrap;font-size:10px}.sticky-buy{padding:10px 16px;padding-bottom:max(10px,env(safe-area-inset-bottom));gap:15px}.sticky-buy>div{display:block;font-size:11px}.sticky-buy>div span{display:block;font-size:12px}.sticky-buy .button{min-width:155px;padding:12px 16px;font-size:12px}.modal{padding:28px 20px}.modal h2{font-size:35px}.modal .close{right:14px;top:14px}.modal .eyebrow{font-size:8px;padding-right:35px}.image-modal{padding:0}.cart-modal{padding:26px 20px}.cart-heading h2{font-size:27px}.cart-heading .close{right:20px;top:20px}th,td{padding:10px 8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.header-actions{display:flex;gap:20px;align-items:center}.region-link{font-size:10px;text-decoration:none}.region-form{flex-basis:100%}.region-form form{display:flex;align-items:center;gap:12px}.region-form label{font-size:11px}.region-form select{max-width:250px;font-size:11px}.region-form button{background:var(--soft);padding:10px 14px;border-radius:3px;font-size:11px}.region-notice{font-size:12px;margin-top:12px}.story-image .sheet-photo{background-size:202% 302%;background-position:0 50%}@media(max-width:700px){.region-link{font-size:9px}.header-actions{gap:12px}.region-form form{flex-wrap:wrap}.region-form select{max-width:190px}}
.sheet-photo.cphoto,.hero-photo>.sheet-photo.cphoto,.thumb .sheet-photo.cphoto{background-size:cover;background-position:center}
.c-black{background-image:url('df2-c-black.webp')}.c-orange{background-image:url('df2-c-orange.webp')}.c-violet{background-image:url('df2-c-violet.webp')}.c-pink{background-image:url('df2-c-pink.webp')}.c-amber-red{background-image:url('df2-c-amber-red.webp')}.c-forest-green{background-image:url('df2-c-forest-green.webp')}
.thumbnails{grid-template-columns:repeat(4,1fr)}
.size-fit{font-size:12px;line-height:1.5;margin-top:11px;font-weight:600;color:var(--forest)}
.size-modal td:last-child{min-width:170px}
@media (max-width:700px){.size-modal th,.size-modal td{padding:10px 8px}.size-modal td:last-child{min-width:150px}}
.hero-photo .photo-caption{color:#fff;text-shadow:0 1px 12px rgba(0,0,0,.55)}
.size-modal td:not(:last-child){white-space:nowrap}
.p-green-side{background-image:url('df2-p-green-side.webp')}.p-green-back{background-image:url('df2-p-green-back.webp')}
.story-image .sheet-photo.cphoto{inset:0;background-size:cover;background-position:center 40%}
.pack{position:relative}
.pack-badge{position:absolute;top:-9px;right:12px;background:var(--forest);color:#fff;font-size:8px;font-weight:700;letter-spacing:.1em;padding:4px 8px;border-radius:20px}
.second-title{font-size:12px;font-weight:600;margin-bottom:9px}
.second-title small{display:block;font-weight:400;font-size:10px;color:var(--muted);margin-top:2px}
.second-pickers{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.second-pickers label{font-size:10px;color:var(--muted);display:grid;gap:4px;margin:0}
.addons{display:grid;gap:8px}
.addon{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--soft);border-radius:4px;cursor:pointer}
.addon input{width:18px;height:18px;accent-color:var(--forest);flex:none}
.addon b{font-size:12px;display:block}
.addon small{font-size:10px;color:var(--muted);display:block;margin-top:2px;line-height:1.4}
.addon>strong{margin-left:auto;font-size:12px;white-space:nowrap}
.fits{padding-bottom:90px}
.fits .section-heading p{font-size:13px;color:var(--muted);margin-top:14px}
.fits-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:40px}
.fits-grid article{border:1px solid var(--line);border-radius:5px;padding:20px 16px;background:#fff}
.fit-size{display:inline-block;background:var(--forest);color:#fff;font-weight:700;font-size:12px;padding:5px 10px;border-radius:3px}
.fits-grid strong{display:block;font-size:20px;margin-top:14px;font-family:Georgia,serif}
.fits-grid small{display:block;font-size:11px;color:var(--muted);margin-top:3px}
.fits-grid p{font-size:12px;line-height:1.5;margin-top:10px}
@media (max-width:1000px){.fits-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:700px){.fits-grid{grid-template-columns:1fr 1fr;gap:8px}.fits-grid article{padding:14px 12px}.fits-grid strong{font-size:17px}.fits{padding-bottom:60px}}
.pack-price{margin-left:auto;text-align:right;display:grid;gap:2px}
.pack-price strong{font-size:14px}
.pack-price s{font-size:11px;color:var(--muted)}
.pack-badge-alt{background:#b5652b}
.extra-coats{display:grid;gap:8px}
.pay-icons{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:10px}
.pay-icon{width:38px;height:24px}
.cart-savings strong{color:var(--forest)}
.pack-wrap{position:relative}.pack-wrap .pack{width:100%}
.pack-wrap.open .pack{border-radius:4px 4px 0 0;border-bottom-color:var(--line);box-shadow:inset 1px 1px 0 var(--forest),inset -1px 0 0 var(--forest)}
.pack-coats{display:grid;grid-template-rows:0fr;transition:grid-template-rows .32s ease}.pack-coats>div{overflow:hidden;min-height:0}
.pack-coats.open{grid-template-rows:1fr}.pack-wrap.open .pack-coats>div{border:2px solid var(--forest);border-top:0;border-radius:0 0 4px 4px;background:#f0f3ea}
.coat-row{padding:12px 15px 14px;border-top:1px solid var(--line)}.coat-row:first-child{border-top:0}
.coat-title{font-size:12px;font-weight:600;color:var(--ink);margin:0 0 9px}.coat-title span{font-weight:400;color:var(--muted)}
.coat-swatches{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.coat-swatch{width:28px;height:28px;padding:0;border-radius:50%;border:3px solid #f0f3ea;box-shadow:0 0 0 1px var(--line);background:var(--swatch)}.coat-swatch.active{box-shadow:0 0 0 2px var(--forest)}
.coat-sizes{display:flex;gap:6px;flex-wrap:wrap}
.coat-size{flex:1;min-width:40px;max-width:56px;height:34px;background:var(--paper);border:1px solid var(--line);border-radius:3px;font-size:11px;font-weight:600}.coat-size.active{background:var(--forest);color:#fff;border-color:var(--forest)}.coat-size:disabled{text-decoration:line-through}
@media(prefers-reduced-motion:reduce){.pack-coats{transition:none}}

.s-walk{background-image:url('df2-story-walk.webp')}
.s-side{background-image:url('df2-side-walk.webp')}
.s-snow{background-image:url('df2-snow-walk.webp')}