.bonnet-page{color:#30272b}.bonnet-page figure{margin:0}.bonnet-page p{font-size:16px;line-height:1.75;color:#67575f}.bonnet-page h1{font:400 clamp(38px,4vw,57px)/1.09 Georgia,serif;letter-spacing:-.025em;margin:0 0 22px}.bonnet-page h2{font-size:36px;margin:0}.bonnet-page h3{font:400 27px/1.2 Georgia,serif;margin:0 0 15px}.bonnet-page button,.bonnet-page select,.bonnet-page input{font-family:inherit}.bonnet-page button{cursor:pointer}.bonnet-page [hidden]{display:none!important}.bonnet-page a:focus-visible,.bonnet-page button:focus-visible,.bonnet-page summary:focus-visible,.bonnet-page input:focus-visible,.bonnet-page select:focus-visible{outline:2px solid #754859;outline-offset:4px}.bonnet-page :is(section,h3)[id]{scroll-margin-top:24px}.bonnet-scene{display:grid;grid-template-columns:.85fr 1.15fr;background:#f8f2ec;margin-top:22px;margin-bottom:44px}.scene-copy{padding:38px 32px;align-self:center}.scene-copy>p{font-size:16px}.bonnet-scene figure{position:relative;min-width:0;align-self:stretch}.bonnet-scene img{width:100%;height:470px;display:block;object-fit:cover;object-position:64% center}.bonnet-scene figcaption{position:absolute;bottom:0;left:0;right:0;padding:9px 15px;background:#f8f2ec;font-size:11px;line-height:1.6;color:#67575f}.bonnet-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:25px}.bonnet-actions .button{padding:16px 22px}.bonnet-page .scene-foot{font-size:12px;line-height:1.7;margin:24px 0 0}.bonnet-heading{display:flex;justify-content:space-between;gap:40px;align-items:start;margin-bottom:26px}.bonnet-heading>p{max-width:48ch;margin:0;font-size:15px}.style-studio{padding-bottom:42px}.style-choices{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.style-choice{padding:0 0 16px;text-align:left;background:white;border:0;border-bottom:2px solid #e5dbde;color:#30272b;display:flex;flex-direction:column;min-width:0}.style-choice[aria-pressed=true]{border-bottom-color:#673d50}.style-choice img{display:block;width:100%;height:230px;object-fit:contain;background:#f8f4f0}.style-source{font-size:11px;color:#715965;margin-top:10px}.style-name{font:400 25px/1.2 Georgia,serif;margin:8px 0}.style-caption{font-size:13px;line-height:1.6;color:#67575f}.style-open{font-size:13px;font-weight:500;margin-top:13px;display:flex;gap:12px;align-items:center}.style-open svg{width:15px;height:15px}.style-choice:hover .style-open{text-decoration:underline;text-underline-offset:4px}.shape-compare{margin:18px 0 26px;font-size:14px;color:#573747}.shape-compare summary{cursor:pointer;padding:12px 0}.compare-scroll{overflow-x:auto}.shape-compare table{width:100%;border-collapse:collapse;text-align:left;min-width:580px;font-size:14px;line-height:1.6;margin:15px 0}.shape-compare caption{text-align:left;margin-bottom:15px;color:#67575f}.shape-compare td,.shape-compare th{padding:12px;border-bottom:1px solid #e5dbde}.shape-compare th{font-weight:500}.style-detail{display:grid;grid-template-columns:.85fr 1.15fr;gap:45px;border-top:1px solid #e5dbde;padding-top:28px}.detail-visual{align-self:start}.detail-visual img{width:100%;height:420px;object-fit:contain;background:#f8f4f0}.detail-visual figcaption{font-size:12px;line-height:1.7;color:#715965;padding-top:12px}.detail-visual .text-link{margin-top:18px}.detail-content>h3{font-size:35px}.detail-content>p{font-size:15px;margin:0 0 16px}.style-guidance{margin:0 0 22px}.style-guidance>div{border-bottom:1px solid #e5dbde;padding:12px 0;display:grid;grid-template-columns:135px 1fr;gap:20px;font-size:14px;line-height:1.65}.style-guidance dt{font-weight:500}.style-guidance dd{color:#67575f;margin:0}.style-preferences{background:#f8f2ec;padding:23px}.style-preferences h4{font:400 25px/1.2 Georgia,serif;margin:0}.style-preferences>p{font-size:13px;line-height:1.65;margin:10px 0 18px}.preference-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.style-preferences label{font-size:13px;font-weight:500;display:grid;gap:7px}.style-preferences select,.style-preferences input{width:100%;min-width:0;border:1px solid #bfaeb6;color:#30272b;background:#fff;padding:10px;font-size:14px;border-radius:0}.fit-field{margin-top:16px}.style-preferences .save-style{margin-top:19px;font-size:14px}.style-preferences .style-save-status{font-size:12px;margin:10px 0 0;min-height:20px}.bonnet-proof{padding:40px 0;background:#f3ece7}.proof-layout{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.proof-art img{height:460px;width:100%;object-fit:contain;background:#dadbd7;display:block}.proof-art>p{font-size:12px;margin:9px 0 0}.proof-story>p{font-size:15px;margin:19px 0}.proof-switches{display:flex;gap:8px;flex-wrap:wrap}.proof-switches button{padding:11px 14px;background:transparent;border:1px solid #b7a7af;color:#563544;font-size:13px}.proof-switches button[aria-pressed=true]{background:#563544;border-color:#563544;color:#fff}.proof-explanation{margin-top:25px}.proof-explanation h3{font-size:25px}.proof-explanation p{font-size:14px}.proof-story .proof-note{font-size:12px;line-height:1.7}.proof-story .text-link{font-size:14px}.bonnet-review{padding-top:40px;padding-bottom:30px}.bonnet-review #saved-list article{display:flex;justify-content:space-between;gap:30px;padding:20px 0;border-bottom:1px solid #e5dbde}.bonnet-review #saved-list h3{font-size:25px;margin-bottom:8px}.bonnet-review #saved-list p{font-size:14px;margin:6px 0;overflow-wrap:anywhere}.bonnet-review #saved-list article>div:last-child{display:flex;gap:15px;align-items:start}.bonnet-review #saved-list button{border:0;border-bottom:1px solid #b7a7af;padding:8px 0;background:none;font-size:14px;color:#563544}.bonnet-review #empty-selection{font-size:15px;padding:20px;background:#f8f2ec}.review-actions{display:flex;align-items:center;gap:24px;margin-top:23px}.review-actions p{font-size:12px;max-width:42ch}.bonnet-faq{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding-top:20px;padding-bottom:40px}.bonnet-faq details{padding:17px 0;border-bottom:1px solid #e5dbde}.bonnet-faq summary{font-weight:500;font-size:16px;cursor:pointer}.bonnet-faq details p{font-size:14px}.selection-dock{position:sticky;bottom:0;z-index:15;background:#422934;color:#fff7ef;padding:13px 5%;box-shadow:0 -3px 16px #30272b12}.selection-dock>div{max-width:1268px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:14px}.selection-dock a{color:#fff7ef;text-decoration:underline;text-underline-offset:5px;padding:6px}.bonnet-v16 ::selection{background:#e2cbd5;color:#30272b}
@media(prefers-reduced-motion:no-preference){.style-detail:not([hidden]){animation:detailReveal .22s ease-out}@keyframes detailReveal{from{opacity:.5;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}}
@media(max-width:1000px){.bonnet-scene{grid-template-columns:1fr 1fr}.scene-copy{padding:25px}.bonnet-page h1{font-size:41px}.bonnet-scene img{height:440px}.style-choices{gap:16px}.style-choice img{height:180px}.style-name{font-size:22px}.style-detail,.proof-layout,.bonnet-faq{gap:30px}.style-guidance>div{grid-template-columns:1fr;gap:5px}.detail-visual img{height:340px}.proof-art img{height:400px}}
@media(max-width:700px){.bonnet-scene{grid-template-columns:1fr;margin-top:15px;margin-bottom:32px}.scene-copy{padding:25px 20px}.bonnet-page h1{font-size:40px}.bonnet-scene img{height:310px;object-position:63% center}.scene-copy>p{font-size:15px}.bonnet-actions{gap:16px;margin-top:20px}.bonnet-actions .text-link{font-size:14px}.bonnet-page .scene-foot{margin-top:20px}.bonnet-scene figcaption{font-size:10px}.bonnet-page h2{font-size:30px}.bonnet-heading{display:block;margin-bottom:22px}.bonnet-heading>p{font-size:14px;margin-top:14px}.style-choices{grid-template-columns:repeat(2,1fr);gap:24px 15px}.style-choice img{height:160px}.style-name{font-size:22px}.style-caption{font-size:12px}.style-source{font-size:10px}.style-detail{grid-template-columns:1fr;gap:23px}.detail-visual img{height:280px}.detail-content>h3{font-size:30px}.style-guidance>div{font-size:14px}.style-preferences{padding:18px}.preference-grid{gap:14px 12px}.style-preferences select,.style-preferences input{font-size:16px}.style-preferences .save-style{width:100%}.proof-layout{grid-template-columns:1fr;gap:23px}.proof-art img{height:310px}.proof-story{grid-row:1}.proof-switches{gap:7px}.proof-switches button{padding:11px 10px;font-size:12px}.bonnet-proof{padding:28px 0}.proof-explanation h3{font-size:24px}.bonnet-review{padding-top:30px}.bonnet-review #saved-list article{display:block}.bonnet-review #saved-list article>div:last-child{margin-top:12px}.review-actions{display:block}.review-actions .button{width:100%}.review-actions p{margin-top:12px}.bonnet-faq{grid-template-columns:1fr;gap:12px;padding-bottom:30px}.selection-dock>div{font-size:13px}.selection-dock{padding:10px 5%}}
.selection-dock{position:fixed;left:0;right:0;bottom:0}body.has-bonnet-selection{padding-bottom:68px}
@media(max-width:700px){.style-source{font-size:12px}.bonnet-scene figcaption{font-size:12px}}@media(max-width:420px){.preference-grid{grid-template-columns:1fr}}
.bonnet-v17 .style-choices{grid-template-columns:repeat(3,1fr);gap:30px 26px}.style-card{min-width:0;background:#fcfaf7;padding-bottom:16px}.bonnet-v17 .style-choice{width:100%;border:0;background:transparent;padding:0 0 12px}.bonnet-v17 .style-choice img{height:auto;aspect-ratio:1;object-fit:contain}.bonnet-v17 .style-choice>span{margin-left:16px;margin-right:16px}.bonnet-v17 .style-source{font-size:12px}.bonnet-v17 .style-name{font-size:27px}.quick-save{background:#563544;color:#fff;border:1px solid #563544;margin:0 16px;padding:11px 16px;font-size:14px;min-height:44px}.quick-save[aria-pressed=true]{background:#efe5ea;color:#563544}.quick-save:hover{background:#754859;color:#fff}.close-style{border:0;background:none;text-decoration:underline;text-underline-offset:4px;color:#563544;padding:8px 0;margin-bottom:15px;font-size:14px}.optional-preferences{margin-top:18px}.optional-preferences>summary{font-size:14px;color:#563544;padding:12px 0;cursor:pointer}.bonnet-v17 .detail-visual img{height:340px}.bonnet-v17 .detail-content>h3{font-size:30px}.bonnet-v17 .style-guidance>div{font-size:14px}.bonnet-v17 .style-detail{padding-bottom:20px}.brand-showcase{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:0 0 42px}.brand-showcase img{display:block;width:100%;height:400px;object-fit:contain;background:#f8f4f0}.brand-showcase figcaption{font-size:12px;color:#715965;line-height:1.6;margin-top:10px}.brand-showcase>div>p{font-size:15px;margin:20px 0}.brand-options details{border-bottom:1px solid #e5dbde;padding:14px 0}.brand-options summary{font-size:17px;font-weight:500;cursor:pointer}.brand-options p{font-size:14px}.brand-options video{width:100%;max-height:240px;background:#30272b}.brand-options .media-caption{font-size:12px}.bonnet-v17 #selection-feedback{font-size:13px;min-height:21px;margin:12px 0 0}.bonnet-v17 .shape-compare{margin-top:0}.bonnet-v17 .style-open{font-size:14px}.bonnet-v17 .style-caption{min-height:21px}
@media(max-width:1000px){.bonnet-v17 .style-choices{gap:23px 18px}.bonnet-v17 .style-name{font-size:23px}.brand-showcase{gap:30px}.brand-showcase img{height:330px}}
@media(max-width:700px){.bonnet-v17 .style-choices{grid-template-columns:repeat(2,1fr);gap:20px 14px}.bonnet-v17 .style-choice>span{margin-left:10px;margin-right:10px}.bonnet-v17 .style-name{font-size:21px}.bonnet-v17 .style-caption{font-size:12px;min-height:39px}.quick-save{font-size:12px;padding:10px 7px;margin:0 10px;width:calc(100% - 20px)}.brand-showcase{grid-template-columns:1fr;gap:23px;padding-bottom:30px}.brand-showcase img{height:300px}.bonnet-v17 .detail-visual img{height:240px}.bonnet-v17 .style-source{font-size:11px}}

/* Revision 18: progressive product detail guidance */
.bonnet-v18 .detail-gallery{min-width:0;align-self:start}.bonnet-v18 .detail-crop{overflow:hidden;aspect-ratio:1;background:#f8f4f0}.bonnet-v18 .detail-crop img{width:100%;height:100%;object-fit:contain;display:block}.detail-view-buttons{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 12px}.detail-view-buttons button{border:1px solid #bcaab2;background:transparent;color:#563544;padding:10px 12px;min-height:44px;font:inherit;font-size:13px;cursor:pointer}.detail-view-buttons button[aria-pressed=true]{background:#563544;color:white;border-color:#563544}.detail-view-buttons button:hover{border-color:#563544}.detail-view-copy{font-size:14px;line-height:1.65;min-height:4.9em;color:#51424a}.detail-gallery .text-link{font-size:14px}.placement-guide{margin-top:16px}.placement-image{position:relative;max-width:290px;margin:0 auto}.brand-showcase .placement-image img{height:auto;aspect-ratio:1}.placement-pin{position:absolute;display:grid;place-items:center;width:30px;height:30px;background:#563544;color:#fff;border:2px solid white;border-radius:50%;font:600 14px Arial}.pin-label{left:57%;top:47%}.pin-embroidery{left:26%;top:29%}.placement-guide dl{margin:15px 0}.placement-guide dl>div{margin:12px 0}.placement-guide dt{font-weight:600;font-size:14px}.placement-guide dd{font-size:14px;line-height:1.6;margin:5px 0 0}.packing-steps{padding-left:23px;margin:18px 0}.packing-steps li{padding:0 0 15px 6px;font-size:14px}.packing-steps strong,.packing-steps span{display:block}.packing-steps span{margin-top:4px;line-height:1.6}.sample-checklist{border-top:1px solid #c9bbc1;margin-top:15px;padding-top:12px;font-size:14px;line-height:1.7}.sample-checklist summary{cursor:pointer;color:#563544}.sample-checklist ul{padding-left:20px}.bonnet-v18 button:focus-visible{outline:2px solid #563544;outline-offset:4px}@media(max-width:700px){.bonnet-v18 .detail-crop{max-height:360px}.detail-view-copy{min-height:0}.detail-view-buttons{gap:6px}.detail-view-buttons button{font-size:12px;padding:9px}.placement-image{max-width:245px}}