/* GamingService storefront refresh v7 — light, responsive, no external assets */
:root{
  --bg:#fff;--paper:#fff;--ink:#201b3b;--muted:#77748e;--line:#e9e6f5;--soft:#f8f7fc;
  --accent:#6957e8;--accent-dark:#4f3ac9;--accent-soft:#f0edff;--teal:#16ad9e;--teal-dark:#0d8277;
  --coral:#e95169;--success:#167653;--success-bg:#e9f8f0;--warning:#925d12;--warning-bg:#fff5df;
  --danger:#bf304a;--danger-bg:#fff0f3;--shadow:0 16px 42px rgba(61,47,119,.075);--radius:20px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;background:#fff;color:var(--ink);font-family:Tahoma,Arial,sans-serif;font-size:14px;line-height:1.9;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 7% 3%,rgba(112,91,236,.035),transparent 32%),radial-gradient(ellipse at 96% 34%,rgba(22,173,158,.035),transparent 29%)}
a{color:var(--accent);text-decoration:none;transition:color .16s ease}
a:hover{color:var(--accent-dark)}
img{max-width:100%;height:auto}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
::selection{background:#e1dcff;color:#342282}
.container{width:min(1220px,calc(100% - 44px));margin-inline:auto}
.skip-link{position:fixed;top:-80px;right:16px;z-index:1000;padding:10px 16px;border-radius:12px;background:var(--ink);color:#fff}
.skip-link:focus{top:12px;color:#fff}
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(233,230,245,.9);box-shadow:0 5px 24px rgba(45,34,92,.035)}
.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:27px}
.brand{display:flex;align-items:center;gap:11px;flex-shrink:0;color:var(--ink)}
.brand:hover{color:var(--ink)}
.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:15px;background:linear-gradient(140deg,#8676ff 0%,#6350dd 64%,#5140c5 100%);color:#fff;font-size:21px;font-weight:900;box-shadow:0 8px 19px rgba(105,87,232,.24);position:relative;isolation:isolate}
.brand-mark:after{content:"";position:absolute;inset:4px;border:1px solid rgba(255,255,255,.38);border-radius:11px;z-index:-1}
.brand-copy b,.brand b{display:block;font-size:15px;line-height:1.55;font-weight:900;letter-spacing:-.2px}
.brand-copy small,.brand small{display:block;color:#8c88a5;font-size:10px;line-height:1.55;margin-top:2px}
.main-nav{display:flex;align-items:center;justify-content:center;gap:7px;flex:1}
.main-nav a{color:#68647e;font-size:12px;font-weight:800;padding:10px 13px;border-radius:11px;white-space:nowrap}
.main-nav a:hover,.main-nav a:focus-visible{color:var(--accent);background:#f5f3ff}
.nav-actions{display:flex;align-items:center;gap:9px;flex-shrink:0}
.wallet-nav{display:flex;align-items:center;gap:9px;white-space:nowrap;border:1px solid #e3defa;background:#fbfaff;padding:8px 11px;border-radius:13px;color:#49416c;font-size:11px}
.wallet-nav:hover{border-color:#c9c0ff;color:var(--accent)}
.wallet-nav b{font-size:11px;color:var(--accent);font-weight:900}
.wallet-nav-label{color:#8a86a0;font-weight:700}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:11px 18px;border:1px solid transparent;border-radius:13px;background:linear-gradient(135deg,#7868f0,#5e4ad8);color:#fff;font-size:12px;font-weight:900;line-height:1.55;text-align:center;box-shadow:0 7px 16px rgba(105,87,232,.15);transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease;cursor:pointer}
.btn:hover{background:linear-gradient(135deg,#6554e4,#4c37c7);border-color:transparent;color:#fff;transform:translateY(-2px);box-shadow:0 11px 22px rgba(105,87,232,.22)}
.btn:active{transform:translateY(0)}
.btn:focus-visible,.field:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid rgba(105,87,232,.25);outline-offset:3px}
.btn:disabled,.btn-disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none;pointer-events:none}
.btn-small{min-height:37px;padding:8px 13px;border-radius:11px;font-size:11px}
.btn-ghost,.btn-outline{background:#fff;color:#514b6c;border-color:#e4e0f2;box-shadow:none}
.btn-ghost:hover,.btn-outline:hover{background:#f9f8ff;border-color:#c9c0ff;color:var(--accent);box-shadow:0 6px 16px rgba(61,47,119,.06)}
.btn-secondary{background:linear-gradient(130deg,#21c1b0,#0e9d90);border-color:transparent;color:#fff;box-shadow:0 7px 16px rgba(22,173,158,.16)}
.btn-secondary:hover{background:linear-gradient(130deg,#17ab9b,#0d8277);border-color:transparent;color:#fff}
.btn-danger{background:#fff2f4;border-color:#f6c6ce;color:var(--danger);box-shadow:none}
.btn-danger:hover{background:#ffe7eb;border-color:#e99aa8;color:#a91f38;box-shadow:none}
.btn-success{background:#eaf8f0;border-color:#bce8d0;color:#14714d;box-shadow:none}
.btn-success:hover{background:#ddf4e7;border-color:#9adbb7;color:#0d613f;box-shadow:none}
.btn-primary{background:linear-gradient(135deg,#7868f0,#5e4ad8)}
.btn-card{min-height:38px;padding:8px 12px;box-shadow:none;border-radius:11px;font-size:10px;white-space:nowrap}
.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.quick-menu,.mobile-menu{position:relative}
.quick-menu summary,.mobile-menu summary{list-style:none;display:grid;place-items:center;width:39px;height:39px;border:1px solid #ebe7f7;border-radius:12px;background:#fff;color:#716b90;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.quick-menu summary::-webkit-details-marker,.mobile-menu summary::-webkit-details-marker{display:none}
.quick-menu summary svg,.mobile-menu summary svg{width:19px;height:19px;fill:currentColor;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
.quick-menu[open] summary,.mobile-menu[open] summary{background:#f3f0ff;color:var(--accent);border-color:#d4cdfc}
.quick-menu-pop,.mobile-menu-pop{position:absolute;top:calc(100% + 12px);left:0;width:235px;padding:9px;background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:0 22px 50px rgba(40,27,91,.14);display:grid;gap:3px;z-index:120}
.quick-menu-pop a,.mobile-menu-pop a{display:flex;align-items:center;min-height:39px;padding:9px 11px;border-radius:10px;color:#5e5879;font-size:12px;font-weight:700}
.quick-menu-pop a:hover,.mobile-menu-pop a:hover{background:#f5f3ff;color:var(--accent)}
.menu-caption{padding:5px 11px 8px;color:#a09bb4;font-size:10px;font-weight:900;border-bottom:1px solid #f0edf8;margin-bottom:3px}
.menu-logout-form{margin-top:4px;padding-top:5px;border-top:1px solid #efedf6}
.quick-menu-pop .menu-logout,.mobile-menu-pop .menu-logout{width:100%;border:0;background:transparent;display:flex;align-items:center;padding:10px 11px;border-radius:10px;color:var(--danger);font-size:12px;font-weight:800;text-align:right}
.quick-menu-pop .menu-logout:hover,.mobile-menu-pop .menu-logout:hover{background:var(--danger-bg)}
.mobile-menu{display:none}
.page-main{min-height:60vh;padding-top:27px;padding-bottom:68px}
.alert{display:flex;align-items:flex-start;gap:11px;border:1px solid #e6e1f8;border-radius:14px;padding:13px 16px;margin:0 0 20px;background:#f9f7ff;color:#504878;font-size:12px}
.alert-mark{display:grid;place-items:center;flex:0 0 23px;width:23px;height:23px;border-radius:50%;background:#e8e3ff;color:var(--accent);font-weight:900;line-height:1.2}
.alert.success{background:var(--success-bg);border-color:#c6ebd6;color:#176946}.alert.success .alert-mark{background:#c9eed8;color:#176946}
.alert.error{background:var(--danger-bg);border-color:#f4cad1;color:#a52640}.alert.error .alert-mark{background:#ffdce2;color:#a52640}
/* homepage hero */
.hero-store-v7{position:relative;display:grid;grid-template-columns:minmax(0,1.06fr) minmax(340px,.94fr);align-items:center;gap:35px;min-height:435px;padding:46px 49px 40px;border:1px solid #e9e5fa;border-radius:30px;background:linear-gradient(118deg,#fff 0%,#fff 47%,#fbfaff 70%,#f4fcfb 100%);box-shadow:0 16px 45px rgba(57,43,119,.06);overflow:hidden;isolation:isolate}
.hero-store-v7:before{content:"";position:absolute;width:420px;height:420px;top:-240px;right:-120px;border:1px solid rgba(118,102,238,.12);border-radius:50%;box-shadow:0 0 0 28px rgba(118,102,238,.025),0 0 0 65px rgba(118,102,238,.018);z-index:-1}
.hero-store-v7:after{content:"";position:absolute;left:-120px;bottom:-240px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(25,185,166,.11),transparent 70%);z-index:-1}
.hero-store-copy{position:relative;z-index:2}
.hero-pulse-label{display:inline-flex;align-items:center;gap:9px;padding:7px 12px;border:1px solid #ded8ff;background:#f7f5ff;color:#5c4bd1;border-radius:999px;font-size:11px;font-weight:900}
.hero-label-dot,.live-status i,.footer-status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#14b8a6;box-shadow:0 0 0 4px rgba(20,184,166,.12)}
.hero-store-v7 h1{margin:17px 0 12px;color:#252044;font-size:clamp(30px,3.6vw,47px);line-height:1.6;letter-spacing:-1.1px;font-weight:900}
.hero-store-v7 h1 span{display:block;color:var(--accent);font-size:.72em;letter-spacing:-.4px;line-height:1.8}
.hero-store-v7 p{max-width:540px;margin:0;color:#77738e;font-size:13px;line-height:2.35}
.hero-actions{margin-top:22px}
.btn-hero{min-height:47px;padding:12px 20px;font-size:12px}
.hero-promises{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:26px;padding-top:20px;border-top:1px solid #e9e6f5}
.promise-item{display:flex;align-items:flex-start;gap:8px;min-width:0}
.promise-icon{display:grid;place-items:center;flex:0 0 33px;width:33px;height:33px;border-radius:11px}
.promise-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.promise-purple{background:#f0edff;color:#6957e8}.promise-teal{background:#e7faf6;color:#139c8e}.promise-red{background:#fff0f3;color:#df4d66}
.promise-item b,.promise-item small{display:block}.promise-item b{font-size:10px;line-height:1.8;font-weight:900;color:#3a345d}.promise-item small{font-size:9px;line-height:1.9;color:#9792aa;margin-top:2px}
.hero-visual{min-height:345px;position:relative;display:grid;place-items:center;z-index:1}
.visual-orbit{position:absolute;border:1px solid rgba(110,92,225,.16);border-radius:50%;pointer-events:none}
.visual-orbit-one{width:330px;height:330px}.visual-orbit-two{width:270px;height:270px;border-style:dashed;border-color:rgba(18,183,165,.24);animation:orbit-rotate 34s linear infinite}
@keyframes orbit-rotate{to{transform:rotate(360deg)}}
.game-panel{position:relative;z-index:2;width:min(100%,340px);min-height:280px;padding:16px 18px;border-radius:25px;border:1px solid #ded8ff;background:linear-gradient(145deg,#fff 0%,#f5f2ff 53%,#edfaf8 100%);box-shadow:0 20px 48px rgba(76,58,165,.12),inset 0 1px 0 #fff;transform:rotate(-2deg)}
.game-panel-top{display:flex;align-items:center;gap:8px;padding-bottom:12px;border-bottom:1px solid rgba(142,129,226,.18)}
.mini-brand-mark{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:linear-gradient(135deg,#8b7cff,#5945d6);color:#fff;font-size:13px;font-weight:900}
.game-panel-name{font-size:9px;font-weight:900;letter-spacing:1.1px;direction:ltr;color:#635b8b}
.live-status{margin-inline-start:auto;display:flex;align-items:center;gap:7px;color:#7e7996;font:800 8px/1.3 Arial,sans-serif;letter-spacing:.6px;direction:ltr}
.live-status i{width:6px;height:6px;box-shadow:none}
.game-art-wrap{position:relative;display:grid;place-items:center;height:174px;overflow:hidden}
.game-art-glow{position:absolute;width:190px;height:120px;border-radius:50%;background:radial-gradient(ellipse,rgba(112,91,236,.19),rgba(24,184,166,.08) 50%,transparent 72%);filter:blur(5px)}
.game-controller{position:relative;width:92%;max-width:244px;filter:drop-shadow(0 15px 9px rgba(80,64,174,.18));animation:controller-float 5s ease-in-out infinite}
@keyframes controller-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-5px) rotate(1deg)}}
.game-panel-bottom{display:flex;align-items:center;justify-content:space-between;padding:12px 13px;border-radius:14px;background:rgba(255,255,255,.78);border:1px solid rgba(222,216,255,.75)}
.game-panel-bottom small,.game-panel-bottom b{display:block}.game-panel-bottom small{font:800 8px/1.5 Arial,sans-serif;letter-spacing:1px;color:#9d97b9;direction:ltr}.game-panel-bottom b{margin-top:4px;font-size:11px;color:#51477e}
.game-panel-arrow{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:#f0edff;color:var(--accent);font-size:17px}
.floating-product{position:absolute;z-index:3;display:flex;align-items:center;gap:9px;max-width:230px;padding:10px 12px;border:1px solid #ece8f8;border-radius:15px;background:rgba(255,255,255,.96);box-shadow:0 11px 30px rgba(55,43,113,.10);animation:float-chip 6s ease-in-out infinite}
.floating-cp{top:28px;right:-6px}.floating-stars{bottom:30px;left:-2px;animation-delay:-3s}
@keyframes float-chip{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.floating-product-icon{display:grid;place-items:center;flex:0 0 39px;width:39px;height:39px;border-radius:12px;font-weight:900;font-size:11px}
.icon-red{background:#fff0f3;color:#df435d}.icon-teal{background:#e6faf6;color:#0a9a8b;font-size:22px}
.floating-product b,.floating-product small{display:block;white-space:nowrap}.floating-product b{font-size:10px;color:#383153}.floating-product small{font-size:9px;color:#9993af;margin-top:2px}
.hero-spark{position:absolute;color:#e95169;line-height:1;animation:spark-pulse 4s ease-in-out infinite}.spark-one{top:65px;left:24px;font-size:24px}.spark-two{bottom:68px;right:23px;font-size:31px;color:#17ad9e;animation-delay:-2s}
@keyframes spark-pulse{0%,100%{opacity:.55;transform:scale(.92) rotate(0)}50%{opacity:1;transform:scale(1.12) rotate(12deg)}}
/* quick category cards */
.quick-categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:18px}
.quick-category{display:flex;align-items:center;gap:11px;min-width:0;padding:15px 14px;border:1px solid #ebe8f6;border-radius:18px;background:#fff;box-shadow:0 6px 20px rgba(52,40,101,.035);color:var(--ink);transition:transform .18s,border-color .18s,box-shadow .18s}
.quick-category:hover{color:var(--ink);border-color:#d4cdfb;box-shadow:0 12px 27px rgba(61,47,119,.085);transform:translateY(-3px)}
.quick-category-symbol{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:14px;background:#f0edff;color:#6957e8}
.quick-category-symbol svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.quick-category-game .quick-category-symbol{background:#fff0f3;color:#df4b64}.quick-category-stars .quick-category-symbol{background:#e5faf6;color:#119e90}.quick-category-number .quick-category-symbol{background:#f1efff;color:#7461e9}.quick-category-self .quick-category-symbol{background:#fff5e8;color:#d88735}
.quick-category-copy{display:block;min-width:0;flex:1}.quick-category-copy b,.quick-category-copy small{display:block}.quick-category-copy b{font-size:11px;font-weight:900;line-height:1.8;color:#373052}.quick-category-copy small{font-size:9px;color:#9690aa;line-height:1.8;margin-top:2px}
.quick-category-arrow{color:#b2acc8;font-size:17px;line-height:1;transition:transform .18s,color .18s}.quick-category:hover .quick-category-arrow{color:var(--accent);transform:translate(-2px,2px)}
/* section titles and catalog */
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:37px 0 18px}
.section-head h2,.section-head h1{margin:4px 0 3px;font-size:25px;line-height:1.6;letter-spacing:-.55px;color:#292345;font-weight:900}
.section-head p{margin:0;color:#88839e;font-size:12px;line-height:2.1}
.section-kicker,.eyebrow{display:inline-flex;align-items:center;gap:7px;color:#8177c4;font-size:10px;font-weight:900;letter-spacing:.1px}
.section-kicker:before{content:"";width:17px;height:3px;border-radius:5px;background:var(--coral)}
.catalog-v7{padding-top:5px}
.catalog-head-v7{margin-top:45px}
.catalog-count{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;background:#f8f7ff;border:1px solid #e8e3fd;border-radius:999px;color:#85809d;font-size:10px;white-space:nowrap}
.catalog-count b{color:var(--accent);font-size:12px}
.catalog-toolbar{padding:14px;border:1px solid #eeebf7;border-radius:20px;background:#fcfbff;margin-bottom:18px}
.category-row{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 13px}
.category-link{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid #e8e5f1;background:#fff;border-radius:11px;color:#77728d;font-size:10px;font-weight:800;transition:background .16s,border-color .16s,color .16s}
.category-link:hover,.category-link.active{background:#f0edff;border-color:#d6ceff;color:#5c49d3}
.category-link small{display:inline-grid;place-items:center;min-width:19px;padding:1px 5px;background:#f3f1f9;border-radius:99px;color:#8f89a6;font-size:9px}
.category-link.active small{background:#fff;color:var(--accent)}
.filters{display:flex;align-items:center;gap:9px;margin:0}
.search{display:flex;align-items:center;position:relative;flex:1;min-width:0;max-width:unset}
.search svg{position:absolute;right:15px;width:18px;height:18px;stroke:#9a94ae;stroke-width:1.8;fill:none;pointer-events:none}
.field{display:block;width:100%;min-width:0;min-height:45px;padding:11px 14px;border:1px solid #e4e0ef;border-radius:12px;background:#fff;color:#2d2649;outline:none;font-size:12px;transition:border-color .16s,box-shadow .16s,background .16s}
.field::placeholder{color:#aaa5ba}
.field:focus{border-color:#b8adff;box-shadow:0 0 0 4px rgba(105,87,232,.09);background:#fff}
.search .field{padding-right:43px}
.search-v7{max-width:unset}
.filter-reset{font-size:10px;font-weight:800;white-space:nowrap;color:#8d85ac;padding-inline:5px}
.filter-reset:hover{color:var(--danger)}
.catalog-layout-v7{display:grid;grid-template-columns:218px minmax(0,1fr);align-items:start;gap:20px}
.sidebar-v7{position:sticky;top:100px;padding:14px;background:#fff;border:1px solid #ece9f5;border-radius:17px;display:grid;gap:7px;box-shadow:0 5px 18px rgba(53,41,103,.025)}
.sidebar-heading{display:flex;align-items:center;gap:9px;padding:4px 4px 9px;border-bottom:1px solid #f0edf7;margin-bottom:3px}
.sidebar-heading h3{font-size:12px;margin:0;font-weight:900;color:#393255}
.sidebar-heading-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#f0edff;color:var(--accent);font-size:16px}
.sidebar-v7 .category-link{width:100%;justify-content:space-between;border-color:transparent;background:transparent;border-radius:10px;padding:9px 10px;color:#7e7897;font-size:10px}
.sidebar-v7 .category-link:hover,.sidebar-v7 .category-link.active{background:#f5f3ff;border-color:transparent;color:#5c49d3}
.sidebar-v7 .category-link small{background:#f2f0f8}
.category-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:#16ad9e}
.sidebar-help{margin-top:8px;padding:13px 11px 10px;border-radius:13px;background:linear-gradient(145deg,#f8f6ff,#f2fbfa);border:1px solid #e9e5fa;display:grid;grid-template-columns:28px 1fr;gap:7px 9px}
.sidebar-help-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#fff;color:var(--accent);font-weight:900;box-shadow:0 3px 10px rgba(40,32,84,.06)}
.sidebar-help b,.sidebar-help small{display:block}.sidebar-help b{font-size:10px;color:#494164}.sidebar-help small{font-size:9px;color:#9892ab;line-height:1.8}
.sidebar-help>a{grid-column:1/-1;display:block;border-top:1px solid #e6e2f4;padding-top:8px;font-size:10px;font-weight:900;color:var(--accent)}
.products-v7{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.product-card-v7{min-width:0;overflow:hidden;border:1px solid #eae7f3;border-radius:18px;background:#fff;box-shadow:0 5px 19px rgba(50,37,98,.035);transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;flex-direction:column}
.product-card-v7:hover{transform:translateY(-4px);border-color:#d4ccfa;box-shadow:0 17px 36px rgba(55,42,111,.10)}
.product-image-v7{height:auto;aspect-ratio:1.48/1;position:relative;display:grid;place-items:center;overflow:hidden;flex-shrink:0;margin:0;background:linear-gradient(135deg,#f1eeff 0%,#faf9ff 48%,#eafaf7 100%);border:0;border-radius:0}
.product-image-v7:before{content:"";position:absolute;width:190px;height:190px;border:1px solid rgba(112,91,232,.09);border-radius:50%;box-shadow:0 0 0 22px rgba(112,91,232,.025),0 0 0 46px rgba(20,184,166,.025)}
.product-image-v7 img{width:100%;height:100%;object-fit:cover;position:relative;z-index:1;transition:transform .35s ease}
.product-card-v7:hover .product-image-v7 img{transform:scale(1.035)}
.product-symbol-v7{position:relative;z-index:1;display:grid;place-items:center;width:82px;height:82px;border-radius:24px;background:linear-gradient(145deg,#fff,#f3f0ff);border:1px solid rgba(108,89,227,.17);box-shadow:0 10px 25px rgba(88,70,183,.13);color:var(--accent)}
.product-symbol-v7 svg{width:43px;height:43px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.product-card-v7:nth-child(4n+2) .product-symbol-v7{color:#0b9e90;background:linear-gradient(145deg,#fff,#e6faf6);border-color:#ccefe9}
.product-card-v7:nth-child(4n+3) .product-symbol-v7{color:#de4d66;background:linear-gradient(145deg,#fff,#fff0f3);border-color:#f7d8de}
.product-card-v7:nth-child(4n+4) .product-symbol-v7{color:#cf8435;background:linear-gradient(145deg,#fff,#fff5e8);border-color:#f8e3ca}
.product-image-gloss{position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.23) 48%,transparent 65%);pointer-events:none;z-index:2}
.product-type-chip{position:absolute;right:12px;top:12px;z-index:3;padding:5px 9px;background:rgba(255,255,255,.9);border:1px solid rgba(230,225,248,.9);border-radius:999px;font-size:9px;font-weight:800;color:#70698f;backdrop-filter:blur(8px)}
.soldout-chip{position:absolute;left:12px;top:12px;z-index:3;padding:5px 9px;background:#fff0f3;border:1px solid #f5cad2;border-radius:999px;color:#b62944;font-size:9px;font-weight:900}
.product-body-v7{display:flex;flex-direction:column;flex:1;padding:15px 15px 14px}
.product-meta-line{display:flex;align-items:center;gap:7px;font-size:9px;color:#9a94ad;min-height:16px}
.product-meta-dot{display:inline-block;width:7px;height:7px;border-radius:50%}.meta-teal{background:#17b5a4}.meta-violet{background:#8b79f2}.meta-red{background:#ef536b}
.product-body-v7 h3{margin:7px 0 5px;font-size:13px;line-height:1.9;font-weight:900;color:#30284d;overflow-wrap:anywhere}
.product-body-v7 h3 a{color:inherit}.product-body-v7 h3 a:hover{color:var(--accent)}
.product-body-v7>p{margin:0;color:#88839c;font-size:10px;line-height:2.05;min-height:42px;overflow-wrap:anywhere}
.product-card-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:9px;margin-top:auto;padding-top:13px;border-top:1px solid #f0edf7}
.price-v7{font-size:12px;font-weight:900;color:#4d3db5;line-height:1.7;overflow-wrap:anywhere}
.price-v7 small{display:block;margin-top:2px;font-size:9px;color:#9c96b1;font-weight:500}
.product-card-v7 .btn-card{flex-shrink:0}
.is-sold-out .product-image-v7 img{filter:grayscale(.6);opacity:.7}
.is-sold-out .product-body-v7{opacity:.82}
.empty-v7{padding:52px 22px;border:1px dashed #dcd6f4;border-radius:20px;background:linear-gradient(145deg,#fff,#fbfaff);text-align:center}
.empty-illustration{display:grid;place-items:center;width:72px;height:72px;margin:0 auto 14px;border-radius:22px;background:#f0edff;color:var(--accent)}
.empty-illustration svg{width:39px;height:39px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.empty-v7 h3{margin:0 0 5px;font-size:15px;font-weight:900;color:#383052}.empty-v7 p{margin:0 auto 16px;color:#8c86a2;font-size:11px}
.bottom-help-v7{display:flex;align-items:center;gap:15px;margin-top:40px;padding:20px 23px;border:1px solid #e7e2fa;border-radius:20px;background:linear-gradient(100deg,#fbfaff,#f7fffd);box-shadow:0 7px 22px rgba(55,42,111,.035)}
.bottom-help-mark{display:grid;place-items:center;flex:0 0 54px;width:54px;height:54px;border-radius:17px;background:#f0edff;color:var(--accent)}
.bottom-help-mark svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}
.bottom-help-v7>div:nth-child(2){flex:1;min-width:0}.bottom-help-v7 h2{margin:2px 0 3px;font-size:16px;line-height:1.8;color:#30284d}.bottom-help-v7 p{margin:0;color:#8b86a0;font-size:10px;line-height:2}
/* Generic pages: account, order, wallet, product, checkout, tickets and legal */
.panel{border:1px solid #eae6f5;border-radius:19px;background:#fff;box-shadow:0 6px 23px rgba(51,39,98,.04);padding:22px}
.panel h1,.panel h2,.panel h3{color:#30294b;line-height:1.8}.panel h1{font-size:22px;font-weight:900}.panel h2{font-size:18px;font-weight:900}.panel h3{font-size:14px;font-weight:900}
.muted{color:#8b86a0}.small{font-size:10px}.notice{padding:13px 15px;border:1px solid #e7e2fa;border-radius:13px;background:#faf9ff;color:#6e678a;font-size:11px;line-height:2}
.section-head .eyebrow:before{content:"";width:17px;height:3px;background:var(--coral);border-radius:5px}
.field-label{display:block;margin-bottom:7px;color:#544d70;font-size:11px;font-weight:900}
.form-row{display:grid;gap:4px;margin-bottom:16px}.form-row textarea{min-height:125px;resize:vertical}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 15px}
.auth-wrap{display:grid;place-items:center;min-height:50vh;padding:25px 0}.auth-panel{width:min(100%,520px);padding:29px}
.auth-panel h1{font-size:26px;margin:8px 0 11px}.auth-intro{color:#85809a;font-size:12px;line-height:2.2}
.auth-panel .actions .btn{flex:1}
.auth-form .btn{width:100%;margin-top:3px;min-height:47px}
.checkout-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(275px,.8fr);gap:19px;align-items:start}
.checkout-layout>.panel,.checkout-layout>section,.checkout-layout>aside{min-width:0}
.wallet-card{display:grid;gap:6px;padding:21px;border-radius:17px;background:linear-gradient(135deg,#f4f0ff 0%,#fbfaff 52%,#eafaf7 100%);border:1px solid #e3ddfa;color:#50477d}
.wallet-card small{font-size:10px;color:#8881a8}.wallet-card strong{font-size:26px;line-height:1.6;color:#4e3bc6;overflow-wrap:anywhere}
.wallet-card .btn{justify-self:start;margin-top:8px}
.summary-line{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #f0edf7;font-size:11px;color:#827d98}.summary-line b{color:#40385c;text-align:left;overflow-wrap:anywhere}.summary-line.total{border-bottom:0;margin-top:5px;padding-top:14px;color:#51456f;font-weight:900}.summary-line.total b{font-size:15px;color:var(--accent)}
.table-wrap{width:100%;overflow-x:auto;border:1px solid #eeebf6;border-radius:13px}
.table{width:100%;border-collapse:separate;border-spacing:0;min-width:520px;background:#fff;font-size:11px}
.table th{background:#f8f7fc;color:#706a88;font-size:10px;font-weight:900;white-space:nowrap}
.table th,.table td{padding:12px 13px;border-bottom:1px solid #efedf6;text-align:right;vertical-align:middle}
.table tbody tr:last-child td{border-bottom:0}.table tbody tr:hover{background:#fcfbff}.table td{color:#625c79}.table .btn{white-space:nowrap}
.ticket-list-panel,.ticket-content-panel,.ticket-form,.ticket-controls,.ticket-detail-head,.ticket-page-head,.ticket-empty,.ticket-list-item{border-color:#ebe7f5}
.ticket-message{border:1px solid #ebe7f5;border-radius:15px;background:#fff}.ticket-message-body{color:#5e5876}.ticket-message-top{color:#88829c}
.ticket-list-item:hover,.ticket-list-item.active{background:#f7f5ff;border-color:#dcd5ff}
.empty{border:1px dashed #ded8f1;border-radius:18px;background:#fcfbff;padding:30px;text-align:center;color:#88829e}
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:36px 0}.feature{display:flex;align-items:flex-start;gap:11px;padding:17px;border:1px solid #eae7f5;border-radius:16px;background:#fff}.feature-icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:12px;background:#f0edff;color:var(--accent)}.feature-icon svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.feature b{font-size:11px;color:#393252}.feature p{margin:3px 0 0;font-size:10px;color:#8e88a2;line-height:2}
/* Footer */
.footer{margin-top:0;border-top:1px solid #eae7f3;background:linear-gradient(180deg,#fff 0%,#fcfbff 100%)}
.footer-main{padding-top:33px;padding-bottom:18px}
.footer-grid{display:grid;grid-template-columns:1.35fr .85fr .85fr 1fr;gap:28px;padding-bottom:28px}
.footer-brand{display:inline-flex;align-items:center;gap:10px;color:#322a50;font-size:15px;font-weight:900}
.footer-brand:hover{color:var(--accent)}.footer-brand .brand-mark{width:37px;height:37px;border-radius:12px;font-size:17px}
.footer-brand-block p,.footer-support-block p{max-width:300px;margin:12px 0;color:#88839d;font-size:10px;line-height:2.3}
.footer-contact-note{display:flex;align-items:flex-start;gap:9px;max-width:300px;color:#8d87a2;font-size:9px;line-height:2}
.footer-status-dot{flex:0 0 7px;width:7px;height:7px;margin-top:7px;box-shadow:none}
.footer-link-block>b,.footer-support-block>b{display:block;margin:4px 0 12px;color:#494263;font-size:11px;font-weight:900}
.footer-links{display:grid;gap:7px}.footer-links a{color:#85809b;font-size:10px}.footer-links a:hover{color:var(--accent);transform:translateX(-2px)}
.footer-bots{display:grid;gap:7px;margin-top:12px}.footer-bots a{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:9px 10px;border:1px solid #ebe7f6;border-radius:11px;background:#fff;color:#85809c}.footer-bots a:hover{border-color:#d8d0fb;color:var(--accent)}.footer-bots span{font-size:9px}.footer-bots b{font:700 10px ui-monospace,monospace;color:#5c528d;direction:ltr}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:15px;border-top:1px solid #eeebf5}
.footer-copyright{display:flex;align-items:center;gap:9px;color:#9a95ac;font-size:9px}.footer-copyright-mark{display:grid;place-items:center;width:23px;height:23px;border-radius:8px;background:#f0edff;color:var(--accent);font-size:11px;font-weight:900}
.footer-trust{display:flex;align-items:center;gap:10px;color:#918ca3;font-size:9px}.footer-trust img{width:48px;height:48px;object-fit:contain}
/* Admin: preserve the established workflow, only improve the presentation */
.admin-shell{background:#fbfaff}.admin-site-header{position:sticky}.admin-site-header .nav{min-height:72px}.admin-header-actions{display:flex;align-items:center;gap:12px}.admin-secure-label{display:inline-flex;align-items:center;gap:8px;color:#817b98;font-size:10px;font-weight:800}.secure-dot{width:7px;height:7px;border-radius:50%;background:#15b59f;box-shadow:0 0 0 4px #e2f8f3}.admin-page-main{padding-top:23px}.admin-nav{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:22px}.admin-nav a{border:1px solid #e8e4f3;border-radius:11px;padding:8px 12px;background:#fff;color:#706a89;font-size:10px;font-weight:800}.admin-nav a:hover,.admin-nav a.active{background:#f0edff;color:#5b48d0;border-color:#d9d1ff}.admin-footer{padding:18px 0;border-top:1px solid #e8e4f3;background:#fff;color:#8a84a0;font-size:10px}.admin-footer-inner{display:flex;justify-content:space-between;gap:12px}.admin-shell .panel{margin-bottom:17px}.admin-shell .table th{position:sticky;top:78px}
/* responsive */
@media(max-width:1100px){
 .container{width:min(100% - 34px,1220px)}
 .nav{gap:16px}.main-nav{gap:1px}.main-nav a{padding:9px 10px;font-size:11px}
 .hero-store-v7{gap:20px;padding:36px 32px;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr)}
 .hero-promises{gap:7px}.promise-item{gap:6px}.promise-item small{font-size:8px}
 .quick-categories{grid-template-columns:repeat(2,minmax(0,1fr))}.products-v7{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:1.2fr 1fr 1fr;gap:22px}.footer-support-block{grid-column:1/-1;max-width:470px}.footer-bots{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:780px){
 .container{width:calc(100% - 28px)}
 .nav{min-height:68px;gap:10px}.brand-mark{width:39px;height:39px;border-radius:13px}.brand-copy b,.brand b{font-size:13px}.brand-copy small,.brand small{font-size:9px}
 .main-nav{display:none}.nav-actions{gap:7px}.nav-actions .wallet-nav{display:none}.account-shortcut{min-height:35px;padding:7px 10px;font-size:10px}.quick-menu{display:none}.mobile-menu{display:block}.mobile-menu summary{width:37px;height:37px}.mobile-menu-pop{left:0;right:auto;width:min(280px,calc(100vw - 28px));}
 .page-main{padding-top:18px;padding-bottom:45px}
 .hero-store-v7{grid-template-columns:1fr;gap:8px;padding:29px 22px 22px;border-radius:23px;min-height:unset}.hero-store-v7 h1{font-size:clamp(29px,7.3vw,39px);letter-spacing:-.8px}.hero-store-v7 h1 span{font-size:.73em}.hero-store-v7 p{font-size:12px}.hero-visual{min-height:305px;margin-top:4px}.game-panel{width:min(80%,320px);min-height:250px}.game-panel-top{padding-bottom:9px}.game-art-wrap{height:148px}.visual-orbit-one{width:280px;height:280px}.visual-orbit-two{width:230px;height:230px}.floating-cp{top:20px;right:-1px}.floating-stars{bottom:17px;left:-1px}.floating-product{padding:8px 10px;max-width:210px}.floating-product-icon{width:34px;height:34px;flex-basis:34px}.floating-product b{font-size:9px}.floating-product small{font-size:8px}.hero-promises{gap:10px;margin-top:20px;padding-top:15px}.promise-item{display:grid;grid-template-columns:28px minmax(0,1fr);gap:6px}.promise-icon{width:28px;height:28px;flex-basis:28px;border-radius:9px}.promise-icon svg{width:16px;height:16px}.promise-item b{font-size:9px}.promise-item small{font-size:8px;line-height:1.6}
 .quick-categories{gap:9px;margin-top:13px}.quick-category{padding:12px 10px;gap:8px;border-radius:15px}.quick-category-symbol{width:36px;height:36px;flex-basis:36px;border-radius:11px}.quick-category-symbol svg{width:22px;height:22px}.quick-category-copy b{font-size:10px}.quick-category-copy small{font-size:8px}.quick-category-arrow{display:none}
 .section-head{margin:30px 0 14px;align-items:flex-start}.section-head h2,.section-head h1{font-size:21px}.section-head p{font-size:11px}.catalog-head-v7{margin-top:34px}.catalog-toolbar{padding:11px;border-radius:16px}.catalog-layout-v7{grid-template-columns:1fr;gap:13px}.sidebar-v7{position:static;display:flex;align-items:center;gap:6px;overflow-x:auto;white-space:nowrap;padding:8px;scrollbar-width:thin}.sidebar-heading{flex:0 0 auto;padding:0 5px;border:0;margin:0}.sidebar-heading h3{font-size:10px}.sidebar-heading-icon{width:25px;height:25px;flex:0 0 25px}.sidebar-v7>.category-link{width:auto;flex:0 0 auto;padding:7px 9px}.sidebar-v7 .sidebar-help{display:none}.filters-v7{flex-wrap:wrap}.filters-v7 .search{flex-basis:100%}.filters-v7>.btn{flex:0 0 auto}.filter-reset{align-self:center}
 .product-image-v7{aspect-ratio:1.35/1}.product-body-v7{padding:12px}.product-body-v7 h3{font-size:12px}.product-body-v7>p{font-size:9px;min-height:39px}.product-card-bottom{gap:6px}.price-v7{font-size:10px}.price-v7 small{font-size:8px}.product-card-v7 .btn-card{padding:7px 9px;font-size:9px;min-height:34px}.product-type-chip{right:8px;top:8px;padding:4px 7px;font-size:8px}.soldout-chip{top:8px;left:8px;padding:4px 7px;font-size:8px}
 .bottom-help-v7{margin-top:28px;padding:15px;gap:11px;flex-wrap:wrap}.bottom-help-mark{width:43px;height:43px;flex-basis:43px;border-radius:14px}.bottom-help-mark svg{width:26px;height:26px}.bottom-help-v7>div:nth-child(2){flex:1}.bottom-help-v7 h2{font-size:13px}.bottom-help-v7 p{font-size:9px}.bottom-help-v7>.btn{width:100%}
 .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 17px}.footer-brand-block{grid-column:1/-1}.footer-support-block{grid-column:auto}.footer-link-block>b,.footer-support-block>b{margin-bottom:8px}.footer-bots{grid-template-columns:1fr}.footer-bottom{align-items:flex-start}.footer-trust{gap:6px}.footer-trust>span{max-width:105px}
 .checkout-layout{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr;gap:10px;margin:25px 0}.panel{padding:17px;border-radius:16px}.auth-panel{padding:22px}
}
@media(max-width:420px){
 .container{width:calc(100% - 22px)}.brand{gap:8px}.brand-mark{width:35px;height:35px;font-size:18px}.account-shortcut{padding:7px 8px;font-size:9px}.mobile-menu summary{width:34px;height:34px}
 .hero-store-v7{padding:24px 16px 17px}.hero-store-v7 h1{font-size:27px}.hero-store-v7 h1 span{font-size:.75em}.hero-visual{min-height:270px}.game-panel{width:82%;padding:12px;border-radius:20px}.game-art-wrap{height:131px}.game-panel-bottom{padding:9px}.floating-product{max-width:175px;gap:7px}.floating-cp{right:-5px}.floating-stars{left:-4px}.floating-product-icon{width:31px;height:31px;flex-basis:31px}.floating-product b{font-size:8px}.floating-product small{font-size:7px}.hero-promises{grid-template-columns:1fr;gap:9px}.promise-item{display:flex;align-items:center}.promise-item small{font-size:8px}.quick-categories{gap:7px}.quick-category{padding:10px 8px;align-items:flex-start}.quick-category-symbol{width:31px;height:31px;flex-basis:31px;border-radius:9px}.quick-category-symbol svg{width:19px;height:19px}.quick-category-copy b{font-size:9px}.quick-category-copy small{font-size:7px;line-height:1.7}
 .products-v7{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.product-image-v7{aspect-ratio:1/0.9}.product-body-v7{padding:10px}.product-body-v7 h3{font-size:10px;line-height:1.8}.product-body-v7>p{font-size:8px;line-height:1.9;min-height:32px}.product-card-bottom{flex-direction:column;align-items:stretch}.product-card-v7 .btn-card{width:100%;justify-content:center}.price-v7{font-size:10px}.section-head h2,.section-head h1{font-size:19px}.catalog-count{font-size:9px;padding:6px 8px}.footer-grid{grid-template-columns:1fr}.footer-brand-block,.footer-support-block{grid-column:auto}.footer-bottom{flex-direction:column;gap:10px}.footer-trust{align-self:flex-end}
 .table{min-width:480px}.form-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* product detail and payment state details */
.product-page-head{align-items:center}
.product-detail-layout{grid-template-columns:minmax(0,1.15fr) minmax(290px,.85fr)}
.product-detail-panel{padding:16px}
.product-detail-image{position:relative;display:grid;place-items:center;min-height:290px;max-height:430px;overflow:hidden;border:1px solid #e8e3fa;border-radius:17px;background:linear-gradient(135deg,#f0edff 0%,#faf9ff 55%,#e8faf6 100%)}
.product-detail-image:before{content:"";position:absolute;width:280px;height:280px;border:1px solid rgba(105,87,232,.12);border-radius:50%;box-shadow:0 0 0 32px rgba(105,87,232,.035),0 0 0 65px rgba(22,173,158,.025)}
.product-detail-image img{position:relative;z-index:1;width:100%;height:100%;max-height:430px;object-fit:contain}
.product-detail-placeholder{position:relative;z-index:1;display:grid;place-items:center;width:116px;height:116px;border-radius:34px;background:linear-gradient(145deg,#fff,#f1eeff);border:1px solid #ded7fd;box-shadow:0 15px 34px rgba(84,66,181,.12);color:var(--accent);font-size:48px;font-weight:900}
.product-detail-chip{position:absolute;z-index:2;right:13px;top:13px;padding:6px 10px;border:1px solid #e5e0f6;border-radius:999px;background:rgba(255,255,255,.91);color:#766e99;font-size:10px;font-weight:900}
.product-detail-description{padding:19px 5px 9px}.product-detail-description h2{margin:0 0 8px;font-size:15px;color:#373051}.product-detail-description p{margin:0;color:#79748f;font-size:12px;line-height:2.35;white-space:pre-line;overflow-wrap:anywhere}
.product-order-note{margin-top:8px}.product-order-note b{color:#4a4077}
.product-purchase-panel{position:sticky;top:98px}
.purchase-label{display:block;color:#928ba8;font-size:10px;font-weight:800}
.purchase-price{display:block;margin-top:3px;color:#4f3ac9;font-size:26px;line-height:1.8;font-weight:900;overflow-wrap:anywhere}
.stock-indicator{display:flex;align-items:center;gap:8px;margin:9px 0 18px;font-size:10px;font-weight:800}
.stock-indicator>span{width:7px;height:7px;border-radius:50%}.stock-ready{color:#148260}.stock-ready>span{background:#16b68c}.stock-empty{color:#c04459}.stock-empty>span{background:#e95169}
.product-buy-form{margin-top:13px}.product-buy-form .btn{width:100%;min-height:47px;margin-top:6px}
.product-purchase-panel>.btn{width:100%;margin-top:9px}
.purchase-assurance{display:flex;align-items:flex-start;gap:9px;margin-top:18px;padding-top:14px;border-top:1px solid #efedf7}
.purchase-assurance>span{display:grid;place-items:center;width:22px;height:22px;flex:0 0 22px;border-radius:7px;background:#e8f9f3;color:#139477;font-size:12px;font-weight:900}
.purchase-assurance p{margin:0;color:#928ba5;font-size:10px;line-height:2}
.back-to-products{display:block;text-align:center;margin-top:14px;font-size:11px;font-weight:900}
.badge{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border:1px solid #e8e4f4;border-radius:999px;background:#f8f7fc;color:#78728e;font-size:10px;font-weight:800;line-height:1.5}
.badge.green{background:#e9f8f0;border-color:#c7ebd6;color:#18704b}.badge.gold{background:#fff6e7;border-color:#f2e0bd;color:#906117}.badge.red{background:#fff0f3;border-color:#f3c8d0;color:#b72f48}
.payment-result-panel{max-width:760px;margin:25px auto;padding:26px;border:1px solid #e8e3f7;border-radius:20px;background:#fff;box-shadow:var(--shadow);text-align:center}
.diagnostic-list{display:grid;gap:9px}.diagnostic-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:12px 14px;border:1px solid #ebe7f5;border-radius:13px;background:#fff}.diagnostic-row b{color:#484064;font-size:11px}.diagnostic-status{font-size:10px;font-weight:900}.diagnostic-status.success{color:#16815c}.diagnostic-status.error{color:#ba2e49}
@media(max-width:780px){.product-detail-layout{grid-template-columns:1fr}.product-purchase-panel{position:static}.product-detail-image{min-height:230px;max-height:330px}.product-page-head{align-items:flex-start}.product-page-head>.btn{font-size:9px;padding:8px 10px;min-height:34px}.admin-header-actions{gap:7px}.admin-secure-label{font-size:9px}}
@media(max-width:440px){.product-page-head{display:block}.product-page-head>.btn{margin-top:10px}.product-detail-image{min-height:200px}.product-detail-placeholder{width:90px;height:90px;border-radius:27px;font-size:38px}.purchase-price{font-size:22px}.admin-header-actions .btn{font-size:9px;padding:7px 9px}}