:root{--primary: #e53935;--accent: #ff8f00;--bg: #f7f1e8;--card-bg: #ffffff;--card-radius: 14px;--text: #1c1c28;--text-muted: #6b6b7b}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.page{min-height:100vh;width:100%;max-width:1040px;margin:0 auto;display:flex;flex-direction:column;background:#faf9f7;box-shadow:0 0 40px #14142814}.home-header{padding:26px 18px 4px}.home-logo{display:block;margin:0 auto 20px;height:48px;max-width:220px;object-fit:contain}.home-logo-text{margin:0 auto 20px;text-align:center;font-size:1.6rem;font-weight:900;letter-spacing:.5px;color:var(--primary);text-transform:uppercase}.home-logo-cart{font-size:1.3rem}.home-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.home-title{font-size:1.45rem;font-weight:800;line-height:1.2;color:var(--text)}.home-tagline{margin-top:4px;font-size:.88rem;color:var(--text-muted)}.home-updated{margin-top:3px;font-size:.72rem;color:var(--text-muted);opacity:.8}.search-toggle{flex:0 0 auto;width:44px;height:44px;border:none;border-radius:50%;background:transparent;color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}.search-toggle:hover,.search-toggle.open{background:#1414280f}.search{width:100%;margin-top:14px;padding:12px 16px;font-size:.95rem;border:1px solid rgba(20,20,40,.12);border-radius:12px;outline:none;background:#fff;color:var(--text)}.search:focus{border-color:var(--primary)}.search-detail{margin-top:0;margin-bottom:14px}.content{flex:1;width:100%;padding:18px 18px 32px}.count{font-size:.8rem;color:var(--text-muted);margin-bottom:10px}.tile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media(min-width:700px){.tile-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1000px){.tile-grid{grid-template-columns:repeat(4,1fr)}}.tile{position:relative;overflow:hidden;border:none;border-radius:var(--card-radius);aspect-ratio:4 / 5;padding:18px 12px 12px;display:flex;flex-direction:column;align-items:center;color:#fff;font-family:inherit;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease;box-shadow:0 4px 14px #14142824}.tile:hover{transform:translateY(-2px);box-shadow:0 8px 22px #14142833}.tile:active{transform:scale(.98)}.tile-burst{position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;background:repeating-conic-gradient(from 0deg at 50% 44%,rgba(255,255,255,.09) 0deg 10deg,transparent 10deg 24deg);pointer-events:none}.tile-confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(circle 3px at 16% 20%,rgba(255,255,255,.55) 97%,transparent),radial-gradient(circle 2px at 80% 14%,rgba(255,213,79,.85) 97%,transparent),radial-gradient(circle 2px at 88% 42%,rgba(255,255,255,.5) 97%,transparent),radial-gradient(circle 3px at 10% 52%,rgba(255,213,79,.75) 97%,transparent),radial-gradient(circle 2px at 26% 74%,rgba(255,255,255,.45) 97%,transparent),radial-gradient(circle 3px at 74% 68%,rgba(255,255,255,.4) 97%,transparent),radial-gradient(circle 2px at 58% 8%,rgba(255,255,255,.4) 97%,transparent),radial-gradient(circle 2px at 42% 30%,rgba(255,213,79,.55) 97%,transparent)}.tile-body{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.tile-big{font-size:clamp(3rem,11vw,4.2rem);font-weight:900;line-height:1;text-shadow:0 2px 4px rgba(0,0,0,.18)}.tile-mid{font-size:clamp(1.3rem,4.5vw,1.7rem);font-weight:800;letter-spacing:2px;line-height:1.15;text-shadow:0 1px 3px rgba(0,0,0,.18)}.tile-word{font-size:clamp(1.35rem,4.8vw,1.8rem);font-weight:900;letter-spacing:.5px;line-height:1.2;text-transform:uppercase;text-shadow:0 1px 3px rgba(0,0,0,.18)}.tile-ribbon{margin-top:8px;background:#ffc928;color:#5d3a00;font-size:clamp(1rem,3.6vw,1.3rem);font-weight:900;letter-spacing:1px;padding:4px 18px;transform:skew(-6deg) rotate(-2deg);border-radius:4px;box-shadow:0 2px 6px #0003}.tile-label{position:relative;width:100%;margin-top:auto;background:#00000042;border-radius:10px;padding:9px 8px;font-size:clamp(.62rem,2.4vw,.74rem);font-weight:700;letter-spacing:.6px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.info-card{margin-top:20px;display:flex;align-items:flex-start;gap:12px;background:#ecf2fc;border-radius:var(--card-radius);padding:16px}.info-icon{flex:0 0 auto;display:flex;margin-top:1px}.info-title{font-size:.88rem;font-weight:700}.info-sub{margin-top:3px;font-size:.8rem;color:var(--text-muted)}.detail{display:flex;flex-direction:column;flex:1}.detail-topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:10px;padding:12px 14px;background:#faf9f7}.back-btn{border:none;background:transparent;color:var(--text);width:40px;height:40px;border-radius:50%;font-size:1.35rem;line-height:1;cursor:pointer;flex:0 0 auto}.back-btn:hover{background:#1414280f}.detail-title{flex:1;text-align:center;font-size:1.15rem;font-weight:800;text-transform:uppercase;letter-spacing:.4px;color:var(--group)}.detail-topbar-spacer{width:40px;flex:0 0 auto}.detail-search-wrap{padding:0 18px 10px;background:#faf9f7}.detail-search-wrap .search{margin-top:0}.hero-image{display:block;width:100%;max-height:260px;object-fit:cover}.hero{position:relative;overflow:hidden;padding:34px 18px 38px;display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--group)}.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;background:var(--group);opacity:.14;pointer-events:none}.hero:before{width:120px;height:120px;top:-40px;left:-30px}.hero:after{width:90px;height:90px;right:-25px;bottom:-30px}.hero-text{display:flex;flex-direction:column;align-items:center;line-height:1}.hero-big{font-size:clamp(3.4rem,14vw,5rem);font-weight:900;line-height:.95}.hero-mid{font-size:clamp(1.4rem,5.5vw,2rem);font-weight:800;letter-spacing:3px}.hero-word{font-size:clamp(1.8rem,7vw,2.6rem);font-weight:900;letter-spacing:.6px;text-transform:uppercase;line-height:1.15}.hero-ribbon{position:relative;margin-top:16px;background:var(--group);color:#fff;font-size:.9rem;font-weight:800;letter-spacing:.8px;padding:8px 22px;text-transform:uppercase}.hero-ribbon:before,.hero-ribbon:after{content:"";position:absolute;top:5px;width:22px;height:100%;background:var(--group);filter:brightness(.75);z-index:-1}.hero-ribbon:before{left:-13px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,42% 50%)}.hero-ribbon:after{right:-13px;clip-path:polygon(0 0,100% 0,58% 50%,100% 100%,0 100%)}.valid-line{display:flex;align-items:center;justify-content:center;gap:7px;text-align:center;font-size:.88rem;font-weight:600;margin-bottom:20px;color:var(--group)}.section-title{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:16px;font-size:1.05rem;font-weight:800;color:var(--text)}.section-title:before,.section-title:after{content:"";flex:0 0 34px;height:2px;border-radius:2px;background:var(--group, rgba(20, 20, 40, .15));opacity:.7}.section-title span{white-space:nowrap}.detail-content{padding-top:14px}.bottom-nav{position:sticky;bottom:0;z-index:10;display:flex;align-items:center;justify-content:space-around;gap:8px;padding:10px 18px calc(10px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid rgba(20,20,40,.07);box-shadow:0 -4px 16px #1414280f}.bn-back{border:none;background:transparent;color:var(--text);font-size:1.5rem;line-height:1;width:44px;height:44px;border-radius:50%;cursor:pointer}.bn-back:hover{background:#1414280f}.bn-item{display:flex;flex-direction:column;align-items:center;gap:3px;border:none;background:transparent;color:var(--text-muted);font-family:inherit;font-size:.7rem;font-weight:600;cursor:pointer;text-decoration:none;padding:4px 10px}.bn-item.active,.bn-item:hover{color:var(--group, var(--primary))}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.p-card{background:var(--card-bg);border:1px solid rgba(20,20,40,.06);border-radius:var(--card-radius);padding:14px 10px 12px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;box-shadow:0 1px 5px #1414280f}.p-image{width:100%;height:110px;object-fit:contain;margin-bottom:4px}.p-thumb{width:84px;height:84px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.9rem;font-weight:800;margin:8px 0 12px}.p-name{font-size:.84rem;font-weight:600;line-height:1.35;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.p-code{font-size:.68rem;color:var(--text-muted)}.p-price-row{display:flex;align-items:baseline;justify-content:center;gap:8px;flex-wrap:wrap}.p-mrp{font-size:.78rem;color:var(--text-muted);text-decoration:line-through}.p-price{font-size:1.1rem;font-weight:800;color:var(--primary)}.p-pill{width:100%;font-size:.7rem;font-weight:700;letter-spacing:.3px;padding:7px 4px;border-radius:8px;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.state{text-align:center;padding:70px 20px;color:var(--text-muted)}.error{color:#c62828}.spinner{width:36px;height:36px;margin:0 auto 14px;border:3px solid rgba(0,0,0,.12);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.footer{text-align:center;padding:16px;font-size:.72rem;color:var(--text-muted);border-top:1px solid rgba(20,20,40,.07)}@media(min-width:700px){.content,.home-header{padding-left:28px;padding-right:28px}.product-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}}