.full-search-backdrop{z-index:120;background:#0f172a8a;justify-content:center;align-items:flex-start;padding:86px 16px 24px;animation:.22s both fullSearchFadeIn;display:flex;position:fixed;inset:0}.full-search-modal{border:1px solid var(--border-color);width:min(760px,100%);max-height:min(82vh,760px);color:var(--text-color);background:var(--card-bg);border-radius:8px;grid-template-rows:auto auto minmax(0,1fr);display:grid;overflow:hidden;box-shadow:0 24px 80px #00000047}.full-search-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:flex-start;gap:16px;padding:18px;display:flex}.full-search-header h2{margin:0 0 5px;font-size:1.25rem;line-height:1.2}.full-search-header p{color:var(--muted-text);margin:0}.full-search-input-wrap{border-bottom:1px solid var(--border-color);align-items:center;padding:14px 18px;display:flex;position:relative}.full-search-input-wrap>svg{color:var(--muted-text);position:absolute;left:30px}.full-search-input-wrap input{border:1px solid var(--border-color);width:100%;height:46px;color:var(--text-color);background:var(--input-bg);border-radius:8px;outline:none;padding:0 46px 0 40px;transition:border-color .3s,box-shadow .3s}.full-search-input-wrap input:focus{border-color:var(--accent-color);box-shadow:0 0 0 4px var(--accent-glow)}.full-search-input-wrap button{width:30px;height:30px;color:var(--muted-text);background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;display:inline-flex;position:absolute;right:26px}.full-search-input-wrap button:hover{color:var(--accent-color);background:var(--accent-glow)}.full-search-results{align-content:start;gap:10px;padding:14px 18px 18px;display:grid;overflow-y:auto}.full-search-result{border:1px solid var(--border-color);width:100%;color:var(--text-color);background:var(--input-bg);text-align:left;border-radius:8px;grid-template-columns:68px minmax(0,1fr) auto;align-items:center;gap:12px;padding:9px;transition:border-color .3s,background-color .3s,transform .2s;display:grid}.full-search-result:hover{border-color:var(--accent-color);background:var(--accent-glow);transform:translateY(-1px)}.full-search-result img{object-fit:cover;background:var(--bg-color);border-radius:7px;width:68px;height:68px}.full-search-copy{gap:4px;min-width:0;display:grid}.full-search-copy strong,.full-search-description{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.full-search-copy strong{color:var(--text-color);font-size:.98rem;line-height:1.25}.full-search-description{color:var(--muted-text);font-size:.88rem}.full-search-categories{flex-wrap:wrap;gap:5px;display:flex}.full-search-category{color:var(--accent-color);background:var(--accent-glow);border-radius:999px;padding:3px 9px;font-size:.76rem;font-weight:800}.full-search-result>svg{color:var(--muted-text)}.full-search-state{min-height:180px;color:var(--muted-text);text-align:center;place-items:center;gap:6px;margin:0;display:grid}.full-search-state strong{color:var(--text-color)}@keyframes fullSearchFadeIn{0%{opacity:0}to{opacity:1}}@media (width<=760px){.full-search-backdrop{align-items:stretch;padding:0}.full-search-modal{border:0;border-radius:0;width:100%;max-height:none}.full-search-header,.full-search-input-wrap,.full-search-results{padding-left:14px;padding-right:14px}.full-search-input-wrap>svg{left:26px}.full-search-input-wrap button{right:22px}.full-search-result{grid-template-columns:58px minmax(0,1fr) auto}.full-search-result img{width:58px;height:58px}}.search-clear-button{width:32px;height:32px;color:var(--muted-text);background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;transition:background-color .3s,color .3s;display:inline-flex;position:absolute;right:7px}.search-clear-button:hover{color:var(--accent-color);background:var(--accent-glow)}.search-clear-button svg{width:18px;height:18px}.search-dropdown{z-index:80;border:1px solid var(--border-color);color:var(--text-color);background:var(--card-bg);box-shadow:0 20px 54px var(--shadow-color);border-radius:8px;gap:8px;padding:8px;animation:.18s both searchDropdownIn;display:grid;position:absolute;top:calc(100% + 10px);left:0;right:0}.search-dropdown-item{width:100%;color:var(--text-color);text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px;transition:border-color .2s,background-color .2s,transform .2s;display:grid}.search-dropdown-item:hover,.search-dropdown-item.highlighted{border-color:var(--accent-color);background:var(--accent-glow)}.search-dropdown-item img{object-fit:cover;background:var(--bg-color);border-radius:7px;width:48px;height:48px}.search-dropdown-copy{gap:3px;min-width:0;display:grid}.search-dropdown-copy strong{text-overflow:ellipsis;white-space:nowrap;color:var(--text-color);font-size:.92rem;line-height:1.25;overflow:hidden}.search-dropdown-tags{flex-wrap:wrap;gap:4px;min-width:0;display:flex}.search-dropdown-tag{color:var(--accent-color);background:var(--accent-glow);border-radius:999px;padding:2px 8px;font-size:.74rem;font-weight:800;line-height:1.35}.search-dropdown-item>svg{color:var(--muted-text)}.search-dropdown-state{color:var(--muted-text);text-align:center;margin:0;padding:18px 12px}@keyframes searchDropdownIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (width<=760px){.search-dropdown{max-height:min(420px,100vh - 160px);top:calc(100% + 8px);overflow-y:auto}.search-dropdown-item{grid-template-columns:44px minmax(0,1fr) auto}.search-dropdown-item img{width:44px;height:44px}}.image-carousel{aspect-ratio:4/5;background:var(--bg-color);border:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.image-carousel.single-image{cursor:pointer}.image-carousel-track{scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x;-webkit-overflow-scrolling:touch;width:100%;height:100%;display:flex;overflow-x:auto}.image-carousel-track::-webkit-scrollbar{display:none}.image-carousel img{object-fit:cover;scroll-snap-align:center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;min-width:100%;height:100%;display:block}.image-carousel-dots{pointer-events:none;justify-content:center;gap:6px;display:flex;position:absolute;bottom:8px;left:0;right:0}.image-carousel-dot{border:1px solid color-mix(in srgb, var(--card-bg) 80%, transparent);background:color-mix(in srgb, var(--card-bg) 54%, transparent);width:7px;height:7px;box-shadow:0 1px 4px color-mix(in srgb, var(--text-color) 30%, transparent);pointer-events:auto;border-radius:999px;padding:0;transition:background-color .25s,transform .25s,width .25s}.image-carousel-dot.active{background:var(--accent-color);width:18px}@media (width<=480px){.image-carousel-dots{gap:5px;bottom:6px}.image-carousel-dot{width:6px;height:6px}.image-carousel-dot.active{width:15px}}.product-card{border:1px solid var(--border-color);background:var(--card-bg);box-shadow:0 10px 30px color-mix(in srgb, var(--text-color) 10%, transparent);border-radius:8px;transition:border-color .3s,box-shadow .3s,transform .25s,opacity .2s;overflow:hidden}.product-card:hover{border-color:color-mix(in srgb, var(--accent-color) 42%, var(--border-color));box-shadow:0 18px 42px color-mix(in srgb, var(--text-color) 16%, transparent);transform:scale(1.03)}.product-card:active{opacity:.88;transform:scale(.985)}.product-card-media{background:var(--bg-color)}.product-card-body{color:var(--text-color);cursor:pointer;outline:none;padding:12px}.product-card-body:focus-visible{box-shadow:inset 0 0 0 3px color-mix(in srgb, var(--accent-color) 34%, transparent)}.product-card-categories{flex-wrap:wrap;gap:5px;margin-bottom:8px;display:flex}.product-card-category{color:var(--accent-color);background:var(--accent-glow);border-radius:999px;padding:2px 7px;font-size:.68rem;font-weight:800;line-height:1.4}.product-card h3{min-height:2.7em;color:var(--text-color);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 7px;font-size:.98rem;font-weight:800;line-height:1.35;display:-webkit-box;overflow:hidden}.product-card p{color:color-mix(in srgb, var(--text-color) 64%, var(--bg-color));text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.86rem;line-height:1.4;overflow:hidden}@media (hover:none){.product-card:hover{box-shadow:0 10px 30px color-mix(in srgb, var(--text-color) 10%, transparent);transform:none}}@media (width<=480px){.product-card-body{padding:10px}.product-card h3{font-size:.9rem}.product-card p{font-size:.8rem}}.product-grid-wrap{width:100%}.product-grid-title{color:var(--text-color);margin:0 0 14px;font-size:clamp(1.25rem,2.4vw,1.7rem);line-height:1.2}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.product-grid-state{border:1px solid var(--border-color);min-height:180px;color:var(--text-color);background:var(--card-bg);text-align:center;border-radius:8px;place-items:center;margin:0;padding:24px;display:grid}.product-skeleton{border:1px solid var(--border-color);background:var(--card-bg);border-radius:8px;padding:10px;overflow:hidden}.skeleton-image,.skeleton-line{background:color-mix(in srgb, var(--border-color) 68%, var(--card-bg));border-radius:8px;position:relative;overflow:hidden}.skeleton-image{aspect-ratio:4/5;margin-bottom:12px}.skeleton-line{width:64%;height:12px;margin-top:9px}.skeleton-line.wide{width:88%}.skeleton-image:after,.skeleton-line:after{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--bg-color) 70%, transparent), transparent);content:"";animation:1.2s infinite skeletonShimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes skeletonShimmer{to{transform:translate(100%)}}@media (width<=1024px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}@media (width<=480px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}.site-footer{border-top:1px solid var(--border-color);color:var(--text-color);background:var(--card-bg);transition:background-color .3s,border-color .3s,color .3s}.footer-inner{text-align:center;justify-items:center;gap:16px;width:min(1180px,100% - 32px);margin:0 auto;padding:34px 0;display:grid}.footer-inner strong{margin-bottom:4px;font-size:1.15rem;display:block}.footer-inner p,.footer-inner small{color:var(--muted-text);margin:0}.footer-socials{justify-content:center;align-items:center;gap:14px;display:flex}.footer-socials a{border:1px solid var(--border-color);width:38px;height:38px;color:var(--text-color);background:var(--bg-color);border-radius:999px;justify-content:center;align-items:center;transition:border-color .3s,color .3s,transform .2s,box-shadow .3s;display:inline-flex}.footer-socials a:hover{border-color:var(--accent-color);color:var(--accent-color);box-shadow:0 0 20px var(--accent-glow);transform:translateY(-2px)}.footer-socials svg{width:19px;height:19px}.home-main{padding-top:32px}.home-intro strong{color:var(--accent-color)}@media (width<=760px){.home-main{padding-top:24px}}.admin-page{min-height:100vh;color:var(--text-color);background:radial-gradient(circle at 50% -20%, var(--accent-glow), transparent 28rem), var(--bg-color);padding:28px 16px 56px}.admin-shell{gap:22px;width:min(1120px,100%);margin:0 auto;display:grid}.admin-header,.section-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.admin-header h1,.section-heading h2{margin:0;line-height:1.1}.admin-header p{color:var(--muted-text);margin:6px 0 0}.admin-card{border:1px solid var(--border-color);background:var(--card-bg);box-shadow:0 18px 50px var(--shadow-color);border-radius:8px;padding:22px}.section-heading{margin-bottom:18px}.section-heading span{color:var(--muted-text)}.product-form{gap:16px;display:grid}.product-form label,.category-checks,.image-fields{color:var(--text-color);gap:7px;font-weight:700;display:grid}.field-label{font-weight:700}.category-checks{border:0;margin:0;padding:0}.category-checks legend{margin:0 0 7px;padding:0;font-weight:700}.category-checks{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.category-checks legend{grid-column:1/-1}.category-checks label{border:1px solid var(--border-color);background:var(--input-bg);border-radius:8px;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:10px 12px;transition:border-color .3s,background-color .3s,color .3s}.category-checks label:has(input:checked){border-color:var(--accent-color);color:var(--accent-color);background:var(--accent-glow)}.category-checks input{width:18px;height:18px;accent-color:var(--accent-color)}.product-form input,.product-form textarea,.product-form select{border:1px solid var(--border-color);width:100%;color:var(--text-color);background:var(--input-bg);border-radius:8px;outline:none;padding:11px 12px;transition:border-color .3s,box-shadow .3s,background-color .3s}.product-form textarea{resize:vertical}.product-form input:focus,.product-form textarea:focus,.product-form select:focus{border-color:var(--accent-color);box-shadow:0 0 0 4px var(--accent-glow)}.form-row{grid-template-columns:minmax(0,1fr) minmax(220px,max-content);align-items:end;gap:16px;display:grid}.featured-check{border:1px solid var(--border-color);background:var(--input-bg);border-radius:8px;grid-template-columns:auto 1fr;align-items:center;gap:10px;min-height:45px;padding:10px 12px}.featured-check input{width:18px;height:18px;box-shadow:none}.image-input-row{grid-template-columns:minmax(0,1fr) 38px;gap:8px;display:grid}.image-input-row .icon-button:disabled{cursor:not-allowed;opacity:.45}.secondary-button,.danger-button,.text-button{border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 12px;font-weight:800;transition:border-color .3s,background-color .3s,color .3s,transform .2s;display:inline-flex}.secondary-button{border:1px solid var(--border-color);color:var(--text-color);background:var(--card-bg)}.secondary-button:hover{border-color:var(--accent-color);color:var(--accent-color);transform:translateY(-1px)}.danger-button{color:#ef4444;background:#ef444414;border:1px solid #ef44446b}.danger-button:hover{background:#ef444429;transform:translateY(-1px)}.text-button{min-height:auto;color:var(--accent-color);background:0 0;border:0;padding:0}.add-image-button{justify-self:start}.admin-status{border-radius:8px;margin:0;padding:11px 12px}.admin-status.success{color:#22c55e;background:#22c55e1a;border:1px solid #22c55e6b}.admin-status.error{color:#ef4444;background:#ef44441a;border:1px solid #ef44446b}.admin-empty{min-height:120px;color:var(--muted-text);place-items:center;margin:0;display:grid}.product-table{gap:10px;display:grid}.product-row{border:1px solid var(--border-color);background:var(--input-bg);border-radius:8px;grid-template-columns:58px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:10px;display:grid}.product-row img{object-fit:cover;background:var(--bg-color);border-radius:7px;width:58px;height:58px}.product-row-main{gap:4px;min-width:0;display:grid}.product-row-main strong,.product-row-main span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.product-row-main span{color:var(--muted-text);font-size:.9rem}.featured-badge{border-radius:999px;padding:5px 9px;font-size:.78rem;font-weight:900}.featured-badge.yes{color:#22c55e;background:#22c55e1f}.featured-badge.no{color:var(--muted-text);background:color-mix(in srgb, var(--border-color) 48%, transparent)}.product-row-actions{gap:8px;display:flex}@media (width<=760px){.admin-header,.section-heading{flex-direction:column;align-items:flex-start}.admin-card{padding:16px}.form-row{grid-template-columns:1fr}.product-row{grid-template-columns:54px minmax(0,1fr) auto}.product-row img{width:54px;height:54px}.product-row-actions{grid-column:1/-1;grid-template-columns:1fr 1fr;display:grid}.product-row-actions button,.admin-header button,.add-image-button{width:100%}}.auth-page{min-height:100vh;color:var(--text-color);background:radial-gradient(circle at 50% 0, var(--accent-glow), transparent 28rem), var(--bg-color);place-items:center;padding:24px;display:grid}.auth-card{border:1px solid var(--border-color);background:var(--card-bg);width:min(420px,100%);box-shadow:0 18px 50px var(--shadow-color);border-radius:8px;gap:18px;padding:28px;display:grid}.auth-card-heading h1{margin:0 0 6px;font-size:2rem;line-height:1.1}.auth-card-heading p{color:var(--muted-text);margin:0}.auth-card label{color:var(--text-color);gap:7px;font-weight:700;display:grid}.auth-card input{border:1px solid var(--border-color);width:100%;height:46px;color:var(--text-color);background:var(--input-bg);border-radius:8px;outline:none;padding:0 12px;transition:border-color .3s,box-shadow .3s}.auth-card input:focus{border-color:var(--accent-color);box-shadow:0 0 0 4px var(--accent-glow)}.auth-error{color:#fecaca;background:#ef44442e;border:1px solid #ef4444;border-radius:8px;margin:0;padding:10px 12px}.primary-button{border:1px solid var(--accent-color);color:#fff;background:var(--accent-color);border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 16px;font-weight:800;transition:background-color .3s,border-color .3s,opacity .3s,transform .2s;display:inline-flex}.primary-button:hover{border-color:var(--accent-hover);background:var(--accent-hover);transform:translateY(-1px)}.primary-button:disabled{cursor:not-allowed;opacity:.62;transform:none}.product-detail{border:1px solid var(--border-color);background:var(--card-bg);box-shadow:0 18px 50px var(--shadow-color);border-radius:8px;grid-template-columns:minmax(0,520px) minmax(0,1fr);align-items:start;gap:32px;padding:24px;display:grid}.product-detail-media{border-radius:8px;overflow:hidden}.product-detail-copy{gap:16px;display:grid}.product-detail-category{border:1px solid var(--border-color);width:max-content;color:var(--accent-color);border-radius:999px;padding:6px 12px;font-size:.84rem;font-weight:800}.product-detail h1{margin:0;font-size:clamp(1.8rem,4vw,3rem);line-height:1.08}.product-detail p,.product-detail-state{color:var(--muted-text);margin:0}.product-detail-button{color:#fff;background:var(--accent-color);border-radius:8px;justify-content:center;align-items:center;gap:8px;width:max-content;min-height:44px;padding:0 18px;font-weight:800;display:inline-flex}.product-detail-button:hover{background:var(--accent-hover)}@media (width<=780px){.product-detail{grid-template-columns:1fr;padding:16px}}:root{--bg-color:#f7f8fb;--text-color:#171923;--muted-text:#64748b;--card-bg:#fff;--accent-color:#2563eb;--accent-hover:#1d4ed8;--border-color:#dfe4ec;--header-bg:#ffffffe0;--input-bg:#fff;--shadow-color:#0f172a14;--accent-glow:#2563eb2e;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:var(--text-color);background:var(--bg-color);font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}:root[data-theme=dark]{--bg-color:#121212;--text-color:#f5f7fb;--muted-text:#a5adba;--card-bg:#1c1c1f;--accent-color:#60a5fa;--accent-hover:#93c5fd;--border-color:#2a2d34;--header-bg:#121212db;--input-bg:#181a1f;--shadow-color:#00000057;--accent-glow:#60a5fa38}*{box-sizing:border-box}html{background:var(--bg-color);min-width:320px;transition:background-color .3s,color .3s}body{min-width:320px;min-height:100vh;color:var(--text-color);background:radial-gradient(circle at 50% -20%, var(--accent-glow), transparent 28rem), var(--bg-color);margin:0;transition:background-color .3s,color .3s}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}#root,.app-shell{min-height:100vh}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.main-content{width:min(1180px,100% - 32px);margin:0 auto;padding:32px 0 56px}.home-page{gap:24px;display:grid}.site-header{z-index:20;border-bottom:1px solid var(--border-color);background:var(--header-bg);width:100%;box-shadow:0 10px 30px var(--shadow-color);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:background-color .3s,border-color .3s,box-shadow .3s;position:sticky;top:0}.header-inner{grid-template-columns:minmax(max-content,1fr) minmax(240px,560px) minmax(max-content,1fr);align-items:center;gap:20px;width:min(1180px,100% - 32px);min-height:72px;margin:0 auto;display:grid}.site-logo{color:var(--text-color);justify-self:start;font-size:1.22rem;font-weight:800;line-height:1.1;transition:color .3s}.header-search{align-items:center;min-width:0;display:flex;position:relative}.header-search input{border:1px solid var(--border-color);width:100%;height:46px;color:var(--text-color);background:var(--input-bg);border-radius:8px;outline:none;padding:0 52px 0 42px;transition:border-color .3s,background-color .3s,box-shadow .3s,color .3s}.header-search input:focus{border-color:var(--accent-color);box-shadow:0 0 0 4px var(--accent-glow)}.header-search input::placeholder{color:var(--muted-text)}.search-input-icon{width:18px;height:18px;color:var(--muted-text);pointer-events:none;position:absolute;left:14px}.search-submit{position:absolute;right:5px}.header-actions{justify-content:flex-end;align-items:center;display:flex}.icon-button{border:1px solid var(--border-color);width:36px;height:36px;color:var(--text-color);background:var(--card-bg);border-radius:8px;justify-content:center;align-items:center;transition:border-color .3s,background-color .3s,color .3s,transform .2s,box-shadow .3s;display:inline-flex}.icon-button:hover{border-color:var(--accent-color);color:var(--accent-color);box-shadow:0 0 20px var(--accent-glow);transform:translateY(-1px)}.icon-button:focus-visible{outline:3px solid var(--accent-glow);outline-offset:2px}.theme-toggle svg,.search-submit svg{width:18px;height:18px}.page-panel{border:1px solid var(--border-color);background:var(--card-bg);box-shadow:0 18px 50px var(--shadow-color);border-radius:8px;padding:28px;transition:background-color .3s,border-color .3s,box-shadow .3s}.page-panel h1{margin:0 0 10px;font-size:clamp(1.9rem,4vw,3rem);line-height:1.05}.page-panel p{max-width:680px;color:var(--muted-text);margin:0}.category-bar{width:100%;overflow:hidden}.category-scroll{scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;grid-auto-columns:minmax(136px,1fr);grid-auto-flow:column;gap:12px;padding:2px 2px 8px;display:grid;overflow-x:auto}.category-scroll::-webkit-scrollbar{display:none}.category-pill{border:1px solid var(--border-color);min-height:46px;color:var(--text-color);background:var(--card-bg);scroll-snap-align:start;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 16px;transition:background-color .3s,border-color .3s,color .3s,box-shadow .3s;display:inline-flex;position:relative}.category-pill:after{content:"";background:0 0;border-radius:999px;height:2px;transition:background-color .3s;position:absolute;bottom:6px;left:20px;right:20px}.category-pill svg{flex:none;width:17px;height:17px}.category-pill.active{border-color:var(--accent-color);color:var(--accent-color);background:var(--accent-glow);box-shadow:0 0 22px var(--accent-glow)}.category-pill.active:after{background:var(--accent-color)}.category-pill:hover{border-color:var(--accent-color)}.banner-carousel{border:1px solid var(--border-color);background:var(--card-bg);min-height:300px;box-shadow:0 18px 50px var(--shadow-color);border-radius:8px;position:relative;overflow:hidden}.banner-state{color:var(--muted-text);place-items:center;padding:32px;display:grid}.banner-viewport{height:100%;overflow:hidden}.banner-track{height:100%;transition:transform .55s;display:flex}.banner-slide{color:#fff;text-align:left;background:#111827;border:0;min-width:100%;height:300px;padding:0;display:block;position:relative;overflow:hidden}.banner-slide img{object-fit:cover;width:100%;height:100%;transition:transform .55s}.banner-slide:after{content:"";background:linear-gradient(90deg,#000000b3,#0000 72%);position:absolute;inset:0}.banner-slide:hover img{transform:scale(1.03)}.offer-badge,.banner-title{z-index:1;position:absolute;left:clamp(20px,5vw,52px)}.offer-badge{color:#0f172a;text-transform:uppercase;background:#fff;border-radius:999px;padding:7px 12px;font-size:.78rem;font-weight:800;top:clamp(22px,6vw,46px)}.banner-title{width:min(620px,100% - 40px);font-size:clamp(1.6rem,5vw,3.2rem);font-weight:850;line-height:1.05;bottom:clamp(46px,8vw,72px)}.banner-arrow{z-index:2;color:#fff;background:#00000057;border:1px solid #ffffff57;border-radius:999px;justify-content:center;align-items:center;width:42px;height:42px;transition:background-color .3s,transform .3s;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.banner-arrow:hover{background:#00000094;transform:translateY(-50%)scale(1.04)}.banner-arrow svg{width:22px;height:22px}.banner-arrow-left{left:16px}.banner-arrow-right{right:16px}.banner-dots{z-index:2;justify-content:center;gap:8px;display:flex;position:absolute;bottom:18px;left:0;right:0}.banner-dot{background:#ffffff7a;border:0;border-radius:999px;width:9px;height:9px;padding:0;transition:background-color .3s,transform .3s,width .3s}.banner-dot.active{background:#fff;width:28px}.search-popup-backdrop{z-index:50;background:#0f172a75;justify-content:center;align-items:flex-start;padding:92px 16px 16px;animation:.22s both fadeIn;display:flex;position:fixed;inset:0}.search-popup{border:1px solid var(--border-color);width:min(640px,100%);max-height:min(78vh,720px);color:var(--text-color);background:var(--card-bg);border-radius:8px;animation:.26s both slideDown;overflow:hidden;box-shadow:0 22px 70px #0000003d}.search-popup-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:16px;padding:18px 18px 14px;display:flex}.search-popup h2{margin:0;font-size:1.1rem}.search-popup p{color:var(--muted-text);margin:0}.search-results{gap:10px;max-height:calc(min(78vh,720px) - 86px);padding:14px 18px 18px;display:grid;overflow-y:auto}.search-result{border:1px solid var(--border-color);width:100%;color:var(--text-color);background:var(--input-bg);text-align:left;border-radius:8px;grid-template-columns:58px 1fr auto;align-items:center;gap:12px;padding:8px 10px 8px 8px;transition:border-color .3s,background-color .3s,transform .2s;display:grid}.search-result:hover{border-color:var(--accent-color);transform:translateY(-1px)}.search-result img{object-fit:cover;background:var(--bg-color);border-radius:7px;width:58px;height:58px}.search-result span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:700;overflow:hidden}.search-result svg{color:var(--muted-text)}.search-state{text-align:center;place-items:center;min-height:120px;display:grid}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}@media (width<=760px){.header-inner{grid-template-columns:1fr auto;gap:14px;padding:12px 0}.site-logo{font-size:1.05rem}.header-search{grid-area:2/1/auto/-1}.header-actions{grid-area:1/2}.main-content{width:min(100% - 24px,1180px);padding-top:24px}.banner-carousel,.banner-slide{min-height:240px}.banner-slide{height:240px}.banner-arrow{display:none}.category-scroll{grid-auto-columns:132px}.search-popup-backdrop{align-items:stretch;padding:0}.search-popup{border:0;border-radius:0;width:100%;max-height:none}.search-results{max-height:calc(100vh - 86px)}}