*{box-sizing:border-box}body{margin:0;padding:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.header-card{aspect-ratio:var(--ratio);display:flex;flex-direction:column;align-items:left;justify-content:space-around;border-radius:var(--radius-lg);transition:all var(--transition);padding:0;box-shadow:none}.header-card:hover{border-color:var(--color-border-hover)}.header-card-content{width:100%;display:flex;flex-direction:column;flex-grow:1;position:relative}.theme-toggle-button{position:absolute;top:0;right:0;background:var(--color-card-bg);border:none;font-size:var(--font-size-xl);line-height:1;text-align:center;cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-md);transition:all var(--transition);color:var(--color-text-secondary);z-index:10;display:flex;align-items:center;justify-content:center;width:32px;height:32px;outline:none;opacity:0}.theme-toggle-button.animate-in{animation:fadeInUp .4s ease-out forwards}.theme-toggle-button:hover{background:var(--color-border);color:var(--color-text-primary)}.header-card-title{font-family:var(--font-heading);font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-xxxs);color:var(--color-text-primary);letter-spacing:-.05em;position:relative;overflow:hidden}.header-card-logo.loading:before{content:"";position:absolute;top:0;left:-100%;width:40%;height:100%;background:linear-gradient(90deg,transparent 0%,var(--color-shimmer-logo20) 20%,var(--color-shimmer-logo60) 50%,var(--color-shimmer-logo20) 80%,transparent 100%);transform:skew(-3deg);animation:shimmer 1s infinite;z-index:1;pointer-events:none}.header-card-logo{color:var(--color-text-primary);position:relative;z-index:2}.header-card-dot{color:var(--color-text-disabled);position:relative;z-index:2}.header-card-menu{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg);justify-content:flex-start;align-items:flex-start;transition:opacity .2s ease;margin:var(--spacing-md) 0 var(--spacing-md)}.filter-section{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0;opacity:0}.filter-section.animate-in{animation:fadeInUp .4s ease-out forwards}.filter-section-label{font-size:var(--font-size-xs);font-family:var(--font-body);color:var(--color-text-tertiary);margin-bottom:var(--spacing-xs);line-height:1.4}.header-card-menu.loading{opacity:0}.menu-item{background:none;border:none;font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:var(--font-weight-light);cursor:pointer;transition:all var(--transition);font-family:var(--font-body);text-decoration:none;text-align:left;padding:0}.menu-item:hover,.menu-item.active{color:var(--color-text-primary);text-decoration:underline}.menu-item.loading{cursor:default;color:var(--color-text-tertiary)}.menu-item-link{display:inline-block}.drop-info-text{font-size:.875rem;line-height:1.5;color:var(--color-text-secondary);margin-top:.5rem;max-width:100%}.header-card-logo-link{text-decoration:none;color:inherit;transition:opacity var(--transition)}.header-card-logo-link:hover{opacity:.7}.filter-indicator{color:var(--color-text-tertiary);font-weight:var(--font-weight-regular)}.header-card-footer{display:flex;flex-direction:column;align-items:left;justify-content:flex-start;background:var(--color-card-bg);border:none;border-radius:var(--radius-md);overflow:hidden;text-decoration:none;color:inherit;padding:var(--spacing-sm);pointer-events:none;opacity:0}.header-card-footer.animate-in{animation:fadeInUp .4s ease-out forwards}.header-card-footer-title{font-family:var(--font-heading);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-xxs) 0;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-transform:none}.header-card-footer-subtitle{font-size:var(--font-size-sm);line-height:1.3;color:var(--color-text-primary);font-weight:var(--font-weight-light);text-transform:none}.header-card-footer-copyright{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin:var(--spacing-sm) 0 0 0;display:flex;align-items:center;gap:var(--spacing-xs);line-height:1.4}@media(max-width:820px){.header-card{aspect-ratio:auto;min-height:620px}.header-card-title{font-size:var(--font-size-2xl)}.header-card-menu{flex-direction:column;gap:var(--spacing-md)}.filter-section,.menu-item{width:100%}}.product-card{aspect-ratio:var(--ratio);display:block;background:var(--color-card-bg);border:none;border-radius:var(--radius-md);overflow:hidden;color:inherit;position:relative;opacity:0;animation:fadeInUp .4s ease-out forwards;width:100%;max-width:100%;min-width:0}.product-image-link{display:block;width:100%;height:100%;position:absolute;top:0;left:0;cursor:pointer;z-index:1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.product-card:hover .product-image{rotate:1deg}.product-image{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform var(--transition),opacity 80ms ease-in,rotate .2s ease-in-out;transform:scale(1);rotate:0deg;opacity:0;will-change:opacity;min-width:0;max-width:100%;display:block}.product-image.loaded{opacity:1}.product-image-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);font-size:var(--font-size-xs);text-align:center;padding:var(--spacing-lg)}.product-content{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-sm);display:flex;flex-direction:column;gap:var(--spacing-xxs);background:transparent;width:100%;box-sizing:border-box;min-width:0;z-index:5}.product-meta{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin:0;display:flex;align-items:center;gap:var(--spacing-xs);line-height:1.4;flex-wrap:wrap;min-width:0}.product-brand,.meta-separator,.product-category,.product-week{color:var(--color-text-tertiary)}.product-title{font-family:var(--font-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-wrap:break-word;overflow-wrap:break-word;min-width:0}.product-warranty-badge-container{position:absolute;top:var(--spacing-md);left:var(--spacing-md);pointer-events:auto;z-index:10}.product-warranty-badge{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xxs);padding:4px 8px 4px 10px;background:transparent;border:1px solid var(--color-text-primary);border-radius:999px;font-size:11px;font-weight:400;color:var(--color-text-primary);cursor:context-menu;position:relative;transition:opacity .2s ease;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.product-warranty-badge:hover{opacity:.8}.product-warranty-badge.active{opacity:1}.product-warranty-badge.highlight:before{content:"";position:absolute;top:0;left:-100%;width:40%;height:100%;background:linear-gradient(90deg,transparent 0%,var(--color-shimmer-warranty20) 20%,var(--color-shimmer-warranty60) 50%,var(--color-shimmer-warranty20) 80%,transparent 100%);transform:skew(-3deg);animation:shimmer 2s 1;transition-timing-function:cubic-bezier(.4,0,.2,1);z-index:1;pointer-events:none}@keyframes shimmer{0%{left:-100%}to{left:100%}}.warranty-badge-icon{font-size:11px;line-height:1;font-weight:400;opacity:0;max-width:0;overflow:hidden;transform:translate(4px);transition:opacity .2s ease,transform .2s ease,max-width .2s ease;display:inline-flex;align-items:center;white-space:nowrap}.product-warranty-badge:hover .warranty-badge-icon{opacity:1;max-width:20px;transform:translate(0)}.warranty-name{font-size:11px;line-height:1.2;font-weight:400;display:inline-flex;align-items:center}@keyframes slideDown{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.warranty-info-close{position:absolute;top:0;right:0;background:none;border:none;font-size:var(--font-size-lg);font-weight:var(--font-weight-light);color:var(--color-text-primary);cursor:pointer;padding:var(--spacing-xxs);line-height:1;opacity:.6;transition:opacity .2s ease;z-index:10}.warranty-info-close:hover{opacity:1}.warranty-info-block{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-sm);background:var(--color-card-bg);border-top:1px solid var(--color-border);font-size:var(--font-size-md);color:var(--color-text-primary);margin:0;pointer-events:auto;box-sizing:border-box;min-width:0;z-index:20;cursor:context-menu}.warranty-info-label{font-size:var(--font-size-3xl);font-weight:var(--font-weight-medium);line-height:1;letter-spacing:-.02em;color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.warranty-info-label-description{color:var(--color-text-tertiary)}.warranty-info-content{font-size:var(--font-size-sm);line-height:1.4;font-weight:var(--font-weight-light)}.product-arrow{position:absolute;top:var(--spacing-md);right:var(--spacing-md);font-size:var(--font-size-lg);color:var(--color-text-primary);opacity:0;transform:translate(4px,-4px);transition:opacity var(--transition),transform var(--transition);pointer-events:none}.product-card:hover .product-arrow{opacity:1;transform:translate(0)}@media(max-width:820px){.product-content{padding:var(--spacing-sm)}.product-title{font-size:var(--font-size-sm)}.product-meta{font-size:11px}.warranty-info-block{padding:var(--spacing-xs)}.warranty-info-content{font-size:10px}}.product-grid-container{width:100%;padding:var(--gap);box-sizing:border-box;max-width:100%;overflow-x:hidden}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap);margin:0 auto;width:100%;min-width:0;overflow:hidden}@media(min-width:1679px){.product-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:1024px)and (max-width:1678px){.product-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1260px){.product-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:820px){.product-grid-container{padding:var(--spacing-md);box-sizing:border-box}.product-grid{display:flex;flex-direction:column}}.scroll-trigger{height:1px;width:100%}.error-container{text-align:center;padding:var(--spacing-2xl);max-width:500px;margin:0 auto}.error-message{color:var(--color-text-secondary);margin:0 0 var(--spacing-lg);font-size:var(--font-size-sm)}.retry-button{padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-gray-950);color:var(--color-white);border:none;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition);font-family:var(--font-body)}.retry-button:hover{background:var(--color-gray-800)}.load-more-card{aspect-ratio:var(--ratio);display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;opacity:0;animation:fadeInUp .4s ease-out forwards;width:100%;max-width:100%;min-width:0;transition:background var(--transition),transform var(--transition);font-family:var(--font-body);position:relative}.load-more-card:hover:not(:disabled){background:var(--color-gray-200);transform:scale(.98)}[data-theme=dark] .load-more-content{background:var(--color-black)}[data-theme=dark] .load-more-content:hover{background:var(--color-gray-950)}.load-more-card:disabled{opacity:.5;cursor:not-allowed}.load-more-content{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--spacing-md)}.load-more-icon{font-size:var(--font-size-2xl);font-weight:var(--font-weight-light);color:var(--color-text-primary);line-height:1}.load-more-text{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);color:var(--color-text-tertiary);text-align:center;line-height:1.4;pointer-events:none;width:100%;box-sizing:border-box}.product-page{min-height:100vh;padding:0;background:var(--color-background)}.product-page-container{max-width:800px;margin:0 auto;padding:1rem}.product-page-back{display:inline-block;color:var(--color-text-secondary);text-decoration:none;font-size:.9rem;margin-bottom:1.5rem;transition:color .2s ease}.product-page-back:hover{color:var(--color-text)}.product-page-image-wrapper{width:100%;aspect-ratio:1;margin-bottom:2rem;border-radius:12px;overflow:hidden;background:var(--color-card-background)}.product-page-image{width:100%;height:100%;object-fit:cover;display:block}.product-page-content{padding:0}.product-page-meta{font-size:.85rem;color:var(--color-text-secondary);margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.product-page-brand{font-weight:600;color:var(--color-text)}.product-page-category{text-transform:capitalize}.meta-separator{color:var(--color-text-tertiary)}.product-page-title{font-size:2rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem;color:var(--color-text)}.product-page-warranty{margin-bottom:1.5rem;padding:1rem;background:var(--color-card-background);border-radius:8px;border:1px solid var(--color-border)}.warranty-badge{display:inline-block;background:var(--color-primary);color:#fff;padding:.4rem .8rem;border-radius:6px;font-size:.85rem;font-weight:600;margin-bottom:.5rem}.warranty-description{font-size:.9rem;color:var(--color-text-secondary);margin:.5rem 0 0;line-height:1.5}.product-page-editorial{margin-bottom:2rem;line-height:1.7;font-size:1.05rem;color:var(--color-text)}.product-page-editorial p{margin:0}.product-page-bullets{margin-bottom:2rem}.product-page-bullets h2{font-size:1.2rem;font-weight:600;margin-bottom:1rem;color:var(--color-text)}.product-page-bullets ul{list-style:none;padding:0;margin:0}.product-page-bullets li{padding-left:1.5rem;margin-bottom:.8rem;position:relative;line-height:1.6;color:var(--color-text-secondary)}.product-page-bullets li:before{content:"✓";position:absolute;left:0;color:var(--color-primary);font-weight:700}.product-page-cta{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1.2rem 2rem;background:var(--color-primary);color:#fff;text-decoration:none;border-radius:12px;font-size:1.1rem;font-weight:600;transition:all .2s ease;border:none;cursor:pointer;margin-bottom:1rem}.product-page-cta:hover{background:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.product-page-cta:active{transform:translateY(0)}.cta-arrow{font-size:1.2rem;transition:transform .2s ease}.product-page-cta:hover .cta-arrow{transform:translate(4px)}.product-page-disclosure{font-size:.8rem;color:var(--color-text-tertiary);line-height:1.5;margin-bottom:2rem;text-align:center}.product-page-no-link{text-align:center;padding:1.5rem;background:var(--color-card-background);border-radius:8px;margin-bottom:2rem}.product-page-no-link p{margin:0;color:var(--color-text-secondary);font-size:.95rem}.product-page-drop-link{display:inline-block;color:var(--color-text-secondary);text-decoration:none;font-size:.9rem;margin-top:1rem;transition:color .2s ease}.product-page-drop-link:hover{color:var(--color-text)}.product-page-skeleton{animation:pulse 1.5s ease-in-out infinite}.skeleton-image{width:100%;aspect-ratio:1;background:var(--color-card-background);border-radius:12px;margin-bottom:2rem}.skeleton-title{height:3rem;width:80%;background:var(--color-card-background);border-radius:8px;margin-bottom:1rem}.skeleton-text{height:1rem;width:100%;background:var(--color-card-background);border-radius:4px;margin-bottom:.8rem}.product-page-error{text-align:center;padding:4rem 1rem}.product-page-error h1{font-size:2rem;margin-bottom:1rem;color:var(--color-text)}.product-page-error p{color:var(--color-text-secondary);margin-bottom:2rem}.button-secondary{display:inline-block;padding:.8rem 1.5rem;background:var(--color-card-background);color:var(--color-text);text-decoration:none;border-radius:8px;font-weight:500;transition:all .2s ease}@media(min-width:768px){.product-page-container{padding:2rem}.product-page-title{font-size:2.5rem}.product-page-image-wrapper{max-width:600px;margin-left:auto;margin-right:auto}}@media(prefers-color-scheme:dark){.product-page-cta{box-shadow:0 2px 8px #0000004d}}.drop-page{min-height:100vh;padding:0;background:var(--color-background)}.drop-page-container{width:100%;padding:var(--gap);box-sizing:border-box;max-width:100%;overflow-x:hidden}.drop-page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap);margin:0 auto;width:100%;min-width:0;overflow:hidden}@media(min-width:1679px){.drop-page-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:1024px)and (max-width:1678px){.drop-page-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:768px)and (max-width:1023px){.drop-page-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.drop-page-grid{grid-template-columns:1fr}}.drop-page-empty{text-align:center;padding:4rem 1rem;color:var(--color-text-secondary)}.drop-page-skeleton{animation:pulse 1.5s ease-in-out infinite}.skeleton-title{height:3rem;width:300px;max-width:100%;background:var(--color-card-background);border-radius:8px;margin:0 auto 1rem}.skeleton-text{height:1rem;width:500px;max-width:100%;background:var(--color-card-background);border-radius:4px;margin:0 auto 3rem}.skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.skeleton-card{height:400px;background:var(--color-card-background);border-radius:12px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.drop-page-error{text-align:center;padding:4rem 1rem}.drop-page-error h1{font-size:2rem;margin-bottom:1rem;color:var(--color-text)}.drop-page-error p{color:var(--color-text-secondary);margin-bottom:2rem}.button-secondary{display:inline-block;padding:.8rem 1.5rem;background:var(--color-card-background);color:var(--color-text);text-decoration:none;border-radius:8px;font-weight:500;transition:all .2s ease;border:1px solid var(--color-border)}.button-secondary:hover{background:var(--color-border)}@media(min-width:768px){.drop-page-container{padding:2rem}.drop-page-title{font-size:3rem}}@font-face{font-family:NatureVariable;src:url(/fonts/nature-variable-VF.ttf) format("truetype-variations");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:NatureVariable;src:url(/fonts/nature-variable-italic-VF.ttf) format("truetype-variations");font-weight:100 900;font-style:italic;font-display:swap}:root{--color-black: rgb(0, 0, 0);--color-gray-950: rgb(17, 17, 19);--color-gray-900: rgb(24, 25, 27);--color-gray-800: rgb(36, 38, 39);--color-gray-700: rgb(49, 49, 53);--color-gray-600: rgb(75, 77, 81);--color-gray-500: rgb(105, 113, 119);--color-gray-400: rgb(135, 141, 150);--color-gray-300: rgb(173, 181, 189);--color-gray-200: rgb(222, 224, 228);--color-gray-100: rgb(241, 243, 245);--color-white: rgb(255, 255, 255);--color-bg: var(--color-white);--color-text-primary: var(--color-gray-950);--color-text-secondary: var(--color-gray-600);--color-text-tertiary: var(--color-gray-400);--color-text-disabled: var(--color-gray-200);--color-border: var(--color-gray-200);--color-border-hover: var(--color-gray-300);--color-card-bg: var(--color-gray-100);--color-card-bg-hover: var(--color-gray-200);--color-shimmer-warranty20: rgba(241, 243, 245, .2);--color-shimmer-warranty60: rgba(241, 243, 245, .6);--color-shimmer-logo20: rgba(255, 255, 255, .2);--color-shimmer-logo60: rgba(255, 255, 255, .6);--shadow-subtle: 0 1px 3px 0 rgb(0 0 0 / .04);--shadow-sm: 0 2px 4px 0 rgb(0 0 0 / .06);--shadow-md: 0 4px 12px 0 rgb(0 0 0 / .08);--shadow-lg: 0 8px 24px 0 rgb(0 0 0 / .1);--spacing-xxxs: .125rem;--spacing-xxs: .25rem;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--spacing-3xl: 6rem;--gap: 1rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--transition: .2s cubic-bezier(.4, 0, .2, 1);--font-body: "NatureVariable", -apple-system, BlinkMacSystemFont,"Helvetica Neue", Arial, sans-serif;--font-heading: "NatureVariable", -apple-system, BlinkMacSystemFont,"Helvetica Neue", Arial, sans-serif;--font-weight-light: 350;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-size-xxs: .65rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-size-5xl: 3rem;--ratio: 1 / 1.5}[data-theme=dark]{--color-bg: var(--color-gray-950);--color-text-primary: var(--color-white);--color-text-secondary: var(--color-gray-300);--color-text-tertiary: var(--color-gray-500);--color-text-disabled: var(--color-gray-700);--color-border: var(--color-gray-800);--color-border-hover: var(--color-gray-700);--color-card-bg: var(--color-black);--color-card-bg-hover: var(--color-gray-700);--color-shimmer-warranty20: rgba(0, 0, 0, .2);--color-shimmer-warranty60: rgba(0, 0, 0, .6);--color-shimmer-logo20: rgba(17, 17, 19, .2);--color-shimmer-logo60: rgba(17, 17, 19, .6);--shadow-subtle: 0 1px 3px 0 rgb(0 0 0 / .3);--shadow-sm: 0 2px 4px 0 rgb(0 0 0 / .4);--shadow-md: 0 4px 12px 0 rgb(0 0 0 / .5);--shadow-lg: 0 8px 24px 0 rgb(0 0 0 / .6)}*{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden;max-width:100vw}body{font-family:var(--font-body);color:var(--color-text-primary);background:var(--color-white);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;max-width:100vw}body:not(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,.heading,button){letter-spacing:.01em}.app{min-height:100vh;background:var(--color-bg);width:100%;max-width:100vw;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:1.2;margin-bottom:var(--spacing-md);letter-spacing:-.02em;text-transform:capitalize}@media(max-width:768px){:root{--spacing-lg: 1.5rem;--spacing-xl: 2rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}