:root { --ink: var(--secondary); --brand: var(--primary); }
* { -webkit-tap-highlight-color: transparent; }
body { background-image: radial-gradient(circle at 100% 0, rgba(99,102,241,.06), transparent 28rem); }
.skip-link { position:absolute; z-index:100; left:1rem; top:-5rem; border-radius:.5rem; background:var(--ink); color:#fff; padding:.7rem 1rem; transition:top .2s; }
.skip-link:focus { top:1rem; }
.nav-link,.nav-link-active { display:flex; align-items:center; gap:.85rem; border-radius:.75rem; padding:.75rem .9rem; font-size:.9rem; font-weight:600; transition:.2s; }
.nav-link { color:#94a3b8; }.nav-link:hover { background:rgba(255,255,255,.06); color:#fff; }.nav-link-active { background:var(--primary); color:#fff; box-shadow:0 8px 20px color-mix(in srgb,var(--primary),transparent 72%); }
.field { width:100%; border:1px solid #dbe1ea; border-radius:.75rem; background:#fff; padding:.78rem .9rem; color:#1e293b; outline:none; transition:border-color .2s, box-shadow .2s; }.field::placeholder { color:#a7b0bf; }.field:focus { border-color:var(--primary); box-shadow:0 0 0 4px color-mix(in srgb,var(--primary),transparent 85%); }
.btn-primary,.btn-secondary { display:inline-flex; align-items:center; justify-content:center; gap:.55rem; border-radius:.75rem; padding:.78rem 1rem; font-size:.875rem; font-weight:700; transition:transform .2s, background .2s, box-shadow .2s; }.btn-primary { background:var(--primary); color:white; box-shadow:0 7px 16px color-mix(in srgb,var(--primary),transparent 75%); }.btn-primary:hover { background:color-mix(in srgb,var(--primary),black 14%); transform:translateY(-1px); }.btn-primary:focus-visible,.btn-secondary:focus-visible,.quick-action:focus-visible { outline:3px solid color-mix(in srgb,var(--tertiary),transparent 40%); outline-offset:3px; }.btn-secondary { background:#f1f5f9; color:#475569; }.btn-secondary:hover { background:#e2e8f0; }
.password-toggle { position:absolute; right:.75rem; top:50%; color:#94a3b8; transform:translateY(-50%); }.password-toggle:hover { color:#4f46e5; }
.metric-card { display:flex; min-height:155px; justify-content:space-between; border:1px solid rgba(226,232,240,.8); border-radius:1.1rem; background:rgba(255,255,255,.9); padding:1.25rem; box-shadow:0 8px 30px rgba(15,23,42,.035); transition:transform .25s, box-shadow .25s; }.metric-card:hover { transform:translateY(-3px); box-shadow:0 15px 35px rgba(15,23,42,.08); }.metric-label { font-size:.82rem; font-weight:600; color:#64748b; }.metric-value { margin-top:.4rem; font-family:'Space Grotesk',sans-serif; font-size:2rem; font-weight:700; letter-spacing:-.06em; color:#111827; }.metric-change { margin-top:.75rem; font-size:.75rem; font-weight:700; }.metric-change span { color:#94a3b8; font-weight:500; }.metric-icon { display:grid; height:2.65rem; width:2.65rem; place-items:center; border-radius:.85rem; }
.panel-card { border:1px solid rgba(226,232,240,.9); border-radius:1.1rem; background:#fff; box-shadow:0 8px 30px rgba(15,23,42,.035); }.quick-actions { position:relative; overflow:hidden; border-radius:1.1rem; background:var(--secondary); padding:1.5rem; }.quick-actions::after { position:absolute; content:''; width:13rem; height:13rem; right:-6rem; bottom:-9rem; border-radius:9999px; background:var(--primary); filter:blur(10px); opacity:.45; }.quick-action { position:relative; z-index:1; display:flex; min-height:5rem; flex-direction:column; align-items:center; justify-content:center; gap:.45rem; border:1px solid rgba(255,255,255,.12); border-radius:.85rem; background:rgba(255,255,255,.08); color:#fff; font-size:.78rem; font-weight:700; transition:background .2s,transform .2s; }.quick-action:hover { background:rgba(255,255,255,.16); transform:translateY(-2px); }.quick-action i { color:var(--tertiary); font-size:1rem; }
#products-table thead th { border-bottom:1px solid #e2e8f0; padding:.75rem 1rem; color:#94a3b8; font-size:.7rem; font-weight:700; letter-spacing:.07em; text-transform:uppercase; } #products-table tbody td { border-bottom:1px solid #f1f5f9; padding:1rem; color:#64748b; font-size:.875rem; } div.dt-container .dt-search input,div.dt-container .dt-length select { border:1px solid #dbe1ea; border-radius:.55rem; padding:.35rem .55rem; outline:none; } div.dt-container .dt-paging .dt-paging-button.current { border:0!important; border-radius:.45rem!important; background:var(--primary)!important; color:#fff!important; }
.orb { position:absolute; border-radius:9999px; filter:blur(2px); }.orb-one { right:12%; top:16%; height:14rem; width:14rem; background:radial-gradient(circle at 30% 30%,var(--primary),color-mix(in srgb,var(--primary),transparent 94%)); }.orb-two { bottom:5%; left:-5%; height:20rem; width:20rem; background:radial-gradient(circle,var(--tertiary),transparent 65%); opacity:.55; }.orb-three { height:32rem; width:32rem; left:50%; top:-12rem; transform:translateX(-50%); background:radial-gradient(circle,color-mix(in srgb,var(--primary),transparent 82%),transparent 65%); }
.auth-shell::before { position:absolute; content:''; inset:0; pointer-events:none; opacity:.15; background-image:linear-gradient(rgba(255,255,255,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.3) 1px,transparent 1px); background-size:48px 48px; mask-image:linear-gradient(to right,#000,transparent 55%); }
.select2-container--default .select2-selection--single { height:46px!important; border:1px solid #dbe1ea!important; border-radius:.75rem!important; }.select2-container--default .select2-selection--single .select2-selection__rendered { padding-left:.9rem!important; line-height:44px!important; color:#334155!important; }.select2-container--default .select2-selection--single .select2-selection__arrow { height:44px!important; }
.brand-mark { display:grid; flex:none; place-items:center; overflow:hidden; background:var(--primary); color:#fff; box-shadow:0 8px 18px color-mix(in srgb,var(--primary),transparent 68%); }.brand-mark-sidebar,.brand-mark-mobile { width:2.5rem; height:2.5rem; border-radius:.75rem; }.brand-mark-auth { width:2.75rem; height:2.75rem; border-radius:.75rem; font-size:1.1rem; }.brand-mark-recovery { width:3.5rem; height:3.5rem; border-radius:1rem; font-size:1.25rem; }.brand-image { width:100%; height:100%; object-fit:contain; background:#fff; }.settings-eyebrow { margin-bottom:.35rem; color:var(--primary); font-size:.72rem; font-weight:700; letter-spacing:.16em; text-transform:uppercase; }
.logo-preview-wrap { display:grid; width:7.5rem; height:7.5rem; place-items:center; overflow:hidden; border:1px dashed color-mix(in srgb,var(--primary),white 40%); border-radius:1.2rem; background:color-mix(in srgb,var(--primary),white 94%); color:var(--primary); font-size:1.6rem; }.logo-preview-wrap img { width:100%; height:100%; object-fit:contain; background:#fff; }.upload-trigger { display:inline-flex; cursor:pointer; align-items:center; gap:.55rem; border:1px solid color-mix(in srgb,var(--primary),white 68%); border-radius:.75rem; background:color-mix(in srgb,var(--primary),white 94%); padding:.7rem .9rem; color:var(--primary); font-size:.85rem; font-weight:700; transition:.2s; }.upload-trigger:hover { background:color-mix(in srgb,var(--primary),white 87%); }
.color-field { display:grid; gap:.55rem; border:1px solid #e2e8f0; border-radius:.9rem; padding:.85rem; }.color-field > span:last-child { display:flex; align-items:center; gap:.55rem; }.theme-color-input { width:2.25rem; height:2.25rem; cursor:pointer; border:0; border-radius:.55rem; background:transparent; padding:0; overflow:hidden; }.color-code { min-width:0; width:100%; border:0; background:transparent; color:#64748b; font-family:monospace; font-size:.85rem; outline:0; }.theme-preview { position:relative; display:flex; align-items:center; gap:1rem; overflow:hidden; border-radius:1rem; background:var(--secondary); padding:1.15rem; }.theme-preview-orb { position:absolute; right:-2rem; top:-3rem; width:9rem; height:9rem; border-radius:999px; background:var(--tertiary); opacity:.38; filter:blur(4px); }.brand-mark-preview { position:relative; z-index:1; width:2.75rem; height:2.75rem; border-radius:.8rem; }.theme-preview > div:last-child { position:relative; z-index:1; }
.settings-save-card { border-radius:1.1rem; background:var(--secondary); padding:1.5rem; box-shadow:0 14px 35px color-mix(in srgb,var(--secondary),transparent 76%); }.settings-save-icon { display:grid; width:2.75rem; height:2.75rem; place-items:center; border-radius:.85rem; background:color-mix(in srgb,var(--primary),white 10%); color:#fff; }.bg-ink { background-color:var(--secondary)!important; }.bg-brand,.bg-indigo-500,.bg-indigo-600 { background-color:var(--primary)!important; }.text-indigo-600,.text-indigo-700 { color:var(--primary)!important; }.text-indigo-400 { color:var(--tertiary)!important; }.bg-indigo-50 { background-color:color-mix(in srgb,var(--primary),white 93%)!important; }.border-indigo-100 { border-color:color-mix(in srgb,var(--primary),white 82%)!important; }.hover\:text-indigo-600:hover,.hover\:text-indigo-800:hover { color:var(--primary)!important; }
.category-list-banner { display:flex; align-items:center; gap:1rem; background:linear-gradient(115deg,var(--secondary),color-mix(in srgb,var(--secondary),var(--primary) 38%)); padding:1.25rem 1.5rem; }.category-table-icon { display:grid; width:2.45rem; height:2.45rem; flex:none; place-items:center; overflow:hidden; border-radius:.7rem; object-fit:cover; background:color-mix(in srgb,var(--primary),white 92%); color:var(--primary); }.category-table-icon-empty { border:1px solid color-mix(in srgb,var(--primary),white 75%); }.table-action { display:inline-grid; width:2rem; height:2rem; place-items:center; border-radius:.55rem; color:#64748b; transition:.2s; }.table-action:hover { background:color-mix(in srgb,var(--primary),white 91%); color:var(--primary); }.table-action-danger:hover { background:#fff1f2; color:#e11d48; }.category-icon-editor { display:grid; width:100%; aspect-ratio:1; place-items:center; overflow:hidden; border:1px dashed color-mix(in srgb,var(--primary),white 45%); border-radius:1rem; background:color-mix(in srgb,var(--primary),white 95%); color:var(--primary); font-size:2rem; }.category-icon-editor img { width:100%; height:100%; object-fit:contain; background:#fff; }
.user-list-banner { display:flex; align-items:center; gap:1rem; background:linear-gradient(115deg,var(--secondary),color-mix(in srgb,var(--secondary),var(--tertiary) 34%)); padding:1.25rem 1.5rem; }.user-avatar { display:grid; width:2.45rem; height:2.45rem; flex:none; place-items:center; border-radius:50%; background:color-mix(in srgb,var(--primary),white 86%); color:var(--primary); font-size:.85rem; font-weight:800; }.user-security-card { border-radius:1.1rem; background:var(--secondary); padding:1.5rem; box-shadow:0 14px 35px color-mix(in srgb,var(--secondary),transparent 76%); }
.product-list-banner { display:flex; align-items:center; gap:1rem; background:linear-gradient(115deg,var(--secondary),color-mix(in srgb,var(--secondary),var(--primary) 42%)); padding:1.25rem 1.5rem; }.product-table-photo { display:grid; width:3rem; height:3rem; flex:none; place-items:center; overflow:hidden; border-radius:.75rem; object-fit:cover; background:color-mix(in srgb,var(--primary),white 92%); color:var(--primary); }.product-table-photo-empty { border:1px solid color-mix(in srgb,var(--primary),white 75%); }.product-upload-zone { display:flex; min-height:10rem; cursor:pointer; flex-direction:column; align-items:center; justify-content:center; border:1.5px dashed color-mix(in srgb,var(--primary),white 42%); border-radius:1rem; background:color-mix(in srgb,var(--primary),white 96%); color:var(--primary); transition:.2s; }.product-upload-zone:hover { background:color-mix(in srgb,var(--primary),white 91%); }.product-upload-zone > i { font-size:1.75rem; }.product-gallery-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(8rem,1fr)); gap:.8rem; }.product-gallery-card { position:relative; aspect-ratio:1; overflow:hidden; border:1px solid #e2e8f0; border-radius:1rem; background:#fff; box-shadow:0 5px 13px rgba(15,23,42,.06); cursor:grab; }.product-gallery-card:active { cursor:grabbing; }.product-gallery-card.product-gallery-dragging { opacity:.45; }.product-gallery-card.product-gallery-drop-target { outline:3px solid color-mix(in srgb,var(--primary),transparent 55%); outline-offset:2px; }.product-gallery-card img { width:100%; height:100%; object-fit:cover; }.product-gallery-primary { position:absolute; left:.5rem; top:.5rem; border-radius:999px; background:var(--primary); padding:.22rem .45rem; color:#fff; font-size:.62rem; font-weight:800; box-shadow:0 3px 8px color-mix(in srgb,var(--primary),transparent 55%); }.product-gallery-tools { position:absolute; right:.4rem; top:.4rem; display:flex; gap:.25rem; }.product-gallery-tools button { display:grid; width:1.85rem; height:1.85rem; place-items:center; border-radius:.55rem; background:rgba(255,255,255,.94); color:#475569; box-shadow:0 3px 8px rgba(15,23,42,.11); transition:.18s; }.product-gallery-tools button:hover { background:#fff; color:var(--primary); transform:translateY(-1px); }.product-gallery-tools button[data-gallery-remove]:hover { color:#e11d48; }.product-gallery-grip { position:absolute; bottom:.4rem; right:.45rem; color:#fff; font-size:.8rem; filter:drop-shadow(0 1px 2px rgba(0,0,0,.45)); }
.user-menu-trigger { display:flex; align-items:center; gap:.65rem; border:1px solid #e2e8f0; border-radius:1rem; background:rgba(255,255,255,.96); padding:.38rem .55rem .38rem .42rem; box-shadow:0 8px 24px rgba(15,23,42,.08); transition:.2s; }.user-menu-trigger:hover,.user-menu-trigger[aria-expanded="true"] { border-color:color-mix(in srgb,var(--primary),white 65%); box-shadow:0 10px 28px color-mix(in srgb,var(--primary),transparent 88%); }.user-menu-avatar,.profile-avatar { display:grid; place-items:center; border-radius:50%; background:var(--primary); color:#fff; font-weight:800; box-shadow:0 4px 12px color-mix(in srgb,var(--primary),transparent 70%); }.user-menu-avatar { width:2.45rem; height:2.45rem; font-size:.78rem; }.user-menu-dropdown { position:absolute; right:0; top:calc(100% + .65rem); width:15.5rem; overflow:hidden; border:1px solid #e2e8f0; border-radius:1rem; background:#fff; box-shadow:0 18px 42px rgba(15,23,42,.14); }.user-menu-item { display:flex; width:100%; align-items:center; gap:.7rem; border-radius:.6rem; padding:.7rem .75rem; color:#475569; font-size:.875rem; font-weight:700; text-align:left; transition:.2s; }.user-menu-item:hover { background:color-mix(in srgb,var(--primary),white 93%); color:var(--primary); }.user-menu-item-danger:hover { background:#fff1f2; color:#e11d48; }.profile-summary { border-radius:1.1rem; background:linear-gradient(145deg,var(--secondary),color-mix(in srgb,var(--secondary),var(--primary) 38%)); padding:1.75rem; color:#fff; }.profile-avatar { width:5.5rem; height:5.5rem; background:#fff; color:var(--primary); font-size:1.35rem; box-shadow:none; }.profile-section-icon { display:grid; width:2.75rem; height:2.75rem; flex:none; place-items:center; border-radius:.8rem; background:color-mix(in srgb,var(--primary),white 92%); color:var(--primary); }
.storefront { overflow:hidden; background:#fff; color:#172033; }.store-shell { width:min(1160px,calc(100% - 2.5rem)); margin:0 auto; }.store-announcement { background:var(--secondary); color:#fff; font-size:.76rem; font-weight:700; }.store-announcement .store-shell { display:flex; justify-content:space-between; padding:.7rem 0; }.store-announcement i { color:var(--tertiary); margin-right:.4rem; }.store-header { position:sticky; top:0; z-index:40; border-bottom:1px solid #edf0f4; background:rgba(255,255,255,.94); backdrop-filter:blur(16px); }.store-header-inner { display:flex; min-height:5.3rem; align-items:center; justify-content:space-between; gap:2rem; }.store-brand { display:inline-flex; align-items:center; gap:.7rem; min-width:0; }.store-brand-mark { width:2.6rem; height:2.6rem; border-radius:.8rem; }.store-brand strong { display:block; font-family:'Space Grotesk',sans-serif; font-size:1.05rem; line-height:1; color:#172033; }.store-brand small { display:block; margin-top:.25rem; color:#8a94a6; font-size:.64rem; font-weight:700; letter-spacing:.09em; text-transform:uppercase; white-space:nowrap; }.store-nav { display:flex; align-items:center; gap:1.55rem; color:#667085; font-size:.86rem; font-weight:700; }.store-nav a { transition:color .2s; }.store-nav a:hover { color:var(--primary); }.store-login-link { display:inline-flex; align-items:center; gap:.45rem; border:1px solid #e1e5ec; border-radius:.65rem; padding:.65rem .8rem; color:#273249!important; }.store-login-link:hover { border-color:var(--primary); background:color-mix(in srgb,var(--primary),white 94%); }.store-menu-toggle { display:none; width:2.5rem; height:2.5rem; border:1px solid #e1e5ec; border-radius:.65rem; color:#334155; }
.store-hero { position:relative; min-height:36rem; overflow:hidden; background:linear-gradient(120deg,#f8fbff 0%,#eff4ff 58%,color-mix(in srgb,var(--primary),white 88%) 100%); }.store-hero-grid { position:absolute; inset:0; opacity:.38; background-image:linear-gradient(color-mix(in srgb,var(--primary),transparent 90%) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--primary),transparent 90%) 1px,transparent 1px); background-size:46px 46px; mask-image:linear-gradient(90deg,#000,transparent 78%); }.store-orb { position:absolute; border-radius:50%; filter:blur(2px); }.store-orb-one { width:29rem; height:29rem; right:-10rem; top:-11rem; background:radial-gradient(circle,var(--primary),transparent 67%); opacity:.2; }.store-orb-two { width:22rem; height:22rem; right:16%; bottom:-12rem; background:radial-gradient(circle,var(--tertiary),transparent 68%); opacity:.2; }.store-hero-content { position:relative; padding:5.6rem 0 4rem; }.store-hero-copy { max-width:43rem; }.store-kicker { display:flex; align-items:center; gap:.55rem; margin:0 0 1rem; color:#c7d2fe; font-size:.72rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }.store-kicker span { width:1.9rem; height:2px; background:currentColor; }.store-kicker-dark { color:var(--primary); }.store-hero h1 { max-width:43rem; margin:0; color:#182039; font-family:'Space Grotesk',sans-serif; font-size:clamp(2.7rem,6vw,5.25rem); font-weight:700; letter-spacing:-.07em; line-height:.98; }.store-hero h1 em { color:var(--primary); font-style:normal; }.store-hero-text { max-width:35rem; margin:1.4rem 0 0; color:#64748b; font-size:1.05rem; line-height:1.75; }.store-search { display:flex; position:relative; z-index:2; width:min(43rem,100%); margin-top:2.25rem; align-items:center; border:1px solid #dce3ee; border-radius:1rem; background:#fff; padding:.45rem .5rem .45rem 1.1rem; box-shadow:0 18px 34px rgba(45,69,113,.11); }.store-search > i { color:#94a3b8; }.store-search input { min-width:0; flex:1; padding:.8rem .85rem; color:#1e293b; outline:none; }.store-search input::placeholder { color:#9aa5b5; }.store-search button { display:inline-flex; align-items:center; gap:.55rem; border-radius:.7rem; background:var(--primary); padding:.85rem 1rem; color:#fff; font-size:.85rem; font-weight:800; transition:.2s; }.store-search button:hover { background:color-mix(in srgb,var(--primary),black 12%); }.store-trust-row { display:flex; flex-wrap:wrap; gap:1.2rem; margin-top:1rem; color:#64748b; font-size:.77rem; font-weight:700; }.store-trust-row i { color:var(--primary); margin-right:.35rem; }.store-hero-card { position:absolute; right:2rem; bottom:3rem; width:15.5rem; border:1px solid rgba(255,255,255,.9); border-radius:1.2rem; background:rgba(255,255,255,.74); padding:1rem; box-shadow:0 22px 45px rgba(31,44,86,.15); backdrop-filter:blur(12px); transform:rotate(4deg); }.store-card-top,.store-card-bottom { display:flex; align-items:center; justify-content:space-between; color:#64748b; font-size:.7rem; font-weight:800; }.store-card-top i { color:var(--primary); }.store-package { display:grid; width:5rem; height:5rem; margin:1.15rem auto; place-items:center; border-radius:1.4rem; background:linear-gradient(135deg,var(--primary),var(--tertiary)); color:#fff; font-size:2rem; box-shadow:0 10px 20px color-mix(in srgb,var(--primary),transparent 68%); }.store-card-line { height:1px; background:#e5e9f0; }.store-card-bottom { margin-top:.75rem; }.store-card-bottom i { color:#ef4444; }.store-card-status { border-radius:99px; background:#d1fae5; padding:.25rem .45rem; color:#047857; }
.store-section { padding:5.6rem 0; }.store-section-heading { display:flex; align-items:end; justify-content:space-between; gap:1rem; margin-bottom:2.2rem; }.store-section-heading h2,.store-cta h2 { margin:0; color:#182039; font-family:'Space Grotesk',sans-serif; font-size:clamp(1.9rem,3vw,3rem); letter-spacing:-.055em; line-height:1.05; }.store-section-heading > a { color:var(--primary); font-size:.86rem; font-weight:800; }.store-section-heading > a i { margin-left:.3rem; transition:transform .2s; }.store-section-heading > a:hover i { transform:translateX(3px); }.store-categories { background:#fff; }.store-category-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:.85rem; }.store-category-card { display:flex; min-height:8.5rem; flex-direction:column; justify-content:space-between; border:1px solid #e9edf3; border-radius:1rem; background:#fff; padding:1rem; box-shadow:0 5px 12px rgba(15,23,42,.025); transition:transform .24s,box-shadow .24s,border-color .24s; }.store-category-card:hover { transform:translateY(-4px); border-color:color-mix(in srgb,var(--primary),white 70%); box-shadow:0 14px 25px color-mix(in srgb,var(--primary),transparent 90%); }.store-category-card > i { align-self:end; color:#c6ccd7; font-size:.7rem; }.store-category-icon { display:grid; width:2.75rem; height:2.75rem; place-items:center; overflow:hidden; border-radius:.75rem; background:color-mix(in srgb,var(--primary),white 92%); color:var(--primary); font-size:1.1rem; }.store-category-icon img { width:100%; height:100%; object-fit:cover; }.store-category-card strong { display:block; margin-top:.5rem; color:#26314b; font-size:.86rem; }.store-category-card small { color:#9aa5b5; font-size:.69rem; font-weight:700; }.store-products { background:#f7f9fc; }.store-product-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1.2rem; }.store-product-card { overflow:hidden; border:1px solid #e7ebf1; border-radius:1rem; background:#fff; transition:transform .25s,box-shadow .25s; }.store-product-card:hover { transform:translateY(-5px); box-shadow:0 18px 34px rgba(15,23,42,.1); }.store-product-visual { position:relative; display:grid; aspect-ratio:1.08; place-items:center; overflow:hidden; background:linear-gradient(145deg,#edf1f7,#f8fafc); }.store-product-visual > img { width:100%; height:100%; object-fit:cover; transition:transform .35s; }.store-product-card:hover .store-product-visual > img { transform:scale(1.05); }.store-product-fallback { display:grid; width:4.5rem; height:4.5rem; place-items:center; border-radius:1.3rem; background:color-mix(in srgb,var(--primary),white 90%); color:var(--primary); font-size:1.8rem; }.store-product-tag { position:absolute; left:.75rem; top:.75rem; border-radius:99px; background:#fff; padding:.32rem .55rem; color:#5d6777; font-size:.65rem; font-weight:800; box-shadow:0 3px 10px rgba(15,23,42,.07); }.store-heart { position:absolute; right:.75rem; top:.75rem; display:grid; width:2rem; height:2rem; place-items:center; border-radius:50%; background:#fff; color:#748093; font-size:.8rem; box-shadow:0 3px 10px rgba(15,23,42,.07); }.store-heart:hover { color:#e11d48; }.store-product-info { padding:1rem; }.store-product-info > p { margin:0; color:var(--primary); font-size:.68rem; font-weight:800; letter-spacing:.05em; text-transform:uppercase; }.store-product-info h3 { display:-webkit-box; min-height:2.55rem; margin:.45rem 0 .75rem; overflow:hidden; color:#273249; font-size:.88rem; line-height:1.42; -webkit-box-orient:vertical; -webkit-line-clamp:2; }.store-product-price { display:flex; align-items:center; gap:.55rem; }.store-product-price strong { color:#111827; font-family:'Space Grotesk',sans-serif; font-size:1.15rem; }.store-product-price s { color:#9aa5b5; font-size:.76rem; }.store-product-meta { display:flex; align-items:center; justify-content:space-between; margin-top:.85rem; border-top:1px solid #eef1f5; padding-top:.75rem; color:#8791a0; font-size:.7rem; font-weight:700; }.store-product-meta span:last-child { color:var(--primary); }.store-product-meta .fa-star { color:#f59e0b; }.store-empty-message,.store-empty-products { color:#8791a0; }.store-empty-products { grid-column:1/-1; padding:3rem; text-align:center; }.store-empty-products i { color:var(--primary); font-size:2rem; }.store-empty-products h3 { color:#273249; }.store-empty-products a { color:var(--primary); font-weight:800; }
.store-how { position:relative; overflow:hidden; background:var(--secondary); color:#fff; }.store-how::after { position:absolute; right:-12rem; top:-12rem; width:32rem; height:32rem; border-radius:50%; background:var(--primary); content:''; filter:blur(15px); opacity:.26; }.store-how .store-shell { position:relative; z-index:1; }.store-how h2 { color:#fff; }.store-step-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; }.store-step-grid article { position:relative; border:1px solid rgba(255,255,255,.12); border-radius:1rem; background:rgba(255,255,255,.055); padding:1.35rem; }.store-step-grid article > span { position:absolute; right:1.2rem; top:1rem; color:rgba(255,255,255,.24); font-family:'Space Grotesk',sans-serif; font-size:1.55rem; font-weight:700; }.store-step-grid article > i { color:var(--tertiary); font-size:1.35rem; }.store-step-grid h3 { margin:1.3rem 0 .5rem; font-family:'Space Grotesk',sans-serif; font-size:1.15rem; }.store-step-grid p { margin:0; color:#c3cad8; font-size:.88rem; line-height:1.7; }.store-cta { background:color-mix(in srgb,var(--primary),white 91%); padding:4.5rem 0; }.store-cta-inner { display:flex; align-items:center; justify-content:space-between; gap:2rem; }.store-cta h2 { max-width:34rem; }.store-cta p:not(.store-kicker) { max-width:35rem; color:#64748b; line-height:1.7; }.store-cta-button { display:inline-flex; flex:none; align-items:center; gap:.6rem; border-radius:.8rem; background:var(--primary); padding:1rem 1.15rem; color:#fff; font-size:.86rem; font-weight:800; box-shadow:0 10px 20px color-mix(in srgb,var(--primary),transparent 70%); }.store-footer { background:#fff; padding:3.5rem 0 1.5rem; }.store-footer-main { display:grid; grid-template-columns:.75fr 1.2fr .75fr; align-items:start; gap:2rem; }.store-footer-main > p { margin:0; color:#758094; font-size:.84rem; line-height:1.7; }.store-footer-links { display:grid; gap:.55rem; color:#687386; font-size:.8rem; font-weight:700; }.store-footer-links a:hover { color:var(--primary); }.store-footer-bottom { display:flex; justify-content:space-between; gap:1rem; margin-top:2.5rem; border-top:1px solid #edf0f4; padding-top:1.25rem; color:#99a2b2; font-size:.7rem; font-weight:700; }
@media (max-width: 900px) { .store-category-grid { grid-template-columns:repeat(3,1fr); }.store-product-grid { grid-template-columns:repeat(3,1fr); }.store-hero-card { right:0; opacity:.65; }.store-footer-main { grid-template-columns:1fr 1fr; }.store-footer-main .store-brand { grid-column:1/-1; } }
@media (max-width: 680px) { .store-shell { width:min(100% - 1.5rem,1160px); }.store-announcement .store-shell { justify-content:center; }.store-header-inner { min-height:4.6rem; }.store-menu-toggle { display:grid; place-items:center; }.store-nav { position:absolute; left:.75rem; right:.75rem; top:calc(100% + .5rem); display:none; align-items:stretch; gap:.15rem; border:1px solid #e6eaf0; border-radius:.9rem; background:#fff; padding:.5rem; box-shadow:0 16px 35px rgba(15,23,42,.13); }.store-nav.store-nav-open { display:flex; flex-direction:column; }.store-nav a { border-radius:.55rem; padding:.75rem; }.store-login-link { justify-content:center; margin-top:.25rem; }.store-hero { min-height:32rem; }.store-hero-content { padding:4rem 0 3.5rem; }.store-hero h1 { font-size:clamp(2.6rem,12vw,4rem); }.store-hero-text { font-size:.95rem; }.store-search { padding-left:.8rem; }.store-search button { padding:.78rem; }.store-search button i { display:none; }.store-trust-row { gap:.65rem 1rem; font-size:.7rem; }.store-hero-card { display:none; }.store-section { padding:3.8rem 0; }.store-section-heading { align-items:start; margin-bottom:1.6rem; }.store-section-heading > a { padding-top:.2rem; white-space:nowrap; }.store-category-grid { grid-template-columns:repeat(2,1fr); }.store-category-card { min-height:7.6rem; }.store-product-grid { grid-template-columns:repeat(2,1fr); gap:.75rem; }.store-product-info { padding:.8rem; }.store-product-info h3 { font-size:.8rem; }.store-step-grid { grid-template-columns:1fr; gap:.8rem; }.store-cta-inner,.store-footer-bottom { align-items:flex-start; flex-direction:column; }.store-cta { padding:3.5rem 0; }.store-footer-main { grid-template-columns:1fr; gap:1.5rem; }.store-footer-main .store-brand { grid-column:auto; } }
@media (prefers-reduced-motion: reduce) { *,*::before,*::after { scroll-behavior:auto!important; animation-duration:.01ms!important; transition-duration:.01ms!important; } }