*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ul,ol{list-style:none;margin:0;padding:0}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.font-bold{font-weight:700}.font-medium{font-weight:500}.relative{position:relative}.absolute{position:absolute}.hidden{display:none!important}.overflow-hidden{overflow:hidden}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media screen and (min-width:750px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media screen and (min-width:990px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}.button{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-md) var(--spacing-xl);font-size:1.4rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;border:2px solid transparent;border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-base);text-decoration:none;gap:var(--spacing-sm)}.button--primary{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.button--primary:hover{background-color:transparent;color:var(--color-primary)}.button--secondary{background-color:var(--color-secondary);color:var(--color-foreground);border-color:var(--color-secondary)}.button--secondary:hover{background-color:transparent;color:var(--color-secondary)}.button--outline{background-color:transparent;color:var(--color-primary);border-color:var(--color-primary)}.button--outline:hover{background-color:var(--color-primary);color:#fff}.button--ghost{background-color:transparent;color:var(--color-foreground);border-color:transparent;padding:var(--spacing-sm) var(--spacing-md)}.button--ghost:hover{color:var(--color-primary)}.button--small{padding:var(--spacing-sm) var(--spacing-md);font-size:1.2rem}.button--large{padding:var(--spacing-lg) var(--spacing-2xl);font-size:1.6rem}.button--full{width:100%}.button:disabled,.button[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}.form-group{margin-bottom:var(--spacing-md)}.form-label{display:block;margin-bottom:var(--spacing-xs);font-size:1.4rem;font-weight:500;color:var(--color-foreground)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--spacing-md);font-size:1.6rem;border:1px solid rgba(var(--color-foreground-rgb),.2);border-radius:var(--border-radius-sm);background-color:#fff;color:var(--color-foreground);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.form-input::placeholder{color:rgba(var(--color-foreground-rgb),.5)}.form-textarea{min-height:120px;resize:vertical}.form-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232d2d2d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-md) center;background-size:16px;padding-right:var(--spacing-2xl)}.form-checkbox,.form-radio{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer}.form-checkbox input,.form-radio input{width:18px;height:18px;accent-color:var(--color-primary)}.badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);font-size:1.1rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--border-radius-sm)}.badge--sale{background-color:var(--color-secondary);color:var(--color-foreground)}.badge--sold-out{background-color:rgba(var(--color-foreground-rgb),.1);color:var(--color-foreground)}.badge--new{background-color:var(--color-primary);color:#fff}.badge--organic{background-color:var(--color-accent);color:#fff}.badge--fresh{background-color:var(--color-success);color:#fff}.card{background-color:#fff;border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base),transform var(--transition-base)}.card:hover{box-shadow:var(--shadow-md)}.card__image{position:relative;overflow:hidden;aspect-ratio:1}.card__image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.card:hover .card__image img{transform:scale(1.05)}.card__content{padding:var(--spacing-md)}.section{padding:var(--spacing-2xl) 0}@media screen and (min-width:750px){.section{padding:var(--spacing-3xl) 0}}.section__header{text-align:center;margin-bottom:var(--spacing-xl)}.section__title{margin-bottom:var(--spacing-sm)}.section__subtitle{color:rgba(var(--color-foreground-rgb),.7);font-size:1.8rem}.quantity-selector{display:inline-flex;align-items:center;border:1px solid rgba(var(--color-foreground-rgb),.2);border-radius:var(--border-radius-sm);overflow:hidden}.quantity-selector__button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;color:var(--color-foreground);cursor:pointer;transition:background-color var(--transition-fast)}.quantity-selector__button:hover{background-color:rgba(var(--color-foreground-rgb),.05)}.quantity-selector__input{width:50px;height:36px;text-align:center;border:none;border-left:1px solid rgba(var(--color-foreground-rgb),.2);border-right:1px solid rgba(var(--color-foreground-rgb),.2);font-size:1.4rem;-moz-appearance:textfield}.quantity-selector__input::-webkit-outer-spin-button,.quantity-selector__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.loading{position:relative;pointer-events:none}.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid rgba(var(--color-foreground-rgb),.2);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.notification{position:fixed;bottom:var(--spacing-lg);right:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-foreground);color:#fff;border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);z-index:9999;transform:translateY(100px);opacity:0;transition:all var(--transition-base)}.notification.is-visible{transform:translateY(0);opacity:1}.notification--success{background-color:var(--color-success)}.notification--error{background-color:var(--color-error)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;z-index:100;opacity:0;visibility:hidden;transition:opacity var(--transition-base),visibility var(--transition-base)}.overlay.is-active{opacity:1;visibility:visible}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.95);background-color:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);z-index:101;max-width:90vw;max-height:90vh;overflow:auto;opacity:0;visibility:hidden;transition:all var(--transition-base)}.modal.is-active{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid rgba(var(--color-foreground-rgb),.1)}.modal__close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;cursor:pointer;color:var(--color-foreground);transition:color var(--transition-fast)}.modal__close:hover{color:var(--color-primary)}.modal__body{padding:var(--spacing-lg)}.drawer{position:fixed;top:0;right:0;width:100%;max-width:420px;height:100%;background-color:#fff;box-shadow:var(--shadow-xl);z-index:101;transform:translate(100%);transition:transform var(--transition-base);display:flex;flex-direction:column}.drawer.is-active{transform:translate(0)}.drawer--left{right:auto;left:0;transform:translate(-100%)}.drawer--left.is-active{transform:translate(0)}.drawer__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid rgba(var(--color-foreground-rgb),.1);flex-shrink:0}.drawer__title{font-size:1.8rem;margin:0}.drawer__close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;cursor:pointer;color:var(--color-foreground);transition:color var(--transition-fast)}.drawer__close:hover{color:var(--color-primary)}.drawer__body{flex:1;overflow-y:auto;padding:var(--spacing-lg)}.drawer__footer{padding:var(--spacing-lg);border-top:1px solid rgba(var(--color-foreground-rgb),.1);flex-shrink:0}.price{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.price__regular{font-size:1.8rem;font-weight:600;color:var(--color-foreground)}.price__sale{font-size:1.8rem;font-weight:600;color:var(--color-error)}.price__compare{font-size:1.4rem;color:rgba(var(--color-foreground-rgb),.5);text-decoration:line-through}.price__unit{font-size:1.2rem;color:rgba(var(--color-foreground-rgb),.6)}@media screen and (max-width:749px){.hidden-mobile{display:none!important}}@media screen and (min-width:750px){.hidden-tablet{display:none!important}}@media screen and (min-width:990px){.hidden-desktop{display:none!important}}@media screen and (max-width:989px){.visible-desktop-only{display:none!important}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fadeIn var(--transition-base) ease forwards}.animate-fade-in-up{animation:fadeInUp var(--transition-base) ease forwards}.animate-fade-in-down{animation:fadeInDown var(--transition-base) ease forwards}.animate-scale-in{animation:scaleIn var(--transition-base) ease forwards}@media print{.no-print{display:none!important}body{background:#fff}a[href]:after{content:" (" attr(href) ")"}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/base.css.map */