.base-button{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-heading);font-weight:var(--font-semibold);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;border:2px solid #0000;line-height:1;text-decoration:none;display:inline-flex}.base-button--sm{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);min-height:36px}.base-button--md{padding:var(--space-3) var(--space-6);font-size:var(--text-base);min-height:44px}.base-button--lg{padding:var(--space-4) var(--space-8);font-size:var(--text-lg);min-height:52px}.base-button--primary{background-color:var(--color-black);color:var(--color-white);border-color:var(--color-black)}.base-button--primary:hover:not(.base-button--disabled){box-shadow:var(--shadow-sm);transform:translate(-2px,-2px)}.base-button--secondary{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.base-button--secondary:hover:not(.base-button--disabled){background-color:var(--color-primary-dark);box-shadow:var(--shadow-sm);transform:translate(-2px,-2px)}.base-button--outline{color:var(--color-black);border-color:var(--color-black);background-color:#0000}.base-button--outline:hover:not(.base-button--disabled){background-color:var(--color-black);color:var(--color-white)}.base-button--outline-brand{color:var(--color-primary-dark);border-color:var(--color-primary);background-color:#0000}.base-button--outline-brand:hover:not(.base-button--disabled){background-color:var(--color-primary-light);color:var(--color-primary-dark);box-shadow:none;transform:none}.base-button--disabled{opacity:.5;cursor:not-allowed}.base-button--loading{color:#0000;position:relative}.base-button__loader{border:2px solid #ffffff59;border-top-color:var(--color-white);border-radius:50%;width:18px;height:18px;margin-top:-9px;margin-left:-9px;animation:.8s linear infinite spin;position:absolute;top:50%;left:50%}.base-button--secondary.base-button--loading .base-button__loader,.base-button--outline.base-button--loading .base-button__loader,.base-button--outline-brand.base-button--loading .base-button__loader{border-color:#0003;border-top-color:var(--color-black)}@keyframes spin{to{transform:rotate(360deg)}}.base-card{background-color:var(--color-white);border-radius:var(--radius-2xl);transition:all var(--transition-base);overflow:hidden}.base-card--padding-none{padding:0}.base-card--padding-sm{padding:var(--space-4)}.base-card--padding-md{padding:var(--space-6)}.base-card--padding-lg{padding:var(--space-8)}.base-card--elevated{border:2px solid var(--color-black);box-shadow:var(--shadow-md)}.base-card--hoverable{cursor:pointer}.base-card--hoverable:hover{transform:translate(-4px,-4px)}.base-card--elevated.base-card--hoverable:hover{box-shadow:var(--shadow-lg)}.image-wrapper{border-radius:inherit;background-color:#f3f4f6;display:inline-block;position:relative;overflow:hidden}.image-wrapper img{display:block}.skeleton-loader{z-index:1;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;width:100%;height:100%;animation:1.5s infinite shimmer;position:absolute;top:0;left:0}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.error-placeholder{color:#9ca3af;background-color:#f3f4f6;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.shop-shell{flex-direction:column;flex:1;width:100%;min-height:100vh;display:flex}.main-content{padding-top:var(--site-chrome-height,var(--app-header-height));flex-direction:column;flex:1;display:flex}.main-content--home{padding-top:0}.main-content--order{background-color:var(--color-primary-light)}.main-content--order .order-page{flex-direction:column;flex:1;display:flex}.main-content--login{padding-top:var(--site-chrome-height,var(--app-header-height))}.hero-slider{height:72svh;min-height:342px;max-height:612px;position:relative;overflow:hidden}@media (min-width:768px){.hero-slider{max-height:648px}}.hero-slider__track{scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;direction:ltr;height:100%;display:flex;overflow:auto hidden}.hero-slider__panel{scroll-snap-align:start;scroll-snap-stop:always;direction:rtl;flex:0 0 100%;width:100%;height:100%;position:relative}.slide-media{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.slide-image{display:block;position:relative}.hero-content--lockup{justify-content:flex-start;gap:var(--space-3);padding-top:clamp(5.75rem,12svh,7rem);padding-bottom:clamp(2.75rem,6svh,3.5rem)}.hero-content--lockup .hero-lockup{gap:var(--space-2);flex-shrink:0}.hero-content--lockup .hero-lockup .brand-mark{margin-bottom:1.375rem}.hero-content--lockup .hero-title{color:var(--color-white)}.hero-content--lockup .hero-subtitle{color:#ffffffe0;max-width:18rem;margin-bottom:0;font-size:clamp(.875rem,2.8vw,1rem);line-height:1.5}.hero-content--lockup .hero-cta{margin-top:auto}.hero-content{text-align:center;padding:var(--space-8);z-index:10;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.hero-content .hero-cta,.hero-content .slide-indicators,.hero-content button{pointer-events:auto}.hero-title{font-family:var(--font-heading);font-size:clamp(2.5rem,6vw,4.5rem);font-weight:var(--font-extrabold);color:var(--color-black);margin-bottom:var(--space-4);max-width:800px}.hero-subtitle{color:var(--color-gray-700);margin-bottom:var(--space-8);max-width:500px;font-size:clamp(1rem,2vw,1.25rem);line-height:1.6}.hero-cta{min-width:180px}.slide-indicators{bottom:var(--space-5);gap:var(--space-2);z-index:20;display:flex;position:absolute;left:50%;transform:translate(-50%)}.indicator{border-radius:var(--radius-full);cursor:pointer;width:40px;height:4px;transition:background-color var(--transition-fast);background-color:#0003;border:none;padding:0;overflow:hidden}.indicator:hover{background-color:#0006}.indicator--active{background-color:#0000004d}.indicator-progress{background-color:var(--color-black);height:100%;animation:6s linear progress;display:block}@keyframes progress{0%{width:0%}to{width:100%}}.product-wrapper{align-items:center;min-height:230px;padding-top:20px;padding-bottom:20px;display:flex}@media (min-width:640px){.product-wrapper{min-height:380px}}@media (min-width:768px){.product-wrapper{padding-top:80px;padding-bottom:80px}}@media (min-width:1024px){.product-wrapper{min-height:600px}}.products-section .product-card{border-radius:16px;flex-direction:column;flex-grow:1;gap:12px;min-height:165px;padding:20px;transition:background-color .3s ease-in;display:flex;position:relative}.products-section .product-card-body{flex-direction:row;flex-grow:1;justify-content:space-between;align-items:stretch;display:flex}.products-section .product-card--reverse .product-card-body{flex-direction:row-reverse}.products-section .product-card-badges{flex-wrap:wrap;align-items:flex-start;gap:8px;display:flex}.products-section .product-card-badges .product-badges{flex-wrap:wrap;gap:8px;display:flex}@media (min-width:768px){.products-section .product-card{gap:20px}.products-section .product-card-badges .product-badges{gap:10px}.products-section .product-card-badges .base-badge--md,.products-section .product-card-badges .base-badge--sm{font-size:var(--text-sm)}}.products-section .product-card-badges .base-badge--weekly{border-radius:var(--radius-lg);background-color:var(--color-primary);color:var(--color-black)}@media (min-width:640px){.products-section .product-card{min-height:220px}}@media (min-width:768px){.products-section .product-card{border-radius:40px;padding:50px}}@media (min-width:1024px){.products-section .product-card{min-height:374px}}.products-section .product-card--hovered{background-color:var(--hover-bg)}.products-section .product-image-wrapper{flex-grow:0;flex-shrink:0;justify-content:flex-end;width:260px;margin-inline-end:24px;display:flex;position:relative}.products-section .product-image-skeleton{clip-path:ellipse(43.75% 35%);z-index:0;width:350px;height:350px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(15deg)}.products-section .product-card--reverse .product-image-wrapper{justify-content:flex-start;margin-inline:24px 0}.products-section .product-image{object-fit:cover;clip-path:ellipse(43.75% 35%);filter:drop-shadow(0 20px 40px #00000026);z-index:1;width:350px;max-width:none;height:350px;transition:transform .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(15deg)}@media (min-width:640px){.products-section .product-image-wrapper{width:350px}}@media (min-width:768px){.products-section .product-image-wrapper{width:380px}.products-section .product-image,.products-section .product-image-skeleton{width:420px;height:420px}}@media (min-width:1024px){.products-section .product-image-wrapper{width:500px}.products-section .product-image,.products-section .product-image-skeleton{width:600px;height:600px}}.products-section .product-card--hovered .product-image{transform:translate(-50%,-50%)rotate(15deg)scale(1.05)!important}.products-section .product-content{flex-direction:column;flex:1;gap:5px;display:flex}@media (min-width:768px){.products-section .product-content{gap:24px}}.products-section .product-title{font-family:var(--font-heading);font-size:35px;line-height:1.1;font-weight:var(--font-extrabold);color:var(--color-black);margin:0;transition:color .3s ease-in}@media (min-width:768px){.products-section .product-title{font-size:45px;line-height:60px}}@media (min-width:1024px){.products-section .product-title{font-size:70px;line-height:1}}.products-section .product-starting-price{color:var(--color-gray-700);margin:.5rem 0 0;font-size:1.125rem;font-weight:700}.products-section .product-description{color:var(--color-gray-600);max-width:400px;margin:0;padding-top:15px;font-size:16px;line-height:20px;transition:color .3s ease-in;display:none}@media (min-width:768px){.products-section .product-description{font-size:18px;line-height:22px;display:block}}.products-section .product-actions{gap:8px;display:flex}@media (min-width:640px){.products-section .product-actions{gap:20px}}.products-section .learn-more-btn,.products-section .order-btn{height:40px;font-size:12px;font-weight:var(--font-bold);white-space:nowrap;border-radius:var(--radius-full);color:var(--color-black);align-items:center;padding:12px 0;text-decoration:none;transition:all .3s ease-in;display:inline-flex}@media (min-width:768px){.products-section .learn-more-btn,.products-section .order-btn{height:50px;font-size:16px}}.products-section .learn-more-btn{border:1px solid #0000;gap:4px;padding-left:0;padding-right:30px}.products-section .learn-more-chevron{flex-shrink:0;transform:scaleX(-1)}@media (min-width:768px){.products-section .learn-more-chevron{display:none}}@media (min-width:1024px){.products-section .product-card--hovered .learn-more-btn{border-color:currentColor;padding-left:30px}}.products-section .order-btn{cursor:pointer;background:0 0;border:none;padding-left:30px;padding-right:30px;font-family:inherit}@media (max-width:767px){.products-section .product-actions{gap:var(--space-3);margin-top:var(--space-2);flex-wrap:wrap}.products-section .order-btn{padding:var(--space-2) var(--space-5);border:1px solid var(--color-black);border-radius:var(--radius-full);background-color:var(--color-black);color:var(--color-white);font-size:var(--text-sm);height:auto;min-height:40px;display:inline-flex}.products-section .product-unavailable-label{font-size:var(--text-sm);min-height:40px;padding:var(--space-2) 0}}.products-section .product-unavailable-label{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-gray-600);white-space:nowrap;align-items:center;display:inline-flex}.product-wrapper--normal{margin-inline-start:-7rem}.product-wrapper--reverse{margin-inline-end:-7rem}@media (min-width:768px){.product-wrapper--normal{margin-inline-start:-325px}.product-wrapper--reverse{margin-inline-end:-325px}}@media (min-width:1280px){.product-wrapper--normal,.product-wrapper--reverse{margin-inline:0}}.home-page{overflow-x:clip}.products-section{background-color:var(--color-white);padding:24px 16px;overflow-x:clip}@media (min-width:768px){.products-section{padding:100px 30px}}.products-section .section-header{text-align:start;margin-bottom:4px;padding-top:16px;flex-direction:column;gap:4px;max-width:1280px;margin-inline:auto;padding-inline:16px;display:flex}@media (min-width:768px){.products-section .section-header{padding-inline:30px}}@media (min-width:1024px){.products-section .section-header{gap:15px}}.products-section .section-badge{background-color:var(--color-primary);color:var(--color-black);font-size:16px;line-height:20px;font-weight:var(--font-normal);border-radius:7.5px;align-self:flex-start;padding:3px 18px;display:inline-block}@media (min-width:768px){.products-section .section-badge{font-size:21px;line-height:36px}}.products-section .section-title{font-family:var(--font-heading);font-weight:var(--font-extrabold);text-transform:capitalize;margin:0;font-size:44px;line-height:50px}@media (min-width:768px){.products-section .section-title{font-size:55px;line-height:60px}}@media (min-width:1024px){.products-section .section-title{font-size:100px;line-height:1}}.products-section .section-subtitle{color:var(--color-gray-600);margin:0;font-size:16px;line-height:20px}@media (min-width:1536px){.products-section .section-subtitle{font-size:18px;line-height:22px}}.products-list{flex-direction:column;max-width:1280px;margin-inline:auto;display:flex}.gf-banner{background:linear-gradient(135deg, var(--color-primary-light) 0%, var(--color-white) 100%);padding:var(--space-12) var(--space-4);text-align:center}.gf-content{max-width:600px;margin-inline:auto}.gf-title{font-size:var(--text-2xl);font-weight:var(--font-bold);margin-bottom:var(--space-4)}.gf-text{color:var(--color-gray-700);margin-bottom:var(--space-6);line-height:1.7}.login-page{background-color:#fbfafc;flex-direction:column;flex:1;min-height:calc(100svh - 80px);display:flex}.login-page--loading{justify-content:center;align-items:center}.login-page__loading{color:#84768f;font-size:var(--text-base);font-weight:var(--font-medium)}.login-hero{box-sizing:border-box;background:radial-gradient(circle at 30% 20%,#a883d6,#9a72ce 65%);flex:1;justify-content:center;align-items:flex-start;min-height:560px;padding:36px 20px 52px;display:flex}.login-container{align-items:center;gap:var(--space-8);flex-direction:column;width:100%;max-width:1100px;display:flex}.login-card{background-color:var(--color-white);box-sizing:border-box;border-radius:22px;width:100%;max-width:440px;padding:26px 22px 30px;box-shadow:0 20px 48px #3c26604d}.login-title{font-family:var(--font-logo);font-size:1.6875rem;font-weight:var(--font-extrabold);color:#211a2e;margin:0 0 var(--space-2);line-height:1.15}.login-subtitle{color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--font-medium);margin:0 0 22px;line-height:1.5}.login-subtitle--hint{opacity:.85;margin-top:calc(-1 * var(--space-3));font-size:.85rem}.login-error{color:#b91c1c;padding:var(--space-3) var(--space-4);border-radius:var(--radius-xl);font-size:var(--text-sm);margin-bottom:var(--space-4);text-align:center;background-color:#fef2f2;border:1px solid #fecaca}.login-toggle{background-color:#f1edf6;border-radius:14px;grid-template-columns:1fr 1fr;margin-bottom:24px;padding:5px;display:grid}.login-toggle .toggle-btn{flex:unset;font-size:var(--text-sm);font-weight:var(--font-semibold);color:#a99cbd;cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast);background:0 0;border:none;border-radius:10px;padding:11px}.login-toggle .toggle-btn.active{background-color:var(--color-white);color:var(--color-brand-sun-on-light);font-weight:var(--font-bold);box-shadow:0 2px 6px #211a2e14}.login-form{flex-direction:column;gap:22px;display:flex}.login-actions{flex-direction:column;gap:20px;display:flex}.login-page .google-sign-in-button{color:#211a2e;min-height:54px;font-weight:var(--font-bold);box-shadow:none;border:1.5px solid #e2dbec;border-radius:14px}.login-page .google-sign-in-button:hover:not(:disabled){box-shadow:none;background-color:#fafafc;border-color:#d8cfe8}.login-divider{font-size:13px;font-weight:var(--font-semibold);color:#a99cbd;align-items:center;gap:12px;margin:0;display:flex}.login-divider:before,.login-divider:after{content:"";background:#ece7f2;flex:1;height:1px}.login-page .input-group{gap:8px}.login-page .input-label{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-brand-ink)}.login-page .input-group--phone .input-label{text-align:right}.login-page .input{height:52px;font-size:var(--text-base);font-weight:var(--font-semibold);color:#211a2e;border:1.5px solid #e2dbec;border-radius:12px;padding:0 14px}.login-page .input:focus{border-color:var(--color-primary)}.login-page .input:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-color:var(--color-primary)}.login-page .phone-input-wrapper{direction:ltr;align-items:stretch;gap:9px;display:flex}.login-page .country-code{height:52px;font-size:var(--text-base);font-weight:var(--font-bold);color:var(--color-brand-ink);background-color:#f4f2f8;border:1px solid #e8e3f0;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;padding:0 14px;display:flex}.login-page .phone-input{text-align:left;flex:1;min-width:0}.login-page .code-input{text-align:center;font-size:var(--text-xl);font-weight:var(--font-bold);direction:ltr}.login-page .code-input:not(:placeholder-shown){letter-spacing:.5em}.login-submit-btn{border-radius:14px;width:100%;min-height:54px;box-shadow:0 8px 22px #9a72ce66}.login-submit-btn.base-button--secondary:hover:not(.base-button--disabled){transform:none;box-shadow:0 8px 22px #9a72ce73}.login-page .code-sent-message{text-align:center;color:#84768f;font-size:var(--text-sm);margin:0}.login-page .resend-link{color:var(--color-brand-sun-on-light);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;text-align:center;background:0 0;border:none;padding:0}.login-page .resend-link:hover{text-decoration:underline}.login-page .terms-text{font-size:var(--text-xs);font-weight:var(--font-medium);color:#9a8fad;text-align:center;margin-top:18px;line-height:1.7}.login-page .terms-text a{color:var(--color-brand-sun-on-light);font-weight:var(--font-semibold);text-underline-offset:2px;text-decoration:underline}.login-card__footer{border-top:1px solid #f1edf6;justify-content:center;align-items:center;gap:7px;margin-top:22px;padding-top:18px;display:flex}.login-brand-panel{text-align:center;flex-direction:column;align-items:center;gap:24px;display:none}.login-brand-panel__mark-wrap{background:#ffffff29;border-radius:50%;justify-content:center;align-items:center;width:200px;height:200px;display:flex}.login-brand-panel__title{font-family:var(--font-logo);font-size:2.125rem;font-weight:var(--font-extrabold);color:var(--color-white);margin:0;line-height:1.15}.login-brand-panel__subtitle{max-width:280px;font-size:1.0625rem;font-weight:var(--font-medium);color:#efe6fa;margin:6px 0 0;line-height:1.5}@media (min-width:768px){.login-hero{background:radial-gradient(circle at 30% 30%,#a883d6,#9a72ce 60%);align-items:center;padding:64px 80px}.login-container{flex-direction:row;justify-content:center;align-items:center;gap:72px}.login-card{border-radius:24px;flex:none;padding:30px 36px 34px;box-shadow:0 24px 60px #3c266059}.login-toggle{margin-bottom:28px}.login-toggle .toggle-btn{font-size:.9375rem}.login-title{font-size:1.875rem}.login-subtitle{margin-bottom:26px;font-size:.9375rem}.login-form{gap:24px}.login-page .input,.login-page .country-code{height:54px;padding:0 16px}.login-page .phone-input-wrapper{gap:10px}.login-submit-btn{min-height:56px;font-size:1.0625rem}.login-page .google-sign-in-button{min-height:56px;font-size:var(--text-base)}.login-page .terms-text{margin-top:20px;font-size:.8125rem}.login-card__footer{gap:8px;margin-top:24px;padding-top:20px}.login-brand-panel{flex:none;display:flex}}.toggle-btn--disabled{opacity:.55;cursor:not-allowed;justify-content:center;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:inline-flex}.checkout-delivery-toggle .toggle-btn--disabled .base-badge{flex-shrink:0}.google-sign-in-button{justify-content:center;align-items:center;gap:var(--space-3);width:100%;min-height:48px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);color:#3c4043;font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:background-color var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);background-color:#fff;border:1px solid #dadce0;line-height:1.2;display:flex}.google-sign-in-button:hover:not(:disabled){background-color:#f8f9fa;border-color:#c6c9cc;box-shadow:0 1px 2px #3c404326}.google-sign-in-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.google-sign-in-button:disabled{opacity:.7;cursor:not-allowed}.google-sign-in-button__logo{flex-shrink:0;width:20px;height:20px}.google-sign-in-button__loader{border:2px solid #dadce0;border-top-color:var(--color-primary);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite google-sign-in-spin}@keyframes google-sign-in-spin{to{transform:rotate(360deg)}}.input-group{gap:var(--space-2);flex-direction:column;display:flex}.input-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-gray-700)}.input{padding:var(--space-3) var(--space-4);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);font-size:var(--text-base);font-family:var(--font-body);transition:border-color var(--transition-fast);width:100%}.input:focus{border-color:var(--color-primary)}.input:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-color:var(--color-primary)}.phone-input-wrapper{align-items:center;gap:var(--space-2);display:flex}.country-code{padding:var(--space-3);background-color:var(--color-gray-100);border-radius:var(--radius-lg);font-weight:var(--font-medium);color:var(--color-gray-600);flex-shrink:0}.phone-input{flex:1}.code-input{text-align:center;font-size:var(--text-xl);font-weight:var(--font-bold);direction:ltr}.code-input:not(:placeholder-shown){letter-spacing:.5em}.dev-code-banner{color:#92400e;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);margin-bottom:var(--space-4);text-align:center;background-color:#fffbeb;border:1px solid #fcd34d}.dev-code-banner code{font-family:ui-monospace,monospace;font-size:var(--text-lg);font-weight:var(--font-bold);letter-spacing:.15em;padding:0 var(--space-1)}.code-sent-message{text-align:center;color:var(--color-gray-600);font-size:var(--text-sm)}.resend-link{color:var(--color-primary);font-size:var(--text-sm);cursor:pointer;text-align:center;background:0 0;border:none}.resend-link:hover{text-decoration:underline}.terms-text{margin-top:var(--space-6);font-size:var(--text-xs);color:var(--color-gray-500);text-align:center}.terms-text a{color:var(--color-gray-700);text-decoration:underline}
