@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color: #ebebeb;--highlight-color: #f5f5f5;--animation-duration: 1.5s;--animation-direction: normal;--pseudo-element-display: block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;-webkit-user-select:none;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:var( --custom-highlight-background, linear-gradient( 90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100% ) );transform:translate(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media(prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display: none}}*{box-sizing:border-box}:root{--bg: #0f0b06;--bg-2: #1b140d;--ink: #f7f1e6;--ink-dim: rgba(247, 241, 230, .7);--accent: #ffb13b;--accent-2: #ff6b35;--card: #1a130c;--card-border: #3a2a18;--chip: #2a1d12;--shadow: 0 18px 40px rgba(0, 0, 0, .35)}body{margin:0;font-family:Space Grotesk,system-ui,sans-serif;background:radial-gradient(800px 500px at 10% -10%,rgba(255,177,59,.18),transparent 60%),radial-gradient(600px 400px at 90% 10%,rgba(255,107,53,.16),transparent 50%),linear-gradient(180deg,var(--bg),var(--bg-2));color:var(--ink);min-height:100vh}.app{max-width:1040px;margin:0 auto;padding:18px}.header{position:relative;margin:16px 10px 12px;padding:18px 12px;border-radius:18px;background:linear-gradient(135deg,#ffb13b3d,#ff6b3524),#1a1209;border:1px solid rgba(255,177,59,.3);box-shadow:var(--shadow);overflow:hidden;-webkit-user-select:none;user-select:none;z-index:100}.header:after{content:"";position:absolute;inset:-40% -20% auto auto;width:220px;height:220px;background:radial-gradient(circle,rgba(255,177,59,.35),transparent 60%);filter:blur(10px);opacity:.7}.header h1{margin:0;font-family:Ruslan Display,serif;text-align:center;font-size:30px;letter-spacing:.3px;font-weight:300}.subtitle{margin:6px 0 0;font-size:14px;letter-spacing:.12em;text-align:center;color:var(--ink-dim)}.breadcrumbs{display:flex;align-items:center;font-size:13px;gap:8px;margin:10px 12px 0;color:var(--ink-dim);-webkit-user-select:none;user-select:none}.breadcrumbs-link{color:var(--ink-dim);text-decoration:none;transition:color .15s ease}.breadcrumbs-link:hover{color:var(--accent)}.breadcrumbs-sep{opacity:.5}.breadcrumbs-current{color:var(--ink)}.controls{position:sticky;top:10px;z-index:100;margin:18px 0 16px;display:flex;gap:12px;flex-wrap:wrap;padding:12px;border-radius:16px;background:#120c07cc;border:1px solid rgba(255,177,59,.25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 12px 30px #00000059;-webkit-user-select:none;user-select:none}.control{display:flex;flex-direction:row;gap:10px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-dim)}.control-label{display:flex;flex-direction:column;justify-content:center;font-size:11px;letter-spacing:.12em;color:var(--ink-dim)}.pill-group{--indicator-left: 4px;--indicator-width: 0;display:flex;flex-wrap:wrap;gap:0;position:relative;padding:4px;border-radius:12px;background:linear-gradient(135deg,#1a130cf2,#2a1d12d9);border:1px solid rgba(255,177,59,.2);box-shadow:0 2px 8px #0000004d,inset 0 1px #ffffff0d}.pill-group:before{content:"";position:absolute;left:var(--indicator-left);top:4px;width:var(--indicator-width);height:calc(100% - 8px);background:linear-gradient(135deg,#ffb13b59,#ff6b3547);border-radius:8px;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #ffb13b4d,0 0 24px #ffb13b33,inset 0 1px #ffffff26;z-index:1;pointer-events:none}.pill-group:after{content:"";position:absolute;left:var(--indicator-left);top:4px;width:var(--indicator-width);height:calc(100% - 8px);background:linear-gradient(135deg,#ffb13b26,#ff6b351f,#ffb13b1a);border-radius:8px;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:0;pointer-events:none}.pill{border:none;background:transparent;color:var(--ink-dim);border-radius:8px;padding:10px 18px;font-size:13px;font-weight:500;cursor:pointer;position:relative;z-index:2;transition:color .3s ease,transform .2s ease;white-space:nowrap}.pill:hover{color:var(--ink)}.pill.active{color:var(--bg-2);font-weight:600;background:radial-gradient(ellipse 120% 100% at 50% 50%,#ffb13b40),radial-gradient(ellipse 80% 100% at 30% 50%,#ff6b3526),radial-gradient(ellipse 80% 100% at 70% 50%,#ffb13b26)}.pill:active{transform:scale(.96)}select{padding:10px 12px;border-radius:12px;border:1px solid var(--card-border);background:var(--card);color:var(--ink);font-size:14px;box-shadow:inset 0 0 0 1px #ffffff05}.list{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}.card{display:flex;flex-direction:column;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 60%),var(--card);border-radius:16px;text-decoration:none;color:inherit;border:1px solid var(--card-border);overflow:hidden;box-shadow:0 10px 24px #00000059;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.card:hover{transform:translateY(-4px);border-color:#ffb13b99;box-shadow:0 16px 30px #00000073}.image{width:100%;aspect-ratio:1 / 1;background:radial-gradient(circle,rgba(255,177,59,.1),transparent 70%),#120c07;display:flex;align-items:center;justify-content:center;position:relative}.image img{object-fit:cover}.image .react-loading-skeleton{position:absolute;inset:0;line-height:unset}.image.placeholder{font-size:12px;color:var(--ink-dim)}.content{padding:12px 12px 14px;display:flex;flex-direction:column;gap:8px}.title{font-size:14px;font-weight:600;line-height:1.25}.meta{font-size:12px;color:var(--ink-dim)}.badge.store{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;border:1px solid rgba(255,177,59,.35);background:var(--chip);color:#ffd28a;font-weight:700;letter-spacing:.16em;text-transform:uppercase;font-size:9px}.logo-store{position:absolute;right:0;bottom:0;height:48px;width:48px;z-index:10}.price-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.price.current{font-family:Ruslan Display,sans-serif;font-weight:400;font-size:24px;color:#ffe3b0}.price.old{text-decoration:line-through;opacity:.5}.price.badge{background:linear-gradient(140deg,var(--accent),var(--accent-2));color:#1a1209;padding:3px 8px;border-radius:8px;font-size:11px;font-weight:700}.infinite{margin:18px 0 28px;display:grid;gap:10px;justify-items:center}.btn{padding:9px 16px;border-radius:12px;border:1px solid var(--card-border);background:var(--card);color:var(--ink);transition:transform .16s ease,border-color .16s ease}.btn:hover{transform:translateY(-2px);border-color:#ffb13b99}.btn:disabled{opacity:.45;transform:none}.status{color:var(--ink-dim);font-size:12px}.sentinel{width:100%;height:1px}.totop{position:fixed;right:16px;bottom:18px;width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,177,59,.4);background:linear-gradient(140deg,#ffb13b,#ff6b35);color:var(--ink);font-size:18px;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .2s ease,transform .2s ease;box-shadow:0 10px 24px #0006;z-index:100000}.totop i{color:#1a1209}.toback{position:fixed;left:16px;bottom:18px;width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,177,59,.4);background:linear-gradient(140deg,#ffb13b,#ff6b35);color:var(--ink);font-size:18px;box-shadow:0 10px 24px #0006;z-index:100000}.toback i{color:#1a1209}.totop.show{opacity:1;transform:translateY(0);pointer-events:auto}@media(max-width:720px){.controls{top:6px;padding:10px}.totop{right:12px;bottom:14px}.toback{left:12px;bottom:14px}}@media(max-width:720px){.app{padding:14px}.header h1{font-size:26px}.list{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}.categories{display:grid;justify-items:center;grid-template-columns:1fr 1fr 1fr;gap:14px}.card-container{display:flex;justify-content:center;align-items:center;position:relative;width:300px;height:200px;border-radius:20px;overflow:hidden;border:2px solid #3e2b1d;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.card-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;filter:brightness(.6)}.card-title{position:absolute;margin:0;color:var(--ink);font-family:sans-serif;font-size:36px;text-align:center;z-index:10}.card-container:hover{transform:translateY(-4px);border-color:#ffb13b99;box-shadow:0 16px 30px #00000073}@media(max-width:765px){.categories{display:grid;justify-items:center;grid-template-columns:1fr;gap:14px}}@media(min-width:766px){.categories{display:grid;justify-items:center;grid-template-columns:1fr 1fr;gap:14px}}@media(min-width:995px){.categories{display:grid;justify-items:center;grid-template-columns:1fr 1fr 1fr;gap:14px}}