:root,:root[data-theme=light]{--bg:#f1eada;--text:#45382c;--alt-1:#aaa396;--alt-2:#445426;--glow:transparent;--no-glow:transparent;--yellow:#eac959}:root[data-theme=dark]{--bg:#45382c;--text:#f1eada;--alt-1:#aaa396;--alt-2:#445426;--glow:#ffbe8c;--no-glow:#ffbe8c00;--yellow:#eac959}body{background:var(--bg);min-height:100vh}svg{background:0 0}img{object-fit:cover;width:100%;height:100%;display:block}.small{font-size:12px}.bold{font-weight:700}.clickable{cursor:pointer}*{color:var(--text);background:0 0;margin:0;padding:0;font-family:Plus Jakarta Sans;font-size:14px;transition:background-color .3s,color .3s}nav{box-sizing:border-box;background:var(--bg);color:var(--text);flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:64px;padding-left:64px;padding-right:64px;display:flex}.cart-control{color:inherit;justify-content:center;align-items:center;text-decoration:none;display:inline-flex;position:relative}.cart-control svg{width:40px;height:40px}.cart-badge{box-sizing:border-box;background:var(--yellow);min-width:18px;height:18px;color:var(--text);border-radius:999px;place-items:center;padding:0 4px;font-size:11px;line-height:1;display:grid;position:absolute;bottom:-3px;right:-4px}.brand-link{align-items:center;display:inline-flex}.brand-link svg{width:95px;height:64px;display:block}.hero{width:100%;height:60vh;overflow:hidden}.content{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;height:auto;padding:48px 64px;display:flex}.items{grid-template-columns:repeat(3,1fr);gap:24px;width:100%;padding-top:16px;display:grid}.item{width:100%;color:inherit;background:0 0;text-decoration:none}.item .image{aspect-ratio:3/4;background:0 0;width:100%}.item .image img{border-radius:8px}.item .description{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;row-gap:6px;width:100%;padding-top:8px;display:flex}.item .description .basic{flex-direction:row;justify-content:space-between;align-items:center;width:100%;display:flex}.item .description .price{font-family:Space Grotesk}.item .description .sub p{color:var(--alt-1)}.product-nav .brand{color:inherit;letter-spacing:.08em;font-weight:700;text-decoration:none}.product-page{box-sizing:border-box;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;padding:48px 64px;display:grid}.product-gallery{align-content:start;gap:16px;display:grid}.product-gallery .image{aspect-ratio:3/4;width:100%}.product-copy{flex-direction:column;align-items:flex-start;gap:16px;display:flex}.product-copy h1{font-size:28px}.product-copy .price{font-size:20px}.product-related,.product-feature{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.product-related h2,.product-description h2{font-size:18px;font-weight:700}.add-to-cart{border:1px solid var(--text);border-radius:32px;padding:10px 18px}.product-description{flex-direction:column;grid-column:1/-1;gap:12px;display:flex}.checkout-page{box-sizing:border-box;flex-direction:column;gap:24px;padding:48px 64px;display:flex}.checkout-page>h1{font-size:28px}.checkout-table-wrap{width:100%;overflow-x:auto}.checkout-table{border-collapse:collapse;text-align:left;width:100%}.checkout-table th,.checkout-table td{border-bottom:1px solid var(--alt-1);padding:12px}.checkout-table tfoot th{border-bottom:0}.delivery-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:720px;display:grid}.delivery-form h2{grid-column:1/-1;font-size:20px}.delivery-form label{flex-direction:column;gap:6px;display:flex}.delivery-form input{box-sizing:border-box;border:1px solid var(--alt-1);border-radius:4px;width:100%;padding:10px}.delivery-wide{grid-column:1/-1}@media (width<=768px){.items{grid-template-columns:repeat(1,1fr);gap:32px;width:100%;display:grid}.product-page{grid-template-columns:1fr;padding:32px 24px}.checkout-page{padding:32px 24px}.product-description{grid-column:auto}}@media (width<=520px){.delivery-form{grid-template-columns:1fr}.delivery-wide,.delivery-form h2{grid-column:auto}}.switch-theme{width:64px;height:64px}.themed-fill-svg{fill:var(--text)}.row{flex-direction:row;justify-content:space-between;align-items:center;width:100%;display:flex}.filters,.cats,.tags{flex-direction:row;justify-content:start;align-items:center;column-gap:12px;display:flex}.cat,.tag{-webkit-user-select:none;user-select:none}.cat{background:color-mix(in srgb, var(--bg) 90%, var(--text));border-radius:32px;padding:6px 12px}.cat:hover{background:color-mix(in srgb, var(--bg) 80%, var(--text))}.cat:not(.selected) p{color:var(--alt-1)}.cat.selected{background:color-mix(in srgb, var(--bg) 0%, var(--yellow))}.tag:not(.selected) p{color:var(--alt-1)}.tag.selected{color:var(--text)}.newsletter{flex-direction:column;justify-content:center;align-items:center;row-gap:8px;padding:64px;display:flex}.newsletter input{border:none;border-bottom:1px solid var(--text);background:0 0;outline:none;padding-right:8px}.newsletter .row{flex-direction:row;justify-content:center;align-items:center}.newsletter .submit{border:none;border-bottom:1px solid var(--text);-webkit-user-select:none;user-select:none;background:0 0;outline:none}.newsletter .submit:hover p{color:var(--yellow)}.glow{background:0 0;position:relative}.glow:before{content:"";background:radial-gradient(circle, var(--glow) 0%, var(--no-glow) 100%);filter:blur(24px);pointer-events:none;width:96px;height:96px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.glow>*{z-index:1;position:relative}.v-sep{background:var(--alt-1);width:1px;height:32px;margin:0 16px}
