:root{--bg:#000;--card:#0e0e0e;--text:#fff;--muted:#9a9a9a;--border:#ffffff24;--track-off:#ffffff1a;--track-on:#ffffff38;--thumb-off:#fff;--thumb-on:#fff;--thumb-border:#0000008c;--track-border:#ffffff59}*{box-sizing:border-box}body{background:#000;margin:0;font-family:ui-sans-serif,system-ui,Arial}img{max-width:100%;display:block}.app{background:var(--bg);min-height:100vh;color:var(--text);flex-direction:column;display:flex}.app.day{--bg:#fff;--card:#fff;--text:#000;--muted:#5a5a5a;--border:#00000024;--track-off:#0000001a;--track-on:#0000002e;--thumb-off:#000;--thumb-on:#000;--thumb-border:#ffffff8c;--track-border:#00000059}.header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;background:#000000b3;justify-content:space-between;align-items:center;padding:12px 18px;display:flex;position:sticky;top:0}.app.day .header{background:#ffffffe6}.brand{letter-spacing:.4px;font-size:16px;font-weight:800}.headerControls{align-items:center;gap:18px;display:flex}.switch{align-items:center;gap:12px;display:flex}.switch__label{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.switch__icon{width:18px;height:18px;color:var(--text);justify-content:center;align-items:center;display:inline-flex}.switch__control{align-items:center;display:inline-flex;position:relative}.switch__input{opacity:0;cursor:pointer;position:absolute;inset:0}.switch__track{border:1px solid var(--track-border);background:var(--track-off);border-radius:999px;align-items:center;width:50px;height:28px;padding:4px;transition:background .16s;display:flex}.switch__thumb{background:var(--thumb-off);border:2px solid var(--thumb-border);border-radius:999px;width:20px;height:20px;transition:transform .16s;transform:translate(0);box-shadow:0 6px 18px #00000059}.switch__input:checked+.switch__track{background:var(--track-on)}.switch__input:checked+.switch__track .switch__thumb{transform:translate(22px)}.switch--disabled{opacity:.45;pointer-events:none}.main{flex:1;justify-content:center;display:flex}.container{flex-direction:column;justify-content:center;width:100%;max-width:1180px;min-height:calc(100vh - 62px);padding:16px 18px 26px;display:flex}.title{margin:0 0 14px;font-size:26px}.grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;display:grid}.card{border:1px solid var(--border);background:var(--card);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.card__media{position:relative}.card__image{object-fit:cover;width:100%;height:320px}.card__body{flex-direction:column;gap:10px;padding:14px;display:flex}.card__top{justify-content:space-between;gap:12px;display:flex}.card__title{margin:0;font-size:18px}.card__price{color:var(--muted)}.card__desc{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.45;display:-webkit-box;overflow:hidden}.card__btn{border:1px solid var(--border);color:var(--text);cursor:pointer;text-align:center;background:0 0;border-radius:12px;padding:11px 12px;text-decoration:none}.lightFlash{pointer-events:none;position:absolute;inset:0}.lightFlash--on{mix-blend-mode:screen;background:radial-gradient(circle at 60% 40%,#ffffff73,#0000 55%),linear-gradient(#ffffff14,#0000001f)}.lightFlash--off{mix-blend-mode:multiply;background:radial-gradient(circle at 60% 40%,#00000059,#0000 60%),linear-gradient(#0000001f,#00000059)}.link{color:var(--muted);margin-bottom:12px;text-decoration:none;display:inline-block}.detail{grid-template-columns:1.2fr .8fr;gap:14px;display:grid}.detail__media{position:relative}.detail__image{object-fit:cover;border:1px solid var(--border);border-radius:16px;width:100%;height:440px}.detail__info{border:1px solid var(--border);background:var(--card);border-radius:16px;padding:16px}.detail__title{margin:0 0 8px}.detail__price{color:var(--muted);margin-bottom:10px}.detail__desc{color:var(--muted);line-height:1.55}.detail__cta{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:14px;margin-top:12px;padding:12px}@media (max-width:900px){.container{min-height:auto}.detail{grid-template-columns:1fr}.detail__image{height:320px}.card__image{height:260px}}