*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--color-gray-dark);background-color:var(--color-white);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--fw-light);line-height:1.2;color:var(--color-gray-dark)}h1,h3{font-size:var(--fs-3xl)}h2{font-size:var(--fs-4xl)}h4{font-size:var(--fs-2xl)}h5{font-size:var(--fs-xl)}h6{font-size:var(--fs-lg)}a{color:var(--color-gold);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--color-gold-dark)}img{max-width:100%;height:auto;display:block}.container{max-width:var(--container-width);margin:0 auto;padding:0 var(--spacing-lg)}.header{background-color:var(--color-white);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:var(--z-sticky);height:var(--header-height)}.navbar{display:flex;align-items:center;justify-content:space-between;height:var(--header-height)}.logo{text-decoration:none;display:flex;align-items:center}.logo-image{height:70px;width:auto;display:block;transition:transform var(--transition-base)}.logo-tagline,.logo-text{display:block;margin:0;line-height:1.2}.logo{display:flex;align-items:center}.logo-text-wrapper{display:flex;flex-direction:column;margin-left:10px}.logo:hover .logo-image{transform:scale(1.05)}.logo-text{font-family:var(--font-heading);font-size:var(--fs-3xl);font-weight:var(--fw-light);color:var(--color-gold);margin:0;line-height:1;position:relative;padding-bottom:8px}.logo-text::after{content:'';position:absolute;bottom:6px;left:0;right:0;height:1px;background:linear-gradient(to right,transparent 0,var(--color-gray) 10%,var(--color-gray) 20%,transparent 22%,transparent 34%,var(--color-gray) 36%,var(--color-gray) 90%,transparent 100%)}.logo-tagline{font-size:var(--fs-xs);color:var(--color-gray);text-transform:uppercase;letter-spacing:1.5px}.nav-menu{flex:1;display:flex;justify-content:center}.nav-list{display:flex;list-style:none;gap:var(--spacing-xl)}.nav-link{color:var(--color-gray-dark);font-weight:var(--fw-medium);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-base);position:relative}.nav-link::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:0;height:2px;background-color:var(--color-gold);transition:width var(--transition-base)}.nav-link.active::after,.nav-link:hover::after{width:80%}.nav-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.nav-icon{position:relative;color:var(--color-gray-dark);font-size:var(--fs-xl);padding:var(--spacing-sm);transition:color var(--transition-base);background:0 0;border:none;cursor:pointer}.nav-icon.active,.nav-icon:hover{color:var(--color-gold)}.cart-count,.wishlist-count{position:absolute;top:0;right:0;background-color:var(--color-gold);color:var(--color-white);font-size:var(--fs-xs);font-weight:var(--fw-bold);padding:2px 6px;border-radius:var(--radius-full);min-width:18px;text-align:center}.tier-badge-medal{position:absolute;bottom:-8px;right:-8px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--color-white);border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.3);border:2px solid var(--color-white);animation:2s ease-in-out infinite pulse-badge}.tier-badge-medal .fa-medal{font-size:20px;filter:drop-shadow(0 1px 2px rgba(0, 0, 0, .2))}.tier-badge-letter{position:absolute;font-size:8px;font-weight:800;text-transform:uppercase;top:50%;left:50%;transform:translate(-50%,-50%);text-shadow:0 1px 1px rgba(255,255,255,.8);pointer-events:none}@keyframes pulse-badge{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.user-dropdown{position:relative}.dropdown-menu{display:none;position:absolute;top:100%;right:0;background-color:var(--color-white);box-shadow:var(--shadow-lg);border-radius:var(--radius-md);min-width:200px;margin-top:var(--spacing-sm);padding:var(--spacing-sm) 0;z-index:var(--z-dropdown)}.dropdown-menu:hover,.user-dropdown:hover .dropdown-menu{display:block}.dropdown-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);color:var(--color-gray-dark);transition:background-color var(--transition-fast)}.dropdown-item:hover{background-color:var(--color-cream);color:var(--color-gold-dark)}.dropdown-divider{margin:var(--spacing-sm) 0;border:none;border-top:1px solid var(--color-gray-light)}.mobile-menu-toggle{display:none;background:0 0;border:none;font-size:var(--fs-2xl);color:var(--color-gray-dark);cursor:pointer}.desktop-auth-btn{display:inline-flex}.mobile-auth-buttons{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);font-family:var(--font-body);font-size:var(--fs-base);font-weight:var(--fw-medium);text-decoration:none;border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.btn-primary{background-color:var(--color-gold);color:var(--color-white);border-color:var(--color-gold)}.btn-primary:hover{background-color:var(--color-gold-dark);border-color:var(--color-gold-dark);color:var(--color-white);box-shadow:var(--shadow-gold)}.btn-outline{background-color:transparent;color:var(--color-gold);border-color:var(--color-gold)}.btn-outline:hover{background-color:var(--color-gold);color:var(--color-white)}.btn-secondary{background-color:var(--color-gray-dark);color:var(--color-white);border-color:var(--color-gray-dark)}.btn-secondary:hover{background-color:var(--color-gold);border-color:var(--color-gold);color:var(--color-white)}.btn-outline-light{background-color:transparent;color:var(--color-white);border-color:var(--color-white)}.btn-outline-light:hover{background-color:var(--color-white);color:var(--color-gold)}.btn-light{background-color:var(--color-white);color:var(--color-gold);border-color:var(--color-white)}.btn-light:hover{background-color:var(--color-cream);border-color:var(--color-cream)}.btn-lg{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--fs-lg)}.btn-sm{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--fs-sm)}.flash-message{position:fixed;top:calc(var(--header-height) + var(--spacing-md));right:var(--spacing-md);max-width:400px;padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-white);box-shadow:var(--shadow-lg);border-radius:var(--radius-md);border-left:4px solid var(--color-gold);z-index:var(--z-fixed);animation:.3s ease-out slideIn;display:flex;align-items:center;gap:var(--spacing-md)}.flash-message.success{border-left-color:var(--color-success)}.flash-message.error{border-left-color:var(--color-error)}@keyframes slideIn{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.main-content{min-height:calc(100vh - var(--header-height))}.hero{position:relative;height:600px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-cream) 0,var(--color-gold-light) 100%);overflow:hidden}.hero-overlay{position:absolute;inset:0;background:url(/images/hero-pattern.webp) center/cover;opacity:.1}@supports not (background-image:url('/images/hero-pattern.webp')){.hero-overlay{background:url(/images/hero-pattern.png) center/cover}}.hero-content{position:relative;text-align:center;max-width:800px;padding:var(--spacing-xl);z-index:1}.hero-title{font-size:var(--fs-6xl);color:var(--color-gray-dark);margin-bottom:var(--spacing-md)}.hero-subtitle{font-size:var(--fs-xl);color:var(--color-gray);margin-bottom:var(--spacing-2xl);line-height:1.8}.hero-actions{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.features{padding:var(--spacing-4xl) 0;background-color:var(--color-white)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-2xl)}.feature-card{text-align:center;padding:var(--spacing-xl)}.feature-icon{width:80px;height:80px;margin:0 auto var(--spacing-lg);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-gold) 0,var(--color-gold-dark) 100%);color:var(--color-white);font-size:var(--fs-3xl);border-radius:50%;box-shadow:var(--shadow-gold)}.feature-icon i{line-height:1;display:flex;align-items:center;justify-content:center}.feature-title{font-size:var(--fs-2xl);color:var(--color-gray-dark);margin-bottom:var(--spacing-sm)}.feature-text{color:var(--color-gray);line-height:1.8}.loyalty-banner{padding:var(--spacing-3xl) 0;background:linear-gradient(135deg,var(--color-cream) 0,var(--color-gold-light) 100%);position:relative;overflow:hidden}.loyalty-banner::before{content:'';position:absolute;inset:0;background:url(/images/hero-pattern.webp) center/cover;opacity:.05}.loyalty-banner-content{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:var(--spacing-2xl);align-items:center;background:var(--color-white);padding:var(--spacing-2xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.loyalty-banner-icon{display:flex;align-items:center;justify-content:center;width:100px;height:100px;background:linear-gradient(135deg,var(--color-gold) 0,var(--color-gold-dark) 100%);color:var(--color-white);font-size:var(--fs-3xl);border-radius:50%;box-shadow:var(--shadow-gold);flex-shrink:0}.loyalty-banner-text{flex:1}.loyalty-banner-title{font-size:var(--fs-3xl);color:var(--color-gray-dark);margin-bottom:var(--spacing-sm);font-family:var(--font-heading)}.loyalty-banner-subtitle{font-size:var(--fs-base);color:var(--color-gray);margin-bottom:var(--spacing-md);line-height:1.6}.loyalty-benefits{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.loyalty-benefits li{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-gray-dark);font-size:var(--fs-sm)}.loyalty-benefits i{color:var(--color-success);font-size:var(--fs-base)}.loyalty-banner-actions{display:flex;flex-direction:column;gap:var(--spacing-sm);flex-shrink:0}.loyalty-banner-actions .btn{white-space:nowrap;min-width:180px}.categories{padding:var(--spacing-4xl) 0;background-color:var(--color-cream)}.section-header{text-align:center;margin-bottom:var(--spacing-3xl)}.page-title,.section-title{font-size:var(--fs-3xl);color:var(--color-gray-dark);margin-bottom:var(--spacing-md);text-align:center;width:100%;justify-content:center}.section-subtitle{font-size:var(--fs-lg);color:var(--color-gray)}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}.category-card{position:relative;height:350px;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);transition:transform var(--transition-base)}.category-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.category-image{width:100%;height:100%}.category-image img{width:100%;height:100%;object-fit:cover}.category-collage{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;width:100%;height:100%;gap:2px}.collage-item{width:100%;height:100%;overflow:hidden;background:var(--color-gray-lighter)}.collage-item img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.category-card:hover .collage-item img{transform:scale(1.1)}.category-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.7) 0,transparent 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:var(--spacing-xl);color:var(--color-white)}.category-name{font-size:var(--fs-3xl);margin-bottom:var(--spacing-sm);color:var(--color-white)}.category-link{font-size:var(--fs-base);opacity:0;transform:translateY(10px);transition:all var(--transition-base)}.category-card:hover .category-link{opacity:1;transform:translateY(0)}.about-preview{padding:var(--spacing-4xl) 0}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--spacing-3xl);align-items:center}.about-image img{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.about-title{font-size:var(--fs-4xl);margin-bottom:var(--spacing-lg);color:var(--color-gray-dark)}.about-text{font-size:var(--fs-lg);color:var(--color-gray);margin-bottom:var(--spacing-lg);line-height:1.8}.cta{padding:var(--spacing-4xl) 0;background:linear-gradient(135deg,var(--color-gold) 0,var(--color-gold-dark) 100%);color:var(--color-white);text-align:center}.cta-title{font-size:var(--fs-3xl);color:var(--color-white);margin-bottom:var(--spacing-md)}.cta-text{font-size:var(--fs-xl);margin-bottom:var(--spacing-2xl);opacity:.95}.footer{background-color:var(--color-gray-dark);color:var(--color-gray-light);padding:var(--spacing-3xl) 0 var(--spacing-xl)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-2xl);margin-bottom:var(--spacing-2xl)}.footer-title{font-size:var(--fs-3xl);color:var(--color-gold);margin-bottom:var(--spacing-md)}.footer-subtitle{font-size:var(--fs-xl);color:var(--color-white);margin-bottom:var(--spacing-md)}.footer-text{color:var(--color-gray-light);line-height:1.8;margin-bottom:var(--spacing-md)}.footer-social{display:flex;gap:var(--spacing-md)}.social-link{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:rgba(255,255,255,.1);color:var(--color-white);border-radius:50%;transition:all var(--transition-base)}.social-link:hover{background-color:var(--color-gold);color:var(--color-white);transform:translateY(-3px)}.footer-links{list-style:none}.footer-links li{margin-bottom:var(--spacing-sm)}.footer-links a{color:var(--color-gray-light);transition:color var(--transition-base)}.footer-links a:hover{color:var(--color-gold)}.newsletter-form{display:flex;gap:var(--spacing-sm)}.newsletter-input{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-gray);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--fs-base)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-xl);border-top:1px solid rgba(255,255,255,.1)}.copyright{color:var(--color-gray);font-size:var(--fs-sm)}.footer-reviews-section{grid-column:1/-1;margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid rgba(255,255,255,.1)}.footer-reviews-title{text-align:center;margin-bottom:var(--spacing-md);color:var(--color-white);font-size:var(--fs-xl)}.footer-reviews-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-md)}.footer-reviews-column{text-align:center}.footer-reviews-subtitle{font-size:var(--fs-sm);margin-bottom:var(--spacing-sm);color:var(--color-gray-light);font-weight:var(--fw-medium)}.footer-reviews-subtitle .fa-google{color:#4285f4}.footer-reviews-subtitle .fa-star{color:var(--color-gold)}.google-reviews-widget{min-height:auto}.footer-reviews-cta{margin-top:var(--spacing-sm)}.footer-reviews-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);color:#4285f4;text-decoration:none;font-weight:var(--fw-medium);font-size:var(--fs-xs);transition:opacity var(--transition-base)}.footer-reviews-link:hover{opacity:.8}.footer-reviews-link .fa-external-link-alt{font-size:.85em}.reviews-summary{margin-bottom:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:rgba(255,255,255,.05);border-radius:var(--radius-sm)}.reviews-stars{font-size:var(--fs-2xl);margin-bottom:var(--spacing-xs)}.reviews-rating{font-size:var(--fs-lg);font-weight:var(--fw-semibold);color:var(--color-white);margin-bottom:2px}.reviews-count{font-size:var(--fs-xs);color:var(--color-gray-light)}.review-card{background:rgba(255,255,255,.05);padding:var(--spacing-sm);border-radius:var(--radius-sm);margin-bottom:var(--spacing-xs);text-align:left;border:1px solid rgba(255,255,255,.1)}.review-header{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs);flex-wrap:wrap}.review-author{font-size:var(--fs-xs);color:var(--color-white);font-weight:var(--fw-medium)}.review-stars{color:#fbbf24;font-size:var(--fs-xs)}.review-text{font-size:var(--fs-xs);color:var(--color-gray-light);line-height:1.5;margin:0}.review-time{color:var(--color-gray);font-size:10px;display:none}.reviews-view-all{text-align:center;margin-top:var(--spacing-sm)}.reviews-view-all-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);color:var(--color-gold);text-decoration:none;font-weight:var(--fw-medium);font-size:var(--fs-xs);transition:opacity var(--transition-base)}.reviews-view-all-link:hover{opacity:.8}.reviews-fallback{padding:var(--spacing-md);background:rgba(255,255,255,.05);border-radius:var(--radius-sm);text-align:center}.fallback-stars{font-size:var(--fs-3xl);color:#fbbf24;margin-bottom:var(--spacing-sm)}.fallback-title{font-weight:var(--fw-semibold);color:var(--color-white);margin-bottom:var(--spacing-xs);font-size:var(--fs-sm)}.fallback-text{font-size:var(--fs-xs);color:var(--color-gray-light)}.payment-methods{display:flex;gap:var(--spacing-md);align-items:center;flex-wrap:nowrap}.payment-methods i{font-size:var(--fs-2xl);color:var(--color-white);background-color:rgba(255,255,255,.1);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);transition:all var(--transition-base);flex-shrink:0}.payment-methods i:hover{background-color:var(--color-gold);color:var(--color-white);transform:translateY(-2px)}.payment-methods .payment-method-text{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--color-white);background-color:rgba(255,255,255,.1);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);transition:all var(--transition-base);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;white-space:nowrap}.payment-methods .payment-method-text:hover{background-color:var(--color-gold);color:var(--color-white);transform:translateY(-2px)}.cookie-banner{position:fixed;inset:auto 0 24px 0;width:100%;display:flex;justify-content:center;pointer-events:none;z-index:var(--z-fixed)}.cookie-banner[hidden]{display:none}.cookie-banner .cookie-content{background:var(--color-white);max-width:min(960px,calc(100% - 2rem));width:100%;padding:var(--spacing-xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);display:flex;gap:var(--spacing-xl);align-items:center;pointer-events:auto}.cookie-text{flex:1}.cookie-text h2{font-size:var(--fs-2xl);margin-bottom:var(--spacing-sm);color:var(--color-gray-dark)}.cookie-text p{color:var(--color-gray);line-height:1.6}.cookie-link{color:var(--color-gold);text-decoration:underline}.cookie-actions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;justify-content:flex-end}.cookie-actions .btn{min-width:140px;white-space:nowrap}body.cookie-modal-open{overflow:hidden}.cookie-modal{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;background:rgba(12,16,20,.55);z-index:calc(var(--z-fixed) + 1);opacity:0;pointer-events:none;transition:opacity var(--transition-base)}.cookie-modal.is-visible{opacity:1;pointer-events:auto}.cookie-modal__overlay{position:absolute;inset:0}.cookie-modal__dialog{position:relative;background:var(--color-white);padding:var(--spacing-3xl);max-width:720px;width:min(720px,calc(100% - 2rem));border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);overflow:auto;max-height:90vh}.cookie-modal__close{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);background:0 0;border:none;font-size:var(--fs-xl);color:var(--color-gray);cursor:pointer;transition:color var(--transition-base)}.cookie-modal__close:hover{color:var(--color-gold)}.cookie-modal__intro{color:var(--color-gray);line-height:1.6;margin-bottom:var(--spacing-2xl)}.cookie-category{border:1px solid rgba(0,0,0,.08);border-radius:var(--radius-xl);padding:var(--spacing-xl);margin-bottom:var(--spacing-lg);background:var(--color-cream)}.cookie-category__header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.cookie-category h3{margin:0;font-size:var(--fs-xl);color:var(--color-gray-dark)}.cookie-category p{margin:0;color:var(--color-gray);line-height:1.6}.cookie-switch{position:relative;width:48px;height:24px}.cookie-switch input{width:0;height:0;opacity:0}.cookie-switch label{position:absolute;inset:0;background:rgba(0,0,0,.2);border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition-base)}.cookie-switch label::after{content:'';position:absolute;top:3px;left:3px;width:18px;height:18px;background:var(--color-white);border-radius:50%;transition:transform var(--transition-base);box-shadow:0 2px 6px rgba(0,0,0,.2)}.cookie-switch input:checked+label{background:var(--color-gold)}.cookie-switch input:checked+label::after{transform:translateX(24px)}.cookie-switch.disabled label{background:rgba(0,0,0,.35);cursor:not-allowed}.cookie-modal__actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-xl)}.cookie-preferences-trigger{position:fixed;bottom:24px;right:24px;background:var(--color-gray-dark);color:var(--color-white);border:none;border-radius:var(--radius-full);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--fs-sm);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;box-shadow:var(--shadow-lg);transition:transform var(--transition-base),background var(--transition-base);z-index:var(--z-fixed)}.cookie-preferences-trigger[hidden]{display:none}.cookie-preferences-trigger:hover{transform:translateY(-2px);background:var(--color-gold);color:var(--color-white)}.error-page{min-height:calc(100vh - var(--header-height) - 400px);display:flex;align-items:center;justify-content:center;padding:var(--spacing-4xl) 0}.error-content{text-align:center;max-width:600px}.error-icon{width:120px;height:120px;margin:0 auto var(--spacing-xl);display:flex;align-items:center;justify-content:center;background:var(--color-cream);color:var(--color-gold);font-size:var(--fs-6xl);border-radius:50%}.error-icon.error{background:#ffebee;color:var(--color-error)}.error-title{font-size:var(--fs-6xl);color:var(--color-gold);margin-bottom:var(--spacing-md)}.error-subtitle{font-size:var(--fs-3xl);color:var(--color-gray-dark);margin-bottom:var(--spacing-md)}.error-text{font-size:var(--fs-lg);color:var(--color-gray);margin-bottom:var(--spacing-2xl);line-height:1.8}.error-actions{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.error-details{margin:var(--spacing-xl) 0;padding:var(--spacing-md);background-color:var(--color-gray-lighter);border-radius:var(--radius-md);text-align:left}.error-stack{font-family:'Courier New',monospace;font-size:var(--fs-sm);color:var(--color-error);overflow-x:auto;white-space:pre-wrap}@media (max-width:768px){.nav-menu{display:none}.nav-menu.active{display:flex;flex-direction:column;position:fixed;top:var(--header-height);left:0;right:0;bottom:0;background:var(--color-white);padding:var(--spacing-xl);z-index:var(--z-fixed);overflow-y:auto}.nav-menu.active .nav-list{flex-direction:column;gap:0}.nav-menu.active .nav-item{border-bottom:1px solid var(--color-gray-lighter)}.nav-menu.active .nav-link{display:block;padding:var(--spacing-md) 0;font-size:var(--fs-lg)}.desktop-auth-btn{display:none}.nav-menu.active .mobile-auth-buttons{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--color-gray-lighter)}.mobile-auth-btn{justify-content:center;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--fs-base)}.mobile-menu-toggle{display:block}.hero-title{font-size:var(--fs-3xl);line-height:inherit}.hero-subtitle{font-size:var(--fs-lg)}.about-grid{grid-template-columns:1fr}.loyalty-banner-content{grid-template-columns:1fr;text-align:center;gap:var(--spacing-lg)}.loyalty-banner-icon{margin:0 auto}.loyalty-benefits{grid-template-columns:1fr}.loyalty-banner-actions,.loyalty-banner-actions .btn{width:100%}.footer-bottom{flex-direction:column;gap:var(--spacing-md);text-align:center}.payment-methods{justify-content:center;gap:var(--spacing-sm);flex-wrap:nowrap;overflow-x:auto}.payment-methods i{font-size:var(--fs-lg);padding:2px 6px;flex-shrink:0}.payment-methods .payment-method-text{font-size:10px;padding:2px 6px;flex-shrink:0;white-space:nowrap}.cookie-banner .cookie-content{flex-direction:column;text-align:left;gap:var(--spacing-lg)}.cookie-actions{width:100%;justify-content:stretch}.cookie-actions .btn{flex:1}.cookie-modal__dialog{padding:var(--spacing-2xl)}.cookie-modal__actions{flex-direction:column;align-items:stretch}}