@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,300&display=swap";:root{--color-bg: #f8f7f4;--color-surface: #ffffff;--color-surface-alt: #f2f0ec;--color-border: #e8e4de;--color-border-strong: #c9c3ba;--color-text-primary: #1a1714;--color-text-secondary: #6b6560;--color-text-muted: #9c9690;--color-accent: #d4622a;--color-accent-hover: #b8521f;--color-accent-light: #fdf0ea;--color-accent-subtle: #f5ddd0;--color-success: #2d7a4f;--color-success-light: #e8f5ee;--color-danger: #c0392b;--color-danger-light: #fdecea;--font-display: "Syne", sans-serif;--font-body: "DM Sans", sans-serif;--space-xs: .4rem;--space-sm: .8rem;--space-md: 1.6rem;--space-lg: 2.4rem;--space-xl: 3.2rem;--space-2xl: 4.8rem;--space-3xl: 6.4rem;--space-4xl: 9.6rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 999px;--shadow-sm: 0 1px 3px rgba(26, 23, 20, .06), 0 1px 2px rgba(26, 23, 20, .04);--shadow-md: 0 4px 12px rgba(26, 23, 20, .08), 0 2px 4px rgba(26, 23, 20, .04);--shadow-lg: 0 16px 40px rgba(26, 23, 20, .1), 0 4px 12px rgba(26, 23, 20, .06);--shadow-xl: 0 32px 64px rgba(26, 23, 20, .12);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--max-width: 1280px;--nav-height: 72px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:62.5%;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:1.6rem;color:var(--color-text-primary);background-color:var(--color-bg);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);line-height:1.15;letter-spacing:-.02em;color:var(--color-text-primary)}p,li,span{font-size:1.6rem}a{font-size:1.6rem;color:inherit;text-decoration:none;transition:color var(--transition-fast)}ul{list-style:none}img{display:block;max-width:100%}button{font-family:var(--font-body);cursor:pointer;border:none;background:none}input,select,textarea{font-family:var(--font-body);font-size:1.6rem}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-lg)}.grid{display:grid;gap:var(--space-xl)}.grid-two-cols{grid-template-columns:1fr 1fr}.grid-three-cols{grid-template-columns:repeat(3,1fr)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:1.2rem 2.4rem;border-radius:var(--radius-full);font-family:var(--font-display);font-size:1.4rem;font-weight:600;letter-spacing:.02em;text-decoration:none;transition:all var(--transition-base);cursor:pointer;border:2px solid transparent;white-space:nowrap}.btn-primary{background-color:var(--color-accent);color:#fff;border-color:var(--color-accent)}.btn-primary:hover{background-color:var(--color-accent-hover);border-color:var(--color-accent-hover);transform:translateY(-2px);box-shadow:0 8px 24px #d4622a4d}.btn-secondary{background-color:transparent;color:#fff;border-color:#fff9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn-secondary:hover{background-color:#ffffff26;border-color:#fff;transform:translateY(-2px)}.btn-outline{background-color:transparent;color:var(--color-accent);border-color:var(--color-accent)}.btn-outline:hover{background-color:var(--color-accent);color:#fff;transform:translateY(-2px)}.btn-ghost{background-color:var(--color-surface-alt);color:var(--color-text-primary);border-color:var(--color-border)}.btn-ghost:hover{background-color:var(--color-border);transform:translateY(-1px)}.btn-small{padding:.8rem 1.6rem;font-size:1.3rem}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important;box-shadow:none!important}.navbar{background-color:#f8f7f4eb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:1000;height:var(--nav-height);transition:box-shadow var(--transition-base)}.navbar.scrolled{box-shadow:var(--shadow-md)}.nav-container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-lg);display:flex;justify-content:space-between;align-items:center;height:100%}.nav-logo a{font-family:var(--font-display);font-size:2rem;font-weight:800;color:var(--color-text-primary);letter-spacing:-.04em;transition:color var(--transition-fast)}.nav-logo a:hover{color:var(--color-accent)}.nav-menu{display:flex;align-items:center}.nav-list{display:flex;align-items:center;gap:.4rem}.nav-item{position:relative}.nav-link{display:block;color:var(--color-text-secondary);font-size:1.5rem;font-weight:500;padding:.8rem 1.4rem;border-radius:var(--radius-full);transition:all var(--transition-fast);letter-spacing:0}.nav-link:hover{color:var(--color-text-primary);background-color:var(--color-surface-alt)}.nav-link.active{color:var(--color-accent);background-color:var(--color-accent-light);font-weight:600}@media (max-width: 768px){.nav-container{padding:0 var(--space-md)}.nav-logo a{font-size:1.8rem}.nav-list{gap:.2rem}.nav-link{font-size:1.4rem;padding:.6rem 1rem}}@media (max-width: 480px){.nav-container{flex-direction:column;height:auto;padding:var(--space-md);gap:var(--space-sm)}}.home{min-height:100vh}.hero{background-color:var(--color-text-primary);background-image:radial-gradient(ellipse 80% 60% at 70% 50%,rgba(212,98,42,.18) 0%,transparent 60%),radial-gradient(ellipse 50% 80% at 10% 80%,rgba(212,98,42,.08) 0%,transparent 55%);color:#fff;padding:var(--space-4xl) 0;min-height:580px;display:flex;align-items:center;overflow:hidden;position:relative}.hero:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.025'%3E%3Ccircle cx='30' cy='30' r='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.hero-container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-lg);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xl);align-items:center;position:relative;z-index:1}.hero-eyebrow{display:inline-flex;align-items:center;gap:var(--space-sm);background-color:#d4622a33;border:1px solid rgba(212,98,42,.4);color:#f0a070;font-size:1.2rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:.5rem 1.2rem;border-radius:var(--radius-full);margin-bottom:var(--space-md)}.hero-content h1{font-family:var(--font-display);font-size:5.2rem;font-weight:800;margin-bottom:var(--space-lg);line-height:1.05;color:#fff}.hero-content h1 span{color:var(--color-accent);font-size:inherit}.hero-description{font-size:1.8rem;margin-bottom:var(--space-xl);color:#ffffffa6;line-height:1.7;max-width:48ch;font-weight:300}.hero-buttons{display:flex;gap:var(--space-md);flex-wrap:wrap}.hero-image{display:flex;justify-content:center;align-items:center}.hero-placeholder{width:100%;max-width:440px;aspect-ratio:4 / 3;background:linear-gradient(135deg,#ffffff0f,#ffffff05);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:#ffffff59;border:1px solid rgba(255,255,255,.1);font-family:var(--font-display);letter-spacing:.05em}.featured{padding:var(--space-4xl) 0;background-color:var(--color-bg)}.section-header{text-align:center;margin-bottom:var(--space-3xl)}.section-title{font-family:var(--font-display);font-size:3.8rem;font-weight:800;color:var(--color-text-primary);margin-bottom:var(--space-sm)}.section-subtitle{font-size:1.7rem;color:var(--color-text-secondary);font-weight:300;max-width:52ch;margin:0 auto;line-height:1.6}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-lg);margin-bottom:var(--space-2xl)}.featured-footer{text-align:center}.features{padding:var(--space-4xl) 0;background-color:var(--color-surface);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-lg)}.feature-card{padding:var(--space-xl) var(--space-lg);border-radius:var(--radius-lg);background-color:var(--color-bg);border:1px solid var(--color-border);transition:all var(--transition-base);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-accent),transparent);opacity:0;transition:opacity var(--transition-base)}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-accent-subtle)}.feature-card:hover:before{opacity:1}.feature-icon{font-size:3.2rem;margin-bottom:var(--space-md);display:block}.feature-title{font-family:var(--font-display);font-size:1.8rem;font-weight:700;margin-bottom:var(--space-sm);color:var(--color-text-primary)}.feature-description{color:var(--color-text-secondary);line-height:1.7;font-size:1.5rem;font-weight:300}.products-page{padding:var(--space-2xl) 0 var(--space-4xl)}.products-toolbar{display:grid;grid-template-columns:1fr auto;gap:var(--space-md);align-items:center;margin-bottom:var(--space-xl);background-color:var(--color-surface);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.search-form{display:flex;align-items:center;gap:var(--space-sm);position:relative}.search-form label{font-family:var(--font-display);font-size:1.3rem;font-weight:600;color:var(--color-text-muted);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.search-input{flex:1;padding:1rem 1.6rem;border:1.5px solid var(--color-border);border-radius:var(--radius-full);background-color:var(--color-bg);color:var(--color-text-primary);font-size:1.5rem;transition:all var(--transition-fast);outline:none;min-width:240px}.search-input::placeholder{color:var(--color-text-muted)}.search-input:focus{border-color:var(--color-accent);background-color:var(--color-surface);box-shadow:0 0 0 4px #d4622a1a}.sort-wrapper{display:flex;align-items:center;gap:var(--space-sm)}.sort-wrapper label{font-family:var(--font-display);font-size:1.3rem;font-weight:600;color:var(--color-text-muted);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.sort-select{padding:1rem 3.6rem 1rem 1.6rem;border:1.5px solid var(--color-border);border-radius:var(--radius-full);background-color:var(--color-bg);color:var(--color-text-primary);font-size:1.5rem;font-weight:500;transition:all var(--transition-fast);outline:none;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239c9690' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1.2rem center}.sort-select:focus{border-color:var(--color-accent);box-shadow:0 0 0 4px #d4622a1a}.products-section .grid-two-cols{grid-template-columns:260px 1fr;align-items:start}.sideFilter-section{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;position:sticky;top:calc(var(--nav-height) + var(--space-lg));box-shadow:var(--shadow-sm)}.sideFilter-section h3{font-family:var(--font-display);font-size:1.1rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-md)}.categories-section,.vendor-section{padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--color-border)}.categories-section ul,.vendor-section ul{display:flex;flex-direction:column;gap:.2rem}.categories-section li,.vendor-section li{padding:.9rem 1.2rem;border-radius:var(--radius-md);font-size:1.5rem;font-weight:400;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--space-sm)}.categories-section li:hover,.vendor-section li:hover{background-color:var(--color-accent-light);color:var(--color-accent);padding-left:1.6rem}.categories-section li.active,.vendor-section li.active{background-color:var(--color-accent-light);color:var(--color-accent);font-weight:600}.sideFilter-section>section:last-child{padding:var(--space-lg) var(--space-xl)}.clear-filters-btn{width:100%;padding:1.1rem;border-radius:var(--radius-md);background-color:var(--color-bg);border:1.5px solid var(--color-border);color:var(--color-text-secondary);font-size:1.4rem;font-weight:500;font-family:var(--font-body);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}.clear-filters-btn:hover{background-color:var(--color-danger-light);border-color:var(--color-danger);color:var(--color-danger)}.product-card{background-color:var(--color-surface);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border);transition:all var(--transition-base);display:flex;flex-direction:column;box-shadow:var(--shadow-sm)}.product-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--color-accent-subtle)}.product-card .image-container{position:relative;aspect-ratio:4 / 3;overflow:hidden;background-color:var(--color-surface-alt)}.product-card .image-container img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.product-card:hover .image-container img{transform:scale(1.06)}.discount-badge{position:absolute;top:var(--space-md);left:var(--space-md);background-color:var(--color-accent);color:#fff;font-size:1.2rem;font-weight:700;font-family:var(--font-display);padding:.4rem .9rem;border-radius:var(--radius-full);letter-spacing:.02em}.stock-badge{position:absolute;top:var(--space-md);right:var(--space-md);background-color:#f8f7f4e6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--color-text-secondary);font-size:1.1rem;font-weight:500;padding:.4rem .9rem;border-radius:var(--radius-full);border:1px solid var(--color-border)}.product-card .content{padding:var(--space-lg);display:flex;flex-direction:column;flex:1;gap:var(--space-xs)}.product-card .vendor{font-size:1.2rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent)}.product-card .title{font-family:var(--font-display);font-size:1.7rem;font-weight:700;color:var(--color-text-primary);line-height:1.25;margin-top:.2rem}.product-card .description{font-size:1.4rem;color:var(--color-text-secondary);line-height:1.6;font-weight:300;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1;margin-top:.4rem}.price-container{margin-top:var(--space-md)}.price-section{display:flex;align-items:baseline;gap:var(--space-sm)}.discount-price{font-family:var(--font-display);font-size:2.2rem;font-weight:800;color:var(--color-text-primary);letter-spacing:-.02em}.actual-price{font-size:1.4rem;color:var(--color-text-muted);text-decoration:line-through;font-weight:300}.add-to-cart-button{margin-top:var(--space-md);width:100%;padding:1.2rem;background-color:var(--color-text-primary);color:#fff;border:2px solid var(--color-text-primary);border-radius:var(--radius-md);font-family:var(--font-display);font-size:1.4rem;font-weight:600;letter-spacing:.03em;cursor:pointer;transition:all var(--transition-base)}.add-to-cart-button:hover{background-color:var(--color-accent);border-color:var(--color-accent);box-shadow:0 6px 20px #d4622a40;transform:translateY(-1px)}.product-card-section>ul{list-style:none}.cart-page{padding:var(--space-2xl) 0 var(--space-4xl)}.cart-page-title{font-family:var(--font-display);font-size:3.2rem;font-weight:800;margin-bottom:var(--space-xl);color:var(--color-text-primary)}.cart-page .grid-two-cols{grid-template-columns:1fr 380px;align-items:start;gap:var(--space-xl)}.products-card-section{display:flex;flex-direction:column;gap:var(--space-sm)}.empty-cart{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3xl);text-align:center;color:var(--color-text-muted);font-size:1.6rem;font-weight:300}.cart-item{display:grid;grid-template-columns:auto 1fr auto auto auto;align-items:center;gap:var(--space-md);padding:var(--space-lg);background-color:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.cart-item:hover{border-color:var(--color-accent-subtle);box-shadow:var(--shadow-md)}.cart-item__image{width:7.2rem;height:7.2rem;object-fit:cover;border-radius:var(--radius-md);flex-shrink:0;background-color:var(--color-surface-alt)}.cart-item__info{min-width:0}.cart-item__name{font-family:var(--font-display);font-size:1.6rem;font-weight:700;color:var(--color-text-primary);margin-bottom:.3rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.cart-item__vendor{font-size:1.2rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-accent);margin-bottom:.4rem}.cart-item__price{font-size:1.5rem;font-weight:400;color:var(--color-text-secondary)}.cart-item__quantity{display:flex;align-items:center;gap:var(--space-sm);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:.4rem}.cart-item__quantity-btn{width:3rem;height:3rem;border-radius:50%;border:none;background-color:transparent;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);font-size:1.8rem;font-weight:300;line-height:1}.cart-item__quantity-btn:hover{background-color:var(--color-surface);color:var(--color-text-primary)}.cart-item__quantity-btn:disabled{opacity:.35;cursor:not-allowed}.cart-item__quantity-btn:disabled:hover{background-color:transparent;color:var(--color-text-secondary)}.cart-item__quantity-display{min-width:2.8rem;text-align:center;font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--color-text-primary)}.cart-item__total{text-align:right;min-width:8rem}.cart-item__total-price{font-family:var(--font-display);font-size:1.8rem;font-weight:800;color:var(--color-text-primary);letter-spacing:-.02em}.cart-item__remove{width:3.2rem;height:3.2rem;border-radius:50%;border:1px solid var(--color-border);background-color:transparent;color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);font-size:1.6rem}.cart-item__remove:hover{color:var(--color-danger);background-color:var(--color-danger-light);border-color:var(--color-danger)}.cart-summary{background-color:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:var(--space-xl);position:sticky;top:calc(var(--nav-height) + var(--space-lg));box-shadow:var(--shadow-sm)}.cart-summary h3{font-family:var(--font-display);font-size:1.8rem;font-weight:800;color:var(--color-text-primary);margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-border);letter-spacing:-.01em}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) 0;font-size:1.5rem}.summary-row span:first-child{color:var(--color-text-secondary);font-weight:400}.summary-row span:last-child{color:var(--color-text-primary);font-weight:500}.cart-summary hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-md) 0}.summary-row.total{padding:var(--space-md) 0 0}.summary-row.total span:first-child{font-family:var(--font-display);font-size:1.6rem;font-weight:700;color:var(--color-text-primary)}.summary-row.total span:last-child{font-family:var(--font-display);font-size:2.4rem;font-weight:800;color:var(--color-text-primary);letter-spacing:-.03em}.checkout-btn{width:100%;margin-top:var(--space-xl);padding:1.6rem;background-color:var(--color-accent);color:#fff;border:2px solid var(--color-accent);border-radius:var(--radius-md);font-family:var(--font-display);font-size:1.6rem;font-weight:700;letter-spacing:.02em;cursor:pointer;transition:all var(--transition-base)}.checkout-btn:hover:not(:disabled){background-color:var(--color-accent-hover);border-color:var(--color-accent-hover);transform:translateY(-2px);box-shadow:0 8px 24px #d4622a4d}.checkout-btn:disabled{opacity:.45;cursor:not-allowed}.summary-badges{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-lg)}.summary-badge{display:flex;align-items:center;gap:var(--space-sm);font-size:1.3rem;color:var(--color-text-muted)}@media (max-width: 1024px){.hero-content h1{font-size:4.2rem}.products-section .grid-two-cols{grid-template-columns:220px 1fr}.cart-page .grid-two-cols{grid-template-columns:1fr 320px}}@media (max-width: 768px){:root{--space-4xl: 6.4rem}.hero-container{grid-template-columns:1fr;text-align:center;gap:var(--space-2xl)}.hero-content h1{font-size:3.6rem}.hero-description{font-size:1.6rem;margin:0 auto var(--space-xl)}.hero-buttons{justify-content:center}.hero-image{display:none}.section-title{font-size:3rem}.products-toolbar{grid-template-columns:1fr;gap:var(--space-sm)}.search-input{min-width:unset;width:100%}.products-section .grid-two-cols{grid-template-columns:1fr}.sideFilter-section{position:static}.grid-three-cols{grid-template-columns:1fr 1fr}.cart-page .grid-two-cols{grid-template-columns:1fr}.cart-summary{position:static}.cart-item{grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;gap:var(--space-sm)}.cart-item__quantity{grid-column:2}.cart-item__total{display:none}.cart-item__remove{position:absolute;top:var(--space-md);right:var(--space-md)}.cart-item{position:relative}}@media (max-width: 480px){.hero{padding:var(--space-3xl) 0}.hero-content h1{font-size:3rem}.hero-buttons{flex-direction:column;align-items:stretch}.grid-three-cols{grid-template-columns:1fr}.cart-page-title{font-size:2.6rem}.cart-item__image{width:5.6rem;height:5.6rem}.cart-item__name{font-size:1.4rem}}