*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{font-family:var(--font-body);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-background);min-height:100vh;overflow-x:hidden}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight)}.heading-xl{font-size:var(--font-size-hero);font-weight:700;line-height:1;letter-spacing:-.03em}.heading-lg{font-size:var(--font-size-5xl);font-weight:600}.heading-md{font-size:var(--font-size-3xl);font-weight:600}.heading-sm{font-size:var(--font-size-xl);font-weight:600}.text-lg{font-size:var(--font-size-lg)}.text-sm{font-size:var(--font-size-sm)}.text-xs{font-size:var(--font-size-xs)}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.uppercase{text-transform:uppercase;letter-spacing:var(--letter-spacing-wider)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.page-width{width:100%;max-width:var(--page-width);margin-inline:auto;padding-inline:var(--page-padding)}.page-width--narrow{max-width:900px}.page-width--wide{max-width:1800px}.section{padding-block:var(--section-spacing)}.section--flush{padding-block:0}.section--tight{padding-block:calc(var(--section-spacing) * .5)}.section--loose{padding-block:calc(var(--section-spacing) * 1.5)}.grid{display:grid;gap:var(--grid-gap)}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}@media(max-width:1024px){.grid--4{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.grid--2,.grid--3,.grid--4{grid-template-columns:1fr}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-heading);font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);border-radius:var(--radius-full);transition:all var(--animation-duration-fast) var(--ease-out);cursor:pointer;border:2px solid transparent;min-height:48px;white-space:nowrap}.btn--primary{background-color:var(--color-text);color:var(--color-text-inverse)}.btn--primary:hover{background-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn--primary:active{transform:translateY(0)}.btn--secondary{background-color:transparent;color:var(--color-text);border-color:var(--color-text)}.btn--secondary:hover{background-color:var(--color-text);color:var(--color-text-inverse)}.btn--ghost{background-color:transparent;color:var(--color-text);padding:var(--space-2) var(--space-4)}.btn--ghost:hover{background-color:var(--color-background-secondary)}.btn--white{background-color:#fff;color:var(--color-text)}.btn--white:hover{background-color:var(--color-background);transform:translateY(-2px)}.btn--sm{padding:var(--space-2) var(--space-4);font-size:var(--font-size-xs);min-height:36px}.btn--lg{padding:var(--space-4) var(--space-8);font-size:var(--font-size-base);min-height:56px}.btn--full{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-full);transition:all var(--animation-duration-fast) var(--ease-out);cursor:pointer}.btn-icon:hover{background-color:var(--color-background-secondary)}.btn-icon svg{width:20px;height:20px}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-size:var(--font-size-sm);font-weight:500}.form-input{padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--animation-duration-fast) var(--ease-out);min-height:48px}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.15)}.form-input::placeholder{color:var(--color-text-muted)}.form-input--underline{background:transparent;border:none;border-bottom:1px solid var(--color-border);border-radius:0;padding-inline:0}.form-input--underline:focus{box-shadow:none;border-color:var(--color-text)}.card{background-color:var(--color-surface);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--animation-duration) var(--ease-out)}.card--elevated{box-shadow:var(--shadow-md)}.card--elevated:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.card--bordered{border:1px solid var(--color-border)}.card__image{aspect-ratio:1;overflow:hidden}.card__image img{width:100%;height:100%;object-fit:cover;transition:transform var(--animation-duration-slow) var(--ease-out)}.card:hover .card__image img{transform:scale(1.05)}.card__content{padding:var(--space-4)}.product-card{position:relative;cursor:pointer}.product-card__media{position:relative;aspect-ratio:3/4;overflow:hidden;background-color:var(--color-background-secondary);border-radius:var(--radius-lg)}.product-card__media img{width:100%;height:100%;object-fit:cover;transition:all var(--animation-duration) var(--ease-out)}.product-card__media img:nth-child(2){position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.product-card:hover .product-card__media img:first-child{opacity:0}.product-card:hover .product-card__media img:nth-child(2){opacity:1}.product-card__badge{position:absolute;top:var(--space-3);left:var(--space-3);padding:var(--space-1) var(--space-3);background-color:var(--color-secondary);color:#fff;font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);border-radius:var(--radius-full)}.product-card__quick-add{position:absolute;bottom:var(--space-3);left:var(--space-3);right:var(--space-3);opacity:0;transform:translateY(10px);transition:all var(--animation-duration-fast) var(--ease-out)}.product-card:hover .product-card__quick-add{opacity:1;transform:translateY(0)}.product-card__info{padding-top:var(--space-4)}.product-card__title{font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--space-1);transition:color var(--animation-duration-fast) var(--ease-out)}.product-card:hover .product-card__title{color:var(--color-primary)}.product-card__price{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm)}.product-card__price--sale{color:var(--color-secondary);font-weight:600}.product-card__price--compare{text-decoration:line-through;color:var(--color-text-muted)}.product-card__colors{display:flex;gap:var(--space-1);margin-top:var(--space-2)}.product-card__color{width:12px;height:12px;border-radius:var(--radius-full);border:1px solid var(--color-border)}.collection-card{position:relative;overflow:hidden;border-radius:var(--radius-xl);aspect-ratio:4/5;cursor:pointer}.collection-card__media{position:absolute;top:0;right:0;bottom:0;left:0}.collection-card__media img{width:100%;height:100%;object-fit:cover;transition:transform var(--animation-duration-slow) var(--ease-out)}.collection-card:hover .collection-card__media img{transform:scale(1.08)}.collection-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.6) 0%,transparent 60%)}.collection-card__content{position:absolute;bottom:0;left:0;right:0;padding:var(--space-6);color:#fff}.collection-card__title{font-size:var(--font-size-2xl);font-weight:600;margin-bottom:var(--space-2)}.collection-card__btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background-color:#fff;color:var(--color-text);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);border-radius:var(--radius-full);transition:all var(--animation-duration-fast) var(--ease-out)}.collection-card:hover .collection-card__btn{background-color:var(--color-text);color:#fff;transform:translate(4px)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);border-radius:var(--radius-full)}.badge--primary{background-color:var(--color-primary);color:#fff}.badge--secondary{background-color:var(--color-secondary);color:#fff}.badge--outline{background-color:transparent;border:1px solid currentColor}.scroll-container{display:flex;gap:var(--grid-gap);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:var(--space-2);margin-bottom:calc(var(--space-2) * -1)}.scroll-container::-webkit-scrollbar{display:none}.scroll-container>*{scroll-snap-align:start;flex-shrink:0}.image-cover{width:100%;height:100%;object-fit:cover}.image-contain{width:100%;height:100%;object-fit:contain}.aspect-square{aspect-ratio:1}.aspect-portrait{aspect-ratio:3/4}.aspect-landscape{aspect-ratio:16/9}.aspect-hero{aspect-ratio:21/9}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;opacity:0;visibility:hidden;transition:all var(--animation-duration) var(--ease-out);z-index:var(--z-drawer)}.overlay.is-active{opacity:1;visibility:visible}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-to-content-link{position:fixed;top:0;left:50%;transform:translate(-50%) translateY(-100%);background-color:var(--color-text);color:var(--color-text-inverse);padding:var(--space-3) var(--space-6);border-radius:0 0 var(--radius-md) var(--radius-md);z-index:100;transition:transform var(--animation-duration-fast) var(--ease-out)}.skip-to-content-link:focus{transform:translate(-50%) translateY(0)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mx-auto{margin-inline:auto}.w-full{width:100%}.h-full{height:100%}.relative{position:relative}.absolute{position:absolute}.inset-0{top:0;right:0;bottom:0;left:0}.overflow-hidden{overflow:hidden}.pointer-events-none{pointer-events:none}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}button:focus:not(:focus-visible){outline:none}::selection{background-color:var(--color-primary);color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-background-secondary)}::-webkit-scrollbar-thumb{background:var(--color-border-secondary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.skeleton{background:linear-gradient(90deg,var(--color-background-secondary) 0%,var(--color-surface) 50%,var(--color-background-secondary) 100%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--radius-md)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.spinner{width:20px;height:20px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/base.css.map */