@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@600;700;800&family=Montserrat:wght@500;600;700;800;900&display=swap');

:root { --ink:#071321; --cyan:#5ff7ff; --navy:#066dba; --mint:#d9f3e9; --blue:#8db7ef; --lime:#7dff00; --black:#05070a; --muted:#d8e8fa; --card:rgba(196,222,255,.66); --line:rgba(255,255,255,.5); }
* { box-sizing:border-box; }
[hidden] { display:none !important; }
html { scroll-behavior:smooth; }
body { margin:0; min-width:320px; min-height:100vh; color:#fff; font-family:Montserrat,Arial,sans-serif; background:linear-gradient(118deg,#c9f0e7 0%,#80a8e8 100%) fixed; }
button,input { font:inherit; }
button { cursor:pointer; }
.site-shell { min-height:100vh; overflow:hidden; }
.topbar { position:sticky; z-index:30; top:0; display:flex; align-items:center; gap:clamp(9px,1.7vw,24px); min-height:82px; padding:10px clamp(16px,3.8vw,54px); border-bottom:2px solid #071321; background:linear-gradient(100deg,#46dbe0,#0275c0 54%,#063ba8); box-shadow:0 7px 25px rgba(3,35,91,.18); }
.brand { display:flex; align-items:center; flex-shrink:0; gap:10px; min-width:max-content; padding:0; color:white; border:0; background:none; font-family:'Baloo 2',sans-serif; font-size:clamp(27px,3vw,40px); font-weight:800; text-shadow:2px 2px 0 #000; }
.brand img { width:58px; height:58px; object-fit:cover; object-position:center; border-radius:50%; border:1px solid #45ddeb; box-shadow:0 0 13px rgba(78,231,255,.7); }
.brand b { color:var(--cyan); }
.search-box { display:flex; align-items:center; gap:8px; min-width:95px; max-width:265px; flex:1; height:50px; padding:0 15px; border-radius:12px; background:rgba(90,222,234,.65); transition:.2s ease; }
.search-box:focus-within { background:#d9fbff; box-shadow:0 0 0 4px rgba(255,255,255,.26); }
.search-box svg { flex:0 0 auto; width:25px; fill:none; stroke:#fff; stroke-width:2.3px; }
.search-box input { width:100%; min-width:0; border:0; outline:0; color:#08376f; background:transparent; font-weight:700; }
.search-box input::placeholder { color:#e9fdff; }
.main-nav { display:flex; gap:clamp(8px,1.4vw,18px); }
.nav-button { position:relative; min-height:48px; padding:0 clamp(13px,2vw,25px); color:#fff; border:0; border-radius:12px; background:rgba(84,205,218,.65); text-transform:uppercase; font-size:clamp(12px,1.5vw,17px); font-weight:900; letter-spacing:.02em; transition:transform .2s,background .2s; }
.nav-button:hover,.nav-button.is-active { background:#075ac1; transform:translateY(-2px); }
.cart-badge { display:grid; place-items:center; position:absolute; top:-8px; right:-8px; min-width:21px; height:21px; padding:0 5px; color:#03274d; border:2px solid #fff; border-radius:50%; background:var(--lime); font-size:10px; }
.profile-button { display:grid; flex:0 0 auto; place-items:center; width:50px; height:50px; padding:0; color:#fff; border:0; background:transparent; }
.profile-button svg { width:39px; fill:currentColor; }
.profile-popover { position:absolute; top:calc(100% + 12px); right:clamp(16px,3.8vw,54px); width:min(330px,calc(100vw - 32px)); padding:25px; border:3px dashed #071321; border-radius:22px; color:#092141; background:linear-gradient(135deg,#c4f7dc,#99b5ff); box-shadow:0 18px 30px rgba(7,25,67,.28); }
.profile-popover::before { content:""; position:absolute; top:-13px; right:16px; width:22px; height:22px; transform:rotate(45deg); border-top:3px dashed #071321; border-left:3px dashed #071321; background:#b1d5ed; }
.eyebrow { margin:0 0 5px; color:#056eb9; font-size:11px; font-weight:900; letter-spacing:.14em; }
.profile-popover h2 { margin:0 0 18px; color:#071321; font-family:'Baloo 2',sans-serif; font-size:32px; line-height:1.05; }
.profile-popover .action-button { width:100%; margin-top:10px; }
.balance-card { display:flex; flex-direction:column; gap:4px; padding:12px 15px; border:2px solid #071321; border-radius:12px; background:#071321; }
.balance-card span { color:#b4d5e6; font-size:10px; font-weight:800; letter-spacing:.05em; text-transform:uppercase; }.balance-card strong { color:var(--lime); font-size:24px; }
.outline-button { color:#071321; background:transparent; border:2px solid #071321; }.outline-button:hover { color:var(--cyan); background:#071321; }
main { width:min(1180px,100%); margin:0 auto; padding:clamp(25px,4vw,54px) clamp(16px,4vw,48px) 105px; }.view { display:none; animation:fadeUp .32s ease; }.view.is-active { display:block; }@keyframes fadeUp { from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none} }
.hero { position:relative; display:grid; grid-template-columns:1.05fr .95fr; min-height:350px; overflow:hidden; isolation:isolate; border:3px solid var(--ink); border-radius:26px; background:linear-gradient(130deg,#c5ffe9,#75a7ef); box-shadow:0 14px 20px rgba(35,72,139,.2); }.hero::after { content:""; position:absolute; z-index:-1; inset:auto -10% -65% auto; width:70%; aspect-ratio:1; border:1px solid rgba(255,255,255,.45); border-radius:50%; box-shadow:0 0 0 30px rgba(255,255,255,.08),0 0 0 60px rgba(255,255,255,.06); }
.hero-copy { padding:clamp(32px,5vw,58px); color:#041729; }.hero-kicker { display:block; margin-bottom:8px; color:#0577c6; font-size:11px; font-weight:900; letter-spacing:.18em; }.hero h1 { margin:0; font-family:'Baloo 2',sans-serif; font-size:clamp(42px,5vw,67px); line-height:.92; letter-spacing:-.035em; }.hero h1 em { color:#0757ba; font-style:normal; }.hero p { max-width:480px; margin:18px 0 24px; font-size:14px; line-height:1.65; font-weight:600; }.hero-button { padding:12px 18px; color:var(--cyan); border:0; border-radius:11px; background:#020509; font-weight:900; }.hero-button span { display:inline-block; margin-left:8px; font-size:18px; transition:transform .2s; }.hero-button:hover span { transform:translateY(3px); }
.hero-art { position:relative; min-height:270px; }.orb { position:absolute; border-radius:50%; filter:blur(1px); }.orb-one { top:33px; right:58px; width:120px; height:120px; background:#6e51ff; opacity:.75; }.orb-two { bottom:28px; left:30px; width:75px; height:75px; background:#1cf1d1; opacity:.66; }.hero-card { position:absolute; display:flex; flex-direction:column; justify-content:flex-end; width:205px; height:255px; padding:24px; border:2px solid rgba(255,255,255,.84); border-radius:23px; box-shadow:0 18px 28px rgba(3,27,79,.28); backdrop-filter:blur(10px); }.hero-card span { font-family:'Baloo 2',sans-serif; font-size:76px; line-height:.7; font-weight:800; }.hero-card small { margin-top:28px; font-size:10px; font-weight:900; letter-spacing:.12em; }.card-back { top:22px; right:65px; color:#d4ffff; transform:rotate(12deg); background:linear-gradient(135deg,#133f92,#8155d7); }.card-front { top:65px; right:180px; color:#09334e; transform:rotate(-9deg); background:linear-gradient(135deg,rgba(191,255,237,.95),rgba(88,196,248,.88)); }
.banner-strip { display:grid; grid-template-columns:repeat(4,1fr); gap:15px; margin:24px 0 56px; }.promo-card { position:relative; min-height:135px; padding:21px 17px; overflow:hidden; border:2px solid var(--ink); border-radius:17px; color:#061627; box-shadow:0 8px 16px rgba(14,45,104,.12); }.promo-card::after { content:""; position:absolute; right:-26px; bottom:-30px; width:100px; height:100px; border:1px solid rgba(255,255,255,.7); border-radius:50%; box-shadow:0 0 0 18px rgba(255,255,255,.14); }.promo-card span { display:block; margin-bottom:14px; font-size:11px; font-weight:900; }.promo-card strong { display:block; max-width:130px; font-family:'Baloo 2',sans-serif; font-size:21px; line-height:1.04; }.promo-card small { display:block; max-width:152px; margin-top:5px; font-size:10px; font-weight:700; line-height:1.4; }.promo-blue{background:#a3dafa}.promo-purple{background:#b6a5ff}.promo-green{background:#b5f4ca}.promo-pink{background:#ffc0d6}
.section-heading { display:flex; align-items:end; justify-content:space-between; gap:15px; margin-bottom:20px; padding-bottom:13px; border-bottom:3px solid rgba(255,255,255,.54); }.section-heading h2,.page-heading h1 { margin:0; color:#fff; font-family:'Baloo 2',sans-serif; font-size:clamp(38px,5vw,55px); line-height:.95; letter-spacing:-.03em; text-shadow:0 3px 15px rgba(30,56,109,.12); }.section-heading .eyebrow { color:#0b65b2; }.product-count,.order-note { padding:7px 10px; border:1px solid rgba(7,19,33,.45); border-radius:20px; color:#072849; background:rgba(255,255,255,.33); font-size:11px; font-weight:800; white-space:nowrap; }
.products-grid,.cart-list { display:grid; gap:18px; }.product-card { display:grid; grid-template-columns:minmax(230px,1fr) minmax(215px,.48fr); gap:clamp(16px,3vw,34px); padding:16px; border:3px solid #071321; border-radius:22px; color:#071321; background:linear-gradient(110deg,rgba(215,255,225,.89),rgba(134,178,247,.9)); box-shadow:0 10px 18px rgba(35,68,127,.12); }.product-art { position:relative; min-height:180px; overflow:hidden; border:2px solid #071321; border-radius:14px; background:linear-gradient(135deg,#baeefd,#f0faff 48%,#80b6f2); }.product-art::before { content:""; position:absolute; width:150px; height:150px; border:18px solid rgba(0,101,193,.27); border-radius:50%; top:-42px; right:-20px; box-shadow:-110px 145px 0 -38px rgba(102,255,152,.82); }.product-art::after { content:""; position:absolute; left:-18%; bottom:-21%; width:150%; height:45%; background:#7fb000; border-radius:50% 50% 0 0/70% 70% 0 0; box-shadow:0 -16px 0 -4px #c4e67d; }.product-art span { position:absolute; z-index:1; top:20px; left:20px; color:#093a7a; font-family:'Baloo 2',sans-serif; font-size:clamp(22px,3.1vw,34px); font-weight:800; line-height:.96; text-shadow:1px 1px 0 #fff; }.art-purple { background:linear-gradient(135deg,#c9c8ff,#f6e9ff 49%,#9289e7); }.art-purple::before{border-color:rgba(119,68,219,.32);box-shadow:-110px 145px 0 -38px rgba(223,129,255,.83)}.art-green{background:linear-gradient(135deg,#a9f4db,#effff8 47%,#74cda9)}.art-green::before{border-color:rgba(8,151,111,.3);box-shadow:-110px 145px 0 -38px rgba(205,242,91,.85)}.art-dark{background:linear-gradient(135deg,#193d78,#5b87cf 52%,#0d1c4e)}.art-dark::before{border-color:rgba(83,233,255,.36);box-shadow:-110px 145px 0 -38px rgba(129,117,255,.85)}.art-dark span{color:#d9ffff;text-shadow:1px 1px 0 #000;}
.product-info { display:flex; flex-direction:column; align-items:stretch; justify-content:center; padding:4px 6px; }.product-category { margin:0 0 4px; color:#075eb1; font-size:10px; font-weight:900; letter-spacing:.1em; }.product-info h3 { margin:0; font-family:'Baloo 2',sans-serif; font-size:26px; line-height:1.03; }.product-info p { min-height:33px; margin:6px 0 13px; font-size:11px; font-weight:600; line-height:1.4; }.price { display:flex; align-items:baseline; align-self:flex-start; gap:.13em; margin:0 0 10px; padding:2px 3px 5px; color:var(--lime); font-size:clamp(25px,3.3vw,38px); font-weight:900; line-height:1.12; white-space:nowrap; }.price-amount { -webkit-text-stroke:1px #000; text-shadow:2px 2px 0 #000; }.price-unit { color:#1a4f08; font-size:.64em; font-weight:900; line-height:1; text-shadow:none; }.stock-label { display:inline-block; align-self:flex-start; margin:-5px 0 10px; padding:4px 8px; border-radius:9px; color:#0e5c31; background:#bffadc; font-size:10px; font-weight:800; }.stock-label.is-empty { color:#635e67; background:#d8d8d8; }.actions { display:grid; gap:9px; }.action-button { min-height:43px; padding:10px 14px; color:var(--cyan); border:2px solid #000; border-radius:11px; background:#030508; font-weight:900; text-transform:uppercase; transition:transform .2s,box-shadow .2s; }.action-button:hover:not(:disabled) { transform:translateY(-2px); box-shadow:0 5px 0 rgba(6,56,96,.3); }.action-button:disabled { cursor:not-allowed; color:#8c9399; border-color:#656b70; background:#4e565d; }.secondary-action { color:#071321; border:2px solid #071321; background:rgba(255,255,255,.52); }.secondary-action:hover:not(:disabled){background:#fff;}.empty-state { margin:0; padding:35px; color:#093967; border:2px dashed #12467d; border-radius:15px; text-align:center; font-weight:700; }
.page-heading { max-width:700px; margin:8px 0 36px; }.page-heading h1 { font-size:clamp(52px,7vw,76px); }.page-heading p:last-child { max-width:600px; margin:16px 0 0; color:#093451; font-size:14px; font-weight:600; line-height:1.65; }.payment-layout { display:grid; grid-template-columns:1.05fr .95fr; gap:20px; }.payment-panel { padding:clamp(22px,3.5vw,38px); border:3px solid #071321; border-radius:24px; color:#071321; background:#fff; box-shadow:0 12px 22px rgba(31,61,121,.15); }.panel-label { display:inline-block; margin-bottom:23px; padding:6px 9px; border-radius:8px; color:#fff; background:#0875bd; font-size:10px; font-weight:900; letter-spacing:.09em; text-transform:uppercase; }.payment-detail { display:flex; justify-content:space-between; gap:14px; padding:15px 0; border-bottom:1px solid #d8e5ed; }.payment-detail span { color:#4a6275; font-size:12px; font-weight:700; }.payment-detail strong { text-align:right; font-size:14px; }.payment-detail strong small { color:#738292; font-size:9px; }.payment-detail.highlight { margin:15px -10px 0; padding:12px 10px; border:2px dashed #0a67a8; border-radius:12px; background:#e5f8ff; }.payment-detail.highlight strong { color:#0759aa; }.copy-button { margin-left:5px; padding:3px 6px; color:#0865a4; border:0; border-radius:5px; background:#d8f4ff; font-size:9px; font-weight:900; }.amount-field { display:grid; gap:8px; margin:22px 0 16px; }.amount-field span { font-size:12px; font-weight:800; }.amount-field input { width:100%; padding:13px; outline:0; border:2px solid #b9cbd6; border-radius:10px; color:#041c35; font-size:17px; font-weight:800; }.amount-field input:focus { border-color:#0875bd; box-shadow:0 0 0 3px #d6f1ff; }.amount-field small { color:#687988; font-size:10px; line-height:1.45; }.paid-button { width:100%; color:var(--lime); font-size:16px; }.qr-panel { display:flex; flex-direction:column; align-items:center; text-align:center; }.qr-code { display:grid; grid-template-columns:repeat(21,1fr); width:min(100%,280px); aspect-ratio:1; padding:13px; border:2px solid #071321; background:white; }.qr-cell { background:transparent; }.qr-cell.dark { background:#000; }.qr-panel p { max-width:310px; color:#526c7b; font-size:10px; font-weight:600; line-height:1.55; }.payment-status { width:100%; margin-top:auto; padding:10px; border-radius:10px; color:#0d5937; background:#d7ffea; font-size:11px; font-weight:800; }.payment-status.pending { color:#8b5600; background:#fff3ca; }
.cart-section { margin-bottom:46px; }.cart-list .product-card { grid-template-columns:minmax(230px,1fr) minmax(215px,.46fr); }.cart-empty,.orders-empty { margin:0; padding:30px; color:#16405d; border:2px dashed rgba(7,55,93,.5); border-radius:14px; text-align:center; font-size:13px; font-weight:700; }.orders-section .section-heading { align-items:center; }.order-note { color:#476274; background:rgba(255,255,255,.45); }.key-delivery { margin:0 0 28px; padding:22px; border:3px solid #071321; background:#fff7d7; box-shadow:0 10px 20px rgba(31,61,121,.13); }.key-delivery p { margin:0 0 14px; color:#334d5f; font-size:13px; font-weight:700; line-height:1.55; }.delivered-key-row { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }.delivered-key-row code { padding:11px 12px; border:1px dashed #946600; border-radius:8px; color:#071321; background:#fff; font-size:13px; font-weight:900; overflow-wrap:anywhere; }.key-delivery small { display:block; margin-top:10px; color:#725000; font-size:10px; font-weight:800; }.table-wrap { overflow:auto; border:2px solid #071321; background:#fff; }.table-wrap table { width:100%; min-width:700px; border-collapse:collapse; color:#162a3b; font-size:12px; }.table-wrap th { padding:15px; color:var(--cyan); background:#000; font-size:11px; letter-spacing:.04em; text-align:left; }.table-wrap td { padding:14px 15px; border-bottom:1px solid #c6d5df; font-weight:600; }.table-wrap tbody tr:nth-child(even) { background:#edf5fa; }.key-value { display:flex; align-items:center; gap:7px; color:#075aaa; font-family:monospace; font-weight:800; }.key-masked { color:#586b79; }.key-value button { padding:2px 5px; color:#075aaa; border:1px solid #8dcbef; border-radius:4px; background:#fff; font-family:Montserrat,sans-serif; font-size:9px; font-weight:800; }.order-status { color:#207a50; font-size:10px; }
.footer { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:18px clamp(16px,4vw,48px); color:#dfffff; border-top:2px solid #083a82; background:linear-gradient(100deg,#46dbe0,#0973bd 58%,#0739ab); font-size:10px; font-weight:700; }.footer p{margin:0}.footer button { color:white; border:0; background:transparent; font-size:10px; font-weight:800; }.support-links { position:fixed; z-index:40; right:22px; bottom:18px; display:flex; gap:10px; }.support-links a { display:grid; place-items:center; width:47px; height:47px; border:2px solid rgba(255,255,255,.8); border-radius:50%; text-decoration:none; box-shadow:0 7px 18px rgba(0,18,78,.27); transition:transform .2s; }.support-links a:hover{transform:translateY(-3px)}.support-links a:first-child{background:linear-gradient(135deg,#fe397d,#6c47f7)}.support-links a:last-child{background:#fff}.messenger-icon{color:#fff;font-size:30px;font-weight:900;line-height:1;transform:rotate(-20deg)}.zalo-icon{color:#1678dc;font-size:11px;font-weight:900;}
.auth-dialog { width:min(440px,calc(100vw - 28px)); padding:31px; border:3px solid #071321; border-radius:22px; color:#071321; background:linear-gradient(135deg,#e3fff2,#b0cdfd); box-shadow:0 22px 70px rgba(0,20,76,.52); }.auth-dialog::backdrop{background:rgba(4,15,38,.55);backdrop-filter:blur(4px)}.dialog-close { position:absolute; top:9px; right:13px; width:31px; height:31px; color:#063252; border:0; border-radius:50%; background:rgba(255,255,255,.64); font-size:24px; line-height:1; }.auth-brand { display:flex; align-items:center; gap:8px; margin-bottom:26px; font-family:'Baloo 2',sans-serif; font-size:28px; font-weight:800; }.auth-brand img { width:44px; height:44px; border-radius:50%; object-fit:cover; }.auth-brand b { color:#0875bd; }.auth-dialog h2 { margin:0; font-family:'Baloo 2',sans-serif; font-size:38px; line-height:1; }.auth-hint { margin:9px 0 16px; color:#466174; font-size:12px; font-weight:600; line-height:1.5; }.auth-feedback { margin:0 0 16px; padding:10px 12px; color:#713a00; border:1px solid #d49333; border-radius:9px; background:#fff3d8; font-size:11px; font-weight:800; line-height:1.45; }.auth-dialog form { display:grid; gap:13px; }.auth-dialog label { display:grid; gap:6px; color:#1c405b; font-size:11px; font-weight:800; }.auth-dialog input { width:100%; padding:12px; outline:0; border:2px solid rgba(6,62,100,.26); border-radius:9px; color:#061b2d; background:#fff; font-size:14px; }.auth-dialog input:focus { border-color:#0875bd; }.auth-dialog input[aria-invalid="true"] { border-color:#a95b00; box-shadow:0 0 0 3px rgba(228,161,57,.28); }.auth-dialog .action-button { margin-top:5px; }.text-button { display:block; margin:14px auto 0; padding:5px; color:#07385e; border:0; background:transparent; font-size:11px; font-weight:800; text-decoration:underline; }.centered{text-align:center}.demo-button { width:100%; margin-top:11px; padding:9px; color:#07579d; border:2px dashed #0875bd; border-radius:9px; background:rgba(255,255,255,.45); font-size:10px; font-weight:900; }.toast { position:fixed; z-index:100; left:50%; bottom:25px; max-width:min(460px,calc(100vw - 32px)); padding:13px 17px; transform:translate(-50%,130px); color:#fff; border:1px solid rgba(255,255,255,.55); border-radius:12px; background:#071321; box-shadow:0 10px 28px rgba(0,16,47,.3); opacity:0; font-size:12px; font-weight:700; text-align:center; transition:.28s ease; }.toast.show { transform:translate(-50%,0); opacity:1; }.toast.success{background:#075d39}.toast.warn{background:#7a4a00}

/* Dynamic assets supplied by the admin dashboard. */
.product-art.has-image::before,.product-art.has-image::after{display:none}.product-art.has-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.product-art.has-image span{padding:7px 9px;border-radius:9px;color:#fff;background:rgba(0,27,60,.66);text-shadow:1px 1px 0 #000}.promo-card{isolation:isolate}.promo-card img{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover;opacity:.76}.promo-card:has(img)::after{background:rgba(255,255,255,.18)}.promo-card:has(img) strong,.promo-card:has(img) small,.promo-card:has(img) span{position:relative;z-index:1;text-shadow:0 1px 5px rgba(255,255,255,.88)}.qr-code:has(.bank-qr){display:block;padding:0}.bank-qr{display:block;width:100%;height:100%;object-fit:contain}.footer>div{display:flex;align-items:center;gap:15px}.admin-link{color:#fff;font-size:10px;font-weight:800;text-decoration:none;opacity:.8}.admin-link:hover{opacity:1;text-decoration:underline}
.qr-code:has(.qr-placeholder){display:grid;place-items:center;background:linear-gradient(135deg,#f5fbff,#d8f4ff)}.qr-placeholder{display:block;color:#0875bd;font-size:24px;font-weight:900;letter-spacing:.08em;line-height:1.1;text-align:center}
.checkout-resume{width:min(100%,280px);margin:14px 0}.qr-panel .payment-status{margin-top:16px}
@media (max-width:840px){.topbar{gap:10px;padding:9px 15px}.brand span{display:none}.brand img{width:49px;height:49px}.search-box{flex:1;max-width:none}.search-box input{font-size:12px}.nav-button{padding:0 11px;font-size:11px}.profile-button{width:36px}.profile-button svg{width:32px}.hero{grid-template-columns:1fr;}.hero-art{display:none}.banner-strip{grid-template-columns:repeat(2,1fr);margin-bottom:42px}.payment-layout{grid-template-columns:1fr}.qr-panel{min-height:390px}.cart-list .product-card,.product-card{grid-template-columns:minmax(0,1fr) minmax(190px,.48fr)}}
@media (max-width:570px){.topbar{min-height:68px}.brand img{width:43px;height:43px}.search-box{min-width:0;height:42px;padding:0 10px}.search-box input{display:none}.search-box:focus-within{width:140px}.search-box:focus-within input{display:block}.main-nav{gap:5px}.nav-button{min-height:41px;padding:0 7px;border-radius:9px;font-size:9px}.profile-button{width:32px}.profile-button svg{width:29px}.hero-copy{padding:34px 26px}.hero h1{font-size:46px}.banner-strip{gap:9px}.promo-card{min-height:119px;padding:15px 13px}.promo-card strong{font-size:18px}.promo-card small{font-size:9px}.section-heading{align-items:flex-start;flex-direction:column}.section-heading h2{font-size:42px}.product-card,.cart-list .product-card{grid-template-columns:1fr;gap:12px}.product-art{min-height:155px}.product-info{padding:2px 4px}.product-info h3{font-size:25px}.product-info p{min-height:0}.page-heading{margin-bottom:27px}.page-heading h1{font-size:56px}.payment-panel{padding:23px 19px}.payment-detail{flex-direction:column;gap:4px}.payment-detail strong{text-align:left}.support-links{right:13px;bottom:13px}.support-links a{width:42px;height:42px}.footer{padding-bottom:70px;align-items:flex-start;flex-direction:column}.profile-popover{right:16px}.auth-dialog{padding:27px 21px}}