:root{--bg:#070914;--bg2:#0b0e1d;--panel:#111528;--panel2:#171c34;--text:#f6f7fb;--muted:#aab0c8;--line:#ffffff1a;--purple:#896bff;--blue:#38bdf8;--orange:#ff8a4c;--gold:#ffd36a;--green:#46d39a;--danger:#ff6b7a;--radius:20px;--shadow:0 24px 70px #00000047}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 15% -10%,#5e42ff33,transparent 30%),radial-gradient(circle at 90% 25%,#ff824617,transparent 25%),var(--bg);color:var(--text);margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{width:min(1180px,100% - 40px);margin:auto}.site-header{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);background:#070914c7;position:sticky;top:0}.header-inner{align-items:center;gap:32px;height:76px;display:flex}.brand{align-items:center;gap:11px;display:inline-flex}.brand-mark{background:linear-gradient(135deg,var(--purple),#4abcf2);border-radius:13px;place-items:center;width:42px;height:42px;font-size:22px;font-weight:900;display:grid;box-shadow:0 9px 25px #694eff59}.brand>span:last-child{flex-direction:column;line-height:1;display:flex}.brand strong{letter-spacing:-.5px;font-size:20px}.brand small{letter-spacing:3px;color:#adb4d1;margin-top:5px;font-size:9px}.desktop-nav{align-items:center;gap:25px;margin-left:auto;display:flex}.desktop-nav a{color:#c7cbe0;padding:28px 0;font-size:14px;font-weight:650;position:relative}.desktop-nav a:hover,.desktop-nav a.active{color:#fff}.desktop-nav a.active:after{content:"";background:var(--purple);border-radius:2px;height:2px;position:absolute;bottom:14px;left:0;right:0}.header-actions{align-items:center;gap:10px;display:flex}.ip-pill,.account-pill{border:1px solid var(--line);color:#fff;background:#ffffff0d;border-radius:999px;padding:9px 13px;font-size:13px;font-weight:700}.pulse{background:var(--green);border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block;box-shadow:0 0 0 5px #46d39a1f}.icon-button{border:1px solid var(--line);background:#ffffff0a;border-radius:12px;place-items:center;width:40px;height:40px;display:grid;position:relative}.icon-button b{background:var(--orange);border-radius:50%;place-items:center;width:18px;height:18px;font-size:10px;display:grid;position:absolute;top:-5px;right:-5px}.account-pill{align-items:center;gap:7px;padding:5px 10px 5px 5px;display:flex}.account-pill>span{background:linear-gradient(135deg,var(--gold),var(--orange));color:#241706;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.menu-button{color:#fff;background:0 0;border:0;font-size:22px;display:none}.mobile-menu,.bottom-nav{display:none}.btn{color:#fff;background:linear-gradient(135deg,#8d70ff,#6047ef);border:0;border-radius:13px;justify-content:center;align-items:center;gap:8px;padding:13px 20px;font-weight:800;transition:all .2s;display:inline-flex;box-shadow:0 12px 30px #6047ef3d}.btn:hover{filter:brightness(1.08);transform:translateY(-2px)}.btn-small{border-radius:11px;padding:9px 14px;font-size:13px}.btn-ghost{box-shadow:none;border:1px solid var(--line);background:#ffffff0f}.btn-secondary{border:1px solid var(--line);box-shadow:none;background:#ffffff12}.btn-full{width:100%}.hero{align-items:center;min-height:680px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";background:linear-gradient(90deg,#070914f7 0%,#070914d9 45%,#0709142e 100%),url(/branding/runrin-hero.svg) 50%/cover no-repeat;position:absolute;inset:0}.hero-content{z-index:2;grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;display:grid;position:relative}.hero-copy{max-width:690px}.eyebrow{color:#c6bbff;text-transform:uppercase;letter-spacing:2.5px;align-items:center;gap:8px;font-size:11px;font-weight:800;display:inline-flex}.eyebrow:before{content:"";background:currentColor;width:26px;height:1px}.hero h1{letter-spacing:-4px;margin:22px 0;font-size:clamp(48px,7vw,88px);line-height:.95}.gradient-text{background:linear-gradient(90deg,#fff,#bbb0ff 48%,#ffbc7f);color:#0000;-webkit-background-clip:text}.hero p{color:#c0c5d8;max-width:620px;font-size:18px}.hero-buttons{gap:12px;margin:31px 0;display:flex}.server-strip{border-top:1px solid var(--line);gap:30px;padding-top:25px;display:flex}.server-strip div{flex-direction:column;display:flex}.server-strip strong{font-size:16px}.server-strip span{color:var(--muted);font-size:12px}.hero-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);width:340px;box-shadow:var(--shadow);background:#0c0f1db8;border:1px solid #ffffff24;border-radius:28px;justify-self:end;padding:18px;transform:rotate(2deg)}.hero-card-art{background:linear-gradient(145deg,#543ee040,#ff85471f),url(/branding/moon-island.svg) 50%/cover;border-radius:18px;height:250px}.hero-card-info{justify-content:space-between;align-items:center;padding:16px 4px 3px;display:flex}.hero-card-info span{color:var(--muted);font-size:12px}.section{padding:95px 0}.section-soft{background:#ffffff06;border-top:1px solid #ffffff0a;border-bottom:1px solid #ffffff0a}.section-heading{justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px;display:flex}.section-heading h2{letter-spacing:-2px;margin:10px 0;font-size:clamp(32px,4vw,52px);line-height:1.05}.section-heading p{color:var(--muted);max-width:540px}.quick-grid{z-index:4;grid-template-columns:repeat(5,1fr);gap:13px;margin-top:-55px;display:grid;position:relative}.quick-card{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#111528e6;border-radius:18px;padding:22px}.quick-card span{color:var(--muted);font-size:12px;display:block}.quick-card strong{margin-top:7px;font-size:17px;display:block}.quick-card:first-child{border-color:#896bff73}.feature-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.feature-card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,#ffffff0e,#ffffff05);min-height:220px;padding:28px}.feature-icon{background:#896bff1f;border-radius:16px;place-items:center;width:52px;height:52px;font-size:24px;display:grid}.feature-card h3{margin:23px 0 8px;font-size:21px}.feature-card p{color:var(--muted);margin:0}.split-section{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.image-panel{border:1px solid var(--line);height:480px;box-shadow:var(--shadow);background:url(/branding/moon-island.svg) 50%/cover;border-radius:30px;position:relative;overflow:hidden}.image-panel:after{content:"RunRin VietNam";font-size:28px;font-weight:900;position:absolute;bottom:20px;left:24px}.check-list{gap:13px;margin:25px 0;display:grid}.check-list div{color:#dfe2ee;gap:12px;display:flex}.check-list div:before{content:"✓";width:24px;height:24px;color:var(--green);background:#46d39a1f;border-radius:8px;flex:none;place-items:center;display:grid}.product-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.product-card{border:1px solid var(--line);background:var(--panel);border-radius:22px;flex-direction:column;min-height:440px;transition:all .22s;display:flex;overflow:hidden}.product-card:hover{border-color:#896bff66;transform:translateY(-5px)}.product-art{background:linear-gradient(135deg,#1f2841,#13172a);place-items:center;height:180px;display:grid;position:relative}.product-art span{filter:drop-shadow(0 10px 18px #0000004d);font-size:64px}.product-art b{text-transform:uppercase;letter-spacing:1px;background:var(--gold);color:#2b1c00;border-radius:999px;padding:5px 8px;font-size:10px;position:absolute;top:13px;right:13px}.product-art.forest,.cart-icon.forest{background:linear-gradient(135deg,#133628,#1f6b4b)}.product-art.blue,.cart-icon.blue{background:linear-gradient(135deg,#12345e,#17598c)}.product-art.violet,.cart-icon.violet{background:linear-gradient(135deg,#2a1c64,#6341a0)}.product-art.orange,.cart-icon.orange{background:linear-gradient(135deg,#542119,#9f4e28)}.product-art.gold,.cart-icon.gold{background:linear-gradient(135deg,#51431d,#a47d20)}.product-art.pink,.cart-icon.pink{background:linear-gradient(135deg,#512449,#8c3d76)}.product-art.moon,.cart-icon.moon{background:linear-gradient(135deg,#2b286e,#9d6bd3)}.product-body{flex-direction:column;flex:1;padding:22px;display:flex}.product-category{text-transform:uppercase;color:#9b8bff;letter-spacing:1.5px;font-size:10px;font-weight:900}.product-body h3{margin:8px 0;font-size:23px}.product-body p{color:var(--muted);margin:0 0 20px;font-size:14px}.product-footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.product-footer strong{font-size:20px}.news-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.news-card{border:1px solid var(--line);background:var(--panel);border-radius:22px;flex-direction:column;display:flex;overflow:hidden}.news-thumb{background:linear-gradient(135deg,#896bff38,#ff8a4c24);place-items:center;height:185px;font-size:65px;display:grid}.news-body{flex-direction:column;flex:1;padding:23px;display:flex}.news-meta{color:var(--muted);justify-content:space-between;font-size:11px;display:flex}.news-body h3{margin:12px 0;font-size:20px;line-height:1.3}.news-body p{color:var(--muted);font-size:14px}.news-body>a{color:#bdadff;margin-top:auto;font-weight:800}.leaderboard{border:1px solid var(--line);background:var(--panel);text-align:center;border-radius:24px;padding:35px}.leaderboard-icon{font-size:45px}.leaderboard p{color:var(--muted)}.discord-banner{background:linear-gradient(120deg,#4431a2,#6b4fea 55%,#3e84db);border-radius:28px;justify-content:space-between;align-items:center;gap:30px;padding:50px;display:flex;position:relative;overflow:hidden}.discord-banner:after{content:"#";color:#ffffff0f;font-size:260px;font-weight:900;position:absolute;top:-100px;right:150px}.discord-banner h2{margin:0 0 7px;font-size:35px}.discord-banner p{color:#e6e2ff;margin:0}.page-hero{border-bottom:1px solid var(--line);background:radial-gradient(circle at 80% 20%,#896bff26,#0000 28%);padding:105px 0 65px}.page-hero h1{letter-spacing:-3px;margin:12px 0;font-size:clamp(42px,6vw,70px)}.page-hero p{max-width:700px;color:var(--muted);font-size:17px}.content-grid{grid-template-columns:1fr 310px;gap:35px;display:grid}.panel,.content-card{border:1px solid var(--line);background:var(--panel);border-radius:22px;padding:28px}.content-card h2{margin-top:0;font-size:28px}.content-card p,.content-card li{color:#c5cada}.content-card+.content-card{margin-top:18px}.side-nav{height:max-content;position:sticky;top:100px}.side-nav a{color:var(--muted);border-radius:10px;padding:11px 12px;display:block}.side-nav a:hover{color:#fff;background:#ffffff0d}.filter-row{flex-wrap:wrap;gap:9px;margin-bottom:28px;display:flex}.filter-row button{border:1px solid var(--line);color:var(--muted);background:#ffffff0a;border-radius:999px;padding:10px 15px}.filter-row button.active{background:var(--purple);border-color:var(--purple);color:#fff}.empty-state{text-align:center;border:1px dashed #ffffff29;border-radius:24px;align-content:center;place-items:center;min-height:420px;padding:40px;display:grid}.empty-state>div{font-size:65px}.empty-state h2{margin:12px 0 2px}.empty-state p{color:var(--muted);margin-bottom:25px}.cart-layout,.checkout-grid{grid-template-columns:1fr 360px;gap:25px;display:grid}.cart-list{gap:12px;display:grid}.cart-item{border:1px solid var(--line);background:var(--panel);border-radius:18px;grid-template-columns:70px 1fr auto auto 28px;align-items:center;gap:18px;padding:13px;display:grid}.cart-icon{border-radius:14px;place-items:center;width:70px;height:70px;font-size:30px;display:grid}.cart-item h3,.cart-item p{margin:0}.cart-item p{color:var(--muted);font-size:13px}.quantity{border:1px solid var(--line);border-radius:10px;align-items:center;display:flex}.quantity button{color:#fff;background:0 0;border:0;width:32px;height:32px}.quantity span{text-align:center;width:25px}.remove{color:var(--muted);background:0 0;border:0;font-size:23px}.summary-card{border:1px solid var(--line);background:var(--panel);border-radius:22px;height:max-content;padding:24px;position:sticky;top:100px}.summary-card>span{text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);font-size:12px;font-weight:800}.summary-card>div{justify-content:space-between;gap:15px;margin-top:18px;display:flex}.summary-card p{color:#c5cada;margin:0}.summary-card hr{border:0;border-top:1px solid var(--line);margin:20px 0}.summary-total strong{font-size:22px}.summary-card small{color:var(--muted);text-align:center;margin-top:12px;display:block}.auth-page{grid-template-columns:1fr 1fr;min-height:calc(100vh - 76px);display:grid}.auth-visual{background:linear-gradient(#0709141a,#070914ed),url(/branding/runrin-hero.svg) 50%/cover;flex-direction:column;justify-content:end;padding:60px;display:flex}.auth-visual h1{letter-spacing:-2px;margin:15px 0;font-size:52px;line-height:1}.auth-visual p{color:#d7d9e7;max-width:520px}.auth-panel{place-items:center;padding:50px;display:grid}.auth-box{width:min(520px,100%)}.auth-box h2{letter-spacing:-1.5px;margin:8px 0;font-size:38px}.auth-box>p{color:var(--muted);margin-bottom:25px}.auth-form{gap:15px;display:grid}.auth-form label{color:#d7d9e7;gap:7px;font-size:13px;font-weight:700;display:grid}.auth-form input,.auth-form select,.table-tools input{border:1px solid var(--line);color:#fff;background:#ffffff0a;border-radius:12px;outline:none;width:100%;padding:13px 14px}.auth-form select option{color:#111}.auth-form input:focus,.auth-form select:focus{border-color:var(--purple);box-shadow:0 0 0 3px #896bff1f}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.checkbox{align-items:center;grid-template-columns:auto 1fr!important;display:flex!important}.checkbox input{width:17px}.form-error{color:#ff9ba7;background:#ff6b7a1a;border:1px solid #ff6b7a40;border-radius:11px;padding:11px 13px;font-size:13px}.demo-note,.notice{border:1px solid var(--line);color:var(--muted);background:#ffffff09;border-radius:12px;padding:13px;font-size:12px}.notice.warning{color:#e5d49a;background:#ffd36a0f;border-color:#ffd36a40}.payment-option{border:1px solid var(--line);cursor:pointer;border-radius:16px;grid-template-columns:auto 45px 1fr auto;align-items:center;gap:12px;margin-top:13px;padding:16px;display:grid}.payment-option.active{background:#896bff0f;border-color:#896bff99}.payment-option span{font-size:26px}.payment-option div{display:grid}.payment-option small{color:var(--muted)}.payment-option>b{color:var(--gold);text-transform:uppercase;font-size:10px}.success-panel{text-align:center;background:#46d39a0f;border:1px solid #46d39a47;border-radius:24px;padding:60px}.success-panel>span{background:var(--green);color:#052117;border-radius:50%;place-items:center;width:70px;height:70px;margin:auto;font-size:35px;display:grid}.account-layout{grid-template-columns:260px 1fr;gap:25px;display:grid}.account-nav{height:max-content;position:sticky;top:100px}.account-nav h3{padding:0 12px}.account-nav a{color:var(--muted);border-radius:10px;padding:11px 12px;display:block}.account-nav a:hover{color:#fff;background:#ffffff0d}.profile-head{align-items:center;gap:18px;margin-bottom:25px;display:flex}.avatar-xl{background:linear-gradient(135deg,var(--purple),var(--orange));border-radius:22px;place-items:center;width:80px;height:80px;font-size:32px;font-weight:900;display:grid}.profile-head h2,.profile-head p{margin:0}.profile-head p{color:var(--muted)}.info-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.info-box{border:1px solid var(--line);background:#ffffff06;border-radius:14px;padding:16px}.info-box span{color:var(--muted);font-size:12px;display:block}.info-box strong{margin-top:5px;display:block}.status-pill{color:var(--green);background:#46d39a1f;border-radius:999px;padding:5px 8px;font-size:11px}.status-pill.pending{color:var(--gold);background:#ffd36a1a}.footer{border-top:1px solid var(--line);background:#060811;padding:65px 0 25px}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:45px;display:grid}.footer-grid p{color:var(--muted);max-width:360px}.footer-grid h4{margin-top:0}.footer-grid>div:not(:first-child){flex-direction:column;gap:9px;display:flex}.footer-grid a,.footer-grid span{color:var(--muted);font-size:14px}.footer-bottom{border-top:1px solid var(--line);color:#7f859e;justify-content:space-between;margin-top:45px;padding-top:20px;font-size:12px;display:flex}.admin-app{background:#090b14;min-height:100vh}.admin-sidebar{border-right:1px solid var(--line);z-index:20;background:#0c0f1b;flex-direction:column;width:245px;padding:20px 15px;display:flex;position:fixed;top:0;bottom:0;left:0}.admin-sidebar>.brand{border-bottom:1px solid var(--line);padding:3px 9px 23px}.admin-sidebar nav{gap:3px;min-height:0;padding-top:18px;padding-right:3px;display:grid;overflow-y:auto}.admin-sidebar nav a{color:#aeb4c9;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;font-size:14px;display:flex}.admin-sidebar nav a:hover{color:#fff;background:#ffffff0e}.admin-sidebar nav a span{text-align:center;width:21px}.admin-side-bottom{gap:9px;margin-top:auto;display:grid}.admin-side-bottom>a{color:var(--muted);padding:8px;font-size:13px}.admin-content{min-height:100vh;margin-left:245px}.admin-topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:10;background:#090b14d9;justify-content:space-between;align-items:center;height:75px;padding:0 32px;display:flex;position:sticky;top:0}.admin-topbar>div{flex-direction:column;display:flex}.admin-topbar small{letter-spacing:2px;color:var(--muted);font-size:9px}.system-chip{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:7px 10px;font-size:11px}.system-chip i{background:var(--gold);border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}.admin-content>main{padding:32px}.admin-heading{justify-content:space-between;align-items:end;margin-bottom:28px;display:flex}.admin-heading h1{margin:7px 0 0;font-size:34px}.admin-heading p{color:var(--muted);margin:0}.metric-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.metric-card{border:1px solid var(--line);background:var(--panel);border-radius:17px;padding:20px;display:grid}.metric-card span,.metric-card small{color:var(--muted);font-size:12px}.metric-card strong{margin:7px 0;font-size:30px}.admin-grid{grid-template-columns:1.3fr 1fr;gap:16px;margin-top:16px;display:grid}.admin-panel{border:1px solid var(--line);background:var(--panel);border-radius:18px;padding:20px}.panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:13px;display:flex}.panel-head h2{margin:0;font-size:17px}.panel-head span{color:var(--muted);font-size:11px}.status-row{border-bottom:1px solid #ffffff0e;justify-content:space-between;padding:13px 3px;font-size:13px;display:flex}.status-row>span{align-items:center;gap:8px;display:flex}.status-row i{background:#61677c;border-radius:50%;width:8px;height:8px}.status-row i.ok{background:var(--green)}.status-row i.warn{background:var(--gold)}.status-row b{color:var(--muted);font-weight:600}.empty-mini{text-align:center;padding:34px 20px}.empty-mini>span{color:var(--muted);font-size:28px}.empty-mini h3{margin:8px;font-size:15px}.empty-mini p{color:var(--muted);margin:0;font-size:12px}.table-tools{gap:9px;margin-bottom:15px;display:flex}.table-tools input{max-width:320px}.table-tools button{border:1px solid var(--line);color:#fff;background:#ffffff0a;border-radius:10px;padding:8px 12px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.8px;border-bottom:1px solid var(--line);padding:12px;font-size:11px}td{border-bottom:1px solid #ffffff0d;padding:12px}@media (max-width:980px){.desktop-nav,.ip-pill{display:none}.menu-button{display:block}.mobile-menu{border-top:1px solid var(--line);padding:10px 20px 20px;display:grid}.mobile-menu a{padding:11px}.hero-content{grid-template-columns:1fr}.hero-card{display:none}.quick-grid{grid-template-columns:repeat(3,1fr)}.feature-grid,.product-grid,.news-grid{grid-template-columns:repeat(2,1fr)}.split-section{gap:30px}.cart-layout,.checkout-grid{grid-template-columns:1fr}.summary-card{position:static}.footer-grid{grid-template-columns:2fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2/4}.admin-sidebar{width:78px}.admin-sidebar .brand>span:last-child,.admin-sidebar nav a{font-size:0}.admin-sidebar nav a:not(:has(span)){font-size:0}.admin-sidebar nav a span{font-size:18px}.admin-side-bottom{display:none}.admin-content{margin-left:78px}.metric-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){body{padding-bottom:66px}.container{width:min(100% - 28px,1180px)}.site-header{position:sticky}.header-inner{height:66px}.header-actions>.btn,.account-pill{display:none}.brand-mark{width:37px;height:37px}.brand strong{font-size:17px}.bottom-nav{z-index:70;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:7px 6px max(7px,env(safe-area-inset-bottom));background:#080a14f0;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{color:#b8bdd1;place-items:center;font-size:18px;display:grid}.bottom-nav span{font-size:9px}.hero{min-height:660px}.hero:before{background:linear-gradient(#07091440 0%,#07091499 35%,#070914fa 100%),url(/branding/runrin-mobile.svg) 50%/cover no-repeat}.hero-content{align-items:end;padding:110px 0 55px}.hero h1{letter-spacing:-2.5px;font-size:52px}.hero p{font-size:15px}.hero-buttons{flex-direction:column}.server-strip{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.quick-grid{grid-template-columns:1fr 1fr;margin-top:-25px}.quick-card:last-child{grid-column:1/3}.section{padding:68px 0}.section-heading{display:block}.section-heading h2{font-size:36px}.feature-grid,.product-grid,.news-grid,.split-section{grid-template-columns:1fr}.image-panel{height:330px}.discord-banner{padding:32px 25px;display:block}.discord-banner .btn{margin-top:20px}.page-hero{padding:75px 0 45px}.page-hero h1{font-size:44px}.content-grid{grid-template-columns:1fr}.side-nav{display:none}.cart-item{grid-template-columns:58px 1fr auto}.cart-icon{width:58px;height:58px}.cart-item>.quantity{grid-column:2}.cart-item>strong{grid-area:1/3}.cart-item>.remove{grid-area:2/3}.auth-page{display:block}.auth-visual{min-height:300px;padding:30px}.auth-visual h1{font-size:39px}.auth-panel{padding:35px 20px}.form-grid,.info-grid,.account-layout{grid-template-columns:1fr}.account-nav{display:flex;position:static;overflow:auto}.account-nav h3{display:none}.account-nav a{white-space:nowrap}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-grid>div:first-child{grid-column:1/3}.footer-grid>div:last-child{grid-column:auto}.footer-bottom{gap:5px;display:grid}.admin-sidebar{display:none}.admin-content{margin-left:0}.admin-content>main{padding:20px 14px}.admin-topbar{padding:0 15px}.admin-heading{display:block}.admin-heading .btn{margin-top:15px}.metric-grid,.admin-grid{grid-template-columns:1fr}.table-tools{flex-wrap:wrap}.payment-option{grid-template-columns:auto 40px 1fr}.payment-option>b{grid-column:3}.product-card{min-height:410px}}