@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#030b17;--panel:#071426;--panel2:#0a1a2d;--line:#173451;--blue:#168cff;--blue2:#42b7ff;--text:#eaf5ff;--muted:#8195aa;--green:#31e981;--red:#ff4f65;}
*{box-sizing:border-box}html,body{margin:0;background:radial-gradient(circle at 50% -10%,#0c3157 0,#030b17 40%,#020812 100%);color:var(--text);font-family:Inter,Arial,sans-serif;min-height:100%}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{width:min(1180px,calc(100% - 32px));margin:auto}.topbar{height:66px;border-bottom:1px solid var(--line);background:rgba(3,11,23,.9);backdrop-filter:blur(14px);position:sticky;top:0;z-index:20}.nav{height:100%;display:flex;align-items:center;gap:28px}.logo{font-weight:800;font-size:20px;letter-spacing:-1px;color:#fff;display:flex;align-items:center;gap:8px}.logo-mark{width:34px;height:34px;border:2px solid var(--blue2);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);display:grid;place-items:center;color:var(--blue2)}.logo small{display:block;color:#4db7ff;font-size:7px;letter-spacing:2px}.navlinks{display:flex;gap:22px;margin-left:auto;font-size:12px;color:#a9bbcb}.navlinks a:hover,.navlinks a.active{color:#fff}.navicons{display:flex;gap:14px;color:#bdd1e4}.hero{padding:34px 0 20px}.hero-card{min-height:360px;border:1px solid #16446c;border-radius:14px;overflow:hidden;position:relative;background:linear-gradient(110deg,#071528 0,#08284c 48%,#061223 100%);box-shadow:0 20px 70px #0008}.hero-card:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 20%,#168cff18 50%,transparent 70%),radial-gradient(circle at 72% 50%,#168cff28,transparent 28%)}.hero-content{position:relative;padding:58px 48px;max-width:620px}.eyebrow{color:#45b7ff;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase}.hero h1{font-size:46px;line-height:1.03;margin:12px 0}.hero p{color:#9db1c4;max-width:510px;line-height:1.7}.hero-pc{position:absolute;right:5%;top:40px;width:350px;height:280px;border:1px solid #2b91d6;border-radius:18px;background:linear-gradient(145deg,#0b2947,#020914);box-shadow:0 0 70px #008cff44;display:flex;align-items:center;justify-content:center}.pc-case{width:190px;height:225px;border:3px solid #3ab1ff;border-radius:9px;background:linear-gradient(135deg,#07111d,#102a43);box-shadow:0 0 30px #168cff66;position:relative}.fan{width:55px;height:55px;border-radius:50%;border:5px solid #1e9dff;box-shadow:0 0 20px #168cff;position:absolute;right:15px}.f1{top:18px}.f2{top:84px}.f3{top:150px}.btn{border:1px solid #1b91ff;background:#087cf0;color:#fff;border-radius:7px;padding:11px 18px;font-size:12px;font-weight:700;display:inline-block}.btn.ghost{background:#081a2d;border-color:#285071}.section{padding:22px 0}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.section h2{font-size:20px;margin:0}.muted{color:var(--muted);font-size:12px}.cats{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}.cat{padding:15px 8px;border:1px solid var(--line);background:#061322;border-radius:9px;text-align:center;color:#a9bfd2;font-size:11px}.cat:hover{border-color:#218ee2;color:#fff;background:#0a1c31}.cat .icon{font-size:22px;display:block;margin-bottom:7px}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.card{border:1px solid var(--line);background:linear-gradient(180deg,#071628,#05101d);border-radius:10px;overflow:hidden;position:relative}.card:hover{border-color:#1e7cc2}.pimg{height:180px;display:grid;place-items:center;background:radial-gradient(circle,#123c63 0,#061322 65%)}.pimg .gpu{width:145px;height:82px;border:2px solid #3aaeff;border-radius:8px;transform:skewY(-7deg);box-shadow:0 0 35px #168cff44;position:relative;background:linear-gradient(145deg,#182c3e,#050a11)}.pimg .gpu:after{content:"RYO";position:absolute;right:12px;top:29px;color:#59baff;font-weight:800}.badge{position:absolute;left:10px;top:10px;padding:4px 7px;border-radius:4px;background:#078aff;color:#fff;font-size:9px;font-weight:700}.badge.red{background:#e84141}.card-body{padding:12px}.card h3{font-size:13px;margin:3px 0 8px}.spec{font-size:10px;color:#7890a5}.price{font-size:15px;font-weight:800;color:#44b8ff;margin-top:10px}.old{font-size:10px;color:#6d7d8c;text-decoration:line-through;margin-left:5px}.card-actions{display:flex;gap:7px;margin-top:12px}.mini{flex:1;padding:8px;border-radius:6px;border:1px solid #21415e;background:#081a2b;color:#d8e8f6;font-size:10px}.mini.primary{background:#087ff2;border-color:#087ff2}.page-title{padding:28px 0 18px}.page-title h1{margin:0 0 7px;font-size:30px}.layout{display:grid;grid-template-columns:220px 1fr;gap:18px}.sidebar{border:1px solid var(--line);border-radius:10px;background:#061322;padding:14px;height:max-content}.sidebar h4{margin:4px 0 12px}.side-link{display:block;padding:9px;border-radius:6px;color:#90a6ba;font-size:12px}.side-link:hover,.side-link.active{background:#0c2742;color:#fff}.toolbar{display:flex;gap:9px;margin-bottom:13px}.search{flex:1;background:#061525;border:1px solid var(--line);color:#fff;padding:10px 12px;border-radius:6px;outline:none}.select{background:#061525;border:1px solid var(--line);color:#b9cce0;border-radius:6px;padding:9px}.detail{display:grid;grid-template-columns:1fr 1fr;gap:20px}.gallery{border:1px solid var(--line);border-radius:10px;background:#061322;padding:14px}.main-img{height:390px;display:grid;place-items:center;background:radial-gradient(circle,#123d65,#05101b 68%);border-radius:7px}.big-gpu{width:310px;height:175px;border:3px solid #43b4ff;border-radius:12px;background:linear-gradient(145deg,#1a334a,#05090f);transform:skewY(-6deg);box-shadow:0 0 60px #168cff55;position:relative}.big-gpu:after{content:"RTX 5090";position:absolute;right:25px;top:70px;font-weight:800;color:#61c2ff;font-size:20px}.thumbs{display:flex;gap:8px;margin-top:10px}.thumb{width:62px;height:55px;border:1px solid var(--line);border-radius:6px;background:#08192a}.info h1{font-size:27px;margin:0 0 10px}.stars{color:#ffd33d;font-size:15px}.stock{color:var(--green);font-size:11px;margin-left:8px}.detail-price{font-size:28px;font-weight:800;margin:18px 0;color:#fff}.detail-price span{font-size:12px;color:#6f8295;text-decoration:line-through;margin-left:8px}.qty{display:flex;align-items:center;gap:0;margin:15px 0}.qty button{width:36px;height:38px;background:#0b2136;border:1px solid var(--line);color:#fff}.qty span{width:45px;height:38px;display:grid;place-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.tabs{display:flex;gap:0;border-bottom:1px solid var(--line);margin-top:24px}.tab{padding:12px 18px;color:#8095a8;font-size:12px;border-bottom:2px solid transparent}.tab.active{color:#fff;border-color:#168cff}.tabcontent{padding:16px 0;color:#9db0c1;font-size:12px;line-height:1.7}.specs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.specbox{border:1px solid var(--line);padding:10px;border-radius:6px;background:#061322}.cart-table{width:100%;border-collapse:collapse}.cart-table th,.cart-table td{padding:12px;border-bottom:1px solid var(--line);text-align:left;font-size:12px}.summary{border:1px solid var(--line);border-radius:9px;padding:16px;background:#061322}.checkout{display:grid;grid-template-columns:1.3fr .7fr;gap:18px}.formbox{border:1px solid var(--line);border-radius:9px;padding:18px;background:#061322}.field{margin-bottom:12px}.field label{display:block;font-size:10px;color:#8297aa;margin-bottom:6px}.field input,.field textarea,.field select{width:100%;background:#07192b;border:1px solid var(--line);color:#fff;padding:10px;border-radius:6px;outline:none}.builder{display:grid;grid-template-columns:1fr 300px;gap:18px}.parts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.part{border:1px solid var(--line);padding:12px;border-radius:8px;background:#061322}.part.selected{border-color:#168cff;box-shadow:0 0 20px #168cff18}.dashboard{display:grid;grid-template-columns:190px 1fr;gap:16px}.adminnav{border:1px solid var(--line);background:#061322;border-radius:9px;padding:10px}.statgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.stat{border:1px solid var(--line);background:#061322;border-radius:8px;padding:14px}.stat b{font-size:20px}.table{margin-top:14px;border:1px solid var(--line);border-radius:9px;overflow:hidden}.row{display:grid;grid-template-columns:1.5fr 1fr .7fr .7fr;gap:10px;padding:12px;border-bottom:1px solid var(--line);font-size:11px;color:#a8bac9}.row.head{color:#fff;background:#0a1b2e}.footer{margin-top:45px;border-top:1px solid var(--line);padding:28px 0;color:#71869a;font-size:11px}.mobile-menu{display:none}@media(max-width:850px){.navlinks{display:none}.mobile-menu{display:block;margin-left:auto}.hero-pc{opacity:.3;right:-90px}.hero h1{font-size:35px}.cats{grid-template-columns:repeat(4,1fr)}.products{grid-template-columns:repeat(2,1fr)}.layout,.detail,.checkout,.builder,.dashboard{grid-template-columns:1fr}.sidebar{display:none}.parts{grid-template-columns:repeat(2,1fr)}.statgrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.container{width:min(100% - 20px,1180px)}.hero-content{padding:35px 22px}.hero-card{min-height:410px}.products{grid-template-columns:1fr 1fr}.pimg{height:135px}.cats{gap:6px}.cat{padding:11px 4px;font-size:9px}.nav{gap:10px}.logo{font-size:16px}.navicons{gap:8px}.detail-price{font-size:24px}.main-img{height:290px}.big-gpu{width:230px;height:130px}.specs{grid-template-columns:1fr}.parts{grid-template-columns:1fr}.row{grid-template-columns:1.3fr .8fr .6fr}}
.category-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.category-tabs .mini{cursor:pointer}select{background:#101827;color:#fff;border:1px solid #27354d;padding:8px;border-radius:8px}small{opacity:.65}
.navicons a{color:inherit;text-decoration:none;font-size:20px;margin-left:12px}.nav-count{font-size:12px}.heart{position:absolute;right:12px;top:12px;z-index:3;border:0;background:rgba(0,0,0,.55);color:#fff;border-radius:50%;width:36px;height:36px;font-size:22px;cursor:pointer}.heart.liked{color:#ff4b65}.card{position:relative}.pimg img,.main-img img{width:100%;height:100%;object-fit:cover;border-radius:12px}.pimg{overflow:hidden}.thumb{width:70px;height:70px;object-fit:cover;border-radius:8px}.cart-item{display:grid;grid-template-columns:90px 1fr auto auto;gap:18px;align-items:center;padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:14px;margin-bottom:12px}.cart-item img{width:90px;height:70px;object-fit:cover;border-radius:8px}.review-form{display:grid;gap:10px;margin-bottom:18px}.review-form input,.review-form select,.review-form textarea{background:#0d1624;color:#fff;border:1px solid #24354c;border-radius:8px;padding:11px}.review{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08)}.tab{background:none;border:0;color:inherit;cursor:pointer;padding:10px 16px}.mobile-menu{background:none;border:0;color:#fff;font-size:25px;cursor:pointer}.navlinks.open{display:flex}.category-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.empty{padding:40px;text-align:center}.main-img{min-height:430px}.main-img img{height:430px}@media(max-width:760px){.navlinks{display:none;position:absolute;left:0;right:0;top:70px;background:#08111d;padding:18px;flex-direction:column;z-index:10}.navicons{display:none}.cart-item{grid-template-columns:70px 1fr}.cart-item .qty,.cart-item .mini{grid-column:2}.cart-item img{width:70px;height:60px}.main-img,.main-img img{height:300px;min-height:300px}}

/* ===== RYO TECH HOME — reference style ===== */
.home-page{background:#020814 radial-gradient(circle at 50% -15%,#0a3561 0,#031020 35%,#020711 78%);overflow-x:hidden}
.home-page .topbar{height:74px;background:rgba(2,8,18,.94);border-bottom:1px solid #113457;box-shadow:0 8px 28px rgba(0,0,0,.3)}
.home-page .nav{max-width:1180px;position:relative}
.home-page .logo{font-size:20px;min-width:245px}.home-page .logo-mark{width:38px;height:38px;background:linear-gradient(135deg,#0b8cff22,#021b34);box-shadow:0 0 15px #168cff55}
.home-page .navlinks{gap:32px}.home-page .navlinks a{font-size:12px;color:#c2d2e2}.home-page .navlinks a.active{color:#4bb5ff;text-shadow:0 0 12px #168cff}
.home-page .navicons{gap:18px}.home-page .navicons a{font-size:23px;color:#d8e9f8}.home-page .mobile-menu{display:none}
.home-main{padding-bottom:38px}
.home-hero{padding-top:18px}
.home-hero-card{height:478px;min-height:478px;border-radius:5px;border:1px solid #17466f;background:linear-gradient(115deg,#061426 0%,#071b34 46%,#03101e 100%);box-shadow:0 0 45px rgba(0,98,190,.12),inset 0 0 80px rgba(0,91,177,.08)}
.hero-grid-glow{position:absolute;inset:0;background-image:linear-gradient(rgba(22,128,221,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(22,128,221,.07) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,#000 0,#000 58%,transparent 100%);opacity:.55}
.home-hero-card:after{content:"";position:absolute;right:0;top:0;width:62%;height:100%;background:radial-gradient(circle at 55% 52%,rgba(0,126,255,.26),transparent 34%),linear-gradient(120deg,transparent 15%,rgba(0,129,255,.08),transparent 70%);pointer-events:none}
.home-hero .hero-content{z-index:3;padding:66px 34px 50px 38px;max-width:57%}
.hero-brand{font-size:49px;line-height:.95;font-weight:900;letter-spacing:-3px;color:#f4f8ff;text-shadow:0 0 22px rgba(93,181,255,.18)}
.hero-brand span{color:#168cff}.hero-slogan{font-size:12px;letter-spacing:7px;margin-top:9px;color:#d5e2ee;font-weight:700}
.home-hero h1{font-size:29px;line-height:1.15;margin:29px 0 12px;font-weight:800}.home-hero p{font-size:13px;line-height:1.75;color:#a8bdd0;max-width:520px}
.hero-actions{display:flex;gap:14px;margin-top:26px}.hero-primary,.hero-secondary{padding:14px 27px;border-radius:5px;font-size:12px}.hero-primary{box-shadow:0 0 24px rgba(0,132,255,.3)}.hero-secondary{background:#071728;border-color:#3975a9}.hero-secondary span{margin-left:15px;color:#53baff}
.hero-machine{position:absolute;z-index:2;right:2.5%;top:25px;width:52%;height:425px;display:flex;align-items:center;justify-content:center}.hero-machine-bg{position:absolute;width:430px;height:360px;border-radius:50%;background:radial-gradient(circle,#087cf04d,transparent 68%);filter:blur(6px)}
.hero-machine img{width:100%;height:100%;object-fit:contain;mix-blend-mode:screen;filter:saturate(1.18) contrast(1.08) drop-shadow(0 20px 28px rgba(0,0,0,.65));border-radius:12px}
.hero-spec-badge{position:absolute;right:1%;top:86px;border:2px solid #7cb53e;background:#182a0b;color:#d7ff8d;padding:8px 11px;min-width:112px;box-shadow:0 0 18px #78b83d44}.hero-spec-badge b{display:block;font-size:17px}.hero-spec-badge small{font-size:8px;letter-spacing:1px;color:#a9c681}
.home-categories{padding-top:17px}.category-strip{display:grid;grid-template-columns:repeat(8,1fr);gap:11px}.home-cat{height:126px;border:1px solid #1a466c;background:linear-gradient(180deg,#07192c,#061323);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;color:#d9e8f4;font-size:11px;box-shadow:inset 0 1px 0 rgba(255,255,255,.02);transition:.2s}.home-cat:hover{transform:translateY(-2px);border-color:#168cff;box-shadow:0 0 22px rgba(0,125,255,.16);color:#fff}.cat-art{font-size:38px;line-height:1;filter:drop-shadow(0 0 8px rgba(28,149,255,.5));font-family:Arial,sans-serif}
.home-products{padding-top:29px}.home-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.home-section-head h2{font-size:27px;margin:0;font-weight:800}.home-section-head a{font-size:12px;color:#b8cadb}.home-section-head a span{color:#4ab6ff;font-size:18px;margin-left:4px}
.home-product-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.home-product-grid .card{border-radius:8px;background:linear-gradient(180deg,#07182a,#04101c);border-color:#1a456a}.home-product-grid .pimg{height:185px;background:radial-gradient(circle at 50% 45%,#0c3154,#061221 70%)}.home-product-grid .card-body{padding:12px 12px 13px}.home-product-grid .card h3{font-size:12px;line-height:1.35;min-height:32px}.home-product-grid .spec{font-size:9px}.home-product-grid .price{font-size:15px;margin-top:13px;color:#2ca9ff}.home-product-grid .card-actions{display:none}.home-product-grid .heart{background:#061221cc;width:31px;height:31px;font-size:19px}.home-product-grid .badge{top:10px;left:10px}
.home-page .footer{margin-top:10px}
@media(max-width:950px){.home-page .logo{min-width:auto}.home-page .navlinks{gap:15px}.home-hero-card{height:520px}.home-hero .hero-content{max-width:62%;padding-left:28px}.hero-machine{width:48%;right:-4%;opacity:.92}.category-strip{grid-template-columns:repeat(4,1fr)}.home-product-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.home-page .mobile-menu{display:block}.home-page .navlinks{display:none}.home-page .navlinks.open{display:flex}.home-page .navicons{display:none}.home-page .topbar{height:68px}.home-hero{padding-top:10px}.home-hero-card{height:570px;min-height:570px}.home-hero .hero-content{max-width:100%;padding:38px 22px}.hero-brand{font-size:40px}.hero-slogan{font-size:9px;letter-spacing:5px}.home-hero h1{font-size:27px;margin-top:23px}.home-hero p{font-size:11px;max-width:400px}.hero-machine{width:90%;height:270px;right:5%;top:auto;bottom:5px;opacity:.9}.hero-spec-badge{right:4%;top:25px;transform:scale(.85)}.desktop-only{display:none}.category-strip{grid-template-columns:repeat(4,1fr);gap:7px}.home-cat{height:105px;font-size:9px}.cat-art{font-size:29px}.home-product-grid{grid-template-columns:repeat(2,1fr);gap:8px}.home-product-grid .pimg{height:145px}.home-section-head h2{font-size:21px}.home-section-head a{font-size:10px}}
@media(max-width:430px){.home-hero-card{height:545px;min-height:545px}.hero-brand{font-size:35px}.home-hero h1{font-size:24px}.hero-actions{gap:8px}.hero-primary,.hero-secondary{padding:12px 15px}.hero-machine{height:230px}.category-strip{grid-template-columns:repeat(4,1fr)}.home-cat{height:91px}.cat-art{font-size:25px}.home-product-grid .pimg{height:125px}.home-product-grid .card h3{font-size:10px}}

/* ===== REALISTIC CATEGORY ICONS + CHECKOUT ===== */
.cat-art{width:64px;height:52px;display:grid;place-items:center;filter:drop-shadow(0 0 9px rgba(22,140,255,.38));}
.cat-art svg{width:64px;height:52px;overflow:visible;}
.home-cat:hover .cat-art{filter:drop-shadow(0 0 14px rgba(66,183,255,.72));transform:translateY(-1px);}
.checkout-page{padding-bottom:30px}.checkout-page .page-title{padding:28px 0 20px}.checkout-page .page-title h1{font-size:32px}.checkout-stack{display:flex;flex-direction:column;gap:16px;max-width:900px;margin:0 auto 35px}.checkout-panel{border:1px solid #173b5d;border-radius:16px;padding:26px;background:linear-gradient(180deg,#061525,#04111e);box-shadow:0 14px 45px rgba(0,0,0,.18)}.checkout-panel h3{font-size:24px;margin:0 0 22px}.delivery-panel{display:grid;grid-template-columns:1fr 1fr;column-gap:18px}.delivery-panel h3{grid-column:1/-1}.delivery-panel .field:nth-of-type(4){grid-column:1/-1}.field{margin-bottom:15px}.field label{font-size:12px;color:#8ea5ba;margin-bottom:8px}.field input,.field textarea{font-size:15px;padding:14px 16px;border-radius:11px;border-color:#1b446a;background:#071a2c}.field input:focus,.field textarea:focus{border-color:#1695ff;box-shadow:0 0 0 3px rgba(22,140,255,.1)}.payment-panel{padding-bottom:22px}.payment-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.payment-card{appearance:none;text-align:left;position:relative;display:flex;align-items:center;gap:13px;min-height:86px;padding:13px 14px;border:1px solid #1a4264;border-radius:14px;background:#07192b;color:#eaf5ff;transition:.2s}.payment-card:hover{border-color:#238fe7;background:#092039}.payment-card.selected{border:2px solid #168fff;background:linear-gradient(135deg,#0a2944,#071a2c);box-shadow:0 0 22px rgba(22,140,255,.12)}.payment-icon{width:48px;height:48px;flex:0 0 48px;border-radius:13px;display:grid;place-items:center;box-shadow:inset 0 0 18px rgba(255,255,255,.08)}.payment-icon.qpay{background:linear-gradient(145deg,#25b8ff,#087de8)}.payment-icon.socialpay{background:linear-gradient(145deg,#8755ff,#5530d7)}.payment-icon.bank{background:linear-gradient(145deg,#123a61,#0a2037)}.pay-q,.pay-s{font-size:28px;font-weight:900;color:#fff;font-family:Arial,sans-serif}.payment-icon.bank svg{width:28px;height:28px;fill:none;stroke:#61cfff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.payment-copy{display:flex;flex-direction:column;gap:5px;min-width:0}.payment-copy b{font-size:15px}.payment-copy small{font-size:10px;color:#7891a7}.payment-check{margin-left:auto;width:24px;height:24px;border-radius:50%;border:2px solid #31536f;color:transparent;display:grid;place-items:center;font-size:14px;font-weight:800}.payment-card.selected .payment-check{background:#168fff;border-color:#168fff;color:#fff}.bank-info{display:none;margin-top:14px;padding:16px;border:1px dashed #28577d;border-radius:12px;background:#061625}.bank-info.show{display:block}.bank-info div{display:flex;justify-content:space-between;gap:20px;padding:9px 0;border-bottom:1px solid #12304b;font-size:12px}.bank-info span{color:#7991a7}.bank-info b{color:#e5f3ff}.bank-info p{font-size:11px;color:#8299ac;line-height:1.6;margin:12px 0 0}
.payment-info{display:none;margin-top:14px}.payment-info.show{display:block}.payment-detail{display:none;padding:18px;border:1px solid #1b4b72;border-radius:14px;background:linear-gradient(180deg,#071b2d,#061423);text-align:center}.payment-detail.active{display:block}.detail-head{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;margin-bottom:15px}.detail-head div{display:flex;flex-direction:column;gap:4px}.detail-head b{font-size:17px}.detail-head small{color:#7891a7;font-size:11px}.detail-badge{font-size:10px;font-weight:900;letter-spacing:1px;padding:7px 9px;border-radius:8px;background:#0b8eea;color:#fff}.detail-badge.social{background:#6942df}.fake-qr{width:190px;height:190px;margin:8px auto 12px;border-radius:10px;background-color:#fff;position:relative;overflow:hidden;background-image:linear-gradient(90deg,#111 10px,transparent 10px),linear-gradient(#111 10px,transparent 10px),linear-gradient(45deg,transparent 43%,#111 44%,#111 56%,transparent 57%);background-size:27px 27px,27px 27px,19px 19px;background-position:0 0,0 0,0 0;box-shadow:0 0 0 7px #fff}.fake-qr:before,.fake-qr:after{content:'';position:absolute;width:42px;height:42px;background:#fff;border:9px solid #111;top:12px}.fake-qr:before{left:12px}.fake-qr:after{right:12px}.fake-qr span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;color:#111;font-weight:900;font-size:17px;padding:5px 8px;border-radius:4px;z-index:2}.social-qr{background-image:linear-gradient(90deg,#5b36d6 8px,transparent 8px),linear-gradient(#5b36d6 8px,transparent 8px),linear-gradient(45deg,transparent 43%,#5b36d6 44%,#5b36d6 56%,transparent 57%)}.social-qr:before,.social-qr:after{border-color:#5b36d6}.payment-detail p{margin:0;color:#8299ac;font-size:11px;line-height:1.6}.bank-info.show{display:block}
.checkout-total-panel{display:flex;justify-content:space-between;align-items:center;padding:22px 26px;border:1px solid #1d527c;border-radius:15px;background:linear-gradient(90deg,#071a2d,#061525);box-shadow:0 0 28px rgba(0,126,255,.08)}
.payment-info{display:none;margin-top:14px}.payment-info.show{display:block}.payment-detail{display:none;padding:18px;border:1px solid #1b4b72;border-radius:14px;background:linear-gradient(180deg,#071b2d,#061423);text-align:center}.payment-detail.active{display:block}.detail-head{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;margin-bottom:15px}.detail-head div{display:flex;flex-direction:column;gap:4px}.detail-head b{font-size:17px}.detail-head small{color:#7891a7;font-size:11px}.detail-badge{font-size:10px;font-weight:900;letter-spacing:1px;padding:7px 9px;border-radius:8px;background:#0b8eea;color:#fff}.detail-badge.social{background:#6942df}.fake-qr{width:190px;height:190px;margin:8px auto 12px;border-radius:10px;background-color:#fff;position:relative;overflow:hidden;background-image:linear-gradient(90deg,#111 10px,transparent 10px),linear-gradient(#111 10px,transparent 10px),linear-gradient(45deg,transparent 43%,#111 44%,#111 56%,transparent 57%);background-size:27px 27px,27px 27px,19px 19px;background-position:0 0,0 0,0 0;box-shadow:0 0 0 7px #fff}.fake-qr:before,.fake-qr:after{content:'';position:absolute;width:42px;height:42px;background:#fff;border:9px solid #111;top:12px}.fake-qr:before{left:12px}.fake-qr:after{right:12px}.fake-qr span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;color:#111;font-weight:900;font-size:17px;padding:5px 8px;border-radius:4px;z-index:2}.social-qr{background-image:linear-gradient(90deg,#5b36d6 8px,transparent 8px),linear-gradient(#5b36d6 8px,transparent 8px),linear-gradient(45deg,transparent 43%,#5b36d6 44%,#5b36d6 56%,transparent 57%)}.social-qr:before,.social-qr:after{border-color:#5b36d6}.payment-detail p{margin:0;color:#8299ac;font-size:11px;line-height:1.6}.bank-info.show{display:block}
.checkout-total-panel div{display:flex;flex-direction:column;gap:5px}
.payment-info{display:none;margin-top:14px}.payment-info.show{display:block}.payment-detail{display:none;padding:18px;border:1px solid #1b4b72;border-radius:14px;background:linear-gradient(180deg,#071b2d,#061423);text-align:center}.payment-detail.active{display:block}.detail-head{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;margin-bottom:15px}.detail-head div{display:flex;flex-direction:column;gap:4px}.detail-head b{font-size:17px}.detail-head small{color:#7891a7;font-size:11px}.detail-badge{font-size:10px;font-weight:900;letter-spacing:1px;padding:7px 9px;border-radius:8px;background:#0b8eea;color:#fff}.detail-badge.social{background:#6942df}.fake-qr{width:190px;height:190px;margin:8px auto 12px;border-radius:10px;background-color:#fff;position:relative;overflow:hidden;background-image:linear-gradient(90deg,#111 10px,transparent 10px),linear-gradient(#111 10px,transparent 10px),linear-gradient(45deg,transparent 43%,#111 44%,#111 56%,transparent 57%);background-size:27px 27px,27px 27px,19px 19px;background-position:0 0,0 0,0 0;box-shadow:0 0 0 7px #fff}.fake-qr:before,.fake-qr:after{content:'';position:absolute;width:42px;height:42px;background:#fff;border:9px solid #111;top:12px}.fake-qr:before{left:12px}.fake-qr:after{right:12px}.fake-qr span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;color:#111;font-weight:900;font-size:17px;padding:5px 8px;border-radius:4px;z-index:2}.social-qr{background-image:linear-gradient(90deg,#5b36d6 8px,transparent 8px),linear-gradient(#5b36d6 8px,transparent 8px),linear-gradient(45deg,transparent 43%,#5b36d6 44%,#5b36d6 56%,transparent 57%)}.social-qr:before,.social-qr:after{border-color:#5b36d6}.payment-detail p{margin:0;color:#8299ac;font-size:11px;line-height:1.6}.bank-info.show{display:block}
.checkout-total-panel span{font-size:20px;font-weight:800}
.payment-info{display:none;margin-top:14px}.payment-info.show{display:block}.payment-detail{display:none;padding:18px;border:1px solid #1b4b72;border-radius:14px;background:linear-gradient(180deg,#071b2d,#061423);text-align:center}.payment-detail.active{display:block}.detail-head{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;margin-bottom:15px}.detail-head div{display:flex;flex-direction:column;gap:4px}.detail-head b{font-size:17px}.detail-head small{color:#7891a7;font-size:11px}.detail-badge{font-size:10px;font-weight:900;letter-spacing:1px;padding:7px 9px;border-radius:8px;background:#0b8eea;color:#fff}.detail-badge.social{background:#6942df}.fake-qr{width:190px;height:190px;margin:8px auto 12px;border-radius:10px;background-color:#fff;position:relative;overflow:hidden;background-image:linear-gradient(90deg,#111 10px,transparent 10px),linear-gradient(#111 10px,transparent 10px),linear-gradient(45deg,transparent 43%,#111 44%,#111 56%,transparent 57%);background-size:27px 27px,27px 27px,19px 19px;background-position:0 0,0 0,0 0;box-shadow:0 0 0 7px #fff}.fake-qr:before,.fake-qr:after{content:'';position:absolute;width:42px;height:42px;background:#fff;border:9px solid #111;top:12px}.fake-qr:before{left:12px}.fake-qr:after{right:12px}.fake-qr span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;color:#111;font-weight:900;font-size:17px;padding:5px 8px;border-radius:4px;z-index:2}.social-qr{background-image:linear-gradient(90deg,#5b36d6 8px,transparent 8px),linear-gradient(#5b36d6 8px,transparent 8px),linear-gradient(45deg,transparent 43%,#5b36d6 44%,#5b36d6 56%,transparent 57%)}.social-qr:before,.social-qr:after{border-color:#5b36d6}.payment-detail p{margin:0;color:#8299ac;font-size:11px;line-height:1.6}.bank-info.show{display:block}
.checkout-total-panel small{color:#8299ac;font-size:11px}
.payment-info{display:none;margin-top:14px}.payment-info.show{display:block}.payment-detail{display:none;padding:18px;border:1px solid #1b4b72;border-radius:14px;background:linear-gradient(180deg,#071b2d,#061423);text-align:center}.payment-detail.active{display:block}.detail-head{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;margin-bottom:15px}.detail-head div{display:flex;flex-direction:column;gap:4px}.detail-head b{font-size:17px}.detail-head small{color:#7891a7;font-size:11px}.detail-badge{font-size:10px;font-weight:900;letter-spacing:1px;padding:7px 9px;border-radius:8px;background:#0b8eea;color:#fff}.detail-badge.social{background:#6942df}.fake-qr{width:190px;height:190px;margin:8px auto 12px;border-radius:10px;background-color:#fff;position:relative;overflow:hidden;background-image:linear-gradient(90deg,#111 10px,transparent 10px),linear-gradient(#111 10px,transparent 10px),linear-gradient(45deg,transparent 43%,#111 44%,#111 56%,transparent 57%);background-size:27px 27px,27px 27px,19px 19px;background-position:0 0,0 0,0 0;box-shadow:0 0 0 7px #fff}.fake-qr:before,.fake-qr:after{content:'';position:absolute;width:42px;height:42px;background:#fff;border:9px solid #111;top:12px}.fake-qr:before{left:12px}.fake-qr:after{right:12px}.fake-qr span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;color:#111;font-weight:900;font-size:17px;padding:5px 8px;border-radius:4px;z-index:2}.social-qr{background-image:linear-gradient(90deg,#5b36d6 8px,transparent 8px),linear-gradient(#5b36d6 8px,transparent 8px),linear-gradient(45deg,transparent 43%,#5b36d6 44%,#5b36d6 56%,transparent 57%)}.social-qr:before,.social-qr:after{border-color:#5b36d6}.payment-detail p{margin:0;color:#8299ac;font-size:11px;line-height:1.6}.bank-info.show{display:block}
.checkout-total-panel strong{font-size:30px;color:#37b6ff}.checkout-submit{width:100%;min-height:54px;font-size:15px;border-radius:12px;box-shadow:0 8px 25px rgba(0,126,255,.22)}.checkout-submit span{margin-left:12px;font-size:20px}
@media(max-width:760px){.checkout-page{width:calc(100% - 20px)}.checkout-page .page-title h1{font-size:30px}.checkout-stack{gap:13px}.checkout-panel{padding:22px 18px;border-radius:14px}.delivery-panel{display:block}.delivery-panel h3{margin-bottom:20px}.payment-list{grid-template-columns:1fr}.payment-card{min-height:78px}
.payment-info{display:none;margin-top:14px}.payment-info.show{display:block}.payment-detail{display:none;padding:18px;border:1px solid #1b4b72;border-radius:14px;background:linear-gradient(180deg,#071b2d,#061423);text-align:center}.payment-detail.active{display:block}.detail-head{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;margin-bottom:15px}.detail-head div{display:flex;flex-direction:column;gap:4px}.detail-head b{font-size:17px}.detail-head small{color:#7891a7;font-size:11px}.detail-badge{font-size:10px;font-weight:900;letter-spacing:1px;padding:7px 9px;border-radius:8px;background:#0b8eea;color:#fff}.detail-badge.social{background:#6942df}.fake-qr{width:190px;height:190px;margin:8px auto 12px;border-radius:10px;background-color:#fff;position:relative;overflow:hidden;background-image:linear-gradient(90deg,#111 10px,transparent 10px),linear-gradient(#111 10px,transparent 10px),linear-gradient(45deg,transparent 43%,#111 44%,#111 56%,transparent 57%);background-size:27px 27px,27px 27px,19px 19px;background-position:0 0,0 0,0 0;box-shadow:0 0 0 7px #fff}.fake-qr:before,.fake-qr:after{content:'';position:absolute;width:42px;height:42px;background:#fff;border:9px solid #111;top:12px}.fake-qr:before{left:12px}.fake-qr:after{right:12px}.fake-qr span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;color:#111;font-weight:900;font-size:17px;padding:5px 8px;border-radius:4px;z-index:2}.social-qr{background-image:linear-gradient(90deg,#5b36d6 8px,transparent 8px),linear-gradient(#5b36d6 8px,transparent 8px),linear-gradient(45deg,transparent 43%,#5b36d6 44%,#5b36d6 56%,transparent 57%)}.social-qr:before,.social-qr:after{border-color:#5b36d6}.payment-detail p{margin:0;color:#8299ac;font-size:11px;line-height:1.6}.bank-info.show{display:block}
.checkout-total-panel{padding:20px 18px}
.payment-info{display:none;margin-top:14px}.payment-info.show{display:block}.payment-detail{display:none;padding:18px;border:1px solid #1b4b72;border-radius:14px;background:linear-gradient(180deg,#071b2d,#061423);text-align:center}.payment-detail.active{display:block}.detail-head{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;margin-bottom:15px}.detail-head div{display:flex;flex-direction:column;gap:4px}.detail-head b{font-size:17px}.detail-head small{color:#7891a7;font-size:11px}.detail-badge{font-size:10px;font-weight:900;letter-spacing:1px;padding:7px 9px;border-radius:8px;background:#0b8eea;color:#fff}.detail-badge.social{background:#6942df}.fake-qr{width:190px;height:190px;margin:8px auto 12px;border-radius:10px;background-color:#fff;position:relative;overflow:hidden;background-image:linear-gradient(90deg,#111 10px,transparent 10px),linear-gradient(#111 10px,transparent 10px),linear-gradient(45deg,transparent 43%,#111 44%,#111 56%,transparent 57%);background-size:27px 27px,27px 27px,19px 19px;background-position:0 0,0 0,0 0;box-shadow:0 0 0 7px #fff}.fake-qr:before,.fake-qr:after{content:'';position:absolute;width:42px;height:42px;background:#fff;border:9px solid #111;top:12px}.fake-qr:before{left:12px}.fake-qr:after{right:12px}.fake-qr span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;color:#111;font-weight:900;font-size:17px;padding:5px 8px;border-radius:4px;z-index:2}.social-qr{background-image:linear-gradient(90deg,#5b36d6 8px,transparent 8px),linear-gradient(#5b36d6 8px,transparent 8px),linear-gradient(45deg,transparent 43%,#5b36d6 44%,#5b36d6 56%,transparent 57%)}.social-qr:before,.social-qr:after{border-color:#5b36d6}.payment-detail p{margin:0;color:#8299ac;font-size:11px;line-height:1.6}.bank-info.show{display:block}
.checkout-total-panel span{font-size:17px}
.payment-info{display:none;margin-top:14px}.payment-info.show{display:block}.payment-detail{display:none;padding:18px;border:1px solid #1b4b72;border-radius:14px;background:linear-gradient(180deg,#071b2d,#061423);text-align:center}.payment-detail.active{display:block}.detail-head{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;margin-bottom:15px}.detail-head div{display:flex;flex-direction:column;gap:4px}.detail-head b{font-size:17px}.detail-head small{color:#7891a7;font-size:11px}.detail-badge{font-size:10px;font-weight:900;letter-spacing:1px;padding:7px 9px;border-radius:8px;background:#0b8eea;color:#fff}.detail-badge.social{background:#6942df}.fake-qr{width:190px;height:190px;margin:8px auto 12px;border-radius:10px;background-color:#fff;position:relative;overflow:hidden;background-image:linear-gradient(90deg,#111 10px,transparent 10px),linear-gradient(#111 10px,transparent 10px),linear-gradient(45deg,transparent 43%,#111 44%,#111 56%,transparent 57%);background-size:27px 27px,27px 27px,19px 19px;background-position:0 0,0 0,0 0;box-shadow:0 0 0 7px #fff}.fake-qr:before,.fake-qr:after{content:'';position:absolute;width:42px;height:42px;background:#fff;border:9px solid #111;top:12px}.fake-qr:before{left:12px}.fake-qr:after{right:12px}.fake-qr span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;color:#111;font-weight:900;font-size:17px;padding:5px 8px;border-radius:4px;z-index:2}.social-qr{background-image:linear-gradient(90deg,#5b36d6 8px,transparent 8px),linear-gradient(#5b36d6 8px,transparent 8px),linear-gradient(45deg,transparent 43%,#5b36d6 44%,#5b36d6 56%,transparent 57%)}.social-qr:before,.social-qr:after{border-color:#5b36d6}.payment-detail p{margin:0;color:#8299ac;font-size:11px;line-height:1.6}.bank-info.show{display:block}
.checkout-total-panel strong{font-size:24px}.cat-art{width:52px;height:45px}.cat-art svg{width:55px;height:46px}}
\n\n/* RYO TECH — realistic, centered category images */\n.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;width:100%;}\n.category-card{position:relative;height:360px;overflow:hidden;border-radius:22px;border:2px solid #164b78;background:radial-gradient(circle at 50% 38%,rgba(16,116,210,.16),transparent 48%),#041426;box-shadow:inset 0 0 35px rgba(0,111,210,.05);transition:.28s ease;text-decoration:none;}\n.category-card:hover{transform:translateY(-5px);border-color:#159cff;box-shadow:0 0 28px rgba(0,145,255,.28),inset 0 0 35px rgba(0,115,255,.08);}\n.category-image{position:absolute;inset:0 0 76px 0;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:18px 22px;}\n.category-image img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;filter:drop-shadow(0 0 14px rgba(0,140,255,.35));transition:transform .3s ease,filter .3s ease;}\n.category-card:hover .category-image img{transform:scale(1.07);filter:drop-shadow(0 0 22px rgba(0,155,255,.5));}\n.category-bottom{position:absolute;left:13px;right:13px;bottom:13px;height:60px;display:flex;align-items:center;gap:12px;padding:0 14px;border:1px solid rgba(19,144,255,.62);border-radius:16px;background:linear-gradient(90deg,rgba(3,24,45,.97),rgba(4,31,57,.92));}\n.category-bottom span:nth-child(2){flex:1;color:#eef7ff;font-size:17px;font-weight:600;white-space:nowrap;}\n.category-bottom b{color:#159dff;font-size:27px;font-weight:400;}\n.category-mini-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid #159dff;border-radius:50%;color:#28a8ff;background:rgba(0,125,255,.08);font-size:16px;flex-shrink:0;}\n@media(max-width:1000px){.category-grid{grid-template-columns:repeat(2,1fr);gap:16px}.category-card{height:320px}}\n@media(max-width:600px){.category-grid{grid-template-columns:repeat(2,1fr);gap:11px}.category-card{height:225px;border-radius:17px}.category-image{bottom:58px;padding:8px 10px}.category-image img{object-fit:contain}.category-bottom{left:7px;right:7px;bottom:7px;height:45px;padding:0 8px;gap:7px;border-radius:12px}.category-bottom span:nth-child(2){font-size:12px}.category-bottom b{font-size:19px}.category-mini-icon{width:27px;height:27px;font-size:11px}.home-categories{padding-top:10px;padding-bottom:10px}}\n
/* =====================================================
   RYO TECH — FINAL CATEGORY GRID
   Matches the supplied neon-blue reference
===================================================== */
.home-categories.container{
  width:min(1480px, calc(100% - 40px)) !important;
  max-width:1480px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
.category-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:24px !important;
  width:100% !important;
}
.category-card{
  width:100% !important;
  height:370px !important;
  min-width:0 !important;
  border-radius:24px !important;
  border:2px solid #15518a !important;
  background:radial-gradient(circle at 50% 40%,rgba(0,116,255,.18),transparent 58%),#031426 !important;
  box-shadow:inset 0 0 35px rgba(0,105,220,.08),0 0 0 rgba(0,150,255,0) !important;
}
.category-card:hover{
  border-color:#169dff !important;
  box-shadow:0 0 30px rgba(0,145,255,.28),inset 0 0 40px rgba(0,115,255,.1) !important;
}
.category-image{
  position:absolute !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  bottom:76px !important;
  padding:14px 20px 4px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
}
.category-image img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  display:block !important;
  border:0 !important;
  filter:drop-shadow(0 0 18px rgba(0,137,255,.4)) !important;
  transition:transform .3s ease,filter .3s ease !important;
}
.category-card:hover .category-image img{
  transform:scale(1.06) !important;
  filter:drop-shadow(0 0 28px rgba(0,160,255,.55)) !important;
}
.category-bottom{
  left:14px !important;
  right:14px !important;
  bottom:14px !important;
  height:60px !important;
  padding:0 15px !important;
  border:1px solid #087fff !important;
  border-radius:17px !important;
  background:linear-gradient(90deg,rgba(2,24,46,.98),rgba(3,32,59,.96)) !important;
  box-shadow:inset 0 0 18px rgba(0,130,255,.08) !important;
}
.category-bottom span:nth-child(2){
  font-size:17px !important;
  font-weight:600 !important;
  color:#edf7ff !important;
}
.category-bottom b{
  color:#159dff !important;
  font-size:28px !important;
}
.category-mini-icon{
  width:38px !important;
  height:38px !important;
  border-color:#0d9cff !important;
  color:#21aaff !important;
  background:rgba(0,120,255,.08) !important;
}

/* Force a clean 2-column mobile/tablet layout instead of the broken
   single narrow column seen in the previous screenshot. */
@media (max-width:900px){
  .home-categories.container{
    width:calc(100% - 24px) !important;
  }
  .category-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:14px !important;
  }
  .category-card{
    height:285px !important;
    border-radius:19px !important;
  }
  .category-image{
    bottom:64px !important;
    padding:10px 10px 0 !important;
  }
  .category-bottom{
    left:9px !important;
    right:9px !important;
    bottom:9px !important;
    height:50px !important;
    padding:0 9px !important;
    border-radius:13px !important;
    gap:7px !important;
  }
  .category-bottom span:nth-child(2){font-size:13px !important}
  .category-bottom b{font-size:22px !important}
  .category-mini-icon{width:30px !important;height:30px !important;font-size:12px !important}
}

@media (max-width:520px){
  .home-categories.container{
    width:calc(100% - 20px) !important;
  }
  .category-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
  }
  .category-card{
    height:220px !important;
    border-radius:16px !important;
  }
  .category-image{
    bottom:53px !important;
    padding:7px 7px 0 !important;
  }
  .category-bottom{
    left:6px !important;
    right:6px !important;
    bottom:6px !important;
    height:42px !important;
    padding:0 6px !important;
    border-radius:11px !important;
  }
  .category-bottom span:nth-child(2){font-size:11px !important}
  .category-bottom b{font-size:18px !important}
  .category-mini-icon{width:25px !important;height:25px !important;font-size:10px !important}
}


/* ===== FORCE CATEGORY IMAGES V3 ===== */
.category-image{z-index:1 !important;background:radial-gradient(circle at 50% 50%,rgba(0,110,255,.14),rgba(2,17,31,.45) 70%) !important;}
.category-image img{position:relative !important;z-index:2 !important;visibility:visible !important;opacity:1 !important;width:100% !important;height:100% !important;max-width:none !important;max-height:none !important;object-fit:contain !important;object-position:center center !important;display:block !important;mix-blend-mode:normal !important;}
.category-bottom{z-index:5 !important;}
@media(max-width:520px){
 .category-card{height:260px !important;}
 .category-image{bottom:52px !important;padding:10px 8px !important;}
 .category-image img{width:100% !important;height:100% !important;object-fit:contain !important;}
}

/* ===== RYO TECH CATEGORY FINAL FIX ===== */
.category-card{display:block !important;position:relative !important;height:370px !important;overflow:hidden !important;}
.category-image{position:absolute !important;top:0 !important;left:0 !important;right:0 !important;bottom:74px !important;display:flex !important;align-items:center !important;justify-content:center !important;z-index:1 !important;padding:12px !important;background:radial-gradient(circle at 50% 45%,rgba(0,116,255,.18),rgba(2,17,31,.18) 68%) !important;}
.category-image img{position:relative !important;width:100% !important;height:100% !important;display:block !important;visibility:visible !important;opacity:1 !important;object-fit:contain !important;object-position:center center !important;max-width:100% !important;max-height:100% !important;z-index:2 !important;}
.category-bottom{position:absolute !important;top:auto !important;left:12px !important;right:12px !important;bottom:12px !important;height:58px !important;display:flex !important;align-items:center !important;z-index:10 !important;}
@media(max-width:900px){
 .category-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:14px !important;}
 .category-card{height:285px !important;}
 .category-image{bottom:62px !important;padding:8px !important;}
 .category-bottom{left:8px !important;right:8px !important;bottom:8px !important;height:48px !important;}
}
@media(max-width:520px){
 .category-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px !important;}
 .category-card{height:255px !important;}
 .category-image{bottom:54px !important;padding:5px !important;}
 .category-image img{object-fit:contain !important;}
 .category-bottom{left:6px !important;right:6px !important;bottom:6px !important;height:42px !important;padding:0 7px !important;}
 .category-bottom span:nth-child(2){font-size:11px !important;}
}