/* Restrained shop utilities added to the supplied campaign design. */
:root{--serif:Georgia,'Times New Roman',serif;--sans:'DM Sans',Arial,sans-serif}
.site-header nav{right:auto;gap:20px}.site-header nav a:last-child{position:static}
.header-actions{position:absolute;right:24px;display:flex;align-items:center;gap:20px;font-size:10px;text-transform:uppercase;letter-spacing:.09em}
.header-actions a,.header-actions button{padding:12px 0}.header-actions button,.mobile-saved{border:0;background:none;cursor:pointer;font-size:inherit;letter-spacing:inherit;text-transform:inherit}
.bag-trigger,.saved-trigger{white-space:nowrap}.bag-count:before,.saved-count:before{content:'('}.bag-count:after,.saved-count:after{content:')'}
.mobile-shop,.site-header nav .mobile-saved{display:none}.menu-toggle{cursor:pointer}.site-header nav [aria-current=page],.header-actions [aria-current=page]{text-decoration:underline;text-underline-offset:5px}
.garment-actions{display:flex;align-items:stretch;gap:10px;flex-wrap:wrap;margin:30px 0 18px}.garment-actions .button{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.save-design{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:45px;padding:12px 18px;background:none;border:1px solid var(--line);font-size:10px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.save-design[aria-pressed=true]{border-color:var(--ink)}
dialog{color:var(--ink);background:var(--paper);border:0;padding:30px;width:min(540px,calc(100% - 32px));max-height:90svh}
dialog::backdrop{background:#14141488}body:has(dialog[open]){overflow:hidden}
.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.dialog-heading h2{font:30px/1.15 var(--serif)}
.dialog-close{background:none;border:0;min-width:40px;min-height:40px;padding:5px;font-size:25px;cursor:pointer}.saved-empty{padding:25px 0 35px;font-size:14px;line-height:1.8;color:var(--muted)}
.saved-item{display:grid;grid-template-columns:66px 1fr auto;gap:18px;align-items:center;border-top:1px solid var(--line);padding:18px 0}.saved-item img{width:66px;height:88px;object-fit:cover}.saved-item h3{font:21px/1.15 var(--serif);margin:7px 0 0;font-weight:400}.saved-item small{text-transform:uppercase;font-size:9px;letter-spacing:.07em}.remove-saved{border:0;background:none;font-size:10px;cursor:pointer;text-decoration:underline;padding:10px 0}.dialog-note{font-size:11px;color:var(--muted);padding-top:20px;border-top:1px solid var(--line)}
.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:50;background:var(--ink);color:var(--paper);padding:13px 20px;font-size:12px;max-width:90%;text-align:center}.toast[hidden]{display:none}
@media(max-width:1200px){.site-header nav{gap:14px}.header-actions{gap:14px;font-size:9px}}
@media(max-width:980px){.site-header{justify-content:center}.menu-toggle{display:flex;align-items:center;gap:12px;position:absolute;left:20px;border:0;background:none;padding:12px 0;font-size:10px;text-transform:uppercase;letter-spacing:.06em}.menu-toggle span{font-size:17px}.site-header nav{display:none;top:60px;left:0;right:0;background:#fff;padding:16px 22px 22px;border-top:1px solid var(--line);font-size:12px;gap:3px}.site-header nav.open{display:flex;flex-direction:column;align-items:stretch}.site-header nav a,.site-header nav .mobile-saved{padding:13px 0;text-align:left}.site-header nav .mobile-shop,.site-header nav .mobile-saved{display:block}.header-actions>.saved-trigger,.header-actions>.shop-link{display:none}.header-actions{right:20px;font-size:10px}.brand{font-size:22px}.site-header nav a:last-child{position:static}}
@media(max-width:760px){.site-header{height:55px}.site-header nav{top:55px}.brand{font-size:20px;letter-spacing:.07em}.header-actions{right:16px}.menu-toggle{left:16px;gap:7px}.saved-item{gap:12px;grid-template-columns:55px 1fr auto}.saved-item img{width:55px;height:73px}.saved-item h3{font-size:19px}dialog{padding:22px}.garment-actions{flex-direction:column}.garment-actions .save-design{justify-content:center}}
@media(max-width:360px){.brand{font-size:17px;letter-spacing:.04em}.menu-toggle{font-size:9px;gap:4px}.header-actions{font-size:9px}}