*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0a0a0a;--bg-card: #151311;--bg-card-hover: #1c1916;--text-primary: #f0ece4;--text-secondary: #8a8578;--accent: #c9a96e;--accent-hover: #dbbf8a;--accent-glow: rgba(201, 169, 110, .15)}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:Playfair Display,Georgia,serif}.site-header{text-align:center;padding:4rem 1rem 2rem}.site-header h1{font-size:2.6rem;font-weight:700;letter-spacing:.02em;color:var(--accent)}.site-header .subtitle{font-family:Inter,sans-serif;font-size:.85rem;font-weight:300;letter-spacing:.2em;text-transform:uppercase;color:var(--text-secondary);margin-top:.6rem}.category-section{max-width:1200px;margin:0 auto;padding:0 2rem}.category-section+.category-section{margin-top:2rem}.category-title{font-family:Playfair Display,Georgia,serif;font-size:1.6rem;font-weight:600;color:var(--accent);letter-spacing:.03em;text-align:center;padding:1.5rem 0 .5rem;position:relative}.category-title:after{content:"";display:block;width:60px;height:1.5px;background:var(--accent);opacity:.35;margin:.8rem auto 0}.category-page-header{position:relative}.category-back-button{position:absolute;top:2.4rem;left:2rem}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1100px;margin:0 auto;padding:2rem 0 4rem}.category-card{position:relative;height:100%;background:var(--bg-card);border:1px solid rgba(201,169,110,.08);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .3s ease}.category-card:hover{border-color:#c9a96e59}.category-card-disabled{opacity:.6}.category-card-disabled:hover{border-color:#c9a96e14}.category-badge{position:absolute;top:1rem;right:1rem;z-index:2;background:#c9a96e26;border:1px solid rgba(201,169,110,.4);color:var(--accent);font-family:Inter,sans-serif;font-size:.7rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;padding:.3rem .7rem;border-radius:999px}.category-image-wrapper{position:relative;width:100%;aspect-ratio:4 / 3;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:2rem;background:radial-gradient(ellipse at 50% 60%,rgba(201,169,110,.08) 0%,transparent 70%)}.category-image-wrapper img{max-width:80%;max-height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.category-placeholder-icon{color:#c9a96e59}.category-info{padding:1.2rem 1.8rem 2rem;text-align:center;display:flex;flex-direction:column;flex:1}.category-info h2{font-family:Playfair Display,Georgia,serif;font-size:1.6rem;font-weight:600;color:var(--text-primary)}.category-info p{font-size:.88rem;color:var(--text-secondary);margin-top:.6rem;font-weight:300;line-height:1.5}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;padding:2rem 0}.product-card{position:relative;background:var(--bg-card);border:1px solid rgba(201,169,110,.08);border-radius:16px;overflow:hidden;transition:border-color .3s ease;height:100%;display:flex;flex-direction:column}.product-card:hover{border-color:#c9a96e40}.card-image-wrapper{position:relative;width:100%;aspect-ratio:4 / 3;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:2rem;background:radial-gradient(ellipse at 50% 60%,rgba(201,169,110,.06) 0%,transparent 70%)}.card-image-wrapper img{max-width:85%;max-height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.card-info{padding:1rem 1.5rem 1.8rem;text-align:center;display:flex;flex-direction:column;flex:1}.card-info h3{font-size:1.3rem;font-weight:600;color:var(--text-primary)}.card-info .card-desc{font-size:.85rem;color:var(--text-secondary);margin-top:.5rem;font-weight:300;line-height:1.5}.card-info .card-price{font-size:.95rem;color:var(--accent);margin-top:.5rem;font-weight:500}.extra-card{cursor:default}.card-info .extra-price{font-size:.95rem;color:var(--accent);font-weight:500}.card-cta{margin-top:auto;padding-top:.9rem;display:flex;align-items:center;justify-content:center;gap:.4rem;color:var(--accent);font-family:Inter,sans-serif;font-size:.78rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;opacity:.5;transition:opacity .25s ease}.card-cta-arrow{display:inline-block;transition:transform .25s ease}.category-card:hover .card-cta{opacity:1}.category-card:hover .card-cta-arrow{transform:translate(3px)}@media (hover: none){.card-cta{opacity:.7}}.card-affordance{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;padding-top:.3rem}.card-affordance-label{color:var(--accent);font-family:Inter,sans-serif;font-size:.72rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;opacity:.55;transition:opacity .25s ease}.product-card:hover .card-affordance-label{opacity:1}@media (hover: none){.card-affordance-label{opacity:.8}}.intro-hint{position:absolute;top:1rem;left:50%;transform:translate(-50%);z-index:15;background:var(--accent);color:var(--bg-primary);font-family:Inter,sans-serif;font-size:.8rem;font-weight:500;padding:.6rem 1rem;border-radius:10px;max-width:82%;text-align:center;line-height:1.4;box-shadow:0 12px 30px #00000073;pointer-events:none}.intro-hint-arrow{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:12px;height:12px;background:var(--accent);clip-path:polygon(50% 100%,0 0,100% 0)}.detail-page{background:radial-gradient(ellipse at 50% 40%,#1a1714 0%,var(--bg-primary) 70%);min-height:100vh}.detail-header{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1.2rem 2rem;background:linear-gradient(to bottom,rgba(10,10,10,.9) 0%,transparent 100%);pointer-events:none}.back-button{pointer-events:all;display:inline-flex;align-items:center;gap:.5rem;background:none;border:1px solid rgba(201,169,110,.3);color:var(--accent);font-family:Inter,sans-serif;font-size:.85rem;font-weight:400;padding:.5rem 1rem;border-radius:8px;cursor:pointer;transition:all .2s ease;letter-spacing:.03em}.back-button:hover{background:#c9a96e1a;border-color:#c9a96e80}.detail-product-name{pointer-events:none;font-family:Playfair Display,Georgia,serif;font-size:1.3rem;font-weight:600;color:var(--accent);letter-spacing:.02em}.scene-scroll-area{position:relative}.scene-sticky{position:sticky;top:0;height:100vh;width:100%;overflow:hidden}.bucket-element{position:absolute;left:50%;display:flex;flex-direction:column;align-items:center}.bucket-element img{width:220px;max-width:50vw;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 8px 24px rgba(0,0,0,.4))}.ingredient-layer{position:absolute;left:50%}.ingredient-layer img{display:block;width:150px;max-width:34vw;pointer-events:none;-webkit-user-select:none;user-select:none}.ingredient-layer-base img{width:200px;max-width:46vw}.ingredient-label{position:absolute;top:50%;font-family:Inter,sans-serif;font-size:.95rem;font-weight:400;color:var(--text-primary);white-space:normal;overflow-wrap:break-word;letter-spacing:.04em;text-shadow:0 2px 10px rgba(0,0,0,.6);line-height:1.3}.ingredient-label.label-right{left:calc(100% + 1.5rem);transform:translateY(-50%);text-align:left;max-width:min(200px,calc(50vw - 110px))}.ingredient-label.label-left{right:calc(100% + 1.5rem);transform:translateY(-50%);text-align:right;max-width:min(200px,calc(50vw - 110px))}.ingredient-layer-base .ingredient-label.label-right,.ingredient-layer-base .ingredient-label.label-left{max-width:min(200px,calc(50vw - 135px))}.detail-bottom{text-align:center;padding:5rem 2rem 6rem;background:linear-gradient(to bottom,transparent 0%,rgba(26,23,20,.3) 100%)}.detail-bottom h2{font-size:2rem;color:var(--accent);margin-bottom:1rem}.detail-bottom p{font-size:1rem;color:var(--text-secondary);max-width:480px;margin:0 auto 2.5rem;line-height:1.7}.menu-button{display:inline-flex;align-items:center;gap:.5rem;background:var(--accent);color:var(--bg-primary);font-family:Inter,sans-serif;font-size:.9rem;font-weight:500;padding:.75rem 2rem;border:none;border-radius:10px;cursor:pointer;transition:all .2s ease;letter-spacing:.03em}.menu-button:hover{background:var(--accent-hover);transform:translateY(-1px)}.bucket-rim-overlay{position:absolute;left:50%}.bucket-rim-overlay img{width:220px;max-width:50vw;pointer-events:none;-webkit-user-select:none;user-select:none;clip-path:inset(45% 0 0 0)}.bucket-full-overlay{position:absolute;left:50%;display:flex;flex-direction:column;align-items:center}.bucket-full-overlay img{width:220px;max-width:50vw;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 8px 24px rgba(0,0,0,.4))}.scene-product-info{position:absolute;left:50%;transform:translate(-50%);top:62%;text-align:center;max-width:480px;width:100%;padding:0 2rem}.scene-product-info h2{font-family:Playfair Display,Georgia,serif;font-size:1.8rem;font-weight:600;color:var(--accent);letter-spacing:.02em;margin-bottom:.8rem;text-shadow:0 2px 20px rgba(0,0,0,.5)}.scene-product-info p{font-family:Inter,sans-serif;font-size:.95rem;font-weight:300;color:var(--text-secondary);line-height:1.7;margin-bottom:1.5rem}.scroll-hint{position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.6rem;color:var(--text-secondary);font-family:Inter,sans-serif;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase}.scroll-hint span{animation:scrollHintTextGlow 2.2s ease-in-out infinite}.scroll-hint-arrow{width:18px;height:18px;border-right:1.5px solid var(--text-secondary);border-bottom:1.5px solid var(--text-secondary);transform:rotate(45deg);animation:bounceDown 1.5s ease-in-out infinite,scrollHintArrowGlow 2.2s ease-in-out infinite}@keyframes bounceDown{0%,to{transform:rotate(45deg) translateY(0);opacity:.4}50%{transform:rotate(45deg) translateY(5px);opacity:1}}@keyframes scrollHintTextGlow{0%,to{color:var(--text-secondary);text-shadow:0 0 0 rgba(201,169,110,0)}50%{color:var(--accent);text-shadow:0 0 10px rgba(201,169,110,.75)}}@keyframes scrollHintArrowGlow{0%,to{border-color:var(--text-secondary);filter:drop-shadow(0 0 0 rgba(201,169,110,0))}50%{border-color:var(--accent);filter:drop-shadow(0 0 8px rgba(201,169,110,.85))}}@media (max-width: 768px){.site-header{padding:3rem 1rem 1.5rem}.site-header h1{font-size:1.8rem}.category-section{padding:0 1rem}.category-title{font-size:1.3rem}.product-grid{grid-template-columns:1fr;padding:1rem 0;gap:1.5rem}.detail-header{padding:1rem}.detail-product-name{font-size:1rem}.bucket-element img{width:180px}.ingredient-layer img{width:115px}.ingredient-layer-base img{width:160px}.ingredient-label{font-size:.8rem}.ingredient-label.label-right,.ingredient-label.label-left{max-width:min(160px,calc(50vw - 85px))}.ingredient-layer-base .ingredient-label.label-right,.ingredient-layer-base .ingredient-label.label-left{max-width:min(160px,calc(50vw - 105px))}.ingredient-label.label-right{left:calc(100% + 1rem)}.ingredient-label.label-left{right:calc(100% + 1rem)}.bucket-rim-overlay img,.bucket-full-overlay img{width:180px}.scene-product-info h2{font-size:1.4rem}.scene-product-info p{font-size:.85rem}.detail-bottom h2{font-size:1.5rem}.category-back-button{position:static;margin-bottom:1rem}}@media (max-width: 480px){.site-header h1{font-size:1.5rem}.bucket-element img{width:150px}.ingredient-layer img{width:90px}.ingredient-layer-base img{width:130px}.bucket-rim-overlay img,.bucket-full-overlay img{width:150px}.scene-product-info h2{font-size:1.1rem}.scene-product-info p{font-size:.78rem}.ingredient-label{font-size:.72rem}.ingredient-label.label-right,.ingredient-label.label-left{max-width:min(120px,calc(50vw - 70px))}.ingredient-layer-base .ingredient-label.label-right,.ingredient-layer-base .ingredient-label.label-left{max-width:min(120px,calc(50vw - 90px))}}