.cart-shortcut{position:fixed;bottom:20px;right:20px;z-index:5;display:flex;gap:12px;align-items:center;background:var(--navy);color:white;padding:14px 20px;border-radius:30px;box-shadow:0 4px 18px #08294135;font-size:13px;font-weight:700}.cart-shortcut span{background:var(--cyan);color:var(--navy);border-radius:20px;min-width:25px;text-align:center;padding:5px}.quantity{display:flex;align-items:center;justify-content:center;margin:12px 0;gap:0}.quantity button{width:42px;height:42px;border:1px solid var(--line);background:var(--paper);color:var(--navy);font-size:21px}.quantity button:disabled{opacity:.4;cursor:default}.quantity input{width:56px;height:42px;appearance:textfield;-moz-appearance:textfield;border:1px solid var(--line);border-left:0;border-right:0;text-align:center;color:var(--navy);background:white;font-size:14px}.quantity input::-webkit-inner-spin-button,.quantity input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.add-button{width:100%;cursor:pointer}.cart-section{padding-top:35px;padding-bottom:45px;border-top:1px solid var(--line)}.cart-row{display:grid;grid-template-columns:65px 1fr auto auto;align-items:center;gap:22px;border-bottom:1px solid var(--line);padding:18px 0}.cart-row>img{width:65px;height:65px;object-fit:contain}.cart-row h3{font-size:13px;line-height:1.6;margin:0 0 4px}.cart-row small{color:var(--muted);font-size:11px}.cart-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:25px}.cart-actions label{font-size:12px}.cart-actions select{padding:12px;margin-left:10px;border:1px solid var(--line);border-radius:4px;background:white;color:var(--navy)}#cart-empty{color:var(--muted);font-size:13px;line-height:1.8}#cart-summary,#cart-feedback{font-size:12px;color:#00768e}footer{padding-bottom:95px}@media(max-width:700px){.cart-row{grid-template-columns:50px 1fr;gap:12px}.cart-row>img{width:50px;height:50px}.cart-row .quantity{grid-column:2;justify-content:start;margin:0}.cart-row>.text-button{grid-column:2;justify-self:start;padding:8px 0}.cart-actions{align-items:stretch;flex-direction:column;gap:14px}.cart-actions label{display:flex;align-items:center;justify-content:space-between}.cart-actions select{flex:1;max-width:70%}.cart-shortcut{bottom:15px;right:15px}.cart-section .section-heading{margin-bottom:12px}}
body{background:#f5f9fb}
header .brand img{display:block}
.card{border-radius:14px}
.photo{background:#eef5f8}
.card .code{align-self:flex-start;background:#e9f6fa;color:#08445e;border-radius:5px;padding:5px 8px;font-weight:700}
.quantity button{background:#0863bb;color:white;border-color:#0863bb;border-radius:5px}
.quantity button:hover:not(:disabled){background:#084d8c}
.quantity button:disabled{background:#d6e7f4;color:#315e7a;border-color:#d6e7f4;opacity:1}
.quantity input{border:1px solid var(--line);border-radius:5px;margin:0 4px;max-width:36%}
.add-button{background:var(--cyan);border-color:var(--cyan);color:var(--navy);font-size:12px;padding:14px 5px}
.add-button:hover{background:#83e5f3}
.monthly{align-self:stretch;background:var(--navy);color:white;border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:14px;min-width:0}
.monthly-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}
.monthly-header h2{font-size:24px}
.monthly-header span{color:var(--navy);background:var(--cyan);border-radius:20px;padding:6px 10px;font-size:11px;font-weight:700}
.monthly-photo{height:255px;display:grid;place-items:center;background:#eaf7fb;border-radius:10px}
.monthly-photo img{width:100%;height:255px;object-fit:contain;padding:14px;mix-blend-mode:multiply}
.monthly-details h3{font-size:16px;line-height:1.4;margin:0 0 6px}
.monthly-details p{color:#bbdbe8;font-size:12px;margin:0 0 8px}
.monthly-details a{color:#75e5f7;font-size:13px;text-decoration:underline}
.monthly-controls{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:auto;font-size:12px}
.monthly-controls button{height:42px;width:42px;border:1px solid #517486;background:#173d53;color:white;border-radius:8px;font-size:18px}
@media(max-width:700px){.monthly{padding:16px}.monthly-photo,.monthly-photo img{height:210px}.monthly-controls{justify-content:center}}
.variants{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:0 0 10px}
.variants span{font-size:11px;color:var(--muted)}
.swatch{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);background:white;border-radius:50%;padding:0}
.swatch::after{content:"";width:24px;height:24px;border-radius:50%;background:var(--swatch)}
.swatch[aria-pressed=true]{border:2px solid var(--navy)}
.detail-button{align-self:flex-start;margin:0 0 10px;padding:8px 12px;border:1px solid #92cddd;border-radius:6px;background:#f0fbfd;color:#075064;font-size:12px;font-weight:700}
.detail-button:hover,.detail-button[aria-pressed=true]{background:#c9f4fa}
.compact-catalog .top-search{display:flex;gap:10px;margin-top:4px;margin-bottom:14px}
.compact-catalog .hero{min-height:0;grid-template-columns:minmax(0,.6fr) minmax(0,1fr);padding-top:0;padding-bottom:18px;align-items:center}
.compact-catalog .hero h1{font-size:clamp(32px,4vw,54px)}
.compact-catalog .hero-copy{padding:12px 0}
.compact-catalog .hero-copy .eyebrow,.compact-catalog .hero-note{display:none}
.compact-catalog .hero-copy>p:not(.eyebrow){margin:0 0 16px}
.compact-catalog .monthly{padding:14px;gap:8px;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);align-items:center}
.compact-catalog .monthly-header,.compact-catalog .monthly-controls{grid-column:1/-1}
.compact-catalog .monthly-photo,.compact-catalog .monthly-photo img{height:145px}
.compact-catalog .monthly-details h3{font-size:14px}
.compact-catalog .catalog{padding-top:26px}
@media(max-width:700px){
 .compact-catalog .hero{grid-template-columns:minmax(0,1fr)}
 .compact-catalog .hero-copy{display:none}
 .compact-catalog .benefits{display:none}
 .compact-catalog .monthly-header h2{font-size:19px}
 .compact-catalog .top-search .search{padding:8px}
 .compact-catalog .top-search .button{padding:10px}
 .compact-catalog .monthly-photo,.compact-catalog .monthly-photo img{height:115px}
}
.compact-catalog .monthly{max-width:460px;width:100%;justify-self:end;position:relative;grid-template-columns:minmax(0,1fr);padding:0;gap:0;overflow:hidden}
.compact-catalog .monthly-header{padding:12px 14px}
.compact-catalog .monthly-photo{display:block;width:100%;height:auto;aspect-ratio:1 / 1;border-radius:0}
.compact-catalog .monthly-photo img{display:block;width:100%;height:100%;padding:0;object-fit:cover;mix-blend-mode:normal}
.compact-catalog .monthly-photo:focus-visible{outline-offset:-4px}
.compact-catalog .monthly-controls{position:absolute;inset:auto 0 0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:9px 12px;pointer-events:none}
.compact-catalog .monthly-controls button{pointer-events:auto;background:#082941a6;border-color:#ffffff94}
.compact-catalog .monthly-controls button:last-child{justify-self:end}
.compact-catalog #monthly-position{background:#082941a6;color:#fff;border-radius:20px;padding:5px 10px}
.categories button[data-icon]{display:inline-flex;align-items:center;gap:8px;min-height:43px;border-radius:9px;background:#fff;font-weight:700}
.categories button[data-icon]::before{content:"";display:block;width:21px;height:21px;flex:none;background:#00758f;mask:var(--category-icon) center/contain no-repeat}
.categories button[data-icon][aria-pressed=true]{background:var(--navy);color:white;border-color:var(--navy)}
.categories button[data-icon][aria-pressed=true]::before{background:#65e5fa}
.categories button[data-icon]:hover:not([aria-pressed=true]){border-color:#008aa7;background:#ebf9fc}
.categories button[data-icon="grid"]{--category-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M3%203h7v7H3z%20M14%203h7v7h-7z%20M3%2014h7v7H3z%20M14%2014h7v7h-7z%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E")}
.categories button[data-icon="cup"]{--category-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M3%205h13v9a5%205%200%200%201-5%205H8a5%205%200%200%201-5-5z%20M16%207h2a3%203%200%200%201%200%206h-2%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E")}
.categories button[data-icon="box"]{--category-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M3%207l9-4%209%204v10l-9%204-9-4z%20M3%207l9%204%209-4%20M12%2011v10%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E")}
.categories button[data-icon="fabric"]{--category-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M8%203h8l5%204-3%204-2-1v11H8V10l-2%201-3-4z%20M9%203a3%203%200%200%200%206%200%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E")}
.categories button[data-icon="paper"]{--category-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M6%203h9l4%204v14H6z%20M14%203v5h5%20M9%2012h7%20M9%2016h7%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E")}
.categories button[data-icon="tools"]{--category-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M4%207h16v11H4z%20M8%207V4h8v3%20M4%2012h16%20M10%2011h4v3h-4z%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E")}
.categories button[data-icon="tag"]{--category-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M3%204h8l10%2010-7%207L3%2010z%20M7%208h.01%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E")}
.categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px 6px}
.categories button[data-icon],.categories button[data-icon][aria-pressed=true],.categories button[data-icon]:hover:not([aria-pressed=true]){display:flex;flex-direction:column;justify-content:flex-start;gap:7px;padding:4px 2px;background:transparent;border-color:transparent;color:var(--navy);line-height:1.2;text-align:center}
.categories button[data-icon]::before{width:46px;height:46px;border-radius:50%;background:#dff3f8;mask:none;background-image:var(--category-icon);background-position:center;background-repeat:no-repeat;background-size:23px}
.categories button[data-icon]:nth-child(3n+2)::before{background-color:#e3f2e9}
.categories button[data-icon]:nth-child(3n+3)::before{background-color:#fff0d7}
.categories button[data-icon][aria-pressed=true]::before{background-color:#8ce6f5;box-shadow:0 0 0 2px var(--navy)}
.categories button[data-icon]:hover:not([aria-pressed=true])::before{box-shadow:0 0 0 2px #8dc9d6}
@media(max-width:700px){.categories{grid-template-columns:repeat(4,minmax(0,1fr))}.categories button[data-icon]{font-size:11px}}
.categories button[data-icon]::before,.categories button[data-icon]:nth-child(3n+2)::before,.categories button[data-icon]:nth-child(3n+3)::before{background-color:var(--navy)}
.categories button[data-icon][aria-pressed=true]::before{background-color:var(--navy);box-shadow:0 0 0 2px var(--cyan)}
.categories button[data-icon="menu"]{--category-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M4%206h16%20M4%2012h16%20M4%2018h16%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E")}
.categories button[data-icon="gear"]{--category-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M10%202h4l1%203%203%201%203%203-1%203%201%203-3%203-3%201-1%203h-4l-1-3-3-1-3-3%201-3-1-3%203-3%203-1z%20M15%2012a3%203%200%201%200-6%200%203%203%200%200%200%206%200z%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E")}
.categories button[data-icon="ink"]{--category-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M9%203h6v4H9z%20M9%207v2l-3%203v8a1%201%200%200%200%201%201h10a1%201%200%200%200%201-1v-8l-3-3V7%20M12%2012c-1%202-2%203-2%204a2%202%200%200%200%204%200c0-1-1-2-2-4z%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E")}
.categories button[data-icon="lid"]{--category-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M4%2011h16%20M6%2011l2-4h8l2%204%20M10%207V5h4v2%20M6%2014l1%205h10l1-5%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E")}
.categories button[data-icon="pencil"]{--category-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M4%2020l1-5L16%204l4%204L9%2019z%20M14%206l4%204%20M5%2015l4%204%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E")}

.campaign-label{display:inline-block;background:var(--cyan);color:var(--navy);border-radius:20px;padding:6px 12px;font-size:12px;font-weight:700;margin-bottom:16px}
.compact-catalog .benefits{text-align:center}
@media(max-width:700px){
 .compact-catalog .hero-copy{display:block;padding:4px 0 0}
 .compact-catalog .hero-copy h1{margin-bottom:8px;font-size:28px;letter-spacing:-.8px}
 .compact-catalog .hero-copy>p{display:none}
 .compact-catalog .hero-copy .button{padding:10px 13px;margin-bottom:5px}
 .compact-catalog .campaign-label{margin:0 8px 5px 0}
 .compact-catalog .benefits{display:grid;gap:8px;padding-top:12px;padding-bottom:12px}
}

.compact-catalog .promotion-band{background:var(--navy);color:white}
.compact-catalog .promotion-band .hero{padding-top:18px}
.compact-catalog .promotion-band .hero-copy>p:not(.eyebrow){color:#c5dce8}
.compact-catalog .promotion-band .hero-copy .button{background:var(--cyan);color:var(--navy)}
.catalog-header{height:auto;min-height:66px;padding-top:8px;padding-bottom:8px}

.top-search .brand{display:flex;align-items:center;flex:none}
.top-search .brand img{display:block;width:108px;height:54px;object-fit:contain}
@media(max-width:700px){.catalog-header{display:none}.top-search .brand img{width:58px;height:38px}.top-search .search input{font-size:12px}}

@media(max-width:700px){
 .variants{gap:4px;margin-bottom:8px}
 .variants .swatch{width:25px;height:25px;min-width:25px}
 .variants .swatch::after{width:17px;height:17px}
 .variants span{flex-basis:100%;margin-top:2px}
}
@media(max-width:700px){
 .compact-catalog .promotion-band .hero-copy{display:contents}
 .compact-catalog .promotion-band .campaign-label{display:none}
 .compact-catalog .promotion-band .hero-copy .button{order:1;justify-self:center;margin:0}
}
@media(max-width:700px){
 .compact-catalog .promotion-band #monthly-title{text-align:center;text-transform:uppercase}
}
.compact-catalog .monthly-photo{position:relative}
.monthly-tap-hint{position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:20px;background:#04c5e8;color:var(--navy);font-size:12px;font-weight:700;text-transform:uppercase;pointer-events:none}