.cart-drawer__scrim{z-index:80;background:#00000059;animation:.22s forwards cart-fade-in;position:fixed;inset:0}@keyframes cart-fade-in{0%{opacity:0}to{opacity:1}}.cart-drawer{background:var(--background);z-index:90;overscroll-behavior:contain;flex-direction:column;width:min(26rem,100vw);height:max-content;animation:.26s cubic-bezier(.4,0,.2,1) forwards cart-slide-in;display:flex;position:fixed;top:0;bottom:0;right:0}@keyframes cart-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.cart-drawer__header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 1.25rem;display:flex}.cart-drawer__title{font-family:var(--font-cormorant), serif;letter-spacing:.18em;text-transform:uppercase;font-size:1.2rem;font-weight:400}.cart-drawer__close{border:1px solid var(--border);cursor:pointer;width:2.25rem;height:2.25rem;color:var(--foreground);background:0 0;flex-shrink:0;justify-content:center;align-items:center;transition:background .18s,color .18s;display:inline-flex}.cart-drawer__close svg{width:1rem;height:1rem}.cart-drawer__close:hover{background:var(--foreground);color:var(--background)}.cart-drawer__empty{letter-spacing:.1em;color:var(--muted-foreground);text-align:center;text-transform:uppercase;flex:1;padding:4rem 1.5rem;font-size:.8rem}.cart-drawer__list{flex-direction:column;flex:1;gap:1.25rem;padding:1.25rem 1.5rem;list-style:none;display:flex;overflow-y:auto}.cart-drawer__item{grid-template-columns:6.5rem 1fr auto;align-items:start;gap:.9rem;display:grid}.cart-drawer__item-image{aspect-ratio:4/5;background-color:#d1cdc7;flex-shrink:0;position:relative;overflow:hidden}.cart-drawer__item-info{flex-direction:column;gap:.3rem;padding-top:.1rem;display:flex}.cart-drawer__item-name{letter-spacing:.06em;font-size:.8rem;line-height:1.4}.cart-drawer__item-meta{letter-spacing:.1em;color:var(--muted-foreground);text-transform:uppercase;font-size:.68rem}.cart-drawer__item-price{letter-spacing:.04em;margin-top:.2rem;font-size:.8rem}.cart-drawer__remove{cursor:pointer;color:var(--muted-foreground);background:0 0;border:none;padding:0 .2rem;font-size:1.3rem;line-height:1;transition:color .15s}.cart-drawer__remove:hover{color:var(--foreground)}.cart-drawer__footer{border-top:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:.9rem;padding:1.25rem 1.5rem 2rem;display:flex}.cart-drawer__subtotal{letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid var(--border);justify-content:space-between;padding-bottom:.85rem;font-size:.72rem;display:flex}.cart-drawer__error{color:#b62020;font-size:.75rem;line-height:1.6}.cart-drawer__checkout{background:var(--foreground);width:100%;color:var(--background);font-family:var(--font-inter), sans-serif;letter-spacing:.25em;text-transform:uppercase;cursor:pointer;border:none;padding:1rem;font-size:.75rem;transition:opacity .2s}.cart-drawer__checkout:hover{opacity:.85}.cart-drawer__checkout:disabled{opacity:.4;cursor:not-allowed}.cart-drawer__clear{cursor:pointer;font-family:var(--font-inter), sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--muted-foreground);text-align:center;text-underline-offset:3px;background:0 0;border:none;padding:0;font-size:.65rem;text-decoration:underline;transition:color .15s}.cart-drawer__clear:hover{color:var(--foreground)}
.nav-bar{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#f7f5f3f2;position:fixed;top:0;left:0;right:0}.nav-bar__inner{grid-template-columns:1fr auto;align-items:center;padding:1.25rem 1.5rem;display:grid}@media (min-width:768px){.nav-bar__inner{grid-template-columns:1fr auto 1fr;gap:2rem;padding:1.25rem 3rem}}.nav-bar__logo-link{color:inherit;justify-self:start;align-items:center;text-decoration:none;display:inline-flex}.nav-bar__logo{mix-blend-mode:multiply;width:auto}.nav-bar__logo--icon{height:1.5rem;display:block}.nav-bar__logo--text{height:1.2rem;display:none}.nav-bar__desktop-nav,.nav-bar__actions{display:none}@media (min-width:768px){.nav-bar__logo--icon{display:none}.nav-bar__logo--text{display:block}.nav-bar__desktop-nav{justify-content:center;justify-self:center;align-items:center;gap:clamp(1.5rem,3vw,3rem);display:flex}.nav-bar__actions{justify-content:flex-end;justify-self:end;align-items:center;gap:.75rem;display:flex}}.nav-bar__menu-button{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;justify-self:end;align-items:flex-end;gap:5px;width:2.5rem;height:2.5rem;padding:0;display:flex}@media (min-width:768px){.nav-bar__menu-button{display:none}}.nav-bar__menu-bar{background-color:var(--primary);height:2px;transition:transform .22s,opacity .16s,width .22s;display:block}.nav-bar__menu-bar:first-child,.nav-bar__menu-bar:nth-child(3){width:1.5rem}.nav-bar__menu-bar:nth-child(2){width:1.25rem}.nav-bar__menu-button--open .nav-bar__menu-bar:first-child{transform:translateY(7px)rotate(45deg)}.nav-bar__menu-button--open .nav-bar__menu-bar:nth-child(2){opacity:0;transform:scaleX(0)}.nav-bar__menu-button--open .nav-bar__menu-bar:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.nav-bar__nav{background-color:var(--background);border-bottom:1px solid var(--border);animation:.8s ease-out forwards nav-bar-fade-in;position:absolute;top:100%;left:0;right:0}.nav-bar__nav-inner{flex-direction:column;align-items:flex-end;gap:1.5rem;padding:3rem;display:flex}.nav-bar__nav-item{cursor:pointer;font-family:var(--font-inter), sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-foreground);background:0 0;border:none;font-size:.875rem;font-weight:300;text-decoration:none;transition:color .3s}.nav-bar__nav-item:hover{color:var(--foreground)}.nav-bar__icon-link{border:1px solid var(--foreground);width:2.4rem;height:2.4rem;color:var(--foreground);background:0 0;justify-content:center;align-items:center;transition:background-color .22s,color .22s,border-color .22s;display:inline-flex}.nav-bar__icon-link:hover{background-color:var(--foreground);color:var(--background)}.nav-bar__icon{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:1.1rem;height:1.1rem}@keyframes nav-bar-fade-in{0%{opacity:0}to{opacity:1}}.nav-bar__bag-btn{position:relative}.nav-bar__bag-count{background:var(--primary);min-width:1.1rem;height:1.1rem;color:var(--primary-foreground);letter-spacing:0;pointer-events:none;border-radius:999px;justify-content:center;align-items:center;padding:0 .18rem;font-size:.55rem;font-weight:600;display:flex;position:absolute;top:-.35rem;right:-.35rem}
