:root{--blue:#1167e8;--blue2:#0d56c7;--ink:#101828;--muted:#667085;--line:#e6eaf0;--soft:#f6f8fb;--pink:#ffeef5;--green:#16a34a;--red:#e53935;--shadow:0 8px 30px rgba(16,24,40,.07);--radius:12px}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1180px,calc(100% - 32px));margin:auto}.topbar{height:34px;background:#16212b;color:#fff;font-size:12px;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.headrow{height:78px;display:grid;grid-template-columns:220px 1fr 190px;gap:24px;align-items:center}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:19px}.brand .star{width:34px;height:34px;display:grid;place-items:center;background:#ffd43b;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 56%,79% 92%,50% 70%,21% 92%,32% 56%,2% 35%,39% 35%);color:#1167e8}.tag{font-size:9px;color:#667085;display:block;font-weight:600}.search{height:42px;border:1px solid #d6dce5;border-radius:6px;display:flex;overflow:hidden}.search input{flex:1;border:0;outline:0;padding:0 14px;font-size:14px}.search button{width:50px;border:0;background:var(--blue);color:#fff;font-size:18px}.head-actions{display:flex;justify-content:flex-end;align-items:center;gap:18px;font-size:14px}.nav{border-top:1px solid #f1f3f6}.navin{height:48px;display:flex;align-items:center;gap:6px;overflow:auto}.nav a{padding:12px 18px;font-size:14px;font-weight:600;white-space:nowrap}.nav a.active,.nav a:hover{background:var(--blue);color:#fff;border-radius:5px}.hero{margin-top:0;background:linear-gradient(100deg,#dff2ff,#ffeef6);min-height:310px;display:flex;align-items:center;overflow:hidden}.hero-inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:310px}.hero-copy{padding:35px 10px 35px 55px}.eyebrow{font-size:14px;color:#6b7280;text-transform:uppercase;letter-spacing:.08em}.hero h1{font-size:42px;line-height:1.08;margin:12px 0}.hero h1 span{color:var(--blue)}.hero p{color:#475467;font-size:16px;line-height:1.6;max-width:450px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--blue);color:#fff;border:0;border-radius:5px;padding:12px 20px;font-weight:700;cursor:pointer}.btn:hover{background:var(--blue2)}.btn.light{background:#fff;color:var(--blue);border:1px solid var(--line)}.btn.danger{background:#dc2626}.hero-art{height:310px;display:flex;align-items:flex-end;justify-content:center}.hero-person{width:70%;height:100%;object-fit:cover;object-position:center;border-radius:80px 0 0 0;mix-blend-mode:multiply}.trust{border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr)}.trust .item{padding:22px 18px;display:flex;gap:14px;align-items:center;border-right:1px solid var(--line)}.trust .item:last-child{border:0}.trust b{font-size:14px}.trust span{font-size:11px;color:var(--muted);display:block;margin-top:3px}.section{padding:34px 0}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.section-head h2{font-size:22px;margin:0}.link{color:var(--blue);font-size:13px;font-weight:700}.cats{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.cat{border:1px solid var(--line);border-radius:10px;padding:14px;text-align:center;background:#fff;transition:.2s}.cat:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.cat img{width:100%;height:95px;object-fit:contain;background:var(--soft);border-radius:8px}.cat b{display:block;font-size:13px;margin-top:10px}.cat span{display:block;color:var(--muted);font-size:11px;margin-top:3px}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.product{position:relative;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}.product:hover{box-shadow:var(--shadow)}.product-img{height:230px;background:var(--soft);position:relative}.product-img img{width:100%;height:100%;object-fit:cover}.badge{position:absolute;left:10px;top:10px;background:#f04438;color:#fff;border-radius:4px;padding:5px 8px;font-size:10px;font-weight:800}.product-body{padding:13px}.stars{color:#f5b700;font-size:13px}.product h3{font-size:14px;margin:7px 0}.price{font-weight:800;font-size:16px}.old{text-decoration:line-through;color:#98a2b3;font-size:12px;margin-left:7px;font-weight:500}.product .btn{width:100%;margin-top:12px}.promos{display:grid;grid-template-columns:1fr 1fr;gap:14px}.promo{min-height:150px;border-radius:10px;padding:25px 30px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(110deg,#e7dcff,#ffe5f0);overflow:hidden}.promo:nth-child(2){background:linear-gradient(110deg,#e9f3ff,#dff5ff)}.promo h3{margin:0 0 5px;font-size:20px}.promo p{margin:0 0 15px;color:#667085;font-size:13px}.footer{background:#fff;border-top:1px solid var(--line);margin-top:20px}.footmain{padding:36px 0;display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:35px}.footer h4{margin:0 0 14px}.footer p,.footer a{color:#667085;font-size:13px;line-height:1.8}.footer .brand{margin-bottom:10px}.copyright{border-top:1px solid var(--line);padding:15px 0;text-align:center;color:#98a2b3;font-size:12px}.page{padding:30px 0;min-height:55vh}.breadcrumb{color:#667085;font-size:12px;margin-bottom:20px}.card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px;box-shadow:0 2px 10px rgba(16,24,40,.03)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:13px;font-weight:700}.field input,.field textarea,.field select{width:100%;border:1px solid #d0d5dd;border-radius:6px;padding:11px 12px;font:inherit;outline:0;background:#fff}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #e8f1ff}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;font-size:13px}.table th,.table td{padding:12px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}.status{display:inline-block;border-radius:20px;padding:5px 9px;font-size:11px;font-weight:700;background:#eef2f6}.status.green{background:#dcfce7;color:#15803d}.status.blue{background:#dbeafe;color:#1d4ed8}.status.orange{background:#ffedd5;color:#c2410c}.status.red{background:#fee2e2;color:#b91c1c}.layout-admin{background:#f6f8fb;min-height:100vh}.adminbar{background:#16212b;color:#fff;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;position:sticky;top:0;z-index:40}.adminwrap{display:grid;grid-template-columns:230px 1fr;min-height:calc(100vh - 64px)}.sidebar{background:#fff;border-right:1px solid var(--line);padding:18px 12px}.sidebar a{display:flex;gap:10px;padding:11px 13px;border-radius:7px;font-size:13px;color:#475467;margin-bottom:3px}.sidebar a:hover,.sidebar a.active{background:#eaf2ff;color:var(--blue);font-weight:700}.adminmain{padding:25px}.statgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px}.stat small{color:#667085}.stat b{font-size:24px;display:block;margin-top:7px}.adminmain h1{margin-top:0}.alert{padding:12px 14px;border-radius:7px;margin:10px 0;font-size:13px}.alert.success{background:#dcfce7;color:#166534}.alert.error{background:#fee2e2;color:#991b1b}.mobilebar{display:none}.cart-grid{display:grid;grid-template-columns:1.5fr .8fr;gap:20px}.cart-row{display:grid;grid-template-columns:75px 1fr 100px 90px 30px;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.cart-row img{width:70px;height:70px;object-fit:cover;border-radius:7px;background:var(--soft)}.qty{display:flex;border:1px solid var(--line);width:max-content}.qty a,.qty span{padding:6px 9px}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:35px}.detail-img{background:var(--soft);border-radius:12px;min-height:470px}.detail-img img{width:100%;height:100%;object-fit:contain}.review{padding:14px 0;border-bottom:1px solid var(--line)}
@media(max-width:900px){.headrow{grid-template-columns:1fr auto;height:auto;padding:12px 0}.headrow .search{grid-column:1/-1;grid-row:2}.head-actions{gap:10px}.cats{grid-template-columns:repeat(3,1fr)}.products{grid-template-columns:repeat(2,1fr)}.trust{grid-template-columns:repeat(2,1fr)}.trust .item{border-bottom:1px solid var(--line)}.hero-inner{grid-template-columns:1fr}.hero-copy{padding:32px}.hero-art{display:none}.footmain{grid-template-columns:1fr 1fr}.cart-grid,.product-detail{grid-template-columns:1fr}.adminwrap{grid-template-columns:1fr}.sidebar{display:none}.mobilebar{display:flex;overflow:auto;background:#fff;border-bottom:1px solid var(--line);padding:7px;gap:5px}.mobilebar a{padding:9px 12px;font-size:12px;white-space:nowrap}.statgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.container{width:min(100% - 20px,1180px)}.topbar{padding:0 10px;font-size:10px}.topbar span:last-child{display:none}.brand{font-size:16px}.head-actions{font-size:12px}.nav{display:none}.hero h1{font-size:32px}.hero-copy{padding:28px 18px}.cats{grid-template-columns:repeat(2,1fr)}.products{gap:9px}.product-img{height:170px}.product-body{padding:10px}.product h3{font-size:12px}.footmain{grid-template-columns:1fr}.promos{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.cart-row{grid-template-columns:55px 1fr 30px}.cart-row .price,.cart-row .qty{grid-column:2}.cart-row img{width:52px;height:52px}.adminmain{padding:14px}.statgrid{grid-template-columns:1fr 1fr}.headrow{grid-template-columns:1fr auto}}

/* Professional responsive refinement */
.shipping-marquee{background:#1268e8;color:#fff;overflow:hidden;height:42px;display:flex;align-items:center;font-size:14px;font-weight:700;white-space:nowrap}
.shipping-track{display:flex;gap:80px;min-width:max-content;padding-left:100%;animation:shippingScroll 24s linear infinite}
.shipping-track span{display:inline-flex;align-items:center;gap:8px}
@keyframes shippingScroll{from{transform:translateX(0)}to{transform:translateX(-100%)}}
.topbar{height:38px;font-size:13px}
.topbar a{color:#fff;text-decoration:underline;text-underline-offset:2px}
.head-actions{gap:12px}
.head-link,.cart-pill{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 15px;border:1px solid var(--line);border-radius:8px;font-weight:700;background:#fff}
.cart-pill{background:var(--blue);border-color:var(--blue);color:#fff}
.btn{min-height:46px;padding:13px 23px;border-radius:8px;font-size:14px;box-shadow:0 5px 14px rgba(17,103,232,.14)}
.btn-lg{min-height:52px;padding:15px 28px;font-size:15px}
.hero{min-height:390px}.hero-inner{min-height:390px}.hero-copy{padding:50px 10px 50px 55px}.hero h1{font-size:52px}.hero p{font-size:18px}.hero-art{height:390px}
.trust .item{padding:26px 22px}.trust b{font-size:16px}.trust span{font-size:13px}
.section{padding:48px 0}.section-head h2{font-size:28px}.cat{padding:17px}.cat img{height:125px}.cat b{font-size:15px}.cat span{font-size:12px}
.product-img{height:280px}.product-body{padding:17px}.product h3{font-size:16px}.price{font-size:18px}.stars{font-size:15px;font-weight:800;letter-spacing:.5px}.stars small{color:#667085;font-weight:500;letter-spacing:0}.stars-empty{color:#d7dce3}.product .btn{margin-top:14px}
.footer{margin-top:40px;background:#fff}.footmain{padding:58px 0;gap:55px;min-height:300px}.footer h4{font-size:16px}.footer p,.footer a{font-size:14px;line-height:2}.copyright{padding:20px 0;font-size:13px}
.page-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px}.muted{color:var(--muted)}
.detail-media{display:grid;grid-template-columns:86px 1fr;gap:14px;min-width:0}.detail-thumbs{display:flex;flex-direction:column;gap:10px}.detail-thumb{border:2px solid transparent;background:#f7f8fa;border-radius:9px;padding:4px;cursor:pointer}.detail-thumb.active,.detail-thumb:hover{border-color:var(--blue)}.detail-thumb img{width:72px;height:72px;object-fit:contain;border-radius:6px}.detail-img{min-height:520px;background:var(--soft);border-radius:14px;padding:20px}.detail-img img{object-fit:contain}
.adminbar{height:72px}.admin-menu-toggle{display:none;background:transparent;border:0;color:#fff;font-size:27px;cursor:pointer}.admin-user{display:flex;align-items:center;gap:8px}.sidebar{position:sticky;top:72px;height:calc(100vh - 72px);overflow:auto}.adminmain{padding:34px}.statgrid{gap:18px}.stat{padding:23px}.stat b{font-size:30px}.gateway-add,.gateway-card,.gateway-catalog{margin-bottom:18px}.payment-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px}.gateway-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.gateway-title{display:flex;align-items:center;gap:12px}.gateway-title img{width:52px;height:52px;object-fit:contain;border:1px solid var(--line);border-radius:10px;padding:5px;background:#fff}.gateway-title h3{margin:0 0 5px}.checkline{display:flex;align-items:center;gap:8px;font-weight:700;font-size:13px}.gateway-chips{display:flex;flex-wrap:wrap;gap:8px}.gateway-chips span{background:#f2f6ff;border:1px solid #dce8ff;color:#2456a6;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:700}.field-help{display:block;color:#667085;font-size:12px;margin-top:6px}.admin-photo-grid{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.admin-photo-grid img{width:72px;height:72px;object-fit:cover;border-radius:8px;border:1px solid var(--line)}
.sidebar-overlay{display:none}
@media(max-width:1100px){.headrow{grid-template-columns:210px 1fr 220px}.hero h1{font-size:44px}.payment-layout{grid-template-columns:1fr}}
@media(max-width:900px){.shipping-marquee{height:44px}.shipping-track{gap:45px}.topbar{padding:0 16px}.topbar span:last-child{display:none}.headrow{grid-template-columns:1fr auto}.brand{font-size:20px}.head-actions{gap:6px}.head-link{display:none}.cart-pill{min-height:44px;padding:0 10px}.nav{display:none}.hero{min-height:420px}.hero-inner{min-height:420px}.hero-copy{padding:50px 28px}.hero h1{font-size:42px}.hero p{font-size:17px}.hero-art{display:none}.trust .item{padding:24px 16px}.cats{grid-template-columns:repeat(3,1fr)}.products{grid-template-columns:repeat(2,1fr)}.product-img{height:250px}.footmain{grid-template-columns:1.4fr 1fr;gap:32px;padding:45px 0}.admin-menu-toggle{display:block}.adminbar{padding:0 16px}.adminbar>b{font-size:16px}.admin-user span{display:none}.adminwrap{display:block}.sidebar{position:fixed;left:-290px;top:0;width:280px;height:100vh;z-index:1000;transition:left .25s ease;box-shadow:12px 0 30px rgba(16,24,40,.18);padding-top:85px}.admin-menu-open .sidebar{left:0}.sidebar-overlay{display:block;position:fixed;inset:0;background:rgba(15,23,42,.45);opacity:0;visibility:hidden;z-index:999;transition:.25s}.admin-menu-open .sidebar-overlay{opacity:1;visibility:visible}.adminmain{padding:22px 16px}.statgrid{grid-template-columns:repeat(2,1fr)}.detail-media{grid-template-columns:70px 1fr}.detail-thumb img{width:58px;height:58px}.detail-img{min-height:420px}}
@media(max-width:560px){.container{width:min(100% - 24px,1180px)}.topbar{height:34px;font-size:11px}.headrow{padding:14px 0;gap:12px}.brand .star{width:39px;height:39px}.brand{font-size:21px}.tag{font-size:9px}.search{height:50px}.search input{font-size:15px}.search button{width:58px}.hero{min-height:390px}.hero-inner{min-height:390px}.hero-copy{padding:48px 22px}.eyebrow{font-size:13px}.hero h1{font-size:38px}.hero p{font-size:16px}.hero .btn{min-height:52px;padding:14px 27px;font-size:16px}.trust{grid-template-columns:1fr 1fr}.trust .item{min-height:100px;padding:18px 13px}.trust b{font-size:14px}.trust span{font-size:11px}.section{padding:38px 0}.section-head h2{font-size:24px}.cats{grid-template-columns:repeat(2,1fr);gap:10px}.cat img{height:115px}.products{grid-template-columns:repeat(2,1fr);gap:10px}.product-img{height:190px}.product-body{padding:12px}.product h3{font-size:14px}.price{font-size:16px}.product .btn{min-height:44px;padding:10px 8px;font-size:12px}.promos{grid-template-columns:1fr}.promo{min-height:170px;padding:22px}.footmain{grid-template-columns:1fr;padding:40px 0;gap:28px}.footer{margin-top:30px}.copyright{font-size:12px;padding:18px 10px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.page{padding:22px 0}.card{padding:17px}.page-head{display:block}.payment-layout{display:block}.gateway-head{align-items:flex-start}.detail-media{grid-template-columns:1fr;}.detail-thumbs{order:2;flex-direction:row;overflow:auto}.detail-thumb img{width:64px;height:64px}.detail-img{min-height:350px}.adminmain h1{font-size:28px}.stat{padding:17px}.stat b{font-size:24px}.table{font-size:12px}.adminbar{height:64px}.sidebar{padding-top:76px}.adminmain{padding:18px 12px}}
.payment-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.payment-option{display:block;cursor:pointer}.payment-option input{position:absolute;opacity:0}.payment-option-card{min-height:78px;display:flex;align-items:center;gap:12px;padding:13px;border:1px solid var(--line);border-radius:10px;background:#fff}.payment-option input:checked + .payment-option-card{border-color:var(--blue);box-shadow:0 0 0 3px #eaf2ff}.payment-option-card img{width:44px;height:44px;object-fit:contain;border-radius:8px}.payment-option-card b{display:block;font-size:14px}.payment-option-card small{display:block;color:var(--muted);margin-top:3px;font-size:11px}@media(max-width:560px){.payment-options{grid-template-columns:1fr}}
.mobilebar a{font-weight:800}.mobilebar a:first-child{color:var(--blue)}
@media(max-width:560px){.mobilebar{position:sticky;top:0;z-index:25;box-shadow:0 4px 14px rgba(16,24,40,.08);padding:8px 5px}.mobilebar a{flex:1;text-align:center;padding:11px 6px;border-radius:7px;font-size:12px}.mobilebar a:hover{background:#eaf2ff;color:var(--blue)}.login-card,.register-card{max-width:620px!important;padding:24px!important}.login-card .btn,.register-card .btn{width:100%;min-height:52px;font-size:16px}}

/* Final stability and responsive polish */
html{overflow-x:hidden}body{overflow-x:hidden;min-width:320px}.footer{background:#fff!important;color:var(--ink)}.footer .brand{color:var(--ink)}.footer a{color:#475467}.footer a:hover{color:var(--blue)}.shipping-marquee{background:#1167e8!important;color:#fff!important}.shipping-track{will-change:transform}.product-img img{object-fit:contain!important;padding:14px}.product{min-width:0}.product-body{min-width:0}.product h3 a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.old{display:inline-block;margin-left:8px}.price{display:flex;align-items:baseline;gap:2px;flex-wrap:wrap}.stars{white-space:nowrap}.stars small{font-size:11px}.head-actions{min-width:0}.cart-pill{white-space:nowrap}.search{min-width:0}.search input{min-width:0}.footmain{align-items:start}.footer .field{box-sizing:border-box}.footer .btn{min-height:46px}.mobilebar{background:#fff}.mobilebar a{color:#344054}.mobilebar a:first-child{color:var(--blue)}
@media(max-width:900px){.headrow{grid-template-columns:minmax(0,1fr) auto}.head-actions{min-width:0}.hero-copy{max-width:760px}.hero{background:linear-gradient(100deg,#e3f3ff 0%,#fff 55%,#ffeff7 100%)}.footer{width:100%}.footmain{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.container{width:calc(100% - 28px)}.shipping-marquee{height:40px;font-size:12px}.topbar{height:34px}.header{position:relative}.headrow{grid-template-columns:minmax(0,1fr) auto;padding:14px 0}.brand{min-width:0}.brand>span:last-child{min-width:0}.brand>span:last-child:not(.star){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.head-actions{gap:5px}.cart-pill{font-size:12px;min-height:42px}.search{grid-column:1/-1}.hero-copy{padding:44px 20px}.hero h1{font-size:36px}.hero p{font-size:16px}.trust .item{min-width:0}.trust .item>div{min-width:0}.trust span{line-height:1.35}.products{grid-template-columns:repeat(2,minmax(0,1fr))}.product-img{height:200px}.product-img img{padding:10px}.product-body{padding:12px}.product h3{font-size:14px}.product .btn{font-size:12px}.footmain{grid-template-columns:1fr;gap:24px;padding:42px 0}.footer .newsletter{width:100%}.footer .field{width:100%!important}.footer .copyright{padding-bottom:24px}.mobilebar{display:flex!important}.adminbar{position:sticky;top:0}.sidebar{z-index:1001}.sidebar-overlay{z-index:1000}}

/* Full-stack UI refinement v4 */
body{font-size:15px;line-height:1.55}
.container{width:min(1180px,calc(100% - 32px))}
.shipping-marquee{height:42px;overflow:hidden;display:flex;align-items:center;background:#1167e8;color:#fff}
.shipping-track{display:flex;gap:80px;white-space:nowrap;min-width:max-content;animation:ss-marquee 28s linear infinite;font-size:13px;font-weight:700}
.shipping-track span{display:inline-block}
@keyframes ss-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.cart-pill{display:inline-flex;align-items:center;gap:7px;color:#fff!important;background:var(--blue);border-color:var(--blue);font-weight:800}
.cart-icon{width:19px;height:19px;display:block;color:#fff;flex:0 0 19px}
.footer p,.footer a{font-size:16px;line-height:1.85}.footer h4{font-size:19px}.footer .brand{font-size:21px}.copyright{font-size:14px}
.footer .newsletter-input{height:52px!important;padding:0 15px!important;font-size:15px!important;border-radius:9px!important}
.footer .btn{font-size:15px;padding:13px 24px}
.product-upload-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:8px}.upload-slot{border:1px dashed #cbd5e1;border-radius:10px;padding:12px;background:#fafcff;min-width:0}.upload-slot>span{display:block;font-size:12px;font-weight:800;color:#344054;margin-bottom:8px}.upload-slot input{font-size:12px;padding:8px}.upload-slot img{width:100%;height:100px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:8px;margin-top:9px}
.spec-card{margin:22px 0;padding:18px;border:1px solid var(--line);border-radius:12px;background:#fff}.spec-card h3{margin:0 0 12px;font-size:19px}.spec-list{border-top:1px solid var(--line)}.spec-list>div{display:grid;grid-template-columns:160px 1fr;gap:15px;padding:10px 0;border-bottom:1px solid var(--line);font-size:15px}.spec-list b{color:#344054}.spec-list span{color:#667085}
.email-template-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:18px}.template-list{height:max-content}.template-link{display:block;padding:12px;border:1px solid var(--line);border-radius:9px;margin-top:8px}.template-link.active{border-color:#9bc0ff;background:#edf4ff}.template-link b{display:block;font-size:13px}.template-link small{display:block;color:#667085;font-size:11px;margin-top:2px}.smtp-test-card{margin-top:18px}
.admin-menu-toggle{width:42px;height:42px;border-radius:8px;display:none;align-items:center;justify-content:center}.admin-menu-toggle:hover{background:rgba(255,255,255,.1)}
@media(max-width:900px){
  .admin-menu-toggle{display:inline-flex!important}
  .sidebar{display:block!important;position:fixed;left:-300px;top:0;width:290px;height:100vh;z-index:1001;transition:left .25s ease;box-shadow:12px 0 30px rgba(16,24,40,.18);padding:78px 12px 20px;overflow:auto}
  .admin-menu-open .sidebar{left:0}
  .sidebar-overlay{display:block;position:fixed;inset:0;background:rgba(15,23,42,.48);opacity:0;visibility:hidden;z-index:1000;transition:.25s}
  .admin-menu-open .sidebar-overlay{opacity:1;visibility:visible}
  .adminbar{position:sticky;top:0;z-index:1100}
  .product-upload-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .email-template-layout{grid-template-columns:1fr}
}
@media(max-width:560px){
  body{font-size:15px}.container{width:calc(100% - 28px)}
  .shipping-marquee{height:42px}.shipping-track{font-size:12px;gap:50px}
  .headrow{padding:16px 0}.brand{font-size:21px}.tag{font-size:10px}.cart-pill{font-size:13px;padding:0 10px}.cart-icon{width:18px;height:18px}
  .search{height:52px}.search input{font-size:16px}
  .nav{display:none}.mobilebar a{font-size:13px}
  .hero h1{font-size:38px}.hero p{font-size:17px}.trust b{font-size:15px}.trust span{font-size:12px}.section-head h2{font-size:25px}
  .product h3{font-size:15px}.price{font-size:17px}.product .btn{font-size:13px}
  .footer p,.footer a{font-size:16px}.footer h4{font-size:19px}.copyright{font-size:13px}
  .product-upload-grid{grid-template-columns:1fr}.upload-slot input{width:100%;font-size:13px}.upload-slot img{height:130px}
  .spec-list>div{grid-template-columns:1fr;gap:2px}.spec-list b{font-size:14px}.spec-list span{font-size:14px}
  .adminbar>b{font-size:15px}.admin-user{font-size:12px}.adminmain{padding:18px 12px}.adminmain h1{font-size:29px}
  .email-template-layout{gap:12px}.template-list{order:1}.email-template-layout>.card:last-child{order:2}
}

/* Admin professional/mobile final pass */
.layout-admin{background:#f5f7fb;color:#101828}
.adminbar{display:flex;align-items:center;gap:14px;background:#101828!important;color:#fff!important;border-bottom:1px solid rgba(255,255,255,.08);padding:0 22px;box-shadow:0 4px 18px rgba(16,24,40,.14);position:sticky;top:0;z-index:1100}
.admin-brand{display:flex;align-items:center;gap:10px;min-width:0}.admin-brand b{display:block;font-size:16px}.admin-brand small{display:block;color:#98a2b3;font-size:10px;margin-top:1px}.admin-brand-star{width:34px;height:34px;border-radius:9px;background:#1167e8;color:#fff;display:grid;place-items:center;font-size:18px;box-shadow:0 6px 15px rgba(17,103,232,.28)}
.sidebar{background:#fff!important;border-right:1px solid #e7ebf2;padding:18px 12px!important}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:9px 10px 18px;border-bottom:1px solid #edf1f6;margin-bottom:14px}.sidebar-brand>span{width:36px;height:36px;border-radius:9px;background:#eaf2ff;color:#1167e8;display:grid;place-items:center;font-size:19px}.sidebar-brand b{display:block;font-size:14px}.sidebar-brand small{display:block;color:#98a2b3;font-size:10px;margin-top:2px}.sidebar-section-label{text-transform:uppercase;color:#98a2b3;font-size:10px;font-weight:800;letter-spacing:.08em;padding:0 10px 7px}.sidebar>a{display:flex!important;align-items:center;gap:8px;margin:3px 0;padding:11px 12px;border-radius:9px;color:#475467!important;font-size:13px;font-weight:700;text-decoration:none;transition:.15s}.sidebar>a:hover{background:#f4f7fb;color:#1167e8!important}.sidebar>a.active{background:#eaf2ff!important;color:#1167e8!important}.adminmain{background:#f5f7fb;min-width:0}.adminmain>.card,.adminmain>.page-head{max-width:1220px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.page-head h1{margin-bottom:5px}.admin-count{background:#eaf2ff;color:#1167e8;border:1px solid #d8e6ff;padding:9px 13px;border-radius:999px;font-size:12px;font-weight:800}.search-admin{display:flex;gap:10px}.search-admin input{flex:1;min-width:0;height:46px;border:1px solid #d0d5dd;border-radius:9px;padding:0 13px;font:inherit}.customer-tools{margin-bottom:16px}.empty-state{text-align:center!important;color:#98a2b3;padding:30px!important}.link-button{border:0;background:none;padding:0;cursor:pointer;font:inherit}.danger-text{color:#d92d20!important}.deposit-review{margin-top:20px;padding:18px;border:1px solid #dbe8ff;background:#f8fbff;border-radius:12px}.deposit-review h3{margin:0 0 13px}.deposit-data{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.deposit-data>div{background:#fff;border:1px solid #e4eaf3;border-radius:9px;padding:12px}.deposit-data small{display:block;color:#98a2b3;font-size:11px;margin-bottom:4px}.deposit-data b{display:block;word-break:break-word}.checkout-account-note{margin:0 0 16px;padding:13px 15px;background:#edf8f1;border:1px solid #c8efd5;border-radius:10px;color:#176b3b;font-size:13px}.manual-deposit-fields{margin-top:16px;padding:18px;border:1px solid #cfe0ff;border-radius:12px;background:#f7fbff}.manual-deposit-fields[hidden]{display:none!important}.deposit-head h3{margin:0 0 4px}.deposit-head p{margin:0 0 15px;color:#667085;font-size:13px}.coupon-row{display:flex;gap:9px;align-items:center}.coupon-row .field{flex:1;min-width:0}.coupon-applied{margin-top:8px;color:#176b3b;background:#edf8f1;border-radius:8px;padding:8px 10px;font-size:12px}.coupon-applied a{font-weight:800;margin-left:8px}
@media(max-width:900px){.adminbar{padding:0 13px}.admin-user{margin-left:auto}.admin-brand{min-width:0}.admin-brand b{font-size:14px}.admin-brand small{display:none}.adminwrap{display:block!important}.sidebar{left:-310px!important;top:0!important;width:300px!important;height:100dvh!important;padding-top:78px!important;position:fixed!important;z-index:1001!important}.admin-menu-open .sidebar{left:0!important}.sidebar-overlay{z-index:1000!important}.adminmain{padding:22px 16px}.deposit-data{grid-template-columns:1fr 1fr}.search-admin{flex-direction:column}.search-admin .btn{width:100%}}
@media(max-width:560px){.adminbar{height:62px}.admin-menu-toggle{width:42px;height:42px}.admin-brand-star{width:31px;height:31px;font-size:16px}.adminmain{padding:16px 12px}.page-head{display:block}.admin-count{display:inline-block;margin-top:10px}.deposit-data{grid-template-columns:1fr}.coupon-row{align-items:stretch}.coupon-row .btn{white-space:nowrap}.manual-deposit-fields{padding:14px}}

.selected-payment-instructions{margin-top:10px;padding:12px 14px;border-radius:9px;background:#f8fafc;border:1px solid #e4eaf3;color:#475467;font-size:13px;line-height:1.6;white-space:pre-line}.selected-payment-instructions[hidden]{display:none}

/* V6 functional UX */
.mobile-checkout-cta{display:none}.account-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.notification-item{padding:12px 0;border-bottom:1px solid var(--line)}.notification-item:last-child{border-bottom:0}.notification-item p{margin:5px 0;color:#667085;font-size:13px}.notification-item small{color:#98a2b3;font-size:11px}.faq-hero{padding:24px 0 18px}.faq-hero h1{font-size:36px;margin:8px 0}.faq-list{max-width:900px}.faq-item{background:#fff;border:1px solid var(--line);border-radius:12px;margin:10px 0;padding:0;box-shadow:0 2px 10px rgba(16,24,40,.03)}.faq-item summary{cursor:pointer;list-style:none;padding:19px 20px;font-size:16px;font-weight:800;display:flex;justify-content:space-between;gap:15px}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary span{color:var(--blue);font-size:20px}.faq-item[open] summary{border-bottom:1px solid var(--line)}.faq-item>div{padding:17px 20px;color:#667085;line-height:1.75}.btn-lg{min-height:50px;padding:14px 24px;font-size:15px}.admin-menu-toggle{cursor:pointer;border:0;background:transparent;color:#fff;font-size:25px;line-height:1}.admin-menu-toggle:focus{outline:2px solid #84adff;outline-offset:2px}
@media(max-width:900px){.account-grid{grid-template-columns:1fr}.mobile-checkout-cta{display:flex;margin:0 0 14px}.mobile-checkout-cta .btn{width:100%;box-shadow:0 8px 20px rgba(17,103,232,.18)}}
@media(min-width:901px){.mobile-checkout-cta{display:none}}
@media(max-width:560px){.faq-hero h1{font-size:30px}.faq-item summary{font-size:15px;padding:16px}.faq-item>div{font-size:14px;padding:15px}.mobile-checkout-cta{position:sticky;top:66px;z-index:20;background:#fff;padding:8px 0}.mobile-checkout-cta .btn{font-size:15px}.account-grid .card{padding:16px}}

/* V11 stability + professional customer/admin auth */
.admin-menu-toggle{position:relative;z-index:1202!important;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.auth-page{padding-top:42px;padding-bottom:56px}.auth-shell{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:22px;align-items:stretch}.auth-visual{border-radius:20px;padding:42px;background:linear-gradient(145deg,#0f1b33 0%,#1167e8 100%);color:#fff;min-height:600px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 18px 45px rgba(16,24,40,.14)}.auth-star{width:62px;height:62px;display:grid;place-items:center;border-radius:17px;background:#fff;color:#1167e8;font-size:32px;margin-bottom:24px;box-shadow:0 10px 28px rgba(0,0,0,.18)}.auth-visual .eyebrow{color:#cfe0ff}.auth-visual h1{font-size:42px;line-height:1.08;letter-spacing:-1.3px;margin:10px 0 16px}.auth-visual p{font-size:16px;line-height:1.75;color:#e7efff;max-width:430px}.auth-benefits{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:25px}.auth-benefits span{padding:12px 13px;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:rgba(255,255,255,.08);font-size:13px;font-weight:700}.auth-card{margin:0!important;max-width:none!important;padding:34px!important;border-radius:20px}.auth-card-head h2{font-size:29px;margin:8px 0}.auth-card-head p{margin-bottom:24px}.auth-card .field label{font-size:13px}.auth-card input,.auth-card textarea{min-height:50px}.auth-card textarea{padding:13px;resize:vertical}.auth-submit{width:100%;min-height:54px;font-size:16px}.auth-check{margin-top:16px}.auth-bottom{margin:20px 0 0;font-size:14px}.auth-admin-link{margin:9px 0 0;color:#98a2b3;font-size:12px}.auth-admin-link a{font-weight:800}.login-card{box-shadow:0 16px 42px rgba(16,24,40,.08)}
.admin-auth-page{min-height:calc(100vh - 70px);display:grid;place-items:center}.admin-auth-card{width:min(470px,100%);padding:34px!important}.admin-auth-card .brand{margin-bottom:24px}.admin-auth-card h1{font-size:32px}.admin-auth-card .btn{width:100%;min-height:52px}
@media(max-width:900px){.auth-shell{grid-template-columns:1fr}.auth-visual{min-height:auto;padding:30px}.auth-visual h1{font-size:34px}.auth-card{padding:25px!important}.auth-page{padding-top:25px}.admin-menu-toggle{display:inline-flex!important}}
@media(max-width:560px){.auth-page{padding:16px 0 35px}.auth-visual{padding:26px 22px;border-radius:16px}.auth-star{width:52px;height:52px;font-size:27px;margin-bottom:17px}.auth-visual h1{font-size:30px}.auth-visual p{font-size:14px}.auth-benefits{grid-template-columns:1fr 1fr;gap:8px}.auth-benefits span{font-size:11px;padding:10px}.auth-card{padding:21px!important;border-radius:16px}.auth-card-head h2{font-size:24px}.auth-card .form-grid{gap:14px}.auth-card input,.auth-card textarea{font-size:15px}.admin-auth-page{padding:18px 0;min-height:calc(100vh - 40px)}.admin-auth-card{padding:24px!important}}

/* V12 customer-area polish and auth isolation */
.account-stats{grid-template-columns:repeat(3,1fr)}
.account-stats .stat{min-height:125px;padding:22px}
.account-stats .stat b{font-size:28px}
.account-stats .stat span{display:block;margin-top:7px;color:#667085;font-size:12px;line-height:1.5}
.account-grid .card h3{font-size:19px;margin-top:0}
.customer-area-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:#edf5ff;color:#1167e8;font-size:12px;font-weight:800}
@media(max-width:900px){.account-stats{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.account-stats{grid-template-columns:1fr}.account-stats .stat{min-height:auto}.account-grid .card{box-shadow:0 8px 24px rgba(16,24,40,.05)}}

/* V14 final polish */
.maintenance-page{min-height:100vh;background:linear-gradient(135deg,#f4f8ff 0%,#fff 55%,#fff4f8 100%);display:grid;place-items:center;padding:24px}.maintenance-shell{width:min(620px,100%);background:#fff;border:1px solid #e5eaf2;border-radius:24px;padding:48px 34px;text-align:center;box-shadow:0 22px 60px rgba(16,24,40,.10)}.maintenance-icon{width:70px;height:70px;margin:0 auto 18px;border-radius:20px;background:#1167e8;color:#fff;display:grid;place-items:center;font-size:34px;box-shadow:0 12px 28px rgba(17,103,232,.25)}.maintenance-shell h1{font-size:38px;margin:12px 0}.maintenance-shell p{color:#667085;line-height:1.8;font-size:16px;margin:0 auto;max-width:500px}.maintenance-shell small{display:block;color:#98a2b3;margin-top:20px}.maintenance-line{display:flex;justify-content:center;gap:7px;margin:22px 0}.maintenance-line span{width:8px;height:8px;border-radius:50%;background:#1167e8}.maintenance-line span:nth-child(2){opacity:.55}.maintenance-line span:nth-child(3){opacity:.25}
.btn-cart-icon{width:18px;height:18px;vertical-align:-4px;margin-right:6px;color:#fff!important}.cart-add-btn{color:#fff!important}.cart-add-btn .btn-cart-icon{stroke:#fff!important;fill:none}.cart-add-btn .btn-cart-icon circle{fill:#fff!important;stroke:#fff!important}
.footer{background:linear-gradient(135deg,#fbf8ff 0%,#fff 52%,#fffdf0 100%)!important;border-top:1px solid #edf0f5}.footer-social{display:flex;gap:18px;padding-top:24px;padding-bottom:4px}.footer-social a{width:28px;height:28px;display:grid;place-items:center;color:#5661d9!important;font-size:19px;font-weight:800;text-decoration:none}.footmain-tz{grid-template-columns:1.2fr 1fr 1.25fr 1.15fr .8fr;gap:38px;padding:30px 0 45px}.footer-col{min-width:0}.footer-col h4{color:#5661d9;font-size:20px;margin:0 0 17px}.footer-col>a{display:block;color:#475467!important;font-size:15px;line-height:1.9;text-decoration:none}.footer-col>a:hover{color:#5661d9!important}.footer-col p{color:#667085;font-size:15px;line-height:1.8}.footer-brand-col .brand{margin-bottom:10px}.footer-contact{display:flex;gap:10px;align-items:flex-start;margin:9px 0}.footer-contact span{color:#5661d9;font-weight:800;min-width:20px}.footer-privacy{margin-top:12px}.footer-privacy a{color:#475467!important;font-size:15px}.payment-badges{display:flex;gap:8px;flex-wrap:wrap}.payment-badges span{background:#fff;border:1px solid #edf0f5;border-radius:10px;padding:9px 10px;font-size:11px;font-weight:800;color:#475467;box-shadow:0 3px 12px rgba(16,24,40,.05)}.account-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:25px 28px;border-radius:18px;background:linear-gradient(135deg,#0f1b33,#1167e8);color:#fff;box-shadow:0 18px 40px rgba(17,103,232,.16);margin-bottom:20px}.account-hero h1{color:#fff;margin:6px 0 7px;font-size:32px}.account-hero p{color:#dbe9ff;margin:0}.account-hero .eyebrow{color:#cfe0ff}.account-actions{display:flex;gap:10px;flex-wrap:wrap}.account-actions .btn{background:#fff;color:#1167e8;border-color:#fff}.account-actions .btn.light{background:transparent;color:#fff;border-color:rgba(255,255,255,.45)}
@media(max-width:900px){.footmain-tz{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.account-hero{align-items:flex-start;flex-direction:column}.account-actions{width:100%}}
@media(max-width:560px){.maintenance-shell{padding:36px 22px}.maintenance-shell h1{font-size:30px}.maintenance-shell p{font-size:14px}.footer-social{padding-top:20px}.footmain-tz{grid-template-columns:1fr;gap:25px;padding:28px 0 35px}.footer-col h4{font-size:20px}.footer-col>a,.footer-col p,.footer-privacy a{font-size:15px}.account-hero{padding:22px 18px;border-radius:16px}.account-hero h1{font-size:27px}.account-actions .btn{flex:1;text-align:center}.btn-cart-icon{width:16px;height:16px}}

/* V15 footer + payment image polish */
.footer-inline-list{display:flex;flex-wrap:wrap;gap:7px 14px;align-items:center}.footer-inline-list a{display:inline-flex!important;font-size:14px!important;line-height:1.45!important;white-space:nowrap}.footer-policy-links{display:flex;flex-wrap:wrap;gap:8px 16px}.footer-policy-links a{display:inline-block!important}.payment-badges{align-items:center}.payment-badge-item{display:inline-flex!important;align-items:center;justify-content:center;min-width:54px;min-height:38px;padding:6px 9px!important}.payment-badge-item img{display:block;max-width:72px;max-height:32px;width:auto;height:auto;object-fit:contain}.footer-payments .payment-badges{gap:9px;flex-wrap:wrap}@media(max-width:700px){.footer-inline-list{gap:8px 12px}.footer-inline-list a{font-size:14px!important}.footer-policy-links{gap:8px 12px}}

/* V16 template system + logo + client area + footer restoration */
.store-logo{width:52px;height:52px;object-fit:contain;border-radius:8px;background:transparent}.footer .store-logo{width:58px;height:58px}.alt-header .store-logo{width:48px;height:48px}.template-topbar{background:#111827;color:#e5e7eb;font-size:12px}.template-topbar .container{height:34px;display:flex;align-items:center;justify-content:space-between;gap:15px}.alt-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.alt-headrow{min-height:76px;display:grid;grid-template-columns:260px minmax(0,1fr) 220px;gap:24px;align-items:center}.alt-nav{border-top:1px solid #edf0f5}.alt-nav .navin{height:46px}.alt-nav a{padding:11px 17px;font-size:13px;font-weight:800;white-space:nowrap}.alt-nav a:hover{background:var(--blue);color:#fff;border-radius:7px}.theme-viserlab{--blue:#7c3aed;--blue2:#6d28d9;--soft:#f7f3ff}.theme-viserlab .template-topbar{background:#17122b}.theme-viserlab .alt-header{background:#17122b;border-color:#2d2450;color:#fff}.theme-viserlab .alt-header .brand,.theme-viserlab .alt-header .head-actions a{color:#fff}.theme-viserlab .alt-header .tag{color:#c4b5fd}.theme-viserlab .alt-header .search{border-color:#3b2d67}.theme-viserlab .alt-header .search input{background:#241b3d;color:#fff}.theme-viserlab .alt-header .search button{background:#8b5cf6}.theme-viserlab .alt-nav{border-color:#2d2450}.theme-viserlab .alt-nav a{color:#ddd6fe}.theme-viserlab .alt-nav a:hover{background:#8b5cf6}.theme-viserlab .hero{background:radial-gradient(circle at 80% 20%,#ddd6fe 0,#f5f0ff 35%,#fff 75%)}.theme-viserlab .hero h1 span{color:#7c3aed}.theme-viserlab .product,.theme-viserlab .card{border-radius:14px}.theme-viserlab .product:hover{box-shadow:0 18px 40px rgba(124,58,237,.14)}
.theme-whmcs{--blue:#0f8a65;--blue2:#087653;--soft:#f1fbf7}.theme-whmcs .template-topbar{background:#08251d}.theme-whmcs .alt-header{background:#0c3026;border-color:#1b4c3e;color:#fff}.theme-whmcs .alt-header .brand,.theme-whmcs .alt-header .head-actions a{color:#fff}.theme-whmcs .alt-header .tag{color:#a7f3d0}.theme-whmcs .alt-header .search{border-color:#276451}.theme-whmcs .alt-header .search input{background:#123d31;color:#fff}.theme-whmcs .alt-header .search button{background:#10b981}.theme-whmcs .alt-nav{border-color:#1b4c3e;background:#0a291f}.theme-whmcs .alt-nav a{color:#d1fae5}.theme-whmcs .alt-nav a:hover{background:#0f8a65}.theme-whmcs .hero{background:linear-gradient(115deg,#e8fff5,#f6fffb 50%,#dff8ef)}.theme-whmcs .hero h1 span{color:#0f8a65}.theme-whmcs .product,.theme-whmcs .card{border-radius:8px}.theme-whmcs .btn{border-radius:6px}
.theme-marketplace{--blue:#635bff;--blue2:#4f46e5;--soft:#f5f5ff}.theme-marketplace .template-topbar{background:#19164a}.theme-marketplace .alt-header{background:#fff;border-bottom:2px solid #ecebff}.theme-marketplace .alt-nav{background:#f7f7ff}.theme-marketplace .alt-nav a:hover{background:#635bff}.theme-marketplace .hero{background:linear-gradient(120deg,#ede9fe,#f5f3ff 48%,#e0f2fe)}.theme-marketplace .hero h1 span{color:#635bff}.theme-marketplace .product{border-radius:16px}.theme-marketplace .product:hover{box-shadow:0 18px 42px rgba(99,91,255,.15)}.theme-marketplace .live-demo-link,.demo-btn{display:inline-flex;align-items:center;justify-content:center;margin-top:9px;color:var(--blue);font-size:12px;font-weight:800}.theme-marketplace .product .live-demo-link{width:100%;min-height:38px;border:1px solid #dfe1ff;border-radius:7px;background:#f8f8ff}.theme-marketplace .product .live-demo-link:hover{background:#eef0ff}.live-demo-link:hover,.demo-btn:hover{color:var(--blue2)}
.footer{background:linear-gradient(135deg,#fbf8ff 0%,#fff 52%,#fffdf0 100%)!important;border-top:1px solid #edf0f5;margin-top:35px}.footer-social{display:flex;gap:18px;padding-top:24px;padding-bottom:4px}.footer-social a{width:30px;height:30px;display:grid;place-items:center;color:#5661d9!important;font-size:19px;font-weight:800}.footmain-tz{grid-template-columns:1.25fr 1.1fr 1.2fr 1.05fr .8fr;gap:34px;padding:32px 0 46px}.footer-col{min-width:0}.footer-col h4{color:#5661d9;font-size:19px;margin:0 0 15px}.footer-brand-col .brand{font-size:21px;margin-bottom:11px}.footer-brand-col p{max-width:280px}.footer-policy-links{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:14px}.footer-policy-links a{font-size:13px!important;line-height:1.5!important}.footer-inline-list{display:flex;flex-wrap:wrap;gap:7px 13px;align-items:flex-start}.footer-inline-list a{display:inline-flex!important;font-size:14px!important;line-height:1.45!important;white-space:nowrap}.footer-contact{display:flex;gap:10px;align-items:flex-start;margin:8px 0}.footer-contact span{color:#5661d9;font-weight:900;min-width:18px}.payment-badges{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.payment-badge-item{display:inline-flex!important;align-items:center;justify-content:center;min-width:62px;min-height:40px;padding:6px 9px!important;background:#fff;border:1px solid #e7eaf2;border-radius:9px;box-shadow:0 3px 12px rgba(16,24,40,.05);color:#475467}.payment-badge-item img{display:block;max-width:76px;max-height:34px;width:auto;height:auto;object-fit:contain}.footer-template-label{margin-left:7px;color:#b0b7c4}.copyright{border-top:1px solid #edf0f5;padding:17px 0;text-align:center;color:#98a2b3;font-size:12px}
.client-area-shell{display:grid;grid-template-columns:245px minmax(0,1fr);gap:22px;align-items:start}.client-sidebar{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px;box-shadow:0 8px 25px rgba(16,24,40,.05);position:sticky;top:95px}.client-sidebar-head{padding:13px 12px 15px;border-bottom:1px solid var(--line);margin-bottom:7px}.client-sidebar-head b{display:block;font-size:15px}.client-sidebar-head small{display:block;color:#667085;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-sidebar>a{display:flex;align-items:center;gap:8px;padding:10px 11px;border-radius:8px;color:#475467;font-size:13px;font-weight:700}.client-sidebar>a:hover,.client-sidebar>a.active{background:#edf4ff;color:var(--blue)}.client-sidebar-title{text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:900;color:#98a2b3;padding:16px 11px 7px}.client-sidebar .client-logout{margin-top:10px;border-top:1px solid var(--line);padding-top:14px;color:#dc2626}.client-main{min-width:0}.client-main .account-hero{margin-top:0}.client-main .account-grid{margin-top:20px}.theme-viserlab .client-sidebar{background:#17122b;border-color:#33265a;color:#fff}.theme-viserlab .client-sidebar-head{border-color:#33265a}.theme-viserlab .client-sidebar-head small,.theme-viserlab .client-sidebar>a{color:#c4b5fd}.theme-viserlab .client-sidebar>a:hover,.theme-viserlab .client-sidebar>a.active{background:#2d2050;color:#fff}.theme-viserlab .client-sidebar-title{color:#8b7cb4}.theme-whmcs .client-sidebar{background:#0c3026;border-color:#1b4c3e;color:#fff}.theme-whmcs .client-sidebar-head{border-color:#1b4c3e}.theme-whmcs .client-sidebar-head small,.theme-whmcs .client-sidebar>a{color:#a7f3d0}.theme-whmcs .client-sidebar>a:hover,.theme-whmcs .client-sidebar>a.active{background:#124d3e;color:#fff}.theme-whmcs .client-sidebar-title{color:#75bfa8}.theme-marketplace .client-sidebar{border-top:4px solid #635bff}.theme-marketplace .client-sidebar>a:hover,.theme-marketplace .client-sidebar>a.active{background:#eeedff;color:#4f46e5}
.template-manager-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.template-manager-head h3{margin:0 0 5px}.template-current{background:#edf4ff;color:#1167e8;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800;white-space:nowrap}.template-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.template-option{position:relative;border:1px solid #e3e8f0;border-radius:13px;overflow:hidden;cursor:pointer;background:#fff;transition:.18s}.template-option:hover,.template-option.selected{border-color:#1167e8;box-shadow:0 10px 26px rgba(17,103,232,.12);transform:translateY(-1px)}.template-option input{position:absolute;opacity:0;pointer-events:none}.template-preview{height:115px;padding:16px;display:flex;flex-direction:column;justify-content:center;gap:5px}.template-preview>span{font-size:25px;font-weight:900}.template-preview>b{font-size:16px}.template-preview>small{opacity:.72}.preview-default{background:linear-gradient(135deg,#e8f4ff,#fff0f7);color:#1167e8}.preview-viserlab{background:linear-gradient(135deg,#17122b,#7c3aed);color:#fff}.preview-whmcs{background:linear-gradient(135deg,#08251d,#0f8a65);color:#fff}.preview-marketplace{background:linear-gradient(135deg,#19164a,#635bff);color:#fff}.template-option-body{padding:13px}.template-option-body b{display:block;font-size:13px}.template-option-body span{display:block;margin-top:4px;color:#667085;font-size:11px;line-height:1.5}.settings-section{padding:5px 0 24px;margin-bottom:22px;border-bottom:1px solid var(--line)}.settings-section:last-of-type{border-bottom:0;margin-bottom:0}.settings-section h3{margin:0 0 6px}.logo-settings-row{display:grid;grid-template-columns:110px 1fr;gap:18px;align-items:center;margin-top:14px}.logo-preview-box{height:100px;width:110px;border:1px dashed #cbd5e1;border-radius:12px;background:#f8fafc;display:grid;place-items:center;overflow:hidden}.logo-preview-box img{width:100%;height:100%;object-fit:contain;padding:10px}.logo-preview-box span{font-size:40px;color:#1167e8}.field-help-inline{font-weight:500;color:#98a2b3;font-size:11px}.field-help{color:#98a2b3;font-size:11px;line-height:1.45;margin-top:4px}
@media(max-width:1050px){.alt-headrow{grid-template-columns:220px minmax(0,1fr) 180px}.template-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.footmain-tz{grid-template-columns:repeat(2,minmax(0,1fr))}.client-area-shell{grid-template-columns:210px minmax(0,1fr)}}
@media(max-width:700px){.template-manager-head{display:block}.template-current{display:inline-block;margin-top:10px}.template-picker{grid-template-columns:1fr}.logo-settings-row{grid-template-columns:1fr}.logo-preview-box{width:100%;height:120px}.client-area-shell{grid-template-columns:1fr}.client-sidebar{position:static}.client-sidebar>a{display:inline-flex;margin:2px}.client-sidebar-title{padding-top:12px}.footmain-tz{grid-template-columns:1fr;gap:25px;padding:28px 0 35px}.footer-social{padding-top:18px}.alt-headrow{grid-template-columns:1fr auto;padding:12px 0}.alt-headrow .search{grid-column:1/-1;grid-row:2}.alt-header{position:relative}.alt-nav{display:none}.template-topbar .container{height:30px;font-size:10px}.template-topbar .container span:last-child{display:none}.store-logo{width:44px;height:44px}.footer .store-logo{width:52px;height:52px}}

/* V17 WHMCS digital-store polish */
.theme-whmcs{--blue:#5b5ce2;--blue2:#4849c8;--soft:#f5f6ff;--line:#e8eaf3}
.theme-whmcs body,.theme-whmcs{background:#fff}
.theme-whmcs .template-topbar{background:#fff;color:#667085;border-bottom:1px solid #eef0f6}
.theme-whmcs .template-topbar .container{height:32px}
.theme-whmcs .alt-header{background:#fff;border-bottom:1px solid #eef0f6;color:#101828;position:sticky;top:0}
.theme-whmcs .alt-header .brand,.theme-whmcs .alt-header .head-actions a{color:#172033}
.theme-whmcs .alt-header .tag{color:#667085}
.theme-whmcs .alt-header .search{border:1px solid #e1e4ee;background:#fff}
.theme-whmcs .alt-header .search input{background:#fff;color:#172033}
.theme-whmcs .alt-header .search button{background:#5b5ce2;color:#fff}
.theme-whmcs .alt-nav{background:#fff;border-color:#eef0f6}
.theme-whmcs .alt-nav a{color:#3f4658}
.theme-whmcs .alt-nav a:hover{background:#5b5ce2;color:#fff}
.theme-whmcs .hero{background:linear-gradient(120deg,#f5f4ff 0%,#fff 52%,#eef8ff 100%);padding:42px 0 34px}
.theme-whmcs .hero .eyebrow{background:#fff0df;color:#e46b18}
.theme-whmcs .hero h1{color:#5960dc}
.theme-whmcs .hero h1 span{color:#4f46e5}
.theme-whmcs .hero p{color:#596273;max-width:720px}
.theme-whmcs .hero .btn{background:#5b5ce2;box-shadow:0 7px 18px rgba(91,92,226,.22)}
.theme-whmcs .trust{background:#fff;border-color:#edf0f6}
.theme-whmcs .section-head h2{color:#1f2937}
.theme-whmcs .product{border:1px solid #e5e7ef;border-radius:12px;background:#fff;box-shadow:0 3px 12px rgba(31,41,55,.05)}
.theme-whmcs .product:hover{box-shadow:0 14px 32px rgba(91,92,226,.12);transform:translateY(-2px)}
.theme-whmcs .product-img{background:linear-gradient(135deg,#f4edff,#fff);border-bottom:1px solid #edf0f6}
.theme-whmcs .product .badge{background:#5b5ce2}
.theme-whmcs .product h3 a{color:#263042}
.theme-whmcs .product .price{color:#5b5ce2}
.theme-whmcs .product .btn{background:#5b5ce2;border-radius:7px}
.theme-whmcs .card{border-color:#e5e7ef;border-radius:12px;box-shadow:0 5px 20px rgba(31,41,55,.045)}
.theme-whmcs .client-sidebar{background:#fff;border:1px solid #e5e7ef;border-top:4px solid #5b5ce2;box-shadow:0 8px 24px rgba(31,41,55,.06)}
.theme-whmcs .client-sidebar-head small,.theme-whmcs .client-sidebar>a{color:#667085}
.theme-whmcs .client-sidebar>a:hover,.theme-whmcs .client-sidebar>a.active{background:#f0efff;color:#5b5ce2}
.theme-whmcs .client-sidebar-title{color:#8c91a3}
.theme-whmcs .client-sidebar .client-logout{color:#dc2626}
.theme-whmcs .account-hero{background:linear-gradient(120deg,#f4f2ff,#fff);border:1px solid #e7e8f3}
.theme-whmcs .account-hero h1{color:#4246b9}
.theme-whmcs .status.green{background:#e9f9ef;color:#16934a}
.theme-whmcs .status.blue{background:#eeedff;color:#5757d7}
.theme-whmcs .download-btn{background:#5b5ce2!important;color:#fff!important;min-width:170px;text-align:center}
.theme-whmcs .pending-download{color:#a15c00;background:#fff7e8;border:1px solid #ffe4b8;padding:8px 11px;border-radius:7px;font-size:12px;font-weight:700}
.digital-note{padding:13px 15px;background:#f4f2ff;border:1px solid #dfdcff;color:#4b4f9b;border-radius:9px;font-size:13px;line-height:1.55}
.account-order-card{border:1px solid #e7e9f0;border-radius:10px;padding:14px 16px;margin-top:12px;background:#fff}
.account-order-head{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-bottom:10px;border-bottom:1px solid #eef0f5}
.account-order-head b{display:block}.account-order-head small{display:block;color:#98a2b3;margin-top:3px}.account-order-head .status{display:inline-flex;margin-left:8px}
.download-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px 0;border-bottom:1px dashed #e5e7ef}.download-row:last-child{border-bottom:0}.download-row small{display:block;color:#98a2b3;margin-top:3px}
.account-order-foot{display:flex;justify-content:space-between;align-items:center;padding-top:11px}
.whmcs-download-fields{background:#fafaff;border:1px solid #e7e5ff;padding:14px;border-radius:10px}
@media(max-width:700px){.account-order-head,.download-row{align-items:flex-start;flex-direction:column}.download-btn{width:100%}}

/* WHMCS / Store-inspired storefront — dedicated digital-products presentation */
body.theme-whmcs{background:#fff;color:#20252f;font-family:Inter,Arial,sans-serif}
.theme-whmcs .template-topbar,.theme-whmcs .alt-header{display:none}
.tz-header{background:#fff;border-bottom:1px solid #edf0f5;position:sticky;top:0;z-index:50}
.tz-headrow{height:74px;display:flex;align-items:center;gap:22px}
.tz-brand{gap:7px!important;font-size:16px!important;line-height:1.05}
.tz-brand .store-logo{width:82px;height:42px;object-fit:contain}
.tz-brand .star{width:40px;height:40px;background:#6c63f5;color:#fff}
.tz-brand .tag{display:none}
.tz-mainnav{display:flex;align-items:center;gap:22px;margin-left:2px;white-space:nowrap}
.tz-mainnav a{font-size:12px;font-weight:600;color:#252b35}
.tz-mainnav a:hover{color:#625cf5}
.tz-search{height:38px;border:1px solid #edf0f5;border-radius:8px;display:flex;align-items:center;margin-left:auto;width:170px;color:#8b93a3;background:#fff}
.tz-search span{padding-left:11px;font-size:18px}.tz-search input{border:0;outline:0;width:100%;padding:0 9px;font-size:11px;color:#344054}
.tz-icons{display:flex;gap:16px;align-items:center}.tz-icons a{font-size:21px;color:#303743;line-height:1}.tz-icons a:last-child{font-size:22px}
.theme-whmcs .mobilebar{display:none}
.tz-hero{background:linear-gradient(135deg,#f8f8ff 0%,#fff 55%,#f8f5ff 100%);padding:62px 0 48px;border-bottom:1px solid #f0effb}
.tz-hero-inner{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:35px}.tz-hero-copy{padding-left:18px}.tz-pill{display:inline-flex;padding:9px 16px;border-radius:999px;background:#fff0dc;color:#ec7b21;font-size:13px;font-weight:700}.tz-hero h1{font-size:48px;line-height:1.08;margin:22px 0 14px;color:#5660d9}.tz-hero h1 span{color:#6d5cf4}.tz-hero p{font-size:17px;line-height:1.65;color:#667085;max-width:570px}.tz-primary{display:inline-flex;align-items:center;justify-content:center;margin-top:12px;background:#665ff1;color:#fff;border-radius:16px;padding:14px 30px;font-weight:700;box-shadow:0 7px 18px rgba(102,95,241,.2)}
.tz-hero-art{height:300px;position:relative;display:flex;align-items:center;justify-content:center}.tz-dashboard{width:86%;height:220px;background:#fff;border-radius:18px;box-shadow:0 20px 45px rgba(40,32,100,.15);padding:18px;transform:rotate(-3deg);position:relative;z-index:2}.tz-window{height:22px;border-bottom:1px solid #edf0f5;display:flex;gap:6px}.tz-window i{width:8px;height:8px;border-radius:50%;background:#d7dbea}.tz-dash-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:18px}.tz-dash-grid div{height:48px;border-radius:9px;background:linear-gradient(135deg,#f0efff,#e9edff)}.tz-dash-bars{margin-top:18px;display:flex;align-items:flex-end;gap:9px;height:75px}.tz-dash-bars b{display:block;width:15%;border-radius:8px 8px 2px 2px;background:linear-gradient(#8b5cf6,#625cf5)}.tz-dash-bars b:nth-child(1){height:45%}.tz-dash-bars b:nth-child(2){height:80%}.tz-dash-bars b:nth-child(3){height:62%}.tz-cube{position:absolute;right:3%;bottom:5px;width:105px;height:105px;border-radius:26px;background:linear-gradient(135deg,#793cff,#4420bd);color:#fff;display:grid;place-items:center;font-size:50px;box-shadow:0 20px 35px rgba(86,43,190,.25);transform:rotate(9deg)}
.tz-trust{background:#fff;border-bottom:1px solid #f0f1f5}.tz-trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}.tz-trust-grid>div{padding:23px 18px;border-right:1px solid #f0f1f5}.tz-trust-grid>div:last-child{border:0}.tz-trust-grid b{display:block;font-size:13px}.tz-trust-grid small{display:block;color:#8b93a3;margin-top:5px;font-size:11px}
.tz-section{padding:38px 0}.tz-products-section{background:#fbfbfd}.tz-section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.tz-section-head small{font-size:11px;color:#756de9}.tz-section-head h2{margin:5px 0 0;font-size:25px;color:#202631}.tz-section-head>a{font-size:12px;color:#6b62e9;font-weight:700}.tz-categories{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.tz-categories a{min-height:112px;border:1px solid #edf0f5;border-radius:13px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;box-shadow:0 4px 15px rgba(16,24,40,.035)}.tz-cat-icon{width:42px;height:42px;border-radius:12px;background:#f0efff;color:#675ef2;display:grid;place-items:center;font-size:20px}.tz-categories b{font-size:12px}.tz-categories small{font-size:10px;color:#98a2b3}
.tz-products-grid{grid-template-columns:repeat(4,1fr);gap:18px}.tz-product-card{border:1px solid #e9ebf1;border-radius:14px;box-shadow:0 3px 12px rgba(16,24,40,.06);overflow:hidden}.tz-product-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(16,24,40,.10)}.tz-product-image{height:255px;background:#f5f2ff}.tz-product-image img{object-fit:cover;width:100%;height:100%}.tz-product-badge{position:absolute;left:8px;top:8px;background:#6d3df4;color:#fff;border-radius:6px;padding:5px 8px;font-size:10px;font-weight:800}.tz-heart{position:absolute;right:9px;top:8px;width:29px;height:29px;border:0;border-radius:50%;background:#fff;color:#6b7280;font-size:18px;box-shadow:0 2px 8px rgba(0,0,0,.12)}.tz-product-card .product-body{padding:12px 12px 13px}.tz-verified{font-size:10px;color:#4b5563;display:flex;align-items:center;gap:4px}.tz-verified>span:first-child{width:16px;height:16px;border-radius:50%;display:inline-grid;place-items:center;background:#d9fbe8;color:#16a34a;font-weight:900}.tz-card-stars{margin-left:auto;color:#f5c518;font-size:10px}.tz-product-card h3{font-size:13px;line-height:1.35;margin:8px 0 4px;min-height:35px}.tz-card-category{font-size:10px;color:#667085;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tz-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.tz-tags span{font-size:9px;color:#6c63c8;background:#f1efff;padding:4px 7px;border-radius:5px}.tz-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:12px}.tz-product-card .price{font-size:14px;color:#645be8;white-space:nowrap}.tz-product-card .old{font-size:9px;margin-left:4px}.tz-card-actions{display:flex;align-items:center;gap:6px}.tz-preview{font-size:9px;background:#f2f1ff;color:#655de4;border-radius:10px;padding:7px 9px;font-weight:700}.tz-cart-circle{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#665df1;color:#fff;font-size:13px}.tz-promo{padding:0 0 48px;background:#fbfbfd}.tz-promo-box{border-radius:18px;background:linear-gradient(100deg,#eef0ff,#f8f3ff);padding:35px 45px;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.tz-promo-box span{font-size:10px;color:#7168e9;font-weight:800}.tz-promo-box h2{margin:7px 0;font-size:28px;color:#303650}.tz-promo-box p{color:#667085;font-size:13px}.tz-promo-art{width:230px;height:150px;border-radius:28px;background:linear-gradient(135deg,#673df0,#9a4bff);color:#fff;display:grid;place-items:center;text-align:center;font-size:25px;font-weight:700;box-shadow:0 20px 35px rgba(102,65,220,.22);transform:rotate(5deg)}.tz-promo-art strong{font-size:30px}
.theme-whmcs .footer{background:#fff;border-top:1px solid #edf0f5}.theme-whmcs .footer-social{display:none}.theme-whmcs .footmain{padding:38px 0;grid-template-columns:1.7fr 1.3fr 1.4fr 1.2fr 1fr}.theme-whmcs .footer-brand-col .brand{font-size:17px}.theme-whmcs .footer h4{font-size:13px}.theme-whmcs .footer p,.theme-whmcs .footer a{font-size:11px}.theme-whmcs .footer-inline-list{display:flex;flex-direction:column;gap:3px}.theme-whmcs .footer-policy-links{display:flex;gap:10px;flex-wrap:wrap}.theme-whmcs .payment-badges{display:flex;flex-wrap:wrap;gap:6px}.theme-whmcs .payment-badge-item{min-width:58px;height:32px;border:1px solid #edf0f5;border-radius:7px;background:#fff;display:grid;place-items:center;padding:4px 7px}.theme-whmcs .payment-badge-item img{max-height:23px;max-width:70px;object-fit:contain}
.theme-whmcs .client-area-shell{display:grid;grid-template-columns:225px 1fr;gap:24px}.theme-whmcs .client-sidebar{border:1px solid #edf0f5;border-radius:14px;background:#fff;padding:10px;box-shadow:0 4px 16px rgba(16,24,40,.04);height:max-content}.theme-whmcs .client-sidebar-head{padding:12px;border-bottom:1px solid #edf0f5;margin-bottom:7px}.theme-whmcs .client-sidebar-head b,.theme-whmcs .client-sidebar-head small{display:block}.theme-whmcs .client-sidebar-head small{font-size:10px;color:#98a2b3;margin-top:3px}.theme-whmcs .client-sidebar>a{display:block;padding:10px 11px;border-radius:8px;font-size:11px;color:#667085}.theme-whmcs .client-sidebar>a.active,.theme-whmcs .client-sidebar>a:hover{background:#f0efff;color:#655de7}.theme-whmcs .client-sidebar-title{font-size:9px;color:#98a2b3;text-transform:uppercase;font-weight:800;padding:13px 11px 6px}.theme-whmcs .client-logout{color:#dc2626!important}
.theme-whmcs .product-detail{background:#fff}.theme-whmcs .product-detail .detail-img{background:#f6f3ff;border-radius:16px}.theme-whmcs .product-detail .detail-img img{object-fit:contain}.theme-whmcs .btn{background:#665df1;border-radius:10px}.theme-whmcs .btn.light{background:#f1efff;color:#625be3;border:0}
@media(max-width:900px){.tz-headrow{gap:12px;height:64px}.tz-mainnav{gap:13px}.tz-mainnav a{font-size:10px}.tz-search{width:145px}.tz-icons{gap:10px}.tz-icons a{font-size:18px}.tz-hero{padding:42px 0}.tz-hero h1{font-size:38px}.tz-categories{grid-template-columns:repeat(3,1fr)}.tz-products-grid{grid-template-columns:repeat(2,1fr)}.theme-whmcs .footmain{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.tz-headrow{height:62px;padding:0 10px;gap:9px}.tz-brand .store-logo{width:70px;height:34px}.tz-brand>span:not(.star){font-size:0}.tz-brand .tag{display:none}.tz-mainnav{gap:9px;overflow:hidden;max-width:230px}.tz-mainnav a{font-size:9px}.tz-mainnav a:nth-child(4){display:none}.tz-search{width:34px;border:0;margin-left:0}.tz-search input{display:none}.tz-search span{font-size:22px;padding:0}.tz-icons{gap:8px}.tz-icons a{font-size:18px}.tz-icons a:nth-child(1){display:none}.tz-hero-inner{grid-template-columns:1fr}.tz-hero-copy{padding:0 6px}.tz-hero h1{font-size:33px}.tz-hero p{font-size:14px}.tz-hero-art{height:210px}.tz-dashboard{width:94%;height:165px}.tz-cube{width:70px;height:70px;font-size:30px}.tz-trust-grid{grid-template-columns:repeat(2,1fr)}.tz-trust-grid>div{padding:16px 10px}.tz-section{padding:28px 0}.tz-section-head h2{font-size:22px}.tz-categories{grid-template-columns:repeat(2,1fr);gap:9px}.tz-products-grid{gap:10px}.tz-product-image{height:175px}.tz-product-card .product-body{padding:9px}.tz-product-card h3{font-size:11px}.tz-card-category{font-size:9px}.tz-tags span{font-size:8px}.tz-card-bottom{display:block}.tz-card-actions{margin-top:8px;justify-content:space-between}.tz-promo-box{padding:25px 20px}.tz-promo-art{width:120px;height:95px;font-size:16px}.tz-promo-art strong{font-size:19px}.theme-whmcs .footmain{grid-template-columns:1fr 1fr;gap:22px}.theme-whmcs .client-area-shell{grid-template-columns:1fr}.theme-whmcs .client-sidebar{order:0}.theme-whmcs .client-main{order:1}}

/* V19 — WHMCS marketplace redesign based on supplied reference */
body.theme-whmcs{background:#fff;color:#111a2e;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
.theme-whmcs .wh-topbar{background:#111b38;color:#e7eaff;height:36px;font-size:11px}
.wh-topbar-inner{height:36px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.wh-top-left,.wh-top-right{display:flex;align-items:center;gap:11px;white-space:nowrap}.wh-top-left b{color:#fff}.wh-top-right a{color:#eef0ff}.wh-currency{padding:7px 11px;border-radius:8px;background:rgba(255,255,255,.09);margin-left:8px}
.theme-whmcs .tz-header{position:sticky;top:0;background:#fff;border-bottom:1px solid #e8eaf1;box-shadow:0 1px 8px rgba(18,25,44,.035)}
.theme-whmcs .tz-headrow{height:66px;gap:27px}.theme-whmcs .tz-brand{position:relative;min-width:176px;font-size:17px!important;color:#12203a}.theme-whmcs .tz-brand:after{content:'Scripts • Websites • Modules • Digital Solutions';display:inline-flex;align-items:center;justify-content:center;margin-left:6px;padding:5px 9px;border-radius:7px;background:linear-gradient(135deg,#7446ee,#9a4bff);color:#fff;font-size:10px;font-weight:800}.theme-whmcs .tz-brand .store-logo{width:92px;height:42px}.theme-whmcs .tz-brand .tag{display:none}
.theme-whmcs .tz-mainnav{gap:25px;margin-left:8px}.theme-whmcs .tz-mainnav a{font-size:12px;font-weight:700;color:#172036}.theme-whmcs .tz-mainnav a.active,.theme-whmcs .tz-mainnav a:hover{color:#4e55dd}
.theme-whmcs .tz-search{height:38px;width:235px;border:1px solid #e4e7ee;border-radius:8px;background:#fff;margin-left:auto;box-shadow:none}.theme-whmcs .tz-search input{font-size:11px}.theme-whmcs .tz-search button{width:38px;height:38px;border:0;background:linear-gradient(135deg,#5a4ce9,#7942ed);color:#fff;border-radius:0 8px 8px 0;font-size:18px;cursor:pointer}.theme-whmcs .tz-icons{gap:18px}.theme-whmcs .tz-icons a{font-size:25px;color:#182238;position:relative}.theme-whmcs .tz-icons .wh-cart em{position:absolute;right:-7px;top:-6px;background:#f43d57;color:#fff;border-radius:50%;width:16px;height:16px;display:grid;place-items:center;font-size:9px;font-style:normal;font-weight:800}
.theme-whmcs .mobilebar{display:none}
.wh-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 78% 50%,rgba(119,54,255,.34),transparent 34%),linear-gradient(110deg,#11183e 0%,#17164c 50%,#2a0f63 100%);color:#fff;min-height:435px}.wh-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,18,55,.92),rgba(18,17,67,.86) 48%,rgba(66,17,105,.62));pointer-events:none}.wh-hero-inner{position:relative;z-index:1;min-height:435px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:20px}.wh-hero-copy{padding:44px 0 35px}.wh-hero-pill{display:inline-flex;padding:9px 14px;border:1px solid rgba(96,154,255,.38);border-radius:999px;background:rgba(35,111,230,.22);color:#dce9ff;font-size:12px;font-weight:700}.wh-hero h1{font-size:43px;line-height:1.08;letter-spacing:-1px;margin:18px 0 14px;color:#fff}.wh-hero h1 span{color:#5472ff}.wh-hero p{font-size:15px;line-height:1.65;color:#e3e7f8;max-width:570px}.wh-hero-actions{display:flex;gap:12px;margin-top:17px}.wh-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:9px;padding:12px 21px;font-size:13px;font-weight:800;transition:.2s}.wh-btn-primary{background:linear-gradient(135deg,#5146ff,#7e39ed);color:#fff;box-shadow:0 9px 24px rgba(92,58,244,.3)}.wh-btn-primary:hover{transform:translateY(-1px);color:#fff}.wh-btn-outline{border:1px solid rgba(255,255,255,.8);color:#fff;background:rgba(255,255,255,.03)}.wh-hero-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:28px}.wh-hero-trust span{display:grid;grid-template-columns:28px 1fr;column-gap:7px;font-size:10px;color:#fff;font-weight:700}.wh-hero-trust b{grid-row:1/3;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:rgba(73,102,255,.23);border:1px solid rgba(123,140,255,.38);color:#7b8dff}.wh-hero-trust small{grid-column:2;color:#aeb7d7;font-size:8px;font-weight:500;margin-top:2px}
.wh-hero-art{height:370px;position:relative;display:flex;align-items:center;justify-content:center}.wh-device{width:82%;height:300px;border:8px solid #202c42;border-bottom-width:18px;border-radius:16px 16px 7px 7px;background:#f5f7fb;box-shadow:0 30px 60px rgba(0,0,0,.35),0 0 70px rgba(118,55,255,.3);position:relative;padding:45px 17px 15px 105px;transform:perspective(900px) rotateY(-4deg)}.wh-device:after{content:"";position:absolute;left:17%;right:17%;bottom:-28px;height:15px;border-radius:50%;background:rgba(0,0,0,.45);filter:blur(7px)}.wh-device-head{position:absolute;left:18px;top:14px;right:18px;display:flex;align-items:center;justify-content:space-between;color:#27344e}.wh-device-head b{font-size:22px}.wh-device-head b:after{content:'⚙';color:#54a26a;margin-left:2px}.wh-device-head small{font-size:8px;color:#778197}.wh-side{position:absolute;left:0;top:45px;bottom:15px;width:90px;background:#17213a;border-radius:0 0 0 7px}.wh-side:before{content:"Dashboard\A\AClients\A\AOrders\A\ABilling\A\A Modules\A\A Support\A\AReports\A\ASettings";white-space:pre;color:#b8c0d3;font-size:8px;line-height:2.45;position:absolute;left:15px;top:12px}.wh-module-list{display:grid;gap:10px}.wh-module-list div{min-height:48px;background:#fff;border-radius:9px;box-shadow:0 4px 12px rgba(28,37,60,.08);display:grid;grid-template-columns:30px 1fr 52px;align-items:center;gap:7px;padding:7px 10px}.wh-module-list i{width:28px;height:28px;border-radius:7px;display:grid;place-items:center;background:#e9efff;color:#4b59db;font-style:normal}.wh-module-list b{font-size:9px;color:#303a51}.wh-module-list em{font-style:normal;background:#dff8e8;color:#18a957;border-radius:999px;padding:5px 7px;text-align:center;font-size:7px;font-weight:800}.wh-float{position:absolute;z-index:4;color:#fff;font-weight:900;text-align:center;box-shadow:0 16px 28px rgba(0,0,0,.25)}.wh-float-premium{right:1%;top:22px;background:linear-gradient(135deg,#8755ff,#d046f5);padding:13px 18px;border-radius:10px;transform:rotate(8deg);font-size:14px}.wh-float-code{right:-1%;bottom:55px;width:58px;height:58px;border-radius:14px;background:linear-gradient(135deg,#6a3bf0,#3926b8);display:grid;place-items:center;font-size:23px;transform:rotate(8deg)}
.wh-categories{background:#fff;padding:24px 0 20px}.wh-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.wh-section-head h2{margin:0;color:#17213a;font-size:22px}.wh-section-head p{margin:4px 0 0;color:#8a92a3;font-size:12px}.wh-section-head>a,.wh-view-all{color:#5c55e8;font-size:11px;font-weight:800;white-space:nowrap}.wh-category-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}.wh-category-grid a{min-height:113px;border:1px solid #e9ecf3;border-radius:11px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;box-shadow:0 4px 15px rgba(17,25,42,.035);text-align:center}.wh-category-grid a:hover{border-color:#d8d5ff;transform:translateY(-2px)}.wh-cat-icon{width:43px;height:43px;border-radius:11px;display:grid;place-items:center;background:#f0ebff;color:#6b39e8;font-size:20px}.wh-cat-1{background:#eaf3ff;color:#2563eb}.wh-cat-2{background:#e8efff;color:#3154d9}.wh-cat-3{background:#e6f8ff;color:#0f8abf}.wh-cat-4{background:#e9efff;color:#2947d8}.wh-cat-5{background:#fff0e7;color:#f07826}.wh-cat-6{background:#ffeaf0;color:#f43f5e}.wh-cat-7{background:#f1eaff;color:#7c3aed}.wh-category-grid b{font-size:10px;color:#27334a}.wh-category-grid small{font-size:9px;color:#9098a9}
.wh-popular{background:#f8f9fc;padding:25px 0 28px}.wh-popular .wh-section-head{align-items:center}.wh-popular .wh-section-head>div:first-child small{color:#7771dd;font-size:10px;font-weight:800}.wh-popular .wh-section-head h2{font-size:23px;margin-top:4px}.wh-tabs{display:flex;border:1px solid #e4e7ee;background:#fff;border-radius:999px;padding:2px;margin-left:auto}.wh-tabs a{padding:9px 14px;border-radius:999px;color:#39435a;font-size:10px;font-weight:700}.wh-tabs a.active{background:#6a55ed;color:#fff}.wh-popular .tz-products-grid{grid-template-columns:repeat(4,1fr);gap:14px}.wh-popular .tz-product-card{border-radius:10px;background:#fff}.wh-popular .tz-product-image{height:155px;background:linear-gradient(135deg,#6d37eb,#8f45f6)}.wh-popular .tz-product-image img{object-fit:cover}.wh-popular .tz-product-card .product-body{padding:10px}.wh-popular .tz-verified{font-size:8px}.wh-popular .tz-product-card h3{font-size:12px;min-height:31px}.wh-popular .tz-card-category{font-size:9px}.wh-popular .tz-tags span{font-size:8px;padding:3px 6px}.wh-popular .tz-product-card .price{font-size:13px;color:#264bc5}.wh-popular .tz-preview{font-size:8px}.wh-popular .tz-cart-circle{width:29px;height:29px}
.wh-seller{padding:0 0 28px;background:#f8f9fc}.wh-seller-box{min-height:96px;border-radius:13px;padding:20px 25px;background:linear-gradient(100deg,#132a65,#4720a8 70%,#5d22d4);color:#fff;display:grid;grid-template-columns:54px 1fr auto 210px;align-items:center;gap:17px;box-shadow:0 10px 30px rgba(36,31,100,.18)}.wh-seller-icon{width:54px;height:54px;border-radius:13px;background:rgba(255,255,255,.12);display:grid;place-items:center;font-size:23px}.wh-seller-box h2{margin:0;font-size:19px}.wh-seller-box p{margin:4px 0 0;color:#d7def4;font-size:11px}.wh-seller-box .wh-btn{margin:0}.wh-seller-box ul{list-style:none;margin:0;padding:0;display:grid;gap:5px;font-size:9px;color:#fff}.wh-why{padding:10px 0 38px;background:#fff}.wh-why h2{font-size:21px;color:#17213a;margin-bottom:20px}.wh-why-grid{display:grid;grid-template-columns:repeat(4,1fr)}.wh-why-grid>div{padding:0 28px;border-right:1px solid #e7eaf1;display:grid;grid-template-columns:45px 1fr;column-gap:10px;align-items:center}.wh-why-grid>div:first-child{padding-left:0}.wh-why-grid>div:last-child{border:0}.wh-why-grid b{grid-row:1/3;width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#ddf7e7;color:#14a85b;font-size:21px}.wh-why-grid>div:nth-child(2) b{background:#eee8ff;color:#7740e9}.wh-why-grid>div:nth-child(3) b{background:#fff0dc;color:#ef862c}.wh-why-grid>div:nth-child(4) b{background:#e3efff;color:#3470e8}.wh-why-grid strong{font-size:11px;color:#27334a}.wh-why-grid p{font-size:9px;color:#8a92a3;line-height:1.5;margin:3px 0 0}
.wh-footer{background:#101b31;color:#fff}.wh-footer-grid{display:grid;grid-template-columns:1.45fr .8fr .9fr .9fr 1.2fr;gap:38px;padding:45px 0 35px}.wh-footer-grid>div{min-width:0}.wh-footer-brand .tz-brand{color:#fff!important;margin-bottom:12px}.wh-footer-brand .tz-brand .tag{display:none}.wh-footer-brand .tz-brand:after{content:'Scripts • Websites • Modules • Digital Solutions';display:inline-flex;align-items:center;justify-content:center;margin-left:6px;padding:5px 9px;border-radius:7px;background:linear-gradient(135deg,#7446ee,#9a4bff);color:#fff;font-size:9px;font-weight:800}.wh-footer-brand .store-logo{width:90px;height:40px}.wh-footer-grid h4{font-size:12px;margin:0 0 14px;color:#fff}.wh-footer-grid p,.wh-footer-grid a{display:block;color:#aeb8cf;font-size:10px;line-height:1.85}.wh-footer-grid a:hover{color:#fff}.wh-footer-brand p{max-width:280px;line-height:1.7}.wh-social{display:flex;gap:8px;margin-top:15px}.wh-social a{width:28px;height:28px;border-radius:50%;background:#1c2a46;display:grid;place-items:center;color:#dbe3f5;font-size:11px}.wh-subscribe p{margin-bottom:11px}.wh-subscribe form{display:flex;height:35px}.wh-subscribe input{min-width:0;flex:1;border:0;padding:0 12px;border-radius:6px 0 0 6px;font-size:10px;outline:0}.wh-subscribe button{width:40px;border:0;background:linear-gradient(135deg,#6d51ee,#8241ef);color:#fff;border-radius:0 6px 6px 0}.wh-footer-bottom{border-top:1px solid #253149;padding:17px 0;display:flex;justify-content:space-between;gap:20px;color:#8e99b0;font-size:9px}.wh-footer-bottom b{color:#ff4d64}
.theme-whmcs .footer{display:none}.theme-whmcs .page{background:#fff}.theme-whmcs .breadcrumb{color:#8a92a3}.theme-whmcs .card{border-color:#e8eaf0;box-shadow:0 8px 24px rgba(22,30,50,.045)}.theme-whmcs .product-detail .trust{background:#fff}.theme-whmcs .product-detail .trust .item{border-color:#e8eaf0}
@media(max-width:1050px){.wh-category-grid{grid-template-columns:repeat(4,1fr)}.theme-whmcs .tz-mainnav{gap:16px}.theme-whmcs .tz-mainnav a{font-size:11px}.theme-whmcs .tz-search{width:190px}.wh-seller-box{grid-template-columns:54px 1fr auto 160px}.wh-why-grid>div{padding:0 15px}}
@media(max-width:800px){.wh-top-left span{display:none}.wh-top-right a:nth-of-type(2),.wh-top-right span{display:none}.wh-topbar{height:31px}.wh-topbar-inner{height:31px;font-size:9px}.theme-whmcs .tz-headrow{height:60px;gap:9px}.theme-whmcs .tz-brand{min-width:118px;font-size:0!important}.theme-whmcs .tz-brand .store-logo{width:76px;height:35px}.theme-whmcs .tz-brand:after{font-size:8px;padding:4px 6px}.theme-whmcs .tz-mainnav{display:none}.theme-whmcs .tz-search{width:34px;border:0;margin-left:auto}.theme-whmcs .tz-search input{display:none}.theme-whmcs .tz-search button{background:transparent;color:#172036;width:34px;font-size:20px}.theme-whmcs .tz-icons{gap:9px}.theme-whmcs .tz-icons a{font-size:21px}.wh-hero-inner{grid-template-columns:1fr;min-height:auto}.wh-hero-copy{padding:36px 0 5px}.wh-hero h1{font-size:37px}.wh-hero-art{height:275px}.wh-device{height:220px;width:86%;padding-left:80px}.wh-side{width:65px}.wh-side:before{font-size:6px;left:9px}.wh-module-list div{min-height:36px;grid-template-columns:23px 1fr 42px}.wh-module-list i{width:22px;height:22px}.wh-module-list b{font-size:7px}.wh-module-list em{font-size:6px;padding:4px}.wh-hero-trust{grid-template-columns:repeat(2,1fr);margin-top:22px}.wh-category-grid{grid-template-columns:repeat(4,1fr)}.wh-popular .wh-section-head{align-items:flex-start;flex-wrap:wrap}.wh-tabs{order:3;width:100%;overflow:auto}.wh-tabs a{white-space:nowrap}.wh-popular .tz-products-grid{grid-template-columns:repeat(2,1fr)}.wh-seller-box{grid-template-columns:45px 1fr;gap:12px}.wh-seller-box>.wh-btn{grid-column:2;justify-self:start}.wh-seller-box ul{grid-column:1/-1;grid-template-columns:repeat(3,1fr);display:grid}.wh-why-grid{grid-template-columns:repeat(2,1fr);gap:24px}.wh-why-grid>div{padding:0;border:0}.wh-footer-grid{grid-template-columns:repeat(2,1fr);gap:28px}.wh-footer-brand,.wh-subscribe{grid-column:1/-1}}
@media(max-width:560px){.wh-top-left b{font-size:9px}.wh-top-right{font-size:8px}.wh-hero{min-height:0}.wh-hero h1{font-size:31px}.wh-hero p{font-size:13px}.wh-hero-actions{flex-wrap:wrap}.wh-btn{padding:11px 17px}.wh-hero-art{height:230px}.wh-device{width:95%;height:185px;border-width:5px;padding:33px 8px 8px 64px}.wh-device-head{top:8px;left:10px}.wh-device-head b{font-size:14px}.wh-side{top:33px;width:51px;bottom:8px}.wh-side:before{font-size:5px;line-height:2.25;left:6px;top:7px}.wh-module-list{gap:5px}.wh-module-list div{min-height:29px;grid-template-columns:18px 1fr 34px;padding:4px}.wh-module-list i{width:18px;height:18px;font-size:8px}.wh-module-list b{font-size:5.5px}.wh-module-list em{font-size:4.5px;padding:3px}.wh-float-premium{right:0;top:12px;font-size:9px;padding:8px 11px}.wh-float-code{right:-1%;bottom:25px;width:42px;height:42px;font-size:17px}.wh-hero-trust span{font-size:9px}.wh-hero-trust small{font-size:7px}.wh-categories{padding-top:22px}.wh-section-head{align-items:flex-start}.wh-section-head h2{font-size:20px}.wh-section-head>a{font-size:9px}.wh-category-grid{grid-template-columns:repeat(2,1fr);gap:8px}.wh-category-grid a{min-height:100px}.wh-popular .tz-product-image{height:145px}.wh-popular .tz-product-card h3{font-size:11px}.wh-seller-box{padding:17px}.wh-seller-box h2{font-size:16px}.wh-seller-box p{font-size:9px}.wh-seller-box ul{font-size:8px}.wh-why-grid{grid-template-columns:1fr 1fr;gap:18px}.wh-why-grid>div{grid-template-columns:35px 1fr;column-gap:8px}.wh-why-grid b{width:34px;height:34px;font-size:16px}.wh-why-grid strong{font-size:10px}.wh-why-grid p{font-size:8px}.wh-footer-grid{grid-template-columns:1fr 1fr;gap:24px;padding:34px 0 27px}.wh-footer-brand,.wh-subscribe{grid-column:1/-1}.wh-footer-bottom{display:block;line-height:1.8}.wh-footer-bottom span{display:block}.wh-footer-bottom span+span{margin-top:3px}}

/* ===== WHMCS V20 — screenshot-matched digital marketplace ===== */
.theme-whmcs{background:#fafbfe;color:#293246}.theme-whmcs .tz-header{box-shadow:0 1px 8px rgba(20,30,60,.05)}
.theme-whmcs .tz-headrow{height:76px;grid-template-columns:auto 1fr minmax(250px,360px) auto;gap:22px}.theme-whmcs .tz-brand{display:flex;align-items:center;gap:8px}.theme-whmcs .tz-brand .store-logo{width:86px;height:42px;object-fit:contain}.theme-whmcs .tz-brand:after{content:'Scripts • Websites • Modules • Digital Solutions';display:inline-flex;align-items:center;background:linear-gradient(135deg,#7546ee,#9b49ff);color:#fff;padding:6px 9px;border-radius:7px;font-size:11px;font-weight:800}.theme-whmcs .tz-mainnav{justify-content:center;gap:24px}.theme-whmcs .tz-mainnav a{font-size:12px;color:#182239;font-weight:700}.theme-whmcs .tz-mainnav a.active,.theme-whmcs .tz-mainnav a:hover{color:#5f55e8}.theme-whmcs .tz-search{height:40px;border:1px solid #e2e6ef;border-radius:9px;background:#fff;display:flex;overflow:hidden}.theme-whmcs .tz-search input{font-size:11px}.theme-whmcs .tz-search button{width:45px;background:#6848ef;color:#fff;border:0;font-size:20px}.theme-whmcs .tz-icons{gap:16px}.theme-whmcs .tz-icons a{color:#152037;font-size:24px}.theme-whmcs .tz-icons .wh-cart{position:relative}.theme-whmcs .tz-icons .wh-cart em{position:absolute;right:-7px;top:-7px;background:#ef3340;color:#fff;width:16px;height:16px;border-radius:50%;display:grid;place-items:center;font-size:8px;font-style:normal}.tz-menu-btn{display:none;border:0;background:transparent;font-size:24px}.tz-mobile-menu{display:none}
.theme-whmcs .wh-footer-light{background:linear-gradient(135deg,#fff,#fffdf3 70%,#f7efff);border-top:1px solid #edf0f5}.wh-footer-light-grid{display:grid;grid-template-columns:1.2fr 1.15fr 1.2fr 1.2fr 1fr;gap:35px;padding:48px 0 34px}.wh-footer-light-grid h4{font-size:18px;color:#5e58d9;margin:0 0 18px}.wh-footer-light-grid p,.wh-footer-light-grid a{font-size:14px;line-height:1.8;color:#5c6475}.wh-footer-brand .store-logo{width:100px;height:45px}.wh-footer-brand p{max-width:310px}.wh-footer-links-list{display:flex;flex-wrap:wrap;gap:8px 18px}.wh-footer-links-list a{white-space:nowrap}.wh-footer-links-list a:hover,.wh-policy-links a:hover{color:#6258e7}.wh-policy-links{display:flex;gap:14px;flex-wrap:wrap;margin-top:18px}.wh-policy-links a{font-size:13px}.wh-footer-light .footer-contact{display:flex;gap:10px;align-items:flex-start;margin:9px 0}.wh-footer-light .footer-contact span{color:#665be9}.wh-footer-light .payment-badges{display:flex;flex-wrap:wrap;gap:9px}.wh-footer-light .payment-badge-item{min-width:60px;min-height:34px;background:#fff;border:1px solid #e8e9ef;border-radius:8px;display:grid;place-items:center;padding:5px 8px}.wh-footer-light .payment-badge-item img{max-width:70px;max-height:28px;object-fit:contain}.wh-footer-light-bottom{color:#737b8b;border-top:1px solid #ececf2;padding:18px 0;font-size:12px}
.route-login,.route-register{background:linear-gradient(135deg,#fbfbff,#fffdf7)}.auth-page-v20{padding:58px 0 75px;min-height:620px}.auth-card-v20{width:min(600px,100%);margin:0 auto;background:#fff;border:1px solid #edf0f5;border-radius:24px;box-shadow:0 12px 40px rgba(27,38,67,.06);padding:44px 40px}.auth-card-v20 .eyebrow{color:#665be9;font-size:15px;margin-bottom:10px}.auth-card-v20 h1{font-size:34px;color:#202b3d;margin:0 0 30px}.auth-card-v20 .field{margin-bottom:20px}.auth-card-v20 label{font-size:15px;font-weight:600;color:#394355}.auth-input{height:58px;border:1px solid #dfe3ea;border-radius:30px;display:flex;align-items:center;padding:0 18px;margin-top:8px}.auth-input input{border:0;outline:0;width:100%;height:100%;font-size:16px;background:transparent}.auth-input span{color:#9ba3b0;font-size:20px}.auth-row{display:flex;justify-content:space-between;align-items:center;margin:4px 0 22px;font-size:14px}.auth-row a,.auth-bottom-v20 a{color:#6358e9;font-weight:700}.auth-row .checkline{margin:0}.auth-submit-v20{width:100%;height:58px;border-radius:29px;background:#655eea;font-size:17px}.or-divider{display:flex;align-items:center;gap:12px;margin:25px 0;color:#7a8190}.or-divider:before,.or-divider:after{content:'';height:1px;background:#e4e6eb;flex:1}.google-btn{height:58px;border:1px solid #dfe2e8;border-radius:29px;background:#fff;display:flex;align-items:center;justify-content:center;gap:12px;color:#404858;font-size:17px;font-weight:600}.google-g{font-weight:900;font-size:22px;color:#4285f4}.auth-bottom-v20{text-align:center;margin:28px 0 0;color:#626a79;font-size:15px}.fake-captcha{border:1px solid #dfe2e8;background:#fafafa;min-height:65px;border-radius:4px;margin:8px 0 18px;padding:14px;color:#495160}.fake-captcha small{display:block;color:#8a919d;margin-top:4px}
@media(max-width:800px){.theme-whmcs .tz-headrow{height:70px;padding:0 12px;grid-template-columns:auto 1fr auto;gap:11px}.theme-whmcs .tz-brand .store-logo{width:78px;height:39px}.theme-whmcs .tz-brand:after{display:none}.theme-whmcs .tz-mainnav{display:none}.theme-whmcs .tz-search{width:34px;border:0;background:transparent}.theme-whmcs .tz-search input{display:none}.theme-whmcs .tz-search button{background:transparent;color:#111c2e;width:34px;font-size:24px}.theme-whmcs .tz-icons{gap:12px}.theme-whmcs .tz-icons a{font-size:23px}.theme-whmcs .tz-icons .tz-menu-btn{display:block}.tz-menu-btn{display:block}.tz-mobile-menu{background:#fff;border-top:1px solid #edf0f5;box-shadow:0 12px 25px rgba(15,23,42,.08);position:absolute;left:0;right:0;z-index:60;padding:8px 15px}.tz-menu-open .tz-mobile-menu{display:grid}.tz-mobile-menu a{padding:13px 8px;border-bottom:1px solid #f0f1f5;color:#293246;font-weight:700;font-size:14px}.wh-footer-light-grid{grid-template-columns:1fr 1fr;gap:28px;padding:34px 22px}.wh-footer-brand,.wh-footer-light-grid>div:last-child{grid-column:1/-1}.wh-footer-light-grid h4{font-size:17px}.wh-footer-light-grid p,.wh-footer-light-grid a{font-size:13px}.wh-footer-light-bottom{padding:16px 22px}.auth-page-v20{padding:30px 12px 55px}.auth-card-v20{padding:32px 20px;border-radius:18px}.auth-card-v20 h1{font-size:27px;margin-bottom:26px}.auth-input{height:56px}.theme-whmcs .tz-products-grid,.theme-whmcs .wh-popular .tz-products-grid{grid-template-columns:1fr;gap:16px}.theme-whmcs .tz-product-image,.theme-whmcs .wh-popular .tz-product-image{height:320px}.theme-whmcs .tz-product-card .product-body{padding:15px 18px 18px}.theme-whmcs .tz-product-card h3{font-size:20px;min-height:auto}.theme-whmcs .tz-card-category{font-size:14px}.theme-whmcs .tz-tags span{font-size:13px;padding:7px 12px;border-radius:20px}.theme-whmcs .tz-product-card .price{font-size:24px}.theme-whmcs .tz-preview{font-size:14px;padding:11px 15px;border-radius:24px}.theme-whmcs .tz-cart-circle{width:42px;height:42px}}
@media(min-width:801px){.theme-whmcs .tz-product-image,.theme-whmcs .wh-popular .tz-product-image{height:250px}}
/* ===== WHMCS V21 — exact Store-style internal pages ===== */
.theme-whmcs .wh-home-products{padding-top:34px}
.theme-whmcs .wh-shop-v21{padding-top:24px;padding-bottom:58px}
.wh-shop-layout-v21{display:grid;grid-template-columns:235px minmax(0,1fr);gap:28px;align-items:start}
.wh-category-sidebar-v21{position:sticky;top:18px;background:#fff;border:1px solid #e7eaf1;border-radius:16px;padding:10px;box-shadow:0 8px 24px rgba(30,41,70,.05)}
.wh-side-title{padding:13px 12px 14px;border-bottom:1px solid #eef0f5;margin-bottom:7px}.wh-side-title span{display:block;font-size:16px;font-weight:800;color:#202b3d}.wh-side-title small{display:block;color:#8c94a5;font-size:11px;margin-top:3px}
.wh-side-cat{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;padding:10px 9px;border-radius:10px;color:#566071;font-size:12px;font-weight:600}.wh-side-cat:hover,.wh-side-cat.active{background:#f0efff;color:#6258e9}.wh-side-cat img{width:30px;height:30px;border-radius:8px;object-fit:cover;background:#f4f2ff}.wh-side-cat-icon{width:30px;height:30px;border-radius:8px;background:#f1efff;color:#655be8;display:grid;place-items:center;font-size:15px}.wh-side-cat b{font-size:10px;color:#9aa1ae}
.wh-shop-main-v21{min-width:0}.wh-shop-head-v21{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:16px}.wh-shop-head-v21 h1{font-size:30px;color:#202b3d;margin:4px 0}.wh-shop-head-v21 p{margin:0;color:#8a93a4;font-size:12px}.wh-sort-v21 select{height:42px;border:1px solid #e0e4ec;border-radius:10px;background:#fff;padding:0 13px;color:#4c5668;outline:none}.wh-filter-search-v21{display:flex;height:48px;border:1px solid #e2e5ec;border-radius:25px;background:#fff;overflow:hidden;margin-bottom:20px}.wh-filter-search-v21 input{border:0;outline:0;flex:1;padding:0 18px;font-size:13px;color:#344054}.wh-filter-search-v21 button{width:55px;border:0;background:#665df1;color:#fff;font-size:20px}
.theme-whmcs .wh-shop-main-v21 .tz-products-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.theme-whmcs .wh-shop-main-v21 .tz-product-image{height:220px}.theme-whmcs .wh-shop-main-v21 .tz-product-card{background:#fff}.theme-whmcs .wh-shop-main-v21 .tz-product-card h3{font-size:14px}.theme-whmcs .wh-shop-main-v21 .tz-card-category{font-size:11px}.theme-whmcs .wh-shop-main-v21 .tz-tags span{font-size:9px;padding:5px 8px}.theme-whmcs .wh-shop-main-v21 .tz-product-card .price{font-size:17px}
.wh-product-v21{padding-top:24px;padding-bottom:70px}.wh-product-top-v21{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(380px,.98fr);gap:42px;align-items:start}.wh-product-gallery-v21{min-width:0}.wh-main-image-v21{height:500px;border:1px solid #e7e9f0;border-radius:16px;background:#f5f1ff;display:flex;align-items:center;justify-content:center;overflow:hidden}.wh-main-image-v21 img{width:100%;height:100%;object-fit:contain}.wh-thumb-row-v21{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:13px}.wh-thumb-v21{height:88px;border:2px solid #edf0f5;border-radius:11px;background:#fff;padding:5px;overflow:hidden;cursor:pointer}.wh-thumb-v21.active,.wh-thumb-v21:hover{border-color:#665df1}.wh-thumb-v21 img{width:100%;height:100%;object-fit:contain;border-radius:7px}.wh-product-info-v21{padding-top:6px}.wh-verified-v21{display:flex;align-items:center;gap:8px;color:#21a45a;font-size:13px;font-weight:700}.wh-verified-v21 span{width:28px;height:28px;border-radius:9px;background:#dff8e9;display:grid;place-items:center}.wh-product-info-v21 h1{font-size:35px;line-height:1.15;color:#202b3d;margin:15px 0 12px}.wh-product-category-v21{display:inline-flex;align-items:center;gap:6px;background:#f3f1ff;color:#675ee7;border-radius:18px;padding:8px 12px;font-size:13px;font-weight:700}.wh-product-price-v21{font-size:32px;font-weight:800;color:#6258e9;margin-top:18px}.wh-product-price-v21 del{font-size:14px;color:#9aa1ad;font-weight:500;margin-left:9px}.wh-product-meta-v21{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:11px;color:#667085;font-size:13px}.wh-product-meta-v21 .stars{color:#f4c51d;font-size:17px}.wh-tags-v21{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.wh-tags-v21 span{background:#f3f1ff;color:#655de1;border-radius:18px;padding:8px 12px;font-size:12px}.wh-feature-list-v21{margin:16px 0 20px}.wh-feature-list-v21 div{display:flex;gap:10px;align-items:flex-start;margin:13px 0;color:#657082;font-size:14px}.wh-feature-list-v21 div:first-letter{color:#655de8}.wh-product-actions-v21{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.wh-download-free-v21,.wh-live-btn-v21{min-height:52px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;text-decoration:none}.wh-download-free-v21{background:#19aa50;color:#fff}.wh-cart-main-v21{background:#655df0}.wh-live-btn-v21{background:#f0efff;color:#655de5}.wh-payment-note-v21{font-size:11px;line-height:1.6;color:#8b93a2;margin-top:13px}.wh-description-v21,.wh-reviews-v21{margin-top:44px;border-top:1px solid #eceef3;padding-top:30px}.wh-description-v21 h2,.wh-reviews-v21 h2{font-size:23px;color:#202b3d}.wh-description-box-v21{background:#fff;border:1px solid #edf0f5;border-radius:14px;padding:22px;line-height:1.8;color:#5d6676}.wh-reviews-v21 .review{border:1px solid #edf0f5;border-radius:12px;background:#fff;padding:16px;margin:12px 0}
.wh-footer-v21{background:#09182c;color:#fff;margin-top:0}.wh-footer-v21-grid{display:grid;grid-template-columns:1.55fr 1fr 1fr 1fr 1.55fr;gap:48px;padding:54px 0 42px}.wh-footer-v21 h4{font-size:14px;margin:0 0 18px;color:#fff}.wh-footer-v21 p{color:#aab5c6;font-size:12px;line-height:1.7}.wh-footer-v21-brand .store-logo{width:105px;height:48px;object-fit:contain}.wh-footer-v21-brand .brand>span:not(.star){color:#fff}.wh-footer-v21-brand .tag{color:#aab5c6}.wh-footer-v21-links{display:flex;flex-direction:column;gap:9px}.wh-footer-v21-links a{color:#aeb9c9;font-size:12px}.wh-footer-v21-links a:hover{color:#fff}.wh-social-v21{display:flex;gap:9px;margin-top:16px}.wh-social-v21 a{width:30px;height:30px;border-radius:50%;background:#1b2b43;color:#fff;display:grid;place-items:center;font-size:12px}.wh-newsletter-v21{height:44px;display:flex;border-radius:7px;overflow:hidden;background:#fff}.wh-newsletter-v21 input{min-width:0;flex:1;border:0;outline:0;padding:0 12px;color:#344054}.wh-newsletter-v21 button{width:46px;border:0;background:#6657ef;color:#fff;font-size:17px}.wh-footer-v21-accept{margin-top:22px}.wh-footer-v21-accept>span{display:block;font-size:11px;color:#aab5c6;margin-bottom:8px}.wh-footer-v21 .payment-badges{display:flex;gap:7px;flex-wrap:wrap}.wh-footer-v21 .payment-badge-item{min-width:48px;height:29px;background:#fff;border-radius:5px;color:#172033;display:grid;place-items:center;padding:4px 7px}.wh-footer-v21 .payment-badge-item img{max-width:65px;max-height:22px;object-fit:contain}.wh-footer-v21-bottom{border-top:1px solid #203047}.wh-footer-v21-bottom .container{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#aab5c6;font-size:11px}.wh-footer-v21-bottom b{color:#ff4f64}
@media(max-width:1050px){.wh-shop-layout-v21{grid-template-columns:205px 1fr}.theme-whmcs .wh-shop-main-v21 .tz-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wh-product-top-v21{grid-template-columns:1fr 1fr;gap:25px}.wh-main-image-v21{height:430px}.wh-footer-v21-grid{gap:28px}}
@media(max-width:800px){.wh-shop-layout-v21{grid-template-columns:1fr}.wh-category-sidebar-v21{position:relative;top:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:5px}.wh-side-title{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center}.wh-side-cat{font-size:11px}.wh-product-top-v21{grid-template-columns:1fr}.wh-main-image-v21{height:420px}.wh-product-info-v21 h1{font-size:29px}.wh-footer-v21-grid{grid-template-columns:repeat(2,1fr);gap:28px;padding:42px 22px 35px}.wh-footer-v21-brand,.wh-footer-v21-subscribe{grid-column:1/-1}.wh-footer-v21-bottom .container{padding:15px 22px;display:block;line-height:1.8}.wh-footer-v21-bottom .container span{display:block}.wh-footer-v21-bottom .container span+span{margin-top:4px}}
@media(max-width:560px){.theme-whmcs .wh-shop-main-v21 .tz-products-grid{grid-template-columns:1fr;gap:15px}.theme-whmcs .wh-shop-main-v21 .tz-product-image{height:285px}.wh-side-cat{min-height:49px}.wh-shop-head-v21{display:block}.wh-sort-v21{margin-top:12px}.wh-sort-v21 select{width:100%}.wh-main-image-v21{height:350px}.wh-thumb-row-v21{gap:7px}.wh-thumb-v21{height:70px}.wh-product-info-v21 h1{font-size:26px}.wh-product-price-v21{font-size:29px}.wh-product-actions-v21{grid-template-columns:1fr}.wh-footer-v21-grid{grid-template-columns:1fr 1fr;padding:35px 18px}.wh-footer-v21-brand,.wh-footer-v21-subscribe{grid-column:1/-1}.wh-footer-v21 h4{font-size:13px}.wh-footer-v21-links a{font-size:11px}.wh-footer-v21-bottom .container{padding:14px 18px}}

/* V22 — Store reference-accurate WHMCS skin */
.theme-whmcs{--blue:#645be8;--blue2:#5148d9;--soft:#f7f7ff;--line:#e9eaf1;background:#fff;color:#252b3b}
.theme-whmcs main{background:#fff}
.theme-whmcs .tz-header-exact{position:sticky;top:0;background:#fff;border-bottom:1px solid #eceef4;box-shadow:0 1px 5px rgba(20,25,45,.035);z-index:80}
.theme-whmcs .tz-headrow{min-height:72px;display:grid;grid-template-columns:170px minmax(350px,1fr) auto;align-items:center;gap:24px;padding:0 8px}
.theme-whmcs .tz-brand{display:flex;align-items:center;gap:6px;text-decoration:none;color:#111827;min-width:0}
.theme-whmcs .tz-brand .store-logo{width:122px;height:48px;object-fit:contain}
.theme-whmcs .tz-brand .star{width:45px;height:45px;display:grid;place-items:center;color:#5f63ea;font-size:36px}
.theme-whmcs .tz-brand>span:not(.star){font-weight:900;font-size:18px;letter-spacing:-.5px;line-height:1.05}
.theme-whmcs .tz-brand .tag{display:none}
.theme-whmcs .tz-mainnav{display:flex;align-items:center;justify-content:center;gap:28px;min-width:0}
.theme-whmcs .tz-mainnav a{color:#172033;font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap}
.theme-whmcs .tz-mainnav a:first-child,.theme-whmcs .tz-mainnav a:hover{color:#5d5ee8}
.theme-whmcs .tz-search{height:40px;width:250px;display:flex;border:1px solid #e0e3ea;border-radius:8px;overflow:hidden;background:#fff;margin-left:auto}
.theme-whmcs .tz-search input{border:0;outline:0;min-width:0;flex:1;padding:0 12px;font-size:12px;color:#344054;background:#fff}
.theme-whmcs .tz-search button{width:43px;border:0;background:#6258e8;color:#fff;font-size:21px;cursor:pointer}
.theme-whmcs .tz-icons{display:flex;align-items:center;gap:19px;margin-left:0}
.theme-whmcs .tz-icons a,.theme-whmcs .tz-menu-btn{color:#172033;text-decoration:none;font-size:27px;line-height:1;background:none;border:0;padding:0;position:relative;cursor:pointer}
.theme-whmcs .tz-icons em{position:absolute;right:-8px;top:-7px;width:16px;height:16px;border-radius:50%;display:grid;place-items:center;background:#ee3347;color:#fff;font:800 9px/1 Arial;font-style:normal}
.theme-whmcs .tz-menu-btn{display:none}
.theme-whmcs .tz-mobile-menu{display:none}
.theme-whmcs .mobilebar{display:none}

.theme-whmcs .wh-popular{background:#fff;padding:30px 0 45px}
.theme-whmcs .wh-section-head{display:flex;align-items:end;gap:18px}
.theme-whmcs .wh-section-head>div:first-child small{color:#675de5;font-size:12px;font-weight:700}
.theme-whmcs .wh-section-head h2{font-size:25px;color:#1f2937;margin:6px 0 2px}
.theme-whmcs .wh-section-head p{color:#7b8494;font-size:12px;margin:0}
.theme-whmcs .wh-tabs{margin-left:auto}
.theme-whmcs .wh-view-all{color:#6259e7;font-size:12px;font-weight:700}
.theme-whmcs .tz-products-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.theme-whmcs .wh-popular .tz-products-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.theme-whmcs .tz-product-card{background:#fff;border:1px solid #e8e9ef;border-radius:13px;overflow:hidden;box-shadow:0 3px 12px rgba(20,25,45,.07);transition:.18s}
.theme-whmcs .tz-product-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(65,58,170,.12)}
.theme-whmcs .tz-product-image{height:250px;background:#f2efff;position:relative;overflow:hidden}
.theme-whmcs .tz-product-image img{width:100%;height:100%;object-fit:cover;display:block}
.theme-whmcs .tz-product-badge{left:12px;top:12px;border-radius:8px;background:#7141ed;padding:7px 10px;font-size:12px}
.theme-whmcs .tz-heart{right:11px;top:11px;width:39px;height:39px;font-size:25px}
.theme-whmcs .tz-product-card .product-body{padding:14px 15px 16px}
.theme-whmcs .tz-verified{font-size:11px;color:#667085;gap:7px}
.theme-whmcs .tz-verified>span:first-child{width:23px;height:23px;font-size:13px;border-radius:8px}
.theme-whmcs .tz-card-stars{font-size:14px;letter-spacing:1px}
.theme-whmcs .tz-product-card h3{font-size:15px;line-height:1.35;min-height:40px;margin:10px 0 5px;color:#273044}
.theme-whmcs .tz-card-category{font-size:12px;color:#667085}
.theme-whmcs .tz-tags{gap:7px;margin-top:10px}
.theme-whmcs .tz-tags span{font-size:11px;padding:7px 11px;border-radius:18px;background:#f2f0ff;color:#7067d8}
.theme-whmcs .tz-card-bottom{margin-top:14px}
.theme-whmcs .tz-product-card .price{font-size:19px;font-weight:800;color:#6259e8}
.theme-whmcs .tz-product-card .old{font-size:10px;color:#98a2b3;text-decoration:line-through}
.theme-whmcs .tz-preview{font-size:11px;padding:10px 14px;border-radius:22px;background:#f0efff;color:#665de2}
.theme-whmcs .tz-cart-circle{width:43px;height:43px;font-size:17px;background:#655ce9}

/* Category/filter page */
.theme-whmcs .tz-category-page-exact{padding-top:22px;padding-bottom:55px}
.theme-whmcs .tz-filter-card-exact{display:none}
.theme-whmcs .tz-category-layout-exact{display:grid;grid-template-columns:235px minmax(0,1fr);gap:22px;align-items:start}
.theme-whmcs .tz-category-sidebar-exact{border:1px solid #e8e9ef;border-radius:14px;background:#fff;padding:13px;box-shadow:0 3px 12px rgba(20,25,45,.045);position:sticky;top:88px}
.theme-whmcs .tz-category-sidebar-exact h3{margin:4px 7px 12px;font-size:16px;color:#283044}
.theme-whmcs .tz-category-sidebar-exact>a{display:flex;align-items:center;gap:8px;padding:10px 8px;border-radius:9px;color:#5d6676;text-decoration:none;font-size:12px;font-weight:650}
.theme-whmcs .tz-category-sidebar-exact>a.active,.theme-whmcs .tz-category-sidebar-exact>a:hover{background:#f0efff;color:#6259e8}
.theme-whmcs .tz-category-sidebar-exact>a img{width:27px;height:27px;object-fit:contain;border-radius:7px;background:#f6f4ff}
.theme-whmcs .tz-category-sidebar-exact>a b{margin-left:auto;font-size:10px;color:#98a2b3}
.theme-whmcs .cat-icon-exact{width:27px;height:27px;border-radius:7px;background:#f0efff;display:grid;place-items:center;color:#6259e8}
.theme-whmcs .tz-category-heading-exact{margin-bottom:17px}
.theme-whmcs .tz-category-heading-exact>span{color:#675de5;font-size:12px;font-weight:700}
.theme-whmcs .tz-category-heading-exact h1{font-size:25px;margin:6px 0 0;color:#202938}
.theme-whmcs .tz-category-main-exact .tz-products-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}

/* Product detail */
.theme-whmcs .wh-product-v21{padding-top:24px;padding-bottom:65px}
.theme-whmcs .wh-product-top-v21{gap:32px}
.theme-whmcs .wh-main-image-v21{height:500px;border-radius:12px;background:#f3efff;border-color:#ececf2}
.theme-whmcs .wh-thumb-row-v21{grid-template-columns:repeat(4,1fr);gap:12px}
.theme-whmcs .wh-thumb-v21{height:78px;border-radius:10px}
.theme-whmcs .wh-verified-v21{font-size:13px;color:#23a45b}
.theme-whmcs .wh-verified-v21 span{width:30px;height:30px;border-radius:9px}
.theme-whmcs .wh-product-info-v21 h1{font-size:34px;line-height:1.18;margin:16px 0 12px}
.theme-whmcs .wh-product-category-v21{font-size:13px;border-radius:20px;background:#f3f1ff;color:#6259e8}
.theme-whmcs .wh-product-price-v21{font-size:31px;color:#6259e8}
.theme-whmcs .wh-product-meta-v21{font-size:15px}
.theme-whmcs .wh-product-meta-v21 .stars{color:#f1c61a;font-size:18px}
.theme-whmcs .wh-product-meta-v21 .stars small{color:#667085;font-size:12px}
.theme-whmcs .wh-tags-v21 span{font-size:12px;background:#f4f2ff;color:#7168d9;padding:9px 14px;border-radius:20px}
.theme-whmcs .wh-feature-list-v21 div{font-size:15px;margin:14px 0;color:#5f6878}
.theme-whmcs .wh-product-actions-v21{display:flex;flex-direction:column;gap:12px}
.theme-whmcs .wh-download-free-v21,.theme-whmcs .wh-live-btn-v21,.theme-whmcs .wh-community-btn-v21{width:100%;min-height:53px;border-radius:10px}
.theme-whmcs .wh-download-free-v21{background:#19aa50}
.theme-whmcs .wh-cart-main-v21{background:#655ce9}
.theme-whmcs .wh-live-btn-v21{background:#655ce9;color:#fff}
.theme-whmcs .wh-community-btn-v21{background:#f0efff;color:#6259e8;display:flex;align-items:center;justify-content:center;font-weight:800;text-decoration:none}

/* Exact light footer from reference */
.theme-whmcs .tz-footer-exact{background:linear-gradient(135deg,#fbf8ff 0%,#fff 53%,#fffdf0 100%);border-top:1px solid #eeeef5;margin-top:10px}
.theme-whmcs .tz-footer-grid-exact{display:grid;grid-template-columns:1.25fr 1fr 1.25fr 1.15fr .9fr;gap:34px;padding:40px 0 48px}
.theme-whmcs .tz-footer-grid-exact h4{margin:0 0 15px;color:#5e5ad8;font-size:19px}
.theme-whmcs .tz-footer-brand-exact .store-logo{width:118px;height:50px;object-fit:contain}
.theme-whmcs .tz-footer-brand-exact .brand{display:inline-flex}
.theme-whmcs .tz-footer-brand-exact .brand>span:not(.star){color:#172033}
.theme-whmcs .tz-footer-brand-exact p{max-width:280px;color:#667085;font-size:13px;line-height:1.65;margin-top:13px}
.theme-whmcs .tz-footer-list-exact{display:flex;flex-direction:column;gap:13px}
.theme-whmcs .tz-footer-list-exact a{color:#667085;text-decoration:none;font-size:14px;line-height:1.35}
.theme-whmcs .tz-footer-list-exact a:hover{color:#6259e8}
.theme-whmcs .tz-footer-contact-exact p{display:flex;gap:12px;align-items:flex-start;margin:12px 0;color:#667085;font-size:14px;line-height:1.45}
.theme-whmcs .tz-footer-contact-exact p svg{width:22px;height:22px;flex:0 0 22px;stroke:#655ce9;stroke-width:1.8;fill:none;margin-top:1px}
.theme-whmcs .tz-footer-contact-exact p:first-letter{color:#6259e8}
.theme-whmcs .tz-footer-policies-exact{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:17px}
.theme-whmcs .tz-footer-policies-exact a{color:#667085;font-size:13px;text-decoration:none}
.theme-whmcs .tz-footer-payments-exact{display:flex;gap:8px;flex-wrap:wrap}
.theme-whmcs .tz-footer-payments-exact .payment-badge-item{min-width:60px;min-height:38px;padding:6px 9px!important;background:#fff;border:1px solid #e7eaf2;border-radius:8px;display:inline-flex!important;align-items:center;justify-content:center}
.theme-whmcs .tz-footer-payments-exact img{max-width:75px;max-height:30px;object-fit:contain}
.theme-whmcs .tz-footer-bottom-exact{border-top:1px solid #eeeef5;padding:16px 0;color:#98a2b3;font-size:11px}
.theme-whmcs .tz-footer-bottom-exact .container{display:flex;justify-content:space-between;gap:20px}

/* Auth pages */
.theme-whmcs.route-login,.theme-whmcs.route-register{background:#fff}
.theme-whmcs .auth-page-v20{padding:58px 0 72px;min-height:650px}
.theme-whmcs .auth-card-v20{width:min(600px,100%);padding:45px 40px;background:#fff;border:1px solid #edf0f5;border-radius:22px;box-shadow:0 10px 34px rgba(25,30,50,.055)}
.theme-whmcs .auth-card-v20 .eyebrow{color:#645be8;font-size:15px;margin-bottom:9px}
.theme-whmcs .auth-card-v20 h1{font-size:33px;line-height:1.15;margin:0 0 30px;color:#202b3d}
.theme-whmcs .auth-input{height:59px;border:1px solid #dfe2e8;border-radius:30px}
.theme-whmcs .auth-input input{font-size:17px}
.theme-whmcs .auth-submit-v20{height:59px;border-radius:30px;background:#645be8}
.theme-whmcs .google-btn{height:59px;border-radius:30px}
.theme-whmcs .fake-captcha{margin-top:8px}

/* Mobile reference proportions */
@media(max-width:800px){
  .theme-whmcs .tz-category-layout-exact{grid-template-columns:1fr!important;gap:0!important}
  .theme-whmcs .tz-category-main-exact{width:100%!important;min-width:0!important}
  .theme-whmcs .tz-headrow{height:70px;min-height:70px;grid-template-columns:auto 1fr auto;gap:12px;padding:0 12px}
  .theme-whmcs .tz-brand .store-logo{width:128px;height:48px}
  .theme-whmcs .tz-mainnav{display:none}
  .theme-whmcs .tz-search{width:34px;height:34px;border:0;background:transparent;margin-left:auto}
  .theme-whmcs .tz-search input{display:none}
  .theme-whmcs .tz-search button{width:34px;background:transparent;color:#111827;font-size:28px}
  .theme-whmcs .tz-icons{gap:15px;justify-content:flex-end}
  .theme-whmcs .tz-icons a,.theme-whmcs .tz-menu-btn{font-size:27px}
  .theme-whmcs .tz-menu-btn{display:block;margin-left:2px;order:99}
  .theme-whmcs .tz-mobile-menu{display:none;background:#fff;border-top:1px solid #edf0f5;box-shadow:0 12px 25px rgba(15,23,42,.08);position:absolute;left:0;right:0;padding:8px 15px;z-index:100}
  .theme-whmcs .tz-menu-open .tz-mobile-menu{display:grid}
  .theme-whmcs .tz-mobile-menu a{padding:13px 8px;border-bottom:1px solid #f0f1f5;color:#293246;font-weight:700;font-size:14px;text-decoration:none}
  .theme-whmcs .wh-popular{padding:22px 0 36px}
  .theme-whmcs .wh-section-head{display:block}
  .theme-whmcs .wh-tabs,.theme-whmcs .wh-view-all{display:none}
  .theme-whmcs .wh-section-head h2{font-size:22px}
  .theme-whmcs .tz-products-grid,.theme-whmcs .wh-popular .tz-products-grid,.theme-whmcs .wh-shop-main-v21 .tz-products-grid,.theme-whmcs .tz-category-main-exact .tz-products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .theme-whmcs .tz-product-image,.theme-whmcs .wh-popular .tz-product-image{height:205px}
  .theme-whmcs .tz-product-card .product-body{padding:11px 10px 12px}
  .theme-whmcs .tz-verified{font-size:10px}
  .theme-whmcs .tz-verified>span:first-child{width:22px;height:22px}
  .theme-whmcs .tz-card-stars{font-size:11px}
  .theme-whmcs .tz-product-card h3{font-size:14px;min-height:38px}
  .theme-whmcs .tz-card-category{font-size:10px}
  .theme-whmcs .tz-tags{gap:5px}
  .theme-whmcs .tz-tags span{font-size:10px;padding:6px 9px}
  .theme-whmcs .tz-card-bottom{display:block}
  .theme-whmcs .tz-product-card .price{font-size:18px}
  .theme-whmcs .tz-card-actions{margin-top:10px;justify-content:space-between}
  .theme-whmcs .tz-preview{font-size:11px;padding:9px 12px}
  .theme-whmcs .tz-cart-circle{width:39px;height:39px}
  .theme-whmcs .tz-category-page-exact{padding:16px 0 42px}
  .theme-whmcs .tz-filter-card-exact{display:block;background:#fff;border:1px solid #ececf2;border-radius:25px;padding:27px 27px 26px;box-shadow:0 5px 18px rgba(20,25,45,.045);margin:0 0 45px}
  .theme-whmcs .tz-filter-search-exact{height:56px;border:1px solid #dfe2e8;border-radius:28px;display:flex;align-items:center;overflow:hidden}
  .theme-whmcs .tz-filter-search-exact input{flex:1;border:0;outline:0;padding:0 19px;font-size:16px;color:#344054;min-width:0}
  .theme-whmcs .tz-filter-search-exact button{width:54px;border:0;background:#fff;color:#a0a7b2;font-size:25px}
  .theme-whmcs .tz-filter-row-exact{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:29px}
  .theme-whmcs .tz-filter-row-exact label{display:block;color:#667085;font-size:15px;margin:0 0 10px}
  .theme-whmcs .tz-price-input-exact{height:58px;border:1px solid #dfe2e8;border-radius:29px;display:flex;align-items:center;padding:0 14px;color:#344054}
  .theme-whmcs .tz-price-input-exact span{font-size:19px;color:#344054;margin-right:8px}
  .theme-whmcs .tz-price-input-exact input{border:0;outline:0;min-width:0;width:100%;font-size:16px;background:transparent}
  .theme-whmcs .tz-range-exact{height:32px;position:relative;margin:16px 3px 14px;display:flex;align-items:center;justify-content:space-between}
  .theme-whmcs .tz-range-exact:before{content:"";position:absolute;left:0;right:0;height:8px;background:#c8c9ee;border-radius:9px;top:12px}
  .theme-whmcs .tz-range-exact span{position:relative;width:27px;height:27px;background:#645be8;border-radius:50%;z-index:2;box-shadow:0 2px 5px rgba(50,50,120,.2)}
  .theme-whmcs .tz-range-exact i{display:none}
  .theme-whmcs .tz-select-exact{height:59px;border:1px solid #dfe2e8;border-radius:30px;display:flex;align-items:center;padding:0 18px;margin-top:17px}
  .theme-whmcs .tz-select-exact select{border:0;outline:0;background:transparent;width:100%;font-size:16px;color:#344054;appearance:none}
  .theme-whmcs .tz-select-exact b{color:#9ca3af}
  .theme-whmcs .tz-filter-btn-exact{height:60px;width:100%;border:0;border-radius:30px;background:#645be8;color:#fff;font-size:17px;font-weight:800;margin-top:25px}
  .theme-whmcs .tz-category-heading-exact{padding:0 0 3px}
  .theme-whmcs .tz-category-heading-exact>span{font-size:13px}
  .theme-whmcs .tz-category-heading-exact h1{font-size:25px}
  .theme-whmcs .tz-category-sidebar-exact{display:none}
  .theme-whmcs .wh-product-v21{padding-top:18px}
  .theme-whmcs .wh-product-top-v21{grid-template-columns:1fr;gap:22px}
  .theme-whmcs .wh-main-image-v21{height:420px;border-radius:14px}
  .theme-whmcs .wh-thumb-row-v21{gap:8px}
  .theme-whmcs .wh-thumb-v21{height:76px}
  .theme-whmcs .wh-product-info-v21 h1{font-size:29px;margin-top:14px}
  .theme-whmcs .wh-product-price-v21{font-size:30px}
  .theme-whmcs .wh-product-meta-v21{font-size:16px}
  .theme-whmcs .wh-feature-list-v21 div{font-size:15px;margin:15px 0}
  .theme-whmcs .wh-description-v21,.theme-whmcs .wh-reviews-v21{margin-top:35px}
  .theme-whmcs .tz-footer-grid-exact{grid-template-columns:1fr;gap:0;padding:30px 27px 38px}
  .theme-whmcs .tz-footer-brand-exact{display:none}
  .theme-whmcs .tz-footer-grid-exact>div{grid-column:1/-1;margin:0 0 38px}
  .theme-whmcs .tz-footer-grid-exact>div:last-child{margin-bottom:0}
  .theme-whmcs .tz-footer-grid-exact h4{font-size:25px;line-height:1.2;margin:0 0 29px;font-weight:700}
  .theme-whmcs .tz-footer-list-exact{gap:22px}
  .theme-whmcs .tz-footer-list-exact a{font-size:20px;line-height:1.35}
  .theme-whmcs .tz-footer-contact-exact p{font-size:20px;line-height:1.45;margin:18px 0;gap:14px}
  .theme-whmcs .tz-footer-contact-exact p svg{width:23px;height:23px;flex-basis:23px}
  .theme-whmcs .tz-footer-policies-exact{display:flex;flex-direction:column;gap:20px;margin-top:28px}
  .theme-whmcs .tz-footer-policies-exact a{font-size:19px}
  .theme-whmcs .tz-footer-payments-exact{gap:9px;flex-wrap:wrap}
  .theme-whmcs .tz-footer-payments-exact .payment-badge-item{min-width:65px;min-height:40px}
  .theme-whmcs .tz-footer-bottom-exact .container{display:block;padding:0 27px;line-height:1.8}
  .theme-whmcs .tz-footer-bottom-exact span{display:block}
  .theme-whmcs .tz-footer-bottom-exact span+span{margin-top:3px}
  .theme-whmcs .auth-page-v20{padding:32px 12px 52px;min-height:0}
  .theme-whmcs .auth-card-v20{padding:34px 20px;border-radius:19px}
  .theme-whmcs .auth-card-v20 h1{font-size:28px}
}
@media(max-width:560px){
  .theme-whmcs .tz-headrow{grid-template-columns:auto 34px auto;gap:7px;padding:0 10px}
  .theme-whmcs .tz-brand .store-logo{width:116px;height:46px}
  .theme-whmcs .tz-icons{gap:11px;justify-content:flex-end}
  .theme-whmcs .tz-icons a,.theme-whmcs .tz-menu-btn{font-size:24px}
  .theme-whmcs .tz-product-image,.theme-whmcs .wh-popular .tz-product-image{height:205px}
  .theme-whmcs .tz-filter-card-exact{margin-left:12px;margin-right:12px;padding:24px 26px}
  .theme-whmcs .tz-category-heading-exact{padding-left:27px}
  .theme-whmcs .tz-category-main-exact{padding:0 12px}
  .theme-whmcs .wh-main-image-v21{height:390px}
  .theme-whmcs .wh-product-v21{padding-left:12px;padding-right:12px}
  .theme-whmcs .tz-footer-grid-exact{padding-left:27px;padding-right:27px}
}
.theme-whmcs .tz-whatsapp-exact{position:fixed;right:28px;bottom:28px;z-index:120;display:flex;align-items:center;gap:9px;min-height:58px;padding:9px 18px 9px 11px;background:#16c653;color:#fff;text-decoration:none;border-radius:34px;font-size:16px;font-weight:700;box-shadow:0 12px 30px rgba(22,198,83,.28);overflow:visible;transition:transform .18s ease,box-shadow .18s ease}
.theme-whmcs .tz-whatsapp-exact:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(22,198,83,.34)}
.theme-whmcs .tz-whatsapp-icon{position:relative;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#16c653;box-shadow:0 3px 10px rgba(0,0,0,.12);z-index:2}
.theme-whmcs .tz-whatsapp-icon svg{width:27px;height:27px;fill:currentColor;display:block}
.theme-whmcs .tz-whatsapp-online{position:absolute;right:5px;top:-4px;background:#16c653;color:#fff;border:3px solid #fff;border-radius:999px;padding:2px 6px;font-size:8px;line-height:1;font-weight:800;box-shadow:0 2px 7px rgba(0,0,0,.12);z-index:4}
.theme-whmcs .tz-whatsapp-wave{position:absolute;left:7px;top:7px;width:50px;height:50px;border-radius:50%;border:2px solid rgba(22,198,83,.34);animation:tzWhatsappWave 1.9s ease-out infinite;pointer-events:none}
.theme-whmcs .tz-whatsapp-wave:after{content:"";position:absolute;inset:-8px;border-radius:50%;border:2px solid rgba(22,198,83,.16);animation:tzWhatsappWave 1.9s ease-out .55s infinite}
@keyframes tzWhatsappWave{0%{transform:scale(.82);opacity:.8}75%,100%{transform:scale(1.45);opacity:0}}
@media(max-width:560px){.theme-whmcs .tz-whatsapp-exact{right:18px;bottom:70px;min-height:56px;padding:8px 15px 8px 10px;font-size:15px}.theme-whmcs .tz-whatsapp-icon{width:41px;height:41px}.theme-whmcs .tz-whatsapp-online{right:3px;top:-5px}.theme-whmcs .tz-whatsapp-wave{left:6px;top:6px;width:50px;height:50px}}


/* Professional category directory V82 */
.theme-whmcs .tz-categories-page-exact{position:relative;padding:44px 0 88px;min-height:620px;background:linear-gradient(180deg,#fbfcff 0%,#f5f6fb 100%);overflow:hidden}
.theme-whmcs .tz-categories-page-exact:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 15% 10%,rgba(99,91,232,.09),transparent 28%),radial-gradient(circle at 90% 30%,rgba(37,99,235,.07),transparent 26%)}
.theme-whmcs .tz-categories-page-exact>*{position:relative;z-index:1}
.theme-whmcs .tz-categories-search-exact{max-width:680px;height:68px;margin:0 auto 34px;background:rgba(255,255,255,.94);border:1px solid #e7e9f1;border-radius:18px;box-shadow:0 12px 30px rgba(30,35,55,.07);display:flex;align-items:center;padding:7px 8px 7px 22px}
.theme-whmcs .tz-categories-search-exact input{flex:1;border:0;outline:0;background:transparent;font-size:18px;color:#1f2937;min-width:0}
.theme-whmcs .tz-categories-search-exact input::placeholder{color:#9aa2b1}
.theme-whmcs .tz-categories-search-exact button{width:54px;height:54px;border:0;border-radius:14px;background:linear-gradient(135deg,#5b55e8,#7758ee);color:#fff;font-size:28px;line-height:1;cursor:pointer;box-shadow:0 8px 18px rgba(91,85,232,.24);transition:transform .18s ease,box-shadow .18s ease}
.theme-whmcs .tz-categories-search-exact button:hover{transform:translateY(-1px);box-shadow:0 11px 22px rgba(91,85,232,.3)}
.theme-whmcs .tz-categories-title-exact{text-align:center;margin-bottom:28px}
.theme-whmcs .tz-categories-title-exact h1{margin:0;color:#182338;font-size:34px;line-height:1.15;font-weight:850;letter-spacing:-.6px}
.theme-whmcs .tz-category-cards-exact{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;max-width:1120px;margin:0 auto}
.theme-whmcs .tz-category-card-exact{position:relative;min-height:225px;background:rgba(255,255,255,.96);border:1px solid #e8eaf2;border-radius:22px;box-shadow:0 8px 24px rgba(25,31,55,.065);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 18px 20px;text-decoration:none;overflow:hidden;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.theme-whmcs .tz-category-card-exact:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(103,91,232,.055),transparent 48%,rgba(59,130,246,.035));pointer-events:none}
.theme-whmcs .tz-category-card-exact:after{content:"Explore →";position:absolute;right:16px;bottom:13px;font-size:10px;font-weight:800;color:#625be5;opacity:.7;transform:translateY(3px);transition:opacity .2s ease,transform .2s ease}
.theme-whmcs .tz-category-card-exact:hover,.theme-whmcs .tz-category-card-exact:focus-visible{transform:translateY(-5px);border-color:#d6d1ff;box-shadow:0 18px 38px rgba(68,57,170,.14);outline:none}
.theme-whmcs .tz-category-card-exact:hover:after,.theme-whmcs .tz-category-card-exact:focus-visible:after{opacity:1;transform:translateY(0)}
.theme-whmcs .tz-category-image-exact{position:relative;z-index:1;width:104px;height:104px;display:grid;place-items:center;margin-bottom:18px;border-radius:22px;background:linear-gradient(145deg,#f1efff,#eef5ff);border:1px solid #e5e3fa;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.theme-whmcs .tz-category-image-exact img{width:72px;height:72px;object-fit:contain;border-radius:14px}
.theme-whmcs .tz-category-image-exact span{width:58px;height:58px;border-radius:17px;background:linear-gradient(135deg,#665be9,#4c7cf0);color:#fff;display:grid;place-items:center;font-size:24px;box-shadow:0 8px 18px rgba(84,77,214,.2)}
.theme-whmcs .tz-category-name-exact{position:relative;z-index:1;text-align:center;font-size:17px;line-height:1.3;font-weight:750;color:#273247;max-width:92%;letter-spacing:-.15px}
.theme-whmcs .tz-category-empty-exact{max-width:650px;margin:0 auto;text-align:center}
@media(max-width:900px){
 .theme-whmcs .tz-categories-page-exact{padding:38px 24px 76px}
 .theme-whmcs .tz-category-cards-exact{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
 .theme-whmcs .tz-category-card-exact{min-height:210px;border-radius:21px}
}
@media(max-width:600px){
 .theme-whmcs .tz-categories-page-exact{padding:28px 18px 76px;min-height:720px}
 .theme-whmcs .tz-categories-search-exact{height:60px;margin-bottom:27px;padding-left:17px;border-radius:16px}
 .theme-whmcs .tz-categories-search-exact input{font-size:16px}
 .theme-whmcs .tz-categories-search-exact button{width:46px;height:46px;border-radius:12px;font-size:25px}
 .theme-whmcs .tz-categories-title-exact{margin-bottom:22px}
 .theme-whmcs .tz-categories-title-exact h1{font-size:28px}
 .theme-whmcs .tz-category-cards-exact{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
 .theme-whmcs .tz-category-card-exact{min-height:205px;padding:22px 8px 27px;border-radius:19px}
 .theme-whmcs .tz-category-image-exact{width:86px;height:86px;margin-bottom:14px;border-radius:18px}
 .theme-whmcs .tz-category-image-exact img{width:58px;height:58px}
 .theme-whmcs .tz-category-image-exact span{width:50px;height:50px;border-radius:14px;font-size:21px}
 .theme-whmcs .tz-category-name-exact{font-size:16px}
 .theme-whmcs .tz-category-card-exact:after{font-size:9px;right:11px;bottom:10px}
}

/* WHMCS exact storefront corrections V25 */
.theme-whmcs .mobilebar{display:none!important}
.theme-whmcs.tz-menu-open .tz-mobile-menu{display:grid!important}
.theme-whmcs .tz-products-grid,
.theme-whmcs .wh-popular .tz-products-grid,
.theme-whmcs .tz-category-main-exact .tz-products-grid,
.theme-whmcs .wh-shop-main-v21 .tz-products-grid{grid-template-columns:1fr!important;gap:18px}
.theme-whmcs .tz-product-card{width:100%;max-width:none}
.theme-whmcs .tz-product-image{height:330px!important}
.theme-whmcs .tz-cart-circle{background:#fff!important;color:#655ce9!important;border:1px solid #e7e6f8;box-shadow:0 3px 10px rgba(50,45,130,.12)}
.theme-whmcs .tz-cart-circle:hover{background:#fff!important;color:#5148dc!important}
.theme-whmcs .tz-filter-card-exact{display:block!important}
.theme-whmcs .tz-range-exact{pointer-events:none}
@media(max-width:800px){
  .theme-whmcs .tz-products-grid,
  .theme-whmcs .wh-popular .tz-products-grid,
  .theme-whmcs .tz-category-main-exact .tz-products-grid,
  .theme-whmcs .wh-shop-main-v21 .tz-products-grid{grid-template-columns:1fr!important;gap:16px!important}
  .theme-whmcs .tz-product-image,.theme-whmcs .wh-popular .tz-product-image{height:330px!important}
  .theme-whmcs .tz-cart-circle{width:44px!important;height:44px!important;background:#fff!important;color:#655ce9!important}
}
@media(min-width:801px){.theme-whmcs .tz-product-image{height:360px!important}}


/* V26 — WHMCS storefront hardening and functional controls */
.theme-whmcs .tz-products-grid,
.theme-whmcs .wh-popular .tz-products-grid,
.theme-whmcs .tz-category-main-exact .tz-products-grid,
.theme-whmcs .wh-shop-main-v21 .tz-products-grid{grid-template-columns:1fr!important;gap:18px!important}
.theme-whmcs .tz-product-card{width:100%!important;max-width:none!important}
.theme-whmcs .tz-cart-circle{background:#fff!important;color:#655ce9!important;border:1px solid #e7e6f8!important;box-shadow:0 3px 10px rgba(50,45,130,.12)!important}
.theme-whmcs .tz-range-exact{height:42px!important;position:relative!important;display:block!important;pointer-events:auto!important;margin:17px 6px 12px!important}
.theme-whmcs .tz-range-exact:before{left:0!important;right:0!important;top:17px!important;height:7px!important}
.theme-whmcs .tz-range-exact .range-slider{position:absolute!important;left:0!important;top:0!important;width:100%!important;height:40px!important;margin:0!important;background:transparent!important;appearance:none!important;-webkit-appearance:none!important;pointer-events:auto!important;z-index:4!important}
.theme-whmcs .tz-range-exact .range-slider.range-min{z-index:5!important}
.theme-whmcs .tz-range-exact .range-slider::-webkit-slider-runnable-track{height:7px;background:transparent;border:0}
.theme-whmcs .tz-range-exact .range-slider::-moz-range-track{height:7px;background:transparent;border:0}
.theme-whmcs .tz-range-exact .range-slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:27px;height:27px;border-radius:50%;background:#645be8;border:0;box-shadow:0 2px 5px rgba(50,50,120,.2);cursor:pointer;margin-top:-10px}
.theme-whmcs .tz-range-exact .range-slider::-moz-range-thumb{width:27px;height:27px;border-radius:50%;background:#645be8;border:0;box-shadow:0 2px 5px rgba(50,50,120,.2);cursor:pointer}
.theme-whmcs .tz-range-exact>span{display:none!important}
.theme-whmcs .review-count{font-weight:700;color:#667085}
.theme-whmcs .not-found-page{max-width:760px;margin:45px auto;text-align:center;padding:45px 28px}
.theme-whmcs .not-found-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:24px}
.theme-whmcs .not-found-actions .btn.light{background:#f0efff;color:#6259e8;border:0}
.theme-whmcs .tz-footer-exact{position:relative;z-index:2;display:block!important;visibility:visible!important}
.theme-whmcs .tz-footer-grid-exact{min-height:260px}
@media(max-width:800px){
 .theme-whmcs .tz-products-grid,.theme-whmcs .wh-popular .tz-products-grid,.theme-whmcs .tz-category-main-exact .tz-products-grid,.theme-whmcs .wh-shop-main-v21 .tz-products-grid{grid-template-columns:1fr!important;gap:16px!important}
 .theme-whmcs .tz-product-image,.theme-whmcs .wh-popular .tz-product-image{height:330px!important}
}

/* V28: compact Store-style mobile footer */
.theme-whmcs .tz-footer-grid-exact{grid-template-columns:1.2fr 1.2fr 1fr 1fr .85fr;gap:26px;padding:28px 0 30px}
.theme-whmcs .tz-footer-grid-exact h4{font-size:18px;margin-bottom:13px}
.theme-whmcs .tz-footer-list-exact{gap:10px}
.theme-whmcs .tz-footer-list-exact a{font-size:14px}
.theme-whmcs .tz-footer-contact-exact p{font-size:14px;margin:9px 0;gap:9px}
.theme-whmcs .tz-footer-policies-exact{margin-top:0}
.theme-whmcs .tz-footer-quick-links-exact{gap:10px}
.theme-whmcs .tz-footer-bottom-exact{padding:11px 0;font-size:11px}
.review .stars{color:#655ce9}
.review-admin-actions{display:flex;gap:6px;flex-wrap:wrap}
@media(max-width:700px){.theme-whmcs .tz-footer-grid-exact{grid-template-columns:1fr;gap:0;padding:24px 24px 26px}.theme-whmcs .tz-footer-grid-exact>div{margin:0 0 24px}.theme-whmcs .tz-footer-grid-exact>div:last-child{margin-bottom:0}.theme-whmcs .tz-footer-grid-exact h4{font-size:18px;line-height:1.25;margin-bottom:13px}.theme-whmcs .tz-footer-list-exact{gap:9px}.theme-whmcs .tz-footer-list-exact a{font-size:15px;line-height:1.35}.theme-whmcs .tz-footer-contact-exact p{font-size:15px;margin:10px 0}.theme-whmcs .tz-footer-payments-exact .payment-badge-item{min-width:60px;min-height:36px}.theme-whmcs .tz-footer-bottom-exact .container{padding:0 24px}.theme-whmcs .tz-footer-bottom-exact span{font-size:10px}}
@media(max-width:430px){.theme-whmcs .tz-footer-grid-exact{grid-template-columns:1fr;gap:0;padding:22px 24px 24px}.theme-whmcs .tz-footer-grid-exact>div{margin-bottom:22px}.theme-whmcs .tz-footer-grid-exact h4{font-size:18px;margin-bottom:12px}.theme-whmcs .tz-footer-list-exact a,.theme-whmcs .tz-footer-contact-exact p{font-size:15px}.theme-whmcs .tz-footer-bottom-exact .container{padding:0 24px}}

/* V29 — client area polish + dual range hit-area fix */
.theme-whmcs .tz-range-exact .range-slider{box-sizing:border-box!important;transition:left .05s ease,width .05s ease;}
.theme-whmcs .tz-range-exact .range-slider.range-max{z-index:6!important;}
.theme-whmcs .tz-range-exact .range-slider.range-min{z-index:5!important;}

.theme-whmcs .client-area-shell{grid-template-columns:240px minmax(0,1fr);gap:24px;align-items:start;padding-top:26px;padding-bottom:60px}
.theme-whmcs .client-sidebar{position:sticky;top:88px;padding:12px;border:1px solid #e9eaf2;border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(36,39,80,.07)}
.theme-whmcs .client-sidebar-head{display:flex;align-items:center;gap:11px;padding:8px 7px 15px;margin-bottom:8px;border-bottom:1px solid #eef0f5}
.theme-whmcs .client-avatar{width:40px;height:40px;border-radius:13px;background:linear-gradient(135deg,#655ce9,#8b6df5);color:#fff;display:grid;place-items:center;font-weight:900;font-size:16px;flex:0 0 40px}
.theme-whmcs .client-sidebar-head b{font-size:13px;color:#202938}
.theme-whmcs .client-sidebar-head small{font-size:10px;color:#98a2b3!important;margin-top:2px}
.theme-whmcs .client-menu-label{padding:7px 10px 5px;color:#a0a5b5;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.theme-whmcs .client-sidebar>a{display:flex!important;align-items:center;gap:7px;padding:11px 10px!important;border-radius:10px!important;font-size:12px!important;font-weight:750;color:#596274!important}
.theme-whmcs .client-sidebar>a.active{background:#f0efff!important;color:#5e56dc!important}
.theme-whmcs .client-sidebar>a:hover{background:#f7f6ff!important;color:#5e56dc!important}
.theme-whmcs .client-menu-count{margin-left:auto;min-width:21px;height:21px;padding:0 6px;border-radius:999px;background:#f0efff;color:#655ce9;display:grid;place-items:center;font-size:9px}
.theme-whmcs .client-sidebar-title{padding:17px 10px 7px!important;font-size:9px!important;color:#a0a5b5!important}
.theme-whmcs .client-category-list{display:grid;gap:2px}
.theme-whmcs .client-category-list a{display:block;padding:8px 10px;border-radius:9px;color:#687284;font-size:11px;font-weight:650}
.theme-whmcs .client-category-list a:hover{background:#f7f6ff;color:#5e56dc}
.theme-whmcs .client-browse-categories{display:none!important}
.theme-whmcs .client-sidebar .client-logout{margin-top:10px!important;border-top:1px solid #eef0f5!important;padding-top:14px!important;color:#dc2626!important}
.theme-whmcs .client-main{min-width:0}
.theme-whmcs .account-hero{background:linear-gradient(135deg,#5f56df 0%,#7767ed 55%,#8d76f4 100%)!important;border:0!important;color:#fff!important;box-shadow:0 18px 38px rgba(101,92,233,.20)!important;padding:28px 30px!important}
.theme-whmcs .account-hero .eyebrow{color:#e9e7ff!important}
.theme-whmcs .account-hero h1{color:#fff!important;font-size:30px!important}
.theme-whmcs .account-hero p{color:#f0efff!important;max-width:600px;line-height:1.6}
.theme-whmcs .account-actions .btn{background:#fff!important;color:#5f56df!important;border-color:#fff!important;box-shadow:none}
.theme-whmcs .account-actions .btn.light{background:rgba(255,255,255,.13)!important;color:#fff!important;border-color:rgba(255,255,255,.38)!important}
.theme-whmcs .account-stats{gap:14px}
.theme-whmcs .account-stats .stat{border:1px solid #ececf3;border-radius:15px;padding:19px 20px;background:#fff;box-shadow:0 7px 22px rgba(31,35,70,.045)}
.theme-whmcs .account-stats .stat small{font-size:12px;color:#7b8494}
.theme-whmcs .account-stats .stat b{font-size:27px;color:#222c3e;margin-top:9px}
.theme-whmcs .account-stats .stat span{font-size:11px;color:#8b93a2}
.theme-whmcs .account-grid{gap:18px}
.theme-whmcs .account-grid .card,.theme-whmcs .client-main>.card{border-radius:15px;border-color:#ececf3;box-shadow:0 7px 22px rgba(31,35,70,.045)}
.theme-whmcs .account-grid .card h3,.theme-whmcs .client-main>.card h3{color:#263147}
.theme-whmcs .account-order-card{border-radius:12px;border-color:#ececf3}

@media(max-width:700px){
  .theme-whmcs .client-area-shell{grid-template-columns:1fr;padding-top:16px;padding-bottom:38px;gap:14px}
  .theme-whmcs .client-sidebar{position:static;padding:10px;border-radius:16px}
  .theme-whmcs .client-sidebar-head{padding:7px 7px 12px}
  .theme-whmcs .client-sidebar>a{padding:10px 9px!important}
  .theme-whmcs .client-category-list{display:none}
  .theme-whmcs .client-browse-categories{display:flex!important;margin-top:2px}
  .theme-whmcs .client-sidebar-title{display:none}
  .theme-whmcs .client-logout{margin-top:5px!important;padding-top:11px!important}
  .theme-whmcs .account-hero{padding:22px 18px!important;border-radius:16px!important}
  .theme-whmcs .account-hero h1{font-size:27px!important;line-height:1.18}
  .theme-whmcs .account-hero p{font-size:13px}
  .theme-whmcs .account-actions{gap:8px}
  .theme-whmcs .account-actions .btn{min-height:48px;padding:10px 12px;font-size:13px}
  .theme-whmcs .account-stats{grid-template-columns:1fr!important}
  .theme-whmcs .account-stats .stat{min-height:0;padding:18px}
}
/* V30 SMTP administration polish */
.smtp-page-head{align-items:center}
.smtp-status-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;font-weight:800;font-size:13px;background:#fff;border:1px solid #e8eaf3;white-space:nowrap}
.smtp-status-pill span{width:9px;height:9px;border-radius:50%;display:block;background:#ef4444}
.smtp-status-pill.ready{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.smtp-status-pill.ready span{background:#22c55e}
.smtp-card,.smtp-test-card{border-radius:20px;margin-bottom:18px}.smtp-card-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:18px}.smtp-card-head h2{margin:0 0 6px}.smtp-required-note{font-size:12px;color:#8a93a3}.smtp-form .field label span,.smtp-test-card label span{color:#e5484d}.smtp-actions{display:flex;justify-content:flex-end;margin-top:22px}.smtp-save-btn{min-width:210px}.smtp-test-btn{margin-top:4px}.smtp-test-card{background:linear-gradient(135deg,#fff,#faf9ff)}
@media(max-width:700px){.smtp-page-head{display:block}.smtp-status-pill{margin-top:12px}.smtp-card-head{display:block}.smtp-required-note{margin-top:8px}.smtp-actions{display:block;position:sticky;bottom:10px;z-index:20}.smtp-save-btn{width:100%;box-shadow:0 10px 24px rgba(87,78,210,.22)}.smtp-test-btn{width:100%}.smtp-card,.smtp-test-card{padding:18px!important}.smtp-form .form-grid{grid-template-columns:1fr!important}.smtp-page-head h1{font-size:34px;line-height:1.1}}

.color-control{display:grid;grid-template-columns:58px 1fr;gap:10px;align-items:center}.color-control input[type=color]{width:58px;height:46px;padding:3px;border:1px solid #d0d5dd;border-radius:8px;background:#fff}.input-addon{display:grid;grid-template-columns:1fr 90px}.input-addon input{border-radius:6px 0 0 6px!important}.input-addon span{display:grid;place-items:center;background:#eef1f5;border:1px solid #d0d5dd;border-left:0;border-radius:0 6px 6px 0;color:#475467}.customer-edit-card{border-top:4px solid var(--blue)}@media(max-width:700px){.color-control{grid-template-columns:50px 1fr}.color-control input[type=color]{width:50px}.input-addon{grid-template-columns:1fr 70px}}
.seo-keyword-box{min-height:48px;border:1px solid #d0d5dd;border-radius:8px;padding:7px 9px;display:flex;align-items:center;flex-wrap:wrap;gap:6px;background:#fff}.seo-keyword-box:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #e8f1ff}.seo-keyword-chips{display:flex;flex-wrap:wrap;gap:6px}.seo-keyword-chip{display:inline-flex;align-items:center;gap:5px;background:#f1f3f7;border:1px solid #e1e5ec;border-radius:7px;padding:5px 8px;font-size:12px;color:#344054}.seo-keyword-chip button{border:0;background:none;cursor:pointer;color:#667085;font-weight:900;padding:0}.seo-keyword-box input[data-seo-input]{border:0;outline:0;min-width:150px;flex:1;padding:7px;font:inherit}

/* V42: account icon dropdown - account links live here instead of the client dashboard sidebar. */
.theme-whmcs .tz-account-wrap{position:relative;display:flex;align-items:center}
.theme-whmcs .tz-account-trigger{color:#172033;font-size:27px;line-height:1;background:none;border:0;padding:0;position:relative;cursor:pointer;font-family:inherit}
.theme-whmcs .tz-account-dropdown{position:absolute;right:-8px;top:calc(100% + 15px);width:285px;background:#fff;border:1px solid #e7e9f0;border-radius:16px;box-shadow:0 18px 45px rgba(20,25,55,.16);padding:8px;z-index:150;display:none}
.theme-whmcs .tz-account-dropdown.is-open{display:block}
.theme-whmcs .tz-account-dropdown:before{content:"";position:absolute;right:18px;top:-7px;width:13px;height:13px;background:#fff;border-left:1px solid #e7e9f0;border-top:1px solid #e7e9f0;transform:rotate(45deg)}
.theme-whmcs .tz-account-user{display:flex;align-items:center;gap:10px;padding:11px 10px 12px;border-bottom:1px solid #eef0f5;margin-bottom:5px}
.theme-whmcs .tz-account-avatar{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#6a55ef,#8b48ef);color:#fff;display:grid;place-items:center;font-weight:800;font-size:16px;flex:0 0 auto}
.theme-whmcs .tz-account-user b{display:block;color:#202938;font-size:13px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:205px}
.theme-whmcs .tz-account-user small{display:block;color:#98a2b3;font-size:10px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:205px}
.theme-whmcs .tz-account-dropdown>a{display:flex!important;align-items:center;gap:8px;padding:11px 10px!important;border-radius:9px!important;color:#596274!important;font-size:12px!important;font-weight:750;text-decoration:none}
.theme-whmcs .tz-account-dropdown>a:hover{background:#f4f2ff!important;color:#5e56dc!important}
.theme-whmcs .tz-account-dropdown .tz-account-logout{border-top:1px solid #eef0f5;margin-top:5px;padding-top:13px!important;color:#dc2626!important;border-radius:0!important}
.theme-whmcs .tz-account-dropdown .tz-account-logout:hover{background:#fff4f4!important;color:#dc2626!important}
@media(max-width:800px){
  .theme-whmcs .tz-account-dropdown{position:fixed;right:12px;top:76px;width:min(310px,calc(100vw - 24px));z-index:200}
  .theme-whmcs .tz-account-dropdown:before{right:66px}
  .theme-whmcs .tz-account-trigger{font-size:24px}
}

/* V43: larger, more readable product typography across every storefront product card/page */
.product .tz-verified{font-size:16px!important;line-height:1.35;font-weight:700}
.product .tz-verified>span:first-child{font-size:17px!important}
.product .tz-card-stars{font-size:19px!important;line-height:1;color:#f5b700;letter-spacing:1px}
.product h3,.product h3 a{font-size:18px!important;line-height:1.35;font-weight:800}
.product .tz-card-category{font-size:14px!important;line-height:1.45}
.product .tz-tags span{font-size:13px!important;line-height:1.25}
.product .price{font-size:20px!important;line-height:1.25}
.product .old{font-size:13px!important}
.product .tz-preview{font-size:14px!important;font-weight:750}
.product .tz-cart-circle{font-size:19px!important}
.product .stars{font-size:18px!important}
.product .stars small{font-size:13px!important}

/* Non-TZ/alternate product-card variants use the same readable scale. */
.product .badge{font-size:12px!important;padding:7px 10px!important}
.product .product-body{padding:16px!important}
.product .product-img{min-height:230px}

/* Product detail: make verification, title, price, review stars and metadata clearly readable. */
.wh-product-info-v21 .wh-verified-v21{font-size:17px!important;line-height:1.35;font-weight:800}
.wh-product-info-v21 h1{font-size:34px!important;line-height:1.2}
.wh-product-info-v21 .wh-product-category-v21{font-size:15px!important}
.wh-product-info-v21 .wh-product-price-v21{font-size:30px!important;line-height:1.2}
.wh-product-info-v21 .wh-product-price-v21 del{font-size:15px!important}
.wh-product-info-v21 .wh-product-meta-v21{font-size:15px!important}
.wh-product-info-v21 .wh-product-meta-v21 .stars{font-size:20px!important;letter-spacing:.5px}
.wh-product-info-v21 .wh-product-meta-v21 .stars small{font-size:14px!important}
.wh-product-info-v21 .wh-tags-v21 span{font-size:14px!important}

@media(max-width:700px){
  .product .tz-verified{font-size:16px!important}
  .product .tz-card-stars{font-size:18px!important}
  .product h3,.product h3 a{font-size:18px!important}
  .product .tz-card-category{font-size:14px!important}
  .product .tz-tags span{font-size:13px!important}
  .product .price{font-size:20px!important}
  .product .tz-preview{font-size:14px!important}
  .wh-product-info-v21 .wh-verified-v21{font-size:17px!important}
  .wh-product-info-v21 h1{font-size:28px!important}
  .wh-product-info-v21 .wh-product-price-v21{font-size:28px!important}
  .wh-product-info-v21 .wh-product-meta-v21 .stars{font-size:20px!important}
}

/* V44 - Global readable typography pass */
html{font-size:16px}
body{font-size:16px;line-height:1.55;-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility}
.topbar{font-size:13px}.tag{font-size:11px}.search input{font-size:16px}.head-actions{font-size:16px}.nav a{font-size:15px}.eyebrow{font-size:15px}.hero h1{font-size:clamp(38px,4vw,56px)}.hero p{font-size:18px}.btn{font-size:16px}.trust b{font-size:16px}.trust span{font-size:13px}.section-head h2{font-size:26px}.link{font-size:15px}.cat b{font-size:15px}.cat span{font-size:13px}.badge{font-size:12px}.product-body{padding:16px}.stars{font-size:18px;line-height:1.2}.product h3{font-size:17px;line-height:1.35}.price{font-size:20px}.old{font-size:14px}.product .btn{font-size:15px}.promo h3{font-size:22px}.promo p{font-size:15px}.footer p,.footer a{font-size:14px}.footer h4{font-size:16px}.copyright{font-size:13px}.breadcrumb{font-size:14px}.field label{font-size:15px}.table{font-size:14px}.status{font-size:13px}.alert{font-size:14px}.sidebar a{font-size:15px}.mobilebar a{font-size:14px}.stat small{font-size:14px}.cart-row{font-size:15px}

/* WHMCS marketplace / homepage typography */
.theme-whmcs{font-size:16px}.theme-whmcs .tz-topbar{font-size:14px}.theme-whmcs .tz-mainnav a{font-size:14px}.theme-whmcs .tz-search input{font-size:15px}.theme-whmcs .tz-icons a{font-size:22px}
.wh-hero-pill{font-size:15px}.wh-hero h1{font-size:clamp(42px,4.5vw,58px)}.wh-hero p{font-size:18px;line-height:1.7}.wh-btn{font-size:15px;padding:13px 23px}.wh-hero-trust span{font-size:13px}.wh-hero-trust small{font-size:11px}.wh-hero-trust b{font-size:14px}
.wh-section-head h2{font-size:28px}.wh-section-head p{font-size:14px}.wh-section-head>a,.wh-view-all{font-size:14px}.wh-category-grid b{font-size:13px}.wh-category-grid small{font-size:12px}
.wh-popular .wh-section-head>div:first-child small{font-size:13px}.wh-popular .wh-section-head h2{font-size:30px}.wh-tabs a{font-size:13px}.wh-popular .tz-product-card .product-body{padding:15px}.wh-popular .tz-verified{font-size:12px}.wh-popular .tz-product-card h3{font-size:16px;min-height:42px;line-height:1.35}.wh-popular .tz-card-category{font-size:12px}.wh-popular .tz-tags span{font-size:11px;padding:5px 8px}.wh-popular .tz-product-card .price{font-size:19px}.wh-popular .tz-preview{font-size:12px}.wh-popular .tz-cart-circle{width:36px;height:36px;font-size:17px}
.wh-seller-box h2{font-size:22px}.wh-seller-box p{font-size:13px}.wh-seller-box ul{font-size:11px}.wh-why h2{font-size:27px}.wh-why-grid strong{font-size:13px}.wh-why-grid p{font-size:11px}.wh-footer-grid h4{font-size:14px}.wh-footer-grid p,.wh-footer-grid a{font-size:12px}.wh-footer-bottom{font-size:11px}

/* Product cards everywhere */
.tz-product-card .tz-verified,.tz-verified{font-size:14px!important;line-height:1.35}.tz-product-card h3{font-size:17px!important;line-height:1.4!important}.tz-card-category{font-size:13px!important}.tz-tags span{font-size:12px!important;padding:6px 9px!important}.tz-product-card .price{font-size:20px!important}.tz-product-card .old,.tz-product-card del{font-size:14px!important}.tz-product-card .stars,.tz-product-card .rating,.tz-product-card .review-stars{font-size:18px!important}.tz-preview{font-size:13px!important}.tz-cart-circle{font-size:18px!important}

/* Product detail text */
.wh-verified-v21{font-size:15px}.wh-product-info-v21 h1{font-size:clamp(32px,3.2vw,40px)}.wh-product-category-v21{font-size:14px}.wh-product-price-v21{font-size:35px}.wh-product-price-v21 del{font-size:16px}.wh-product-meta-v21{font-size:15px}.wh-product-meta-v21 .stars{font-size:20px}.wh-tags-v21 span{font-size:13px}.wh-feature-list-v21 div{font-size:15px}.wh-download-free-v21,.wh-live-btn-v21{font-size:15px}.wh-payment-note-v21{font-size:13px}.wh-description-v21 h2,.wh-reviews-v21 h2{font-size:26px}.wh-description-box-v21{font-size:15px}.wh-reviews-v21 .review{font-size:15px}

/* Admin/client typography */
.adminbar{font-size:16px}.adminmain h1{font-size:30px}.stat b{font-size:28px}.card h1{font-size:28px}.card h2{font-size:23px}.card h3{font-size:19px}.form-grid,.field{font-size:15px}.field input,.field textarea,.field select{font-size:16px}.table th,.table td{font-size:14px}.status{font-size:13px}.alert{font-size:14px}

@media(max-width:800px){
  body{font-size:16px}.brand{font-size:18px}.head-actions{font-size:14px}.hero h1{font-size:38px}.hero p{font-size:17px}.section-head h2{font-size:24px}.product h3{font-size:17px}.stars{font-size:18px}.price{font-size:19px}.old{font-size:13px}.cat b{font-size:14px}.cat span{font-size:12px}
  .wh-hero h1{font-size:42px}.wh-hero p{font-size:17px}.wh-hero-pill{font-size:14px}.wh-hero-trust span{font-size:12px}.wh-hero-trust small{font-size:10px}.wh-section-head h2{font-size:26px}.wh-section-head p{font-size:13px}.wh-popular .wh-section-head h2{font-size:28px}.wh-popular .tz-product-card h3{font-size:17px!important}.wh-popular .tz-card-category{font-size:13px!important}.wh-popular .tz-tags span{font-size:12px!important}.wh-popular .tz-product-card .price{font-size:20px!important}
  .wh-shop-head-v21 h1{font-size:32px}.wh-filter-search-v21 input{font-size:15px}.wh-side-cat{font-size:13px}.wh-side-cat b{font-size:11px}.wh-product-info-v21 h1{font-size:31px}.wh-product-price-v21{font-size:32px}
}
@media(max-width:560px){
  .topbar{font-size:12px}.brand{font-size:18px}.search input{font-size:15px}.hero h1{font-size:35px}.hero p{font-size:17px}.btn{font-size:15px}.section-head h2{font-size:23px}.link{font-size:14px}.product-body{padding:13px}.product h3{font-size:16px!important}.stars{font-size:18px}.price{font-size:19px}.old{font-size:13px}.product .btn{font-size:14px}.cat b{font-size:14px}.cat span{font-size:12px}
  .theme-whmcs .tz-mainnav a{font-size:14px}.wh-hero-copy{padding:34px 18px}.wh-hero h1{font-size:38px;line-height:1.12}.wh-hero p{font-size:17px}.wh-hero-pill{font-size:14px}.wh-btn{font-size:15px}.wh-hero-trust{grid-template-columns:repeat(2,1fr);gap:18px}.wh-hero-trust span{font-size:12px}.wh-hero-trust small{font-size:10px}.wh-section-head h2{font-size:25px}.wh-section-head p{font-size:13px}.wh-popular .wh-section-head h2{font-size:27px}.wh-popular .tz-product-card h3{font-size:18px!important}.wh-popular .tz-verified{font-size:13px!important}.wh-popular .tz-card-category{font-size:13px!important}.wh-popular .tz-tags span{font-size:12px!important}.wh-popular .tz-product-card .price{font-size:21px!important}.wh-popular .tz-preview{font-size:13px!important}.wh-category-grid b{font-size:13px}.wh-category-grid small{font-size:12px}
  .wh-product-info-v21 h1{font-size:30px}.wh-product-price-v21{font-size:31px}.wh-product-meta-v21{font-size:14px}.wh-product-meta-v21 .stars{font-size:19px}.wh-tags-v21 span{font-size:13px}.wh-feature-list-v21 div{font-size:15px}
}

/* V45 per-product card content controls */
.theme-whmcs .tz-product-card-label,.theme-whmcs .tz-product-card-label-v21{display:inline-flex;align-items:center;margin:9px 0 4px;padding:6px 10px;border-radius:999px;background:#f0efff;color:#5b54d9;font-weight:800;font-size:14px;text-transform:none}.theme-whmcs .tz-card-description,.theme-whmcs .wh-product-short-v21{margin:8px 0 10px;color:#667085;font-size:16px;line-height:1.55}.theme-whmcs .tz-product-card-label-v21{margin-top:12px}.theme-whmcs .tz-card-description:empty{display:none}@media(max-width:700px){.theme-whmcs .tz-card-description,.theme-whmcs .wh-product-short-v21{font-size:15px;line-height:1.5}.theme-whmcs .tz-product-card-label{font-size:14px}}

/* V46 product gallery: 5-second autoplay, arrows, fullscreen viewer and zoom controls */
.theme-whmcs .wh-main-image-v21{position:relative;overflow:hidden}
.theme-whmcs .wh-main-image-v21 img{transition:opacity .22s ease,transform .2s ease;cursor:zoom-in}
.theme-whmcs .wh-gallery-arrow,.theme-whmcs .wh-gallery-fullscreen{position:absolute;z-index:4;border:0;display:grid;place-items:center;cursor:pointer;color:#fff;background:rgba(91,84,225,.88);box-shadow:0 8px 20px rgba(20,25,60,.16);backdrop-filter:blur(4px)}
.theme-whmcs .wh-gallery-arrow{width:46px;height:46px;border-radius:50%;top:50%;transform:translateY(-50%);font-size:35px;line-height:1;font-family:Arial,sans-serif}
.theme-whmcs .wh-gallery-prev{left:14px}.theme-whmcs .wh-gallery-next{right:14px}
.theme-whmcs .wh-gallery-fullscreen{right:14px;top:14px;width:44px;height:44px;border-radius:13px;font-size:24px}
.theme-whmcs .wh-gallery-arrow:hover,.theme-whmcs .wh-gallery-fullscreen:hover{filter:brightness(1.06);transform:translateY(-50%) scale(1.04)}
.theme-whmcs .wh-gallery-fullscreen:hover{transform:scale(1.04)}
.theme-whmcs .wh-product-cart-shortcut-v21{display:flex;justify-content:flex-end;margin:12px 0 -2px}
.theme-whmcs .wh-product-cart-shortcut-v21 a{display:inline-flex;align-items:center;gap:8px;padding:10px 15px;border-radius:999px;background:#f0efff;color:#5e56dd;text-decoration:none;font-size:15px;font-weight:800;box-shadow:0 6px 18px rgba(94,86,221,.10)}
.theme-whmcs .wh-product-cart-shortcut-v21 a:hover{background:#e8e6ff}
.theme-whmcs .tz-heart-cart{text-decoration:none!important;display:grid!important;place-items:center!important;color:#5f58dc!important}
.wh-image-viewer{position:fixed;inset:0;z-index:99999;background:rgba(7,10,24,.94);display:flex;align-items:center;justify-content:center;padding:22px}
.wh-image-viewer[hidden]{display:none}
.wh-image-viewer .wh-viewer-stage{position:relative;width:min(1100px,96vw);height:min(88vh,900px);display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:18px;background:rgba(255,255,255,.04)}
.wh-image-viewer img{max-width:92%;max-height:88%;object-fit:contain;transform-origin:center center;transition:transform .18s ease;user-select:none;-webkit-user-drag:none}
.wh-viewer-close,.wh-viewer-zoom{position:absolute;border:0;cursor:pointer;color:#fff;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(8px);box-shadow:0 8px 25px rgba(0,0,0,.2)}
.wh-viewer-close{top:14px;right:14px;width:46px;height:46px;border-radius:50%;font-size:28px}
.wh-viewer-controls{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);display:flex;gap:8px;padding:7px;border-radius:999px;background:rgba(255,255,255,.1);backdrop-filter:blur(8px)}
.wh-viewer-zoom{position:static;width:44px;height:40px;border-radius:12px;font-size:21px}
.wh-viewer-close:hover,.wh-viewer-zoom:hover{background:rgba(255,255,255,.2)}
@media(max-width:560px){
 .theme-whmcs .wh-gallery-arrow{width:40px;height:40px;font-size:30px}.theme-whmcs .wh-gallery-prev{left:9px}.theme-whmcs .wh-gallery-next{right:9px}.theme-whmcs .wh-gallery-fullscreen{right:9px;top:9px;width:40px;height:40px;font-size:21px}
 .theme-whmcs .wh-product-cart-shortcut-v21{justify-content:stretch}.theme-whmcs .wh-product-cart-shortcut-v21 a{width:100%;justify-content:center;font-size:15px}
 .wh-image-viewer{padding:8px}.wh-image-viewer .wh-viewer-stage{width:100vw;height:92vh;border-radius:10px}.wh-image-viewer img{max-width:98%;max-height:84%}
}
.theme-whmcs .wh-gallery-cart{position:absolute;z-index:4;right:66px;top:14px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#5f58dc;text-decoration:none;font-size:28px;box-shadow:0 8px 20px rgba(20,25,60,.14)}
.theme-whmcs .wh-gallery-cart:hover{transform:scale(1.04);background:#faf9ff}
@media(max-width:560px){.theme-whmcs .wh-gallery-cart{right:58px;top:9px;width:40px;height:40px;font-size:25px}}

/* V47 - Restore original WHMCS hero typography; keep the V44 larger typography elsewhere */
.wh-hero-pill{font-size:12px}
.wh-hero h1{font-size:43px;line-height:1.08;letter-spacing:-1px}
.wh-hero p{font-size:15px;line-height:1.65}
.wh-btn{font-size:13px;padding:12px 21px}
.wh-hero-trust span{font-size:10px}
.wh-hero-trust small{font-size:8px}
@media(max-width:800px){
  .wh-hero h1{font-size:37px}
  .wh-hero p{font-size:13px}
  .wh-hero-pill{font-size:12px}
  .wh-btn{font-size:13px;padding:11px 17px}
  .wh-hero-trust span{font-size:9px}
  .wh-hero-trust small{font-size:7px}
}
@media(max-width:560px){
  .wh-hero h1{font-size:31px;line-height:1.08}
  .wh-hero p{font-size:13px}
  .wh-hero-pill{font-size:12px}
  .wh-btn{font-size:13px;padding:11px 17px}
  .wh-hero-trust span{font-size:9px}
  .wh-hero-trust small{font-size:7px}
}


/* V49 - Both Min and Max price handles remain independently draggable on touch and mouse. */
.theme-whmcs .tz-range-exact{--range-min-pct:0%;--range-max-pct:100%;touch-action:none;}
.theme-whmcs .tz-range-exact:before{z-index:0!important;}
.theme-whmcs .tz-range-exact:after{content:"";position:absolute;left:var(--range-min-pct);right:calc(100% - var(--range-max-pct));top:17px;height:7px;background:#645be8;border-radius:9px;z-index:1;pointer-events:none;}
.theme-whmcs .tz-range-exact .range-slider{left:0!important;width:100%!important;z-index:5!important;}
.theme-whmcs .tz-range-exact .range-slider.range-min{z-index:5!important;}
.theme-whmcs .tz-range-exact .range-slider.range-max{z-index:6!important;}
.theme-whmcs .tz-range-exact .range-slider::-webkit-slider-thumb{position:relative;cursor:grab;}
.theme-whmcs .tz-range-exact .range-slider:active::-webkit-slider-thumb{cursor:grabbing;}
.theme-whmcs .tz-range-exact .range-slider::-moz-range-thumb{cursor:grab;}
.theme-whmcs .tz-range-exact .range-slider:active::-moz-range-thumb{cursor:grabbing;}


/* V50 - Reliable dual price handles: both Min and Max dots are independently draggable on touch/mouse. */
.theme-whmcs .tz-range-exact{--range-min-pct:0%;--range-max-pct:100%;touch-action:none;}
.theme-whmcs .tz-range-exact:before{z-index:0!important;}
.theme-whmcs .tz-range-exact:after{content:"";position:absolute;left:var(--range-min-pct);right:calc(100% - var(--range-max-pct));top:17px;height:7px;background:#645be8;border-radius:9px;z-index:1;pointer-events:none;}
.theme-whmcs .tz-range-exact .range-slider{left:0!important;width:100%!important;pointer-events:none!important;opacity:0!important;}
.theme-whmcs .tz-range-handle{position:absolute;top:4px;transform:translateX(-50%);width:27px;height:27px;padding:0;border:0;border-radius:50%;background:#645be8;box-shadow:0 2px 5px rgba(50,50,120,.2);cursor:grab;z-index:10;touch-action:none;-webkit-tap-highlight-color:transparent;}
.theme-whmcs .tz-range-handle.is-dragging{cursor:grabbing;}
.theme-whmcs .tz-range-handle:focus-visible{outline:3px solid rgba(100,91,232,.25);outline-offset:3px;}

/* V51 - Green circular feature checks and white cart icon */
.feature-check-v21{width:22px;height:22px;min-width:22px;border:2px solid #22a85a;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#22a85a;font-size:13px;font-weight:900;line-height:1;margin-top:1px;background:#fff}
.wh-feature-list-v21 div{align-items:center}
.cart-icon-white-v21{width:19px;height:19px;color:#fff;display:inline-block;flex:0 0 auto}
.wh-cart-main-v21{color:#fff!important}

/* V52 WhatsApp + Free label polish */
.theme-whmcs .tz-product-badge{font-weight:800}
.theme-whmcs .feature-check-v21{border-color:#20b45b!important;color:#20b45b!important;background:#e9fff1!important;box-shadow:0 1px 5px rgba(32,180,91,.12)}

.theme-whmcs .tz-card-cart-icon{width:21px;height:21px;display:block;color:#fff}
.theme-whmcs .tz-cart-circle{color:#fff!important;background:#655ce9!important}

/* V53 - Match ZilleHosting-style WhatsApp floating CTA + premium WHMCS hero art */
.theme-whmcs .tz-whatsapp-exact{
  right:28px;bottom:28px;min-width:280px;height:78px;min-height:78px;padding:8px 22px 8px 9px;
  gap:14px;border-radius:42px;background:#16c653;color:#fff;
  box-shadow:0 10px 28px rgba(22,198,83,.28),0 0 0 1px rgba(255,255,255,.08) inset;
  font-size:20px;font-weight:800;letter-spacing:.1px;overflow:visible;
}
.theme-whmcs .tz-whatsapp-exact:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(22,198,83,.34),0 0 0 1px rgba(255,255,255,.1) inset}
.theme-whmcs .tz-whatsapp-icon{width:60px;height:60px;flex:0 0 60px;border-radius:50%;background:#fff;color:#16c653;box-shadow:0 3px 12px rgba(0,0,0,.13)}
.theme-whmcs .tz-whatsapp-icon svg{width:36px;height:36px}
.theme-whmcs .tz-whatsapp-online{right:8px;top:-7px;border:3px solid #fff;background:#16c653;border-radius:999px;padding:4px 9px;font-size:11px;line-height:1;font-weight:800;box-shadow:0 2px 8px rgba(0,0,0,.12)}
.theme-whmcs .tz-whatsapp-wave{left:-3px;top:-3px;width:66px;height:66px;border:2px solid rgba(22,198,83,.30);animation:tzWhatsappWaveExact 2s ease-out infinite}
.theme-whmcs .tz-whatsapp-wave:after{inset:-11px;border:2px solid rgba(22,198,83,.13);animation:tzWhatsappWaveExact 2s ease-out .55s infinite}
@keyframes tzWhatsappWaveExact{0%{transform:scale(.82);opacity:.75}72%,100%{transform:scale(1.55);opacity:0}}

/* Rebuild the hero artwork as a dark glass WHMCS command-center card so it belongs to the page palette. */
.theme-whmcs .wh-hero-art{height:360px;filter:drop-shadow(0 25px 45px rgba(0,0,0,.18))}
.theme-whmcs .wh-device{
  width:88%;height:285px;padding:51px 15px 14px 92px;
  border:1px solid rgba(154,170,255,.30);border-bottom:1px solid rgba(154,170,255,.18);
  border-radius:20px;background:linear-gradient(145deg,rgba(20,29,69,.96),rgba(35,21,84,.94));
  box-shadow:0 28px 70px rgba(0,0,0,.34),0 0 70px rgba(103,70,255,.24),inset 0 1px 0 rgba(255,255,255,.08);
  transform:perspective(1100px) rotateY(-3deg) rotateX(1deg);overflow:hidden
}
.theme-whmcs .wh-device:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#4f67ff,#8c43f3,#c54cf5);opacity:.95}
.theme-whmcs .wh-device:after{left:15%;right:15%;bottom:-23px;height:13px;background:rgba(0,0,0,.32);filter:blur(9px)}
.theme-whmcs .wh-device-head{left:20px;top:15px;right:20px;color:#f4f6ff}
.theme-whmcs .wh-device-head b{font-size:20px;letter-spacing:.2px}.theme-whmcs .wh-device-head b:after{color:#6ee7a5}
.theme-whmcs .wh-device-head small{color:#98a4ca;font-size:8px}
.theme-whmcs .wh-side{left:0;top:48px;bottom:0;width:76px;background:rgba(7,13,35,.76);border-right:1px solid rgba(145,158,255,.10)}
.theme-whmcs .wh-side:before{left:12px;top:13px;color:#8f9abb;font-size:7px;line-height:2.7}
.theme-whmcs .wh-module-list{gap:8px}
.theme-whmcs .wh-module-list div{min-height:44px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.08);border-radius:11px;box-shadow:none;grid-template-columns:28px 1fr 50px;padding:6px 9px}
.theme-whmcs .wh-module-list i{width:28px;height:28px;border-radius:8px;background:rgba(95,111,255,.17);color:#91a1ff}
.theme-whmcs .wh-module-list b{font-size:8px;color:#eef1ff}.theme-whmcs .wh-module-list em{font-size:6px;padding:5px 6px;background:rgba(47,207,120,.15);color:#63e49c}
.theme-whmcs .wh-float-premium{right:-1%;top:18px;background:linear-gradient(135deg,#7548ff,#b947f0);padding:11px 16px;border-radius:12px;font-size:12px;box-shadow:0 14px 28px rgba(0,0,0,.24)}
.theme-whmcs .wh-float-code{right:-1%;bottom:48px;width:54px;height:54px;border-radius:15px;background:linear-gradient(135deg,#6b4cff,#3c2ac4);font-size:21px;box-shadow:0 14px 28px rgba(0,0,0,.25)}

@media(max-width:800px){
  .theme-whmcs .wh-hero-art{height:300px}
  .theme-whmcs .wh-device{width:92%;height:245px;padding-left:82px;padding-top:46px}
  .theme-whmcs .wh-side{width:68px}
  .theme-whmcs .wh-side:before{left:9px;font-size:6px}
}
@media(max-width:560px){
  .theme-whmcs .tz-whatsapp-exact{right:18px;bottom:70px;min-width:0;width:278px;height:78px;min-height:78px;padding:8px 18px 8px 8px;gap:13px;font-size:19px}
  .theme-whmcs .tz-whatsapp-icon{width:60px;height:60px;flex-basis:60px}.theme-whmcs .tz-whatsapp-icon svg{width:35px;height:35px}
  .theme-whmcs .tz-whatsapp-online{right:7px;top:-7px;font-size:10px;padding:4px 8px}
  .theme-whmcs .wh-hero-art{height:250px;margin-top:2px}
  .theme-whmcs .wh-device{width:96%;height:205px;padding:39px 8px 8px 60px;border-radius:15px}
  .theme-whmcs .wh-device-head{left:11px;top:10px;right:11px}.theme-whmcs .wh-device-head b{font-size:14px}.theme-whmcs .wh-device-head small{font-size:6px}
  .theme-whmcs .wh-side{top:39px;width:51px}.theme-whmcs .wh-side:before{left:7px;top:8px;font-size:5px;line-height:2.35}
  .theme-whmcs .wh-module-list{gap:5px}.theme-whmcs .wh-module-list div{min-height:31px;grid-template-columns:19px 1fr 35px;padding:4px 5px;border-radius:8px}
  .theme-whmcs .wh-module-list i{width:19px;height:19px;font-size:7px;border-radius:6px}.theme-whmcs .wh-module-list b{font-size:5.5px}.theme-whmcs .wh-module-list em{font-size:4.5px;padding:3px 4px}
  .theme-whmcs .wh-float-premium{right:-1%;top:8px;padding:8px 10px;border-radius:9px;font-size:8px}.theme-whmcs .wh-float-code{right:0;bottom:20px;width:42px;height:42px;border-radius:11px;font-size:16px}
}

/* V54 — RedCheap-inspired premium WHMCS homepage hero. Design-only refresh; existing links/content remain functional. */
.theme-whmcs .wh-hero-rct{min-height:620px;background:#050721;isolation:isolate;overflow:hidden;position:relative;border:0}
.theme-whmcs .wh-hero-rct:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 86% 32%,rgba(124,20,255,.23),transparent 29%),radial-gradient(circle at 52% 100%,rgba(0,119,255,.2),transparent 36%),linear-gradient(120deg,#05061d 0%,#08072a 48%,#10052d 100%);z-index:-5}
.theme-whmcs .wh-hero-rct:after{content:"";position:absolute;left:-8%;right:-8%;bottom:-55%;height:70%;background:radial-gradient(ellipse at 60% 35%,rgba(28,92,255,.95) 0%,rgba(85,24,255,.72) 28%,rgba(85,24,255,0) 64%);filter:blur(3px);opacity:.72;z-index:-4;transform:rotate(-5deg)}
.wh-rct-inner{min-height:620px;position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr);align-items:center;gap:20px;padding-top:42px;padding-bottom:42px}
.wh-rct-copy{position:relative;z-index:3;max-width:700px}
.wh-rct-ready{display:inline-flex;align-items:center;gap:10px;padding:9px 17px 9px 9px;border-radius:999px;background:linear-gradient(100deg,rgba(52,211,153,.86),rgba(49,183,255,.78));box-shadow:0 10px 30px rgba(27,211,166,.18),inset 0 0 0 1px rgba(255,255,255,.16);color:#fff;margin-bottom:18px}
.wh-rct-check{width:37px;height:37px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);font-size:22px;font-weight:900}
.wh-rct-ready span:last-child{display:flex;flex-direction:column;line-height:1.05}.wh-rct-ready small{font-size:10px;letter-spacing:1.2px;font-weight:700;opacity:.82}.wh-rct-ready b{font-size:17px;margin-top:3px}
.wh-rct-pill{display:inline-flex;align-items:center;gap:10px;padding:11px 21px;border-radius:999px;border:1px solid rgba(0,150,255,.9);background:rgba(12,17,73,.72);box-shadow:0 0 22px rgba(0,116,255,.12),inset 0 0 25px rgba(170,0,255,.08);color:#f0f3ff;font-size:13px;font-weight:700;letter-spacing:.5px}.wh-rct-pill i{font-size:20px;font-style:normal;color:#20b8ff;text-shadow:0 0 12px #1e8fff}
.wh-rct-copy h1{margin:25px 0 17px;color:#fff;font-size:clamp(43px,5vw,68px);line-height:1.04;letter-spacing:-2px;font-weight:900}.wh-rct-copy h1 span{background:linear-gradient(90deg,#0d9dff 0%,#1d79ff 30%,#9b35ff 74%,#d323d9 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.wh-rct-copy p{max-width:650px;margin:0;color:#d8d9e8;font-size:17px;line-height:1.7}.wh-rct-features{display:grid;grid-template-columns:repeat(4,1fr);margin:32px 0 25px;max-width:670px}.wh-rct-features>div{display:flex;align-items:center;gap:11px;min-height:62px;padding:4px 16px;border-left:1px solid rgba(255,255,255,.14)}.wh-rct-features>div:first-child{border-left:0;padding-left:0}.wh-rct-features b{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#063eae,#0b59ff);border:1px solid rgba(37,144,255,.55);box-shadow:inset 0 0 15px rgba(67,126,255,.3),0 8px 22px rgba(0,71,255,.16);color:#72c6ff;font-size:23px}.wh-rct-features span{color:#f2f4ff;font-size:12px;line-height:1.45;font-weight:700}.wh-rct-actions{margin-top:0;gap:12px}.wh-rct-cta{min-width:260px;min-height:58px;border-radius:10px;background:linear-gradient(100deg,#067fff,#9b25e7);box-shadow:0 14px 35px rgba(42,66,255,.27);font-size:16px;color:#fff}.wh-rct-cta strong{margin-left:18px;width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#a23ce1;font-size:20px}.wh-rct-secondary{min-height:58px;border-radius:10px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.04);color:#fff;font-size:15px;padding:0 25px}
.wh-rct-art{height:520px;position:relative;display:flex;align-items:center;justify-content:center;overflow:visible}.wh-rct-panel{position:relative;z-index:3;width:84%;height:270px;border:1px solid rgba(80,155,255,.5);border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.035));box-shadow:0 30px 80px rgba(0,0,0,.42),0 0 45px rgba(77,38,255,.22);backdrop-filter:blur(9px);transform:perspective(1000px) rotateY(-8deg) rotateX(2deg);overflow:hidden}
.wh-rct-panel-top{height:38px;border-bottom:1px solid rgba(255,255,255,.12);display:flex;align-items:center;gap:7px;padding:0 13px}.wh-rct-panel-top span{width:7px;height:7px;border-radius:50%;background:#1d9fff}.wh-rct-panel-top span+span{background:#7f43ff}.wh-rct-panel-top span+span+span{background:#d42ee9}.wh-rct-panel-top em{margin-left:auto;color:#aeb9d9;font-size:8px;font-style:normal}.wh-rct-panel-side{position:absolute;left:0;top:38px;bottom:0;width:82px;background:rgba(3,7,30,.55);display:flex;flex-direction:column;gap:13px;padding:16px 11px;color:#8190b8;font-size:8px}.wh-rct-panel-side b{color:#fff;font-size:11px;margin-bottom:5px}.wh-rct-panel-main{position:absolute;left:100px;right:14px;top:55px;display:grid;gap:11px}.wh-rct-panel-main>div{height:42px;border-radius:9px;background:rgba(255,255,255,.92);display:grid;grid-template-columns:28px 1fr 46px;align-items:center;gap:7px;padding:0 9px;box-shadow:0 7px 15px rgba(0,0,0,.12)}.wh-rct-panel-main i{width:25px;height:25px;border-radius:7px;background:#e7fff0;color:#13b45a;display:grid;place-items:center;font-style:normal;font-weight:900}.wh-rct-panel-main b{font-size:8px;color:#29344d}.wh-rct-panel-main em{font-size:6px;font-style:normal;text-align:center;border-radius:999px;background:#dcf9e8;color:#12a653;padding:4px 3px;font-weight:800}
.wh-rct-ring{position:absolute;border:1px solid rgba(0,95,255,.85);border-radius:50%;transform:rotate(-15deg);z-index:1}.wh-rct-ring-1{width:610px;height:300px;bottom:0;right:-115px;box-shadow:0 0 22px rgba(0,93,255,.22)}.wh-rct-ring-2{width:500px;height:245px;bottom:25px;right:-65px;border-color:rgba(177,22,255,.9);box-shadow:0 0 25px rgba(187,24,255,.2)}.wh-rct-ring-3{width:420px;height:205px;bottom:52px;right:-25px;border-color:rgba(31,166,255,.6)}.wh-rct-orb{position:absolute;border-radius:50%;z-index:2}.wh-rct-orb-1{width:16px;height:16px;background:#a91df1;box-shadow:0 0 22px #a91df1;left:28%;bottom:24%}.wh-rct-orb-2{width:10px;height:10px;background:#168cff;box-shadow:0 0 18px #168cff;right:9%;top:22%}.wh-rct-float{position:absolute;z-index:4;right:0;bottom:32px;width:64px;height:64px;border-radius:18px;background:linear-gradient(145deg,#1b8bff,#6b20e8);color:#fff;display:grid;place-items:center;font-size:25px;font-weight:900;box-shadow:0 15px 28px rgba(25,65,255,.25);transform:rotate(7deg)}
.wh-rct-dots{position:absolute;right:2%;top:38px;width:135px;height:180px;opacity:.8;background-image:radial-gradient(circle,rgba(174,35,255,.8) 1px,transparent 1.5px);background-size:10px 10px;mask-image:linear-gradient(90deg,transparent,#000);-webkit-mask-image:linear-gradient(90deg,transparent,#000);z-index:-1}.wh-rct-glow{position:absolute;border-radius:50%;filter:blur(40px);pointer-events:none;z-index:-2}.wh-rct-glow-a{width:250px;height:250px;right:18%;top:5%;background:rgba(96,0,255,.2)}.wh-rct-glow-b{width:280px;height:180px;left:38%;bottom:-8%;background:rgba(0,121,255,.18)}
@media(max-width:900px){.wh-rct-inner{grid-template-columns:1fr;min-height:auto;padding-top:38px;padding-bottom:45px}.wh-rct-copy{max-width:760px}.wh-rct-art{height:350px;margin-top:2px}.wh-rct-panel{width:76%;height:215px}.wh-rct-panel-main{left:82px;top:49px;gap:7px}.wh-rct-panel-main>div{height:33px;grid-template-columns:23px 1fr 40px}.wh-rct-panel-side{width:65px;top:38px;gap:9px;padding:12px 8px}.wh-rct-copy h1{font-size:clamp(42px,8vw,60px)}}
@media(max-width:650px){.theme-whmcs .wh-hero-rct{min-height:auto}.wh-rct-inner{padding:30px 16px 35px}.wh-rct-ready{margin-bottom:13px;padding:7px 13px 7px 7px}.wh-rct-check{width:32px;height:32px;font-size:18px}.wh-rct-ready b{font-size:14px}.wh-rct-ready small{font-size:8px}.wh-rct-pill{padding:9px 14px;font-size:10px}.wh-rct-copy h1{font-size:38px;line-height:1.06;letter-spacing:-1.2px;margin:18px 0 14px}.wh-rct-copy p{font-size:14px;line-height:1.65}.wh-rct-features{grid-template-columns:repeat(2,1fr);gap:10px;margin:23px 0 22px}.wh-rct-features>div{border-left:0;padding:5px 0;min-height:55px}.wh-rct-features b{width:42px;height:42px;border-radius:12px;font-size:19px}.wh-rct-features span{font-size:10px}.wh-rct-actions{display:flex;flex-direction:column;align-items:stretch}.wh-rct-cta,.wh-rct-secondary{width:100%;min-height:54px}.wh-rct-art{height:270px}.wh-rct-panel{width:91%;height:170px;border-radius:11px}.wh-rct-panel-top{height:28px;padding:0 9px}.wh-rct-panel-top span{width:5px;height:5px}.wh-rct-panel-top em{font-size:6px}.wh-rct-panel-side{top:28px;width:50px;padding:8px 6px;gap:6px;font-size:5px}.wh-rct-panel-side b{font-size:7px}.wh-rct-panel-main{left:60px;right:8px;top:37px;gap:5px}.wh-rct-panel-main>div{height:25px;grid-template-columns:18px 1fr 31px;gap:4px;padding:0 5px}.wh-rct-panel-main i{width:17px;height:17px;font-size:8px}.wh-rct-panel-main b{font-size:5.5px}.wh-rct-panel-main em{font-size:4.5px;padding:3px 2px}.wh-rct-ring-1{width:430px;height:210px;right:-115px;bottom:-3px}.wh-rct-ring-2{width:360px;height:176px;right:-80px}.wh-rct-ring-3{width:300px;height:146px;right:-48px}.wh-rct-dots{right:-15px;top:25px;width:100px;height:130px}.wh-rct-float{width:48px;height:48px;border-radius:13px;font-size:18px;bottom:16px}.wh-rct-glow-a{width:170px;height:170px;right:0}.wh-rct-glow-b{width:190px;height:140px;left:25%}}

/* V55 - WhatsApp button: match supplied reference exactly (circular icon, green dot, soft waves) */
.theme-whmcs .tz-whatsapp-exact{
  position:fixed;
  right:28px;
  bottom:28px;
  z-index:120;
  width:96px;
  height:96px;
  min-width:96px;
  min-height:96px;
  padding:0;
  display:grid;
  place-items:center;
  background:#20d366;
  color:#fff;
  text-decoration:none;
  border-radius:50%;
  font-size:0;
  box-shadow:0 12px 30px rgba(32,211,102,.28);
  overflow:visible;
  transition:transform .18s ease,box-shadow .18s ease;
}
.theme-whmcs .tz-whatsapp-exact:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 34px rgba(32,211,102,.34);
}
.theme-whmcs .tz-whatsapp-icon{
  position:relative;
  width:100%;
  height:100%;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:transparent;
  color:#fff;
  box-shadow:none;
  z-index:2;
}
.theme-whmcs .tz-whatsapp-icon svg{
  width:58px;
  height:58px;
  fill:currentColor;
  display:block;
}
.theme-whmcs .tz-whatsapp-online{
  position:absolute;
  right:-2px;
  top:-2px;
  width:20px;
  height:20px;
  padding:0;
  border-radius:50%;
  background:#20d366;
  border:4px solid #fff;
  color:transparent;
  font-size:0;
  line-height:0;
  box-shadow:0 2px 8px rgba(0,0,0,.12);
  z-index:5;
}
.theme-whmcs .tz-whatsapp-wave{
  position:absolute;
  left:-19px;
  top:-19px;
  width:134px;
  height:134px;
  border-radius:50%;
  border:2px solid rgba(32,211,102,.20);
  animation:tzWhatsappWaveRef 2.1s ease-out infinite;
  pointer-events:none;
  z-index:0;
}
.theme-whmcs .tz-whatsapp-wave:after{
  content:"";
  position:absolute;
  inset:-20px;
  border-radius:50%;
  border:2px solid rgba(32,211,102,.09);
  animation:tzWhatsappWaveRef 2.1s ease-out .58s infinite;
}
@keyframes tzWhatsappWaveRef{
  0%{transform:scale(.72);opacity:.72}
  72%,100%{transform:scale(1.12);opacity:0}
}
.theme-whmcs .tz-whatsapp-text{display:none!important}
@media(max-width:560px){
  .theme-whmcs .tz-whatsapp-exact{
    right:18px;
    bottom:76px;
    width:88px;
    height:88px;
    min-width:88px;
    min-height:88px;
  }
  .theme-whmcs .tz-whatsapp-icon svg{width:53px;height:53px}
  .theme-whmcs .tz-whatsapp-online{width:19px;height:19px;right:-2px;top:-2px;border-width:4px}
  .theme-whmcs .tz-whatsapp-wave{left:-18px;top:-18px;width:124px;height:124px}
}

/* V56 - Focus the hero on products: remove hosting/dashboard distraction and strengthen product CTA. */
.theme-whmcs .wh-hero-rct{min-height:560px}
.theme-whmcs .wh-rct-inner{grid-template-columns:minmax(0,1fr);max-width:1040px;margin:0 auto}
.theme-whmcs .wh-rct-copy{max-width:900px;margin:0 auto;width:100%}
.theme-whmcs .wh-rct-art{display:none}
.theme-whmcs .wh-rct-copy h1{text-shadow:0 8px 30px rgba(0,0,0,.28)}
.theme-whmcs .wh-rct-copy p{text-shadow:0 3px 18px rgba(0,0,0,.22)}
.theme-whmcs .wh-rct-features{max-width:760px}
.theme-whmcs .wh-rct-features>a{display:flex;align-items:center;gap:11px;min-height:62px;padding:4px 16px;border-left:1px solid rgba(255,255,255,.14);text-decoration:none;transition:transform .18s ease,filter .18s ease,background .18s ease}
.theme-whmcs .wh-rct-features>a:first-child{border-left:0;padding-left:0}
.theme-whmcs .wh-rct-features>a:hover{transform:translateY(-3px);filter:brightness(1.12)}
.theme-whmcs .wh-rct-features>a:focus-visible{outline:2px solid #55bfff;outline-offset:3px;border-radius:12px}
.theme-whmcs .wh-rct-actions{margin-top:6px}
.theme-whmcs .wh-rct-cta{min-width:310px;min-height:64px;font-size:17px;box-shadow:0 18px 42px rgba(42,66,255,.36),0 0 28px rgba(139,37,231,.18)}
.theme-whmcs .wh-rct-cta:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 22px 48px rgba(42,66,255,.42),0 0 34px rgba(139,37,231,.24)}

/* V56 WhatsApp - smaller, farther right and lower on mobile/desktop. */
.theme-whmcs .tz-whatsapp-exact{right:18px;bottom:18px;width:72px;height:72px;min-width:72px;min-height:72px}
.theme-whmcs .tz-whatsapp-icon svg{width:46px;height:46px}
.theme-whmcs .tz-whatsapp-online{width:17px;height:17px;right:-2px;top:-2px;border-width:3px}
.theme-whmcs .tz-whatsapp-wave{left:-13px;top:-13px;width:98px;height:98px}
@media(max-width:650px){
  .theme-whmcs .wh-hero-rct{min-height:auto}
  .theme-whmcs .wh-rct-inner{padding:30px 16px 40px}
  .theme-whmcs .wh-rct-copy{max-width:none}
  .theme-whmcs .wh-rct-features{max-width:none}
  .theme-whmcs .wh-rct-features>a{border-left:0;padding:5px 0;min-height:55px}
  .theme-whmcs .wh-rct-cta{width:100%;min-width:0;min-height:58px;font-size:16px}
  .theme-whmcs .tz-whatsapp-exact{right:10px;bottom:52px;width:68px;height:68px;min-width:68px;min-height:68px}
  .theme-whmcs .tz-whatsapp-icon svg{width:44px;height:44px}
  .theme-whmcs .tz-whatsapp-online{width:16px;height:16px;right:-2px;top:-2px;border-width:3px}
  .theme-whmcs .tz-whatsapp-wave{left:-12px;top:-12px;width:92px;height:92px}
}


/* Zille Store — final mixed digital-products homepage branding */
.theme-whmcs .wh-rct-description{max-width:650px;margin:13px 0 0;color:#bfc5db;font-size:14px;line-height:1.65}
.theme-whmcs .wh-rct-features{gap:0}
.theme-whmcs .wh-rct-features>div{display:flex;align-items:center;gap:11px;min-height:62px;padding:4px 16px;border-left:1px solid rgba(255,255,255,.14)}
.theme-whmcs .wh-rct-features>div:first-child{border-left:0;padding-left:0}
.theme-whmcs .wh-rct-features b{flex:0 0 48px}
.theme-whmcs .wh-rct-actions{display:flex;align-items:center;flex-wrap:wrap}
.theme-whmcs .wh-rct-secondary{display:inline-flex;align-items:center;justify-content:center;min-width:190px;padding:0 24px}
.theme-whmcs .wh-rct-art{height:520px}
.wh-rct-category-card{position:absolute;z-index:5;right:1%;bottom:68px;width:285px;padding:20px 22px;border:1px solid rgba(100,170,255,.4);border-radius:18px;background:rgba(8,12,48,.74);box-shadow:0 25px 55px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(12px);display:flex;flex-direction:column;gap:7px;color:#fff;transform:rotate(-3deg)}
.wh-rct-category-card small{font-size:9px;letter-spacing:1.5px;color:#64b8ff;font-weight:800}.wh-rct-category-card strong{font-size:24px}.wh-rct-category-card span{font-size:10px;color:#cbd2e9;line-height:1.5}
.wh-category-feature-area{position:relative;z-index:6;margin-top:-42px;padding-bottom:28px}
.wh-category-feature-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;color:#fff}.wh-category-feature-title span{font-size:13px;font-weight:800;letter-spacing:.2px}.wh-category-feature-title a{font-size:11px;color:#aebaff;text-decoration:none}.wh-category-feature-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:9px}
.wh-category-feature-grid a{min-width:0;padding:13px 10px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(9,14,49,.78);box-shadow:0 10px 25px rgba(0,0,0,.12);color:#fff;text-decoration:none;display:flex;flex-direction:column;gap:5px;transition:transform .18s ease,border-color .18s ease,background .18s ease}.wh-category-feature-grid a:hover{transform:translateY(-2px);border-color:rgba(103,163,255,.55);background:rgba(17,25,73,.9)}.wh-category-feature-grid b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wh-category-feature-grid small{font-size:8px;color:#9da9c8}
@media(max-width:900px){.theme-whmcs .wh-rct-art{height:350px}.wh-rct-category-card{right:3%;bottom:22px;width:245px}.wh-category-feature-area{margin-top:-25px}.wh-category-feature-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:650px){.theme-whmcs .wh-rct-description{font-size:12px;line-height:1.6}.theme-whmcs .wh-rct-features>div{border-left:0;padding:5px 0;min-height:55px}.theme-whmcs .wh-rct-actions{display:flex;flex-direction:column;align-items:stretch}.theme-whmcs .wh-rct-cta,.theme-whmcs .wh-rct-secondary{width:100%;min-height:54px}.theme-whmcs .wh-rct-art{height:270px}.wh-rct-category-card{right:4%;bottom:15px;width:210px;padding:14px 16px}.wh-rct-category-card strong{font-size:18px}.wh-rct-category-card span{font-size:8px}.wh-category-feature-area{margin-top:-10px;padding:0 16px 24px}.wh-category-feature-grid{grid-template-columns:repeat(2,1fr)}.wh-category-feature-grid a{padding:11px 9px}}

/* ===== ZILLE STORE — PROFESSIONAL CLICKABLE POPULAR CATEGORIES ===== */
.wh-category-feature-section{background:#f8f9fc;border-top:1px solid #edf0f5;border-bottom:1px solid #edf0f5;padding:30px 0 36px}
.wh-category-feature-area{position:relative;margin:0 auto;padding:0}
.wh-category-feature-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px;color:#202938}
.wh-category-feature-title>div{display:flex;flex-direction:column;gap:4px}
.wh-category-feature-title small{font-size:10px;letter-spacing:.9px;font-weight:800;color:#6b61df}
.wh-category-feature-title span{font-size:24px;font-weight:800;letter-spacing:-.3px;color:#202938}
.wh-category-feature-title a{display:inline-flex;align-items:center;gap:7px;color:#5f56df;text-decoration:none;font-size:12px;font-weight:800;padding:9px 13px;border:1px solid #e3e1fb;background:#fff;border-radius:10px;transition:.18s ease}
.wh-category-feature-title a:hover{background:#f3f1ff;border-color:#cfcaff;transform:translateY(-1px)}
.wh-category-feature-title a strong{font-size:15px}
.wh-category-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.wh-category-feature-grid a{position:relative;min-height:132px;min-width:0;padding:18px 17px;background:#fff;border:1px solid #e8eaf1;border-radius:18px;box-shadow:0 6px 20px rgba(28,35,60,.055);color:#273247;text-decoration:none;display:flex;align-items:center;gap:13px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.wh-category-feature-grid a:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(102,91,232,.065),transparent 55%);pointer-events:none}
.wh-category-feature-grid a:hover{transform:translateY(-4px);border-color:#d2cdfc;box-shadow:0 14px 30px rgba(61,52,150,.12)}
.wh-category-feature-icon{position:relative;z-index:1;width:58px;height:58px;flex:0 0 58px;border-radius:16px;background:linear-gradient(135deg,#f0edff,#e8f0ff);border:1px solid #e3e0fb;display:grid;place-items:center;overflow:hidden}
.wh-category-feature-icon img{width:58px;height:58px;object-fit:contain}
.wh-category-feature-icon span{font-size:28px;color:#665be9;font-weight:800}
.wh-category-feature-copy{position:relative;z-index:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.wh-category-feature-copy b{font-size:13px;line-height:1.25;color:#263149;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wh-category-feature-copy small{font-size:10px;color:#8b93a4}
.wh-category-feature-arrow{position:absolute;z-index:1;right:14px;bottom:13px;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#f2efff;color:#675ce6;font-size:13px;font-weight:800;transition:.18s ease}
.wh-category-feature-grid a:hover .wh-category-feature-arrow{background:#685be8;color:#fff;transform:translateX(2px)}
@media(max-width:900px){.wh-category-feature-section{padding:26px 0 30px}.wh-category-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wh-category-feature-title span{font-size:21px}}
@media(max-width:560px){.wh-category-feature-section{padding:24px 16px 28px}.wh-category-feature-title{align-items:center;margin-bottom:14px}.wh-category-feature-title small{font-size:8px}.wh-category-feature-title span{font-size:20px}.wh-category-feature-title a{font-size:10px;padding:8px 10px}.wh-category-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.wh-category-feature-grid a{min-height:112px;padding:13px 10px;border-radius:15px;gap:9px;align-items:flex-start}.wh-category-feature-icon{width:43px;height:43px;flex-basis:43px;border-radius:12px}.wh-category-feature-icon img{width:33px;height:33px}.wh-category-feature-icon span{font-size:18px}.wh-category-feature-copy{padding-top:2px;gap:4px}.wh-category-feature-copy b{font-size:10px;white-space:normal;line-height:1.25}.wh-category-feature-copy small{font-size:8px}.wh-category-feature-arrow{right:9px;bottom:8px;width:21px;height:21px;font-size:11px}}

/* ===== Zille Store V3 — large, clearly clickable category cards ===== */
.wh-category-feature-grid a{cursor:pointer;position:relative;z-index:2;-webkit-tap-highlight-color:transparent;user-select:none;min-height:146px;padding:18px 18px;gap:15px}
.wh-category-feature-icon{width:72px;height:72px;flex:0 0 72px;border-radius:18px}
.wh-category-feature-icon img{width:72px;height:72px;object-fit:contain;padding:4px}
.wh-category-feature-icon span{font-size:34px}
.wh-category-feature-copy{gap:7px;padding-right:20px}
.wh-category-feature-copy b{font-size:15px;line-height:1.3}
.wh-category-feature-copy small{font-size:11px}
.wh-category-feature-arrow{right:15px;bottom:14px;width:30px;height:30px;font-size:14px;box-shadow:0 3px 10px rgba(103,91,232,.10)}
.wh-category-feature-grid a:active{transform:scale(.985)}
.wh-category-feature-grid a:focus-visible{outline:3px solid rgba(102,91,232,.28);outline-offset:3px}
@media(max-width:900px){
  .wh-category-feature-grid a{min-height:138px;padding:17px 16px}
  .wh-category-feature-icon{width:68px;height:68px;flex-basis:68px}
  .wh-category-feature-icon img{width:68px;height:68px}
  .wh-category-feature-copy b{font-size:14px}
  .wh-category-feature-copy small{font-size:10px}
}
@media(max-width:560px){
  .wh-category-feature-grid{gap:12px}
  .wh-category-feature-grid a{min-height:140px;padding:15px 13px;gap:11px;align-items:flex-start;border-radius:16px}
  .wh-category-feature-icon{width:58px;height:58px;flex-basis:58px;border-radius:15px}
  .wh-category-feature-icon img{width:58px;height:58px;padding:3px}
  .wh-category-feature-icon span{font-size:28px}
  .wh-category-feature-copy{padding-top:2px;padding-right:16px;gap:6px}
  .wh-category-feature-copy b{font-size:13px;line-height:1.35;white-space:normal;overflow:visible;text-overflow:clip}
  .wh-category-feature-copy small{font-size:10px}
  .wh-category-feature-arrow{right:10px;bottom:10px;width:28px;height:28px;font-size:13px}
}
/* Keep the mobile hamburger at the far right of the store header. */
@media(max-width:800px){
  .theme-whmcs .tz-headrow{grid-template-columns:auto 1fr auto!important}
  .theme-whmcs .tz-icons{margin-left:auto;justify-content:flex-end}
  .theme-whmcs .tz-icons .tz-menu-btn{order:99;margin-left:2px}
}

/* ===== Zille Store V4 — category image centering + stronger mobile typography ===== */
.theme-whmcs .wh-category-feature-icon{display:grid;place-items:center;overflow:hidden}
.theme-whmcs .wh-category-feature-icon img{display:block;width:78px;height:78px;max-width:100%;max-height:100%;object-fit:contain;object-position:center;padding:5px;margin:0 auto}
.theme-whmcs .wh-category-feature-copy b{font-size:16px;font-weight:750;line-height:1.3}
.theme-whmcs .wh-category-feature-copy small{font-size:12px}
@media(max-width:560px){
  .theme-whmcs .wh-category-feature-icon{width:52px;height:52px;flex-basis:52px;border-radius:13px}
  .theme-whmcs .wh-category-feature-icon img{width:46px;height:46px;padding:3px}
  .theme-whmcs .wh-category-feature-copy b{font-size:12px;line-height:1.3}
  .theme-whmcs .wh-category-feature-copy small{font-size:9px}
  .theme-whmcs .wh-category-feature-grid a{min-height:118px;padding:13px 10px;gap:10px}
}

/* Zille Store — polished storefront matching the approved mobile concept */
.theme-whmcs .tz-header-exact{background:#fff;border-bottom:1px solid #e8ebf2;box-shadow:0 2px 12px rgba(24,32,58,.06)}
.theme-whmcs .tz-headrow{height:78px;gap:24px}
.theme-whmcs .tz-brand{min-width:205px!important;display:flex;align-items:center}
.theme-whmcs .tz-brand .store-logo{width:190px!important;height:58px!important;max-width:190px;object-fit:contain;object-position:left center}
.theme-whmcs .tz-brand>span:not(.star),.theme-whmcs .tz-brand:after{display:none!important}
.theme-whmcs .tz-mainnav{gap:18px}
.theme-whmcs .tz-mainnav a{font-size:12px;font-weight:700}
.theme-whmcs .tz-icons{margin-left:0;gap:16px}
.theme-whmcs .tz-icons a,.theme-whmcs .tz-menu-btn{font-size:28px}

.theme-whmcs .wh-category-feature-section{background:#f8f9fc;padding:34px 0 42px}
.theme-whmcs .wh-category-feature-title{margin-bottom:20px}
.theme-whmcs .wh-category-feature-title span{font-size:28px;font-weight:850}
.theme-whmcs .wh-category-feature-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.theme-whmcs .wh-category-feature-grid a{min-height:118px;padding:16px 17px;display:grid;grid-template-columns:76px minmax(0,1fr) 32px;align-items:center;gap:14px;border-radius:18px;background:#fff;border:1px solid #e7eaf2;box-shadow:0 7px 24px rgba(31,39,67,.055);cursor:pointer}
.theme-whmcs .wh-category-feature-grid a:hover{transform:translateY(-3px);border-color:#cbc6fb;box-shadow:0 15px 32px rgba(77,65,170,.12)}
.theme-whmcs .wh-category-feature-icon{width:76px;height:76px;flex:0 0 76px;border-radius:18px;background:linear-gradient(135deg,#f0edff,#eaf2ff);display:grid;place-items:center;overflow:hidden}
.theme-whmcs .wh-category-feature-icon img{width:68px;height:68px;padding:3px;object-fit:contain;object-position:center;margin:0 auto}
.theme-whmcs .wh-category-feature-copy{padding:0!important;gap:7px;min-width:0}
.theme-whmcs .wh-category-feature-copy b{font-size:16px;font-weight:800;line-height:1.25;color:#202b3f;white-space:normal;overflow:visible}
.theme-whmcs .wh-category-feature-copy small{font-size:12px;color:#929aaa}
.theme-whmcs .wh-category-feature-arrow{position:static;width:32px;height:32px;font-size:15px;justify-self:end}

@media(max-width:900px){
 .theme-whmcs .tz-headrow{height:72px;gap:12px;padding:0 14px}
 .theme-whmcs .tz-brand{min-width:150px!important}
 .theme-whmcs .tz-brand .store-logo{width:150px!important;height:46px!important;max-width:150px}
 .theme-whmcs .tz-mainnav{display:none}
 .theme-whmcs .tz-search{margin-left:auto}
 .theme-whmcs .tz-icons{gap:11px}
 .theme-whmcs .tz-icons a,.theme-whmcs .tz-menu-btn{font-size:25px}
 .theme-whmcs .wh-category-feature-section{padding:28px 16px 34px}
 .theme-whmcs .wh-category-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .theme-whmcs .wh-category-feature-grid a{min-height:112px;padding:14px 12px;grid-template-columns:64px minmax(0,1fr) 28px;gap:10px}
 .theme-whmcs .wh-category-feature-icon{width:64px;height:64px;flex-basis:64px;border-radius:16px}
 .theme-whmcs .wh-category-feature-icon img{width:58px;height:58px}
 .theme-whmcs .wh-category-feature-copy b{font-size:14px}
 .theme-whmcs .wh-category-feature-copy small{font-size:10px}
 .theme-whmcs .wh-category-feature-arrow{width:28px;height:28px;font-size:13px}
}

@media(max-width:560px){
 .theme-whmcs .tz-headrow{height:70px;padding:0 12px;gap:9px}
 .theme-whmcs .tz-brand{min-width:145px!important}
 .theme-whmcs .tz-brand .store-logo{width:145px!important;height:44px!important;max-width:145px}
 .theme-whmcs .tz-icons{gap:9px}
 .theme-whmcs .tz-icons a,.theme-whmcs .tz-menu-btn{font-size:24px}
 .theme-whmcs .wh-category-feature-title span{font-size:22px}
 .theme-whmcs .wh-category-feature-title small{font-size:9px}
 .theme-whmcs .wh-category-feature-title a{font-size:10px;padding:9px 11px}
 .theme-whmcs .wh-category-feature-grid{gap:10px}
 .theme-whmcs .wh-category-feature-grid a{min-height:112px;padding:13px 10px;grid-template-columns:58px minmax(0,1fr) 25px;gap:9px;border-radius:16px}
 .theme-whmcs .wh-category-feature-icon{width:58px;height:58px;border-radius:15px}
 .theme-whmcs .wh-category-feature-icon img{width:52px;height:52px;padding:2px}
 .theme-whmcs .wh-category-feature-copy b{font-size:13px}
 .theme-whmcs .wh-category-feature-copy small{font-size:9px}
 .theme-whmcs .wh-category-feature-arrow{width:25px;height:25px;font-size:12px}
}

/* Zille Store — final comfortable transparent logo sizing */
.theme-whmcs .tz-brand{min-width:176px!important;flex:0 0 176px!important;display:flex!important;align-items:center!important;overflow:visible!important}
.theme-whmcs .tz-brand .store-logo{display:block!important;width:176px!important;height:58px!important;max-width:none!important;object-fit:contain!important;object-position:left center!important;background:transparent!important}
@media(max-width:800px){
  .theme-whmcs .tz-headrow{height:74px!important;min-height:74px!important;grid-template-columns:176px minmax(34px,1fr) auto!important;gap:9px!important;padding:0 10px!important}
  .theme-whmcs .tz-brand{min-width:176px!important;flex-basis:176px!important}
  .theme-whmcs .tz-brand .store-logo{width:176px!important;height:56px!important;max-width:none!important}
}
@media(max-width:360px){
  .theme-whmcs .tz-headrow{grid-template-columns:150px minmax(34px,1fr) auto!important;gap:7px!important;padding:0 9px!important}
  .theme-whmcs .tz-brand{min-width:150px!important;flex-basis:150px!important}
  .theme-whmcs .tz-brand .store-logo{width:150px!important;height:50px!important}
  .theme-whmcs .tz-icons{gap:8px!important}
}

/* Zille Store — category cards matching the approved reference */
.theme-whmcs .tz-categories-page-exact{
  padding:28px 24px 80px;
  min-height:620px;
  background-color:#fbfcfd;
  background-image:linear-gradient(rgba(226,231,238,.58) 1px,transparent 1px),linear-gradient(90deg,rgba(226,231,238,.58) 1px,transparent 1px);
  background-size:64px 64px;
}
.theme-whmcs .tz-categories-search-exact{display:none}
.theme-whmcs .tz-categories-title-exact{display:none}
.theme-whmcs .tz-category-cards-exact{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
  max-width:1180px;
  margin:0 auto;
}
.theme-whmcs .tz-category-card-exact{
  min-height:278px;
  background:rgba(255,255,255,.98);
  border:2px solid #e6eaf0;
  border-radius:28px;
  box-shadow:0 4px 13px rgba(31,43,61,.055);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:24px 22px;
  text-decoration:none;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.theme-whmcs .tz-category-card-exact:hover,
.theme-whmcs .tz-category-card-exact:focus-visible{
  transform:translateY(-2px);
  border-color:#d9dce7;
  box-shadow:0 10px 24px rgba(31,43,61,.10);
  outline:none;
}
.theme-whmcs .tz-category-image-exact{
  width:128px;
  height:128px;
  display:grid;
  place-items:center;
  margin:0 0 25px;
  flex:0 0 auto;
}
.theme-whmcs .tz-category-image-exact img{
  width:128px;
  height:128px;
  object-fit:contain;
  border-radius:20px;
  display:block;
}
.theme-whmcs .tz-category-image-exact span{
  width:112px;
  height:112px;
  border-radius:20px;
  background:#f5f7fa;
  color:#5f6672;
  display:grid;
  place-items:center;
  font-size:42px;
}
.theme-whmcs .tz-category-name-exact{
  text-align:center;
  font-size:30px;
  line-height:1.18;
  font-weight:500;
  color:#182338;
  letter-spacing:-.4px;
}
@media(max-width:760px){
  .theme-whmcs .tz-categories-page-exact{padding:20px 16px 65px}
  .theme-whmcs .tz-category-cards-exact{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .theme-whmcs .tz-category-card-exact{min-height:190px;border-radius:20px;padding:16px 8px}
  .theme-whmcs .tz-category-image-exact{width:82px;height:82px;margin-bottom:14px}
  .theme-whmcs .tz-category-image-exact img{width:82px;height:82px;border-radius:16px}
  .theme-whmcs .tz-category-image-exact span{width:74px;height:74px;border-radius:16px;font-size:30px}
  .theme-whmcs .tz-category-name-exact{font-size:20px;line-height:1.2}
}
@media(max-width:420px){
  .theme-whmcs .tz-category-cards-exact{gap:11px}
  .theme-whmcs .tz-category-card-exact{min-height:170px}
  .theme-whmcs .tz-category-image-exact{width:70px;height:70px;margin-bottom:11px}
  .theme-whmcs .tz-category-image-exact img{width:70px;height:70px}
  .theme-whmcs .tz-category-name-exact{font-size:17px}
}

/* Zille Store final polish: larger category artwork + comfortable header logo.
   Card dimensions remain unchanged; only artwork/text presentation is refined. */
.theme-whmcs .wh-category-feature-grid a{
  min-height:112px;
  box-sizing:border-box;
}
.theme-whmcs .wh-category-feature-icon{
  width:70px;
  height:70px;
  flex-basis:70px;
  border-radius:17px;
  display:grid;
  place-items:center;
}
.theme-whmcs .wh-category-feature-icon img{
  width:66px;
  height:66px;
  max-width:100%;
  max-height:100%;
  padding:2px;
  object-fit:contain;
  object-position:center;
  margin:0 auto;
}
.theme-whmcs .wh-category-feature-icon span{font-size:31px}
.theme-whmcs .wh-category-feature-copy b{font-size:14px;line-height:1.3}
.theme-whmcs .wh-category-feature-copy small{font-size:10px}

/* Keep the mobile card footprint exactly the same while enlarging its icon. */
@media(max-width:560px){
  .theme-whmcs .wh-category-feature-grid a{
    min-height:112px;
    height:112px;
    padding:13px 10px;
    grid-template-columns:68px minmax(0,1fr) 25px;
    gap:9px;
    align-items:center;
    box-sizing:border-box;
  }
  .theme-whmcs .wh-category-feature-icon{
    width:68px;
    height:68px;
    flex-basis:68px;
    border-radius:15px;
  }
  .theme-whmcs .wh-category-feature-icon img{
    width:64px;
    height:64px;
    padding:2px;
  }
  .theme-whmcs .wh-category-feature-copy{
    min-width:0;
    padding:0 4px 0 0!important;
    gap:5px;
  }
  .theme-whmcs .wh-category-feature-copy b{
    font-size:13px;
    line-height:1.25;
    white-space:normal;
    overflow:visible;
    text-overflow:clip;
  }
  .theme-whmcs .wh-category-feature-copy small{font-size:9px}
  .theme-whmcs .wh-category-feature-arrow{
    width:25px;
    height:25px;
    right:auto;
    bottom:auto;
    position:static;
    justify-self:end;
    font-size:12px;
  }
}

/* Comfortable Zille Store logo sizing; preserves dedicated space so header controls never move. */
.theme-whmcs .tz-brand .store-logo{
  display:block!important;
  width:176px!important;
  height:58px!important;
  max-width:none!important;
  object-fit:contain!important;
  object-position:left center!important;
  background:transparent!important;
}
.theme-whmcs .tz-brand{min-width:176px!important;display:flex;align-items:center}
@media(max-width:800px){
  .theme-whmcs .tz-headrow{
    min-height:74px!important;
    height:74px!important;
    grid-template-columns:176px minmax(34px,1fr) auto!important;
    gap:9px!important;
    padding:0 10px!important;
  }
  .theme-whmcs .tz-brand{min-width:176px!important}
  .theme-whmcs .tz-brand .store-logo{
    width:176px!important;
    height:56px!important;
  }
}
@media(max-width:420px){
  .theme-whmcs .tz-headrow{
    grid-template-columns:158px minmax(30px,1fr) auto!important;
    gap:7px!important;
    padding:0 8px!important;
  }
  .theme-whmcs .tz-brand{min-width:158px!important}
  .theme-whmcs .tz-brand .store-logo{
    width:158px!important;
    height:52px!important;
  }
  .theme-whmcs .tz-icons{gap:8px!important}
  .theme-whmcs .tz-icons a{font-size:21px!important}
}

/* Zille Store — final reference-matched category + header polish */
.theme-whmcs .tz-header-exact{background:#fff!important;border-bottom:1px solid #edf0f5!important;box-shadow:0 1px 7px rgba(20,25,45,.045)!important}
.theme-whmcs .tz-headrow{height:84px!important;min-height:84px!important;display:grid!important;grid-template-columns:205px minmax(0,1fr) auto!important;align-items:center!important;gap:28px!important;padding:0 18px!important}
.theme-whmcs .tz-brand{min-width:205px!important;width:205px!important;height:72px!important;display:flex!important;align-items:center!important;overflow:visible!important}
.theme-whmcs .tz-brand .store-logo{display:block!important;width:200px!important;height:64px!important;max-width:none!important;object-fit:contain!important;object-position:left center!important;background:transparent!important;border-radius:0!important}
.theme-whmcs .tz-brand>span:not(.star),.theme-whmcs .tz-brand:after,.theme-whmcs .tz-brand .tag{display:none!important}
.theme-whmcs .tz-mainnav{display:flex!important;align-items:center!important;justify-content:center!important;gap:22px!important;min-width:0!important}
.theme-whmcs .tz-mainnav a{font-size:13px!important;font-weight:700!important;white-space:nowrap!important;color:#172033!important}
.theme-whmcs .tz-mainnav a:hover,.theme-whmcs .tz-mainnav a:first-child{color:#5d5ee8!important}
.theme-whmcs .tz-icons{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:17px!important;margin-left:0!important;white-space:nowrap!important}
.theme-whmcs .tz-icons a,.theme-whmcs .tz-menu-btn{font-size:29px!important;color:#172033!important;line-height:1!important}
.theme-whmcs .tz-menu-btn{display:none!important}

/* Reference: large white cards, centered icon + title, two-column grid */
.theme-whmcs .wh-category-feature-section{position:relative;background-color:#fbfcff!important;background-image:linear-gradient(#e9edf5 1px,transparent 1px),linear-gradient(90deg,#e9edf5 1px,transparent 1px)!important;background-size:40px 40px!important;border-top:1px solid #eef1f6!important;border-bottom:1px solid #eef1f6!important;padding:30px 0 44px!important}
.theme-whmcs .wh-category-feature-area{max-width:1120px!important;padding:0 22px!important}
.theme-whmcs .wh-category-feature-title{margin-bottom:25px!important;align-items:center!important}
.theme-whmcs .wh-category-feature-title small{font-size:14px!important;letter-spacing:1.1px!important;color:#7167df!important}
.theme-whmcs .wh-category-feature-title span{font-size:38px!important;line-height:1.12!important;font-weight:850!important;letter-spacing:-1.1px!important;color:#152541!important}
.theme-whmcs .wh-category-feature-title a{font-size:17px!important;padding:15px 24px!important;min-width:138px!important;min-height:58px!important;border-radius:16px!important;background:#fff!important;border:1px solid #ddd9f8!important;box-shadow:0 3px 12px rgba(74,64,160,.04)!important}
.theme-whmcs .wh-category-feature-title a strong{font-size:21px!important}
.theme-whmcs .wh-category-feature-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
.theme-whmcs .wh-category-feature-grid a{min-height:252px!important;padding:28px 22px!important;border:1px solid #e4e8f0!important;border-radius:28px!important;background:#fff!important;box-shadow:0 5px 18px rgba(27,38,65,.055)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:17px!important;text-align:center!important;overflow:hidden!important}
.theme-whmcs .wh-category-feature-grid a:before{display:none!important}
.theme-whmcs .wh-category-feature-grid a:hover{transform:translateY(-2px)!important;border-color:#d8d3fb!important;box-shadow:0 12px 28px rgba(61,52,150,.10)!important}
.theme-whmcs .wh-category-feature-icon{width:120px!important;height:120px!important;flex:0 0 120px!important;border-radius:24px!important;background:#fff!important;border:1px solid #e9edf3!important;box-shadow:0 2px 8px rgba(25,34,54,.025)!important;display:grid!important;place-items:center!important;overflow:hidden!important}
.theme-whmcs .wh-category-feature-icon img{width:96px!important;height:96px!important;max-width:96px!important;max-height:96px!important;object-fit:contain!important;display:block!important}
.theme-whmcs .wh-category-feature-icon span{font-size:52px!important;line-height:1!important;color:#665be9!important;font-weight:800!important}
.theme-whmcs .wh-category-feature-copy{display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;width:100%!important;gap:0!important}
.theme-whmcs .wh-category-feature-copy b{font-size:26px!important;line-height:1.18!important;font-weight:800!important;color:#12233f!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;text-align:center!important;max-width:100%!important}
.theme-whmcs .wh-category-feature-copy small{display:none!important}
.theme-whmcs .wh-category-feature-arrow{display:none!important}

@media(max-width:800px){
 .theme-whmcs .tz-headrow{height:78px!important;min-height:78px!important;grid-template-columns:180px minmax(34px,1fr) auto!important;gap:8px!important;padding:0 10px!important}
 .theme-whmcs .tz-brand{min-width:180px!important;width:180px!important;height:68px!important}
 .theme-whmcs .tz-brand .store-logo{width:180px!important;height:60px!important}
 .theme-whmcs .tz-mainnav{display:none!important}
 .theme-whmcs .tz-search{width:34px!important;height:38px!important;border:0!important;margin-left:auto!important;background:transparent!important}
 .theme-whmcs .tz-search input{display:none!important}
 .theme-whmcs .tz-search button{width:34px!important;height:38px!important;background:transparent!important;color:#172033!important;border-radius:0!important;font-size:27px!important;padding:0!important}
 .theme-whmcs .tz-icons{gap:11px!important}
 .theme-whmcs .tz-icons a,.theme-whmcs .tz-menu-btn{font-size:26px!important}
 .theme-whmcs .tz-menu-btn{display:block!important}
 .theme-whmcs .wh-category-feature-section{padding:28px 0 38px!important;background-size:32px 32px!important}
 .theme-whmcs .wh-category-feature-area{padding:0 14px!important}
 .theme-whmcs .wh-category-feature-title{margin-bottom:22px!important}
 .theme-whmcs .wh-category-feature-title small{font-size:11px!important}
 .theme-whmcs .wh-category-feature-title span{font-size:27px!important;letter-spacing:-.7px!important}
 .theme-whmcs .wh-category-feature-title a{font-size:14px!important;min-width:112px!important;min-height:50px!important;padding:12px 15px!important;border-radius:15px!important}
 .theme-whmcs .wh-category-feature-title a strong{font-size:18px!important}
 .theme-whmcs .wh-category-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
 .theme-whmcs .wh-category-feature-grid a{min-height:255px!important;padding:20px 10px!important;border-radius:25px!important;gap:15px!important}
 .theme-whmcs .wh-category-feature-icon{width:116px!important;height:116px!important;flex-basis:116px!important;border-radius:24px!important}
 .theme-whmcs .wh-category-feature-icon img{width:92px!important;height:92px!important;max-width:92px!important;max-height:92px!important}
 .theme-whmcs .wh-category-feature-icon span{font-size:48px!important}
 .theme-whmcs .wh-category-feature-copy b{font-size:22px!important;line-height:1.22!important}
}
@media(max-width:390px){
 .theme-whmcs .tz-headrow{grid-template-columns:158px 30px auto!important;gap:5px!important;padding:0 8px!important}
 .theme-whmcs .tz-brand{min-width:158px!important;width:158px!important}
 .theme-whmcs .tz-brand .store-logo{width:158px!important;height:54px!important}
 .theme-whmcs .tz-icons{gap:8px!important}
 .theme-whmcs .tz-icons a,.theme-whmcs .tz-menu-btn{font-size:23px!important}
 .theme-whmcs .wh-category-feature-title span{font-size:24px!important}
 .theme-whmcs .wh-category-feature-title a{min-width:104px!important;padding:10px 12px!important}
 .theme-whmcs .wh-category-feature-grid{gap:10px!important}
 .theme-whmcs .wh-category-feature-grid a{min-height:235px!important;padding:16px 8px!important}
 .theme-whmcs .wh-category-feature-icon{width:102px!important;height:102px!important;flex-basis:102px!important}
 .theme-whmcs .wh-category-feature-icon img{width:82px!important;height:82px!important;max-width:82px!important;max-height:82px!important}
 .theme-whmcs .wh-category-feature-copy b{font-size:19px!important}
}


/* ===== Zille Store — exact reference category layout ===== */
.theme-whmcs .tz-header{background:#fff!important;border-bottom:1px solid #edf0f5!important;box-shadow:none!important}
.theme-whmcs .tz-headrow{height:104px!important;display:flex!important;align-items:center!important;gap:24px!important;padding:0 10px!important}
.theme-whmcs .tz-brand{display:flex!important;align-items:center!important;flex:0 0 auto!important;min-width:0!important;width:auto!important;gap:0!important;color:#10213d!important}
.theme-whmcs .tz-brand .store-logo{width:170px!important;height:82px!important;max-width:170px!important;object-fit:contain!important;background:transparent!important;border-radius:0!important;display:block!important}
.theme-whmcs .tz-brand>span:not(.store-logo){display:none!important}
.theme-whmcs .tz-brand:after{display:none!important}
.theme-whmcs .tz-mainnav{display:none!important}
.theme-whmcs .tz-search{margin-left:auto!important;width:42px!important;height:42px!important;border:0!important;background:transparent!important;box-shadow:none!important}
.theme-whmcs .tz-search input{display:none!important}
.theme-whmcs .tz-search button{width:42px!important;height:42px!important;padding:0!important;background:transparent!important;color:#10213d!important;font-size:29px!important}
.theme-whmcs .tz-icons{display:flex!important;align-items:center!important;gap:20px!important}
.theme-whmcs .tz-icons a,.theme-whmcs .tz-account-trigger{font-size:30px!important;color:#10213d!important;line-height:1!important;text-decoration:none!important}
.theme-whmcs .tz-icons .wh-cart{position:relative!important}
.theme-whmcs .tz-icons .wh-cart em{font-size:11px!important;min-width:22px!important;height:22px!important;display:grid!important;place-items:center!important;position:absolute!important;top:-9px!important;right:-8px!important;background:#ef3340!important;color:#fff!important;border-radius:50%!important;font-style:normal!important}
.theme-whmcs .tz-menu-btn{width:44px!important;height:44px!important;border:0!important;background:transparent!important;color:#10213d!important;font-size:32px!important;padding:0!important;line-height:1!important}

.wh-category-feature-section{background-color:#fbfcff!important;background-image:linear-gradient(#e9edf5 1px,transparent 1px),linear-gradient(90deg,#e9edf5 1px,transparent 1px)!important;background-size:40px 40px!important;border-top:1px solid #edf0f5!important;border-bottom:1px solid #edf0f5!important;padding:32px 0 38px!important}
.wh-category-feature-area{max-width:1120px!important;margin:0 auto!important;padding:0 28px!important}
.wh-category-feature-title{align-items:flex-end!important;margin-bottom:24px!important;gap:24px!important}
.wh-category-feature-title>div{gap:6px!important}
.wh-category-feature-title small{font-size:15px!important;letter-spacing:1px!important;color:#7669df!important}
.wh-category-feature-title span{font-size:38px!important;line-height:1.1!important;font-weight:800!important;letter-spacing:-1px!important;color:#142542!important}
.wh-category-feature-title a{font-size:18px!important;padding:16px 24px!important;border:1px solid #dcd8f5!important;border-radius:18px!important;color:#5e55d9!important;background:#fff!important;gap:12px!important}
.wh-category-feature-title a strong{font-size:24px!important}
.wh-category-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px 16px!important}
.wh-category-feature-grid a{min-height:244px!important;padding:24px!important;background:#fff!important;border:1px solid #e4e8f0!important;border-radius:24px!important;box-shadow:0 6px 18px rgba(20,35,65,.055)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:20px!important;text-align:center!important;overflow:hidden!important;color:#122443!important}
.wh-category-feature-grid a:before{display:none!important}
.wh-category-feature-grid a:hover{transform:translateY(-2px)!important;border-color:#d9d5f6!important;box-shadow:0 12px 26px rgba(61,52,150,.10)!important}
.wh-category-feature-icon{width:140px!important;height:140px!important;flex:0 0 140px!important;border-radius:22px!important;background:#fff!important;border:1px solid #e8ebf1!important;display:grid!important;place-items:center!important;overflow:hidden!important}
.wh-category-feature-icon img{width:112px!important;height:112px!important;object-fit:contain!important;padding:0!important}
.wh-category-feature-icon span{font-size:48px!important;color:#665be9!important}
.wh-category-feature-copy{display:block!important;min-width:0!important;padding:0!important}
.wh-category-feature-copy b{display:block!important;font-size:28px!important;line-height:1.2!important;color:#102443!important;font-weight:800!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
.wh-category-feature-copy small,.wh-category-feature-arrow{display:none!important}

@media(max-width:900px){
 .theme-whmcs .tz-headrow{height:86px!important;padding:0 14px!important;gap:12px!important}
 .theme-whmcs .tz-brand .store-logo{width:145px!important;height:68px!important}
 .theme-whmcs .tz-icons{gap:13px!important}
 .theme-whmcs .tz-icons a,.theme-whmcs .tz-account-trigger{font-size:25px!important}
 .theme-whmcs .tz-menu-btn{font-size:29px!important}
 .wh-category-feature-title span{font-size:32px!important}
 .wh-category-feature-grid a{min-height:220px!important}
 .wh-category-feature-icon{width:120px!important;height:120px!important;flex-basis:120px!important}
 .wh-category-feature-icon img{width:96px!important;height:96px!important}
 .wh-category-feature-copy b{font-size:24px!important}
}
@media(max-width:560px){
 .theme-whmcs .tz-headrow{height:76px!important;padding:0 10px!important;gap:7px!important}
 .theme-whmcs .tz-brand .store-logo{width:128px!important;height:61px!important}
 .theme-whmcs .tz-search,.theme-whmcs .tz-search button{width:32px!important;height:38px!important}
 .theme-whmcs .tz-search button{font-size:24px!important}
 .theme-whmcs .tz-icons{gap:8px!important}
 .theme-whmcs .tz-icons a,.theme-whmcs .tz-account-trigger{font-size:22px!important}
 .theme-whmcs .tz-menu-btn{width:34px!important;height:38px!important;font-size:27px!important}
 .wh-category-feature-section{padding:28px 0 34px!important;background-size:40px 40px!important}
 .wh-category-feature-area{padding:0 18px!important}
 .wh-category-feature-title{margin-bottom:20px!important;align-items:flex-end!important}
 .wh-category-feature-title small{font-size:10px!important;letter-spacing:1px!important}
 .wh-category-feature-title span{font-size:28px!important;letter-spacing:-.7px!important}
 .wh-category-feature-title a{font-size:13px!important;padding:13px 18px!important;border-radius:16px!important;white-space:nowrap!important}
 .wh-category-feature-title a strong{font-size:17px!important}
 .wh-category-feature-grid{gap:16px 14px!important}
 .wh-category-feature-grid a{min-height:260px!important;padding:20px 10px!important;border-radius:24px!important;gap:20px!important}
 .wh-category-feature-icon{width:124px!important;height:124px!important;flex-basis:124px!important;border-radius:22px!important}
 .wh-category-feature-icon img{width:100px!important;height:100px!important}
 .wh-category-feature-copy b{font-size:24px!important;line-height:1.22!important}
}
@media(max-width:390px){
 .theme-whmcs .tz-brand .store-logo{width:116px!important;height:56px!important}
 .theme-whmcs .tz-icons{gap:5px!important}
 .theme-whmcs .tz-icons a,.theme-whmcs .tz-account-trigger{font-size:20px!important}
 .theme-whmcs .tz-menu-btn{font-size:24px!important}
 .wh-category-feature-area{padding:0 14px!important}
 .wh-category-feature-grid{gap:13px 10px!important}
 .wh-category-feature-grid a{min-height:235px!important}
 .wh-category-feature-icon{width:108px!important;height:108px!important;flex-basis:108px!important}
 .wh-category-feature-icon img{width:88px!important;height:88px!important}
 .wh-category-feature-copy b{font-size:21px!important}
}

/* ===== Final request: remove Popular Categories + enlarge Zille Store logo ===== */
.theme-whmcs .wh-category-feature-section{display:none!important}
.theme-whmcs .tz-headrow{height:112px!important}
.theme-whmcs .tz-brand .store-logo{width:240px!important;height:78px!important;max-width:240px!important}

@media(max-width:900px){
  .theme-whmcs .tz-headrow{height:92px!important}
  .theme-whmcs .tz-brand .store-logo{width:210px!important;height:68px!important;max-width:210px!important}
}
@media(max-width:560px){
  .theme-whmcs .tz-headrow{height:82px!important;padding:0 8px!important;gap:5px!important}
  .theme-whmcs .tz-brand .store-logo{width:175px!important;height:58px!important;max-width:175px!important}
  .theme-whmcs .tz-icons{gap:7px!important}
}
@media(max-width:390px){
  .theme-whmcs .tz-brand .store-logo{width:155px!important;height:53px!important;max-width:155px!important}
  .theme-whmcs .tz-icons{gap:5px!important}
}

/* ===== V111 — Zille Store product grid: 3 desktop / 1 mobile ===== */
.theme-whmcs .tz-products-grid,
.theme-whmcs .wh-popular .tz-products-grid,
.theme-whmcs .tz-category-main-exact .tz-products-grid,
.theme-whmcs .wh-shop-main-v21 .tz-products-grid{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:18px !important;
}

@media (max-width:700px){
  .theme-whmcs .tz-products-grid,
  .theme-whmcs .wh-popular .tz-products-grid,
  .theme-whmcs .tz-category-main-exact .tz-products-grid,
  .theme-whmcs .wh-shop-main-v21 .tz-products-grid{
    grid-template-columns:1fr !important;
    gap:16px !important;
  }
}

/* ===== V111 — Client-side FAQ section ===== */
.tz-home-faq{padding:58px 0 64px;background:#fff}
.tz-home-faq-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}
.tz-home-faq-head h2{margin:7px 0 7px;font-size:34px;line-height:1.15;color:#16213f;letter-spacing:-.7px}
.tz-home-faq-head p{margin:0;color:#7b8498;font-size:15px}
.tz-faq-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:12px;background:#f1efff;color:#5b50d9;text-decoration:none;font-weight:800;white-space:nowrap}
.tz-home-faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.tz-home-faq-item{border:1px solid #e8eaf1;border-radius:16px;background:#fff;box-shadow:0 7px 24px rgba(31,39,67,.05);overflow:hidden}
.tz-home-faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:19px 20px;font-weight:800;color:#26314b;font-size:15px}
.tz-home-faq-item summary::-webkit-details-marker{display:none}
.tz-home-faq-item summary span{flex:0 0 28px;width:28px;height:28px;border-radius:9px;background:#f0edff;color:#6357e8;display:grid;place-items:center;font-size:19px;line-height:1}
.tz-home-faq-item[open] summary span{transform:rotate(45deg)}
.tz-home-faq-item>div{padding:0 20px 20px;color:#737d92;font-size:14px;line-height:1.7}
@media(max-width:800px){.tz-home-faq{padding:44px 0 50px}.tz-home-faq-head{align-items:flex-start;flex-direction:column}.tz-home-faq-head h2{font-size:28px}.tz-faq-link{min-height:40px}.tz-home-faq-grid{grid-template-columns:1fr}}
@media(max-width:560px){.tz-home-faq{padding:38px 16px 44px}.tz-home-faq-head{margin-bottom:18px}.tz-home-faq-head h2{font-size:25px}.tz-home-faq-head p{font-size:13px}.tz-home-faq-item summary{padding:16px;font-size:14px}.tz-home-faq-item>div{padding:0 16px 17px;font-size:13px}}

/* ===== Zille Store — footer copyright larger + centered ===== */
.theme-whmcs .tz-footer-bottom-exact{
  padding:20px 18px!important;
  font-size:15px!important;
  text-align:center!important;
}
.theme-whmcs .tz-footer-bottom-exact .container{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  text-align:center!important;
  width:100%!important;
}
.theme-whmcs .tz-footer-bottom-exact .container span{
  display:block!important;
  text-align:center!important;
  line-height:1.55!important;
}
.theme-whmcs .tz-footer-bottom-exact .container span:first-child{
  font-size:16px!important;
  font-weight:600!important;
  color:#7f8796!important;
}
.theme-whmcs .tz-footer-bottom-exact .container span+span{
  font-size:14px!important;
  color:#98a2b3!important;
}
@media(max-width:560px){
  .theme-whmcs .tz-footer-bottom-exact{padding:20px 16px!important;font-size:14px!important}
  .theme-whmcs .tz-footer-bottom-exact .container span:first-child{font-size:16px!important}
  .theme-whmcs .tz-footer-bottom-exact .container span+span{font-size:13px!important}
}

/* ===== Final header refinement: bigger logo + comfortable icon spacing ===== */
.theme-whmcs .tz-headrow{
  grid-template-columns:270px minmax(0,1fr) auto!important;
  column-gap:30px!important;
  padding-left:18px!important;
  padding-right:22px!important;
}
.theme-whmcs .tz-brand .store-logo{
  width:260px!important;
  height:86px!important;
  max-width:260px!important;
}
.theme-whmcs .tz-search{
  margin-left:auto!important;
}
.theme-whmcs .tz-icons{
  display:flex!important;
  align-items:center!important;
  gap:18px!important;
}
.theme-whmcs .tz-icons a,
.theme-whmcs .tz-account-trigger{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:34px!important;
  min-height:40px!important;
}
.theme-whmcs .tz-menu-btn{
  margin-left:4px!important;
}

@media(max-width:900px){
  .theme-whmcs .tz-headrow{
    grid-template-columns:220px minmax(34px,1fr) auto!important;
    column-gap:16px!important;
    padding-left:12px!important;
    padding-right:16px!important;
  }
  .theme-whmcs .tz-brand .store-logo{
    width:205px!important;
    height:68px!important;
    max-width:205px!important;
  }
  .theme-whmcs .tz-icons{gap:16px!important}
  .theme-whmcs .tz-icons a,
  .theme-whmcs .tz-account-trigger{min-width:34px!important;min-height:40px!important}
}

@media(max-width:560px){
  .theme-whmcs .tz-headrow{
    height:88px!important;
    min-height:88px!important;
    grid-template-columns:195px minmax(34px,1fr) auto!important;
    column-gap:12px!important;
    padding-left:10px!important;
    padding-right:12px!important;
  }
  .theme-whmcs .tz-brand .store-logo{
    width:190px!important;
    height:64px!important;
    max-width:190px!important;
  }
  .theme-whmcs .tz-search,
  .theme-whmcs .tz-search button{
    width:36px!important;
    height:40px!important;
  }
  .theme-whmcs .tz-search button{font-size:26px!important}
  .theme-whmcs .tz-icons{gap:14px!important}
  .theme-whmcs .tz-icons a,
  .theme-whmcs .tz-account-trigger{
    min-width:34px!important;
    min-height:40px!important;
    font-size:24px!important;
  }
  .theme-whmcs .tz-menu-btn{
    width:38px!important;
    height:40px!important;
    font-size:29px!important;
    margin-left:2px!important;
  }
}

@media(max-width:390px){
  .theme-whmcs .tz-headrow{
    height:84px!important;
    min-height:84px!important;
    grid-template-columns:178px minmax(30px,1fr) auto!important;
    column-gap:8px!important;
    padding-left:8px!important;
    padding-right:9px!important;
  }
  .theme-whmcs .tz-brand .store-logo{
    width:174px!important;
    height:59px!important;
    max-width:174px!important;
  }
  .theme-whmcs .tz-search,
  .theme-whmcs .tz-search button{width:34px!important;height:38px!important}
  .theme-whmcs .tz-search button{font-size:25px!important}
  .theme-whmcs .tz-icons{gap:11px!important}
  .theme-whmcs .tz-icons a,
  .theme-whmcs .tz-account-trigger{min-width:32px!important;font-size:23px!important}
  .theme-whmcs .tz-menu-btn{width:36px!important;font-size:27px!important}
}

/* PayFast automatic checkout */
.automatic-payment-note{margin-top:14px;padding:18px;border:1px solid #e4e7f0;border-radius:16px;background:#f8f8ff}.automatic-payment-note h3{margin:0 0 6px}.automatic-payment-note p{margin:0;color:#667085;line-height:1.6}

/* PayFast checkout branding */
.payfast-payment-panel{margin-top:16px!important;padding:0!important;overflow:hidden;border:1px solid #e3e8f2!important;background:#fff!important;box-shadow:0 10px 30px rgba(16,24,40,.06)}
.payfast-brand-row{display:flex;align-items:center;gap:12px;padding:16px 18px;background:linear-gradient(135deg,#f7fbff 0%,#ffffff 58%,#f7f6ff 100%);border-bottom:1px solid #edf0f5}
.payfast-logo-mark{position:relative;width:48px;height:48px;border-radius:14px;background:#fff;box-shadow:0 5px 16px rgba(20,60,140,.13);border:1px solid #e4eaf4;display:flex;align-items:center;justify-content:center;font-weight:900;font-style:italic;letter-spacing:-7px;overflow:hidden}
.payfast-logo-mark:before{content:"";position:absolute;left:8px;top:8px;width:12px;height:31px;border-radius:3px 0 0 3px;background:linear-gradient(180deg,#20c8d8,#1688e8)}
.payfast-logo-mark:after{content:"";position:absolute;left:15px;top:11px;width:22px;height:10px;border:5px solid #2639bd;border-left:0;border-radius:0 10px 10px 0;transform:skewX(-8deg)}
.payfast-logo-mark .pf-p,.payfast-logo-mark .pf-f{display:none}
.payfast-brand-copy{display:flex;flex-direction:column;min-width:0}
.payfast-brand-copy strong{font-size:20px;line-height:1.05;color:#1737a8;letter-spacing:-.4px}
.payfast-brand-copy span{font-size:11px;color:#667085;margin-top:4px;font-weight:600}
.payfast-secure-badge{margin-left:auto;white-space:nowrap;font-size:11px;font-weight:800;color:#176b3b;background:#edf8f1;border:1px solid #c8efd5;border-radius:999px;padding:7px 10px}
.payfast-payment-content{padding:17px 18px 18px}
.payfast-payment-content .deposit-head h3{font-size:17px;margin-bottom:5px}
.payfast-payment-content .deposit-head p{font-size:13px;line-height:1.65;margin-bottom:12px}
.payfast-methods{display:flex;flex-wrap:wrap;gap:7px}
.payfast-methods span{font-size:11px;font-weight:700;color:#475467;background:#f7f8fb;border:1px solid #e5e8ef;border-radius:999px;padding:6px 9px}
@media(max-width:560px){.payfast-brand-row{padding:14px}.payfast-payment-content{padding:15px 14px 16px}.payfast-secure-badge{font-size:10px;padding:6px 8px}.payfast-brand-copy strong{font-size:18px}}

/* PayFast payment success page */
.payfast-success-page{padding:54px 0 72px}
.pf-success-shell{max-width:760px;margin:0 auto;background:#fff;border:1px solid #e4e7ec;border-radius:24px;box-shadow:0 18px 55px rgba(16,24,40,.10);overflow:hidden;text-align:center}
.pf-success-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 26px;border-bottom:1px solid #eef1f4;background:#fbfcfd}
.pf-brand{display:flex;align-items:center;gap:11px;text-align:left}.pf-brand>span:last-child{display:flex;flex-direction:column}.pf-brand b{font-size:22px;line-height:1.1;color:#172033}.pf-brand small{font-size:11px;color:#667085;margin-top:3px}.pf-logo-mark{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#6b4eff,#3f63ff);color:#fff;font-weight:900;font-size:13px;letter-spacing:-.04em;box-shadow:0 7px 16px rgba(79,70,229,.24)}
.pf-secure-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border-radius:999px;background:#ecfdf3;color:#067647;border:1px solid #abefc6;font-size:12px;font-weight:800;white-space:nowrap}
.pf-success-icon{width:92px;height:92px;margin:42px auto 20px;border-radius:50%;background:#ecfdf3;border:8px solid #d1fadf;display:grid;place-items:center;box-shadow:0 10px 30px rgba(18,183,106,.12)}
.pf-success-icon span{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#12b76a;color:#fff;font-size:38px;font-weight:900;line-height:1;box-shadow:0 8px 20px rgba(18,183,106,.25)}
.pf-success-copy{padding:0 28px}.pf-kicker{font-size:11px;font-weight:900;letter-spacing:.14em;color:#12b76a;margin-bottom:8px}.pf-success-copy h1{font-size:36px;line-height:1.15;margin:0 0 10px;color:#101828}.pf-success-copy p{max-width:570px;margin:0 auto;color:#667085;font-size:15px;line-height:1.7}
.pf-order-summary{margin:28px 28px 0;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #e4e7ec;border-radius:15px;overflow:hidden;text-align:left;background:#fff}.pf-order-summary>div{padding:16px 15px;border-right:1px solid #e4e7ec}.pf-order-summary>div:last-child{border-right:0}.pf-order-summary small{display:block;color:#98a2b3;font-size:10px;text-transform:uppercase;letter-spacing:.06em;font-weight:800;margin-bottom:6px}.pf-order-summary strong{display:block;color:#172033;font-size:14px;word-break:break-word}.pf-order-summary .pf-approved{color:#067647}
.pf-success-note{margin:18px 28px 0;padding:15px 17px;display:flex;align-items:flex-start;gap:11px;text-align:left;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:13px;color:#166534}.pf-success-note>span{width:25px;height:25px;border-radius:50%;background:#16a34a;color:#fff;display:grid;place-items:center;font-size:14px;font-weight:900;flex:0 0 auto}.pf-success-note b{display:block;font-size:14px;margin:2px 0 4px}.pf-success-note p{margin:0;color:#4b7b5b;font-size:12px;line-height:1.5}
.pf-success-actions{display:flex;justify-content:center;gap:11px;margin:26px 28px 0}.pf-primary-btn{min-width:150px;box-shadow:0 8px 20px rgba(17,103,232,.18)}.pf-secondary-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 20px;border:1px solid #d0d5dd;border-radius:9px;color:#344054;text-decoration:none;font-weight:800;font-size:14px;background:#fff}.pf-secondary-btn:hover{background:#f8fafc}.pf-success-footer{margin-top:26px;padding:17px 22px;background:#f8fafc;border-top:1px solid #eef1f4;color:#98a2b3;font-size:11px}.pf-success-footer b{color:#667085}
@media(max-width:650px){.payfast-success-page{padding:22px 0 40px}.pf-success-shell{border-radius:18px}.pf-success-top{padding:17px 16px}.pf-brand b{font-size:19px}.pf-logo-mark{width:38px;height:38px;border-radius:10px}.pf-secure-badge{font-size:10px;padding:7px 9px}.pf-success-icon{width:82px;height:82px;margin:30px auto 18px}.pf-success-icon span{width:55px;height:55px;font-size:32px}.pf-success-copy{padding:0 18px}.pf-success-copy h1{font-size:30px}.pf-success-copy p{font-size:14px}.pf-order-summary{margin:22px 16px 0;grid-template-columns:1fr 1fr}.pf-order-summary>div:nth-child(2){border-right:0}.pf-order-summary>div:nth-child(-n+2){border-bottom:1px solid #e4e7ec}.pf-success-note{margin:14px 16px 0}.pf-success-actions{margin:20px 16px 0;flex-direction:column}.pf-primary-btn,.pf-secondary-btn{width:100%;box-sizing:border-box}.pf-success-footer{margin-top:20px}}
.cryptomus-mark{background:linear-gradient(135deg,#111827,#7c3aed)!important}.cryptomus-badge{background:#eefcf6!important;color:#087443!important}.gateway-auto-panel[hidden]{display:none!important}


/* ===== V72: mobile homepage header/search + Why Choose card fix ===== */
@media(max-width:650px){
  .theme-whmcs .tz-headrow{
    width:100%!important;
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 36px auto!important;
    align-items:center!important;
    gap:8px!important;
    padding:0 12px!important;
    overflow:visible!important;
  }
  .theme-whmcs .tz-brand{
    min-width:0!important;
    max-width:100%!important;
    overflow:visible!important;
  }
  .theme-whmcs .tz-brand .store-logo{
    width:176px!important;
    height:60px!important;
    max-width:176px!important;
    object-fit:contain!important;
  }
  .theme-whmcs .tz-search{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:36px!important;
    height:40px!important;
    min-width:36px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
    position:relative!important;
    z-index:10!important;
  }
  .theme-whmcs .tz-search input{display:none!important}
  .theme-whmcs .tz-search button{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:36px!important;
    height:40px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    color:#172033!important;
    font-size:28px!important;
    line-height:1!important;
    opacity:1!important;
    visibility:visible!important;
  }
  .theme-whmcs .tz-icons{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    min-width:max-content!important;
    overflow:visible!important;
  }
  .theme-whmcs .tz-icons a,
  .theme-whmcs .tz-account-trigger{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:34px!important;
    min-width:34px!important;
    height:40px!important;
    min-height:40px!important;
    font-size:23px!important;
  }
  .theme-whmcs .tz-menu-btn{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:38px!important;
    min-width:38px!important;
    height:40px!important;
    margin:0!important;
    padding:0!important;
    font-size:29px!important;
    line-height:1!important;
  }

  .theme-whmcs .wh-why{
    width:100%!important;
    box-sizing:border-box!important;
    padding:22px 0 28px!important;
    overflow:visible!important;
  }
  .theme-whmcs .wh-why>.container{
    width:calc(100% - 32px)!important;
    max-width:none!important;
    box-sizing:border-box!important;
    margin:0 16px!important;
    padding:22px 18px 24px!important;
    border:1px solid #e5e9f1!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:0 8px 28px rgba(20,35,70,.07)!important;
    overflow:visible!important;
  }
  .theme-whmcs .wh-why h2{
    margin:0 0 20px!important;
    font-size:27px!important;
    line-height:1.2!important;
  }
  .theme-whmcs .wh-why-grid{
    width:100%!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:22px 16px!important;
  }
  .theme-whmcs .wh-why-grid>div{
    min-width:0!important;
    padding:0!important;
    border:0!important;
    grid-template-columns:36px minmax(0,1fr)!important;
    column-gap:9px!important;
    align-items:start!important;
  }
  .theme-whmcs .wh-why-grid b{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    border-radius:11px!important;
    font-size:17px!important;
  }
  .theme-whmcs .wh-why-grid strong{
    font-size:12px!important;
    line-height:1.35!important;
  }
  .theme-whmcs .wh-why-grid p{
    font-size:9px!important;
    line-height:1.5!important;
    margin:3px 0 0!important;
  }
}
@media(max-width:390px){
  .theme-whmcs .tz-headrow{grid-template-columns:minmax(0,1fr) 34px auto!important;gap:5px!important;padding:0 8px!important}
  .theme-whmcs .tz-brand .store-logo{width:158px!important;height:55px!important;max-width:158px!important}
  .theme-whmcs .tz-search,.theme-whmcs .tz-search button{width:34px!important;min-width:34px!important}
  .theme-whmcs .tz-search button{font-size:26px!important}
  .theme-whmcs .tz-icons{gap:5px!important}
  .theme-whmcs .tz-icons a,.theme-whmcs .tz-account-trigger{width:32px!important;min-width:32px!important;font-size:21px!important}
  .theme-whmcs .tz-menu-btn{width:35px!important;min-width:35px!important;font-size:27px!important}
  .theme-whmcs .wh-why>.container{width:calc(100% - 20px)!important;margin:0 10px!important;padding:20px 14px 22px!important}
  .theme-whmcs .wh-why-grid{gap:20px 10px!important}
}

/* V74: account dropdown must stay above client-area/sidebar content on mobile. */
.theme-whmcs .tz-header-exact{z-index:9990!important}
.theme-whmcs .tz-account-wrap{position:relative!important;z-index:10000!important}
.theme-whmcs .tz-account-dropdown{z-index:100000!important;isolation:isolate!important}
.theme-whmcs .client-area-shell,.theme-whmcs .client-sidebar,.theme-whmcs .client-main{z-index:0!important}
@media(max-width:800px){
  .theme-whmcs .tz-account-dropdown{z-index:100000!important}
}

/* V76 — professional client dashboard + isolated account dropdown */
.theme-whmcs .tz-header-exact{z-index:100000!important;isolation:isolate!important;position:sticky!important;top:0!important}
.theme-whmcs .tz-account-wrap{position:relative!important;z-index:100001!important;isolation:isolate!important}
.theme-whmcs .tz-account-dropdown,
.theme-whmcs .tz-account-dropdown.is-open{background:#fff!important;opacity:1!important;visibility:visible!important;mix-blend-mode:normal!important;filter:none!important;backdrop-filter:none!important;isolation:isolate!important;contain:paint!important;overflow:hidden!important;color:#596274!important}
.theme-whmcs .tz-account-dropdown{z-index:100002!important;font-size:14px!important;line-height:1.35!important}
.theme-whmcs .tz-account-dropdown *{font-size:inherit!important;line-height:inherit!important;opacity:1!important;visibility:visible!important;box-sizing:border-box!important}
.theme-whmcs .tz-account-dropdown .tz-account-user b{font-size:14px!important;line-height:1.25!important;color:#202938!important}
.theme-whmcs .tz-account-dropdown .tz-account-user small{font-size:11px!important;line-height:1.25!important;color:#98a2b3!important}
.theme-whmcs .tz-account-dropdown>a{font-size:13px!important;line-height:1.25!important;min-height:43px!important;color:#596274!important;position:relative!important;z-index:2!important;background:#fff!important}
.theme-whmcs .tz-account-dropdown>a:hover{background:#f4f2ff!important}
.theme-whmcs .client-area-shell,.theme-whmcs .client-sidebar,.theme-whmcs .client-main{z-index:0!important}
.theme-whmcs .client-sidebar .client-logout{display:none!important}
.theme-whmcs .client-dashboard-head{display:flex;align-items:center;gap:16px;padding:22px 24px;margin-bottom:18px;border:1px solid #e8eaf2;border-radius:18px;background:linear-gradient(135deg,#ffffff 0%,#faf9ff 100%);box-shadow:0 8px 24px rgba(31,35,70,.055)}
.theme-whmcs .client-dashboard-icon{width:52px;height:52px;flex:0 0 52px;border-radius:15px;background:linear-gradient(135deg,#655ce9,#8a6df3);color:#fff;display:grid;place-items:center;font-size:24px;font-weight:900;box-shadow:0 9px 20px rgba(101,92,233,.2)}
.theme-whmcs .client-dashboard-eyebrow{font-size:11px;font-weight:850;letter-spacing:.12em;color:#776be2;margin-bottom:3px}
.theme-whmcs .client-dashboard-head h1{margin:0;color:#17233a;font-size:32px;line-height:1.12;font-weight:850;letter-spacing:-.6px}
.theme-whmcs .client-dashboard-head p{margin:6px 0 0;color:#7b8494;font-size:13px;line-height:1.5}
.theme-whmcs .account-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
@media(max-width:700px){
 .theme-whmcs .client-dashboard-head{padding:18px 16px;border-radius:16px;gap:12px}
 .theme-whmcs .client-dashboard-icon{width:46px;height:46px;flex-basis:46px;border-radius:13px;font-size:21px}
 .theme-whmcs .client-dashboard-head h1{font-size:27px}
 .theme-whmcs .client-dashboard-head p{font-size:12px;margin-top:5px}
 .theme-whmcs .account-stats{grid-template-columns:1fr!important}
 .theme-whmcs .tz-account-dropdown{position:fixed!important;right:12px!important;top:76px!important;width:min(310px,calc(100vw - 24px))!important;z-index:100002!important}
}

/* V77 — polished, isolated account dropdown: fixed viewport geometry prevents inherited storefront CSS from corrupting the menu. */
.theme-whmcs .tz-account-wrap{position:relative!important;z-index:1000000!important}
.theme-whmcs .tz-account-trigger{position:relative!important;z-index:1000001!important}
.theme-whmcs .tz-account-dropdown,
.theme-whmcs .tz-account-dropdown.is-open{
  position:fixed!important;
  top:92px!important;
  right:20px!important;
  left:auto!important;
  width:380px!important;
  max-width:calc(100vw - 40px)!important;
  min-width:0!important;
  margin:0!important;
  padding:12px!important;
  box-sizing:border-box!important;
  display:none!important;
  background:#ffffff!important;
  color:#172033!important;
  border:1px solid #e8eaf2!important;
  border-radius:22px!important;
  box-shadow:0 24px 70px rgba(20,28,55,.20),0 6px 22px rgba(91,78,205,.08)!important;
  z-index:2147483000!important;
  overflow:hidden!important;
  isolation:isolate!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
}
.theme-whmcs .tz-account-dropdown.is-open{display:block!important}
.theme-whmcs .tz-account-dropdown:before{
  content:""!important;
  position:absolute!important;
  right:74px!important;
  top:-8px!important;
  width:15px!important;
  height:15px!important;
  background:#fff!important;
  border-left:1px solid #e8eaf2!important;
  border-top:1px solid #e8eaf2!important;
  transform:rotate(45deg)!important;
  z-index:1!important;
}
.theme-whmcs .tz-account-user{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  gap:13px!important;
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  padding:14px 12px 15px!important;
  margin:0!important;
  border:0!important;
  border-bottom:1px solid #edf0f5!important;
  background:linear-gradient(135deg,#faf9ff 0%,#fff 70%)!important;
  border-radius:15px!important;
}
.theme-whmcs .tz-account-avatar{
  width:52px!important;height:52px!important;min-width:52px!important;
  border-radius:15px!important;
  background:linear-gradient(135deg,#6657ed,#8249ed)!important;
  color:#fff!important;
  display:grid!important;place-items:center!important;
  font-size:22px!important;font-weight:900!important;
  box-shadow:0 9px 20px rgba(102,87,237,.22)!important;
}
.theme-whmcs .tz-account-user-copy{min-width:0!important;flex:1!important}
.theme-whmcs .tz-account-user b{
  display:block!important;margin:0!important;padding:0!important;
  color:#172033!important;font-size:16px!important;line-height:1.25!important;
  font-weight:850!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
.theme-whmcs .tz-account-user small{
  display:block!important;margin:5px 0 0!important;padding:0!important;
  color:#8a93a3!important;font-size:12px!important;line-height:1.3!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
.theme-whmcs .tz-account-label{
  display:block!important;
  padding:14px 10px 7px!important;
  color:#9aa3b2!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.14em!important;
}
.theme-whmcs .tz-account-dropdown>a{
  width:100%!important;
  min-width:0!important;
  min-height:48px!important;
  margin:2px 0!important;
  padding:9px 10px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  border:0!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#344054!important;
  font-family:inherit!important;
  font-size:14px!important;
  line-height:1.25!important;
  font-weight:750!important;
  text-decoration:none!important;
  white-space:normal!important;
  overflow:visible!important;
  position:relative!important;
  z-index:2!important;
}
.theme-whmcs .tz-account-dropdown>a:hover{background:#f5f3ff!important;color:#5d55df!important}
.theme-whmcs .tz-account-link-icon{
  width:34px!important;height:34px!important;min-width:34px!important;
  border-radius:10px!important;
  display:grid!important;place-items:center!important;
  background:#f1efff!important;color:#6258df!important;
  font-size:16px!important;font-weight:900!important;
}
.theme-whmcs .tz-account-divider{height:1px!important;background:#edf0f5!important;margin:9px 8px!important}
.theme-whmcs .tz-account-dropdown .tz-account-logout{
  color:#d92d20!important;
  background:#fff!important;
  margin-top:2px!important;
}
.theme-whmcs .tz-account-dropdown .tz-account-logout .tz-account-link-icon{background:#fff1f0!important;color:#d92d20!important}
.theme-whmcs .tz-account-dropdown .tz-account-logout:hover{background:#fff5f4!important;color:#c5221f!important}
@media(max-width:800px){
  .theme-whmcs .tz-account-dropdown,
  .theme-whmcs .tz-account-dropdown.is-open{
    top:78px!important;
    right:12px!important;
    width:360px!important;
    max-width:calc(100vw - 24px)!important;
    border-radius:20px!important;
    padding:10px!important;
  }
  .theme-whmcs .tz-account-dropdown:before{right:62px!important}
  .theme-whmcs .tz-account-user{padding:13px 11px 14px!important}
  .theme-whmcs .tz-account-avatar{width:48px!important;height:48px!important;min-width:48px!important}
}

/* V78: professional responsive notification/toast system */
.flash-stack{position:fixed;top:18px;left:50%;transform:translateX(-50%);width:min(680px,calc(100vw - 28px));display:flex;flex-direction:column;gap:10px;z-index:100500;pointer-events:none}
.flash-toast{display:flex;align-items:center;gap:16px;min-height:92px;padding:16px 18px;border:1px solid #e5e9ef;border-radius:22px;background:rgba(255,255,255,.99);box-shadow:0 18px 50px rgba(16,24,40,.18);font-size:18px;font-weight:700;line-height:1.35;animation:v78ToastIn .24s ease-out;pointer-events:auto}
.flash-icon{width:56px;height:56px;flex:0 0 56px;border-radius:50%;display:grid;place-items:center;font-size:36px;font-weight:900}
.flash-copy{flex:1;min-width:0;color:#172033}
.flash-close{width:34px;height:34px;border:0;background:transparent;color:#98a2b3;font-size:26px;line-height:1;cursor:pointer;border-radius:9px}
.flash-close:hover{background:#f4f6f8;color:#344054}
.flash-toast.success{border-color:#e3e9e6}.flash-toast.success .flash-icon{background:#48dc38;color:#fff;box-shadow:0 0 0 6px #e8f9e6}.flash-toast.error{border-color:#f0dddd}.flash-toast.error .flash-icon{background:#ef4444;color:#fff;box-shadow:0 0 0 6px #fff0f0}.flash-toast.info{border-color:#d9e5fa}.flash-toast.info .flash-icon{background:#1269ee;color:#fff;box-shadow:0 0 0 6px #edf4ff}
@keyframes v78ToastIn{from{opacity:0;transform:translateY(-14px) scale(.97)}to{opacity:1;transform:none}}
.admin-auth-page{min-height:calc(100vh - 70px);display:grid;place-items:center;padding:40px 16px;background:radial-gradient(circle at 20% 10%,#eef4ff 0,#f6f8fb 42%,#fff 100%)}
.admin-auth-card{width:min(470px,100%);padding:30px;border-radius:22px;box-shadow:0 20px 60px rgba(16,24,40,.12);border-color:#e7ebf2}.admin-login-brand{display:flex;align-items:center;gap:13px;margin-bottom:25px}.admin-login-mark{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#1269ee,#6d3df5);color:#fff;font-size:25px;box-shadow:0 8px 22px rgba(70,80,220,.25)}.admin-login-brand b{display:block;font-size:19px}.admin-login-brand small{display:block;color:#667085;margin-top:3px}.admin-auth-links{display:flex;justify-content:space-between;gap:15px;margin-top:18px;font-size:13px}
@media(max-width:650px){.flash-stack{top:12px;left:12px;right:12px;transform:none;width:auto}.flash-toast{min-height:78px;border-radius:18px;padding:12px 13px;gap:13px;font-size:17px}.flash-icon{width:48px;height:48px;flex-basis:48px;font-size:30px}.flash-close{width:30px;height:30px;font-size:24px}.admin-auth-page{padding:24px 14px}.admin-auth-card{padding:22px;border-radius:18px}.admin-auth-links{flex-direction:column;align-items:center}.flash-copy{overflow-wrap:anywhere}}

/* V80 professional client-area/dashboard + profile-only navigation */
.client-area-shell-profile-only{display:block!important;max-width:1180px}
.client-main-full{width:100%!important;max-width:none!important}
.client-dashboard-head-pro{position:relative;overflow:hidden;display:flex;align-items:center;gap:18px;padding:26px 28px!important;margin-bottom:18px;border:1px solid #e9e4ff!important;border-radius:22px!important;background:linear-gradient(135deg,#ffffff 0%,#f8f6ff 55%,#f1edff 100%)!important;box-shadow:0 14px 36px rgba(77,55,190,.10)!important}
.client-dashboard-head-pro:after{content:"";position:absolute;right:-70px;top:-80px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(111,76,255,.16),rgba(111,76,255,0) 68%);pointer-events:none}
.client-dashboard-icon-pro{width:58px!important;height:58px!important;min-width:58px;border-radius:17px!important;display:grid!important;place-items:center;background:linear-gradient(135deg,#6d4cff,#4c32d6)!important;color:#fff!important;font-size:27px!important;box-shadow:0 10px 24px rgba(92,64,220,.24)}
.client-dashboard-copy{position:relative;z-index:1}.client-dashboard-copy h1{margin:2px 0 0!important;font-size:34px!important;font-weight:850!important;letter-spacing:-.7px}.client-dashboard-copy p{margin:7px 0 0!important;font-size:14px!important;color:#727b8f!important}
.client-dashboard-status{margin-left:auto;position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border-radius:999px;background:#ecfdf3;color:#15803d;font-weight:800;font-size:13px;border:1px solid #bbf7d0}
.status-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.12)}
.account-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
.account-stats .stat{position:relative;min-height:150px;padding:22px!important;border-radius:20px!important;box-shadow:0 10px 28px rgba(16,24,40,.055)!important}
.account-stats .stat small{font-size:13px;font-weight:700;color:#7b8494}.account-stats .stat b{font-size:34px;margin-top:9px}.account-stats .stat span{font-size:13px;color:#98a2b3}.account-stats .stat-highlight{background:linear-gradient(135deg,#fff,#fafaff)!important}.account-stats .stat-active{background:linear-gradient(135deg,#fafffb,#fff)!important;border-color:#d7f3df!important}.active-badge{display:inline-flex!important;align-items:center;gap:8px;color:#15803d!important;font-size:28px!important;font-weight:850!important}
.flash-stack{z-index:99999!important}.flash-toast{backdrop-filter:blur(10px);border-width:1px!important}.flash-toast.success .flash-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:28px;background:#22c55e!important;box-shadow:0 0 0 7px #dcfce7,0 8px 20px rgba(34,197,94,.25)!important}.flash-toast.error .flash-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:28px;background:#ef4444!important;box-shadow:0 0 0 7px #fee2e2,0 8px 20px rgba(239,68,68,.22)!important}
@media(max-width:650px){.client-dashboard-head-pro{padding:20px 17px!important;border-radius:18px!important;gap:12px!important;align-items:flex-start}.client-dashboard-icon-pro{width:50px!important;height:50px!important;min-width:50px;font-size:23px!important}.client-dashboard-copy h1{font-size:28px!important}.client-dashboard-copy p{font-size:12px!important}.client-dashboard-status{position:absolute;right:14px;top:14px;font-size:11px;padding:7px 9px}.account-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.account-stats .stat{min-height:130px;padding:16px!important;border-radius:16px!important}.account-stats .stat b{font-size:27px}.active-badge{font-size:21px!important}.account-stats .stat span{font-size:11px}.flash-toast{min-height:74px!important;border-radius:17px!important;font-size:15px!important}.flash-toast.success .flash-icon,.flash-toast.error .flash-icon{width:44px;height:44px;font-size:24px;flex-basis:44px}}

/* V81 client/admin polish */
.account-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px}
.account-stats .stat{min-width:0;position:relative;overflow:hidden}
.account-stats .stat-highlight{border-top:4px solid #5b5ce2}
.account-stats .stat-active{border-top:4px solid #16a34a}
.active-badge{display:inline-flex;align-items:center;gap:7px;color:#15803d;background:#ecfdf3;border:1px solid #bbf7d0;border-radius:999px;padding:7px 12px;font-size:15px}
.admin-dashboard-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 30px;margin-bottom:18px;border-radius:20px;background:linear-gradient(135deg,#111a33 0%,#29206b 58%,#5b35d5 100%);color:#fff;box-shadow:0 16px 36px rgba(47,38,120,.18)}
.admin-dashboard-hero .eyebrow{color:#c4b5fd;font-size:11px}
.admin-dashboard-hero h1{font-size:34px;margin:7px 0 6px;color:#fff}
.admin-dashboard-hero p{margin:0;color:#dbe4ff;max-width:680px;line-height:1.6}
.admin-dashboard-status{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;background:#ecfdf3;color:#15803d;border:1px solid #bbf7d0;border-radius:999px;padding:9px 14px;font-weight:800}
.status-dot{width:9px;height:9px;border-radius:50%;background:#22c55e;display:inline-block;box-shadow:0 0 0 4px rgba(34,197,94,.12)}
.admin-statgrid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.admin-statgrid .stat{transition:transform .2s ease,box-shadow .2s ease}
.admin-statgrid .stat:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(16,24,40,.08)}
.admin-quick-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}
.admin-quick-card{display:flex;align-items:center;gap:14px;padding:18px 20px;background:#fff;border:1px solid #e7eaf0;border-radius:16px;box-shadow:0 8px 22px rgba(16,24,40,.04)}
.admin-quick-card.admin-quick-pending{border-left:4px solid #f59e0b}
.admin-quick-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#ecfdf3;color:#16a34a;font-size:20px;font-weight:900}
.admin-quick-pending .admin-quick-icon{background:#fff7ed;color:#ea580c}
.admin-quick-card small,.admin-quick-card em{display:block;color:#667085;font-style:normal;font-size:12px}
.admin-quick-card b{display:block;font-size:20px;margin:3px 0}
@media(max-width:900px){.admin-statgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.admin-dashboard-hero{padding:24px;align-items:flex-start;flex-direction:column}.admin-dashboard-status{align-self:flex-start}}
@media(max-width:560px){.account-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}.account-stats .stat{padding:14px 12px}.account-stats .stat b{font-size:20px}.active-badge{font-size:12px;padding:6px 9px}.admin-quick-row{grid-template-columns:1fr}.admin-dashboard-hero{padding:22px 18px;border-radius:16px}.admin-dashboard-hero h1{font-size:28px}.admin-dashboard-hero p{font-size:13px}}

/* V82 — professional category cards */
.theme-whmcs .tz-categories-page-exact{padding-top:26px;padding-bottom:64px}
.theme-whmcs .tz-category-cards-exact{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;max-width:1180px;margin:0 auto}
.theme-whmcs .tz-category-card-exact{position:relative;overflow:hidden;min-height:250px;background:linear-gradient(145deg,#ffffff 0%,#f8f8ff 55%,#f1efff 100%);border:1px solid rgba(93,76,220,.12);border-radius:28px;box-shadow:0 12px 30px rgba(25,31,62,.08);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 18px;text-decoration:none;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.theme-whmcs .tz-category-card-exact:before{content:"";position:absolute;inset:auto -30px -48px;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,rgba(91,72,226,.13),rgba(91,72,226,0));pointer-events:none}
.theme-whmcs .tz-category-card-exact:after{content:"→";position:absolute;right:16px;top:16px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#5b4be1;font-weight:800;box-shadow:0 5px 14px rgba(30,35,70,.10);opacity:0;transform:translate(-4px,4px);transition:.22s ease}
.theme-whmcs .tz-category-card-exact:hover,.theme-whmcs .tz-category-card-exact:focus-visible{transform:translateY(-6px);border-color:rgba(91,72,226,.28);box-shadow:0 18px 40px rgba(50,43,125,.15);outline:none}
.theme-whmcs .tz-category-card-exact:hover:after,.theme-whmcs .tz-category-card-exact:focus-visible:after{opacity:1;transform:none}
.theme-whmcs .tz-category-image-exact{position:relative;width:108px;height:108px;border-radius:28px;background:linear-gradient(145deg,#eef0ff,#e4ddff);border:1px solid rgba(91,72,226,.10);display:grid;place-items:center;margin-bottom:22px;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 10px 24px rgba(67,53,180,.08)}
.theme-whmcs .tz-category-image-exact img{width:64px;height:64px;object-fit:contain;display:block}
.theme-whmcs .tz-category-image-exact span{font-size:34px;color:#5b4be1}
.theme-whmcs .tz-category-name-exact{position:relative;text-align:center;color:#17213a;font-size:21px;line-height:1.25;font-weight:750;letter-spacing:-.02em;max-width:240px}
@media(max-width:1100px){.theme-whmcs .tz-category-cards-exact{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.theme-whmcs .tz-category-cards-exact{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.theme-whmcs .tz-category-card-exact{min-height:218px;border-radius:24px;padding:22px 10px}.theme-whmcs .tz-category-image-exact{width:86px;height:86px;border-radius:23px;margin-bottom:16px}.theme-whmcs .tz-category-image-exact img{width:52px;height:52px}.theme-whmcs .tz-category-name-exact{font-size:17px}.theme-whmcs .tz-category-card-exact:after{opacity:1;transform:none;width:30px;height:30px;right:10px;top:10px}}

/* ===== ZILLE STORE V83 — CLEAN WHITE CATEGORY DIRECTORY ===== */
.theme-whmcs .wh-category-feature-section{background:#fff!important;border-top:1px solid #edf0f5;border-bottom:1px solid #edf0f5;padding:34px 0 44px!important}
.theme-whmcs .wh-category-feature-area{background:#fff!important;padding:0 18px!important;margin:0 auto!important}
.theme-whmcs .wh-category-feature-title{color:#17213a!important;margin-bottom:20px!important}
.theme-whmcs .wh-category-feature-title small{color:#6a5de5!important;font-size:11px!important;letter-spacing:1px!important}
.theme-whmcs .wh-category-feature-title span{color:#17213a!important;font-size:30px!important;font-weight:850!important}
.theme-whmcs .wh-category-feature-title a{color:#5b4ee0!important;background:#fff!important;border:1px solid #dcdaf3!important;border-radius:12px!important}
.theme-whmcs .wh-category-feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}
.theme-whmcs .wh-category-feature-grid a{min-height:210px!important;padding:20px 18px 18px!important;background:#fff!important;border:1px solid #e3e7ef!important;border-radius:22px!important;box-shadow:0 8px 25px rgba(25,35,60,.055)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:15px!important;cursor:pointer!important}
.theme-whmcs .wh-category-feature-grid a:before{display:none!important;content:none!important}
.theme-whmcs .wh-category-feature-grid a:hover{transform:translateY(-4px)!important;border-color:#d2cdfc!important;box-shadow:0 16px 34px rgba(61,52,150,.11)!important}
.theme-whmcs .wh-category-feature-icon{width:92px!important;height:92px!important;flex:0 0 92px!important;border-radius:20px!important;background:#f7f8fb!important;border:1px solid #e6e9f0!important;box-shadow:0 2px 8px rgba(24,33,52,.025)!important;display:grid!important;place-items:center!important;overflow:hidden!important}
.theme-whmcs .wh-category-feature-icon img{width:76px!important;height:76px!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;padding:0!important;margin:0 auto!important}
.theme-whmcs .wh-category-feature-copy{padding:0!important;min-width:0!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important}
.theme-whmcs .wh-category-feature-copy b{font-size:18px!important;line-height:1.25!important;color:#17233d!important;font-weight:800!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
.theme-whmcs .wh-category-feature-copy small{display:none!important}
.theme-whmcs .wh-category-feature-arrow{position:absolute!important;right:13px!important;top:13px!important;bottom:auto!important;width:38px!important;height:38px!important;border-radius:50%!important;background:#fff!important;color:#665be5!important;box-shadow:0 5px 15px rgba(25,35,60,.08)!important;display:grid!important;place-items:center!important}
@media(max-width:1050px){.theme-whmcs .wh-category-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}.theme-whmcs .wh-category-feature-grid a{min-height:205px!important}}
@media(max-width:650px){
 .theme-whmcs .wh-category-feature-section{padding:28px 0 34px!important;background:#fff!important}
 .theme-whmcs .wh-category-feature-area{padding:0 24px!important;background:#fff!important}
 .theme-whmcs .wh-category-feature-title{align-items:center!important;margin-bottom:16px!important;gap:12px!important}
 .theme-whmcs .wh-category-feature-title small{font-size:9px!important}
 .theme-whmcs .wh-category-feature-title span{font-size:24px!important;line-height:1.1!important}
 .theme-whmcs .wh-category-feature-title a{font-size:10px!important;padding:9px 11px!important}
 .theme-whmcs .wh-category-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
 .theme-whmcs .wh-category-feature-grid a{min-height:205px!important;padding:16px 10px 18px!important;border-radius:20px!important;gap:13px!important;align-items:center!important}
 .theme-whmcs .wh-category-feature-icon{width:88px!important;height:88px!important;flex-basis:88px!important;border-radius:19px!important}
 .theme-whmcs .wh-category-feature-icon img{width:72px!important;height:72px!important}
 .theme-whmcs .wh-category-feature-copy b{font-size:16px!important;line-height:1.22!important}
 .theme-whmcs .wh-category-feature-arrow{width:34px!important;height:34px!important;right:10px!important;top:10px!important;font-size:12px!important}
}
@media(max-width:390px){
 .theme-whmcs .wh-category-feature-area{padding:0 18px!important}
 .theme-whmcs .wh-category-feature-grid{gap:9px!important}
 .theme-whmcs .wh-category-feature-grid a{min-height:190px!important}
 .theme-whmcs .wh-category-feature-icon{width:78px!important;height:78px!important;flex-basis:78px!important}
 .theme-whmcs .wh-category-feature-icon img{width:64px!important;height:64px!important}
 .theme-whmcs .wh-category-feature-copy b{font-size:14px!important}
}

/* ===== V83 FINAL OVERRIDES — SHOW CLEAN CATEGORY SECTION + WHITE CARDS ===== */
.theme-whmcs .wh-category-feature-section{display:block!important;visibility:visible!important;background:#fff!important}
.theme-whmcs .wh-category-feature-area{display:block!important;visibility:visible!important;background:#fff!important}
.theme-whmcs .wh-category-feature-grid{display:grid!important;visibility:visible!important}

/* Category directory cards: clean white reference style, no gradient */
.theme-whmcs .tz-category-cards-exact{gap:16px!important}
.theme-whmcs .tz-category-card-exact{background:#fff!important;background-image:none!important;border:1px solid #e3e7ef!important;border-radius:22px!important;box-shadow:0 8px 25px rgba(25,35,60,.055)!important;min-height:210px!important}
.theme-whmcs .tz-category-card-exact:before{display:none!important;background:none!important}
.theme-whmcs .tz-category-image-exact{background:#f7f8fb!important;background-image:none!important;border:1px solid #e6e9f0!important;box-shadow:none!important;width:88px!important;height:88px!important;border-radius:20px!important;margin-bottom:16px!important}
.theme-whmcs .tz-category-image-exact img{width:68px!important;height:68px!important}
.theme-whmcs .tz-category-name-exact{font-size:18px!important;color:#17233d!important}
@media(max-width:760px){
 .theme-whmcs .tz-category-cards-exact{gap:12px!important}
 .theme-whmcs .tz-category-card-exact{min-height:190px!important;padding:18px 10px!important;border-radius:20px!important}
 .theme-whmcs .tz-category-image-exact{width:78px!important;height:78px!important;border-radius:18px!important;margin-bottom:13px!important}
 .theme-whmcs .tz-category-image-exact img{width:60px!important;height:60px!important}
 .theme-whmcs .tz-category-name-exact{font-size:16px!important}
}

/* V86 admin order status navigation */
.admin-order-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}
.admin-order-status-card{display:flex;align-items:center;gap:14px;position:relative;text-decoration:none;color:inherit;background:#fff;border:1px solid #e7eaf1;border-radius:20px;padding:20px;box-shadow:0 10px 28px rgba(18,27,58,.06);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.admin-order-status-card:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(18,27,58,.1)}
.admin-order-status-card .admin-order-status-icon{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;font-size:28px;font-weight:800;flex:0 0 auto}
.admin-order-status-card div{display:flex;flex-direction:column;gap:3px;min-width:0}
.admin-order-status-card small{font-size:13px;color:#68738a}.admin-order-status-card b{font-size:25px;color:#111a30}.admin-order-status-card em{font-style:normal;font-size:12px;color:#7b8496}.admin-order-status-card strong{margin-left:auto;font-size:22px}
.admin-order-status-card.pending{border-left:4px solid #f59e0b}.admin-order-status-card.pending .admin-order-status-icon{background:#fff7e8;color:#d97706}.admin-order-status-card.pending strong{color:#d97706}
.admin-order-status-card.approved{border-left:4px solid #16a34a}.admin-order-status-card.approved .admin-order-status-icon{background:#eafaf0;color:#16a34a}.admin-order-status-card.approved strong{color:#16a34a}
.admin-order-status-card.rejected{border-left:4px solid #dc3545}.admin-order-status-card.rejected .admin-order-status-icon{background:#fff0f1;color:#dc3545}.admin-order-status-card.rejected strong{color:#dc3545}
@media(max-width:800px){.admin-order-status-grid{grid-template-columns:1fr}.admin-order-status-card{padding:16px;border-radius:17px}.admin-order-status-card .admin-order-status-icon{width:48px;height:48px}}
/* V90 register country picker + address field fix */
.auth-address{min-height:112px;border:1px solid #dfe3ea;border-radius:24px;display:flex;align-items:stretch;padding:0 18px;margin-top:8px;background:#fff;box-sizing:border-box}
.auth-address textarea{border:0;outline:0;width:100%;min-height:104px;resize:vertical;font-size:16px;line-height:1.55;background:transparent;padding:16px 10px 16px 0;font-family:inherit;color:#202b3d;box-sizing:border-box}
.auth-address span{color:#9ba3b0;font-size:20px;display:flex;align-items:center;padding-left:8px}
.auth-address:focus-within{border-color:#dfe3ea!important;box-shadow:none!important;background:#fff}
.auth-address textarea:focus{outline:0!important;border:0!important;box-shadow:none!important}
.country-picker{position:relative;margin-top:8px}
.country-select-display{height:58px;border:1px solid #dfe3ea;border-radius:30px;display:flex;align-items:center;padding:0 18px;gap:11px;background:#fff;cursor:pointer;box-sizing:border-box;outline:none}
.country-select-display:focus{border-color:#8b82ef;box-shadow:0 0 0 4px rgba(101,94,234,.10)}
.country-selected-flag{font-size:23px;line-height:1}.country-selected-text{flex:1;font-size:16px;color:#394355;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.country-chevron{color:#8b93a0;font-size:20px;line-height:1}
.country-dropdown{display:none;position:absolute;z-index:120;left:0;right:0;top:66px;background:#fff;border:1px solid #e1e5ed;border-radius:18px;box-shadow:0 18px 45px rgba(25,35,60,.16);overflow:hidden}
.country-dropdown.is-open{display:block}.country-search-wrap{display:flex;align-items:center;gap:8px;padding:10px;border-bottom:1px solid #edf0f4;background:#fbfcff}.country-search-wrap input{width:100%;height:44px;border:1px solid #dfe3ea;border-radius:12px;padding:0 12px;outline:0;font-size:15px;background:#fff}.country-search-wrap span{margin-left:-36px;color:#8d96a5;pointer-events:none}
.country-options{max-height:285px;overflow:auto;padding:7px}.country-option{width:100%;display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:8px;text-align:left;border:0;background:#fff;padding:10px 11px;border-radius:11px;cursor:pointer;color:#263247}.country-option:hover{background:#f3f1ff}.country-option>span{font-size:21px}.country-option strong{font-size:14px;font-weight:650}.country-option small{font-size:13px;color:#7b8493}.country-empty{padding:18px;text-align:center;color:#8a93a2;font-size:14px}
@media(max-width:800px){.country-select-display{height:56px}.country-dropdown{top:64px}.country-options{max-height:255px}.auth-address{min-height:118px;border-radius:22px}.auth-address textarea{min-height:110px;font-size:16px}}

/* V91 — Compact, highlighted product cards */
.theme-whmcs .wh-popular .tz-product-card,
.theme-whmcs .tz-category-main-exact .tz-product-card,
.theme-whmcs .wh-shop-main-v21 .tz-product-card{
  border:1px solid #e3e6ef!important;
  border-radius:16px!important;
  box-shadow:0 6px 18px rgba(28,35,70,.08)!important;
  background:#fff!important;
  overflow:hidden!important;
}
.theme-whmcs .wh-popular .tz-product-card:hover,
.theme-whmcs .tz-category-main-exact .tz-product-card:hover,
.theme-whmcs .wh-shop-main-v21 .tz-product-card:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 12px 26px rgba(65,58,170,.13)!important;
}
.theme-whmcs .wh-popular .tz-product-image,
.theme-whmcs .tz-category-main-exact .tz-product-image,
.theme-whmcs .wh-shop-main-v21 .tz-product-image{
  height:235px!important;
}
.theme-whmcs .wh-popular .tz-product-card .product-body,
.theme-whmcs .tz-category-main-exact .tz-product-card .product-body,
.theme-whmcs .wh-shop-main-v21 .tz-product-card .product-body{
  padding:12px 14px 14px!important;
}
.theme-whmcs .wh-popular .tz-product-card h3,
.theme-whmcs .tz-category-main-exact .tz-product-card h3,
.theme-whmcs .wh-shop-main-v21 .tz-product-card h3{
  font-size:16px!important;
  line-height:1.3!important;
  min-height:0!important;
  margin:8px 0 5px!important;
}
.theme-whmcs .wh-popular .tz-card-description,
.theme-whmcs .tz-category-main-exact .tz-card-description,
.theme-whmcs .wh-shop-main-v21 .tz-card-description{
  font-size:13px!important;
  line-height:1.4!important;
  margin:6px 0!important;
}
.theme-whmcs .wh-popular .tz-tags,
.theme-whmcs .tz-category-main-exact .tz-tags,
.theme-whmcs .wh-shop-main-v21 .tz-tags{
  gap:5px!important;
  margin-top:7px!important;
}
.theme-whmcs .wh-popular .tz-tags span,
.theme-whmcs .tz-category-main-exact .tz-tags span,
.theme-whmcs .wh-shop-main-v21 .tz-tags span{
  font-size:10px!important;
  padding:5px 8px!important;
}
.theme-whmcs .wh-popular .tz-card-bottom,
.theme-whmcs .tz-category-main-exact .tz-card-bottom,
.theme-whmcs .wh-shop-main-v21 .tz-card-bottom{
  margin-top:10px!important;
}
.theme-whmcs .wh-popular .tz-product-card .price,
.theme-whmcs .tz-category-main-exact .tz-product-card .price,
.theme-whmcs .wh-shop-main-v21 .tz-product-card .price{
  font-size:18px!important;
}
@media(max-width:700px){
  .theme-whmcs .wh-popular .tz-products-grid,
  .theme-whmcs .tz-category-main-exact .tz-products-grid,
  .theme-whmcs .wh-shop-main-v21 .tz-products-grid{
    gap:14px!important;
  }
  .theme-whmcs .wh-popular .tz-product-card,
  .theme-whmcs .tz-category-main-exact .tz-product-card,
  .theme-whmcs .wh-shop-main-v21 .tz-product-card{
    border-radius:15px!important;
    box-shadow:0 5px 16px rgba(28,35,70,.08)!important;
  }
  .theme-whmcs .wh-popular .tz-product-image,
  .theme-whmcs .tz-category-main-exact .tz-product-image,
  .theme-whmcs .wh-shop-main-v21 .tz-product-image{
    height:215px!important;
  }
  .theme-whmcs .wh-popular .tz-product-card .product-body,
  .theme-whmcs .tz-category-main-exact .tz-product-card .product-body,
  .theme-whmcs .wh-shop-main-v21 .tz-product-card .product-body{
    padding:11px 13px 13px!important;
  }
  .theme-whmcs .wh-popular .tz-product-card h3,
  .theme-whmcs .tz-category-main-exact .tz-product-card h3,
  .theme-whmcs .wh-shop-main-v21 .tz-product-card h3{
    font-size:15px!important;
  }
  .theme-whmcs .wh-popular .tz-verified,
  .theme-whmcs .tz-category-main-exact .tz-verified,
  .theme-whmcs .wh-shop-main-v21 .tz-verified{
    font-size:11px!important;
  }
  .theme-whmcs .wh-popular .tz-cart-circle,
  .theme-whmcs .tz-category-main-exact .tz-cart-circle,
  .theme-whmcs .wh-shop-main-v21 .tz-cart-circle{
    width:40px!important;height:40px!important;
  }
}

/* ============================================================
   V92 — EXACT PRODUCT CARD REFERENCE MATCH
   Reference: user-supplied product card screenshot
   ============================================================ */
.theme-whmcs .wh-popular .tz-products-grid,
.theme-whmcs .tz-category-main-exact .tz-products-grid,
.theme-whmcs .wh-shop-main-v21 .tz-products-grid{
  grid-template-columns:1fr!important;
  gap:24px!important;
  width:100%!important;
  max-width:1200px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Exact card proportions, radius and shadow */
.theme-whmcs .wh-popular .tz-product-card,
.theme-whmcs .tz-category-main-exact .tz-product-card,
.theme-whmcs .wh-shop-main-v21 .tz-product-card{
  width:100%!important;
  max-width:1200px!important;
  margin:0 auto!important;
  border:1px solid #e5e7eb!important;
  border-radius:38px!important;
  background:#fff!important;
  overflow:hidden!important;
  box-shadow:0 8px 24px rgba(16,24,40,.10)!important;
  transform:none!important;
}

/* Screenshot image area: approximately 1200 × 775 */
.theme-whmcs .wh-popular .tz-product-image,
.theme-whmcs .tz-category-main-exact .tz-product-image,
.theme-whmcs .wh-shop-main-v21 .tz-product-image{
  width:100%!important;
  height:auto!important;
  aspect-ratio:1200 / 775!important;
  min-height:0!important;
  max-height:none!important;
  background:#f3efff!important;
  position:relative!important;
  overflow:hidden!important;
}

.theme-whmcs .wh-popular .tz-product-image img,
.theme-whmcs .tz-category-main-exact .tz-product-image img,
.theme-whmcs .wh-shop-main-v21 .tz-product-image img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  display:block!important;
}

/* Free/Premium badge */
.theme-whmcs .tz-product-badge{
  left:22px!important;
  top:22px!important;
  min-width:112px!important;
  height:70px!important;
  padding:0 20px!important;
  border-radius:36px!important;
  background:#20c86b!important;
  color:#fff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:27px!important;
  line-height:1!important;
  font-weight:500!important;
  box-shadow:none!important;
}

/* Heart button */
.theme-whmcs .tz-heart{
  right:24px!important;
  top:23px!important;
  width:72px!important;
  height:72px!important;
  border-radius:50%!important;
  background:#fff!important;
  color:#7b8493!important;
  font-size:45px!important;
  line-height:1!important;
  display:grid!important;
  place-items:center!important;
  box-shadow:0 4px 14px rgba(16,24,40,.10)!important;
  z-index:4!important;
}

/* Card body */
.theme-whmcs .wh-popular .tz-product-card .product-body,
.theme-whmcs .tz-category-main-exact .tz-product-card .product-body,
.theme-whmcs .wh-shop-main-v21 .tz-product-card .product-body{
  padding:30px 34px 30px!important;
  background:#fff!important;
}

/* Verified row */
.theme-whmcs .tz-product-card .tz-verified{
  display:flex!important;
  align-items:center!important;
  gap:17px!important;
  color:#27a96a!important;
  font-size:29px!important;
  line-height:1.15!important;
  font-weight:500!important;
  min-height:58px!important;
}

.theme-whmcs .tz-product-card .tz-verified>span:first-child{
  width:58px!important;
  height:58px!important;
  flex:0 0 58px!important;
  border-radius:17px!important;
  display:grid!important;
  place-items:center!important;
  background:#ddf8e9!important;
  color:#18ad68!important;
  font-size:31px!important;
  font-weight:900!important;
}

.theme-whmcs .tz-product-card .tz-card-stars{
  margin-left:auto!important;
  color:#f6c316!important;
  font-size:36px!important;
  letter-spacing:3px!important;
  white-space:nowrap!important;
}

/* Product title */
.theme-whmcs .tz-product-card h3{
  margin:27px 0 12px!important;
  min-height:0!important;
  color:#172033!important;
  font-size:38px!important;
  line-height:1.22!important;
  font-weight:500!important;
  letter-spacing:-.02em!important;
}

.theme-whmcs .tz-product-card h3 a{
  color:inherit!important;
}

/* Category */
.theme-whmcs .tz-product-card .tz-card-category{
  margin:0!important;
  color:#687386!important;
  font-size:29px!important;
  line-height:1.35!important;
  font-weight:400!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}

/* Tags */
.theme-whmcs .tz-product-card .tz-tags{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:16px!important;
  margin:35px 0 0!important;
}

.theme-whmcs .tz-product-card .tz-tags span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:58px!important;
  padding:0 24px!important;
  border-radius:30px!important;
  background:#f4f3ff!important;
  color:#6a63d9!important;
  font-size:25px!important;
  line-height:1!important;
  font-weight:400!important;
}

/* Price + actions row */
.theme-whmcs .tz-product-card .tz-card-bottom{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;
  margin-top:42px!important;
}

.theme-whmcs .tz-product-card .price{
  color:#5d55df!important;
  font-size:37px!important;
  line-height:1!important;
  font-weight:600!important;
}

.theme-whmcs .tz-product-card .old{
  font-size:20px!important;
  margin-left:10px!important;
  color:#98a2b3!important;
}

/* Preview pill */
.theme-whmcs .tz-product-card .tz-preview{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:260px!important;
  min-height:74px!important;
  padding:0 28px!important;
  border-radius:38px!important;
  background:#f0efff!important;
  color:#6961df!important;
  font-size:29px!important;
  font-weight:500!important;
  line-height:1!important;
}

/* Download/cart circle */
.theme-whmcs .tz-product-card .tz-cart-circle{
  width:74px!important;
  height:74px!important;
  flex:0 0 74px!important;
  border-radius:50%!important;
  background:#dff9eb!important;
  color:#16a866!important;
  font-size:31px!important;
  display:grid!important;
  place-items:center!important;
}

.theme-whmcs .tz-product-card .tz-card-cart-icon{
  width:34px!important;
  height:34px!important;
  color:currentColor!important;
}

/* Remove unwanted card descriptions/labels when matching the supplied reference */
.theme-whmcs .tz-product-card .tz-product-card-label,
.theme-whmcs .tz-product-card .tz-card-description{
  margin-left:0!important;
  margin-right:0!important;
}

/* Keep exact proportions on smaller screens without breaking the reference */
@media(max-width:700px){
  .theme-whmcs .wh-popular .tz-products-grid,
  .theme-whmcs .tz-category-main-exact .tz-products-grid,
  .theme-whmcs .wh-shop-main-v21 .tz-products-grid{
    width:100%!important;
    gap:16px!important;
  }

  .theme-whmcs .wh-popular .tz-product-card,
  .theme-whmcs .tz-category-main-exact .tz-product-card,
  .theme-whmcs .wh-shop-main-v21 .tz-product-card{
    border-radius:25px!important;
  }

  .theme-whmcs .wh-popular .tz-product-card .product-body,
  .theme-whmcs .tz-category-main-exact .tz-product-card .product-body,
  .theme-whmcs .wh-shop-main-v21 .tz-product-card .product-body{
    padding:22px 22px 24px!important;
  }

  .theme-whmcs .tz-product-card .tz-verified{
    font-size:21px!important;
    gap:11px!important;
    min-height:44px!important;
  }

  .theme-whmcs .tz-product-card .tz-verified>span:first-child{
    width:44px!important;
    height:44px!important;
    flex-basis:44px!important;
    border-radius:13px!important;
    font-size:23px!important;
  }

  .theme-whmcs .tz-product-card .tz-card-stars{
    font-size:25px!important;
    letter-spacing:2px!important;
  }

  .theme-whmcs .tz-product-card h3{
    margin:20px 0 9px!important;
    font-size:28px!important;
  }

  .theme-whmcs .tz-product-card .tz-card-category{
    font-size:21px!important;
  }

  .theme-whmcs .tz-product-card .tz-tags{
    gap:10px!important;
    margin-top:25px!important;
  }

  .theme-whmcs .tz-product-card .tz-tags span{
    min-height:45px!important;
    padding:0 17px!important;
    font-size:18px!important;
  }

  .theme-whmcs .tz-product-card .tz-card-bottom{
    margin-top:30px!important;
  }

  .theme-whmcs .tz-product-card .price{
    font-size:29px!important;
  }

  .theme-whmcs .tz-product-card .tz-preview{
    min-width:0!important;
    min-height:58px!important;
    padding:0 19px!important;
    font-size:21px!important;
  }

  .theme-whmcs .tz-product-card .tz-cart-circle{
    width:58px!important;
    height:58px!important;
    flex-basis:58px!important;
  }

  .theme-whmcs .tz-product-card .tz-card-cart-icon{
    width:27px!important;
    height:27px!important;
  }

  .theme-whmcs .tz-product-badge{
    left:16px!important;
    top:16px!important;
    min-width:88px!important;
    height:54px!important;
    padding:0 15px!important;
    font-size:22px!important;
  }

  .theme-whmcs .tz-heart{
    right:16px!important;
    top:16px!important;
    width:56px!important;
    height:56px!important;
    font-size:35px!important;
  }
}

/* V94 — Restore original one-product-per-row mobile layout.
   Keep the reference image proportions unchanged, but make the card body
   more compact so the mobile card is shorter and typography is smaller. */
@media(max-width:700px){
  .theme-whmcs .wh-popular .tz-products-grid,
  .theme-whmcs .tz-category-main-exact .tz-products-grid,
  .theme-whmcs .wh-shop-main-v21 .tz-products-grid{
    grid-template-columns:1fr!important;
    width:100%!important;
    gap:12px!important;
    overflow-x:hidden!important;
  }

  .theme-whmcs .wh-popular .tz-product-card,
  .theme-whmcs .tz-category-main-exact .tz-product-card,
  .theme-whmcs .wh-shop-main-v21 .tz-product-card{
    width:100%!important;
    max-width:none!important;
    border-radius:24px!important;
  }

  /* Image stays the same aspect ratio as the reference. */
  .theme-whmcs .wh-popular .tz-product-image,
  .theme-whmcs .tz-category-main-exact .tz-product-image,
  .theme-whmcs .wh-shop-main-v21 .tz-product-image{
    width:100%!important;
    height:auto!important;
    aspect-ratio:1200 / 775!important;
    min-height:0!important;
  }

  .theme-whmcs .wh-popular .tz-product-card .product-body,
  .theme-whmcs .tz-category-main-exact .tz-product-card .product-body,
  .theme-whmcs .wh-shop-main-v21 .tz-product-card .product-body{
    padding:14px 16px 15px!important;
  }

  .theme-whmcs .tz-product-card .tz-verified{
    gap:8px!important;
    min-height:34px!important;
    font-size:16px!important;
    line-height:1.1!important;
  }

  .theme-whmcs .tz-product-card .tz-verified>span:first-child{
    width:34px!important;
    height:34px!important;
    flex-basis:34px!important;
    border-radius:10px!important;
    font-size:19px!important;
  }

  .theme-whmcs .tz-product-card .tz-card-stars{
    font-size:19px!important;
    letter-spacing:1px!important;
  }

  .theme-whmcs .tz-product-card h3{
    margin:10px 0 5px!important;
    font-size:20px!important;
    line-height:1.2!important;
    font-weight:600!important;
    letter-spacing:-.01em!important;
    display:-webkit-box!important;
    -webkit-line-clamp:1!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }

  .theme-whmcs .tz-product-card .tz-card-category{
    font-size:15px!important;
    line-height:1.25!important;
    display:-webkit-box!important;
    -webkit-line-clamp:1!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }

  .theme-whmcs .tz-product-card .tz-tags{
    gap:7px!important;
    margin:11px 0 0!important;
    max-height:36px!important;
    overflow:hidden!important;
  }

  .theme-whmcs .tz-product-card .tz-tags span{
    min-height:29px!important;
    height:29px!important;
    padding:0 10px!important;
    border-radius:16px!important;
    font-size:11px!important;
    white-space:nowrap!important;
  }

  .theme-whmcs .tz-product-card .tz-card-bottom{
    margin-top:14px!important;
    gap:8px!important;
    align-items:center!important;
  }

  .theme-whmcs .tz-product-card .price{
    min-width:0!important;
    font-size:20px!important;
    line-height:1.05!important;
    font-weight:600!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  .theme-whmcs .tz-product-card .old{
    margin-left:6px!important;
    font-size:11px!important;
  }

  .theme-whmcs .tz-product-card .tz-card-actions{
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    flex:0 0 auto!important;
  }

  .theme-whmcs .tz-product-card .tz-preview{
    min-width:0!important;
    width:auto!important;
    min-height:42px!important;
    height:42px!important;
    padding:0 15px!important;
    border-radius:22px!important;
    font-size:15px!important;
    white-space:nowrap!important;
  }

  .theme-whmcs .tz-product-card .tz-cart-circle{
    width:42px!important;
    height:42px!important;
    flex:0 0 42px!important;
    font-size:19px!important;
  }

  .theme-whmcs .tz-product-card .tz-card-cart-icon{
    width:21px!important;
    height:21px!important;
  }

  .theme-whmcs .tz-product-badge{
    left:14px!important;
    top:14px!important;
    min-width:86px!important;
    height:48px!important;
    padding:0 14px!important;
    border-radius:25px!important;
    font-size:20px!important;
  }

  .theme-whmcs .tz-heart{
    right:14px!important;
    top:14px!important;
    width:50px!important;
    height:50px!important;
    font-size:31px!important;
  }
}

@media(max-width:390px){
  .theme-whmcs .wh-popular .tz-product-card .product-body,
  .theme-whmcs .tz-category-main-exact .tz-product-card .product-body,
  .theme-whmcs .wh-shop-main-v21 .tz-product-card .product-body{
    padding:12px 13px 13px!important;
  }
  .theme-whmcs .tz-product-card h3{font-size:18px!important}
  .theme-whmcs .tz-product-card .tz-card-category{font-size:14px!important}
  .theme-whmcs .tz-product-card .price{font-size:18px!important}
  .theme-whmcs .tz-product-card .tz-preview{font-size:14px!important;padding:0 13px!important}
}

.footer-currency-form{display:flex;align-items:center;gap:8px;margin-top:8px}.footer-currency-form select{min-width:120px;border:1px solid rgba(148,163,184,.35);background:#fff;color:#24304a;border-radius:10px;padding:9px 12px;font:inherit}.footer-currency-generic{display:flex;justify-content:center;padding:10px 20px 0}.footer-currency-generic .footer-currency-form{margin:0}.footer-currency-generic .footer-currency-form label{font-weight:700;color:inherit}@media(max-width:640px){.footer-currency-form select{width:100%}.footer-currency-generic .footer-currency-form{width:100%;justify-content:center}.footer-currency-generic .footer-currency-form select{width:auto}}

/* V97 — purchased-product protection + polished auth screens */
.theme-whmcs .tz-product-owned .tz-owned-download-top{
  background:#16b364!important;color:#fff!important;border-color:#16b364!important;
  font-size:24px;font-weight:900;display:grid;place-items:center;
}
.theme-whmcs .tz-product-owned .tz-owned-download-top:hover{background:#119653!important;color:#fff!important}
.theme-whmcs .tz-owned-download{background:#16b364!important;color:#fff!important;border-color:#16b364!important}
.theme-whmcs .tz-owned-download:hover{background:#119653!important;color:#fff!important}
.theme-whmcs .tz-product-owned .tz-preview{white-space:nowrap}
.theme-whmcs .wh-owned-download-gallery{background:#16b364!important;color:#fff!important}
.theme-whmcs .wh-owned-download-main{background:linear-gradient(135deg,#16b364,#0f9b56)!important;color:#fff!important}
.theme-whmcs .wh-owned-download-main:hover{filter:brightness(.96);transform:translateY(-1px)}

.route-login,.route-register{background:
  radial-gradient(circle at 10% 10%,rgba(101,91,234,.11),transparent 28%),
  radial-gradient(circle at 90% 15%,rgba(37,99,235,.09),transparent 30%),
  linear-gradient(180deg,#f8f9ff 0%,#f6f7fb 100%)}
.auth-page-v20{padding:54px 16px 78px;min-height:680px;display:flex;align-items:center;position:relative}
.auth-card-v20{position:relative;overflow:hidden;width:min(620px,100%);margin:0 auto;background:rgba(255,255,255,.98);border:1px solid #e6e9f2;border-radius:26px;box-shadow:0 24px 70px rgba(29,39,75,.11);padding:42px 42px 34px}
.auth-card-v20:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,#5b55e8,#7758ee,#3b82f6)}
.auth-card-v20 .eyebrow{display:inline-flex;align-items:center;gap:7px;color:#5b55e8;font-size:12px;font-weight:850;letter-spacing:1.4px;text-transform:uppercase;margin-bottom:10px}
.auth-card-v20 .eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:#16b364;box-shadow:0 0 0 5px #e9fbf1}
.auth-card-v20 h1{font-size:31px;line-height:1.15;letter-spacing:-.55px;color:#172238;margin:0 0 28px}
.auth-card-v20 .field{margin-bottom:17px}
.auth-card-v20 label{font-size:13px;font-weight:800;color:#344054}
.auth-input{height:56px;background:#fbfcff;border:1px solid #dfe4ee;border-radius:15px;padding:0 16px;margin-top:7px;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
.auth-input:focus-within{background:#fff;border-color:#8d86ee;box-shadow:0 0 0 4px rgba(101,91,234,.10)}
.auth-input input{font-size:15px;color:#172238}
.auth-input input::placeholder{color:#98a2b3}
.auth-card-v20 select,.auth-card-v20 textarea{border:1px solid #dfe4ee;background:#fbfcff;border-radius:15px;min-height:56px;padding:0 15px;font-size:15px;color:#172238;outline:0}
.auth-card-v20 textarea{padding:13px 15px;min-height:110px}
.auth-card-v20 select:focus,.auth-card-v20 textarea:focus{background:#fff;border-color:#8d86ee;box-shadow:0 0 0 4px rgba(101,91,234,.10)}
.auth-card-v20 .country-select-display{height:56px;background:#fbfcff;border:1px solid #dfe4ee;border-radius:15px;padding:0 15px}
.auth-card-v20 .country-picker:focus-within .country-select-display{background:#fff;border-color:#8d86ee;box-shadow:0 0 0 4px rgba(101,91,234,.10)}
.auth-submit-v20{height:56px;border:0;border-radius:15px;background:linear-gradient(135deg,#5b55e8,#7659ee);font-size:15px;font-weight:850;box-shadow:0 12px 24px rgba(91,85,232,.22);transition:transform .18s ease,box-shadow .18s ease}
.auth-submit-v20:hover{transform:translateY(-1px);box-shadow:0 15px 28px rgba(91,85,232,.28)}
.auth-row{margin:2px 0 20px;font-size:13px}
.auth-row a,.auth-bottom-v20 a{color:#5b55e8}
.auth-bottom-v20{margin:24px 0 0;font-size:14px}
.google-btn{height:56px;border-radius:15px;font-size:15px;background:#fff;transition:border-color .18s ease,box-shadow .18s ease}
.google-btn:hover{border-color:#cdd2df;box-shadow:0 8px 20px rgba(16,24,40,.07)}
.auth-card-v20 .field-help{font-size:11px;color:#7a8495;line-height:1.5;margin-top:6px;display:block}
@media(max-width:600px){
  .auth-page-v20{padding:28px 12px 55px;min-height:0;display:block}
  .auth-card-v20{padding:34px 18px 28px;border-radius:20px}
  .auth-card-v20 h1{font-size:26px;margin-bottom:23px}
  .auth-input,.auth-card-v20 select,.auth-card-v20 .country-select-display{height:54px;min-height:54px}
  .auth-submit-v20,.google-btn{height:54px}
}

/* V98: up to 10 product images + professional client dashboard */
.product-gallery-preview{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:12px}
.gallery-preview-item{border:1px solid #e7e8f0;border-radius:12px;background:#fafaff;padding:7px;text-align:center;min-width:0}
.gallery-preview-item img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:8px;background:#f2f3f7}
.gallery-preview-item span{display:block;font-size:10px;font-weight:800;color:#667085;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:700px){.product-gallery-preview{grid-template-columns:repeat(3,minmax(0,1fr))}}

.client-dashboard-pro{max-width:1180px;margin:0 auto;padding:4px 0 34px}
.client-dashboard-welcome{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:22px;padding:30px;border:1px solid #e8e4ff;border-radius:24px;background:linear-gradient(135deg,#ffffff 0%,#f8f6ff 58%,#f0ebff 100%);box-shadow:0 16px 42px rgba(77,55,190,.09)}
.client-dashboard-welcome:after{content:"";position:absolute;right:-90px;top:-100px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(104,75,235,.16),rgba(104,75,235,0) 68%);pointer-events:none}
.client-dashboard-welcome-copy{position:relative;z-index:1;min-width:0}.client-dashboard-welcome-copy h1{margin:5px 0 7px;font-size:34px;line-height:1.15;letter-spacing:-.8px;color:#172033}.client-dashboard-welcome-copy p{margin:0;color:#737d91;font-size:14px;line-height:1.6}.client-dashboard-actions{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}
.client-dashboard-profile-card{position:relative;z-index:2;display:flex;align-items:center;gap:11px;min-width:265px;padding:14px;border:1px solid #e8eaf1;background:rgba(255,255,255,.82);border-radius:17px;box-shadow:0 10px 26px rgba(20,25,55,.07)}.client-avatar-lg{width:48px;height:48px;display:grid;place-items:center;flex:0 0 auto;border-radius:15px;background:linear-gradient(135deg,#6b52ee,#4c31d4);color:#fff;font-weight:900;font-size:19px}.client-dashboard-profile-card b{display:block;color:#202938;font-size:13px}.client-dashboard-profile-card span{display:block;color:#98a2b3;font-size:10px;margin-top:3px;max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-dashboard-profile-card a{margin-left:auto;font-size:11px;font-weight:800;color:#5b4bd8;text-decoration:none}
.client-dashboard-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:16px}.client-stat-card{display:flex;align-items:center;gap:13px;padding:18px;border:1px solid #e9ebf2;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(16,24,40,.045)}.client-stat-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#f1efff;color:#5b4bd8;font-weight:900;font-size:17px}.client-stat-card.pending .client-stat-icon{background:#fff7e7;color:#c87900}.client-stat-card.completed .client-stat-icon{background:#eafbf1;color:#16804a}.client-stat-card.spent .client-stat-icon{background:#eef7ff;color:#2271c7}.client-stat-card small{display:block;color:#7b8494;font-size:11px;font-weight:700}.client-stat-card b{display:block;color:#172033;font-size:24px;line-height:1.15;margin-top:3px}.client-stat-card em{display:block;color:#a0a7b4;font-size:9px;font-style:normal;margin-top:3px}
.client-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:16px;margin-top:16px}.client-dashboard-panel{background:#fff;border:1px solid #e9ebf2;border-radius:20px;box-shadow:0 8px 24px rgba(16,24,40,.045);padding:20px}.client-panel-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:13px}.client-panel-head .eyebrow{font-size:9px}.client-panel-head h2{font-size:19px;margin:3px 0 0;color:#172033}.client-panel-head>a{font-size:11px;font-weight:800;color:#5b4bd8;text-decoration:none;white-space:nowrap}.client-order-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto 24px;align-items:center;gap:11px;padding:13px 0;border-top:1px solid #eef0f5}.client-order-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#f5f3ff;color:#5d51d7}.client-order-info b{display:block;color:#273043;font-size:12px}.client-order-info span{display:block;color:#98a2b3;font-size:10px;margin-top:3px}.client-order-total{text-align:right}.client-order-total>b{display:block;font-size:12px;color:#273043;margin-bottom:4px}.client-order-total .status{font-size:9px!important;padding:4px 7px!important}.client-order-arrow{width:24px;height:24px;border-radius:8px;background:#f5f5f8;color:#697386;text-decoration:none;display:grid;place-items:center;font-size:18px}.client-quick-link{display:flex;align-items:center;gap:10px;padding:12px 4px;border-top:1px solid #eef0f5;text-decoration:none}.client-quick-link>span{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#f5f3ff;color:#5d51d7;font-size:16px;font-weight:800}.client-quick-link div{min-width:0;flex:1}.client-quick-link b{display:block;color:#273043;font-size:11px}.client-quick-link small{display:block;color:#98a2b3;font-size:9px;margin-top:2px}.client-quick-link i{font-style:normal;color:#a0a7b4;font-size:18px}.client-empty-dashboard{text-align:center;padding:28px 10px}.client-empty-dashboard>div{font-size:28px}.client-empty-dashboard>b{display:block;color:#273043;margin-top:7px}.client-empty-dashboard>span{display:block;color:#98a2b3;font-size:11px;margin:4px auto 14px;max-width:280px}
@media(max-width:900px){.client-dashboard-welcome{align-items:flex-start;flex-direction:column}.client-dashboard-profile-card{width:100%;min-width:0}.client-dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.client-dashboard-grid{grid-template-columns:1fr}}
@media(max-width:560px){.client-dashboard-pro{padding-bottom:20px}.client-dashboard-welcome{padding:20px 16px;border-radius:18px}.client-dashboard-welcome-copy h1{font-size:25px}.client-dashboard-welcome-copy p{font-size:12px}.client-dashboard-actions .btn{font-size:11px;min-height:40px;padding:9px 11px}.client-dashboard-stats{gap:9px}.client-stat-card{padding:13px 11px;gap:9px;border-radius:15px}.client-stat-icon{width:35px;height:35px;border-radius:10px;font-size:14px}.client-stat-card b{font-size:19px}.client-stat-card small{font-size:9px}.client-stat-card em{font-size:8px}.client-dashboard-panel{padding:15px;border-radius:17px}.client-order-row{grid-template-columns:35px minmax(0,1fr) auto 20px;gap:7px}.client-order-icon{width:35px;height:35px}.client-order-info b{font-size:10px}.client-order-info span{font-size:8px}.client-order-total>b{font-size:10px}.client-order-total .status{font-size:8px!important}.client-order-arrow{width:20px;height:20px;font-size:15px}.client-dashboard-profile-card a{font-size:9px}.client-avatar-lg{width:42px;height:42px}.client-panel-head h2{font-size:17px}}

/* V99 — professional responsive account/profile menu.
   Uses nearly the full mobile viewport so the account panel never looks like a narrow floating box. */
.theme-whmcs .tz-account-dropdown,
.theme-whmcs .tz-account-dropdown.is-open{
  width:410px!important;
  max-width:calc(100vw - 32px)!important;
  right:16px!important;
  top:88px!important;
  padding:14px!important;
  border-radius:24px!important;
  border:1px solid #e7e9f2!important;
  box-shadow:0 26px 80px rgba(22,28,55,.22),0 8px 26px rgba(88,69,205,.10)!important;
}
.theme-whmcs .tz-account-user{
  padding:16px!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#f8f7ff 0%,#ffffff 62%)!important;
}
.theme-whmcs .tz-account-avatar{
  width:56px!important;height:56px!important;min-width:56px!important;
  border-radius:17px!important;font-size:24px!important;
}
.theme-whmcs .tz-account-user b{font-size:16px!important}
.theme-whmcs .tz-account-user small{font-size:12px!important;margin-top:5px!important}
.theme-whmcs .tz-account-label{padding:16px 8px 8px!important;font-size:10px!important}
.theme-whmcs .tz-account-dropdown>a{
  min-height:50px!important;
  margin:3px 0!important;
  padding:8px 10px!important;
  gap:13px!important;
  border-radius:14px!important;
  font-size:14px!important;
  font-weight:800!important;
}
.theme-whmcs .tz-account-link-icon{
  width:38px!important;height:38px!important;min-width:38px!important;
  border-radius:11px!important;font-size:17px!important;
}
.theme-whmcs .tz-account-divider{margin:11px 8px!important}
.theme-whmcs .tz-account-dropdown .tz-account-logout{min-height:50px!important}

@media(max-width:800px){
  .theme-whmcs .tz-account-dropdown,
  .theme-whmcs .tz-account-dropdown.is-open{
    top:74px!important;
    left:10px!important;
    right:10px!important;
    width:auto!important;
    max-width:none!important;
    padding:10px!important;
    border-radius:22px!important;
  }
  .theme-whmcs .tz-account-dropdown:before{
    right:58px!important;
  }
  .theme-whmcs .tz-account-user{
    padding:14px!important;
    border-radius:16px!important;
  }
  .theme-whmcs .tz-account-avatar{
    width:50px!important;height:50px!important;min-width:50px!important;
    border-radius:15px!important;font-size:22px!important;
  }
  .theme-whmcs .tz-account-dropdown>a{
    min-height:48px!important;
    padding:7px 9px!important;
    border-radius:13px!important;
    font-size:14px!important;
  }
}

@media(min-width:801px){
  .theme-whmcs .tz-account-dropdown{top:92px!important}
}

/* V100 client dashboard interactions and profile photo */
.client-stat-link{display:flex;text-decoration:none;color:inherit;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.client-stat-link:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(31,35,55,.09)}.client-dashboard-grid-single{grid-template-columns:1fr}.tz-account-avatar-photo,.client-avatar-photo{overflow:hidden}.tz-account-avatar-photo img,.client-avatar-photo img{width:100%;height:100%;object-fit:cover;display:block}.profile-upload-box{display:flex;align-items:center;gap:16px;padding:14px;border:1px solid #e7e8f0;border-radius:16px;background:#fafaff}.profile-preview-photo,.profile-preview-placeholder{width:72px;height:72px;border-radius:18px;object-fit:cover;flex:0 0 auto}.profile-preview-placeholder{display:grid;place-items:center;background:linear-gradient(135deg,#6b52ee,#4c31d4);color:#fff;font-weight:900;font-size:26px}.client-order-filters{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}.client-order-filters a{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:12px;background:#f5f3ff;color:#5b4bd8;text-decoration:none;font-weight:800;font-size:13px}.client-order-filters a.active{background:linear-gradient(135deg,#684fe8,#4d34d3);color:#fff}.client-dashboard-grid-single .client-quick-panel{width:100%}@media(max-width:560px){.profile-upload-box{align-items:flex-start;flex-direction:column}.profile-preview-photo,.profile-preview-placeholder{width:64px;height:64px}.client-order-filters{gap:6px}.client-order-filters a{flex:1;padding:9px 10px;font-size:11px}.client-dashboard-grid-single{display:block}}

/* V102 — cleaner auth fields, browser-autofill neutralization and password eye controls. */
.auth-input.password-wrap{position:relative;padding-right:52px}
.auth-input.password-wrap input{width:100%;padding-right:0}
.password-toggle{position:absolute;right:9px;top:50%;transform:translateY(-50%);width:38px;height:38px;border:0;border-radius:11px;background:#f1efff;color:#5b55e8;display:grid;place-items:center;font-size:17px;font-weight:900;cursor:pointer;transition:background .15s ease,color .15s ease}
.password-toggle:hover{background:#e8e4ff;color:#4539cf}
.auth-input input:-webkit-autofill,.auth-input input:-webkit-autofill:hover,.auth-input input:-webkit-autofill:focus,.auth-card-v20 textarea:-webkit-autofill,.auth-card-v20 select:-webkit-autofill{-webkit-text-fill-color:#172238!important;-webkit-box-shadow:0 0 0 1000px #fbfcff inset!important;box-shadow:0 0 0 1000px #fbfcff inset!important;caret-color:#172238;transition:background-color 9999s ease-out 0s}
.auth-input input::selection{background:#dcd7ff;color:#172238}
@media(max-width:600px){.password-toggle{width:36px;height:36px}.auth-input.password-wrap{padding-right:49px}}


/* V103 — auth focus cleanup + email OTP verification */
.auth-input:focus-within{border-color:#dfe3ea!important;box-shadow:none!important;background:#fff}
.auth-input input:focus{outline:0!important;box-shadow:none!important;border:0!important}
.auth-input input{-webkit-tap-highlight-color:transparent;caret-color:#4f46c8}
.otp-card{text-align:center}.otp-card .auth-intro{max-width:520px;margin:0 auto 20px;color:#667085;line-height:1.7}.otp-mail-icon{width:64px;height:64px;border-radius:18px;margin:10px auto 20px;display:grid;place-items:center;background:#f0edff;color:#5c50df;font-size:28px}.otp-input{width:100%;height:62px;border:1px solid #dfe3ea!important;border-radius:16px!important;background:#fbfcff!important;text-align:center;font-size:26px!important;font-weight:900;letter-spacing:9px;color:#172238;outline:0!important;box-shadow:none!important}.otp-input:focus{border-color:#dfe3ea!important;box-shadow:none!important;outline:0!important}.otp-help{margin:15px 0;color:#8a93a3;font-size:12px}.otp-resend-form{margin-top:12px}.otp-resend-form .btn{min-width:170px}


/* V104 — order search/date + account menu polish */
.admin-order-search{margin:0 0 16px!important}
.admin-order-search-form{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}
.admin-order-search-form .field{flex:1 1 360px;margin:0}
.admin-order-search-form .btn{min-height:50px}
.admin-order-date-line{margin:-8px 0 18px}
@media(max-width:700px){.admin-order-search-form{display:grid;grid-template-columns:1fr}.admin-order-search-form .field{width:100%}.admin-order-search-form .btn{width:100%}}

/* Account dropdown: use the whole available width, but keep content aligned instead of leaving a large empty side. */
.theme-whmcs .tz-account-dropdown,
.theme-whmcs .tz-account-dropdown.is-open{box-sizing:border-box;overflow:hidden}
.theme-whmcs .tz-account-user{display:flex!important;align-items:center!important;width:100%!important;box-sizing:border-box!important}
.theme-whmcs .tz-account-user-copy{min-width:0!important;flex:1!important}
.theme-whmcs .tz-account-dropdown>a{display:flex!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;box-sizing:border-box!important;text-align:left!important}
.theme-whmcs .tz-account-dropdown>a>span:last-child{flex:1!important;text-align:left!important}
.theme-whmcs .tz-account-label{text-align:left!important}
.theme-whmcs .tz-account-divider{width:auto!important}
@media(max-width:800px){
  .theme-whmcs .tz-account-dropdown,.theme-whmcs .tz-account-dropdown.is-open{left:6px!important;right:6px!important;width:calc(100vw - 12px)!important;max-width:none!important;top:70px!important;border-radius:22px!important}
  .theme-whmcs .tz-account-dropdown>a{min-height:52px!important;padding:8px 12px!important}
}

/* =========================================================
   V113 — Zille Store Professional Desktop UI Pass
   Desktop-first storefront + admin polish. Mobile layout
   remains intentionally compact and responsive.
   ========================================================= */

/* Global desktop canvas */
@media (min-width: 1101px){
  .container{width:min(1320px,calc(100% - 64px));}
  .theme-whmcs main{background:#fbfbfe;}
  .theme-whmcs .tz-header{background:rgba(255,255,255,.98);box-shadow:0 1px 0 #ececf2,0 8px 28px rgba(35,38,75,.045);}
  .theme-whmcs .tz-headrow{height:86px;grid-template-columns:245px minmax(520px,1fr) 360px auto;gap:28px;}
  .theme-whmcs .tz-brand .store-logo{width:104px;height:52px;}
  .theme-whmcs .tz-brand{gap:10px;}
  .theme-whmcs .tz-brand:after{font-size:10px;padding:7px 10px;border-radius:8px;white-space:nowrap;}
  .theme-whmcs .tz-mainnav{gap:27px;}
  .theme-whmcs .tz-mainnav a{font-size:14px;font-weight:750;}
  .theme-whmcs .tz-search{height:46px;border-radius:12px;box-shadow:0 3px 14px rgba(31,35,70,.035);}
  .theme-whmcs .tz-search input{font-size:14px;padding:0 15px;}
  .theme-whmcs .tz-search button{width:52px;}
  .theme-whmcs .tz-icons{gap:20px;}
  .theme-whmcs .tz-icons a,.theme-whmcs .tz-account-trigger{font-size:25px;}

  /* Hero: wide, balanced, premium desktop presentation */
  .theme-whmcs .wh-hero-rct{min-height:510px;border-bottom:1px solid #ececf5;overflow:hidden;}
  .theme-whmcs .wh-rct-inner{width:min(1320px,calc(100% - 64px));min-height:510px;grid-template-columns:minmax(0,1.05fr) minmax(430px,.95fr);gap:45px;}
  .theme-whmcs .wh-rct-copy{padding:70px 0 64px;max-width:720px;}
  .theme-whmcs .wh-rct-copy h1{font-size:clamp(54px,4.4vw,72px);line-height:1.02;letter-spacing:-.045em;margin:18px 0 20px;}
  .theme-whmcs .wh-rct-copy>p{font-size:20px;line-height:1.65;max-width:680px;}
  .theme-whmcs .wh-rct-description{font-size:15px;line-height:1.75;max-width:650px;}
  .theme-whmcs .wh-rct-pill{font-size:12px;padding:9px 14px;letter-spacing:.09em;}
  .theme-whmcs .wh-rct-ready{padding:11px 14px;border-radius:14px;}
  .theme-whmcs .wh-rct-features{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:28px;max-width:690px;}
  .theme-whmcs .wh-rct-features>div{min-height:72px;padding:12px 13px;border-radius:14px;}
  .theme-whmcs .wh-rct-features b{font-size:22px;}
  .theme-whmcs .wh-rct-features span{font-size:12px;line-height:1.25;}
  .theme-whmcs .wh-rct-actions{margin-top:30px;gap:12px;}
  .theme-whmcs .wh-rct-cta{min-height:52px;padding:0 25px;border-radius:12px;font-size:15px;}
  .theme-whmcs .wh-rct-secondary{min-height:52px;padding:0 22px;border-radius:12px;font-size:15px;}
  .theme-whmcs .wh-rct-art{min-height:470px;}
  .theme-whmcs .wh-rct-category-card{width:min(440px,92%);padding:27px;border-radius:22px;box-shadow:0 24px 70px rgba(83,66,190,.17);}

  /* Homepage sections */
  .theme-whmcs .wh-home-products{padding:66px 0 25px;}
  .theme-whmcs .wh-section-head{margin-bottom:25px;gap:24px;}
  .theme-whmcs .wh-section-head h2{font-size:34px;letter-spacing:-.025em;}
  .theme-whmcs .wh-section-head p{font-size:15px;margin-top:7px;}
  .theme-whmcs .wh-tabs{padding:5px;border:1px solid #e7e7ef;background:#fff;border-radius:12px;box-shadow:0 4px 16px rgba(35,38,75,.04);}
  .theme-whmcs .wh-tabs a{padding:9px 12px;border-radius:8px;font-size:12px;}
  .theme-whmcs .wh-view-all{font-size:14px;font-weight:800;white-space:nowrap;}

  /* Exactly 3 products per row on desktop */
  .theme-whmcs .tz-products-grid,
  .theme-whmcs .wh-popular .tz-products-grid,
  .theme-whmcs .tz-category-main-exact .tz-products-grid,
  .theme-whmcs .wh-shop-main-v21 .tz-products-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important;}
  .theme-whmcs .tz-product-card{border:1px solid #e8e8f0;border-radius:18px;background:#fff;box-shadow:0 7px 25px rgba(32,35,75,.045);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;overflow:hidden;}
  .theme-whmcs .tz-product-card:hover{transform:translateY(-5px);border-color:#d9d5ff;box-shadow:0 20px 42px rgba(77,65,175,.12);}
  .theme-whmcs .tz-product-image,.theme-whmcs .wh-popular .tz-product-image{height:275px!important;background:#f7f7fb;}
  .theme-whmcs .tz-product-card .product-body{padding:20px 20px 21px;}
  .theme-whmcs .tz-product-card h3{font-size:19px!important;min-height:54px;line-height:1.4!important;}
  .theme-whmcs .tz-product-card .price{font-size:22px!important;}
  .theme-whmcs .tz-product-card .tz-preview{min-height:42px;font-size:13px!important;}

  .theme-whmcs .wh-why{padding:72px 0;background:linear-gradient(180deg,#fff,#faf9ff);}
  .theme-whmcs .wh-why h2{text-align:center;font-size:34px;margin:0 0 35px;}
  .theme-whmcs .wh-why-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}
  .theme-whmcs .wh-why-grid>div{background:#fff;border:1px solid #ececf3;border-radius:18px;padding:24px;box-shadow:0 8px 26px rgba(31,35,70,.045);}
  .theme-whmcs .wh-why-grid b{width:48px;height:48px;border-radius:14px;font-size:22px;}
  .theme-whmcs .wh-why-grid strong{font-size:15px;margin-top:15px;}
  .theme-whmcs .wh-why-grid p{font-size:12px;line-height:1.65;}

  /* Store footer */
  .theme-whmcs .tz-footer-exact{padding-top:55px;background:#fff;border-top:1px solid #ececf2;}
  .theme-whmcs .tz-footer-grid-exact{width:min(1320px,calc(100% - 64px));grid-template-columns:1.2fr 1.2fr 1fr 1fr;gap:45px;padding-bottom:42px;}
  .theme-whmcs .tz-footer-grid-exact h4{font-size:15px;margin-bottom:16px;}
  .theme-whmcs .tz-footer-list-exact a,.theme-whmcs .tz-footer-contact-exact p{font-size:13px;line-height:1.8;}
}

/* Medium desktop/tablet: 2 cards */
@media (min-width:801px) and (max-width:1100px){
  .theme-whmcs .tz-products-grid,
  .theme-whmcs .wh-popular .tz-products-grid,
  .theme-whmcs .tz-category-main-exact .tz-products-grid,
  .theme-whmcs .wh-shop-main-v21 .tz-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;}
}

/* Professional desktop admin shell */
@media (min-width:901px){
  .layout-admin{background:#f5f7fb;}
  .layout-admin .adminbar{height:76px!important;padding:0 30px!important;background:linear-gradient(135deg,#151a2e,#24244b)!important;box-shadow:0 8px 30px rgba(17,24,39,.14);}
  .layout-admin .admin-brand{display:flex;align-items:center;gap:12px;min-width:260px;}
  .layout-admin .admin-brand-star{width:42px!important;height:42px!important;border-radius:12px!important;background:linear-gradient(135deg,#665be9,#8b5cf6)!important;display:grid;place-items:center;color:#fff!important;box-shadow:0 8px 20px rgba(102,91,233,.28);}
  .layout-admin .admin-brand b{font-size:16px!important;letter-spacing:-.01em;}
  .layout-admin .admin-brand small{display:block;color:#aeb4c8!important;font-size:10px!important;margin-top:2px;}
  .layout-admin .admin-user{display:flex;align-items:center;gap:10px;font-size:13px!important;color:#eef0f8;}
  .layout-admin .admin-user a{background:rgba(255,255,255,.10);padding:8px 13px;border-radius:9px;text-decoration:none;}
  .layout-admin .adminwrap{grid-template-columns:270px minmax(0,1fr)!important;min-height:calc(100vh - 76px);}
  .layout-admin .sidebar{padding:22px 15px!important;background:#fff!important;box-shadow:8px 0 28px rgba(24,32,56,.035);}
  .layout-admin .sidebar-brand{padding:4px 9px 20px!important;margin-bottom:18px!important;}
  .layout-admin .sidebar-brand>span{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#eceaff,#f3efff);color:#655ce9;font-size:18px;}
  .layout-admin .sidebar-section-label{font-size:10px!important;letter-spacing:.1em;padding:0 11px 9px!important;}
  .layout-admin .sidebar>a{padding:12px 13px!important;border-radius:10px!important;font-size:13px!important;}
  .layout-admin .adminmain{padding:34px 38px!important;max-width:none;}
  .layout-admin .adminmain> .page-head,
  .layout-admin .adminmain> .card,
  .layout-admin .adminmain> .statgrid,
  .layout-admin .adminmain> .table-wrap{max-width:1420px;}
  .layout-admin .page-head{margin-bottom:28px!important;}
  .layout-admin .page-head h1{font-size:32px!important;letter-spacing:-.025em;}
  .layout-admin .page-head .muted{font-size:14px;}
  .layout-admin .statgrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}
  .layout-admin .stat{border:1px solid #e8ebf2;border-radius:16px;padding:21px;background:#fff;box-shadow:0 7px 24px rgba(16,24,40,.045);}
  .layout-admin .stat b{font-size:30px!important;}
  .layout-admin .card{border:1px solid #e8ebf2;border-radius:16px;padding:24px;box-shadow:0 7px 24px rgba(16,24,40,.045);}
  .layout-admin .card h2{font-size:21px;margin-top:0;}
  .layout-admin .card h3{font-size:18px;}
  .layout-admin .form-grid{gap:18px;}
  .layout-admin .field input,.layout-admin .field textarea,.layout-admin .field select{min-height:46px;border-radius:10px;}
  .layout-admin .table{font-size:14px;}
  .layout-admin .table th{background:#f8f9fc;color:#667085;font-size:12px;text-transform:uppercase;letter-spacing:.04em;}
  .layout-admin .table th,.layout-admin .table td{padding:14px 13px;}
  .layout-admin .btn{min-height:44px;border-radius:10px;}
}

/* Desktop page titles, forms, checkout and client area */
@media (min-width:901px){
  .theme-whmcs .page{padding:45px 0 70px;}
  .theme-whmcs .page-head h1{font-size:34px;letter-spacing:-.025em;}
  .theme-whmcs .page-head .muted{font-size:14px;}
  .theme-whmcs .cart-grid{grid-template-columns:minmax(0,1.6fr) minmax(320px,.65fr);gap:24px;}
  .theme-whmcs .cart-grid .card,.theme-whmcs .checkout-card{border-radius:18px;box-shadow:0 9px 30px rgba(31,35,70,.055);}
  .theme-whmcs .client-area-shell{grid-template-columns:250px minmax(0,1fr);gap:28px;padding-top:38px;padding-bottom:75px;}
  .theme-whmcs .client-sidebar{top:104px;border-radius:18px;}
  .theme-whmcs .account-hero{padding:34px 36px!important;border-radius:20px!important;}
  .theme-whmcs .account-hero h1{font-size:36px!important;}
  .theme-whmcs .account-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
  .theme-whmcs .account-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;}
}

/* Ensure mobile remains one product per row as requested */
@media (max-width:800px){
  .theme-whmcs .tz-products-grid,
  .theme-whmcs .wh-popular .tz-products-grid,
  .theme-whmcs .tz-category-main-exact .tz-products-grid,
  .theme-whmcs .wh-shop-main-v21 .tz-products-grid{grid-template-columns:1fr!important;gap:16px!important;}
}

/* =========================================================
   V114 — Complete Zille Store desktop/reference cleanup
   Desktop: real navigation, compact mobile-sized product cards,
   professional shop/auth/client pages. Mobile behavior preserved.
   ========================================================= */

/* Desktop storefront header: no hamburger; show the real navigation. */
@media (min-width: 901px){
  .theme-whmcs .tz-header-exact{position:sticky!important;top:0!important;z-index:10000!important;background:#fff!important;border-bottom:1px solid #ececf3!important;box-shadow:0 4px 18px rgba(22,31,56,.055)!important}
  .theme-whmcs .tz-headrow{height:86px!important;display:grid!important;grid-template-columns:205px minmax(520px,1fr) minmax(250px,360px) auto!important;gap:22px!important;padding:0 28px!important;align-items:center!important}
  .theme-whmcs .tz-brand{width:205px!important;min-width:205px!important;height:70px!important;display:flex!important;align-items:center!important}
  .theme-whmcs .tz-brand .store-logo{width:185px!important;height:62px!important;max-width:185px!important;object-fit:contain!important}
  .theme-whmcs .tz-mainnav{display:flex!important;align-items:center!important;justify-content:center!important;gap:20px!important;min-width:0!important;white-space:nowrap!important;overflow:visible!important}
  .theme-whmcs .tz-mainnav a{display:inline-flex!important;align-items:center!important;padding:9px 3px!important;color:#26324a!important;font-size:13px!important;font-weight:750!important;border-bottom:2px solid transparent!important}
  .theme-whmcs .tz-mainnav a:hover,.theme-whmcs .tz-mainnav a.active{color:#6259e8!important;border-bottom-color:#6259e8!important;background:transparent!important}
  .theme-whmcs .tz-search{width:100%!important;height:42px!important;border:1px solid #e1e5ee!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important}
  .theme-whmcs .tz-search input{display:block!important;font-size:13px!important;padding:0 13px!important}
  .theme-whmcs .tz-search button{width:44px!important;background:#f5f3ff!important;color:#6259e8!important;font-size:20px!important;border:0!important}
  .theme-whmcs .tz-icons{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:12px!important;min-width:max-content!important}
  .theme-whmcs .tz-icons>a.wh-cart,.theme-whmcs .tz-account-trigger,.theme-whmcs .tz-login-icon{display:flex!important;align-items:center!important;justify-content:center!important;width:38px!important;height:42px!important;font-size:24px!important;color:#17233b!important}
  .theme-whmcs .tz-menu-btn{display:none!important;visibility:hidden!important;width:0!important;overflow:hidden!important}
  .theme-whmcs .tz-login-icon{display:none!important}
  .theme-whmcs .tz-auth-links{display:flex!important;align-items:center!important;gap:8px!important;white-space:nowrap!important}
  .theme-whmcs .tz-auth-links a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:38px!important;padding:0 13px!important;border-radius:10px!important;font-size:13px!important;font-weight:800!important;text-decoration:none!important}
  .theme-whmcs .tz-login-link{color:#5d55d9!important;background:#f1efff!important;border:1px solid #e3defe!important}
  .theme-whmcs .tz-register-link{color:#fff!important;background:linear-gradient(135deg,#6259e8,#7546ee)!important;box-shadow:0 7px 18px rgba(98,89,232,.18)!important}

  /* Compact product cards — same visual density as the mobile cards. */
  .theme-whmcs .wh-popular .tz-products-grid,
  .theme-whmcs .tz-category-main-exact .tz-products-grid,
  .theme-whmcs .wh-shop-main-v21 .tz-products-grid,
  .theme-whmcs .tz-products-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;align-items:start!important}
  .theme-whmcs .tz-product-card{border-radius:15px!important;border:1px solid #e4e7ef!important;box-shadow:0 5px 18px rgba(27,34,64,.065)!important;overflow:hidden!important;min-width:0!important}
  .theme-whmcs .tz-product-card:hover{transform:translateY(-3px)!important;box-shadow:0 14px 30px rgba(68,57,170,.12)!important}
  .theme-whmcs .tz-product-image,.theme-whmcs .wh-popular .tz-product-image,.theme-whmcs .wh-shop-main-v21 .tz-product-image,.theme-whmcs .tz-category-main-exact .tz-product-image{height:205px!important;background:#f6f6fb!important}
  .theme-whmcs .tz-product-image img{object-fit:contain!important;padding:10px!important}
  .theme-whmcs .tz-product-card .product-body{padding:11px 12px 13px!important}
  .theme-whmcs .tz-verified{font-size:10px!important;gap:6px!important;min-height:25px!important}
  .theme-whmcs .tz-verified>span:first-child{width:25px!important;height:25px!important;flex-basis:25px!important;font-size:13px!important;border-radius:8px!important}
  .theme-whmcs .tz-card-stars{font-size:12px!important;letter-spacing:1px!important}
  .theme-whmcs .tz-product-card h3{font-size:14px!important;line-height:1.3!important;min-height:37px!important;margin:8px 0 4px!important}
  .theme-whmcs .tz-card-category{font-size:10px!important;line-height:1.4!important}
  .theme-whmcs .tz-card-description{font-size:11px!important;line-height:1.4!important;margin:6px 0!important}
  .theme-whmcs .tz-tags{gap:4px!important;margin-top:7px!important}
  .theme-whmcs .tz-tags span{font-size:9px!important;padding:5px 8px!important;border-radius:16px!important}
  .theme-whmcs .tz-card-bottom{margin-top:10px!important}
  .theme-whmcs .tz-product-card .price{font-size:17px!important;line-height:1.2!important}
  .theme-whmcs .tz-product-card .old{font-size:10px!important}
  .theme-whmcs .tz-preview{font-size:10px!important;padding:8px 11px!important;min-height:34px!important}
  .theme-whmcs .tz-cart-circle{width:36px!important;height:36px!important;flex-basis:36px!important;border-radius:50%!important;font-size:15px!important}
  .theme-whmcs .tz-card-cart-icon{width:19px!important;height:19px!important}

  /* Shop page: clean desktop filter toolbar + category sidebar. */
  .theme-whmcs .tz-category-page-exact{width:min(1320px,calc(100% - 64px))!important;padding:28px 0 65px!important;margin:0 auto!important}
  .theme-whmcs .tz-filter-card-exact{display:block!important;margin:0 0 24px!important;padding:14px!important;border:1px solid #e6e9f0!important;border-radius:14px!important;background:#fff!important;box-shadow:0 5px 18px rgba(20,25,45,.045)!important}
  .theme-whmcs .tz-filter-card-exact form{display:grid!important;grid-template-columns:minmax(280px,1.7fr) 150px 150px 190px 135px!important;gap:10px!important;align-items:end!important}
  .theme-whmcs .tz-filter-search-exact{height:44px!important;border:1px solid #dfe3eb!important;border-radius:10px!important;display:flex!important}
  .theme-whmcs .tz-filter-search-exact input{font-size:13px!important;padding:0 12px!important}
  .theme-whmcs .tz-filter-search-exact button{width:42px!important;font-size:19px!important;background:#f4f2ff!important;color:#6259e8!important}
  .theme-whmcs .tz-filter-row-exact{display:contents!important}
  .theme-whmcs .tz-filter-row-exact>div{min-width:0!important}
  .theme-whmcs .tz-filter-row-exact label{display:block!important;font-size:10px!important;color:#667085!important;margin:0 0 5px!important}
  .theme-whmcs .tz-price-input-exact{height:44px!important;border:1px solid #dfe3eb!important;border-radius:10px!important;padding:0 10px!important}
  .theme-whmcs .tz-price-input-exact span{font-size:12px!important;margin-right:5px!important}
  .theme-whmcs .tz-price-input-exact input{font-size:13px!important}
  .theme-whmcs .tz-range-exact{display:none!important}
  .theme-whmcs .tz-select-exact{height:44px!important;border:1px solid #dfe3eb!important;border-radius:10px!important;margin:0!important;padding:0 10px!important}
  .theme-whmcs .tz-select-exact select{font-size:13px!important}
  .theme-whmcs .tz-filter-btn-exact{height:44px!important;margin:0!important;border-radius:10px!important;font-size:12px!important;background:linear-gradient(135deg,#6259e8,#7546ee)!important}
  .theme-whmcs .tz-category-heading-exact{margin:0 0 16px!important}
  .theme-whmcs .tz-category-heading-exact>span{font-size:11px!important}
  .theme-whmcs .tz-category-heading-exact h1{font-size:26px!important;margin:4px 0 0!important}
  .theme-whmcs .tz-category-layout-exact{grid-template-columns:220px minmax(0,1fr)!important;gap:18px!important}
  .theme-whmcs .tz-category-sidebar-exact{display:block!important;position:sticky!important;top:105px!important;border:1px solid #e7eaf1!important;border-radius:14px!important;padding:11px!important;box-shadow:0 4px 14px rgba(20,25,45,.045)!important}
  .theme-whmcs .tz-category-sidebar-exact h3{font-size:14px!important;margin:4px 7px 10px!important}
  .theme-whmcs .tz-category-sidebar-exact>a{font-size:11px!important;padding:9px 7px!important}
  .theme-whmcs .tz-category-main-exact{min-width:0!important}

  /* Home: balanced hero and compact product section. */
  .theme-whmcs .wh-hero-rct{min-height:470px!important}
  .theme-whmcs .wh-rct-inner{min-height:470px!important;width:min(1320px,calc(100% - 64px))!important;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr)!important;gap:30px!important}
  .theme-whmcs .wh-rct-copy{padding:55px 0!important;max-width:690px!important}
  .theme-whmcs .wh-rct-copy h1{font-size:clamp(48px,4vw,66px)!important;line-height:1.03!important;margin:15px 0!important}
  .theme-whmcs .wh-rct-copy>p{font-size:17px!important;line-height:1.55!important}
  .theme-whmcs .wh-rct-description{font-size:13px!important;line-height:1.65!important}
  .theme-whmcs .wh-rct-art{min-height:430px!important;height:430px!important}
  .theme-whmcs .wh-home-products{padding:46px 0 25px!important}
  .theme-whmcs .wh-section-head h2{font-size:29px!important}

  /* Categories, product detail, cart/checkout and generic page canvas. */
  .theme-whmcs .tz-categories-page-exact{width:min(1320px,calc(100% - 64px))!important;padding:36px 0 70px!important;background:#fbfcfd!important;background-image:none!important}
  .theme-whmcs .tz-category-cards-exact{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;max-width:none!important}
  .theme-whmcs .tz-category-card-exact{min-height:220px!important;border-radius:18px!important;padding:20px 14px!important}
  .theme-whmcs .tz-category-image-exact{width:88px!important;height:88px!important;margin-bottom:15px!important}
  .theme-whmcs .tz-category-image-exact img{width:66px!important;height:66px!important}
  .theme-whmcs .tz-category-name-exact{font-size:17px!important}
  .theme-whmcs .wh-product-v21{width:min(1320px,calc(100% - 64px))!important;margin:0 auto!important}
  .theme-whmcs .wh-product-top-v21{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:30px!important}
  .theme-whmcs .wh-main-image-v21{height:420px!important}
  .theme-whmcs .wh-product-info-v21 h1{font-size:34px!important}
  .theme-whmcs .cart-grid,.theme-whmcs .product-detail{width:min(1320px,calc(100% - 64px))!important;margin:0 auto!important}
  .theme-whmcs .page{width:min(1320px,calc(100% - 64px))!important;margin:0 auto!important}

  /* Auth: professional centered desktop card, with clear Login/Register flow. */
  .theme-whmcs .auth-page-v20{width:100%!important;max-width:none!important;min-height:calc(100vh - 160px)!important;padding:55px 0 70px!important;display:flex!important;justify-content:center!important;align-items:flex-start!important;background:linear-gradient(180deg,#faf9ff 0,#fff 48%)!important}
  .theme-whmcs .auth-card-v20{width:520px!important;max-width:520px!important;padding:36px 34px!important;border-radius:20px!important;box-shadow:0 18px 55px rgba(36,31,93,.09)!important}
  .theme-whmcs .auth-card-v20 h1{font-size:30px!important;margin-bottom:25px!important}
  .theme-whmcs .auth-input{height:56px!important}
  .theme-whmcs .auth-input input{font-size:15px!important}
  .theme-whmcs .auth-submit-v20{height:56px!important}

  /* Client area desktop: fixed professional two-column shell. */
  .theme-whmcs .client-area-shell{width:min(1320px,calc(100% - 64px))!important;margin:30px auto 60px!important;grid-template-columns:245px minmax(0,1fr)!important;gap:22px!important;align-items:start!important}
  .theme-whmcs .client-sidebar{position:sticky!important;top:105px!important;border:1px solid #e6e9f0!important;border-radius:16px!important;background:#fff!important;box-shadow:0 7px 24px rgba(27,34,64,.055)!important}
  .theme-whmcs .client-main{min-width:0!important}
}

/* Tablet */
@media (min-width:701px) and (max-width:900px){
  .theme-whmcs .tz-mainnav{display:none!important}
  .theme-whmcs .tz-menu-btn{display:block!important}
  .theme-whmcs .tz-auth-links{display:none!important}
  .theme-whmcs .tz-login-icon{display:flex!important}
  .theme-whmcs .tz-products-grid,.theme-whmcs .wh-popular .tz-products-grid,.theme-whmcs .tz-category-main-exact .tz-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .theme-whmcs .tz-product-image{height:205px!important}
}

/* Mobile header/auth stays compact; desktop-only links must not crowd it. */
@media (max-width:700px){
  .theme-whmcs .tz-auth-links{display:none!important}
  .theme-whmcs .tz-login-icon{display:flex!important}
  .theme-whmcs .tz-menu-btn{display:flex!important;visibility:visible!important;width:38px!important}
}


/* V115: reference-style desktop product grid + related products. */
@media (min-width:1200px){
  .theme-whmcs .tz-products-grid,
  .theme-whmcs .wh-popular .tz-products-grid,
  .theme-whmcs .tz-category-main-exact .tz-products-grid,
  .theme-whmcs .wh-shop-main-v21 .tz-products-grid,
  .theme-whmcs .wh-related-grid-v115{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:22px!important;
    align-items:start!important;
  }
  .theme-whmcs .tz-product-card{border-radius:12px!important;overflow:hidden!important;}
  .theme-whmcs .tz-product-image{height:270px!important;}
  .theme-whmcs .wh-popular .tz-product-image{height:270px!important;}
  .theme-whmcs .wh-shop-main-v21 .tz-product-image{height:270px!important;}
  .theme-whmcs .tz-product-card .product-body{padding:14px 15px 16px!important;}
  .theme-whmcs .tz-product-card h3{font-size:15px!important;line-height:1.35!important;min-height:40px!important;}
  .theme-whmcs .tz-card-category{font-size:12px!important;}
  .theme-whmcs .tz-tags span{font-size:11px!important;padding:5px 8px!important;}
  .theme-whmcs .tz-product-card .price{font-size:18px!important;}
  .theme-whmcs .tz-preview{font-size:11px!important;padding:8px 11px!important;}
  .theme-whmcs .tz-cart-circle{width:34px!important;height:34px!important;font-size:15px!important;}
}
@media (min-width:801px) and (max-width:1199px){
  .theme-whmcs .tz-products-grid,
  .theme-whmcs .wh-popular .tz-products-grid,
  .theme-whmcs .tz-category-main-exact .tz-products-grid,
  .theme-whmcs .wh-shop-main-v21 .tz-products-grid,
  .theme-whmcs .wh-related-grid-v115{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;}
  .theme-whmcs .tz-product-image{height:260px!important;}
}
.wh-related-products-v115{padding:42px 0 58px;background:#f8f9fc;}
.wh-related-head-v115{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px;}
.wh-related-head-v115 h2{margin:5px 0 4px;font-size:28px;color:#273044;}
.wh-related-head-v115 p{margin:0;color:#667085;font-size:14px;}
.wh-related-head-v115 a{color:#6259e8;font-weight:800;font-size:13px;white-space:nowrap;}
.wh-related-grid-v115{margin:0!important;}
@media(max-width:800px){
  .wh-related-head-v115{display:block;margin-bottom:16px;}
  .wh-related-head-v115 h2{font-size:22px;}
  .wh-related-head-v115 a{display:inline-block;margin-top:10px;}
}
@media(max-width:700px){
  .theme-whmcs .tz-products-grid,
  .theme-whmcs .wh-popular .tz-products-grid,
  .theme-whmcs .tz-category-main-exact .tz-products-grid,
  .theme-whmcs .wh-shop-main-v21 .tz-products-grid,
  .theme-whmcs .wh-related-grid-v115{grid-template-columns:1fr!important;gap:16px!important;}
  .theme-whmcs .tz-product-image{height:285px!important;}
}

/* ===== V116 — Premium Zille Store desktop hero balance ===== */
@media (min-width: 1101px){
  .theme-whmcs .wh-hero-rct{
    min-height:620px!important;
    background:
      radial-gradient(circle at 78% 34%,rgba(93,28,255,.24),transparent 28%),
      radial-gradient(circle at 58% 82%,rgba(0,119,255,.18),transparent 30%),
      linear-gradient(115deg,#050722 0%,#08052a 48%,#17034d 100%)!important;
  }
  .theme-whmcs .wh-rct-inner{
    min-height:620px!important;
    width:min(1380px,calc(100% - 72px))!important;
    grid-template-columns:minmax(0,1fr) minmax(470px,.88fr)!important;
    gap:58px!important;
    padding:0!important;
  }
  .theme-whmcs .wh-rct-copy{
    padding:62px 0 58px!important;
    max-width:760px!important;
    align-self:center!important;
  }
  .theme-whmcs .wh-rct-copy h1{
    font-size:clamp(54px,4.25vw,70px)!important;
    line-height:1.015!important;
    max-width:760px!important;
    margin:19px 0 20px!important;
  }
  .theme-whmcs .wh-rct-copy>p{font-size:18px!important;max-width:690px!important}
  .theme-whmcs .wh-rct-description{font-size:14px!important;max-width:680px!important}
  .theme-whmcs .wh-rct-features{max-width:720px!important;margin:29px 0 24px!important}
  .theme-whmcs .wh-rct-features>div{min-height:66px!important;padding:8px 13px!important}
  .theme-whmcs .wh-rct-actions{margin-top:8px!important}

  /* Fill the previously empty right half with a premium product dashboard visual. */
  .theme-whmcs .wh-rct-art{
    display:flex!important;
    height:100%!important;
    min-height:620px!important;
    align-self:stretch!important;
    position:relative!important;
    overflow:visible!important;
  }
  .theme-whmcs .wh-rct-art:before{
    content:"";
    position:absolute;
    width:min(570px,100%);
    height:350px;
    right:2%;
    top:50%;
    transform:translateY(-48%) rotate(-3deg);
    border-radius:24px;
    border:1px solid rgba(101,177,255,.45);
    background:
      linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.045)),
      radial-gradient(circle at 80% 25%,rgba(139,53,255,.25),transparent 34%);
    box-shadow:0 35px 90px rgba(0,0,0,.48),0 0 70px rgba(77,38,255,.24),inset 0 1px 0 rgba(255,255,255,.12);
    backdrop-filter:blur(12px);
    z-index:1;
  }
  .theme-whmcs .wh-rct-art:after{
    content:"PHP   WHMCS   VISERLAB   E-COMMERCE";
    position:absolute;
    right:8%;
    top:50%;
    transform:translateY(75px) rotate(-3deg);
    width:460px;
    text-align:center;
    color:#cdd7f7;
    font-size:11px;
    font-weight:800;
    letter-spacing:1.2px;
    z-index:5;
    opacity:.9;
  }
  .theme-whmcs .wh-rct-category-card{
    width:360px!important;
    right:5%!important;
    bottom:112px!important;
    padding:25px 27px!important;
    border-radius:20px!important;
    background:linear-gradient(145deg,rgba(16,25,73,.9),rgba(19,8,65,.82))!important;
    transform:rotate(-3deg)!important;
    z-index:6!important;
  }
  .theme-whmcs .wh-rct-category-card strong{font-size:29px!important}
  .theme-whmcs .wh-rct-category-card span{font-size:11px!important}
  .theme-whmcs .wh-rct-ring-1{width:650px!important;height:320px!important;right:-120px!important;bottom:110px!important}
  .theme-whmcs .wh-rct-ring-2{width:540px!important;height:265px!important;right:-70px!important;bottom:135px!important}
  .theme-whmcs .wh-rct-ring-3{width:450px!important;height:220px!important;right:-25px!important;bottom:160px!important}
  .theme-whmcs .wh-rct-dots{right:0!important;top:75px!important;width:155px!important;height:190px!important}
}

@media (min-width: 1400px){
  .theme-whmcs .wh-rct-inner{width:min(1440px,calc(100% - 90px))!important;gap:70px!important}
  .theme-whmcs .wh-rct-copy h1{font-size:72px!important}
  .theme-whmcs .wh-rct-art:before{width:600px;height:370px}
}


/* ===== V117 — Professional desktop storefront pass ===== */
@media (min-width:801px){
  .theme-whmcs .tz-header-exact{position:sticky!important;top:0!important;background:#fff!important;border-bottom:1px solid #e8ebf2!important;box-shadow:0 4px 18px rgba(20,28,50,.055)!important;z-index:100!important}
  .theme-whmcs .tz-headrow{width:min(1320px,calc(100% - 56px))!important;min-height:78px!important;height:78px!important;margin:0 auto!important;padding:0!important;display:grid!important;grid-template-columns:205px minmax(420px,1fr) auto!important;align-items:center!important;gap:30px!important}
  .theme-whmcs .tz-brand{width:205px!important;min-width:205px!important;height:70px!important;overflow:visible!important}
  .theme-whmcs .tz-brand .store-logo{width:195px!important;height:62px!important;object-fit:contain!important;object-position:left center!important}
  .theme-whmcs .tz-mainnav{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-width:0!important;overflow:visible!important}
  .theme-whmcs .tz-mainnav>a,.theme-whmcs .tz-nav-dropdown-trigger{display:inline-flex!important;align-items:center!important;gap:5px!important;padding:12px 13px!important;border-radius:9px!important;color:#243047!important;font-size:14px!important;font-weight:750!important;line-height:1!important;white-space:nowrap!important;transition:background .18s,color .18s,transform .18s!important}
  .theme-whmcs .tz-mainnav>a:hover,.theme-whmcs .tz-mainnav>a:first-child,.theme-whmcs .tz-nav-dropdown:hover>.tz-nav-dropdown-trigger,.theme-whmcs .tz-nav-dropdown-trigger:hover{background:#f2f0ff!important;color:#5f55e8!important}
  .theme-whmcs .tz-nav-dropdown{position:relative!important;display:flex!important;align-items:center!important}
  .theme-whmcs .tz-nav-dropdown-trigger span{font-size:13px!important;transition:transform .18s!important}
  .theme-whmcs .tz-nav-dropdown:hover .tz-nav-dropdown-trigger span{transform:rotate(180deg)!important}
  .theme-whmcs .tz-nav-dropdown-menu{position:absolute!important;left:50%!important;top:calc(100% + 10px)!important;transform:translate(-50%, -8px)!important;width:250px!important;padding:10px!important;background:#fff!important;border:1px solid #e6e9f1!important;border-radius:14px!important;box-shadow:0 18px 45px rgba(24,31,55,.14)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:opacity .18s ease,transform .18s ease,visibility .18s!important;z-index:200!important}
  .theme-whmcs .tz-nav-dropdown-menu:before{content:""!important;position:absolute!important;left:50%!important;top:-7px!important;width:13px!important;height:13px!important;background:#fff!important;border-left:1px solid #e6e9f1!important;border-top:1px solid #e6e9f1!important;transform:translateX(-50%) rotate(45deg)!important}
  .theme-whmcs .tz-nav-dropdown:hover .tz-nav-dropdown-menu,.theme-whmcs .tz-nav-dropdown:focus-within .tz-nav-dropdown-menu{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translate(-50%,0)!important}
  .theme-whmcs .tz-nav-dropdown-title{padding:8px 10px 9px!important;font-size:11px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.08em!important;color:#8a91a3!important;border-bottom:1px solid #f0f1f5!important;margin-bottom:5px!important}
  .theme-whmcs .tz-nav-dropdown-menu>a{display:flex!important;align-items:center!important;min-height:38px!important;padding:9px 10px!important;border-radius:8px!important;color:#3c465b!important;font-size:13px!important;font-weight:650!important;text-decoration:none!important}
  .theme-whmcs .tz-nav-dropdown-menu>a:hover{background:#f4f2ff!important;color:#5f55e8!important}
  .theme-whmcs .tz-nav-dropdown-menu .tz-nav-dropdown-all{margin-top:5px!important;border-top:1px solid #eef0f4!important;border-radius:0 0 8px 8px!important;color:#5f55e8!important;font-weight:800!important}
  .theme-whmcs .tz-search{width:42px!important;height:42px!important;border:0!important;background:#f7f8fb!important;border-radius:12px!important;margin-left:0!important;overflow:hidden!important}
  .theme-whmcs .tz-search input{display:none!important}
  .theme-whmcs .tz-search button{width:42px!important;height:42px!important;background:transparent!important;color:#182239!important;font-size:25px!important}
  .theme-whmcs .tz-icons{gap:14px!important}
  .theme-whmcs .tz-icons a,.theme-whmcs .tz-account-trigger{width:42px!important;height:42px!important;display:grid!important;place-items:center!important;border-radius:12px!important;font-size:24px!important;color:#182239!important;transition:.18s!important}
  .theme-whmcs .tz-icons a:hover,.theme-whmcs .tz-account-trigger:hover{background:#f4f2ff!important;color:#5f55e8!important}
  .theme-whmcs .tz-menu-btn{display:none!important}

  /* Consistent desktop content width and typography on every storefront page. */
  .theme-whmcs main>.container,.theme-whmcs .container{width:min(1320px,calc(100% - 56px))!important}
  .theme-whmcs .tz-section,.theme-whmcs .wh-popular,.theme-whmcs .page,.theme-whmcs .auth-page-v20{max-width:1320px!important;margin-left:auto!important;margin-right:auto!important}
  .theme-whmcs .tz-products-grid,.theme-whmcs .wh-popular .tz-products-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}
  .theme-whmcs .tz-product-image,.theme-whmcs .wh-popular .tz-product-image{height:245px!important}
  .theme-whmcs .tz-product-card{min-width:0!important}
  .theme-whmcs .tz-product-card h3{font-size:15px!important;min-height:40px!important}
  .theme-whmcs .tz-card-category{font-size:12px!important}
  .theme-whmcs .tz-tags span{font-size:10px!important;padding:6px 9px!important}
  .theme-whmcs .tz-card-bottom{min-height:43px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}
  .theme-whmcs .tz-preview{white-space:nowrap!important}
  .theme-whmcs .wh-product-top-v21{grid-template-columns:minmax(0,1.02fr) minmax(390px,.98fr)!important;gap:46px!important}
  .theme-whmcs .wh-main-image-v21{height:520px!important}
  .theme-whmcs .wh-product-info-v21 h1{font-size:38px!important}
  .theme-whmcs .wh-description-v21,.theme-whmcs .wh-reviews-v21{max-width:1320px!important;margin-left:auto!important;margin-right:auto!important}
  .theme-whmcs .wh-footer-v21-grid,.theme-whmcs .tz-footer-grid-exact{width:min(1320px,calc(100% - 56px))!important;margin:0 auto!important}
  .theme-whmcs .auth-card-v20{width:min(520px,100%)!important;margin:0 auto!important}
  .theme-whmcs .client-area-shell{width:min(1320px,calc(100% - 56px))!important;margin:0 auto!important}
  .theme-whmcs .client-main{min-width:0!important}
  .theme-whmcs .wh-category-feature-section{padding:34px 0 46px!important}
  .theme-whmcs .wh-category-feature-area{max-width:1320px!important;padding:0!important}
  .theme-whmcs .wh-category-feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}
  .theme-whmcs .wh-category-feature-grid a{min-height:190px!important;padding:22px 16px!important;border-radius:18px!important;gap:13px!important}
  .theme-whmcs .wh-category-feature-icon{width:82px!important;height:82px!important;flex-basis:82px!important;border-radius:17px!important}
  .theme-whmcs .wh-category-feature-icon img{width:68px!important;height:68px!important}
  .theme-whmcs .wh-category-feature-copy b{font-size:17px!important}
  .theme-whmcs .wh-category-feature-title span{font-size:31px!important}

  /* Generic/admin desktop pages: remove cramped/mobile-looking presentation. */
  .layout-admin .adminwrap{grid-template-columns:245px minmax(0,1fr)!important}
  .layout-admin .sidebar{padding:22px 15px!important}
  .layout-admin .adminmain{padding:32px!important;max-width:none!important}
  .layout-admin .statgrid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}
  .layout-admin .card{border-radius:14px!important;padding:22px!important;box-shadow:0 5px 18px rgba(16,24,40,.045)!important}
  .layout-admin .table{font-size:14px!important}
  .layout-admin .table th{font-size:12px!important;text-transform:uppercase!important;letter-spacing:.04em!important;color:#667085!important;background:#fafbfc!important}
  .layout-admin .field input,.layout-admin .field textarea,.layout-admin .field select{min-height:44px!important;border-radius:9px!important}
  .layout-admin .btn{border-radius:9px!important;min-height:44px!important}
}

@media (min-width:801px) and (max-width:1100px){
  .theme-whmcs .tz-headrow{grid-template-columns:180px minmax(320px,1fr) auto!important;gap:15px!important}
  .theme-whmcs .tz-brand{width:180px!important;min-width:180px!important}
  .theme-whmcs .tz-brand .store-logo{width:175px!important}
  .theme-whmcs .tz-mainnav{gap:1px!important}
  .theme-whmcs .tz-mainnav>a,.theme-whmcs .tz-nav-dropdown-trigger{font-size:12px!important;padding:10px 8px!important}
  .theme-whmcs .tz-products-grid,.theme-whmcs .wh-popular .tz-products-grid{gap:12px!important}
  .theme-whmcs .tz-product-image,.theme-whmcs .wh-popular .tz-product-image{height:205px!important}
}

/* =========================================================
   V118 — TRUE FULL-WIDTH DESKTOP / 4-CARD SYSTEM
   Final desktop override: storefront uses the available screen
   instead of a narrow/half-width canvas. Mobile rules remain intact.
   ========================================================= */
@media (min-width: 1201px){
  .theme-whmcs{--desktop-gutter:32px;}
  .theme-whmcs .container,
  .theme-whmcs main>.container,
  .theme-whmcs .tz-section,
  .theme-whmcs .page,
  .theme-whmcs .wh-popular,
  .theme-whmcs .client-area-shell,
  .theme-whmcs .auth-page-v20,
  .theme-whmcs .wh-description-v21,
  .theme-whmcs .wh-reviews-v21,
  .theme-whmcs .wh-category-feature-area,
  .theme-whmcs .tz-footer-grid-exact,
  .theme-whmcs .wh-footer-v21-grid{
    width:calc(100% - (var(--desktop-gutter) * 2))!important;
    max-width:1500px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  /* Header: full desktop navigation, no mobile hamburger */
  .theme-whmcs .tz-header-exact{width:100%!important;}
  .theme-whmcs .tz-headrow{
    width:calc(100% - 64px)!important;
    max-width:1500px!important;
    grid-template-columns:220px minmax(520px,1fr) auto!important;
    gap:30px!important;
  }
  .theme-whmcs .tz-mainnav{justify-content:center!important;gap:4px!important;}
  .theme-whmcs .tz-mainnav>a,
  .theme-whmcs .tz-nav-dropdown-trigger{font-size:14px!important;padding:12px 15px!important;}
  .theme-whmcs .tz-menu-btn{display:none!important;}

  /* Full-width hero, with balanced two-column content */
  .theme-whmcs .wh-hero-rct{width:100%!important;min-height:590px!important;}
  .theme-whmcs .wh-rct-inner{
    width:calc(100% - 64px)!important;
    max-width:1500px!important;
    min-height:590px!important;
    margin:0 auto!important;
    grid-template-columns:minmax(0,1fr) minmax(560px,.95fr)!important;
    gap:50px!important;
  }
  .theme-whmcs .wh-rct-copy{max-width:760px!important;padding:76px 0 70px!important;}
  .theme-whmcs .wh-rct-copy h1{font-size:clamp(56px,4.2vw,76px)!important;}
  .theme-whmcs .wh-rct-art{min-height:560px!important;width:100%!important;}

  /* Four equal product cards everywhere on desktop */
  .theme-whmcs .tz-products-grid,
  .theme-whmcs .wh-popular .tz-products-grid,
  .theme-whmcs .tz-category-main-exact .tz-products-grid,
  .theme-whmcs .wh-shop-main-v21 .tz-products-grid,
  .theme-whmcs .wh-related-products .tz-products-grid,
  .theme-whmcs .related-products .tz-products-grid{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:20px!important;
    width:100%!important;
  }
  .theme-whmcs .tz-product-card{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    border-radius:16px!important;
  }
  .theme-whmcs .tz-product-image,
  .theme-whmcs .wh-popular .tz-product-image{
    height:270px!important;
    min-height:270px!important;
    max-height:270px!important;
  }
  .theme-whmcs .tz-product-image img{width:100%!important;height:100%!important;object-fit:cover!important;}
  .theme-whmcs .tz-product-card .product-body{padding:16px!important;}
  .theme-whmcs .tz-product-card h3{font-size:16px!important;min-height:44px!important;line-height:1.35!important;}
  .theme-whmcs .tz-product-card .price{font-size:18px!important;}

  /* Shop/category layout: sidebar + four-card content uses all available width */
  .theme-whmcs .wh-shop-main-v21,
  .theme-whmcs .tz-category-main-exact{width:100%!important;max-width:none!important;}
  .theme-whmcs .wh-shop-main-v21{grid-template-columns:250px minmax(0,1fr)!important;gap:24px!important;}
  .theme-whmcs .tz-category-main-exact{grid-template-columns:250px minmax(0,1fr)!important;gap:24px!important;}

  /* Product detail: use the full desktop canvas */
  .theme-whmcs .wh-product-top-v21{
    width:100%!important;
    max-width:1500px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    grid-template-columns:minmax(0,1.05fr) minmax(480px,.95fr)!important;
    gap:52px!important;
  }
  .theme-whmcs .wh-main-image-v21{height:560px!important;}

  /* Auth / checkout / cart: never render as a half-screen desktop page */
  .theme-whmcs .auth-page-v20{min-height:calc(100vh - 150px)!important;}
  .theme-whmcs .auth-card-v20{width:560px!important;max-width:560px!important;}
  .theme-whmcs .cart-grid{grid-template-columns:minmax(0,1.7fr) 390px!important;gap:26px!important;}
  .theme-whmcs .checkout-layout,.theme-whmcs .payment-layout{width:100%!important;max-width:1500px!important;margin:0 auto!important;}

  /* Client area: wide dashboard/sidebar, no cramped centered column */
  .theme-whmcs .client-area-shell{grid-template-columns:260px minmax(0,1fr)!important;gap:28px!important;}
  .theme-whmcs .client-main{width:100%!important;min-width:0!important;}

  /* All generic page headings/sections share the same desktop canvas */
  .theme-whmcs .page-head{max-width:1500px!important;margin-left:auto!important;margin-right:auto!important;}
  .theme-whmcs .section-head{max-width:1500px!important;margin-left:auto!important;margin-right:auto!important;}

  /* Footer is full viewport width, inner content uses the full canvas */
  .theme-whmcs .tz-footer-exact{width:100%!important;}
  .theme-whmcs .tz-footer-grid-exact{grid-template-columns:1.5fr 1fr 1fr 1.15fr!important;}
}

/* Large laptop: still four cards, but with comfortable gutters */
@media (min-width: 1001px) and (max-width:1200px){
  .theme-whmcs .tz-products-grid,
  .theme-whmcs .wh-popular .tz-products-grid,
  .theme-whmcs .tz-category-main-exact .tz-products-grid,
  .theme-whmcs .wh-shop-main-v21 .tz-products-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;}
  .theme-whmcs .tz-product-image{height:220px!important;min-height:220px!important;}
  .theme-whmcs main>.container,.theme-whmcs .container{width:calc(100% - 36px)!important;max-width:none!important;}
}

/* Prevent desktop-only accidental half-width wrappers */
@media (min-width: 801px){
  .theme-whmcs .tz-main,
  .theme-whmcs .tz-content,
  .theme-whmcs .storefront-main,
  .theme-whmcs .home-main{width:100%!important;max-width:none!important;}
  .theme-whmcs img{max-width:100%;}
}

/* =========================================================
   V119 — UNIVERSAL DESKTOP PRODUCT CARD SYSTEM
   Every storefront product listing uses the same full-width,
   equal-size 4-column card system on desktop. Mobile stays 1/row.
   ========================================================= */
@media (min-width: 1201px){
  .theme-whmcs .container,
  .theme-whmcs main>.container,
  .theme-whmcs .tz-section,
  .theme-whmcs .page,
  .theme-whmcs .wh-popular,
  .theme-whmcs .wh-related-products-v115,
  .theme-whmcs .client-area-shell,
  .theme-whmcs .wh-category-feature-area,
  .theme-whmcs .wh-description-v21,
  .theme-whmcs .wh-reviews-v21{
    width:calc(100% - 32px)!important;
    max-width:1600px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  /* One universal grid: home, all products, category, related and any
     other page that renders the standard product-card component. */
  .theme-whmcs .tz-products-grid,
  .theme-whmcs .wh-popular .tz-products-grid,
  .theme-whmcs .tz-category-main-exact .tz-products-grid,
  .theme-whmcs .wh-shop-main-v21 .tz-products-grid,
  .theme-whmcs .wh-related-products-v115 .tz-products-grid,
  .theme-whmcs .related-products .tz-products-grid{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:20px!important;
    width:100%!important;
    align-items:stretch!important;
  }

  .theme-whmcs .tz-product-card{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:100%!important;
    min-height:510px!important;
    margin:0!important;
    overflow:hidden!important;
    border-radius:16px!important;
  }

  .theme-whmcs .tz-product-image,
  .theme-whmcs .wh-popular .tz-product-image{
    flex:0 0 270px!important;
    width:100%!important;
    height:270px!important;
    min-height:270px!important;
    max-height:270px!important;
    overflow:hidden!important;
    background:#f5f6fa!important;
  }
  .theme-whmcs .tz-product-image img,
  .theme-whmcs .wh-popular .tz-product-image img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
    image-rendering:auto!important;
  }

  .theme-whmcs .tz-product-card .product-body{
    display:flex!important;
    flex:1 1 auto!important;
    flex-direction:column!important;
    min-width:0!important;
    padding:15px 16px 16px!important;
  }
  .theme-whmcs .tz-product-card h3{
    font-size:16px!important;
    line-height:1.35!important;
    min-height:44px!important;
    max-height:44px!important;
    overflow:hidden!important;
    margin:8px 0 4px!important;
  }
  .theme-whmcs .tz-card-category{
    font-size:11px!important;
    min-height:17px!important;
  }
  .theme-whmcs .tz-tags{
    min-height:31px!important;
    max-height:58px!important;
    overflow:hidden!important;
  }
  .theme-whmcs .tz-card-bottom{
    margin-top:auto!important;
    padding-top:12px!important;
  }

  /* Category/sidebar pages: sidebar is fixed-width, product grid still gets
     four equal cards in the remaining full-width content area. */
  .theme-whmcs .wh-shop-main-v21,
  .theme-whmcs .tz-category-main-exact{
    width:100%!important;
    max-width:1600px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    grid-template-columns:240px minmax(0,1fr)!important;
    gap:24px!important;
  }

  /* Related products match the exact same card dimensions. */
  .theme-whmcs .wh-related-products-v115{width:100%!important;}
  .theme-whmcs .wh-related-products-v115 .container{width:100%!important;max-width:1600px!important;}
}

/* Desktop/laptop widths: four cards remain consistent without crushing text. */
@media (min-width: 1001px) and (max-width: 1200px){
  .theme-whmcs .tz-products-grid,
  .theme-whmcs .wh-popular .tz-products-grid,
  .theme-whmcs .tz-category-main-exact .tz-products-grid,
  .theme-whmcs .wh-shop-main-v21 .tz-products-grid,
  .theme-whmcs .wh-related-products-v115 .tz-products-grid,
  .theme-whmcs .related-products .tz-products-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:14px!important;
  }
  .theme-whmcs .tz-product-image{height:225px!important;min-height:225px!important;max-height:225px!important;}
  .theme-whmcs .tz-product-card h3{font-size:14px!important;}
}

/* Never let mobile inherit the desktop four-card sizing. */
@media (max-width: 800px){
  .theme-whmcs .tz-products-grid,
  .theme-whmcs .wh-popular .tz-products-grid,
  .theme-whmcs .tz-category-main-exact .tz-products-grid,
  .theme-whmcs .wh-shop-main-v21 .tz-products-grid,
  .theme-whmcs .wh-related-products-v115 .tz-products-grid,
  .theme-whmcs .related-products .tz-products-grid{
    grid-template-columns:1fr!important;
  }
  .theme-whmcs .tz-product-card{height:auto!important;min-height:0!important;}
  .theme-whmcs .tz-product-image{height:330px!important;min-height:330px!important;max-height:330px!important;}
}

/* =========================================================
   V120 — FINAL DESKTOP PRODUCT CANVAS / REFERENCE MATCH
   Full-width storefront: no narrow product wrapper, no legacy V92
   oversized card rules, and one identical 4-card system everywhere.
   ========================================================= */
@media (min-width: 1201px){
  /* The section itself must span the viewport; only its inner canvas is centered. */
  .theme-whmcs .wh-popular,
  .theme-whmcs .wh-home-products,
  .theme-whmcs .tz-section,
  .theme-whmcs .page{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  .theme-whmcs .wh-popular>.container,
  .theme-whmcs .wh-home-products>.container,
  .theme-whmcs .tz-section>.container,
  .theme-whmcs .page>.container,
  .theme-whmcs main>.container{
    width:calc(100% - 40px)!important;
    max-width:1600px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  /* Kill the old V92 1200px product-grid ceiling. */
  .theme-whmcs .tz-products-grid,
  .theme-whmcs .wh-popular .tz-products-grid,
  .theme-whmcs .tz-category-main-exact .tz-products-grid,
  .theme-whmcs .wh-shop-main-v21 .tz-products-grid,
  .theme-whmcs .wh-related-products-v115 .tz-products-grid,
  .theme-whmcs .related-products .tz-products-grid{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:20px!important;
    align-items:stretch!important;
  }

  /* Exact same card dimensions on Home, Shop, Category and Related. */
  .theme-whmcs .tz-product-card,
  .theme-whmcs .wh-popular .tz-product-card,
  .theme-whmcs .tz-category-main-exact .tz-product-card,
  .theme-whmcs .wh-shop-main-v21 .tz-product-card,
  .theme-whmcs .wh-related-products-v115 .tz-product-card,
  .theme-whmcs .related-products .tz-product-card{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    height:100%!important;
    min-height:0!important;
    margin:0!important;
    border:1px solid #e5e7ef!important;
    border-radius:18px!important;
    overflow:hidden!important;
    background:#fff!important;
    box-shadow:0 8px 24px rgba(16,24,40,.08)!important;
    display:flex!important;
    flex-direction:column!important;
  }

  /* Reference-style image area: same height and full card width everywhere. */
  .theme-whmcs .tz-product-image,
  .theme-whmcs .wh-popular .tz-product-image,
  .theme-whmcs .tz-category-main-exact .tz-product-image,
  .theme-whmcs .wh-shop-main-v21 .tz-product-image,
  .theme-whmcs .wh-related-products-v115 .tz-product-image,
  .theme-whmcs .related-products .tz-product-image{
    width:100%!important;
    height:270px!important;
    min-height:270px!important;
    max-height:270px!important;
    aspect-ratio:auto!important;
    overflow:hidden!important;
    background:#f5f6fa!important;
    flex:0 0 270px!important;
  }
  .theme-whmcs .tz-product-image img,
  .theme-whmcs .wh-popular .tz-product-image img,
  .theme-whmcs .tz-category-main-exact .tz-product-image img,
  .theme-whmcs .wh-shop-main-v21 .tz-product-image img,
  .theme-whmcs .wh-related-products-v115 .tz-product-image img,
  .theme-whmcs .related-products .tz-product-image img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center center!important;
  }

  /* Compact body matching the supplied TZ Store reference instead of V92's huge typography. */
  .theme-whmcs .tz-product-card .product-body,
  .theme-whmcs .wh-popular .tz-product-card .product-body,
  .theme-whmcs .tz-category-main-exact .tz-product-card .product-body,
  .theme-whmcs .wh-shop-main-v21 .tz-product-card .product-body,
  .theme-whmcs .wh-related-products-v115 .tz-product-card .product-body,
  .theme-whmcs .related-products .tz-product-card .product-body{
    display:flex!important;
    flex:1 1 auto!important;
    flex-direction:column!important;
    min-width:0!important;
    padding:18px 18px 18px!important;
    background:#fff!important;
  }
  .theme-whmcs .tz-product-card .tz-verified{
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
    min-height:42px!important;
    font-size:16px!important;
    line-height:1.15!important;
    font-weight:600!important;
  }
  .theme-whmcs .tz-product-card .tz-verified>span:first-child{
    width:42px!important;height:42px!important;flex:0 0 42px!important;
    border-radius:12px!important;font-size:24px!important;
  }
  .theme-whmcs .tz-product-card .tz-card-stars{margin-left:auto!important;font-size:16px!important;white-space:nowrap!important;}
  .theme-whmcs .tz-product-card h3{
    font-size:16px!important;
    line-height:1.35!important;
    min-height:43px!important;
    max-height:43px!important;
    overflow:hidden!important;
    margin:10px 0 4px!important;
  }
  .theme-whmcs .tz-card-category{font-size:13px!important;line-height:1.35!important;min-height:18px!important;}
  .theme-whmcs .tz-tags{min-height:34px!important;max-height:58px!important;overflow:hidden!important;margin-top:8px!important;}
  .theme-whmcs .tz-tags span{font-size:12px!important;padding:7px 12px!important;border-radius:20px!important;}
  .theme-whmcs .tz-card-description{font-size:12px!important;line-height:1.45!important;max-height:36px!important;overflow:hidden!important;}
  .theme-whmcs .tz-card-bottom{
    margin-top:auto!important;
    padding-top:14px!important;
    min-height:48px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
  }
  .theme-whmcs .tz-product-card .price{font-size:19px!important;white-space:nowrap!important;}
  .theme-whmcs .tz-product-card .price .old{font-size:11px!important;}
  .theme-whmcs .tz-preview{font-size:12px!important;min-height:40px!important;padding:0 15px!important;border-radius:22px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;}
  .theme-whmcs .tz-cart-circle{width:40px!important;height:40px!important;flex:0 0 40px!important;}

  /* Category/sidebar page: sidebar remains narrow; product area fills everything left. */
  .theme-whmcs .wh-shop-main-v21,
  .theme-whmcs .tz-category-main-exact{
    width:calc(100% - 40px)!important;
    max-width:1600px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    grid-template-columns:240px minmax(0,1fr)!important;
    gap:24px!important;
  }
  .theme-whmcs .wh-shop-main-v21 .tz-products-grid,
  .theme-whmcs .tz-category-main-exact .tz-products-grid{min-width:0!important;}

  /* Keep related section full width with the exact same cards. */
  .theme-whmcs .wh-related-products-v115{width:100%!important;max-width:none!important;margin:0!important;}
  .theme-whmcs .wh-related-products-v115>.container{width:calc(100% - 40px)!important;max-width:1600px!important;}
}

@media (min-width:1001px) and (max-width:1200px){
  .theme-whmcs .wh-popular,
  .theme-whmcs .wh-home-products{width:100%!important;max-width:none!important;margin:0!important;}
  .theme-whmcs .wh-popular>.container,
  .theme-whmcs .wh-home-products>.container,
  .theme-whmcs main>.container{width:calc(100% - 36px)!important;max-width:none!important;}
  .theme-whmcs .tz-products-grid,
  .theme-whmcs .wh-popular .tz-products-grid,
  .theme-whmcs .tz-category-main-exact .tz-products-grid,
  .theme-whmcs .wh-shop-main-v21 .tz-products-grid,
  .theme-whmcs .wh-related-products-v115 .tz-products-grid,
  .theme-whmcs .related-products .tz-products-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;max-width:none!important;gap:14px!important;}
  .theme-whmcs .tz-product-image{height:225px!important;min-height:225px!important;max-height:225px!important;flex-basis:225px!important;}
}

/* =========================================================
   V121 — FINAL DESKTOP HEADER + FULL-CANVAS PRODUCT DETAIL
   Fixes the four-child header grid that was pushing Login/Register
   onto a second row, and normalizes every desktop storefront page.
   ========================================================= */
@media (min-width:901px){
  .theme-whmcs .tz-headrow{
    width:calc(100% - 56px)!important;
    max-width:1600px!important;
    min-height:82px!important;
    height:82px!important;
    margin:0 auto!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:205px minmax(430px,1fr) minmax(210px,260px) auto!important;
    gap:22px!important;
    align-items:center!important;
  }
  .theme-whmcs .tz-brand{grid-column:1!important;grid-row:1!important;width:205px!important;min-width:205px!important;}
  .theme-whmcs .tz-mainnav{grid-column:2!important;grid-row:1!important;min-width:0!important;display:flex!important;justify-content:center!important;align-items:center!important;gap:3px!important;overflow:visible!important;}
  .theme-whmcs .tz-search{grid-column:3!important;grid-row:1!important;width:100%!important;min-width:0!important;margin:0!important;}
  .theme-whmcs .tz-icons{grid-column:4!important;grid-row:1!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;min-width:max-content!important;gap:9px!important;}
  .theme-whmcs .tz-auth-links{display:flex!important;align-items:center!important;gap:8px!important;white-space:nowrap!important;}
  .theme-whmcs .tz-auth-links a{position:static!important;transform:none!important;}
  .theme-whmcs .tz-menu-btn{display:none!important;}

  /* Full-width storefront canvas; no half-page wrappers. */
  .theme-whmcs main,
  .theme-whmcs .tz-header-exact,
  .theme-whmcs .tz-footer-exact{width:100%!important;max-width:none!important;}
  .theme-whmcs .wh-product-v21,
  .theme-whmcs .wh-product-top-v21,
  .theme-whmcs .wh-description-v21,
  .theme-whmcs .wh-reviews-v21{
    width:calc(100% - 56px)!important;
    max-width:1600px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .theme-whmcs .wh-product-v21{padding-top:28px!important;padding-bottom:70px!important;}
  .theme-whmcs .wh-product-top-v21{
    display:grid!important;
    grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr)!important;
    gap:54px!important;
    align-items:start!important;
  }
  .theme-whmcs .wh-product-gallery-v21,
  .theme-whmcs .wh-product-info-v21{min-width:0!important;width:100%!important;}
  .theme-whmcs .wh-main-image-v21{
    width:100%!important;
    height:clamp(500px,42vw,650px)!important;
    min-height:500px!important;
    border-radius:16px!important;
    overflow:hidden!important;
  }
  .theme-whmcs .wh-main-image-v21 img{width:100%!important;height:100%!important;object-fit:contain!important;}
  .theme-whmcs .wh-thumb-row-v21{width:100%!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin-top:12px!important;}
  .theme-whmcs .wh-thumb-v21{width:100%!important;height:92px!important;}
  .theme-whmcs .wh-product-info-v21{padding-top:8px!important;}
  .theme-whmcs .wh-product-info-v21 h1{font-size:clamp(34px,3vw,52px)!important;line-height:1.12!important;margin:14px 0 16px!important;}
  .theme-whmcs .wh-product-price-v21{font-size:clamp(28px,2.3vw,38px)!important;margin-top:16px!important;}
  .theme-whmcs .wh-product-meta-v21{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:18px!important;}
  .theme-whmcs .wh-tags-v21{display:flex!important;flex-wrap:wrap!important;gap:8px!important;}
  .theme-whmcs .wh-feature-list-v21{margin-top:18px!important;}
  .theme-whmcs .wh-product-actions-v21{margin-top:24px!important;}

  /* Product listings: one exact four-card system everywhere. */
  .theme-whmcs .tz-products-grid,
  .theme-whmcs .wh-popular .tz-products-grid,
  .theme-whmcs .tz-category-main-exact .tz-products-grid,
  .theme-whmcs .wh-shop-main-v21 .tz-products-grid,
  .theme-whmcs .wh-related-grid-v115,
  .theme-whmcs .wh-related-products-v115 .tz-products-grid,
  .theme-whmcs .related-products .tz-products-grid{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:22px!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    align-items:stretch!important;
  }
  .theme-whmcs .tz-product-card{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:100%!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
  }
  .theme-whmcs .tz-product-image,
  .theme-whmcs .wh-popular .tz-product-image{height:270px!important;min-height:270px!important;max-height:270px!important;flex:0 0 270px!important;}
  .theme-whmcs .tz-product-image img{width:100%!important;height:100%!important;object-fit:cover!important;padding:0!important;}
  .theme-whmcs .tz-product-card .product-body{display:flex!important;flex-direction:column!important;flex:1 1 auto!important;min-height:250px!important;padding:15px!important;}
  .theme-whmcs .tz-product-card h3{min-height:44px!important;max-height:44px!important;overflow:hidden!important;}
  .theme-whmcs .tz-card-bottom{margin-top:auto!important;min-height:44px!important;}

  /* Shop/category sidebar consumes only its column; products fill the rest. */
  .theme-whmcs .wh-shop-layout-v21,
  .theme-whmcs .tz-category-layout-exact{width:calc(100% - 56px)!important;max-width:1600px!important;margin:0 auto!important;grid-template-columns:250px minmax(0,1fr)!important;gap:26px!important;}
  .theme-whmcs .wh-shop-main-v21,
  .theme-whmcs .tz-category-main-exact{width:100%!important;min-width:0!important;}

  /* Full-width section backgrounds with wide inner content. */
  .theme-whmcs .wh-popular,
  .theme-whmcs .wh-home-products,
  .theme-whmcs .wh-related-products-v115,
  .theme-whmcs .tz-section{width:100%!important;max-width:none!important;margin:0!important;}
  .theme-whmcs .wh-popular>.container,
  .theme-whmcs .wh-home-products>.container,
  .theme-whmcs .wh-related-products-v115>.container,
  .theme-whmcs .tz-section>.container{width:calc(100% - 56px)!important;max-width:1600px!important;margin:0 auto!important;}
}

@media (min-width:901px) and (max-width:1200px){
  .theme-whmcs .tz-headrow{grid-template-columns:185px minmax(280px,1fr) 190px auto!important;gap:12px!important;width:calc(100% - 28px)!important;}
  .theme-whmcs .tz-mainnav{gap:1px!important;}
  .theme-whmcs .tz-mainnav>a,.theme-whmcs .tz-nav-dropdown-trigger{font-size:11px!important;padding:10px 7px!important;}
  .theme-whmcs .tz-auth-links a{padding:0 9px!important;font-size:11px!important;}
  .theme-whmcs .wh-product-v21,.theme-whmcs .wh-product-top-v21{width:calc(100% - 28px)!important;}
  .theme-whmcs .wh-product-top-v21{gap:28px!important;}
  .theme-whmcs .wh-main-image-v21{height:480px!important;min-height:480px!important;}
  .theme-whmcs .tz-products-grid,.theme-whmcs .wh-popular .tz-products-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;}
  .theme-whmcs .tz-product-image{height:220px!important;min-height:220px!important;max-height:220px!important;flex-basis:220px!important;}
}

/* =========================================================
   V122 — TZ-STYLE DESKTOP PRODUCT CARDS
   Match the supplied reference: 4 equal cards, 270px image,
   compact ~195px content area, no stretched/half-empty cards.
   Applies consistently to Home, Shop, Category and Related.
   ========================================================= */
@media (min-width: 901px){
  .theme-whmcs .wh-popular>.container,
  .theme-whmcs .wh-home-products>.container,
  .theme-whmcs .wh-related-products-v115>.container,
  .theme-whmcs .tz-section>.container,
  .theme-whmcs .wh-shop-layout-v21,
  .theme-whmcs .tz-category-layout-exact{
    width:calc(100% - 30px)!important;
    max-width:1600px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  .theme-whmcs .tz-products-grid,
  .theme-whmcs .wh-popular .tz-products-grid,
  .theme-whmcs .tz-category-main-exact .tz-products-grid,
  .theme-whmcs .wh-shop-main-v21 .tz-products-grid,
  .theme-whmcs .wh-related-products-v115 .tz-products-grid,
  .theme-whmcs .related-products .tz-products-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:20px!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    align-items:start!important;
  }

  .theme-whmcs .tz-product-card{
    width:100%!important;
    height:466px!important;
    min-height:466px!important;
    max-height:466px!important;
    display:flex!important;
    flex-direction:column!important;
    border-radius:15px!important;
    overflow:hidden!important;
  }

  .theme-whmcs .tz-product-image,
  .theme-whmcs .wh-popular .tz-product-image{
    width:100%!important;
    height:270px!important;
    min-height:270px!important;
    max-height:270px!important;
    flex:0 0 270px!important;
    background:#f2efff!important;
  }
  .theme-whmcs .tz-product-image img,
  .theme-whmcs .wh-popular .tz-product-image img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
    padding:0!important;
  }

  .theme-whmcs .tz-product-card .product-body{
    width:100%!important;
    height:196px!important;
    min-height:196px!important;
    max-height:196px!important;
    flex:0 0 196px!important;
    padding:12px 15px 13px!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
  }

  .theme-whmcs .tz-verified{
    min-height:28px!important;
    height:28px!important;
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    font-size:12px!important;
    flex:0 0 28px!important;
  }
  .theme-whmcs .tz-verified>span:first-child{
    width:27px!important;
    height:27px!important;
    flex:0 0 27px!important;
  }
  .theme-whmcs .tz-card-stars{margin-left:auto!important;font-size:13px!important;white-space:nowrap!important;}

  .theme-whmcs .tz-product-card h3{
    font-size:15px!important;
    line-height:1.25!important;
    height:20px!important;
    min-height:20px!important;
    max-height:20px!important;
    margin:8px 0 4px!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }
  .theme-whmcs .tz-card-category{
    height:19px!important;
    min-height:19px!important;
    font-size:12px!important;
    line-height:19px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .theme-whmcs .tz-product-card-label,
  .theme-whmcs .tz-card-description{display:none!important;}

  .theme-whmcs .tz-tags{
    min-height:39px!important;
    height:39px!important;
    max-height:39px!important;
    margin-top:8px!important;
    display:flex!important;
    align-items:flex-start!important;
    flex-wrap:nowrap!important;
    overflow:hidden!important;
    gap:7px!important;
  }
  .theme-whmcs .tz-tags span{
    flex:0 0 auto!important;
    font-size:11px!important;
    line-height:18px!important;
    padding:6px 12px!important;
    border-radius:20px!important;
    white-space:nowrap!important;
  }

  .theme-whmcs .tz-card-bottom{
    width:100%!important;
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    margin-top:auto!important;
    padding-top:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
  }
  .theme-whmcs .tz-product-card .price{
    font-size:17px!important;
    line-height:1.1!important;
    white-space:nowrap!important;
  }
  .theme-whmcs .tz-product-card .old{font-size:10px!important;display:block!important;margin:3px 0 0!important;}
  .theme-whmcs .tz-card-actions{display:flex!important;align-items:center!important;gap:8px!important;flex:0 0 auto!important;}
  .theme-whmcs .tz-preview{
    height:40px!important;
    min-height:40px!important;
    padding:0 17px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:22px!important;
    font-size:11px!important;
    white-space:nowrap!important;
  }
  .theme-whmcs .tz-cart-circle{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    flex:0 0 40px!important;
  }

  /* Reference-style Popular Products heading/tabs */
  .theme-whmcs .wh-popular{padding:26px 0 48px!important;background:#fff!important;}
  .theme-whmcs .wh-section-head{margin-bottom:20px!important;align-items:center!important;}
  .theme-whmcs .wh-section-head h2{font-size:27px!important;line-height:1.2!important;margin:5px 0 4px!important;}
  .theme-whmcs .wh-section-head p{font-size:13px!important;}
  .theme-whmcs .wh-tabs{display:flex!important;align-items:center!important;border:1px solid #e5e7ef!important;border-radius:13px!important;padding:3px!important;box-shadow:0 3px 12px rgba(20,25,45,.05)!important;}
  .theme-whmcs .wh-tabs a{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:38px!important;padding:0 14px!important;border-radius:9px!important;color:#4b5565!important;font-size:11px!important;font-weight:800!important;}
  .theme-whmcs .wh-tabs a.active,.theme-whmcs .wh-tabs a:hover{background:#655ce9!important;color:#fff!important;}
  .theme-whmcs .wh-view-all{font-size:12px!important;margin-left:5px!important;white-space:nowrap!important;}
}

@media (min-width:901px) and (max-width:1200px){
  .theme-whmcs .wh-popular>.container,
  .theme-whmcs .wh-home-products>.container,
  .theme-whmcs .wh-related-products-v115>.container,
  .theme-whmcs .tz-section>.container,
  .theme-whmcs .wh-shop-layout-v21,
  .theme-whmcs .tz-category-layout-exact{width:calc(100% - 24px)!important;}
  .theme-whmcs .tz-products-grid,
  .theme-whmcs .wh-popular .tz-products-grid,
  .theme-whmcs .tz-category-main-exact .tz-products-grid,
  .theme-whmcs .wh-shop-main-v21 .tz-products-grid,
  .theme-whmcs .wh-related-products-v115 .tz-products-grid,
  .theme-whmcs .related-products .tz-products-grid{gap:12px!important;}
  .theme-whmcs .tz-product-card{height:420px!important;min-height:420px!important;max-height:420px!important;}
  .theme-whmcs .tz-product-image,.theme-whmcs .wh-popular .tz-product-image{height:235px!important;min-height:235px!important;max-height:235px!important;flex-basis:235px!important;}
  .theme-whmcs .tz-product-card .product-body{height:185px!important;min-height:185px!important;max-height:185px!important;flex-basis:185px!important;padding:11px!important;}
}

/* ============================================================
   V123 — FINAL TZ PRODUCT CARD CORRECTION
   The older V92 reference rules were using desktop-scale values
   (29px category, 25px tags, 37px price, etc.) and were overriding
   the compact four-column card. This final block intentionally
   wins the cascade and restores the supplied TZ-style proportions.
   ============================================================ */
@media (min-width:901px){
  .theme-whmcs .wh-popular>.container,
  .theme-whmcs .wh-home-products>.container,
  .theme-whmcs .wh-related-products-v115>.container,
  .theme-whmcs .tz-section>.container,
  .theme-whmcs .wh-shop-layout-v21,
  .theme-whmcs .tz-category-layout-exact{
    width:calc(100% - 32px)!important;
    max-width:1500px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  .theme-whmcs .tz-products-grid,
  .theme-whmcs .wh-popular .tz-products-grid,
  .theme-whmcs .tz-category-main-exact .tz-products-grid,
  .theme-whmcs .wh-shop-main-v21 .tz-products-grid,
  .theme-whmcs .wh-related-products-v115 .tz-products-grid,
  .theme-whmcs .related-products .tz-products-grid{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:18px!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    align-items:stretch!important;
  }

  .theme-whmcs .tz-product-card,
  .theme-whmcs .wh-popular .tz-product-card,
  .theme-whmcs .tz-category-main-exact .tz-product-card,
  .theme-whmcs .wh-shop-main-v21 .tz-product-card{
    width:100%!important;
    max-width:none!important;
    height:465px!important;
    min-height:465px!important;
    max-height:465px!important;
    margin:0!important;
    display:flex!important;
    flex-direction:column!important;
    border:1px solid #e3e6ef!important;
    border-radius:16px!important;
    background:#fff!important;
    overflow:hidden!important;
    box-shadow:0 5px 16px rgba(28,35,70,.08)!important;
  }

  .theme-whmcs .tz-product-image,
  .theme-whmcs .wh-popular .tz-product-image{
    width:100%!important;
    height:250px!important;
    min-height:250px!important;
    max-height:250px!important;
    flex:0 0 250px!important;
    aspect-ratio:auto!important;
    background:#f3efff!important;
    overflow:hidden!important;
    position:relative!important;
  }

  .theme-whmcs .tz-product-image img,
  .theme-whmcs .wh-popular .tz-product-image img{
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    object-fit:cover!important;
    object-position:center!important;
    display:block!important;
  }

  .theme-whmcs .tz-product-badge{
    left:10px!important;
    top:10px!important;
    min-width:0!important;
    width:auto!important;
    height:auto!important;
    padding:5px 9px!important;
    border-radius:7px!important;
    font-size:10px!important;
    line-height:1!important;
    font-weight:800!important;
  }

  .theme-whmcs .tz-heart{
    right:12px!important;
    top:12px!important;
    width:52px!important;
    height:52px!important;
    font-size:29px!important;
    border-radius:50%!important;
    box-shadow:0 3px 10px rgba(16,24,40,.12)!important;
  }

  .theme-whmcs .tz-product-card .product-body{
    width:100%!important;
    height:215px!important;
    min-height:215px!important;
    max-height:215px!important;
    flex:0 0 215px!important;
    display:flex!important;
    flex-direction:column!important;
    padding:12px 14px 13px!important;
    background:#fff!important;
    overflow:hidden!important;
  }

  .theme-whmcs .tz-product-card .tz-verified{
    width:100%!important;
    height:28px!important;
    min-height:28px!important;
    max-height:28px!important;
    flex:0 0 28px!important;
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    color:#35a86f!important;
    font-size:12px!important;
    line-height:1!important;
    font-weight:700!important;
  }

  .theme-whmcs .tz-product-card .tz-verified>span:first-child{
    width:27px!important;
    height:27px!important;
    min-width:27px!important;
    flex:0 0 27px!important;
    border-radius:9px!important;
    display:grid!important;
    place-items:center!important;
    background:#ddf8e9!important;
    color:#18ad68!important;
    font-size:18px!important;
  }

  .theme-whmcs .tz-product-card .tz-card-stars{
    margin-left:auto!important;
    color:#f5c518!important;
    font-size:13px!important;
    letter-spacing:0!important;
    white-space:nowrap!important;
  }

  .theme-whmcs .tz-product-card h3,
  .theme-whmcs .tz-product-card h3 a{
    display:block!important;
    visibility:visible!important;
    width:100%!important;
    height:21px!important;
    min-height:21px!important;
    max-height:21px!important;
    margin:8px 0 4px!important;
    padding:0!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
    color:#172033!important;
    font-size:15px!important;
    line-height:21px!important;
    font-weight:700!important;
    letter-spacing:0!important;
  }

  .theme-whmcs .tz-product-card .tz-card-category{
    display:block!important;
    visibility:visible!important;
    width:100%!important;
    height:20px!important;
    min-height:20px!important;
    max-height:20px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
    color:#667085!important;
    font-size:12px!important;
    line-height:20px!important;
    font-weight:400!important;
  }

  .theme-whmcs .tz-product-card .tz-product-card-label,
  .theme-whmcs .tz-product-card .tz-card-description{
    display:none!important;
  }

  .theme-whmcs .tz-product-card .tz-tags{
    width:100%!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    margin:8px 0 0!important;
    padding:0!important;
    display:flex!important;
    align-items:flex-start!important;
    flex-wrap:nowrap!important;
    gap:7px!important;
    overflow:hidden!important;
  }

  .theme-whmcs .tz-product-card .tz-tags span{
    flex:0 0 auto!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    height:30px!important;
    min-height:30px!important;
    padding:0 12px!important;
    border-radius:17px!important;
    background:#f1efff!important;
    color:#6a63c8!important;
    font-size:11px!important;
    line-height:30px!important;
    font-weight:500!important;
    white-space:nowrap!important;
  }

  .theme-whmcs .tz-product-card .tz-card-bottom{
    width:100%!important;
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    margin-top:auto!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
  }

  .theme-whmcs .tz-product-card .price{
    color:#5c55dc!important;
    font-size:17px!important;
    line-height:20px!important;
    font-weight:800!important;
    white-space:nowrap!important;
  }

  .theme-whmcs .tz-product-card .old,
  .theme-whmcs .tz-product-card del{
    display:block!important;
    margin:2px 0 0!important;
    color:#98a2b3!important;
    font-size:9px!important;
    line-height:12px!important;
    font-weight:500!important;
  }

  .theme-whmcs .tz-card-actions{
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    flex:0 0 auto!important;
  }

  .theme-whmcs .tz-preview{
    height:38px!important;
    min-height:38px!important;
    padding:0 15px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:20px!important;
    background:#f0efff!important;
    color:#6961df!important;
    font-size:10px!important;
    line-height:1!important;
    font-weight:700!important;
    white-space:nowrap!important;
  }

  .theme-whmcs .tz-cart-circle{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    flex:0 0 38px!important;
    border-radius:50%!important;
    background:#665df1!important;
    color:#fff!important;
    display:grid!important;
    place-items:center!important;
    font-size:16px!important;
  }
}

@media (min-width:901px) and (max-width:1200px){
  .theme-whmcs .wh-popular>.container,
  .theme-whmcs .wh-home-products>.container,
  .theme-whmcs .wh-related-products-v115>.container,
  .theme-whmcs .tz-section>.container,
  .theme-whmcs .wh-shop-layout-v21,
  .theme-whmcs .tz-category-layout-exact{
    width:calc(100% - 24px)!important;
  }
  .theme-whmcs .tz-products-grid,
  .theme-whmcs .wh-popular .tz-products-grid,
  .theme-whmcs .tz-category-main-exact .tz-products-grid,
  .theme-whmcs .wh-shop-main-v21 .tz-products-grid,
  .theme-whmcs .wh-related-products-v115 .tz-products-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:12px!important;
  }
  .theme-whmcs .tz-product-card{height:430px!important;min-height:430px!important;max-height:430px!important;}
  .theme-whmcs .tz-product-image,.theme-whmcs .wh-popular .tz-product-image{height:225px!important;min-height:225px!important;max-height:225px!important;flex-basis:225px!important;}
  .theme-whmcs .tz-product-card .product-body{height:205px!important;min-height:205px!important;max-height:205px!important;flex-basis:205px!important;}
}

/* =========================================================
   V124 — DESKTOP MASTER UI
   Desktop is redesigned independently from mobile.
   Mobile/tablet styles above are intentionally untouched.
   ========================================================= */
@media (min-width: 901px){
  :root{
    --desktop-max: 1760px;
    --desktop-gutter: 32px;
    --desktop-purple:#6657e8;
    --desktop-purple-dark:#5042d2;
    --desktop-ink:#172033;
    --desktop-muted:#667085;
    --desktop-line:#e9ebf2;
  }

  body.theme-whmcs{background:#fff!important;color:var(--desktop-ink)!important;overflow-x:hidden!important;}
  body.theme-whmcs main{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;}
  body.theme-whmcs .container{width:calc(100% - (var(--desktop-gutter) * 2))!important;max-width:var(--desktop-max)!important;margin-left:auto!important;margin-right:auto!important;}

  /* ---------- Header ---------- */
  .theme-whmcs .tz-header-exact{position:sticky!important;top:0!important;width:100%!important;background:rgba(255,255,255,.98)!important;border-bottom:1px solid #edf0f5!important;box-shadow:0 3px 18px rgba(25,32,60,.06)!important;z-index:100000!important;}
  .theme-whmcs .tz-headrow{
    width:calc(100% - 64px)!important;max-width:var(--desktop-max)!important;height:82px!important;min-height:82px!important;
    display:grid!important;grid-template-columns:190px minmax(420px,1fr) 270px auto!important;gap:26px!important;
    align-items:center!important;padding:0!important;margin:0 auto!important;
  }
  .theme-whmcs .tz-brand{width:190px!important;min-width:190px!important;display:flex!important;align-items:center!important;}
  .theme-whmcs .tz-brand .store-logo{width:178px!important;height:52px!important;object-fit:contain!important;object-position:left center!important;}
  .theme-whmcs .tz-brand:after{display:none!important;}
  .theme-whmcs .tz-mainnav{display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;min-width:0!important;overflow:visible!important;white-space:nowrap!important;}
  .theme-whmcs .tz-mainnav>a,.theme-whmcs .tz-nav-dropdown-trigger{
    display:inline-flex!important;align-items:center!important;gap:5px!important;height:42px!important;padding:0 14px!important;
    border-radius:10px!important;color:#273149!important;font-size:13px!important;font-weight:750!important;white-space:nowrap!important;
  }
  .theme-whmcs .tz-mainnav>a:hover,.theme-whmcs .tz-nav-dropdown-trigger:hover{background:#f2f0ff!important;color:var(--desktop-purple)!important;}
  .theme-whmcs .tz-mainnav>a:first-child{background:#f1efff!important;color:var(--desktop-purple)!important;}
  .theme-whmcs .tz-nav-dropdown{position:relative!important;display:flex!important;align-items:center!important;height:82px!important;}
  .theme-whmcs .tz-nav-dropdown-menu{
    top:74px!important;left:50%!important;transform:translateX(-50%) translateY(8px)!important;width:270px!important;
    background:#fff!important;border:1px solid #e6e8f0!important;border-radius:14px!important;box-shadow:0 20px 45px rgba(28,35,70,.16)!important;
    padding:10px!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:.16s ease!important;z-index:100010!important;
  }
  .theme-whmcs .tz-nav-dropdown:hover .tz-nav-dropdown-menu,.theme-whmcs .tz-nav-dropdown:focus-within .tz-nav-dropdown-menu{
    opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateX(-50%) translateY(0)!important;
  }
  .theme-whmcs .tz-nav-dropdown-menu a{display:flex!important;align-items:center!important;min-height:40px!important;padding:9px 11px!important;border-radius:9px!important;color:#344054!important;font-size:13px!important;font-weight:650!important;}
  .theme-whmcs .tz-nav-dropdown-menu a:hover{background:#f5f3ff!important;color:var(--desktop-purple)!important;}
  .theme-whmcs .tz-nav-dropdown-title{padding:8px 11px 7px!important;color:#98a2b3!important;font-size:10px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.08em!important;}
  .theme-whmcs .tz-search{width:270px!important;height:44px!important;margin:0!important;border:1px solid #e1e5ed!important;border-radius:12px!important;background:#f8f9fc!important;display:flex!important;overflow:hidden!important;}
  .theme-whmcs .tz-search input{height:100%!important;padding:0 13px!important;font-size:12px!important;background:transparent!important;}
  .theme-whmcs .tz-search button{width:44px!important;background:transparent!important;color:#172033!important;font-size:19px!important;}
  .theme-whmcs .tz-icons{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;min-width:max-content!important;}
  .theme-whmcs .tz-icons>a.wh-cart,.theme-whmcs .tz-account-trigger,.theme-whmcs .tz-login-icon{
    width:42px!important;height:42px!important;display:grid!important;place-items:center!important;border-radius:11px!important;
    color:#172033!important;font-size:21px!important;background:transparent!important;border:0!important;
  }
  .theme-whmcs .tz-icons>a.wh-cart:hover,.theme-whmcs .tz-account-trigger:hover,.theme-whmcs .tz-login-icon:hover{background:#f3f1ff!important;color:var(--desktop-purple)!important;}
  .theme-whmcs .tz-auth-links{display:flex!important;align-items:center!important;gap:8px!important;margin-left:4px!important;white-space:nowrap!important;}
  .theme-whmcs .tz-auth-links a{height:40px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0 15px!important;border-radius:10px!important;font-size:12px!important;font-weight:800!important;position:static!important;transform:none!important;}
  .theme-whmcs .tz-login-link{border:1px solid #d9d8f8!important;color:var(--desktop-purple)!important;background:#fff!important;}
  .theme-whmcs .tz-register-link{background:linear-gradient(135deg,#6257e9,#7a46e9)!important;color:#fff!important;box-shadow:0 8px 18px rgba(101,84,232,.18)!important;}
  .theme-whmcs .tz-menu-btn{display:none!important;}

  /* ---------- Universal page canvas ---------- */
  .theme-whmcs .page,.theme-whmcs .section,.theme-whmcs .tz-section,.theme-whmcs .wh-popular,.theme-whmcs .wh-home-products,.theme-whmcs .wh-related-products-v115{width:100%!important;max-width:none!important;margin:0!important;}
  .theme-whmcs .page>.container,.theme-whmcs .section>.container,.theme-whmcs .tz-section>.container,.theme-whmcs .wh-popular>.container,.theme-whmcs .wh-home-products>.container,.theme-whmcs .wh-related-products-v115>.container{width:calc(100% - 64px)!important;max-width:var(--desktop-max)!important;margin-left:auto!important;margin-right:auto!important;}
  .theme-whmcs .breadcrumb{margin:24px 0 18px!important;font-size:12px!important;color:#8b93a5!important;}
  .theme-whmcs .page-head{width:calc(100% - 64px)!important;max-width:var(--desktop-max)!important;margin:28px auto 20px!important;}
  .theme-whmcs .page-head h1{font-size:34px!important;line-height:1.15!important;margin:4px 0 8px!important;letter-spacing:-.02em!important;}
  .theme-whmcs .page-head p{font-size:14px!important;color:var(--desktop-muted)!important;}

  /* ---------- Home / hero ---------- */
  .theme-whmcs .wh-hero-rct{width:100%!important;min-height:610px!important;background:#060622!important;overflow:hidden!important;}
  .theme-whmcs .wh-rct-inner{width:calc(100% - 64px)!important;max-width:var(--desktop-max)!important;min-height:610px!important;margin:0 auto!important;grid-template-columns:minmax(0,1fr) minmax(540px,.98fr)!important;gap:48px!important;align-items:center!important;}
  .theme-whmcs .wh-rct-copy{padding:70px 0!important;max-width:760px!important;}
  .theme-whmcs .wh-rct-copy h1{font-size:clamp(52px,4.1vw,76px)!important;line-height:1.02!important;letter-spacing:-.035em!important;margin:15px 0 18px!important;}
  .theme-whmcs .wh-rct-copy p{font-size:17px!important;line-height:1.7!important;max-width:650px!important;}
  .theme-whmcs .wh-rct-art{width:100%!important;min-height:560px!important;display:flex!important;align-items:center!important;justify-content:center!important;}
  .theme-whmcs .wh-home-products,.theme-whmcs .wh-popular{background:#fff!important;}
  .theme-whmcs .wh-section-head{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:20px!important;margin-bottom:20px!important;}
  .theme-whmcs .wh-section-head h2{font-size:30px!important;line-height:1.15!important;margin:3px 0 5px!important;letter-spacing:-.02em!important;}
  .theme-whmcs .wh-section-head p{font-size:13px!important;color:#8a92a3!important;margin:0!important;}
  .theme-whmcs .wh-tabs{margin-left:auto!important;border:1px solid #e7e8ef!important;box-shadow:0 4px 15px rgba(30,35,70,.05)!important;}
  .theme-whmcs .wh-tabs a{font-size:11px!important;padding:10px 14px!important;}

  /* ---------- Universal 4-card product system ---------- */
  .theme-whmcs .tz-products-grid,.theme-whmcs .wh-popular .tz-products-grid,.theme-whmcs .tz-category-main-exact .tz-products-grid,.theme-whmcs .wh-shop-main-v21 .tz-products-grid,.theme-whmcs .wh-related-products-v115 .tz-products-grid,.theme-whmcs .related-products .tz-products-grid,.theme-whmcs .wh-related-grid-v115{
    display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:22px!important;width:100%!important;max-width:none!important;margin:0!important;align-items:stretch!important;
  }
  .theme-whmcs .tz-product-card,.theme-whmcs .wh-popular .tz-product-card,.theme-whmcs .tz-category-main-exact .tz-product-card,.theme-whmcs .wh-shop-main-v21 .tz-product-card{
    width:100%!important;min-width:0!important;max-width:none!important;height:500px!important;min-height:500px!important;max-height:500px!important;
    display:flex!important;flex-direction:column!important;overflow:hidden!important;border:1px solid #e4e7ee!important;border-radius:15px!important;background:#fff!important;
    box-shadow:0 5px 18px rgba(24,32,58,.07)!important;transition:transform .18s ease,box-shadow .18s ease!important;
  }
  .theme-whmcs .tz-product-card:hover{transform:translateY(-3px)!important;box-shadow:0 16px 34px rgba(24,32,58,.12)!important;}
  .theme-whmcs .tz-product-image,.theme-whmcs .wh-popular .tz-product-image{width:100%!important;height:270px!important;min-height:270px!important;max-height:270px!important;flex:0 0 270px!important;background:#f4f1ff!important;overflow:hidden!important;position:relative!important;}
  .theme-whmcs .tz-product-image img,.theme-whmcs .wh-popular .tz-product-image img{width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center!important;display:block!important;}
  .theme-whmcs .tz-heart{width:54px!important;height:54px!important;right:13px!important;top:13px!important;font-size:28px!important;background:#fff!important;border-radius:50%!important;box-shadow:0 4px 14px rgba(16,24,40,.13)!important;}
  .theme-whmcs .tz-product-badge{left:10px!important;top:10px!important;border-radius:7px!important;padding:6px 10px!important;font-size:10px!important;}
  .theme-whmcs .tz-product-card .product-body{height:230px!important;min-height:230px!important;max-height:230px!important;flex:0 0 230px!important;padding:14px 16px!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;background:#fff!important;}
  .theme-whmcs .tz-product-card .tz-verified{height:30px!important;min-height:30px!important;display:flex!important;align-items:center!important;gap:7px!important;font-size:12px!important;line-height:1!important;font-weight:700!important;color:#36a56f!important;}
  .theme-whmcs .tz-product-card .tz-verified>span:first-child{width:29px!important;height:29px!important;min-width:29px!important;border-radius:9px!important;font-size:18px!important;background:#ddf8e9!important;color:#18ad68!important;}
  .theme-whmcs .tz-card-stars{margin-left:auto!important;font-size:13px!important;color:#f5c518!important;white-space:nowrap!important;}
  .theme-whmcs .tz-product-card h3,.theme-whmcs .tz-product-card h3 a{height:22px!important;min-height:22px!important;max-height:22px!important;margin:9px 0 4px!important;font-size:15px!important;line-height:22px!important;font-weight:750!important;color:#182033!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .theme-whmcs .tz-card-category{height:20px!important;min-height:20px!important;font-size:12px!important;line-height:20px!important;color:#667085!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .theme-whmcs .tz-product-card-label,.theme-whmcs .tz-card-description{display:none!important;}
  .theme-whmcs .tz-tags{height:36px!important;min-height:36px!important;max-height:36px!important;margin:8px 0 0!important;display:flex!important;align-items:flex-start!important;flex-wrap:nowrap!important;gap:7px!important;overflow:hidden!important;}
  .theme-whmcs .tz-tags span{height:30px!important;padding:0 12px!important;display:inline-flex!important;align-items:center!important;border-radius:17px!important;background:#f0efff!important;color:#6a63c8!important;font-size:11px!important;line-height:30px!important;white-space:nowrap!important;}
  .theme-whmcs .tz-card-bottom{height:45px!important;min-height:45px!important;max-height:45px!important;margin-top:auto!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;}
  .theme-whmcs .tz-product-card .price{font-size:17px!important;line-height:20px!important;color:#5b54dc!important;font-weight:850!important;white-space:nowrap!important;}
  .theme-whmcs .tz-product-card .old,.theme-whmcs .tz-product-card del{display:block!important;margin:2px 0 0!important;font-size:9px!important;line-height:12px!important;color:#98a2b3!important;}
  .theme-whmcs .tz-card-actions{display:flex!important;align-items:center!important;gap:7px!important;flex:0 0 auto!important;}
  .theme-whmcs .tz-preview{height:38px!important;min-height:38px!important;padding:0 15px!important;border-radius:20px!important;background:#f0efff!important;color:#655de0!important;font-size:10px!important;font-weight:800!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;}
  .theme-whmcs .tz-cart-circle{width:38px!important;height:38px!important;min-width:38px!important;border-radius:50%!important;background:#665df1!important;color:#fff!important;font-size:16px!important;display:grid!important;place-items:center!important;}

  /* ---------- Category / shop ---------- */
  .theme-whmcs .wh-shop-layout-v21,.theme-whmcs .tz-category-layout-exact{width:calc(100% - 64px)!important;max-width:var(--desktop-max)!important;margin:0 auto!important;display:grid!important;grid-template-columns:255px minmax(0,1fr)!important;gap:28px!important;align-items:start!important;}
  .theme-whmcs .wh-shop-main-v21,.theme-whmcs .tz-category-main-exact{width:100%!important;min-width:0!important;max-width:none!important;}
  .theme-whmcs .wh-side-cat,.theme-whmcs .tz-category-sidebar-exact{border:1px solid #e6e8ef!important;border-radius:15px!important;background:#fff!important;box-shadow:0 5px 18px rgba(24,32,58,.05)!important;}
  .theme-whmcs .wh-filter-search-v21 input,.theme-whmcs .wh-filter-search-v21 select{height:44px!important;border-radius:10px!important;border:1px solid #dfe3eb!important;font-size:13px!important;}
  .theme-whmcs .wh-shop-head-v21 h1{font-size:34px!important;margin:0 0 8px!important;}

  /* ---------- Product detail ---------- */
  .theme-whmcs .wh-product-v21{width:calc(100% - 64px)!important;max-width:var(--desktop-max)!important;margin:0 auto!important;padding:28px 0 75px!important;}
  .theme-whmcs .wh-product-top-v21{width:100%!important;max-width:none!important;display:grid!important;grid-template-columns:minmax(0,1.03fr) minmax(460px,.97fr)!important;gap:55px!important;align-items:start!important;}
  .theme-whmcs .wh-product-gallery-v21,.theme-whmcs .wh-product-info-v21{width:100%!important;min-width:0!important;}
  .theme-whmcs .wh-main-image-v21{width:100%!important;height:600px!important;min-height:600px!important;border-radius:18px!important;overflow:hidden!important;background:#f4f1ff!important;border:1px solid #e6e8ef!important;}
  .theme-whmcs .wh-main-image-v21 img{width:100%!important;height:100%!important;object-fit:contain!important;}
  .theme-whmcs .wh-thumb-row-v21{width:100%!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin-top:12px!important;}
  .theme-whmcs .wh-thumb-v21{height:92px!important;width:100%!important;border-radius:10px!important;overflow:hidden!important;}
  .theme-whmcs .wh-product-info-v21{padding-top:10px!important;}
  .theme-whmcs .wh-product-info-v21 h1{font-size:42px!important;line-height:1.12!important;letter-spacing:-.025em!important;margin:10px 0 16px!important;color:#172033!important;}
  .theme-whmcs .wh-product-price-v21{font-size:34px!important;font-weight:850!important;color:#5c55dc!important;margin:14px 0!important;}
  .theme-whmcs .wh-product-meta-v21{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;}
  .theme-whmcs .wh-tags-v21{display:flex!important;flex-wrap:wrap!important;gap:8px!important;}
  .theme-whmcs .wh-feature-list-v21{margin-top:20px!important;}
  .theme-whmcs .wh-product-actions-v21{margin-top:26px!important;display:flex!important;gap:12px!important;}
  .theme-whmcs .wh-description-v21,.theme-whmcs .wh-reviews-v21{width:calc(100% - 64px)!important;max-width:var(--desktop-max)!important;margin:35px auto 0!important;}
  .theme-whmcs .wh-description-v21{font-size:15px!important;line-height:1.8!important;color:#475467!important;}

  /* ---------- Cart / checkout / generic forms ---------- */
  .theme-whmcs .cart-grid{width:calc(100% - 64px)!important;max-width:var(--desktop-max)!important;margin:28px auto 70px!important;grid-template-columns:minmax(0,1.65fr) 400px!important;gap:28px!important;}
  .theme-whmcs .cart-grid>.card,.theme-whmcs .checkout-layout>.card,.theme-whmcs .payment-layout>.card{border-radius:16px!important;border:1px solid #e6e8ef!important;box-shadow:0 7px 22px rgba(24,32,58,.05)!important;}
  .theme-whmcs .auth-page-v20{width:100%!important;min-height:calc(100vh - 82px)!important;padding:55px 0!important;display:grid!important;place-items:center!important;background:linear-gradient(180deg,#fbfaff 0%,#fff 100%)!important;}
  .theme-whmcs .auth-card-v20{width:520px!important;max-width:520px!important;border-radius:20px!important;border:1px solid #e5e7ef!important;box-shadow:0 20px 55px rgba(24,32,58,.10)!important;padding:34px!important;}

  /* ---------- Client area ---------- */
  .theme-whmcs .client-area-shell{width:calc(100% - 64px)!important;max-width:var(--desktop-max)!important;margin:28px auto 70px!important;display:grid!important;grid-template-columns:260px minmax(0,1fr)!important;gap:28px!important;align-items:start!important;}
  .theme-whmcs .client-sidebar{border:1px solid #e5e8ef!important;border-radius:16px!important;background:#fff!important;box-shadow:0 7px 22px rgba(24,32,58,.05)!important;}
  .theme-whmcs .client-main{width:100%!important;min-width:0!important;}
  .theme-whmcs .account-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;}
  .theme-whmcs .account-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important;}
  .theme-whmcs .account-hero{border-radius:18px!important;padding:30px 34px!important;}

  /* ---------- Footer ---------- */
  .theme-whmcs .tz-footer-exact{width:100%!important;margin-top:45px!important;background:#faf9ff!important;border-top:1px solid #e8e9f0!important;}
  .theme-whmcs .tz-footer-grid-exact{width:calc(100% - 64px)!important;max-width:var(--desktop-max)!important;margin:0 auto!important;grid-template-columns:1.15fr 1.15fr 1.2fr 1fr 1fr!important;gap:36px!important;padding:45px 0!important;}
  .theme-whmcs .tz-footer-grid-exact h4{font-size:16px!important;color:#252c42!important;margin:0 0 14px!important;}
  .theme-whmcs .tz-footer-list-exact a{font-size:13px!important;line-height:2!important;color:#667085!important;}
  .theme-whmcs .tz-footer-bottom-exact{border-top:1px solid #e8e9f0!important;background:#fff!important;}
  .theme-whmcs .tz-footer-bottom-exact>.container{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:56px!important;font-size:12px!important;color:#98a2b3!important;}
}

/* 901–1200px desktop/laptop: retain 4 cards while reducing gutters, not the mobile layout. */
@media (min-width:901px) and (max-width:1200px){
  body.theme-whmcs .container{width:calc(100% - 28px)!important;max-width:none!important;}
  .theme-whmcs .tz-headrow{width:calc(100% - 28px)!important;grid-template-columns:160px minmax(300px,1fr) 190px auto!important;gap:10px!important;}
  .theme-whmcs .tz-brand{width:160px!important;min-width:160px!important;}.theme-whmcs .tz-brand .store-logo{width:150px!important;height:44px!important;}
  .theme-whmcs .tz-mainnav{gap:1px!important;}.theme-whmcs .tz-mainnav>a,.theme-whmcs .tz-nav-dropdown-trigger{font-size:11px!important;padding:0 7px!important;}
  .theme-whmcs .tz-search{width:190px!important;}.theme-whmcs .tz-auth-links a{padding:0 9px!important;font-size:10px!important;}
  .theme-whmcs .wh-rct-inner{width:calc(100% - 28px)!important;grid-template-columns:minmax(0,1fr) minmax(420px,.95fr)!important;gap:25px!important;}
  .theme-whmcs .wh-rct-copy h1{font-size:52px!important;}.theme-whmcs .wh-product-v21,.theme-whmcs .cart-grid,.theme-whmcs .client-area-shell,.theme-whmcs .wh-description-v21,.theme-whmcs .wh-reviews-v21{width:calc(100% - 28px)!important;}
  .theme-whmcs .wh-main-image-v21{height:480px!important;min-height:480px!important;}
  .theme-whmcs .tz-product-image{height:225px!important;min-height:225px!important;max-height:225px!important;flex-basis:225px!important;}
  .theme-whmcs .tz-product-card{height:445px!important;min-height:445px!important;max-height:445px!important;}
  .theme-whmcs .tz-product-card .product-body{height:220px!important;min-height:220px!important;max-height:220px!important;flex-basis:220px!important;}
}

/* Admin desktop: independent polished canvas; mobile admin remains controlled by existing max-width rules. */
@media (min-width:901px){
  body.layout-admin{background:#f5f7fb!important;overflow-x:hidden!important;}
  body.layout-admin .adminbar{height:70px!important;padding:0 28px!important;background:#111a2c!important;box-shadow:0 4px 18px rgba(15,23,42,.12)!important;}
  body.layout-admin .adminwrap{grid-template-columns:255px minmax(0,1fr)!important;min-height:calc(100vh - 70px)!important;}
  body.layout-admin .sidebar{padding:20px 14px!important;background:#fff!important;border-right:1px solid #e6e9f0!important;}
  body.layout-admin .sidebar a{padding:12px 14px!important;border-radius:10px!important;font-size:13px!important;}
  body.layout-admin .adminmain{padding:30px!important;min-width:0!important;}
  body.layout-admin .adminmain>.card,body.layout-admin .adminmain>form>.card{border-radius:16px!important;border:1px solid #e5e8ef!important;box-shadow:0 7px 22px rgba(24,32,58,.05)!important;}
  body.layout-admin .statgrid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;}
  body.layout-admin .stat{border-radius:15px!important;padding:22px!important;box-shadow:0 5px 18px rgba(24,32,58,.05)!important;}
  body.layout-admin .adminmain h1{font-size:30px!important;letter-spacing:-.02em!important;}
  body.layout-admin .table{font-size:13px!important;}
  body.layout-admin .table th{background:#f8f9fc!important;font-weight:800!important;color:#475467!important;}
}

/* ================================================================
   V125 — TZ Store reference product-card system (desktop only)
   The supplied TZ reference is the source of truth for card geometry.
   Mobile styles are intentionally untouched.
   ================================================================ */
@media (min-width:901px){
  body.theme-whmcs .wh-popular,
  body.theme-whmcs .wh-home-products,
  body.theme-whmcs .wh-related-products-v115,
  body.theme-whmcs .related-products{
    width:100%!important;
  }

  body.theme-whmcs .wh-popular > .container,
  body.theme-whmcs .wh-home-products > .container,
  body.theme-whmcs .wh-related-products-v115 > .container,
  body.theme-whmcs .related-products > .container{
    width:calc(100% - 32px)!important;
    max-width:none!important;
    margin:0 auto!important;
    padding-left:0!important;
    padding-right:0!important;
  }

  body.theme-whmcs .tz-products-grid,
  body.theme-whmcs .wh-popular .tz-products-grid,
  body.theme-whmcs .wh-home-products .tz-products-grid,
  body.theme-whmcs .tz-category-main-exact .tz-products-grid,
  body.theme-whmcs .wh-shop-main-v21 .tz-products-grid,
  body.theme-whmcs .wh-related-products-v115 .tz-products-grid,
  body.theme-whmcs .related-products .tz-products-grid,
  body.theme-whmcs .wh-related-grid-v115{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:20px!important;
    align-items:stretch!important;
  }

  body.theme-whmcs .tz-product-card,
  body.theme-whmcs .wh-popular .tz-product-card,
  body.theme-whmcs .wh-home-products .tz-product-card,
  body.theme-whmcs .tz-category-main-exact .tz-product-card,
  body.theme-whmcs .wh-shop-main-v21 .tz-product-card,
  body.theme-whmcs .wh-related-products-v115 .tz-product-card,
  body.theme-whmcs .related-products .tz-product-card{
    width:100%!important;
    height:460px!important;
    min-height:460px!important;
    max-height:460px!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    border:1px solid #e3e5eb!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:0 3px 12px rgba(22,29,48,.08)!important;
    transform:none!important;
  }

  body.theme-whmcs .tz-product-image,
  body.theme-whmcs .wh-popular .tz-product-image,
  body.theme-whmcs .wh-home-products .tz-product-image{
    width:100%!important;
    height:265px!important;
    min-height:265px!important;
    max-height:265px!important;
    flex:0 0 265px!important;
    background:#f2efff!important;
    overflow:hidden!important;
  }

  body.theme-whmcs .tz-product-image img,
  body.theme-whmcs .wh-popular .tz-product-image img,
  body.theme-whmcs .wh-home-products .tz-product-image img{
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    object-fit:cover!important;
    object-position:center!important;
    display:block!important;
  }

  body.theme-whmcs .tz-product-card .product-body,
  body.theme-whmcs .wh-popular .tz-product-card .product-body,
  body.theme-whmcs .wh-home-products .tz-product-card .product-body{
    width:100%!important;
    height:195px!important;
    min-height:195px!important;
    max-height:195px!important;
    flex:0 0 195px!important;
    padding:14px 16px 13px!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    background:#fff!important;
  }

  body.theme-whmcs .tz-product-card .tz-verified{
    width:100%!important;
    height:30px!important;
    min-height:30px!important;
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    font-size:12px!important;
    line-height:1!important;
    font-weight:700!important;
    color:#36a56f!important;
  }

  body.theme-whmcs .tz-product-card .tz-verified>span:first-child{
    width:29px!important;
    height:29px!important;
    min-width:29px!important;
    border-radius:9px!important;
    display:grid!important;
    place-items:center!important;
    background:#ddf8e9!important;
    color:#18ad68!important;
    font-size:18px!important;
  }

  body.theme-whmcs .tz-product-card .tz-card-stars{
    margin-left:auto!important;
    font-size:13px!important;
    letter-spacing:0!important;
    color:#f5c518!important;
    white-space:nowrap!important;
  }

  body.theme-whmcs .tz-product-card h3,
  body.theme-whmcs .tz-product-card h3 a{
    display:block!important;
    width:100%!important;
    height:22px!important;
    min-height:22px!important;
    max-height:22px!important;
    margin:8px 0 2px!important;
    padding:0!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
    color:#172033!important;
    font-size:15px!important;
    line-height:22px!important;
    font-weight:750!important;
  }

  body.theme-whmcs .tz-product-card .tz-card-category{
    display:block!important;
    width:100%!important;
    height:20px!important;
    min-height:20px!important;
    max-height:20px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
    color:#667085!important;
    font-size:12px!important;
    line-height:20px!important;
  }

  body.theme-whmcs .tz-product-card .tz-product-card-label,
  body.theme-whmcs .tz-product-card .tz-card-description{
    display:none!important;
  }

  body.theme-whmcs .tz-product-card .tz-tags{
    width:100%!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    margin:8px 0 0!important;
    padding:0!important;
    display:flex!important;
    align-items:flex-start!important;
    flex-wrap:nowrap!important;
    gap:7px!important;
    overflow:hidden!important;
  }

  body.theme-whmcs .tz-product-card .tz-tags span{
    flex:0 0 auto!important;
    height:30px!important;
    min-height:30px!important;
    padding:0 12px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:17px!important;
    background:#f1efff!important;
    color:#6a63c8!important;
    font-size:11px!important;
    line-height:30px!important;
    font-weight:500!important;
    white-space:nowrap!important;
  }

  body.theme-whmcs .tz-product-card .tz-card-bottom{
    width:100%!important;
    height:45px!important;
    min-height:45px!important;
    max-height:45px!important;
    margin-top:auto!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
  }

  body.theme-whmcs .tz-product-card .price{
    flex:0 0 auto!important;
    color:#5c55dc!important;
    font-size:17px!important;
    line-height:20px!important;
    font-weight:850!important;
    white-space:nowrap!important;
  }

  body.theme-whmcs .tz-product-card .old,
  body.theme-whmcs .tz-product-card del{
    display:block!important;
    margin:2px 0 0!important;
    color:#98a2b3!important;
    font-size:9px!important;
    line-height:12px!important;
    font-weight:500!important;
  }

  body.theme-whmcs .tz-card-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:7px!important;
    flex:0 0 auto!important;
    min-width:0!important;
  }

  body.theme-whmcs .tz-preview{
    height:40px!important;
    min-height:40px!important;
    padding:0 22px!important;
    border-radius:22px!important;
    background:#f0efff!important;
    color:#655de0!important;
    font-size:10px!important;
    font-weight:800!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    white-space:nowrap!important;
  }

  body.theme-whmcs .tz-cart-circle{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    border-radius:50%!important;
    background:#665df1!important;
    color:#fff!important;
    display:grid!important;
    place-items:center!important;
  }

  body.theme-whmcs .tz-heart{
    width:54px!important;
    height:54px!important;
    min-width:54px!important;
    right:12px!important;
    top:12px!important;
    border-radius:50%!important;
    background:#fff!important;
    box-shadow:0 3px 12px rgba(16,24,40,.12)!important;
    font-size:28px!important;
  }
}

/* ================================================================
   V126 — Free canvas / remove large white page containers (desktop)
   Product cards, form cards and navigation remain white; only the
   large page/section canvases are made transparent so content floats
   naturally across the full desktop width. Mobile is untouched.
   ================================================================ */
@media (min-width:901px){
  body.theme-whmcs{
    background:#f7f8fc!important;
  }
  body.theme-whmcs main,
  body.theme-whmcs main>.container,
  body.theme-whmcs .page,
  body.theme-whmcs .section,
  body.theme-whmcs .wh-popular,
  body.theme-whmcs .wh-home-products,
  body.theme-whmcs .wh-related-products-v115,
  body.theme-whmcs .related-products,
  body.theme-whmcs .wh-shop-v21,
  body.theme-whmcs .tz-category-page-exact,
  body.theme-whmcs .wh-product-v21,
  body.theme-whmcs .wh-description-v21,
  body.theme-whmcs .wh-reviews-v21{
    background:transparent!important;
  }

  /* Keep the product marketplace itself free of a giant white panel. */
  body.theme-whmcs .wh-popular>.container,
  body.theme-whmcs .wh-home-products>.container,
  body.theme-whmcs .wh-related-products-v115>.container,
  body.theme-whmcs .related-products>.container{
    background:transparent!important;
  }

  /* Same treatment for shop/category/product-detail page shells. */
  body.theme-whmcs .wh-shop-layout-v21,
  body.theme-whmcs .tz-category-layout-exact,
  body.theme-whmcs .wh-product-top-v21,
  body.theme-whmcs .wh-product-gallery-v21,
  body.theme-whmcs .wh-product-info-v21{
    background:transparent!important;
  }

  /* Do not turn actual UI cards white/transparent: they remain distinct. */
  body.theme-whmcs .card,
  body.theme-whmcs .tz-product-card,
  body.theme-whmcs .wh-side-cat,
  body.theme-whmcs .tz-category-sidebar-exact,
  body.theme-whmcs .tz-filter-card-exact,
  body.theme-whmcs .auth-card-v20,
  body.theme-whmcs .client-sidebar,
  body.theme-whmcs .account-hero,
  body.theme-whmcs .account-stats .stat,
  body.theme-whmcs .cart-grid>.card,
  body.theme-whmcs .checkout-layout>.card,
  body.theme-whmcs .payment-layout>.card{
    background:#fff!important;
  }
}

/* ================================================================
   V127 — Exact reference product card geometry (desktop)
   Based on supplied 120005.png reference. Mobile is untouched.
   ================================================================ */
@media (min-width:901px){
  body.theme-whmcs .tz-products-grid,
  body.theme-whmcs .wh-popular .tz-products-grid,
  body.theme-whmcs .wh-home-products .tz-products-grid,
  body.theme-whmcs .tz-category-main-exact .tz-products-grid,
  body.theme-whmcs .wh-shop-main-v21 .tz-products-grid,
  body.theme-whmcs .wh-related-products-v115 .tz-products-grid,
  body.theme-whmcs .related-products .tz-products-grid,
  body.theme-whmcs .wh-related-grid-v115{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:18px!important;
    align-items:stretch!important;
  }

  body.theme-whmcs .tz-product-card,
  body.theme-whmcs .wh-popular .tz-product-card,
  body.theme-whmcs .wh-home-products .tz-product-card,
  body.theme-whmcs .tz-category-main-exact .tz-product-card,
  body.theme-whmcs .wh-shop-main-v21 .tz-product-card,
  body.theme-whmcs .wh-related-products-v115 .tz-product-card,
  body.theme-whmcs .related-products .tz-product-card{
    height:440px!important;
    min-height:440px!important;
    max-height:440px!important;
    border-radius:18px!important;
    border:1px solid #e8e5f4!important;
    background:#fff!important;
    box-shadow:0 5px 18px rgba(35,31,70,.08)!important;
    overflow:hidden!important;
  }

  /* Reference: image is an almost 4:3/16:10 area and must never crop the artwork. */
  body.theme-whmcs .tz-product-image,
  body.theme-whmcs .wh-popular .tz-product-image,
  body.theme-whmcs .wh-home-products .tz-product-image{
    height:220px!important;
    min-height:220px!important;
    max-height:220px!important;
    flex:0 0 220px!important;
    padding:18px 18px 0!important;
    background:#f3efff!important;
    overflow:hidden!important;
  }

  body.theme-whmcs .tz-product-image a{
    display:block!important;
    width:100%!important;
    height:100%!important;
    overflow:hidden!important;
    border-radius:15px 15px 0 0!important;
  }

  body.theme-whmcs .tz-product-image img,
  body.theme-whmcs .wh-popular .tz-product-image img,
  body.theme-whmcs .wh-home-products .tz-product-image img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
    display:block!important;
    background:transparent!important;
  }

  body.theme-whmcs .tz-product-card .product-body,
  body.theme-whmcs .wh-popular .tz-product-card .product-body,
  body.theme-whmcs .wh-home-products .tz-product-card .product-body{
    height:220px!important;
    min-height:220px!important;
    max-height:220px!important;
    flex:0 0 220px!important;
    padding:15px 16px 13px!important;
    overflow:hidden!important;
    background:#fff!important;
  }

  body.theme-whmcs .tz-product-card .tz-verified{
    height:30px!important;
    min-height:30px!important;
    font-size:12px!important;
    line-height:30px!important;
    font-weight:750!important;
  }
  body.theme-whmcs .tz-product-card .tz-verified>span:first-child{
    width:30px!important;height:30px!important;min-width:30px!important;border-radius:9px!important;font-size:18px!important;
  }
  body.theme-whmcs .tz-product-card .tz-card-stars{font-size:13px!important;}

  body.theme-whmcs .tz-product-card h3,
  body.theme-whmcs .tz-product-card h3 a{
    height:24px!important;min-height:24px!important;max-height:24px!important;
    margin:8px 0 1px!important;
    font-size:16px!important;line-height:24px!important;font-weight:800!important;
  }
  body.theme-whmcs .tz-product-card .tz-card-category{
    height:21px!important;min-height:21px!important;max-height:21px!important;
    font-size:12px!important;line-height:21px!important;color:#667085!important;
  }

  body.theme-whmcs .tz-product-card .tz-product-card-label,
  body.theme-whmcs .tz-product-card .tz-card-description{display:none!important;}

  body.theme-whmcs .tz-product-card .tz-tags{
    height:35px!important;min-height:35px!important;max-height:35px!important;
    margin:9px 0 0!important;gap:7px!important;
  }
  body.theme-whmcs .tz-product-card .tz-tags span{
    height:32px!important;min-height:32px!important;
    padding:0 13px!important;border-radius:17px!important;
    font-size:11px!important;line-height:32px!important;
  }

  body.theme-whmcs .tz-product-card .tz-card-bottom{
    height:47px!important;min-height:47px!important;max-height:47px!important;
    margin-top:auto!important;
  }
  body.theme-whmcs .tz-product-card .price{
    font-size:17px!important;line-height:20px!important;font-weight:850!important;
  }
  body.theme-whmcs .tz-product-card .old,
  body.theme-whmcs .tz-product-card del{font-size:9px!important;line-height:11px!important;}

  body.theme-whmcs .tz-preview{
    height:42px!important;min-height:42px!important;padding:0 24px!important;
    border-radius:23px!important;font-size:11px!important;font-weight:800!important;
  }
  body.theme-whmcs .tz-cart-circle{
    width:42px!important;height:42px!important;min-width:42px!important;border-radius:50%!important;
  }
  body.theme-whmcs .tz-heart{
    width:52px!important;height:52px!important;min-width:52px!important;
    right:14px!important;top:14px!important;font-size:27px!important;
  }
}


/* ================================================================
   V128 — Desktop product rendering correction
   - Preserve the supplied reference geometry.
   - Make image URLs route-safe via image_url() in PHP.
   - Never let a broken/empty image collapse the visual product area.
   - Mobile remains untouched.
   ================================================================ */
@media (min-width:901px){
  body.theme-whmcs .tz-products-grid,
  body.theme-whmcs .wh-popular .tz-products-grid,
  body.theme-whmcs .wh-home-products .tz-products-grid,
  body.theme-whmcs .tz-category-main-exact .tz-products-grid,
  body.theme-whmcs .wh-shop-main-v21 .tz-products-grid,
  body.theme-whmcs .wh-related-products-v115 .tz-products-grid,
  body.theme-whmcs .related-products .tz-products-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:18px!important;
    width:100%!important;
  }
  body.theme-whmcs .tz-product-card{
    height:470px!important;
    min-height:470px!important;
    max-height:470px!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    background:#fff!important;
    border:1px solid #e8e5f4!important;
    border-radius:18px!important;
    box-sizing:border-box!important;
  }
  body.theme-whmcs .tz-product-image{
    height:235px!important;
    min-height:235px!important;
    max-height:235px!important;
    flex:0 0 235px!important;
    padding:14px 14px 0!important;
    background:#f3efff!important;
    position:relative!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  body.theme-whmcs .tz-product-image a{
    width:100%!important;
    height:100%!important;
    display:block!important;
    border-radius:15px 15px 0 0!important;
    overflow:hidden!important;
  }
  body.theme-whmcs .tz-product-image img{
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    object-fit:contain!important;
    object-position:center!important;
    background:#f3efff!important;
  }
  body.theme-whmcs .tz-product-card .product-body{
    height:235px!important;
    min-height:235px!important;
    max-height:235px!important;
    flex:0 0 235px!important;
    box-sizing:border-box!important;
    padding:14px 16px 13px!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    background:#fff!important;
  }
  body.theme-whmcs .tz-product-card .tz-verified{flex:0 0 31px!important;height:31px!important;min-height:31px!important;font-size:12px!important;display:flex!important;align-items:center!important;gap:7px!important;color:#36a56f!important;font-weight:750!important;}
  body.theme-whmcs .tz-product-card .tz-verified>span:first-child{width:31px!important;height:31px!important;min-width:31px!important;display:grid!important;place-items:center!important;border-radius:9px!important;background:#ddf8e9!important;color:#18ad68!important;font-size:18px!important;}
  body.theme-whmcs .tz-product-card .tz-card-stars{margin-left:auto!important;font-size:13px!important;color:#f4c518!important;white-space:nowrap!important;}
  body.theme-whmcs .tz-product-card h3,
  body.theme-whmcs .tz-product-card h3 a{height:24px!important;min-height:24px!important;max-height:24px!important;margin:9px 0 2px!important;font-size:16px!important;line-height:24px!important;font-weight:800!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:#182033!important;}
  body.theme-whmcs .tz-product-card .tz-card-category{height:22px!important;min-height:22px!important;max-height:22px!important;font-size:13px!important;line-height:22px!important;color:#667085!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  body.theme-whmcs .tz-product-card .tz-product-card-label,
  body.theme-whmcs .tz-product-card .tz-card-description{display:none!important;}
  body.theme-whmcs .tz-product-card .tz-tags{height:38px!important;min-height:38px!important;max-height:38px!important;margin:9px 0 0!important;display:flex!important;align-items:flex-start!important;gap:7px!important;overflow:hidden!important;flex-wrap:nowrap!important;}
  body.theme-whmcs .tz-product-card .tz-tags span{height:32px!important;min-height:32px!important;padding:0 13px!important;border-radius:17px!important;font-size:11px!important;line-height:32px!important;white-space:nowrap!important;background:#f2efff!important;color:#7168c8!important;}
  body.theme-whmcs .tz-product-card .tz-card-bottom{height:48px!important;min-height:48px!important;max-height:48px!important;margin-top:auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;}
  body.theme-whmcs .tz-product-card .price{font-size:18px!important;line-height:21px!important;font-weight:850!important;color:#5b54dc!important;white-space:nowrap!important;}
  body.theme-whmcs .tz-product-card .old,
  body.theme-whmcs .tz-product-card del{font-size:9px!important;line-height:11px!important;color:#98a2b3!important;margin-left:4px!important;}
  body.theme-whmcs .tz-card-actions{display:flex!important;align-items:center!important;gap:7px!important;min-width:0!important;}
  body.theme-whmcs .tz-preview{height:42px!important;min-height:42px!important;padding:0 24px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:23px!important;font-size:11px!important;font-weight:800!important;background:#f0eeff!important;color:#655de4!important;white-space:nowrap!important;}
  body.theme-whmcs .tz-cart-circle{width:42px!important;height:42px!important;min-width:42px!important;display:grid!important;place-items:center!important;border-radius:50%!important;}
  body.theme-whmcs .tz-heart{width:52px!important;height:52px!important;min-width:52px!important;right:14px!important;top:14px!important;font-size:27px!important;z-index:5!important;}
}


/* ================================================================
   V131 — TZStore-aligned stable public design + image repair
   Reference: store.tzsmm.com public storefront structure.
   Keep the existing Zille Store markup/functionality; only tune the
   public WHMCS presentation and make product images reliably visible.
   Mobile rules are intentionally untouched.
   ================================================================ */
@media (min-width:901px){
  body.theme-whmcs{
    background:#fff!important;
    color:#182033!important;
  }

  /* TZStore-style desktop canvas */
  body.theme-whmcs .page>.container,
  body.theme-whmcs .section>.container,
  body.theme-whmcs .tz-section>.container,
  body.theme-whmcs .wh-popular>.container,
  body.theme-whmcs .wh-home-products>.container,
  body.theme-whmcs .wh-related-products-v115>.container{
    width:calc(100% - 56px)!important;
    max-width:1440px!important;
  }

  /* Product grid: clean, compact cards like the reference storefront */
  body.theme-whmcs .tz-products-grid,
  body.theme-whmcs .wh-popular .tz-products-grid,
  body.theme-whmcs .wh-home-products .tz-products-grid,
  body.theme-whmcs .tz-category-main-exact .tz-products-grid,
  body.theme-whmcs .wh-shop-main-v21 .tz-products-grid,
  body.theme-whmcs .wh-related-products-v115 .tz-products-grid,
  body.theme-whmcs .related-products .tz-products-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:20px!important;
  }

  body.theme-whmcs .tz-product-card,
  body.theme-whmcs .wh-popular .tz-product-card,
  body.theme-whmcs .wh-home-products .tz-product-card,
  body.theme-whmcs .tz-category-main-exact .tz-product-card,
  body.theme-whmcs .wh-shop-main-v21 .tz-product-card{
    height:450px!important;
    min-height:450px!important;
    max-height:450px!important;
    border:1px solid #e7e8ee!important;
    border-radius:16px!important;
    box-shadow:0 4px 16px rgba(18,24,40,.055)!important;
    background:#fff!important;
    transform:none!important;
  }
  body.theme-whmcs .tz-product-card:hover{
    transform:translateY(-2px)!important;
    box-shadow:0 12px 28px rgba(18,24,40,.09)!important;
  }

  /* IMPORTANT: do not crop product artwork. The live store images can be
     portrait, landscape or transparent PNG/SVG, so contain is required. */
  body.theme-whmcs .tz-product-image,
  body.theme-whmcs .wh-popular .tz-product-image,
  body.theme-whmcs .wh-home-products .tz-product-image{
    height:235px!important;
    min-height:235px!important;
    max-height:235px!important;
    flex:0 0 235px!important;
    padding:0!important;
    background:#f8f8fb!important;
    border-bottom:1px solid #f0f0f3!important;
    position:relative!important;
    overflow:hidden!important;
  }
  body.theme-whmcs .tz-product-image>a{
    width:100%!important;
    height:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
    background:#f8f8fb!important;
  }
  body.theme-whmcs .tz-product-image img,
  body.theme-whmcs .wh-popular .tz-product-image img,
  body.theme-whmcs .wh-home-products .tz-product-image img{
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    object-fit:contain!important;
    object-position:center!important;
    background:transparent!important;
  }

  body.theme-whmcs .tz-product-card .product-body{
    height:215px!important;
    min-height:215px!important;
    max-height:215px!important;
    flex:0 0 215px!important;
    padding:14px 15px 13px!important;
    background:#fff!important;
  }
  body.theme-whmcs .tz-product-card .tz-verified{
    height:29px!important;
    min-height:29px!important;
    font-size:11px!important;
    color:#35a46f!important;
  }
  body.theme-whmcs .tz-product-card .tz-verified>span:first-child{
    width:29px!important;height:29px!important;min-width:29px!important;
    border-radius:8px!important;
  }
  body.theme-whmcs .tz-product-card h3,
  body.theme-whmcs .tz-product-card h3 a{
    height:23px!important;min-height:23px!important;max-height:23px!important;
    margin:9px 0 3px!important;
    font-size:15px!important;line-height:23px!important;
    font-weight:750!important;
  }
  body.theme-whmcs .tz-product-card .tz-card-category{
    height:20px!important;min-height:20px!important;max-height:20px!important;
    font-size:12px!important;line-height:20px!important;
  }
  body.theme-whmcs .tz-product-card .tz-tags{
    height:34px!important;min-height:34px!important;max-height:34px!important;
    margin:8px 0 0!important;
  }
  body.theme-whmcs .tz-product-card .tz-tags span{
    height:29px!important;min-height:29px!important;
    padding:0 11px!important;border-radius:15px!important;
    font-size:10px!important;line-height:29px!important;
  }
  body.theme-whmcs .tz-product-card .tz-card-bottom{
    height:43px!important;min-height:43px!important;max-height:43px!important;
  }
  body.theme-whmcs .tz-product-card .price{
    font-size:17px!important;line-height:20px!important;
  }
  body.theme-whmcs .tz-preview{
    height:37px!important;min-height:37px!important;
    padding:0 15px!important;border-radius:19px!important;
    font-size:10px!important;font-weight:800!important;
  }
  body.theme-whmcs .tz-cart-circle{
    width:37px!important;height:37px!important;min-width:37px!important;
    border-radius:50%!important;
  }
  body.theme-whmcs .tz-heart{
    width:44px!important;height:44px!important;min-width:44px!important;
    right:12px!important;top:12px!important;font-size:23px!important;
  }

  /* Home section spacing closer to TZStore: heading + tabs above compact grid. */
  body.theme-whmcs .wh-home-products,
  body.theme-whmcs .wh-popular{
    background:#fff!important;
    padding-top:38px!important;
    padding-bottom:40px!important;
  }
  body.theme-whmcs .wh-section-head{
    margin-bottom:18px!important;
  }
  body.theme-whmcs .wh-section-head h2{
    font-size:29px!important;
    font-weight:800!important;
  }

  /* Shop/category keeps the same visual language. */
  body.theme-whmcs .wh-side-cat,
  body.theme-whmcs .tz-category-sidebar-exact{
    border:1px solid #e7e8ee!important;
    border-radius:14px!important;
    box-shadow:0 4px 16px rgba(18,24,40,.045)!important;
  }
  body.theme-whmcs .wh-shop-layout-v21,
  body.theme-whmcs .tz-category-layout-exact{
    width:calc(100% - 56px)!important;
    max-width:1440px!important;
    grid-template-columns:235px minmax(0,1fr)!important;
    gap:24px!important;
  }

  /* Product detail: large image without cropping. */
  body.theme-whmcs .wh-main-image-v21 img{
    object-fit:contain!important;
    background:#f8f8fb!important;
  }

  /* Footer stays light and spacious like the reference storefront. */
  body.theme-whmcs .tz-footer-exact{
    background:#fafaff!important;
    border-top:1px solid #ececf1!important;
  }
}

/* Repair local image URLs even if an old cached stylesheet/page is used. */
.tz-product-image img,
.product-img img{
  image-rendering:auto;
}


/* V132 image reliability repair: never let a failed product request leave a blank card. */
.tz-product-image img,.product-img img{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}
@media (min-width:901px){
  body.theme-whmcs .tz-product-image img,
  body.theme-whmcs .wh-popular .tz-product-image img,
  body.theme-whmcs .wh-home-products .tz-product-image img{
    object-fit:contain!important;
    object-position:center!important;
  }
}

/* ================================================================
   V133 — TZStore product-card parity + deterministic image fallback
   Keep the existing Zille Store functionality. This layer only fixes the
   public WHMCS product-card geometry and guarantees a visible image when a
   stale/missing upload path exists in the database.
   ================================================================ */
@media (min-width:901px){
  body.theme-whmcs .wh-home-products .tz-products-grid,
  body.theme-whmcs .wh-popular .tz-products-grid,
  body.theme-whmcs .tz-category-main-exact .tz-products-grid,
  body.theme-whmcs .wh-shop-main-v21 .tz-products-grid,
  body.theme-whmcs .wh-related-products-v115 .tz-products-grid,
  body.theme-whmcs .related-products .tz-products-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:20px!important;
  }

  /* Match the reference card proportions: large visual area + compact info. */
  body.theme-whmcs .tz-product-card{
    height:460px!important;
    min-height:460px!important;
    max-height:460px!important;
    border:1px solid #e5e7eb!important;
    border-radius:16px!important;
    overflow:hidden!important;
    background:#fff!important;
    box-shadow:0 3px 12px rgba(15,23,42,.055)!important;
  }

  body.theme-whmcs .tz-product-card .tz-product-image,
  body.theme-whmcs .wh-popular .tz-product-image,
  body.theme-whmcs .wh-home-products .tz-product-image{
    width:100%!important;
    height:265px!important;
    min-height:265px!important;
    max-height:265px!important;
    flex:0 0 265px!important;
    padding:0!important;
    background:#f7f7fb!important;
    border-bottom:1px solid #f0f1f4!important;
    overflow:hidden!important;
  }

  body.theme-whmcs .tz-product-card .tz-product-image>a{
    width:100%!important;
    height:100%!important;
    display:block!important;
    background:#f7f7fb!important;
  }

  body.theme-whmcs .tz-product-card .tz-product-image img,
  body.theme-whmcs .wh-popular .tz-product-image img,
  body.theme-whmcs .wh-home-products .tz-product-image img{
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    display:block!important;
    object-fit:cover!important;
    object-position:center!important;
    padding:0!important;
    margin:0!important;
  }

  body.theme-whmcs .tz-product-card .product-body{
    height:195px!important;
    min-height:195px!important;
    max-height:195px!important;
    padding:14px 14px 12px!important;
    background:#fff!important;
    overflow:hidden!important;
  }

  body.theme-whmcs .tz-product-card .tz-verified{
    height:29px!important;
    min-height:29px!important;
    font-size:11px!important;
  }
  body.theme-whmcs .tz-product-card .tz-verified>span:first-child{
    width:29px!important;height:29px!important;min-width:29px!important;
    border-radius:8px!important;font-size:16px!important;
  }
  body.theme-whmcs .tz-product-card .tz-card-stars{
    font-size:13px!important;
    color:#f1c21b!important;
  }
  body.theme-whmcs .tz-product-card h3,
  body.theme-whmcs .tz-product-card h3 a{
    margin:8px 0 2px!important;
    height:23px!important;min-height:23px!important;max-height:23px!important;
    font-size:15px!important;line-height:23px!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }
  body.theme-whmcs .tz-product-card .tz-card-category{
    height:20px!important;min-height:20px!important;max-height:20px!important;
    font-size:12px!important;line-height:20px!important;
  }
  body.theme-whmcs .tz-product-card .tz-tags{
    height:34px!important;min-height:34px!important;max-height:34px!important;
    margin:7px 0 0!important;gap:6px!important;overflow:hidden!important;
  }
  body.theme-whmcs .tz-product-card .tz-tags span{
    height:29px!important;min-height:29px!important;
    padding:0 10px!important;border-radius:15px!important;
    font-size:10px!important;line-height:29px!important;
  }
  body.theme-whmcs .tz-product-card .tz-card-bottom{
    height:42px!important;min-height:42px!important;max-height:42px!important;
    margin-top:4px!important;
  }
  body.theme-whmcs .tz-product-card .price{
    font-size:17px!important;line-height:20px!important;font-weight:850!important;
  }
  body.theme-whmcs .tz-product-card .tz-preview{
    height:36px!important;min-height:36px!important;
    padding:0 15px!important;border-radius:20px!important;
    font-size:10px!important;
  }
  body.theme-whmcs .tz-product-card .tz-cart-circle{
    width:36px!important;height:36px!important;min-width:36px!important;
    border-radius:50%!important;
  }
  body.theme-whmcs .tz-product-card .tz-heart{
    width:44px!important;height:44px!important;min-width:44px!important;
    top:10px!important;right:10px!important;font-size:23px!important;
  }
}

/* V134 — TZStore product card recreation from supplied storefront HTML/reference.
   Desktop only; mobile styles remain governed by the existing theme. */
@media (min-width: 768px){
  body.theme-whmcs{font-family:'Inter',Arial,sans-serif!important;background:#f9fafb!important;color:#1f2937!important;}
  body.theme-whmcs .wh-home-products .tz-products-grid,
  body.theme-whmcs .wh-popular .tz-products-grid,
  body.theme-whmcs .tz-category-main-exact .tz-products-grid,
  body.theme-whmcs .wh-shop-main-v21 .tz-products-grid,
  body.theme-whmcs .wh-related-products-v115 .tz-products-grid,
  body.theme-whmcs .related-products .tz-products-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:20px!important;
    align-items:stretch!important;
  }
  body.theme-whmcs .tz-product-card{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    height:460px!important;
    min-height:460px!important;
    max-height:460px!important;
    margin:0!important;
    overflow:hidden!important;
    background:#fff!important;
    border:1px solid #e5e7eb!important;
    border-radius:16px!important;
    box-shadow:0 2px 8px rgba(17,24,39,.08)!important;
    transition:transform .2s ease,box-shadow .2s ease!important;
  }
  body.theme-whmcs .tz-product-card:hover{
    transform:translateY(-2px)!important;
    box-shadow:0 8px 18px rgba(17,24,39,.12)!important;
  }
  body.theme-whmcs .tz-product-card .tz-product-image{
    position:relative!important;
    flex:0 0 265px!important;
    width:100%!important;
    height:265px!important;
    min-height:265px!important;
    max-height:265px!important;
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
    background:#f3f4f6!important;
    border:0!important;
  }
  body.theme-whmcs .tz-product-card .tz-product-image>a{
    display:block!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;
  }
  body.theme-whmcs .tz-product-card .tz-product-image img{
    display:block!important;width:100%!important;height:100%!important;max-width:none!important;
    margin:0!important;padding:0!important;border:0!important;
    object-fit:cover!important;object-position:center!important;
    background:#f3f4f6!important;
  }
  body.theme-whmcs .tz-product-card .tz-product-badge{
    position:absolute!important;left:10px!important;top:10px!important;z-index:5!important;
    display:flex!important;align-items:center!important;height:30px!important;padding:0 10px!important;
    border-radius:10px!important;background:#22c55e!important;color:#fff!important;
    font-size:12px!important;font-weight:600!important;line-height:30px!important;
    box-shadow:none!important;
  }
  body.theme-whmcs .tz-product-card .tz-heart{
    position:absolute!important;right:10px!important;top:10px!important;z-index:5!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    width:40px!important;height:40px!important;min-width:40px!important;
    border-radius:50%!important;background:#fff!important;color:#6b7280!important;
    border:1px solid #e5e7eb!important;font-size:23px!important;line-height:1!important;
    box-shadow:0 2px 6px rgba(17,24,39,.08)!important;text-decoration:none!important;
  }
  body.theme-whmcs .tz-product-card .product-body{
    flex:1 1 auto!important;height:195px!important;min-height:195px!important;max-height:195px!important;
    padding:14px 14px 12px!important;margin:0!important;background:#fff!important;overflow:hidden!important;
  }
  body.theme-whmcs .tz-product-card .tz-verified{
    display:flex!important;align-items:center!important;gap:7px!important;
    height:27px!important;min-height:27px!important;margin:0!important;
    color:#22a565!important;font-size:11px!important;font-weight:600!important;line-height:27px!important;
  }
  body.theme-whmcs .tz-product-card .tz-verified>span:first-child{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    width:27px!important;height:27px!important;min-width:27px!important;border-radius:8px!important;
    background:#dcfce7!important;color:#22a565!important;font-size:16px!important;font-weight:800!important;
  }
  body.theme-whmcs .tz-product-card .tz-review-count{color:#9ca3af!important;font-size:11px!important;font-weight:500!important;margin-left:1px!important;}
  body.theme-whmcs .tz-product-card .tz-card-stars{
    margin-left:auto!important;color:#f5c518!important;font-size:13px!important;letter-spacing:0!important;white-space:nowrap!important;
  }
  body.theme-whmcs .tz-product-card h3,
  body.theme-whmcs .tz-product-card h3 a{
    display:block!important;width:100%!important;height:23px!important;min-height:23px!important;max-height:23px!important;
    margin:9px 0 2px!important;padding:0!important;
    color:#374151!important;font-size:15px!important;font-weight:500!important;line-height:23px!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-decoration:none!important;
  }
  body.theme-whmcs .tz-product-card .tz-card-category{
    width:100%!important;height:20px!important;min-height:20px!important;max-height:20px!important;
    margin:0!important;color:#6b7280!important;font-size:12px!important;line-height:20px!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }
  body.theme-whmcs .tz-product-card .tz-product-card-label{display:none!important;}
  body.theme-whmcs .tz-product-card .tz-card-description{display:none!important;}
  body.theme-whmcs .tz-product-card .tz-tags{
    display:flex!important;align-items:center!important;gap:7px!important;
    width:100%!important;height:35px!important;min-height:35px!important;max-height:35px!important;
    margin:7px 0 0!important;padding:0!important;overflow:hidden!important;white-space:nowrap!important;
  }
  body.theme-whmcs .tz-product-card .tz-tags span{
    display:inline-flex!important;align-items:center!important;height:30px!important;min-height:30px!important;
    padding:0 10px!important;border-radius:999px!important;background:#f5f3ff!important;color:#8180c5!important;
    font-size:10px!important;font-weight:500!important;line-height:30px!important;white-space:nowrap!important;
  }
  body.theme-whmcs .tz-product-card .tz-card-bottom{
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    width:100%!important;height:43px!important;min-height:43px!important;max-height:43px!important;
    margin:4px 0 0!important;padding:0!important;
  }
  body.theme-whmcs .tz-product-card .price{
    display:flex!important;align-items:baseline!important;gap:6px!important;
    color:#6366f1!important;font-size:17px!important;font-weight:700!important;line-height:22px!important;white-space:nowrap!important;
  }
  body.theme-whmcs .tz-product-card .price .old{
    color:#9ca3af!important;font-size:11px!important;font-weight:400!important;text-decoration:line-through!important;
  }
  body.theme-whmcs .tz-product-card .tz-card-actions{display:flex!important;align-items:center!important;gap:7px!important;margin-left:auto!important;}
  body.theme-whmcs .tz-product-card .tz-preview{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    height:34px!important;min-height:34px!important;padding:0 14px!important;border-radius:999px!important;
    background:#f0efff!important;color:#7774c9!important;border:0!important;
    font-size:11px!important;font-weight:600!important;text-decoration:none!important;white-space:nowrap!important;
  }
  body.theme-whmcs .tz-product-card .tz-cart-circle{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    width:36px!important;height:36px!important;min-width:36px!important;border-radius:50%!important;
    background:#dcfce7!important;color:#22a565!important;border:0!important;text-decoration:none!important;
  }
  body.theme-whmcs .tz-product-card .tz-card-cart-icon{width:18px!important;height:18px!important;display:block!important;}
}
@media (max-width: 1100px) and (min-width:768px){
  body.theme-whmcs .tz-product-card{height:440px!important;min-height:440px!important;max-height:440px!important;}
  body.theme-whmcs .tz-product-card .tz-product-image{height:245px!important;min-height:245px!important;max-height:245px!important;flex-basis:245px!important;}
  body.theme-whmcs .tz-product-card .product-body{height:195px!important;min-height:195px!important;max-height:195px!important;}
}

/* ================================================================
   V135 — Product image + action finishing fix
   - Never clip/round the actual product artwork into a circle.
   - Show the complete artwork without zoom/cropping.
   - Keep TZStore card proportions while making Preview + Cart fit.
   ================================================================ */
@media (min-width:768px){
  body.theme-whmcs .tz-product-card .tz-product-image,
  body.theme-whmcs .wh-popular .tz-product-image,
  body.theme-whmcs .wh-home-products .tz-product-image{
    border-radius:0!important;
    clip-path:none!important;
    -webkit-clip-path:none!important;
  }

  body.theme-whmcs .tz-product-card .tz-product-image>a,
  body.theme-whmcs .wh-popular .tz-product-image>a,
  body.theme-whmcs .wh-home-products .tz-product-image>a{
    border-radius:0!important;
    clip-path:none!important;
    -webkit-clip-path:none!important;
  }

  /* The previous desktop layers could inherit a circular image rule.
     Force the image itself to remain rectangular and show the full source. */
  body.theme-whmcs .tz-product-card .tz-product-image img,
  body.theme-whmcs .wh-popular .tz-product-image img,
  body.theme-whmcs .wh-home-products .tz-product-image img{
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    clip-path:none!important;
    -webkit-clip-path:none!important;
    transform:none!important;
    object-fit:contain!important;
    object-position:center center!important;
    background:#f7f7fb!important;
  }

  /* Give the complete image a clean TZStore-like canvas. */
  body.theme-whmcs .tz-product-card .tz-product-image,
  body.theme-whmcs .wh-popular .tz-product-image,
  body.theme-whmcs .wh-home-products .tz-product-image{
    background:#f7f7fb!important;
  }

  /* Make the bottom controls fit inside the card instead of clipping Preview. */
  body.theme-whmcs .tz-product-card .tz-card-bottom{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    column-gap:8px!important;
    width:100%!important;
    min-width:0!important;
    overflow:visible!important;
  }
  body.theme-whmcs .tz-product-card .tz-product-card .tz-card-bottom{min-width:0!important;}
  body.theme-whmcs .tz-product-card .price{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.theme-whmcs .tz-product-card .tz-card-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:6px!important;
    flex:0 0 auto!important;
    min-width:0!important;
    margin-left:0!important;
    overflow:visible!important;
  }
  body.theme-whmcs .tz-product-card .tz-preview{
    width:82px!important;
    min-width:82px!important;
    max-width:82px!important;
    height:36px!important;
    min-height:36px!important;
    padding:0 8px!important;
    border-radius:19px!important;
    font-size:10px!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.theme-whmcs .tz-product-card .tz-cart-circle{
    display:grid!important;
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    max-width:36px!important;
    flex:0 0 36px!important;
    border-radius:50%!important;
    overflow:visible!important;
  }
  body.theme-whmcs .tz-product-card .tz-card-cart-icon{
    width:17px!important;
    height:17px!important;
    max-width:17px!important;
    max-height:17px!important;
  }
}

/* ================================================================
   V136 — TZStore exact action controls
   Match the supplied TZStore product-card screenshot:
   white heart circle at image top-right, lavender Preview pill,
   solid indigo circular cart button at bottom-right.
   ================================================================ */
@media (min-width:768px){
  body.theme-whmcs .tz-product-card .tz-heart,
  body.theme-whmcs .tz-product-card .tz-heart.tz-heart-cart{
    position:absolute!important;
    top:10px!important;
    right:10px!important;
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    max-width:36px!important;
    padding:0!important;
    margin:0!important;
    display:grid!important;
    place-items:center!important;
    border-radius:50%!important;
    background:#fff!important;
    color:#6b7280!important;
    border:1px solid rgba(17,24,39,.08)!important;
    box-shadow:0 2px 8px rgba(16,24,40,.14)!important;
    font-size:21px!important;
    font-weight:400!important;
    line-height:1!important;
    text-decoration:none!important;
    z-index:20!important;
    transform:none!important;
  }
  body.theme-whmcs .tz-product-card .tz-heart:hover,
  body.theme-whmcs .tz-product-card .tz-heart.tz-heart-cart:hover{
    background:#fff!important;
    color:#6366f1!important;
    transform:translateY(-1px)!important;
  }

  body.theme-whmcs .tz-product-card .tz-card-bottom{
    grid-template-columns:minmax(0,1fr) auto!important;
    column-gap:8px!important;
  }
  body.theme-whmcs .tz-product-card .tz-card-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:7px!important;
    flex:0 0 auto!important;
    width:auto!important;
    margin:0!important;
    overflow:visible!important;
  }

  /* TZStore Preview pill */
  body.theme-whmcs .tz-product-card .tz-preview{
    width:auto!important;
    min-width:92px!important;
    max-width:none!important;
    height:36px!important;
    min-height:36px!important;
    padding:0 14px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:20px!important;
    background:#f0efff!important;
    color:#7774c9!important;
    border:0!important;
    box-shadow:none!important;
    font-size:11px!important;
    font-weight:600!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  body.theme-whmcs .tz-product-card .tz-preview:hover{
    background:#e9e7ff!important;
    color:#6366f1!important;
  }

  /* TZStore solid indigo cart circle */
  body.theme-whmcs .tz-product-card .tz-cart-circle,
  body.theme-whmcs .tz-product-card .tz-cart-circle:hover{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    max-width:36px!important;
    flex:0 0 36px!important;
    padding:0!important;
    margin:0!important;
    display:grid!important;
    place-items:center!important;
    border-radius:50%!important;
    background:#6366f1!important;
    color:#fff!important;
    border:0!important;
    box-shadow:none!important;
    text-decoration:none!important;
    transform:none!important;
  }
  body.theme-whmcs .tz-product-card .tz-cart-circle .tz-card-cart-icon{
    width:17px!important;
    height:17px!important;
    max-width:17px!important;
    max-height:17px!important;
    display:block!important;
    color:#fff!important;
  }

  /* Keep the purchased/download state visually consistent with the same circle. */
  body.theme-whmcs .tz-product-card .tz-owned-download,
  body.theme-whmcs .tz-product-card .tz-owned-download:hover{
    background:#6366f1!important;
    color:#fff!important;
  }
}

/* On narrow screens use the same visual language without changing the mobile grid. */
@media (max-width:767px){
  body.theme-whmcs .tz-product-card .tz-heart,
  body.theme-whmcs .tz-product-card .tz-heart.tz-heart-cart{
    width:34px!important;height:34px!important;min-width:34px!important;
    top:9px!important;right:9px!important;border-radius:50%!important;
    background:#fff!important;color:#6b7280!important;
    border:1px solid rgba(17,24,39,.08)!important;
    box-shadow:0 2px 8px rgba(16,24,40,.12)!important;
    display:grid!important;place-items:center!important;
    font-size:19px!important;line-height:1!important;
  }
  body.theme-whmcs .tz-product-card .tz-preview{
    min-width:88px!important;height:34px!important;min-height:34px!important;
    padding:0 12px!important;border-radius:18px!important;
    background:#f0efff!important;color:#7774c9!important;
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    white-space:nowrap!important;
  }
  body.theme-whmcs .tz-product-card .tz-cart-circle{
    width:34px!important;height:34px!important;min-width:34px!important;
    border-radius:50%!important;background:#6366f1!important;color:#fff!important;
    display:grid!important;place-items:center!important;
  }
}

/* ================================================================
   V137 — Final card fit + full-width desktop response
   - Product title must remain visible.
   - Preview + cart stay completely inside the card.
   - Reduce excessive left/right desktop whitespace.
   - Keep TZStore visual language and mobile behavior intact.
   ================================================================ */
@media (min-width:901px){
  body.theme-whmcs .page>.container,
  body.theme-whmcs .section>.container,
  body.theme-whmcs .tz-section>.container,
  body.theme-whmcs .wh-popular>.container,
  body.theme-whmcs .wh-home-products>.container,
  body.theme-whmcs .wh-related-products-v115>.container{
    width:calc(100% - 32px)!important;
    max-width:none!important;
    margin-left:16px!important;
    margin-right:16px!important;
  }

  body.theme-whmcs .tz-products-grid,
  body.theme-whmcs .wh-popular .tz-products-grid,
  body.theme-whmcs .wh-home-products .tz-products-grid,
  body.theme-whmcs .tz-category-main-exact .tz-products-grid,
  body.theme-whmcs .wh-shop-main-v21 .tz-products-grid,
  body.theme-whmcs .wh-related-products-v115 .tz-products-grid,
  body.theme-whmcs .related-products .tz-products-grid{
    width:100%!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:20px!important;
  }

  /* Slightly taller card so every text/action row has its own space. */
  body.theme-whmcs .tz-product-card,
  body.theme-whmcs .wh-popular .tz-product-card,
  body.theme-whmcs .wh-home-products .tz-product-card{
    height:470px!important;
    min-height:470px!important;
    max-height:470px!important;
    box-sizing:border-box!important;
  }

  body.theme-whmcs .tz-product-card .tz-product-image,
  body.theme-whmcs .wh-popular .tz-product-image,
  body.theme-whmcs .wh-home-products .tz-product-image{
    height:230px!important;
    min-height:230px!important;
    max-height:230px!important;
    flex:0 0 230px!important;
  }

  /* Use a fixed content grid instead of letting old flex rules clip the title. */
  body.theme-whmcs .tz-product-card .product-body{
    height:240px!important;
    min-height:240px!important;
    max-height:240px!important;
    flex:0 0 240px!important;
    box-sizing:border-box!important;
    padding:13px 14px 12px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:29px 27px 20px 36px minmax(43px,1fr)!important;
    row-gap:3px!important;
    overflow:hidden!important;
  }

  body.theme-whmcs .tz-product-card .tz-verified{
    grid-row:1!important;
    width:100%!important;
    height:29px!important;
    min-height:29px!important;
    margin:0!important;
  }

  body.theme-whmcs .tz-product-card h3,
  body.theme-whmcs .tz-product-card h3 a{
    grid-row:2!important;
    width:100%!important;
    height:27px!important;
    min-height:27px!important;
    max-height:27px!important;
    margin:0!important;
    padding:0!important;
    display:block!important;
    font-size:15px!important;
    line-height:27px!important;
    font-weight:650!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  body.theme-whmcs .tz-product-card .tz-card-category{
    grid-row:3!important;
    width:100%!important;
    height:20px!important;
    min-height:20px!important;
    max-height:20px!important;
    margin:0!important;
    line-height:20px!important;
  }

  body.theme-whmcs .tz-product-card .tz-tags{
    grid-row:4!important;
    width:100%!important;
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
    margin:0!important;
    align-items:center!important;
    overflow:hidden!important;
  }

  body.theme-whmcs .tz-product-card .tz-card-bottom{
    grid-row:5!important;
    width:100%!important;
    height:43px!important;
    min-height:43px!important;
    max-height:43px!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    column-gap:8px!important;
    overflow:visible!important;
  }

  body.theme-whmcs .tz-product-card .price{
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:17px!important;
  }

  body.theme-whmcs .tz-product-card .tz-card-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:7px!important;
    width:auto!important;
    min-width:max-content!important;
    margin:0!important;
    overflow:visible!important;
  }

  body.theme-whmcs .tz-product-card .tz-preview{
    width:90px!important;
    min-width:90px!important;
    max-width:90px!important;
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
    padding:0 10px!important;
    box-sizing:border-box!important;
    border-radius:18px!important;
    font-size:10px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  body.theme-whmcs .tz-product-card .tz-cart-circle{
    width:36px!important;
    min-width:36px!important;
    max-width:36px!important;
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
    flex:0 0 36px!important;
  }
}

/* Large screens: use the available width instead of leaving a wide blank gutter. */
@media (min-width:1400px){
  body.theme-whmcs .page>.container,
  body.theme-whmcs .section>.container,
  body.theme-whmcs .tz-section>.container,
  body.theme-whmcs .wh-popular>.container,
  body.theme-whmcs .wh-home-products>.container,
  body.theme-whmcs .wh-related-products-v115>.container{
    width:calc(100% - 24px)!important;
    margin-left:12px!important;
    margin-right:12px!important;
  }
}

/* Tablet: preserve the existing responsive behavior while preventing action overflow. */
@media (min-width:768px) and (max-width:1100px){
  body.theme-whmcs .tz-product-card .tz-preview{
    width:78px!important;min-width:78px!important;max-width:78px!important;
    padding:0 7px!important;font-size:9px!important;
  }
  body.theme-whmcs .tz-product-card .tz-cart-circle{
    width:34px!important;min-width:34px!important;max-width:34px!important;
    height:34px!important;min-height:34px!important;max-height:34px!important;
  }
}

/* ================================================================
   V138 — TZStore readability pass
   Increase product-card typography without changing the established
   V136/V137 geometry, image, heart, Preview and cart design.
   ================================================================ */
@media (min-width:901px){
  body.theme-whmcs .tz-product-card .tz-verified{
    font-size:13px!important;
    font-weight:650!important;
    letter-spacing:0!important;
  }
  body.theme-whmcs .tz-product-card .tz-verified>span:first-child{
    font-size:18px!important;
  }
  body.theme-whmcs .tz-product-card h3,
  body.theme-whmcs .tz-product-card h3 a{
    font-size:16px!important;
    line-height:27px!important;
    font-weight:650!important;
  }
  body.theme-whmcs .tz-product-card .tz-card-category{
    font-size:13px!important;
    line-height:20px!important;
  }
  body.theme-whmcs .tz-product-card .tz-tags span{
    font-size:12px!important;
    line-height:30px!important;
  }
  body.theme-whmcs .tz-product-card .price{
    font-size:18px!important;
    font-weight:700!important;
  }
  body.theme-whmcs .tz-product-card .price .old,
  body.theme-whmcs .tz-product-card .price del{
    font-size:11px!important;
  }
  body.theme-whmcs .tz-product-card .tz-preview{
    font-size:11px!important;
    font-weight:600!important;
  }
}

/* ================================================================
   V139 — Extra readable TZStore typography
   Keep the V136/V137 geometry intact; only enlarge card text.
   ================================================================ */
@media (min-width:901px){
  body.theme-whmcs .tz-product-card .tz-verified{
    font-size:14px!important;
    line-height:22px!important;
    font-weight:650!important;
  }
  body.theme-whmcs .tz-product-card .tz-verified>span:first-child{
    font-size:19px!important;
  }
  body.theme-whmcs .tz-product-card h3,
  body.theme-whmcs .tz-product-card h3 a{
    font-size:18px!important;
    line-height:24px!important;
    font-weight:650!important;
  }
  body.theme-whmcs .tz-product-card .tz-card-category{
    font-size:14px!important;
    line-height:21px!important;
  }
  body.theme-whmcs .tz-product-card .tz-tags span{
    font-size:13px!important;
    line-height:31px!important;
  }
  body.theme-whmcs .tz-product-card .price{
    font-size:20px!important;
    line-height:24px!important;
    font-weight:700!important;
  }
  body.theme-whmcs .tz-product-card .price .old,
  body.theme-whmcs .tz-product-card .price del{
    font-size:12px!important;
  }
  body.theme-whmcs .tz-product-card .tz-preview{
    font-size:12px!important;
    font-weight:650!important;
  }
}

@media (min-width:768px) and (max-width:1100px){
  body.theme-whmcs .tz-product-card h3,
  body.theme-whmcs .tz-product-card h3 a{font-size:17px!important;line-height:23px!important}
  body.theme-whmcs .tz-product-card .tz-card-category{font-size:13px!important}
  body.theme-whmcs .tz-product-card .tz-tags span{font-size:12px!important}
  body.theme-whmcs .tz-product-card .price{font-size:19px!important}
}

/* ================================================================
   V140 — Match desktop product-image size to mobile
   The mobile WHMCS card uses a 320px image area. Keep the same
   image-area height on desktop so product artwork has the same
   visual scale instead of becoming short/squashed on wide screens.
   Keep the existing card controls and typography intact.
   ================================================================ */
@media (min-width:801px){
  body.theme-whmcs .tz-product-card,
  body.theme-whmcs .wh-popular .tz-product-card,
  body.theme-whmcs .wh-home-products .tz-product-card{
    height:560px!important;
    min-height:560px!important;
    max-height:560px!important;
  }

  body.theme-whmcs .tz-product-card .tz-product-image,
  body.theme-whmcs .wh-popular .tz-product-image,
  body.theme-whmcs .wh-home-products .tz-product-image{
    height:320px!important;
    min-height:320px!important;
    max-height:320px!important;
    flex:0 0 320px!important;
  }

  body.theme-whmcs .tz-product-card .product-body{
    height:240px!important;
    min-height:240px!important;
    max-height:240px!important;
    flex:0 0 240px!important;
  }

  body.theme-whmcs .tz-product-card .tz-product-image img,
  body.theme-whmcs .wh-popular .tz-product-image img,
  body.theme-whmcs .wh-home-products .tz-product-image img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
  }
}

/* ================================================================
   V141 — Related Products must use the EXACT same desktop card as
   Homepage products.
   Explicitly scope every geometry rule to the related-products grid
   so older related-section overrides cannot hide Preview/Cart or
   truncate the card body.
   ================================================================ */
@media (min-width:801px){
  body.theme-whmcs .wh-related-products-v115 .tz-product-card,
  body.theme-whmcs .related-products .tz-product-card{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    height:560px!important;
    min-height:560px!important;
    max-height:560px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }

  body.theme-whmcs .wh-related-products-v115 .tz-product-image,
  body.theme-whmcs .related-products .tz-product-image{
    position:relative!important;
    width:100%!important;
    height:320px!important;
    min-height:320px!important;
    max-height:320px!important;
    flex:0 0 320px!important;
    box-sizing:border-box!important;
    border-radius:0!important;
    clip-path:none!important;
    -webkit-clip-path:none!important;
    overflow:hidden!important;
  }

  body.theme-whmcs .wh-related-products-v115 .tz-product-image>a,
  body.theme-whmcs .related-products .tz-product-image>a{
    display:block!important;
    width:100%!important;
    height:100%!important;
    border-radius:0!important;
    overflow:hidden!important;
  }

  body.theme-whmcs .wh-related-products-v115 .tz-product-image img,
  body.theme-whmcs .related-products .tz-product-image img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    clip-path:none!important;
    -webkit-clip-path:none!important;
    transform:none!important;
    object-fit:contain!important;
    object-position:center center!important;
  }

  body.theme-whmcs .wh-related-products-v115 .product-body,
  body.theme-whmcs .related-products .product-body{
    width:100%!important;
    height:240px!important;
    min-height:240px!important;
    max-height:240px!important;
    flex:0 0 240px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }

  body.theme-whmcs .wh-related-products-v115 .tz-card-bottom,
  body.theme-whmcs .related-products .tz-card-bottom{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    column-gap:8px!important;
    width:100%!important;
    min-width:0!important;
    height:43px!important;
    min-height:43px!important;
    max-height:43px!important;
    margin-top:4px!important;
    padding:0!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }

  body.theme-whmcs .wh-related-products-v115 .tz-card-actions,
  body.theme-whmcs .related-products .tz-card-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:7px!important;
    width:auto!important;
    min-width:0!important;
    flex:0 0 auto!important;
    margin:0!important;
    overflow:visible!important;
  }

  body.theme-whmcs .wh-related-products-v115 .tz-preview,
  body.theme-whmcs .related-products .tz-preview{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:92px!important;
    max-width:none!important;
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
    padding:0 14px!important;
    box-sizing:border-box!important;
    border-radius:20px!important;
    background:#f0efff!important;
    color:#7774c9!important;
    border:0!important;
    font-size:12px!important;
    font-weight:600!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }

  body.theme-whmcs .wh-related-products-v115 .tz-cart-circle,
  body.theme-whmcs .related-products .tz-cart-circle{
    display:grid!important;
    place-items:center!important;
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    max-width:36px!important;
    min-height:36px!important;
    max-height:36px!important;
    flex:0 0 36px!important;
    padding:0!important;
    margin:0!important;
    border-radius:50%!important;
    background:#6366f1!important;
    color:#fff!important;
    border:0!important;
    overflow:visible!important;
  }

  body.theme-whmcs .wh-related-products-v115 .tz-card-cart-icon,
  body.theme-whmcs .related-products .tz-card-cart-icon{
    width:17px!important;
    height:17px!important;
    max-width:17px!important;
    max-height:17px!important;
    display:block!important;
    color:#fff!important;
  }

  body.theme-whmcs .wh-related-products-v115 .tz-heart,
  body.theme-whmcs .related-products .tz-heart{
    position:absolute!important;
    top:10px!important;
    right:10px!important;
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    max-width:36px!important;
    min-height:36px!important;
    max-height:36px!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
    margin:0!important;
    border-radius:50%!important;
    background:#fff!important;
    color:#6b7280!important;
    border:1px solid rgba(17,24,39,.08)!important;
    box-shadow:0 2px 8px rgba(16,24,40,.14)!important;
    font-size:21px!important;
    line-height:1!important;
    z-index:20!important;
  }
}

/* ================================================================
   V142 — UNIVERSAL PRODUCT CARD SYSTEM
   Every storefront product grid uses the same finished product card
   as the homepage. This prevents category/shop/related pages from
   inheriting old compact/one-column rules that hide the actions.
   Mobile styles remain untouched.
   ================================================================ */
@media (min-width:801px){
  /* Every public product grid gets the homepage card geometry. */
  body.theme-whmcs .tz-products-grid{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:16px!important;
    align-items:stretch!important;
  }

  /* The category sidebar needs room, so use three cards in its main area;
     the card itself is exactly the same as the homepage card. */
  body.theme-whmcs .tz-category-main-exact .tz-products-grid,
  body.theme-whmcs .wh-shop-main-v21 .tz-products-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }

  body.theme-whmcs .tz-products-grid .tz-product-card,
  body.theme-whmcs .tz-category-main-exact .tz-product-card,
  body.theme-whmcs .wh-shop-main-v21 .tz-product-card,
  body.theme-whmcs .wh-related-products-v115 .tz-product-card{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    height:560px!important;
    min-height:560px!important;
    max-height:560px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }

  body.theme-whmcs .tz-products-grid .tz-product-image,
  body.theme-whmcs .tz-category-main-exact .tz-product-image,
  body.theme-whmcs .wh-shop-main-v21 .tz-product-image,
  body.theme-whmcs .wh-related-products-v115 .tz-product-image{
    position:relative!important;
    width:100%!important;
    height:320px!important;
    min-height:320px!important;
    max-height:320px!important;
    flex:0 0 320px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    clip-path:none!important;
    -webkit-clip-path:none!important;
  }

  body.theme-whmcs .tz-products-grid .tz-product-image>a,
  body.theme-whmcs .tz-category-main-exact .tz-product-image>a,
  body.theme-whmcs .wh-shop-main-v21 .tz-product-image>a,
  body.theme-whmcs .wh-related-products-v115 .tz-product-image>a{
    display:block!important;
    width:100%!important;
    height:100%!important;
    overflow:hidden!important;
  }

  body.theme-whmcs .tz-products-grid .tz-product-image img,
  body.theme-whmcs .tz-category-main-exact .tz-product-image img,
  body.theme-whmcs .wh-shop-main-v21 .tz-product-image img,
  body.theme-whmcs .wh-related-products-v115 .tz-product-image img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    clip-path:none!important;
    -webkit-clip-path:none!important;
    transform:none!important;
    object-fit:contain!important;
    object-position:center center!important;
  }

  body.theme-whmcs .tz-products-grid .product-body,
  body.theme-whmcs .tz-category-main-exact .product-body,
  body.theme-whmcs .wh-shop-main-v21 .product-body,
  body.theme-whmcs .wh-related-products-v115 .product-body{
    position:relative!important;
    width:100%!important;
    height:240px!important;
    min-height:240px!important;
    max-height:240px!important;
    flex:0 0 240px!important;
    box-sizing:border-box!important;
    padding:15px!important;
    overflow:hidden!important;
  }

  /* Keep the readable V139 typography on every product page. */
  body.theme-whmcs .tz-products-grid .tz-verified,
  body.theme-whmcs .tz-category-main-exact .tz-verified,
  body.theme-whmcs .wh-shop-main-v21 .tz-verified,
  body.theme-whmcs .wh-related-products-v115 .tz-verified{
    font-size:14px!important;
    line-height:22px!important;
    font-weight:650!important;
  }

  body.theme-whmcs .tz-products-grid .tz-product-card h3,
  body.theme-whmcs .tz-products-grid .tz-product-card h3 a,
  body.theme-whmcs .tz-category-main-exact .tz-product-card h3,
  body.theme-whmcs .tz-category-main-exact .tz-product-card h3 a,
  body.theme-whmcs .wh-shop-main-v21 .tz-product-card h3,
  body.theme-whmcs .wh-shop-main-v21 .tz-product-card h3 a,
  body.theme-whmcs .wh-related-products-v115 .tz-product-card h3,
  body.theme-whmcs .wh-related-products-v115 .tz-product-card h3 a{
    font-size:18px!important;
    line-height:24px!important;
    font-weight:650!important;
    min-height:48px!important;
    max-height:48px!important;
    margin:9px 0 4px!important;
    overflow:hidden!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
  }

  body.theme-whmcs .tz-products-grid .tz-card-category,
  body.theme-whmcs .tz-category-main-exact .tz-card-category,
  body.theme-whmcs .wh-shop-main-v21 .tz-card-category,
  body.theme-whmcs .wh-related-products-v115 .tz-card-category{
    font-size:14px!important;
    line-height:21px!important;
  }

  body.theme-whmcs .tz-products-grid .tz-tags,
  body.theme-whmcs .tz-category-main-exact .tz-tags,
  body.theme-whmcs .wh-shop-main-v21 .tz-tags,
  body.theme-whmcs .wh-related-products-v115 .tz-tags{
    max-height:39px!important;
    overflow:hidden!important;
    margin-top:8px!important;
  }

  body.theme-whmcs .tz-products-grid .tz-tags span,
  body.theme-whmcs .tz-category-main-exact .tz-tags span,
  body.theme-whmcs .wh-shop-main-v21 .tz-tags span,
  body.theme-whmcs .wh-related-products-v115 .tz-tags span{
    font-size:13px!important;
    line-height:18px!important;
    padding:6px 9px!important;
  }

  /* Actions are anchored to the card bottom on EVERY page, so they can
     never disappear below the card or be clipped by an older rule. */
  body.theme-whmcs .tz-products-grid .tz-card-bottom,
  body.theme-whmcs .tz-category-main-exact .tz-card-bottom,
  body.theme-whmcs .wh-shop-main-v21 .tz-card-bottom,
  body.theme-whmcs .wh-related-products-v115 .tz-card-bottom{
    position:absolute!important;
    left:15px!important;
    right:15px!important;
    bottom:14px!important;
    width:auto!important;
    height:43px!important;
    min-height:43px!important;
    max-height:43px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }

  body.theme-whmcs .tz-products-grid .tz-card-actions,
  body.theme-whmcs .tz-category-main-exact .tz-card-actions,
  body.theme-whmcs .wh-shop-main-v21 .tz-card-actions,
  body.theme-whmcs .wh-related-products-v115 .tz-card-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:7px!important;
    width:auto!important;
    flex:0 0 auto!important;
    margin:0!important;
    overflow:visible!important;
  }

  body.theme-whmcs .tz-products-grid .price,
  body.theme-whmcs .tz-category-main-exact .price,
  body.theme-whmcs .wh-shop-main-v21 .price,
  body.theme-whmcs .wh-related-products-v115 .price{
    font-size:20px!important;
    line-height:24px!important;
    font-weight:700!important;
    white-space:nowrap!important;
  }

  body.theme-whmcs .tz-products-grid .price .old,
  body.theme-whmcs .tz-products-grid .price del,
  body.theme-whmcs .tz-category-main-exact .price .old,
  body.theme-whmcs .tz-category-main-exact .price del,
  body.theme-whmcs .wh-shop-main-v21 .price .old,
  body.theme-whmcs .wh-shop-main-v21 .price del,
  body.theme-whmcs .wh-related-products-v115 .price .old,
  body.theme-whmcs .wh-related-products-v115 .price del{
    font-size:12px!important;
  }

  body.theme-whmcs .tz-products-grid .tz-preview,
  body.theme-whmcs .tz-category-main-exact .tz-preview,
  body.theme-whmcs .wh-shop-main-v21 .tz-preview,
  body.theme-whmcs .wh-related-products-v115 .tz-preview{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:92px!important;
    height:36px!important;
    padding:0 14px!important;
    box-sizing:border-box!important;
    border-radius:20px!important;
    background:#f0efff!important;
    color:#7774c9!important;
    border:0!important;
    font-size:12px!important;
    font-weight:650!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }

  body.theme-whmcs .tz-products-grid .tz-cart-circle,
  body.theme-whmcs .tz-category-main-exact .tz-cart-circle,
  body.theme-whmcs .wh-shop-main-v21 .tz-cart-circle,
  body.theme-whmcs .wh-related-products-v115 .tz-cart-circle{
    display:grid!important;
    place-items:center!important;
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    max-width:36px!important;
    min-height:36px!important;
    max-height:36px!important;
    flex:0 0 36px!important;
    padding:0!important;
    margin:0!important;
    border-radius:50%!important;
    background:#6366f1!important;
    color:#fff!important;
    border:0!important;
    overflow:visible!important;
  }

  body.theme-whmcs .tz-products-grid .tz-card-cart-icon,
  body.theme-whmcs .tz-category-main-exact .tz-card-cart-icon,
  body.theme-whmcs .wh-shop-main-v21 .tz-card-cart-icon,
  body.theme-whmcs .wh-related-products-v115 .tz-card-cart-icon{
    width:17px!important;
    height:17px!important;
    max-width:17px!important;
    max-height:17px!important;
    display:block!important;
    color:#fff!important;
  }

  body.theme-whmcs .tz-products-grid .tz-heart,
  body.theme-whmcs .tz-category-main-exact .tz-heart,
  body.theme-whmcs .wh-shop-main-v21 .tz-heart,
  body.theme-whmcs .wh-related-products-v115 .tz-heart{
    position:absolute!important;
    top:10px!important;
    right:10px!important;
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    max-width:36px!important;
    min-height:36px!important;
    max-height:36px!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
    margin:0!important;
    border-radius:50%!important;
    background:#fff!important;
    color:#6b7280!important;
    border:1px solid rgba(17,24,39,.08)!important;
    box-shadow:0 2px 8px rgba(16,24,40,.14)!important;
    font-size:21px!important;
    line-height:1!important;
    z-index:20!important;
  }
}

/* ================================================================
   V144 — MINIMAL PRODUCT CARD SPACING FIX
   Restore V142 visual design. Only add the small amount of vertical
   room needed for the larger readable text so tags stay separated
   from the price/actions row. No overlays, redesign, or control changes.
   ================================================================ */
@media (min-width:801px){
  body.theme-whmcs .tz-products-grid .tz-product-card,
  body.theme-whmcs .tz-category-main-exact .tz-product-card,
  body.theme-whmcs .wh-shop-main-v21 .tz-product-card,
  body.theme-whmcs .wh-related-products-v115 .tz-product-card{
    height:580px!important;
    min-height:580px!important;
    max-height:580px!important;
  }

  body.theme-whmcs .tz-products-grid .product-body,
  body.theme-whmcs .tz-category-main-exact .product-body,
  body.theme-whmcs .wh-shop-main-v21 .product-body,
  body.theme-whmcs .wh-related-products-v115 .product-body{
    height:260px!important;
    min-height:260px!important;
    max-height:260px!important;
    flex:0 0 260px!important;
  }
}

/* ================================================================
   V145 — HOMEPAGE = RELATED PRODUCT CARD (EXACT SAME GEOMETRY)
   The homepage product cards now use the exact same desktop card
   dimensions/structure as Related Products. Only desktop storefront
   product-card geometry is unified; mobile styles remain untouched.
   ================================================================ */
@media (min-width:801px){
  body.theme-whmcs .wh-home-products .tz-products-grid,
  body.theme-whmcs .wh-related-products-v115 .tz-products-grid{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:16px!important;
    align-items:stretch!important;
  }

  body.theme-whmcs .wh-home-products .tz-product-card,
  body.theme-whmcs .wh-related-products-v115 .tz-product-card{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    height:560px!important;
    min-height:560px!important;
    max-height:560px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    margin:0!important;
  }

  body.theme-whmcs .wh-home-products .tz-product-image,
  body.theme-whmcs .wh-related-products-v115 .tz-product-image{
    width:100%!important;
    height:320px!important;
    min-height:320px!important;
    max-height:320px!important;
    flex:0 0 320px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  body.theme-whmcs .wh-home-products .tz-product-image>a,
  body.theme-whmcs .wh-related-products-v115 .tz-product-image>a{
    display:block!important;
    width:100%!important;
    height:100%!important;
    overflow:hidden!important;
  }

  body.theme-whmcs .wh-home-products .tz-product-image img,
  body.theme-whmcs .wh-related-products-v115 .tz-product-image img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    margin:0!important;
    padding:0!important;
    object-fit:contain!important;
    object-position:center center!important;
    border-radius:0!important;
    clip-path:none!important;
    -webkit-clip-path:none!important;
    transform:none!important;
  }

  body.theme-whmcs .wh-home-products .product-body,
  body.theme-whmcs .wh-related-products-v115 .product-body{
    position:relative!important;
    width:100%!important;
    height:240px!important;
    min-height:240px!important;
    max-height:240px!important;
    flex:0 0 240px!important;
    box-sizing:border-box!important;
    padding:15px!important;
    overflow:hidden!important;
  }

  body.theme-whmcs .wh-home-products .tz-card-bottom,
  body.theme-whmcs .wh-related-products-v115 .tz-card-bottom{
    position:absolute!important;
    left:15px!important;
    right:15px!important;
    bottom:14px!important;
    width:auto!important;
    height:43px!important;
    min-height:43px!important;
    max-height:43px!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    column-gap:8px!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }

  body.theme-whmcs .wh-home-products .tz-card-actions,
  body.theme-whmcs .wh-related-products-v115 .tz-card-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:7px!important;
    width:auto!important;
    min-width:0!important;
    margin:0!important;
    overflow:visible!important;
  }

  body.theme-whmcs .wh-home-products .tz-preview,
  body.theme-whmcs .wh-related-products-v115 .tz-preview{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:92px!important;
    height:36px!important;
    padding:0 14px!important;
    border-radius:20px!important;
    box-sizing:border-box!important;
    white-space:nowrap!important;
    overflow:visible!important;
  }

  body.theme-whmcs .wh-home-products .tz-cart-circle,
  body.theme-whmcs .wh-related-products-v115 .tz-cart-circle{
    display:grid!important;
    place-items:center!important;
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    max-width:36px!important;
    min-height:36px!important;
    max-height:36px!important;
    flex:0 0 36px!important;
    padding:0!important;
    margin:0!important;
    border-radius:50%!important;
    overflow:visible!important;
  }

  body.theme-whmcs .wh-home-products .tz-heart,
  body.theme-whmcs .wh-related-products-v115 .tz-heart{
    position:absolute!important;
    top:10px!important;
    right:10px!important;
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    max-width:36px!important;
    min-height:36px!important;
    max-height:36px!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
    margin:0!important;
    border-radius:50%!important;
    z-index:20!important;
  }
}

/* ================================================================
   V146 — MINIMAL HOME CARD SPACE FIX
   Keep V145 geometry/design exactly the same. Only change the product
   body flow so tags never collide with the bottom price/actions row.
   ================================================================ */
@media (min-width:801px){
  body.theme-whmcs .wh-home-products .product-body,
  body.theme-whmcs .wh-related-products-v115 .product-body{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    overflow:hidden!important;
  }

  body.theme-whmcs .wh-home-products .tz-card-bottom,
  body.theme-whmcs .wh-related-products-v115 .tz-card-bottom{
    position:static!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    width:100%!important;
    height:43px!important;
    min-height:43px!important;
    max-height:43px!important;
    flex:0 0 43px!important;
    margin-top:auto!important;
    padding:0!important;
    box-sizing:border-box!important;
  }

  body.theme-whmcs .wh-home-products .tz-tags,
  body.theme-whmcs .wh-related-products-v115 .tz-tags{
    margin-bottom:8px!important;
    flex:0 0 auto!important;
    min-height:28px!important;
    max-height:48px!important;
    overflow:hidden!important;
  }

  body.theme-whmcs .wh-home-products .tz-card-bottom .price,
  body.theme-whmcs .wh-related-products-v115 .tz-card-bottom .price{
    min-width:0!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
}

/* ================================================================
   V147 — FINAL PRODUCT ACTIONS + CLIENT DESKTOP DASHBOARD
   Keep V145/V146 geometry. Only restore the mobile-style control
   proportions/colors on desktop and reserve enough body space so
   tags never collide with Price/Preview/Cart.
   ================================================================ */
@media (min-width:801px){
  body.theme-whmcs .wh-home-products .tz-product-card,
  body.theme-whmcs .wh-related-products-v115 .tz-product-card,
  body.theme-whmcs .tz-products-grid .tz-product-card,
  body.theme-whmcs .tz-category-main-exact .tz-product-card,
  body.theme-whmcs .wh-shop-main-v21 .tz-product-card{
    height:580px!important;
    min-height:580px!important;
    max-height:580px!important;
    overflow:hidden!important;
  }

  body.theme-whmcs .wh-home-products .product-body,
  body.theme-whmcs .wh-related-products-v115 .product-body,
  body.theme-whmcs .tz-products-grid .product-body,
  body.theme-whmcs .tz-category-main-exact .product-body,
  body.theme-whmcs .wh-shop-main-v21 .product-body{
    position:relative!important;
    height:260px!important;
    min-height:260px!important;
    max-height:260px!important;
    flex:0 0 260px!important;
    box-sizing:border-box!important;
    padding:16px 14px 66px!important;
    overflow:hidden!important;
  }

  /* Leave a real gap after tags so the action row never sits on them. */
  body.theme-whmcs .wh-home-products .tz-tags,
  body.theme-whmcs .wh-related-products-v115 .tz-tags,
  body.theme-whmcs .tz-products-grid .tz-tags,
  body.theme-whmcs .tz-category-main-exact .tz-tags,
  body.theme-whmcs .wh-shop-main-v21 .tz-tags{
    margin-top:9px!important;
    margin-bottom:18px!important;
    max-height:44px!important;
    overflow:hidden!important;
  }

  /* Same visual controls as the mobile product cards, scaled only
     enough to remain clear on desktop. */
  body.theme-whmcs .wh-home-products .tz-card-bottom,
  body.theme-whmcs .wh-related-products-v115 .tz-card-bottom,
  body.theme-whmcs .tz-products-grid .tz-card-bottom,
  body.theme-whmcs .tz-category-main-exact .tz-card-bottom,
  body.theme-whmcs .wh-shop-main-v21 .tz-card-bottom{
    position:absolute!important;
    left:14px!important;
    right:14px!important;
    bottom:12px!important;
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    column-gap:8px!important;
    z-index:8!important;
    overflow:visible!important;
  }

  body.theme-whmcs .wh-home-products .tz-card-actions,
  body.theme-whmcs .wh-related-products-v115 .tz-card-actions,
  body.theme-whmcs .tz-products-grid .tz-card-actions,
  body.theme-whmcs .tz-category-main-exact .tz-card-actions,
  body.theme-whmcs .wh-shop-main-v21 .tz-card-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:8px!important;
    min-width:0!important;
    overflow:visible!important;
    position:relative!important;
    z-index:9!important;
  }

  body.theme-whmcs .wh-home-products .tz-preview,
  body.theme-whmcs .wh-related-products-v115 .tz-preview,
  body.theme-whmcs .tz-products-grid .tz-preview,
  body.theme-whmcs .tz-category-main-exact .tz-preview,
  body.theme-whmcs .wh-shop-main-v21 .tz-preview{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:96px!important;
    height:42px!important;
    padding:0 15px!important;
    border-radius:24px!important;
    background:#f0efff!important;
    color:#655de4!important;
    border:0!important;
    box-shadow:none!important;
    font-size:14px!important;
    font-weight:700!important;
    line-height:1!important;
    white-space:nowrap!important;
    opacity:1!important;
    visibility:visible!important;
    position:relative!important;
    z-index:10!important;
  }

  body.theme-whmcs .wh-home-products .tz-cart-circle,
  body.theme-whmcs .wh-related-products-v115 .tz-cart-circle,
  body.theme-whmcs .tz-products-grid .tz-cart-circle,
  body.theme-whmcs .tz-category-main-exact .tz-cart-circle,
  body.theme-whmcs .wh-shop-main-v21 .tz-cart-circle{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    flex:0 0 42px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:50%!important;
    background:#655ce9!important;
    color:#fff!important;
    border:0!important;
    box-shadow:none!important;
    padding:0!important;
    margin:0!important;
    font-size:17px!important;
    line-height:1!important;
    opacity:1!important;
    visibility:visible!important;
    position:relative!important;
    z-index:10!important;
  }

  body.theme-whmcs .wh-home-products .tz-cart-circle:hover,
  body.theme-whmcs .wh-related-products-v115 .tz-cart-circle:hover,
  body.theme-whmcs .tz-products-grid .tz-cart-circle:hover,
  body.theme-whmcs .tz-category-main-exact .tz-cart-circle:hover,
  body.theme-whmcs .wh-shop-main-v21 .tz-cart-circle:hover{
    background:#574de0!important;
    color:#fff!important;
  }

  body.theme-whmcs .wh-home-products .tz-card-cart-icon,
  body.theme-whmcs .wh-related-products-v115 .tz-card-cart-icon,
  body.theme-whmcs .tz-products-grid .tz-card-cart-icon,
  body.theme-whmcs .tz-category-main-exact .tz-card-cart-icon,
  body.theme-whmcs .wh-shop-main-v21 .tz-card-cart-icon{
    width:19px!important;
    height:19px!important;
    max-width:19px!important;
    max-height:19px!important;
    display:block!important;
    color:#fff!important;
    filter:none!important;
  }

  body.theme-whmcs .wh-home-products .price,
  body.theme-whmcs .wh-related-products-v115 .price,
  body.theme-whmcs .tz-products-grid .price,
  body.theme-whmcs .tz-category-main-exact .price,
  body.theme-whmcs .wh-shop-main-v21 .price{
    font-size:20px!important;
    line-height:24px!important;
    font-weight:750!important;
    white-space:nowrap!important;
    min-width:0!important;
  }

  body.theme-whmcs .wh-home-products .price .old,
  body.theme-whmcs .wh-related-products-v115 .price .old,
  body.theme-whmcs .tz-products-grid .price .old,
  body.theme-whmcs .tz-category-main-exact .price .old,
  body.theme-whmcs .wh-shop-main-v21 .price .old{
    font-size:12px!important;
  }

  /* ---------------- Client area: true desktop presentation ---------------- */
  body.theme-whmcs .client-dashboard-pro{
    width:min(1440px,calc(100% - 56px))!important;
    max-width:none!important;
    margin:0 auto!important;
    padding:14px 0 48px!important;
  }

  body.theme-whmcs .client-dashboard-welcome{
    min-height:190px!important;
    padding:34px 38px!important;
    border-radius:24px!important;
    gap:32px!important;
  }

  body.theme-whmcs .client-dashboard-welcome-copy h1{
    font-size:40px!important;
    line-height:1.15!important;
    letter-spacing:-1px!important;
  }

  body.theme-whmcs .client-dashboard-welcome-copy p{
    font-size:15px!important;
    max-width:720px!important;
  }

  body.theme-whmcs .client-dashboard-actions .btn{
    min-height:46px!important;
    padding:11px 18px!important;
    font-size:13px!important;
    border-radius:11px!important;
  }

  body.theme-whmcs .client-dashboard-profile-card{
    min-width:310px!important;
    padding:17px!important;
    border-radius:18px!important;
  }

  body.theme-whmcs .client-dashboard-profile-card b{font-size:14px!important}
  body.theme-whmcs .client-dashboard-profile-card span{font-size:11px!important}
  body.theme-whmcs .client-dashboard-profile-card a{font-size:12px!important}
  body.theme-whmcs .client-avatar-lg{width:58px!important;height:58px!important;border-radius:17px!important;font-size:22px!important}

  body.theme-whmcs .client-dashboard-stats{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:18px!important;
    margin-top:20px!important;
  }

  body.theme-whmcs .client-stat-card{
    min-height:96px!important;
    padding:20px!important;
    border-radius:18px!important;
  }

  body.theme-whmcs .client-stat-icon{width:46px!important;height:46px!important;border-radius:14px!important;font-size:18px!important}
  body.theme-whmcs .client-stat-card small{font-size:12px!important}
  body.theme-whmcs .client-stat-card b{font-size:27px!important}
  body.theme-whmcs .client-stat-card em{font-size:10px!important}

  body.theme-whmcs .client-dashboard-grid-single{margin-top:20px!important}
  body.theme-whmcs .client-dashboard-panel{padding:24px!important;border-radius:20px!important}
  body.theme-whmcs .client-panel-head h2{font-size:22px!important}
  body.theme-whmcs .client-quick-link{padding:16px 6px!important}
  body.theme-whmcs .client-quick-link>span{width:42px!important;height:42px!important;border-radius:12px!important;font-size:18px!important}
  body.theme-whmcs .client-quick-link b{font-size:13px!important}
  body.theme-whmcs .client-quick-link small{font-size:10px!important}
}

/* ================================================================
   V148 — FINAL CARD FLOW + CLIENT DESKTOP POLISH
   Root cause fixed: older card rules gave .tz-card-bottom width:100%
   and later positioned it with left/right offsets. That made the
   action row wider than the body, so Preview/Cart escaped the card.
   Use one normal flex flow for every desktop product card, exactly
   like the stable Related Products geometry.
   ================================================================ */
@media (min-width:801px){
  body.theme-whmcs .wh-home-products .tz-product-card,
  body.theme-whmcs .wh-related-products-v115 .tz-product-card,
  body.theme-whmcs .tz-products-grid .tz-product-card,
  body.theme-whmcs .tz-category-main-exact .tz-product-card,
  body.theme-whmcs .wh-shop-main-v21 .tz-product-card{
    height:580px!important;
    min-height:580px!important;
    max-height:580px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  body.theme-whmcs .wh-home-products .product-body,
  body.theme-whmcs .wh-related-products-v115 .product-body,
  body.theme-whmcs .tz-products-grid .product-body,
  body.theme-whmcs .tz-category-main-exact .product-body,
  body.theme-whmcs .wh-shop-main-v21 .product-body{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    width:100%!important;
    height:260px!important;
    min-height:260px!important;
    max-height:260px!important;
    flex:0 0 260px!important;
    padding:16px 14px 14px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }

  body.theme-whmcs .wh-home-products .tz-verified,
  body.theme-whmcs .wh-related-products-v115 .tz-verified,
  body.theme-whmcs .tz-products-grid .tz-verified,
  body.theme-whmcs .tz-category-main-exact .tz-verified,
  body.theme-whmcs .wh-shop-main-v21 .tz-verified{
    flex:0 0 auto!important;
    min-height:24px!important;
    line-height:24px!important;
    margin:0 0 7px!important;
  }

  body.theme-whmcs .wh-home-products .tz-product-card h3,
  body.theme-whmcs .wh-related-products-v115 .tz-product-card h3,
  body.theme-whmcs .tz-products-grid .tz-product-card h3,
  body.theme-whmcs .tz-category-main-exact .tz-product-card h3,
  body.theme-whmcs .wh-shop-main-v21 .tz-product-card h3{
    flex:0 0 auto!important;
    margin:0 0 5px!important;
    min-height:24px!important;
    line-height:24px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  body.theme-whmcs .wh-home-products .tz-card-category,
  body.theme-whmcs .wh-related-products-v115 .tz-card-category,
  body.theme-whmcs .tz-products-grid .tz-card-category,
  body.theme-whmcs .tz-category-main-exact .tz-card-category,
  body.theme-whmcs .wh-shop-main-v21 .tz-card-category{
    flex:0 0 auto!important;
    min-height:21px!important;
    line-height:21px!important;
    margin:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  /* Keep the tag row compact and reserve a real gap before actions. */
  body.theme-whmcs .wh-home-products .tz-tags,
  body.theme-whmcs .wh-related-products-v115 .tz-tags,
  body.theme-whmcs .tz-products-grid .tz-tags,
  body.theme-whmcs .tz-category-main-exact .tz-tags,
  body.theme-whmcs .wh-shop-main-v21 .tz-tags{
    flex:0 0 34px!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    margin:8px 0 12px!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    display:flex!important;
    align-items:flex-start!important;
    gap:7px!important;
  }

  body.theme-whmcs .wh-home-products .tz-tags span,
  body.theme-whmcs .wh-related-products-v115 .tz-tags span,
  body.theme-whmcs .tz-products-grid .tz-tags span,
  body.theme-whmcs .tz-category-main-exact .tz-tags span,
  body.theme-whmcs .wh-shop-main-v21 .tz-tags span{
    flex:0 0 auto!important;
    max-width:230px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  /* Critical: normal flow, width:auto. Never combine width:100% with left/right. */
  body.theme-whmcs .wh-home-products .tz-card-bottom,
  body.theme-whmcs .wh-related-products-v115 .tz-card-bottom,
  body.theme-whmcs .tz-products-grid .tz-card-bottom,
  body.theme-whmcs .tz-category-main-exact .tz-card-bottom,
  body.theme-whmcs .wh-shop-main-v21 .tz-card-bottom{
    position:static!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    flex:0 0 44px!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    column-gap:8px!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }

  body.theme-whmcs .wh-home-products .tz-card-bottom .price,
  body.theme-whmcs .wh-related-products-v115 .tz-card-bottom .price,
  body.theme-whmcs .tz-products-grid .tz-card-bottom .price,
  body.theme-whmcs .tz-category-main-exact .tz-card-bottom .price,
  body.theme-whmcs .wh-shop-main-v21 .tz-card-bottom .price{
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  body.theme-whmcs .wh-home-products .tz-card-actions,
  body.theme-whmcs .wh-related-products-v115 .tz-card-actions,
  body.theme-whmcs .tz-products-grid .tz-card-actions,
  body.theme-whmcs .tz-category-main-exact .tz-card-actions,
  body.theme-whmcs .wh-shop-main-v21 .tz-card-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:8px!important;
    width:auto!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    position:static!important;
  }

  body.theme-whmcs .wh-home-products .tz-preview,
  body.theme-whmcs .wh-related-products-v115 .tz-preview,
  body.theme-whmcs .tz-products-grid .tz-preview,
  body.theme-whmcs .tz-category-main-exact .tz-preview,
  body.theme-whmcs .wh-shop-main-v21 .tz-preview{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 auto!important;
    width:auto!important;
    min-width:96px!important;
    max-width:none!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    padding:0 15px!important;
    box-sizing:border-box!important;
    border-radius:24px!important;
    background:#f0efff!important;
    color:#655de4!important;
    border:0!important;
    font-size:14px!important;
    font-weight:700!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:visible!important;
    visibility:visible!important;
    opacity:1!important;
  }

  body.theme-whmcs .wh-home-products .tz-cart-circle,
  body.theme-whmcs .wh-related-products-v115 .tz-cart-circle,
  body.theme-whmcs .tz-products-grid .tz-cart-circle,
  body.theme-whmcs .tz-category-main-exact .tz-cart-circle,
  body.theme-whmcs .wh-shop-main-v21 .tz-cart-circle{
    display:grid!important;
    place-items:center!important;
    flex:0 0 42px!important;
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    padding:0!important;
    margin:0!important;
    border-radius:50%!important;
    background:#655ce9!important;
    color:#fff!important;
    border:0!important;
    overflow:visible!important;
    visibility:visible!important;
    opacity:1!important;
  }

  body.theme-whmcs .wh-home-products .tz-card-cart-icon,
  body.theme-whmcs .wh-related-products-v115 .tz-card-cart-icon,
  body.theme-whmcs .tz-products-grid .tz-card-cart-icon,
  body.theme-whmcs .tz-category-main-exact .tz-card-cart-icon,
  body.theme-whmcs .wh-shop-main-v21 .tz-card-cart-icon{
    display:block!important;
    width:19px!important;
    height:19px!important;
    max-width:19px!important;
    max-height:19px!important;
    color:#fff!important;
  }

  /* ---------------- Client header profile icon ---------------- */
  body.theme-whmcs .tz-account-trigger{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    border-radius:50%!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
    border:1px solid #e7e8f0!important;
    background:#fff!important;
    color:#4f46e5!important;
    overflow:hidden!important;
  }
  body.theme-whmcs .tz-account-trigger svg{
    width:21px!important;
    height:21px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.8!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }
  body.theme-whmcs .tz-account-trigger-photo img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    display:block!important;
  }

  /* ---------------- Client area: desktop-first pages ---------------- */
  body.theme-whmcs .client-area-shell{
    width:min(1440px,calc(100% - 64px))!important;
    max-width:none!important;
    margin:28px auto 70px!important;
    grid-template-columns:260px minmax(0,1fr)!important;
    gap:28px!important;
    align-items:start!important;
  }
  body.theme-whmcs .client-area-shell-profile-only{
    display:block!important;
    width:min(1440px,calc(100% - 64px))!important;
    max-width:none!important;
    margin:28px auto 70px!important;
  }
  body.theme-whmcs .client-main-full{min-width:0!important;width:100%!important}

  body.theme-whmcs .client-area-shell .page-head,
  body.theme-whmcs .client-main-full .page-head{
    display:flex!important;
    align-items:flex-end!important;
    justify-content:space-between!important;
    gap:24px!important;
    margin:0 0 22px!important;
    padding:0!important;
  }
  body.theme-whmcs .client-area-shell .page-head h1,
  body.theme-whmcs .client-main-full .page-head h1{
    font-size:36px!important;
    line-height:1.15!important;
    margin:4px 0 8px!important;
    letter-spacing:-.6px!important;
  }
  body.theme-whmcs .client-area-shell .page-head .muted,
  body.theme-whmcs .client-main-full .page-head .muted{font-size:14px!important}

  body.theme-whmcs .client-main-full>.card,
  body.theme-whmcs .client-area-shell .client-main>.card{
    width:100%!important;
    max-width:none!important;
    padding:28px!important;
    border-radius:20px!important;
    border:1px solid #e9e9f1!important;
    box-shadow:0 10px 30px rgba(31,35,55,.06)!important;
  }

  body.theme-whmcs .client-main-full .form-grid,
  body.theme-whmcs .client-area-shell .client-main .form-grid{
    gap:20px!important;
  }
  body.theme-whmcs .client-main-full .field label,
  body.theme-whmcs .client-area-shell .client-main .field label{
    font-size:13px!important;
    font-weight:700!important;
    margin-bottom:7px!important;
  }
  body.theme-whmcs .client-main-full .field input,
  body.theme-whmcs .client-main-full .field select,
  body.theme-whmcs .client-main-full .field textarea,
  body.theme-whmcs .client-area-shell .client-main .field input,
  body.theme-whmcs .client-area-shell .client-main .field select,
  body.theme-whmcs .client-area-shell .client-main .field textarea{
    min-height:46px!important;
    padding:11px 13px!important;
    border-radius:11px!important;
    font-size:14px!important;
    box-sizing:border-box!important;
  }
  body.theme-whmcs .client-main-full .field textarea,
  body.theme-whmcs .client-area-shell .client-main .field textarea{min-height:130px!important}

  /* Orders: spacious desktop rows, including pending/paid/cancelled states. */
  body.theme-whmcs .client-main-full .account-order-card,
  body.theme-whmcs .client-area-shell .account-order-card{
    padding:20px 22px!important;
    margin-top:14px!important;
    border-radius:16px!important;
    border:1px solid #e8e9f0!important;
    box-shadow:0 7px 22px rgba(31,35,55,.045)!important;
  }
  body.theme-whmcs .account-order-head{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:20px!important}
  body.theme-whmcs .account-order-head b{font-size:16px!important}
  body.theme-whmcs .account-order-head small{font-size:12px!important;margin-top:5px!important}
  body.theme-whmcs .download-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;padding:16px 0!important;border-top:1px solid #f0f1f5!important}
  body.theme-whmcs .download-row>b,
  body.theme-whmcs .download-row div b{font-size:14px!important}
  body.theme-whmcs .download-row small{font-size:12px!important}

  /* Payment / checkout desktop presentation. */
  body.theme-whmcs .checkout-page,
  body.theme-whmcs .pending-pay-summary,
  body.theme-whmcs .pending-pay-form{
    width:min(1440px,calc(100% - 64px))!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  body.theme-whmcs .checkout-page{padding-bottom:60px!important}
  body.theme-whmcs .checkout-page .cart-grid{grid-template-columns:minmax(0,1.55fr) minmax(360px,.75fr)!important;gap:24px!important;align-items:start!important}
  body.theme-whmcs .checkout-page .cart-grid>.card{padding:28px!important;border-radius:20px!important}
  body.theme-whmcs .pending-pay-summary,
  body.theme-whmcs .pending-pay-form{border-radius:20px!important;padding:26px!important}
  body.theme-whmcs .payment-options{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
  body.theme-whmcs .payment-option-card{min-height:92px!important;padding:16px!important;border-radius:15px!important}

  /* Dashboard profile/avatar and desktop proportions. */
  body.theme-whmcs .client-dashboard-pro{
    width:min(1440px,calc(100% - 64px))!important;
    max-width:none!important;
    margin:0 auto!important;
    padding:14px 0 55px!important;
  }
  body.theme-whmcs .client-dashboard-profile-card{
    min-width:330px!important;
    padding:18px!important;
    border-radius:20px!important;
  }
  body.theme-whmcs .client-avatar-lg{
    width:64px!important;
    height:64px!important;
    border-radius:50%!important;
    overflow:hidden!important;
    flex:0 0 64px!important;
  }
  body.theme-whmcs .client-avatar-lg img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
  body.theme-whmcs .client-dashboard-stats{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px!important}
  body.theme-whmcs .client-dashboard-grid-single{margin-top:22px!important}
  body.theme-whmcs .client-dashboard-panel{padding:26px!important;border-radius:20px!important}
}

@media (max-width:800px){
  body.theme-whmcs .checkout-page,
  body.theme-whmcs .pending-pay-summary,
  body.theme-whmcs .pending-pay-form{width:auto!important;margin-left:0!important;margin-right:0!important}
  body.theme-whmcs .tz-account-trigger{width:36px!important;height:36px!important;min-width:36px!important}
}

/* V149 — desktop account dropdown hard reset.
   The previous accumulated dropdown rules were fighting each other and
   allowing inherited flex/text sizing to corrupt menu rows. */
@media (min-width:801px){
  body.theme-whmcs .tz-account-wrap{position:relative!important;z-index:2147483000!important}
  body.theme-whmcs .tz-account-trigger{position:relative!important;z-index:2147483001!important;display:grid!important;place-items:center!important;overflow:hidden!important}
  body.theme-whmcs .tz-account-trigger img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;border-radius:inherit!important}
  body.theme-whmcs .tz-account-dropdown,
  body.theme-whmcs .tz-account-dropdown.is-open{
    position:fixed!important;
    top:88px!important;
    right:24px!important;
    left:auto!important;
    width:400px!important;
    min-width:400px!important;
    max-width:400px!important;
    height:auto!important;
    max-height:none!important;
    min-height:0!important;
    margin:0!important;
    padding:14px!important;
    display:none!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
    background:#fff!important;
    border:1px solid #e8eaf2!important;
    border-radius:22px!important;
    box-shadow:0 24px 70px rgba(20,28,55,.18),0 8px 26px rgba(91,78,205,.08)!important;
    isolation:isolate!important;
    transform:none!important;
    visibility:visible!important;
    opacity:1!important;
  }
  body.theme-whmcs .tz-account-dropdown.is-open{display:block!important}
  body.theme-whmcs .tz-account-dropdown *{box-sizing:border-box!important}
  body.theme-whmcs .tz-account-user{display:flex!important;flex-direction:row!important;align-items:center!important;gap:14px!important;width:100%!important;min-height:78px!important;padding:14px!important;margin:0 0 6px!important}
  body.theme-whmcs .tz-account-avatar{width:56px!important;height:56px!important;min-width:56px!important;flex:0 0 56px!important;border-radius:16px!important;overflow:hidden!important;display:grid!important;place-items:center!important}
  body.theme-whmcs .tz-account-avatar img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
  body.theme-whmcs .tz-account-avatar.tz-photo-failed:after{content:'U';display:grid;place-items:center;width:100%;height:100%;background:linear-gradient(135deg,#6657ed,#8249ed);color:#fff;font-size:22px;font-weight:900}
  body.theme-whmcs .tz-account-user-copy{display:block!important;min-width:0!important;flex:1 1 auto!important;overflow:hidden!important}
  body.theme-whmcs .tz-account-user b{display:block!important;width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:17px!important;line-height:1.3!important}
  body.theme-whmcs .tz-account-user small{display:block!important;width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:12px!important;line-height:1.4!important}
  body.theme-whmcs .tz-account-label{display:block!important;width:100%!important;padding:16px 8px 8px!important;font-size:10px!important;line-height:1!important;letter-spacing:.15em!important}
  body.theme-whmcs .tz-account-dropdown>a.tz-account-item,
  body.theme-whmcs .tz-account-dropdown>a.tz-account-item:hover,
  body.theme-whmcs .tz-account-dropdown>a.tz-account-item:focus{
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr)!important;
    align-items:center!important;
    column-gap:12px!important;
    width:100%!important;
    min-width:0!important;
    min-height:54px!important;
    height:54px!important;
    margin:3px 0!important;
    padding:7px 10px!important;
    border:0!important;
    border-radius:14px!important;
    background:#fff!important;
    color:#273043!important;
    font-family:inherit!important;
    font-size:15px!important;
    line-height:1.25!important;
    font-weight:750!important;
    text-decoration:none!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    position:relative!important;
  }
  body.theme-whmcs .tz-account-dropdown>a.tz-account-item:hover{background:#f5f3ff!important;color:#5d55df!important}
  body.theme-whmcs .tz-account-dropdown>a.tz-account-item .tz-account-link-icon{
    width:40px!important;height:40px!important;min-width:40px!important;max-width:40px!important;
    display:grid!important;place-items:center!important;
    border-radius:12px!important;
    background:#f1efff!important;color:#6258df!important;
    font-size:0!important;
  }
  body.theme-whmcs .tz-account-dropdown>a.tz-account-item .tz-account-link-icon svg{width:20px!important;height:20px!important;display:block!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important}
  body.theme-whmcs .tz-account-dropdown>a.tz-account-item .tz-account-item-text{
    display:block!important;min-width:0!important;width:auto!important;flex:initial!important;
    font-size:15px!important;line-height:1.25!important;font-weight:750!important;
    color:inherit!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
    text-align:left!important;
  }
  body.theme-whmcs .tz-account-divider{display:block!important;width:calc(100% - 16px)!important;height:1px!important;margin:10px 8px!important;background:#edf0f5!important}
  body.theme-whmcs .tz-account-dropdown>a.tz-account-logout{color:#d92d20!important;background:#fff!important}
  body.theme-whmcs .tz-account-dropdown>a.tz-account-logout:hover{background:#fff5f4!important;color:#c5221f!important}
  body.theme-whmcs .tz-account-dropdown>a.tz-account-logout .tz-account-link-icon{background:#fff1f0!important;color:#d92d20!important}
  body.theme-whmcs .tz-account-dropdown:before{right:62px!important;top:-8px!important;width:15px!important;height:15px!important;background:#fff!important}
}

/* V151 — conservative desktop polish only.  V149 storefront/header stays intact. */
@media (min-width:901px){
  /* Header: keep the existing nav/search layout; remove only the search icon button. */
  body.theme-whmcs .tz-search button{display:none!important}
  body.theme-whmcs .tz-search input{width:100%!important;padding-right:16px!important}

  /* Profile/category menus share the same clean account-dropdown visual language. */
  body.theme-whmcs .tz-nav-dropdown-menu{
    width:400px!important;min-width:400px!important;max-width:400px!important;
    padding:14px!important;border-radius:22px!important;
    background:#fff!important;border:1px solid #e8eaf2!important;
    box-shadow:0 24px 70px rgba(20,28,55,.18),0 8px 26px rgba(91,78,205,.08)!important;
  }
  body.theme-whmcs .tz-nav-dropdown-menu .tz-nav-dropdown-title{
    padding:10px 12px 12px!important;margin:0 0 5px!important;
    font-size:11px!important;line-height:1!important;letter-spacing:.14em!important;
    font-weight:850!important;color:#7a8192!important;text-transform:uppercase!important;
  }
  body.theme-whmcs .tz-nav-dropdown-menu>a{
    display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;
    align-items:center!important;column-gap:12px!important;
    min-height:54px!important;height:54px!important;margin:3px 0!important;
    padding:7px 10px!important;border-radius:14px!important;
    color:#273043!important;font-size:15px!important;font-weight:750!important;
    white-space:nowrap!important;overflow:hidden!important;
  }
  body.theme-whmcs .tz-nav-dropdown-menu>a:before{
    content:'▣';width:40px!important;height:40px!important;border-radius:12px!important;
    display:grid!important;place-items:center!important;background:#f1efff!important;
    color:#6258df!important;font-size:17px!important;
  }
  body.theme-whmcs .tz-nav-dropdown-menu>a:hover{background:#f5f3ff!important;color:#5d55df!important}
  body.theme-whmcs .tz-nav-dropdown-menu .tz-nav-dropdown-all{
    margin-top:9px!important;border-top:1px solid #edf0f5!important;border-radius:0 0 12px 12px!important;
    padding-top:12px!important;color:#5f55e8!important;font-weight:850!important;
  }
  body.theme-whmcs .tz-nav-dropdown-menu .tz-nav-dropdown-all:before{content:'→'!important}

  /* Hero: keep V149 hero composition; put Digital Products Ready on the right artwork side. */
  body.theme-whmcs .wh-rct-art{position:relative!important;}
  body.theme-whmcs .wh-rct-ready-desktop{
    position:absolute!important;right:28px!important;top:34px!important;z-index:8!important;
    margin:0!important;display:inline-flex!important;
  }

  /* Desktop filter toolbar: one clean horizontal row, with the price range beneath min/max. */
  body.theme-whmcs .tz-filter-card-exact{
    width:calc(100% - 64px)!important;max-width:var(--desktop-max)!important;margin:0 auto 24px!important;
    padding:14px!important;border-radius:14px!important;
  }
  body.theme-whmcs .tz-filter-card-exact form{
    display:grid!important;
    grid-template-columns:minmax(340px,1fr) 160px 160px 190px 135px!important;
    grid-template-rows:44px 20px!important;gap:6px 10px!important;align-items:center!important;
  }
  body.theme-whmcs .tz-filter-search-exact{grid-column:1!important;grid-row:1 / 3!important;height:44px!important}
  body.theme-whmcs .tz-filter-row-exact{display:contents!important}
  body.theme-whmcs .tz-filter-row-exact>div:nth-child(1){grid-column:2!important;grid-row:1!important}
  body.theme-whmcs .tz-filter-row-exact>div:nth-child(2){grid-column:3!important;grid-row:1!important}
  body.theme-whmcs .tz-range-exact{grid-column:2 / 4!important;grid-row:2!important;width:100%!important;height:18px!important;display:flex!important;align-items:center!important;position:relative!important;margin:0!important}
  body.theme-whmcs .tz-select-exact{grid-column:4!important;grid-row:1 / 3!important;align-self:center!important}
  body.theme-whmcs .tz-filter-btn-exact{grid-column:5!important;grid-row:1 / 3!important;align-self:center!important;width:100%!important}
  body.theme-whmcs .tz-price-input-exact{height:44px!important}
  body.theme-whmcs .tz-filter-row-exact label{font-size:10px!important;margin-bottom:3px!important}
  body.theme-whmcs .tz-range-exact input[type=range]{width:100%!important;margin:0!important}

  /* Custom web solution banner: give desktop its own full-width proportion. */
  body.theme-whmcs .wh-seller{padding:34px 0!important}
  body.theme-whmcs .wh-seller-box{min-height:94px!important;padding:18px 22px!important;border-radius:16px!important;display:grid!important;grid-template-columns:54px minmax(0,1fr) auto 210px!important;align-items:center!important;gap:18px!important}
  body.theme-whmcs .wh-seller-box h2{font-size:21px!important;line-height:1.2!important;margin:0 0 5px!important}
  body.theme-whmcs .wh-seller-box p{font-size:13px!important;line-height:1.45!important;margin:0!important}
  body.theme-whmcs .wh-seller-box ul{font-size:11px!important;line-height:1.7!important;margin:0!important}

  /* Why Choose: desktop-first typography and four equal cards. */
  body.theme-whmcs .wh-why{padding:70px 0!important}
  body.theme-whmcs .wh-why>.container{width:calc(100% - 64px)!important;max-width:var(--desktop-max)!important;margin:0 auto!important}
  body.theme-whmcs .wh-why h2{font-size:38px!important;line-height:1.15!important;margin:0 0 34px!important}
  body.theme-whmcs .wh-why-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:22px!important}
  body.theme-whmcs .wh-why-grid>div{min-height:190px!important;padding:28px!important;border-radius:18px!important}
  body.theme-whmcs .wh-why-grid b{width:52px!important;height:52px!important;border-radius:14px!important;font-size:24px!important}
  body.theme-whmcs .wh-why-grid strong{font-size:17px!important;margin-top:16px!important}
  body.theme-whmcs .wh-why-grid p{font-size:14px!important;line-height:1.7!important;margin-top:8px!important}

  /* FAQ: larger desktop cards and readable question/answer text. */
  body.theme-whmcs .tz-home-faq{padding:70px 0 76px!important}
  body.theme-whmcs .tz-home-faq>.container{width:calc(100% - 64px)!important;max-width:var(--desktop-max)!important;margin:0 auto!important}
  body.theme-whmcs .tz-home-faq-head{margin-bottom:28px!important}
  body.theme-whmcs .tz-home-faq-head h2{font-size:36px!important}
  body.theme-whmcs .tz-home-faq-head p{font-size:15px!important}
  body.theme-whmcs .tz-home-faq-item summary{padding:22px 24px!important;font-size:16px!important;min-height:68px!important}
  body.theme-whmcs .tz-home-faq-item summary span{width:32px!important;height:32px!important}
  body.theme-whmcs .tz-home-faq-item>div{padding:0 24px 24px!important;font-size:14px!important;line-height:1.75!important}

  /* Footer: desktop proportions only; preserve existing footer structure/colors. */
  body.theme-whmcs .tz-footer-exact{padding-top:62px!important}
  body.theme-whmcs .tz-footer-grid-exact{width:calc(100% - 64px)!important;max-width:var(--desktop-max)!important;gap:44px!important;padding-bottom:48px!important}
  body.theme-whmcs .tz-footer-grid-exact h4{font-size:17px!important;margin-bottom:16px!important}
  body.theme-whmcs .tz-footer-list-exact a,
  body.theme-whmcs .tz-footer-contact-exact p{font-size:14px!important;line-height:1.9!important}
  body.theme-whmcs .tz-footer-bottom-exact>.container{min-height:62px!important;font-size:13px!important}
}

@media (max-width:900px){
  body.theme-whmcs .wh-rct-ready-desktop{display:none!important}
}

/* V152 — FAQ desktop-only repair. Keep V151 storefront unchanged elsewhere. */
@media (min-width:901px){
  body.theme-whmcs .tz-home-faq{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:72px 0 82px!important;
    background:#f8f9fc!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }
  body.theme-whmcs .tz-home-faq>.container{
    width:100%!important;
    max-width:1440px!important;
    margin:0 auto!important;
    padding:0 32px!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }
  body.theme-whmcs .tz-home-faq-head{
    width:100%!important;
    display:flex!important;
    align-items:flex-end!important;
    justify-content:space-between!important;
    gap:32px!important;
    margin:0 0 30px!important;
    box-sizing:border-box!important;
  }
  body.theme-whmcs .tz-home-faq-head>div{min-width:0!important;}
  body.theme-whmcs .tz-home-faq-head .eyebrow{
    display:block!important;
    margin:0 0 8px!important;
    font-size:12px!important;
    font-weight:800!important;
    letter-spacing:.12em!important;
    text-transform:uppercase!important;
    color:#777f91!important;
  }
  body.theme-whmcs .tz-home-faq-head h2{
    margin:0 0 8px!important;
    font-size:38px!important;
    line-height:1.12!important;
    letter-spacing:-.8px!important;
    color:#182238!important;
  }
  body.theme-whmcs .tz-home-faq-head p{
    margin:0!important;
    font-size:15px!important;
    line-height:1.55!important;
    color:#7b8497!important;
  }
  body.theme-whmcs .tz-faq-link{
    flex:0 0 auto!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:46px!important;
    padding:0 18px!important;
    border-radius:12px!important;
    background:#f0edff!important;
    color:#5e54df!important;
    font-size:14px!important;
    font-weight:800!important;
    text-decoration:none!important;
    box-shadow:none!important;
    white-space:nowrap!important;
  }
  body.theme-whmcs .tz-faq-link:hover{background:#e8e3ff!important;color:#4d44ce!important;}
  body.theme-whmcs .tz-home-faq-grid{
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:16px!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }
  body.theme-whmcs .tz-home-faq-item{
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    border:1px solid #e6e9f1!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:0 8px 24px rgba(31,39,67,.055)!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  body.theme-whmcs .tz-home-faq-item summary{
    width:100%!important;
    min-height:70px!important;
    margin:0!important;
    padding:18px 20px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:18px!important;
    box-sizing:border-box!important;
    color:#263149!important;
    font-size:16px!important;
    line-height:1.35!important;
    font-weight:800!important;
    background:#fff!important;
  }
  body.theme-whmcs .tz-home-faq-item summary span{
    flex:0 0 32px!important;
    width:32px!important;
    height:32px!important;
    border-radius:9px!important;
    display:grid!important;
    place-items:center!important;
    background:#f0edff!important;
    color:#6257df!important;
    font-size:20px!important;
    line-height:1!important;
  }
  body.theme-whmcs .tz-home-faq-item>div{
    margin:0!important;
    padding:0 20px 20px!important;
    color:#727c91!important;
    font-size:14px!important;
    line-height:1.75!important;
    background:#fff!important;
  }
  body.theme-whmcs .tz-home-faq-item:hover{
    border-color:#dedbf4!important;
    box-shadow:0 12px 30px rgba(31,39,67,.08)!important;
    transform:translateY(-1px)!important;
  }
}

/* V153 — Desktop-only finishing pass: Contact/Why containers + footer card + copyright. */
@media (min-width:901px){
  /* Custom Web Solution: keep the existing banner, only repair its desktop canvas. */
  body.theme-whmcs .wh-seller{
    width:100%!important;
    box-sizing:border-box!important;
    overflow:visible!important;
    padding:34px 0!important;
  }
  body.theme-whmcs .wh-seller>.wh-seller-box{
    width:calc(100% - 64px)!important;
    max-width:var(--desktop-max)!important;
    margin:0 auto!important;
    box-sizing:border-box!important;
    min-width:0!important;
    overflow:visible!important;
  }
  body.theme-whmcs .wh-seller-box>*{min-width:0!important;}
  body.theme-whmcs .wh-seller-box ul{min-width:190px!important;}

  /* Why Choose: restore a complete desktop white container, with no side clipping. */
  body.theme-whmcs .wh-why{
    width:100%!important;
    box-sizing:border-box!important;
    overflow:visible!important;
    padding:70px 0 76px!important;
  }
  body.theme-whmcs .wh-why>.container{
    width:calc(100% - 64px)!important;
    max-width:var(--desktop-max)!important;
    margin:0 auto!important;
    padding:34px!important;
    box-sizing:border-box!important;
    border:1px solid #e8eaf1!important;
    border-radius:20px!important;
    background:#fff!important;
    box-shadow:0 12px 34px rgba(25,35,70,.06)!important;
    overflow:visible!important;
  }
  body.theme-whmcs .wh-why h2{margin:0 0 34px!important;}
  body.theme-whmcs .wh-why-grid{width:100%!important;box-sizing:border-box!important;}
  body.theme-whmcs .wh-why-grid>div{min-width:0!important;box-sizing:border-box!important;}

  /* Footer: retain all existing footer content, but place it on a clean white desktop container. */
  body.theme-whmcs .tz-footer-exact{
    width:100%!important;
    box-sizing:border-box!important;
    background:#f7f8fc!important;
    border-top:0!important;
    padding:42px 0 0!important;
    overflow:visible!important;
  }
  body.theme-whmcs .tz-footer-grid-exact{
    width:calc(100% - 64px)!important;
    max-width:var(--desktop-max)!important;
    margin:0 auto!important;
    box-sizing:border-box!important;
    background:#fff!important;
    border:1px solid #e8eaf1!important;
    border-radius:22px!important;
    box-shadow:0 12px 34px rgba(25,35,70,.055)!important;
    padding:46px 40px 48px!important;
    overflow:visible!important;
  }
  body.theme-whmcs .tz-footer-bottom-exact{
    width:100%!important;
    margin-top:18px!important;
    padding:0 0 26px!important;
    border-top:0!important;
    background:transparent!important;
  }
  body.theme-whmcs .tz-footer-bottom-exact>.container{
    width:calc(100% - 64px)!important;
    max-width:var(--desktop-max)!important;
    min-height:68px!important;
    margin:0 auto!important;
    padding:18px 28px!important;
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:24px!important;
    flex-wrap:wrap!important;
    border:1px solid #e8eaf1!important;
    border-radius:16px!important;
    background:#fff!important;
    color:#667085!important;
    font-size:15px!important;
    line-height:1.5!important;
    text-align:center!important;
    box-shadow:0 8px 24px rgba(25,35,70,.04)!important;
  }
  body.theme-whmcs .tz-footer-bottom-exact>.container span{
    font-size:15px!important;
    line-height:1.5!important;
  }
  body.theme-whmcs .tz-footer-bottom-exact>.container span:first-child{
    font-size:17px!important;
    font-weight:750!important;
    color:#3f4658!important;
  }
}

/* V154 — Final desktop container cleanup: no duplicate Why card + full-width footer. */
@media (min-width:901px){
  /* Why Choose: one clean section, no duplicate outer white card. Keep the four feature cards. */
  body.theme-whmcs .wh-why{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:64px 0 72px!important;
    background:#fff!important;
    border:0!important;
    overflow:visible!important;
  }
  body.theme-whmcs .wh-why>.container{
    width:calc(100% - 56px)!important;
    max-width:var(--desktop-max)!important;
    margin:0 auto!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  body.theme-whmcs .wh-why h2{
    text-align:center!important;
    font-size:40px!important;
    line-height:1.2!important;
    margin:0 0 34px!important;
  }
  body.theme-whmcs .wh-why-grid{
    width:100%!important;
    margin:0!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:22px!important;
  }
  body.theme-whmcs .wh-why-grid>div{
    min-width:0!important;
    width:100%!important;
    box-sizing:border-box!important;
    background:#fff!important;
    border:1px solid #e8eaf1!important;
    border-radius:18px!important;
    box-shadow:0 10px 28px rgba(25,35,70,.055)!important;
  }

  /* Footer: full browser width. No boxed inner footer and no separate copyright card. */
  body.theme-whmcs .tz-footer-exact{
    width:100vw!important;
    max-width:none!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    padding:58px 0 0!important;
    background:#f7f8fc!important;
    border-top:1px solid #e8eaf1!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }
  body.theme-whmcs .tz-footer-grid-exact{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:52px clamp(28px,5vw,84px) 50px!important;
    box-sizing:border-box!important;
    background:#fff!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    display:grid!important;
  }
  body.theme-whmcs .tz-footer-bottom-exact{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    background:#fff!important;
    border-top:1px solid #e8eaf1!important;
    box-sizing:border-box!important;
  }
  body.theme-whmcs .tz-footer-bottom-exact>.container{
    width:100%!important;
    max-width:none!important;
    min-height:88px!important;
    margin:0!important;
    padding:20px clamp(28px,5vw,84px)!important;
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:18px!important;
    flex-wrap:wrap!important;
    border:0!important;
    border-radius:0!important;
    background:#fff!important;
    box-shadow:none!important;
    color:#667085!important;
    font-size:16px!important;
    line-height:1.5!important;
    text-align:center!important;
  }
  body.theme-whmcs .tz-footer-bottom-exact>.container span{
    font-size:16px!important;
    line-height:1.5!important;
  }
  body.theme-whmcs .tz-footer-bottom-exact>.container span:first-child{
    font-size:19px!important;
    font-weight:750!important;
    color:#252c42!important;
  }
}

/* V155 — Footer white finish: keep the existing desktop footer layout, remove dark/black appearance. */
@media (min-width:901px){
  body.theme-whmcs .tz-footer-exact{
    width:100vw!important;
    max-width:none!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    background:#fff!important;
    color:#252c42!important;
    border-top:1px solid #ececf2!important;
    box-shadow:none!important;
  }
  body.theme-whmcs .tz-footer-grid-exact{
    background:#fff!important;
    color:#252c42!important;
  }
  body.theme-whmcs .tz-footer-grid-exact h4{
    color:#252c42!important;
  }
  body.theme-whmcs .tz-footer-list-exact a,
  body.theme-whmcs .tz-footer-contact-exact p,
  body.theme-whmcs .tz-footer-contact-exact span{
    color:#667085!important;
  }
  body.theme-whmcs .tz-footer-bottom-exact,
  body.theme-whmcs .tz-footer-bottom-exact>.container{
    width:100%!important;
    max-width:none!important;
    background:#fff!important;
    color:#667085!important;
    border-top:1px solid #ececf2!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  body.theme-whmcs .tz-footer-bottom-exact>.container span:first-child{
    color:#252c42!important;
  }
}

/* V156 — Desktop lower-home surface: one continuous full-width white area from Custom Web Solution to footer. */
@media (min-width:901px){
  /* Desktop nav: remove the search field completely; keep navigation/icons unchanged. */
  body.theme-whmcs .tz-header-exact .tz-search{display:none!important;}

  /* One continuous storefront surface after the product area. No side gutters or visual gaps. */
  body.theme-whmcs .wh-home-lower-surface{
    width:100vw!important;
    max-width:none!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    background:#fff!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }
  body.theme-whmcs .wh-home-lower-surface > section{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    background:#fff!important;
    box-sizing:border-box!important;
  }
  /* Keep professional breathing room inside sections, but remove gaps between their backgrounds. */
  body.theme-whmcs .wh-home-lower-surface .wh-seller{
    padding:34px 0 34px!important;
  }
  body.theme-whmcs .wh-home-lower-surface .wh-seller > .wh-seller-box{
    width:calc(100% - 56px)!important;
    max-width:1440px!important;
    margin:0 auto!important;
    box-sizing:border-box!important;
  }
  body.theme-whmcs .wh-home-lower-surface .wh-why{
    padding:52px 0 58px!important;
    border:0!important;
    box-shadow:none!important;
  }
  body.theme-whmcs .wh-home-lower-surface .wh-why > .container{
    width:calc(100% - 56px)!important;
    max-width:1440px!important;
    margin:0 auto!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  body.theme-whmcs .wh-home-lower-surface .tz-home-faq{
    padding:54px 0 64px!important;
    background:#fff!important;
    border:0!important;
  }
  body.theme-whmcs .wh-home-lower-surface .tz-home-faq > .container{
    width:calc(100% - 56px)!important;
    max-width:1440px!important;
    margin:0 auto!important;
    padding:0!important;
  }
  /* Footer joins the same white surface with no visible gutter or dark band. */
  body.theme-whmcs .tz-footer-exact{
    margin-top:0!important;
    background:#fff!important;
    border-top:1px solid #ececf2!important;
  }
}

/* V157 — Desktop navigation + custom solution banner refinement. Mobile remains unchanged. */
@media (min-width:901px){
  body.theme-whmcs .tz-header-exact .tz-headrow{
    min-height:78px!important;
    height:78px!important;
    padding-left:18px!important;
    padding-right:18px!important;
    gap:18px!important;
  }
  body.theme-whmcs .tz-header-exact .tz-brand{display:flex!important;align-items:center!important;min-width:250px!important;}
  body.theme-whmcs .tz-header-exact .tz-mainnav{
    display:flex!important;align-items:center!important;justify-content:center!important;
    gap:6px!important;flex:1!important;min-width:0!important;
  }
  body.theme-whmcs .tz-header-exact .tz-mainnav>a,
  body.theme-whmcs .tz-header-exact .tz-nav-dropdown-trigger{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    min-height:44px!important;padding:0 15px!important;border-radius:11px!important;
    color:#1c2740!important;font-size:13px!important;font-weight:800!important;text-decoration:none!important;
    white-space:nowrap!important;transition:all .18s ease!important;
  }
  body.theme-whmcs .tz-header-exact .tz-mainnav>a:first-child{
    color:#5d55e9!important;background:#f1efff!important;
  }
  body.theme-whmcs .tz-header-exact .tz-mainnav>a:hover,
  body.theme-whmcs .tz-header-exact .tz-nav-dropdown-trigger:hover{color:#5d55e9!important;background:#f5f3ff!important;}
  body.theme-whmcs .tz-header-exact .tz-nav-dropdown-trigger span{font-size:14px!important;margin-left:6px!important;}
  body.theme-whmcs .tz-header-exact .tz-icons{gap:10px!important;align-items:center!important;}
  body.theme-whmcs .tz-header-exact .tz-icons>a.wh-cart{
    position:relative!important;width:46px!important;height:46px!important;border-radius:14px!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    background:#635be7!important;color:#fff!important;box-shadow:0 7px 18px rgba(99,91,231,.22)!important;
    text-decoration:none!important;
  }
  body.theme-whmcs .tz-header-exact .tz-icons>a.wh-cart svg{width:24px!important;height:24px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
  body.theme-whmcs .tz-header-exact .tz-icons>a.wh-cart em{
    position:absolute!important;right:-5px!important;top:-7px!important;min-width:20px!important;height:20px!important;padding:0 5px!important;
    border-radius:999px!important;background:#ef4444!important;color:#fff!important;font-size:10px!important;font-style:normal!important;font-weight:900!important;
    display:flex!important;align-items:center!important;justify-content:center!important;border:2px solid #fff!important;
  }
  body.theme-whmcs .tz-header-exact .tz-auth-links{gap:10px!important;margin-left:2px!important;display:flex!important;align-items:center!important;}
  body.theme-whmcs .tz-header-exact .tz-auth-links a{
    height:46px!important;min-width:142px!important;padding:0 17px!important;border-radius:12px!important;
    display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;
    font-size:13px!important;font-weight:850!important;white-space:nowrap!important;text-decoration:none!important;
  }
  body.theme-whmcs .tz-header-exact .tz-auth-links a svg{width:20px!important;height:20px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;flex:0 0 auto!important;}
  body.theme-whmcs .tz-header-exact .tz-auth-links a b{font-size:18px!important;line-height:1!important;font-weight:800!important;}
  body.theme-whmcs .tz-header-exact .tz-login-link{background:#fff!important;border:1.5px solid #635be7!important;color:#5d55e9!important;box-shadow:none!important;}
  body.theme-whmcs .tz-header-exact .tz-register-link{background:linear-gradient(135deg,#6257e9,#7139e7)!important;color:#fff!important;border:1.5px solid transparent!important;box-shadow:0 8px 18px rgba(98,87,233,.22)!important;}
  body.theme-whmcs .tz-header-exact .tz-login-icon{width:46px!important;height:46px!important;border-radius:50%!important;background:#fff!important;border:1.5px solid #e3e5ed!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#182239!important;}
  body.theme-whmcs .tz-header-exact .tz-login-icon svg{width:25px!important;height:25px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
  body.theme-whmcs .tz-header-exact .tz-account-trigger{width:46px!important;height:46px!important;border-radius:50%!important;background:#fff!important;border:1.5px solid #e3e5ed!important;}
  body.theme-whmcs .tz-header-exact .tz-account-trigger svg{width:25px!important;height:25px!important;fill:none!important;stroke:#182239!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
  body.theme-whmcs .tz-header-exact .tz-account-trigger-photo img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important;}

  /* Custom Web Solution: desktop mockup proportions, while keeping the existing component/content. */
  body.theme-whmcs .wh-seller{padding:30px 0 32px!important;background:#fff!important;}
  body.theme-whmcs .wh-seller > .wh-seller-box{
    min-height:260px!important;width:calc(100% - 56px)!important;max-width:1440px!important;margin:0 auto!important;
    padding:36px 46px!important;border-radius:26px!important;box-sizing:border-box!important;
    display:grid!important;grid-template-columns:72px minmax(0,1fr) auto 260px!important;align-items:center!important;gap:24px!important;
    background:linear-gradient(110deg,#1d356f 0%,#32248d 48%,#6a24df 100%)!important;
    box-shadow:0 16px 36px rgba(49,38,143,.18)!important;color:#fff!important;overflow:hidden!important;
  }
  body.theme-whmcs .wh-seller-icon{width:72px!important;height:72px!important;border-radius:18px!important;display:grid!important;place-items:center!important;background:rgba(255,255,255,.14)!important;color:#fff!important;font-size:30px!important;font-weight:900!important;}
  body.theme-whmcs .wh-seller-box h2{margin:0!important;color:#fff!important;font-size:clamp(28px,2.5vw,46px)!important;line-height:1.1!important;font-weight:850!important;letter-spacing:-.7px!important;}
  body.theme-whmcs .wh-seller-box p{margin:12px 0 0!important;color:rgba(255,255,255,.82)!important;font-size:16px!important;line-height:1.6!important;max-width:720px!important;}
  body.theme-whmcs .wh-seller-box .wh-btn-primary{justify-self:center!important;white-space:nowrap!important;padding:16px 26px!important;border-radius:12px!important;background:linear-gradient(135deg,#5b4cff,#8b3df1)!important;color:#fff!important;font-size:14px!important;font-weight:850!important;box-shadow:0 10px 24px rgba(0,0,0,.18)!important;}
  body.theme-whmcs .wh-seller-box ul{margin:0!important;padding:0!important;list-style:none!important;display:grid!important;gap:14px!important;color:#fff!important;font-size:14px!important;font-weight:750!important;}
  body.theme-whmcs .wh-seller-box ul li{margin:0!important;line-height:1.35!important;}
}

/* ================================================================
   V158 — ESTRA-STYLE DESKTOP CATEGORY / SHOP PAGE
   Desktop only. Mobile/category behaviour remains on the existing
   responsive rules. The page becomes a professional two-column
   marketplace: filter + categories on the left, products on right.
   ================================================================ */
@media (min-width:901px){
  body.theme-whmcs .tz-category-page-exact{
    width:min(1480px,calc(100% - 56px))!important;
    max-width:none!important;
    margin:0 auto!important;
    padding:28px 0 72px!important;
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:350px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    column-gap:28px!important;
    row-gap:20px!important;
    align-items:start!important;
  }

  /* Filter becomes the first left-sidebar card. */
  body.theme-whmcs .tz-category-page-exact > .tz-filter-card-exact{
    grid-column:1!important;
    grid-row:1!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:22px!important;
    border:1px solid #e8eaf2!important;
    border-radius:22px!important;
    background:#fff!important;
    box-shadow:0 10px 30px rgba(24,32,58,.055)!important;
    box-sizing:border-box!important;
  }

  body.theme-whmcs .tz-category-page-exact > .tz-filter-card-exact form{
    display:flex!important;
    flex-direction:column!important;
    gap:17px!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-filter-search-exact{
    width:100%!important;
    height:52px!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-filter-search-exact input{
    height:52px!important;
    border:1px solid #e3e6ef!important;
    border-radius:16px!important;
    padding:0 50px 0 17px!important;
    font-size:14px!important;
    color:#273043!important;
    background:#fff!important;
    box-sizing:border-box!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-filter-search-exact button{
    width:46px!important;
    height:46px!important;
    top:3px!important;
    right:3px!important;
    border-radius:13px!important;
    background:#f3f1ff!important;
    color:#6357e8!important;
  }

  body.theme-whmcs .tz-category-page-exact .tz-filter-row-exact{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:12px!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-filter-row-exact > div{display:block!important}
  body.theme-whmcs .tz-category-page-exact .tz-filter-row-exact label{
    display:block!important;
    font-size:13px!important;
    font-weight:700!important;
    color:#697386!important;
    margin:0 0 7px!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-price-input-exact{
    height:50px!important;
    border:1px solid #e3e6ef!important;
    border-radius:15px!important;
    background:#fff!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-price-input-exact span{font-size:13px!important;color:#7b8494!important}
  body.theme-whmcs .tz-category-page-exact .tz-price-input-exact input{font-size:14px!important;color:#273043!important}

  body.theme-whmcs .tz-category-page-exact .tz-range-exact{
    width:100%!important;
    height:24px!important;
    display:flex!important;
    align-items:center!important;
    margin:0!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-range-exact input[type=range]{
    height:5px!important;
    accent-color:#6257e8!important;
  }

  body.theme-whmcs .tz-category-page-exact .tz-select-exact{
    width:100%!important;
    height:50px!important;
    position:relative!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-select-exact select{
    width:100%!important;
    height:50px!important;
    border:1px solid #e3e6ef!important;
    border-radius:15px!important;
    padding:0 40px 0 16px!important;
    font-size:14px!important;
    color:#273043!important;
    background:#fff!important;
    appearance:none!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-select-exact b{
    position:absolute!important;
    right:17px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    color:#8b93a3!important;
    pointer-events:none!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-filter-btn-exact{
    width:100%!important;
    height:52px!important;
    border:0!important;
    border-radius:16px!important;
    background:linear-gradient(135deg,#5f54ed,#6841e9)!important;
    color:#fff!important;
    font-size:14px!important;
    font-weight:800!important;
    box-shadow:0 10px 20px rgba(98,80,225,.20)!important;
  }

  /* Heading occupies the top-right, aligned with the filter card. */
  body.theme-whmcs .tz-category-page-exact > .tz-category-heading-exact{
    grid-column:2!important;
    grid-row:1!important;
    margin:0!important;
    padding:2px 0 0!important;
    min-height:150px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
  }
  body.theme-whmcs .tz-category-page-exact > .tz-category-heading-exact > span{
    font-size:13px!important;
    line-height:1.2!important;
    color:#6358e7!important;
    font-weight:800!important;
    margin-bottom:7px!important;
  }
  body.theme-whmcs .tz-category-page-exact > .tz-category-heading-exact h1{
    margin:0!important;
    color:#17243b!important;
    font-size:42px!important;
    line-height:1.08!important;
    letter-spacing:-.025em!important;
    font-weight:850!important;
  }

  /* Turn the existing layout into the second row of the page grid. */
  body.theme-whmcs .tz-category-page-exact > .tz-category-layout-exact{
    grid-column:1 / -1!important;
    grid-row:2!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    display:grid!important;
    grid-template-columns:350px minmax(0,1fr)!important;
    gap:28px!important;
    align-items:start!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-category-sidebar-exact{
    grid-column:1!important;
    grid-row:1!important;
    display:block!important;
    position:sticky!important;
    top:98px!important;
    width:100%!important;
    box-sizing:border-box!important;
    padding:20px 18px!important;
    border:1px solid #e8eaf2!important;
    border-radius:22px!important;
    background:#fff!important;
    box-shadow:0 10px 30px rgba(24,32,58,.055)!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-category-sidebar-exact h3{
    margin:2px 8px 15px!important;
    color:#1d2940!important;
    font-size:19px!important;
    font-weight:850!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-category-sidebar-exact > a{
    min-height:48px!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    padding:7px 9px!important;
    margin:2px 0!important;
    border-radius:13px!important;
    color:#344054!important;
    font-size:14px!important;
    font-weight:650!important;
    border-bottom:1px solid #f0f1f5!important;
    box-sizing:border-box!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-category-sidebar-exact > a:last-child{border-bottom:0!important}
  body.theme-whmcs .tz-category-page-exact .tz-category-sidebar-exact > a.active{
    background:#f1efff!important;
    color:#5c52dd!important;
    font-weight:800!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-category-sidebar-exact > a b{
    margin-left:auto!important;
    min-width:30px!important;
    height:28px!important;
    padding:0 8px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:999px!important;
    background:#f0eeff!important;
    color:#6258df!important;
    font-size:12px!important;
  }

  body.theme-whmcs .tz-category-page-exact .tz-category-main-exact{
    grid-column:2!important;
    grid-row:1!important;
    min-width:0!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-category-main-exact .products.tz-products-grid{
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:22px!important;
    margin:0!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-category-main-exact .tz-product-card{
    width:100%!important;
    min-width:0!important;
  }

  /* At wider desktop widths, use four products across like the reference. */
  @media (min-width:1450px){
    body.theme-whmcs .tz-category-page-exact .tz-category-main-exact .products.tz-products-grid{
      grid-template-columns:repeat(4,minmax(0,1fr))!important;
    }
  }
}

/* ================================================================
   V160 — RESTORE V158 CATEGORY CARD GEOMETRY + CLEAN FILTER SEARCH
   Desktop only. Reverts the V159 grid-flow change that compressed
   category product cards. Keeps the Estra category design intact.
   ================================================================ */
@media (min-width:901px){
  body.theme-whmcs .tz-category-page-exact{
    width:min(1480px,calc(100% - 56px))!important;
    max-width:none!important;
    margin:0 auto!important;
    padding:28px 0 72px!important;
    display:grid!important;
    grid-template-columns:350px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    column-gap:28px!important;
    row-gap:20px!important;
    align-items:start!important;
    position:relative!important;
  }

  /* Keep the original V158 two-row structure. */
  body.theme-whmcs .tz-category-page-exact > .tz-filter-card-exact{
    grid-column:1!important;
    grid-row:1!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
  body.theme-whmcs .tz-category-page-exact > .tz-category-heading-exact{
    grid-column:2!important;
    grid-row:1!important;
    min-height:150px!important;
    margin:0!important;
    padding:2px 0 0!important;
    justify-content:center!important;
  }
  body.theme-whmcs .tz-category-page-exact > .tz-category-layout-exact{
    grid-column:1 / -1!important;
    grid-row:2!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    display:grid!important;
    grid-template-columns:350px minmax(0,1fr)!important;
    gap:28px!important;
    align-items:start!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-category-sidebar-exact{
    grid-column:1!important;
    grid-row:1!important;
    width:100%!important;
    margin:0!important;
    box-sizing:border-box!important;
    position:sticky!important;
    top:98px!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-category-main-exact{
    grid-column:2!important;
    grid-row:1!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    box-sizing:border-box!important;
  }

  /* Same product grid/card geometry used by the stable V158 design. */
  body.theme-whmcs .tz-category-page-exact .tz-category-main-exact .products.tz-products-grid{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:22px!important;
    align-items:stretch!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-category-main-exact .tz-product-card{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:580px!important;
    min-height:580px!important;
    max-height:580px!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-category-main-exact .tz-product-image{
    width:100%!important;
    height:320px!important;
    min-height:320px!important;
    max-height:320px!important;
    flex:0 0 320px!important;
    overflow:hidden!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-category-main-exact .tz-product-image img{
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    object-fit:cover!important;
    object-position:center!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-category-main-exact .product-body{
    width:100%!important;
    height:260px!important;
    min-height:260px!important;
    max-height:260px!important;
    flex:0 0 260px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }

  /* Search field: one clean rounded control with no nested legacy sizing. */
  body.theme-whmcs .tz-category-page-exact .tz-filter-search-exact{
    position:relative!important;
    width:100%!important;
    height:52px!important;
    min-height:52px!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-filter-search-exact input{
    width:100%!important;
    height:52px!important;
    min-height:52px!important;
    box-sizing:border-box!important;
    padding:0 54px 0 17px!important;
    margin:0!important;
    border:1px solid #e1e4ed!important;
    border-radius:16px!important;
    outline:0!important;
    background:#fff!important;
    color:#273043!important;
    font-size:14px!important;
    line-height:52px!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-filter-search-exact input::placeholder{
    color:#8b94a5!important;
    opacity:1!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-filter-search-exact button{
    position:absolute!important;
    right:4px!important;
    top:3px!important;
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    padding:0!important;
    margin:0!important;
    border:1px solid #dddff0!important;
    border-radius:13px!important;
    background:#f3f1ff!important;
    color:#6258dd!important;
    display:grid!important;
    place-items:center!important;
    font-size:18px!important;
    line-height:1!important;
  }

  /* Price fields: clean Rs. prefix + amount, with no browser-style overlap. */
  body.theme-whmcs .tz-category-page-exact .tz-filter-row-exact{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:12px!important;
    align-items:start!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-filter-row-exact > div{min-width:0!important;display:block!important;}
  body.theme-whmcs .tz-category-page-exact .tz-filter-row-exact label{
    display:block!important;
    margin:0 0 7px!important;
    font-size:13px!important;
    line-height:1.2!important;
    font-weight:700!important;
    color:#697386!important;
    white-space:nowrap!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-price-input-exact{
    width:100%!important;
    height:50px!important;
    display:flex!important;
    align-items:center!important;
    box-sizing:border-box!important;
    padding:0 14px!important;
    border:1px solid #e1e4ed!important;
    border-radius:15px!important;
    background:#fff!important;
    overflow:hidden!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-price-input-exact span{
    flex:0 0 auto!important;
    margin:0 7px 0 0!important;
    font-size:14px!important;
    line-height:1!important;
    color:#687386!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-price-input-exact input{
    flex:1 1 auto!important;
    width:1px!important;
    min-width:0!important;
    height:48px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    font-size:15px!important;
    line-height:48px!important;
    color:#273043!important;
    box-sizing:border-box!important;
  }
}

@media (min-width:1450px){
  body.theme-whmcs .tz-category-page-exact .tz-category-main-exact .products.tz-products-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

/* ================================================================
   V161 — FINAL CATEGORY PAGE RESTORE / HOMEPAGE PRODUCT MATCH
   Desktop only. The V160 two-row grid caused the product area to sit
   underneath the tall filter card and compressed the cards. This
   version keeps the filter/category column independent while the
   product heading + grid occupy the full right side immediately.
   Mobile is intentionally untouched.
   ================================================================ */
@media (min-width:901px){
  body.theme-whmcs .tz-category-page-exact{
    position:relative!important;
    display:block!important;
    width:min(1480px,calc(100% - 56px))!important;
    max-width:none!important;
    margin:0 auto!important;
    padding:28px 0 80px!important;
    min-height:780px!important;
    box-sizing:border-box!important;
  }

  /* Left filter card: fixed desktop column, never affects the right grid. */
  body.theme-whmcs .tz-category-page-exact > .tz-filter-card-exact{
    position:absolute!important;
    left:0!important;
    top:28px!important;
    width:320px!important;
    max-width:320px!important;
    margin:0!important;
    padding:20px!important;
    box-sizing:border-box!important;
    border:1px solid #e8eaf2!important;
    border-radius:22px!important;
    background:#fff!important;
    box-shadow:0 10px 30px rgba(24,32,58,.055)!important;
    z-index:5!important;
  }
  body.theme-whmcs .tz-category-page-exact > .tz-filter-card-exact form{
    display:flex!important;
    flex-direction:column!important;
    gap:16px!important;
  }

  /* Search: one complete field; icon is inside the field on the right. */
  body.theme-whmcs .tz-category-page-exact .tz-filter-search-exact{
    position:relative!important;
    width:100%!important;
    height:52px!important;
    min-height:52px!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-filter-search-exact input{
    display:block!important;
    width:100%!important;
    height:52px!important;
    min-height:52px!important;
    margin:0!important;
    padding:0 54px 0 16px!important;
    border:1px solid #e1e4ed!important;
    border-radius:16px!important;
    outline:0!important;
    box-sizing:border-box!important;
    background:#fff!important;
    color:#273043!important;
    -webkit-text-fill-color:#273043!important;
    font-size:14px!important;
    line-height:52px!important;
    opacity:1!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-filter-search-exact input::placeholder{
    color:#8b94a5!important;
    -webkit-text-fill-color:#8b94a5!important;
    opacity:1!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-filter-search-exact button{
    position:absolute!important;
    right:4px!important;
    top:3px!important;
    width:44px!important;
    height:46px!important;
    min-width:44px!important;
    padding:0!important;
    margin:0!important;
    border:1px solid #dddff0!important;
    border-radius:13px!important;
    background:#f3f1ff!important;
    color:#6258dd!important;
    display:grid!important;
    place-items:center!important;
    font-size:18px!important;
    line-height:1!important;
  }

  /* Price inputs: visible amounts, side-by-side, same height. */
  body.theme-whmcs .tz-category-page-exact .tz-filter-row-exact{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:10px!important;
    align-items:start!important;
    margin:0!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-filter-row-exact > div{
    min-width:0!important;
    display:block!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-filter-row-exact label{
    display:block!important;
    margin:0 0 7px!important;
    color:#697386!important;
    font-size:12px!important;
    line-height:1.2!important;
    font-weight:750!important;
    white-space:nowrap!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-price-input-exact{
    width:100%!important;
    height:50px!important;
    min-height:50px!important;
    display:flex!important;
    align-items:center!important;
    padding:0 12px!important;
    box-sizing:border-box!important;
    border:1px solid #e1e4ed!important;
    border-radius:15px!important;
    background:#fff!important;
    overflow:hidden!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-price-input-exact span{
    flex:0 0 auto!important;
    margin:0 6px 0 0!important;
    color:#697386!important;
    font-size:13px!important;
    line-height:1!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-price-input-exact input{
    display:block!important;
    flex:1 1 auto!important;
    width:100%!important;
    min-width:0!important;
    height:48px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    color:#273043!important;
    -webkit-text-fill-color:#273043!important;
    font-size:15px!important;
    line-height:48px!important;
    opacity:1!important;
    box-sizing:border-box!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-price-input-exact input::-webkit-inner-spin-button,
  body.theme-whmcs .tz-category-page-exact .tz-price-input-exact input::-webkit-outer-spin-button{
    -webkit-appearance:none!important;
    margin:0!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-price-input-exact input[type=number]{
    -moz-appearance:textfield!important;
    appearance:textfield!important;
  }

  /* Slider / select / button stay inside the same filter card. */
  body.theme-whmcs .tz-category-page-exact .tz-range-exact{
    width:100%!important;
    height:22px!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-range-exact input[type=range]{
    width:100%!important;
    margin:0!important;
    accent-color:#6257e8!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-select-exact{
    width:100%!important;
    height:50px!important;
    position:relative!important;
    margin:0!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-select-exact select{
    width:100%!important;
    height:50px!important;
    padding:0 40px 0 16px!important;
    border:1px solid #e1e4ed!important;
    border-radius:15px!important;
    outline:0!important;
    background:#fff!important;
    color:#273043!important;
    font-size:14px!important;
    appearance:none!important;
    box-sizing:border-box!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-select-exact b{
    position:absolute!important;
    right:16px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    color:#8b93a3!important;
    pointer-events:none!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-filter-btn-exact{
    width:100%!important;
    height:50px!important;
    min-height:50px!important;
    margin:0!important;
    border:0!important;
    border-radius:15px!important;
    background:linear-gradient(135deg,#5f54ed,#6841e9)!important;
    color:#fff!important;
    font-size:14px!important;
    font-weight:800!important;
    box-shadow:0 10px 20px rgba(98,80,225,.20)!important;
  }

  /* Right side: heading and products share the same content column. */
  body.theme-whmcs .tz-category-page-exact > .tz-category-heading-exact{
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    width:calc(100% - 348px)!important;
    margin:0 0 22px 348px!important;
    padding:8px 0 0!important;
    min-height:0!important;
    box-sizing:border-box!important;
  }
  body.theme-whmcs .tz-category-page-exact > .tz-category-heading-exact > span{
    margin:0 0 6px!important;
    color:#6358e7!important;
    font-size:13px!important;
    line-height:1.2!important;
    font-weight:800!important;
  }
  body.theme-whmcs .tz-category-page-exact > .tz-category-heading-exact h1{
    margin:0!important;
    color:#17243b!important;
    font-size:42px!important;
    line-height:1.08!important;
    letter-spacing:-.025em!important;
    font-weight:850!important;
  }

  /* Existing layout becomes a simple right-column content flow. */
  body.theme-whmcs .tz-category-page-exact > .tz-category-layout-exact{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-category-sidebar-exact{
    position:absolute!important;
    left:0!important;
    top:350px!important;
    width:320px!important;
    margin:0!important;
    padding:20px 18px!important;
    box-sizing:border-box!important;
    border:1px solid #e8eaf2!important;
    border-radius:22px!important;
    background:#fff!important;
    box-shadow:0 10px 30px rgba(24,32,58,.055)!important;
    z-index:4!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-category-sidebar-exact h3{
    margin:2px 8px 15px!important;
    color:#1d2940!important;
    font-size:19px!important;
    font-weight:850!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-category-sidebar-exact > a{
    min-height:48px!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    padding:7px 9px!important;
    margin:2px 0!important;
    border-radius:13px!important;
    color:#344054!important;
    font-size:14px!important;
    font-weight:650!important;
    box-sizing:border-box!important;
  }

  body.theme-whmcs .tz-category-page-exact .tz-category-main-exact{
    display:block!important;
    width:calc(100% - 348px)!important;
    max-width:none!important;
    min-width:0!important;
    margin:0 0 0 348px!important;
    padding:0!important;
    box-sizing:border-box!important;
  }

  /* EXACT homepage/related product card geometry. */
  body.theme-whmcs .tz-category-page-exact .tz-category-main-exact .products.tz-products-grid{
    width:100%!important;
    max-width:none!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:18px!important;
    margin:0!important;
    align-items:stretch!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-category-main-exact .tz-product-card{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    height:580px!important;
    min-height:580px!important;
    max-height:580px!important;
    margin:0!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-category-main-exact .tz-product-image{
    position:relative!important;
    width:100%!important;
    height:320px!important;
    min-height:320px!important;
    max-height:320px!important;
    flex:0 0 320px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-category-main-exact .tz-product-image>a{
    display:block!important;
    width:100%!important;
    height:100%!important;
    overflow:hidden!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-category-main-exact .tz-product-image img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    margin:0!important;
    padding:0!important;
    object-fit:contain!important;
    object-position:center center!important;
    transform:none!important;
    border-radius:0!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-category-main-exact .product-body{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    width:100%!important;
    height:260px!important;
    min-height:260px!important;
    max-height:260px!important;
    flex:0 0 260px!important;
    padding:16px 14px 14px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-category-main-exact .tz-verified{
    flex:0 0 auto!important;
    min-height:24px!important;
    margin:0 0 7px!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-category-main-exact .tz-product-card h3{
    flex:0 0 auto!important;
    margin:0 0 5px!important;
    min-height:24px!important;
    line-height:24px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-category-main-exact .tz-card-category{
    flex:0 0 auto!important;
    min-height:21px!important;
    line-height:21px!important;
    margin:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-category-main-exact .tz-tags{
    flex:0 0 34px!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    margin:8px 0 12px!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    display:flex!important;
    align-items:flex-start!important;
    gap:7px!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-category-main-exact .tz-card-bottom{
    position:static!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    flex:0 0 44px!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    column-gap:8px!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-category-main-exact .tz-card-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:8px!important;
    min-width:0!important;
    overflow:visible!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-category-main-exact .tz-preview{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:96px!important;
    height:42px!important;
    padding:0 15px!important;
    border-radius:24px!important;
    background:#f0efff!important;
    color:#655de4!important;
    font-size:14px!important;
    font-weight:700!important;
    white-space:nowrap!important;
    visibility:visible!important;
    opacity:1!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-category-main-exact .tz-cart-circle{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    flex:0 0 42px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:50%!important;
    background:#655ce9!important;
    color:#fff!important;
    border:0!important;
    padding:0!important;
    margin:0!important;
    font-size:17px!important;
    visibility:visible!important;
    opacity:1!important;
  }

  @media (min-width:1450px){
    body.theme-whmcs .tz-category-page-exact .tz-category-main-exact .products.tz-products-grid{
      grid-template-columns:repeat(3,minmax(0,1fr))!important;
    }
  }
}

/* ================================================================
   V162 — CATEGORY PAGE FLOW FIX
   The filter/category sidebar must stay in the left column and the
   product area in the right column. Keep footer below the complete
   category layout; never let an absolutely-positioned sidebar float
   over the footer. Desktop only; mobile is untouched.
   ================================================================ */
@media (min-width:901px){
  body.theme-whmcs .tz-category-page-exact{
    display:grid!important;
    grid-template-columns:340px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    column-gap:28px!important;
    row-gap:22px!important;
    width:min(1480px,calc(100% - 56px))!important;
    min-height:0!important;
    margin:0 auto!important;
    padding:28px 0 72px!important;
    position:relative!important;
    box-sizing:border-box!important;
  }

  /* Filter: normal grid item, so it defines the real first-row height. */
  body.theme-whmcs .tz-category-page-exact > .tz-filter-card-exact{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    grid-column:1!important;
    grid-row:1!important;
    width:340px!important;
    max-width:340px!important;
    margin:0!important;
    padding:20px!important;
    box-sizing:border-box!important;
    z-index:2!important;
  }

  /* Heading stays beside the filter, not below it. */
  body.theme-whmcs .tz-category-page-exact > .tz-category-heading-exact{
    grid-column:2!important;
    grid-row:1!important;
    width:100%!important;
    margin:0!important;
    padding:8px 0 0!important;
    min-height:0!important;
    box-sizing:border-box!important;
    align-self:start!important;
  }

  /* Make the wrapper transparent to the parent grid. */
  body.theme-whmcs .tz-category-page-exact > .tz-category-layout-exact{
    display:contents!important;
  }

  /* Category list sits directly below the filter. */
  body.theme-whmcs .tz-category-page-exact .tz-category-sidebar-exact{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    grid-column:1!important;
    grid-row:2!important;
    width:340px!important;
    max-width:340px!important;
    margin:0!important;
    padding:20px 18px!important;
    box-sizing:border-box!important;
    align-self:start!important;
    z-index:1!important;
  }

  /* Products sit directly below the category heading. */
  body.theme-whmcs .tz-category-page-exact .tz-category-main-exact{
    grid-column:2!important;
    grid-row:2!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
    align-self:start!important;
  }

  /* Keep the product grid at the same professional homepage geometry. */
  body.theme-whmcs .tz-category-page-exact .tz-category-main-exact .products.tz-products-grid{
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:18px!important;
    margin:0!important;
    align-items:stretch!important;
  }

  /* Price controls: force two genuinely independent columns. */
  body.theme-whmcs .tz-category-page-exact .tz-filter-row-exact{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:12px!important;
    width:100%!important;
    margin:0!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-filter-row-exact > div{
    width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-filter-row-exact label{
    width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    font-size:12px!important;
    line-height:16px!important;
    margin:0 0 7px!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-price-input-exact{
    width:100%!important;
    min-width:0!important;
    height:50px!important;
    padding:0 10px!important;
    display:flex!important;
    align-items:center!important;
    gap:5px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-price-input-exact span{
    flex:0 0 auto!important;
    margin:0!important;
    white-space:nowrap!important;
    font-size:12px!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-price-input-exact input{
    flex:1 1 0!important;
    width:0!important;
    min-width:0!important;
    max-width:100%!important;
    height:48px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    outline:0!important;
    font-size:14px!important;
    line-height:48px!important;
    box-sizing:border-box!important;
  }
}

/* ================================================================
   V163 — FINAL CATEGORY DESKTOP ISOLATION
   The category page now has two independent desktop columns:
   left = filter + categories, right = heading + products.
   This intentionally avoids the old absolute/sticky/grid overrides
   fighting each other. Mobile order is preserved with explicit order.
   ================================================================ */
@media (min-width:901px){
  body.theme-whmcs .tz-category-page-exact{
    width:min(1480px,calc(100% - 56px))!important;
    max-width:none!important;
    margin:0 auto!important;
    padding:28px 0 72px!important;
    display:grid!important;
    grid-template-columns:330px minmax(0,1fr)!important;
    grid-template-rows:auto!important;
    column-gap:28px!important;
    row-gap:0!important;
    align-items:start!important;
    position:relative!important;
    box-sizing:border-box!important;
  }

  /* New isolated columns. */
  body.theme-whmcs .tz-category-page-exact .tz-category-left-exact{
    grid-column:1!important;
    grid-row:1!important;
    width:330px!important;
    min-width:330px!important;
    display:flex!important;
    flex-direction:column!important;
    gap:20px!important;
    align-self:start!important;
    position:relative!important;
    z-index:2!important;
    box-sizing:border-box!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-category-right-exact{
    grid-column:2!important;
    grid-row:1!important;
    width:100%!important;
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    gap:18px!important;
    align-self:start!important;
    position:relative!important;
    z-index:1!important;
    box-sizing:border-box!important;
  }

  /* Neutralize every legacy placement rule for these four blocks. */
  body.theme-whmcs .tz-category-page-exact .tz-filter-card-exact,
  body.theme-whmcs .tz-category-page-exact .tz-category-sidebar-exact,
  body.theme-whmcs .tz-category-page-exact .tz-category-heading-exact,
  body.theme-whmcs .tz-category-page-exact .tz-category-main-exact{
    position:relative!important;
    inset:auto!important;
    grid-column:auto!important;
    grid-row:auto!important;
    float:none!important;
    transform:none!important;
  }

  body.theme-whmcs .tz-category-page-exact .tz-filter-card-exact{
    width:330px!important;
    max-width:330px!important;
    min-height:0!important;
    margin:0!important;
    padding:20px!important;
    box-sizing:border-box!important;
    border-radius:22px!important;
    overflow:visible!important;
  }

  body.theme-whmcs .tz-category-page-exact .tz-filter-card-exact form{
    width:100%!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    flex-direction:column!important;
    gap:16px!important;
    box-sizing:border-box!important;
  }

  /* Search input stays a single clean control. */
  body.theme-whmcs .tz-category-page-exact .tz-filter-search-exact{
    position:relative!important;
    width:100%!important;
    height:52px!important;
    min-height:52px!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-filter-search-exact input{
    display:block!important;
    width:100%!important;
    height:52px!important;
    min-height:52px!important;
    margin:0!important;
    padding:0 52px 0 16px!important;
    box-sizing:border-box!important;
    border:1px solid #e2e5ec!important;
    border-radius:15px!important;
    background:#fff!important;
    color:#344054!important;
    font-size:14px!important;
    line-height:52px!important;
    outline:none!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-filter-search-exact input::placeholder{
    color:#98a2b3!important;
    opacity:1!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-filter-search-exact button{
    position:absolute!important;
    top:4px!important;
    right:4px!important;
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    padding:0!important;
    margin:0!important;
    border:1px solid #e2e0f3!important;
    border-radius:12px!important;
    background:#f1efff!important;
    color:#655ce9!important;
    display:grid!important;
    place-items:center!important;
    font-size:17px!important;
    line-height:1!important;
    z-index:3!important;
  }

  /* Price fields: never let the currency/value disappear off the right edge. */
  body.theme-whmcs .tz-category-page-exact .tz-filter-row-exact{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:12px!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-filter-row-exact>div{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    box-sizing:border-box!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-filter-row-exact label{
    display:block!important;
    width:100%!important;
    margin:0 0 7px!important;
    color:#667085!important;
    font-size:12px!important;
    font-weight:700!important;
    line-height:16px!important;
    text-align:center!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-price-input-exact{
    width:100%!important;
    height:50px!important;
    min-height:50px!important;
    max-width:none!important;
    margin:0!important;
    padding:0 9px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    border:1px solid #e2e5ec!important;
    border-radius:15px!important;
    background:#fff!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-price-input-exact span{
    flex:0 0 auto!important;
    margin:0!important;
    color:#667085!important;
    font-size:13px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-price-input-exact input{
    flex:1 1 auto!important;
    width:0!important;
    min-width:0!important;
    max-width:100%!important;
    height:46px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    color:#344054!important;
    font-size:14px!important;
    line-height:46px!important;
    text-align:center!important;
    box-sizing:border-box!important;
  }

  body.theme-whmcs .tz-category-page-exact .tz-range-exact{
    width:100%!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-select-exact{
    width:100%!important;
    height:50px!important;
    min-height:50px!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-select-exact select{
    width:100%!important;
    height:50px!important;
    min-height:50px!important;
    padding:0 38px 0 14px!important;
    border:1px solid #e2e5ec!important;
    border-radius:15px!important;
    background:#fff!important;
    color:#344054!important;
    font-size:14px!important;
    box-sizing:border-box!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-filter-btn-exact{
    width:100%!important;
    height:50px!important;
    min-height:50px!important;
    margin:0!important;
    border:0!important;
    border-radius:15px!important;
    background:linear-gradient(135deg,#5f54ed,#6841e9)!important;
    color:#fff!important;
    font-size:14px!important;
    font-weight:800!important;
    box-sizing:border-box!important;
  }

  /* Categories are now in normal document flow, so they can never cover footer. */
  body.theme-whmcs .tz-category-page-exact .tz-category-sidebar-exact{
    width:330px!important;
    max-width:330px!important;
    margin:0!important;
    padding:20px 18px!important;
    border:1px solid #e8eaf2!important;
    border-radius:22px!important;
    background:#fff!important;
    box-shadow:0 10px 30px rgba(24,32,58,.055)!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-category-sidebar-exact h3{
    margin:2px 8px 15px!important;
    color:#1d2940!important;
    font-size:19px!important;
    line-height:24px!important;
    font-weight:850!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-category-sidebar-exact>a{
    min-height:48px!important;
    width:100%!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    padding:7px 9px!important;
    margin:2px 0!important;
    border-radius:13px!important;
    color:#344054!important;
    font-size:14px!important;
    font-weight:650!important;
    border-bottom:1px solid #f0f1f5!important;
    box-sizing:border-box!important;
    text-decoration:none!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-category-sidebar-exact>a.active{
    background:#f1efff!important;
    color:#5c52dd!important;
    font-weight:800!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-category-sidebar-exact>a b{
    margin-left:auto!important;
    min-width:30px!important;
    height:28px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:999px!important;
    background:#f0eeff!important;
    color:#6258df!important;
    font-size:12px!important;
  }

  /* Right column: heading and products are immediately adjacent. */
  body.theme-whmcs .tz-category-page-exact .tz-category-heading-exact{
    width:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:4px 0 0!important;
    box-sizing:border-box!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-category-heading-exact>span{
    margin:0 0 7px!important;
    color:#6358e7!important;
    font-size:13px!important;
    line-height:18px!important;
    font-weight:800!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-category-heading-exact h1{
    margin:0!important;
    color:#17243b!important;
    font-size:42px!important;
    line-height:1.08!important;
    letter-spacing:-.025em!important;
    font-weight:850!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-category-main-exact{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-category-main-exact .products.tz-products-grid{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:18px!important;
    align-items:stretch!important;
    box-sizing:border-box!important;
  }

  /* Product cards stay exactly in the stable homepage/related geometry. */
  body.theme-whmcs .tz-category-page-exact .tz-category-main-exact .tz-product-card{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    height:580px!important;
    min-height:580px!important;
    max-height:580px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-category-main-exact .tz-product-image{
    position:relative!important;
    width:100%!important;
    height:320px!important;
    min-height:320px!important;
    max-height:320px!important;
    flex:0 0 320px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    clip-path:none!important;
    box-sizing:border-box!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-category-main-exact .tz-product-image>a{
    display:block!important;
    width:100%!important;
    height:100%!important;
    overflow:hidden!important;
    border-radius:0!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-category-main-exact .tz-product-image img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    margin:0!important;
    padding:0!important;
    object-fit:contain!important;
    object-position:center center!important;
    transform:none!important;
    border:0!important;
    border-radius:0!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-category-main-exact .tz-heart{
    position:absolute!important;
    top:10px!important;
    right:10px!important;
    z-index:50!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
    margin:0!important;
    border-radius:50%!important;
    background:#fff!important;
    color:#667085!important;
    border:1px solid rgba(17,24,39,.08)!important;
    box-shadow:0 3px 10px rgba(16,24,40,.14)!important;
    font-size:24px!important;
    line-height:1!important;
    text-decoration:none!important;
    visibility:visible!important;
    opacity:1!important;
    box-sizing:border-box!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-category-main-exact .product-body{
    width:100%!important;
    height:260px!important;
    min-height:260px!important;
    max-height:260px!important;
    flex:0 0 260px!important;
    padding:16px 14px 14px!important;
    margin:0!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-category-main-exact .tz-card-bottom{
    position:static!important;
    width:100%!important;
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:8px!important;
    box-sizing:border-box!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-category-main-exact .tz-card-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:8px!important;
    min-width:0!important;
    overflow:visible!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-category-main-exact .tz-preview{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:96px!important;
    height:42px!important;
    padding:0 15px!important;
    margin:0!important;
    border-radius:24px!important;
    background:#f0efff!important;
    color:#655de4!important;
    font-size:14px!important;
    font-weight:700!important;
    white-space:nowrap!important;
    box-sizing:border-box!important;
    visibility:visible!important;
    opacity:1!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-category-main-exact .tz-cart-circle{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    flex:0 0 42px!important;
    display:grid!important;
    place-items:center!important;
    margin:0!important;
    padding:0!important;
    border-radius:50%!important;
    background:#655ce9!important;
    color:#fff!important;
    border:0!important;
    box-sizing:border-box!important;
    visibility:visible!important;
    opacity:1!important;
  }

  @media (min-width:1500px){
    body.theme-whmcs .tz-category-page-exact .tz-category-main-exact .products.tz-products-grid{
      grid-template-columns:repeat(3,minmax(0,1fr))!important;
    }
  }
}

/* Mobile: wrappers become transparent and the previous mobile order is
   explicitly restored. No desktop rules leak into the mobile layout. */
@media (max-width:900px){
  body.theme-whmcs .tz-category-page-exact .tz-category-left-exact,
  body.theme-whmcs .tz-category-page-exact .tz-category-right-exact{
    display:contents!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-filter-card-exact{order:1!important}
  body.theme-whmcs .tz-category-page-exact .tz-category-heading-exact{order:2!important}
  body.theme-whmcs .tz-category-page-exact .tz-category-sidebar-exact{order:3!important}
  body.theme-whmcs .tz-category-page-exact .tz-category-main-exact{order:4!important}
}

@media (max-width:900px){
  body.theme-whmcs .tz-category-page-exact{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    width:100%!important;
    max-width:none!important;
  }
}

/* ================================================================
   V164 — FINAL CATEGORY / HOMEPAGE PARITY
   Desktop-only isolation. The category page must use the same product
   geometry as the homepage, while the filter controls remain clean and
   self-contained. No legacy selector is allowed to alter these controls.
   Mobile is intentionally untouched.
   ================================================================ */
@media (min-width:901px){
  /* ---------- FILTER CARD: one clean control system ---------- */
  body.theme-whmcs .tz-category-page-exact .tz-filter-card-exact{
    width:330px!important;
    max-width:330px!important;
    padding:20px!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }

  body.theme-whmcs .tz-category-page-exact .tz-filter-card-exact form{
    display:flex!important;
    flex-direction:column!important;
    gap:16px!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
  }

  body.theme-whmcs .tz-category-page-exact .tz-filter-search-exact,
  body.theme-whmcs .tz-category-page-exact .tz-filter-search-exact input{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-filter-search-exact input{
    height:52px!important;
    padding:0 54px 0 17px!important;
    border:1px solid #e1e4ed!important;
    border-radius:16px!important;
    outline:none!important;
    box-shadow:none!important;
    background:#fff!important;
    text-align:left!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-filter-search-exact input:focus{
    outline:none!important;
    box-shadow:0 0 0 3px rgba(99,102,241,.08)!important;
    border-color:#c9c6f4!important;
  }

  /* Price controls use an explicit two-column grid inside each field.
     This prevents Rs. + amount from being squeezed/cut by input flex rules. */
  body.theme-whmcs .tz-category-page-exact .tz-filter-row-exact{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:12px!important;
    width:100%!important;
    align-items:start!important;
    box-sizing:border-box!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-filter-row-exact>div{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    box-sizing:border-box!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-filter-row-exact label{
    display:block!important;
    width:100%!important;
    margin:0 0 7px!important;
    text-align:center!important;
    color:#5f6878!important;
    font-size:12px!important;
    line-height:16px!important;
    font-weight:750!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-price-input-exact{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    align-items:center!important;
    column-gap:5px!important;
    width:100%!important;
    min-width:0!important;
    height:52px!important;
    padding:0 11px!important;
    margin:0!important;
    border:1px solid #e1e4ed!important;
    border-radius:15px!important;
    background:#fff!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-price-input-exact span{
    display:block!important;
    width:auto!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    color:#697386!important;
    font-size:13px!important;
    line-height:20px!important;
    white-space:nowrap!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-price-input-exact input,
  body.theme-whmcs .tz-category-page-exact .tz-price-input-exact input[type=number]{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:50px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    outline:none!important;
    box-shadow:none!important;
    background:transparent!important;
    color:#273043!important;
    font-size:14px!important;
    line-height:50px!important;
    text-align:center!important;
    box-sizing:border-box!important;
    -moz-appearance:textfield!important;
    appearance:textfield!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-price-input-exact input:focus{
    outline:none!important;
    border:0!important;
    box-shadow:none!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-price-input-exact input::-webkit-inner-spin-button,
  body.theme-whmcs .tz-category-page-exact .tz-price-input-exact input::-webkit-outer-spin-button{
    -webkit-appearance:none!important;
    margin:0!important;
  }

  /* Slider stays independent from the price fields. */
  body.theme-whmcs .tz-category-page-exact .tz-range-exact{
    width:100%!important;
    height:22px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    box-sizing:border-box!important;
  }

  /* Select: wrapper has NO visual border; only the actual select is visible.
     The old extra wrapper/border is the source of the duplicate outline. */
  body.theme-whmcs .tz-category-page-exact .tz-select-exact{
    position:relative!important;
    width:100%!important;
    height:52px!important;
    min-height:52px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    box-shadow:none!important;
    box-sizing:border-box!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-select-exact select{
    display:block!important;
    width:100%!important;
    height:52px!important;
    min-height:52px!important;
    margin:0!important;
    padding:0 42px 0 16px!important;
    border:1px solid #e1e4ed!important;
    border-radius:15px!important;
    outline:none!important;
    box-shadow:none!important;
    background:#fff!important;
    color:#273043!important;
    font-size:14px!important;
    line-height:52px!important;
    appearance:none!important;
    -webkit-appearance:none!important;
    box-sizing:border-box!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-select-exact select:focus{
    outline:none!important;
    box-shadow:0 0 0 3px rgba(99,102,241,.08)!important;
    border-color:#c9c6f4!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-select-exact b{
    position:absolute!important;
    right:16px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    color:#8b93a3!important;
    font-size:13px!important;
    line-height:1!important;
    pointer-events:none!important;
  }

  body.theme-whmcs .tz-category-page-exact .tz-filter-btn-exact{
    width:100%!important;
    height:52px!important;
    min-height:52px!important;
    margin:0!important;
    padding:0 18px!important;
    border:0!important;
    border-radius:15px!important;
    background:linear-gradient(135deg,#6257e8,#6941e9)!important;
    color:#fff!important;
    font-size:14px!important;
    font-weight:800!important;
    line-height:52px!important;
    box-shadow:0 8px 18px rgba(98,80,225,.18)!important;
    box-sizing:border-box!important;
  }

  /* ---------- CATEGORY PRODUCT CARDS = HOMEPAGE CARD ---------- */
  body.theme-whmcs .tz-category-page-exact .tz-category-main-exact .products.tz-products-grid{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:16px!important;
    align-items:stretch!important;
    box-sizing:border-box!important;
  }

  /* Exact stable homepage/related dimensions: 560 total = 320 image + 240 body. */
  body.theme-whmcs .tz-category-page-exact .tz-category-main-exact .tz-product-card{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    height:560px!important;
    min-height:560px!important;
    max-height:560px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
    border-radius:16px!important;
    background:#fff!important;
    border:1px solid #e5e7eb!important;
    box-shadow:0 3px 12px rgba(15,23,42,.055)!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-category-main-exact .tz-product-image{
    position:relative!important;
    width:100%!important;
    height:320px!important;
    min-height:320px!important;
    max-height:320px!important;
    flex:0 0 320px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    background:#f7f7fb!important;
    border:0!important;
    border-radius:0!important;
    clip-path:none!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-category-main-exact .tz-product-image>a{
    display:block!important;
    width:100%!important;
    height:100%!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    border-radius:0!important;
    background:#f7f7fb!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-category-main-exact .tz-product-image img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    clip-path:none!important;
    transform:none!important;
    object-fit:contain!important;
    object-position:center center!important;
    background:transparent!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-category-main-exact .tz-heart,
  body.theme-whmcs .tz-category-page-exact .tz-category-main-exact .tz-heart.tz-heart-cart{
    position:absolute!important;
    top:10px!important;
    right:10px!important;
    z-index:30!important;
    display:grid!important;
    place-items:center!important;
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    max-width:36px!important;
    min-height:36px!important;
    max-height:36px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid rgba(17,24,39,.08)!important;
    border-radius:50%!important;
    background:#fff!important;
    color:#6b7280!important;
    box-shadow:0 2px 8px rgba(16,24,40,.14)!important;
    font-size:21px!important;
    line-height:1!important;
    overflow:hidden!important;
    transform:none!important;
    opacity:1!important;
    visibility:visible!important;
    box-sizing:border-box!important;
  }

  body.theme-whmcs .tz-category-page-exact .tz-category-main-exact .product-body{
    position:relative!important;
    width:100%!important;
    height:240px!important;
    min-height:240px!important;
    max-height:240px!important;
    flex:0 0 240px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    margin:0!important;
    padding:15px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
    background:#fff!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-category-main-exact .tz-verified{
    flex:0 0 auto!important;
    min-height:29px!important;
    height:29px!important;
    margin:0 0 7px!important;
    font-size:14px!important;
    line-height:22px!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-category-main-exact .tz-verified>span:first-child{
    width:29px!important;height:29px!important;min-width:29px!important;
    border-radius:8px!important;font-size:18px!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-category-main-exact h3,
  body.theme-whmcs .tz-category-page-exact .tz-category-main-exact h3 a{
    display:block!important;
    width:100%!important;
    height:24px!important;
    min-height:24px!important;
    max-height:24px!important;
    margin:0 0 5px!important;
    padding:0!important;
    color:#182033!important;
    font-size:18px!important;
    line-height:24px!important;
    font-weight:650!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-category-main-exact .tz-card-category{
    width:100%!important;
    height:21px!important;
    min-height:21px!important;
    max-height:21px!important;
    margin:0!important;
    color:#667085!important;
    font-size:14px!important;
    line-height:21px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-category-main-exact .tz-tags{
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    width:100%!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    margin:8px 0 12px!important;
    padding:0!important;
    overflow:hidden!important;
    white-space:nowrap!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-category-main-exact .tz-tags span{
    flex:0 0 auto!important;
    height:30px!important;
    min-height:30px!important;
    max-width:230px!important;
    padding:0 10px!important;
    border-radius:999px!important;
    background:#f5f3ff!important;
    color:#8180c5!important;
    font-size:13px!important;
    line-height:30px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-category-main-exact .tz-card-bottom{
    position:static!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:43px!important;
    min-height:43px!important;
    max-height:43px!important;
    flex:0 0 43px!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    column-gap:8px!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-category-main-exact .tz-card-bottom .price{
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    color:#6366f1!important;
    font-size:20px!important;
    line-height:24px!important;
    font-weight:750!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-category-main-exact .tz-card-bottom .price .old{
    font-size:12px!important;
    color:#9ca3af!important;
    margin-left:5px!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-category-main-exact .tz-card-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:8px!important;
    width:auto!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-category-main-exact .tz-preview{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 auto!important;
    width:auto!important;
    min-width:96px!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    padding:0 15px!important;
    margin:0!important;
    border:0!important;
    border-radius:24px!important;
    background:#f0efff!important;
    color:#655de4!important;
    font-size:14px!important;
    font-weight:700!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:visible!important;
    visibility:visible!important;
    opacity:1!important;
    box-sizing:border-box!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-category-main-exact .tz-cart-circle{
    display:grid!important;
    place-items:center!important;
    flex:0 0 42px!important;
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:50%!important;
    background:#655ce9!important;
    color:#fff!important;
    overflow:hidden!important;
    visibility:visible!important;
    opacity:1!important;
    box-sizing:border-box!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-category-main-exact .tz-card-cart-icon{
    display:block!important;
    width:19px!important;
    height:19px!important;
    max-width:19px!important;
    max-height:19px!important;
    color:#fff!important;
  }
}


/* V165 — preserve the existing account-menu design; only restore requested nav cart color and required registration photo. */
body.theme-whmcs .tz-header-exact .tz-icons>a.wh-cart,
body.theme-whmcs .tz-header-exact .tz-icons>a.wh-cart:hover,
body.theme-whmcs .tz-header-exact .tz-icons>a.wh-cart:focus{
  color:#6257e9!important;
}
body.theme-whmcs .tz-header-exact .tz-icons>a.wh-cart svg{
  stroke:currentColor!important;
}
.register-profile-upload{
  display:flex;align-items:center;gap:16px;padding:14px;border:1px solid #e7e8f0;border-radius:16px;background:#fafaff;
}
.register-profile-preview{
  width:76px;height:76px;min-width:76px;border-radius:18px;display:grid;place-items:center;overflow:hidden;
  background:linear-gradient(135deg,#6b52ee,#4c31d4);color:#fff;font-size:28px;font-weight:900;box-shadow:0 8px 18px rgba(82,62,210,.16);
}
.register-profile-preview img{width:100%;height:100%;object-fit:cover;display:block}
.register-profile-upload-copy{min-width:0;flex:1}
.register-profile-upload-copy input[type=file]{display:block;width:100%;max-width:420px;font-size:13px;color:#344054}
.required-mark{color:#d92d20}
@media(max-width:600px){
  .register-profile-upload{align-items:flex-start;flex-direction:column}
  .register-profile-preview{width:70px;height:70px;min-width:70px}
}

/* ================================================================
   V166 — CATEGORY FILTER FINAL MICRO-FIX
   Scope: category filter only. No global input/label/select rules.
   Purpose: keep Min/Max fields side-by-side and centered, and remove
   the focus ring from the category search control without affecting
   any other page or component.
   ================================================================ */
@media (min-width:901px){
  body.theme-whmcs .tz-category-page-exact .tz-filter-card-exact .tz-filter-search-exact,
  body.theme-whmcs .tz-category-page-exact .tz-filter-card-exact .tz-filter-row-exact,
  body.theme-whmcs .tz-category-page-exact .tz-filter-card-exact .tz-select-exact,
  body.theme-whmcs .tz-category-page-exact .tz-filter-card-exact .tz-filter-btn-exact{
    isolation:isolate!important;
  }

  /* Search: keep one neutral border in every state, including focus. */
  body.theme-whmcs .tz-category-page-exact .tz-filter-card-exact .tz-filter-search-exact{
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-filter-card-exact .tz-filter-search-exact:focus,
  body.theme-whmcs .tz-category-page-exact .tz-filter-card-exact .tz-filter-search-exact:focus-within{
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-filter-card-exact .tz-filter-search-exact input,
  body.theme-whmcs .tz-category-page-exact .tz-filter-card-exact .tz-filter-search-exact input:focus,
  body.theme-whmcs .tz-category-page-exact .tz-filter-card-exact .tz-filter-search-exact input:focus-visible{
    border:1px solid #e1e4ed!important;
    outline:0!important;
    box-shadow:none!important;
  }

  /* Min/Max: two equal columns with a small, stable center gap. */
  body.theme-whmcs .tz-category-page-exact .tz-filter-card-exact .tz-filter-row-exact{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    column-gap:12px!important;
    row-gap:0!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    align-items:start!important;
    box-sizing:border-box!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-filter-card-exact .tz-filter-row-exact > div{
    display:flex!important;
    flex:0 0 auto!important;
    flex-direction:column!important;
    align-items:stretch!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-filter-card-exact .tz-filter-row-exact > div > label{
    display:block!important;
    position:static!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:18px!important;
    margin:0 0 7px!important;
    padding:0!important;
    text-align:center!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
    color:#5f6878!important;
    font-size:12px!important;
    line-height:18px!important;
    font-weight:750!important;
    box-sizing:border-box!important;
  }

  /* Each price control owns its own layout: currency left, amount centered. */
  body.theme-whmcs .tz-category-page-exact .tz-filter-card-exact .tz-price-input-exact{
    display:grid!important;
    grid-template-columns:32px minmax(0,1fr)!important;
    column-gap:2px!important;
    align-items:center!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:52px!important;
    min-height:52px!important;
    margin:0!important;
    padding:0 10px!important;
    border:1px solid #e1e4ed!important;
    border-radius:15px!important;
    background:#fff!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-filter-card-exact .tz-price-input-exact > span{
    display:block!important;
    width:32px!important;
    min-width:32px!important;
    max-width:32px!important;
    margin:0!important;
    padding:0!important;
    text-align:center!important;
    white-space:nowrap!important;
    color:#697386!important;
    font-size:13px!important;
    line-height:20px!important;
    box-sizing:border-box!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-filter-card-exact .tz-price-input-exact > input,
  body.theme-whmcs .tz-category-page-exact .tz-filter-card-exact .tz-price-input-exact > input[type="number"]{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:50px!important;
    margin:0!important;
    padding:0 2px!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    background:transparent!important;
    color:#273043!important;
    font-size:14px!important;
    line-height:50px!important;
    text-align:center!important;
    box-sizing:border-box!important;
    -moz-appearance:textfield!important;
    appearance:textfield!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-filter-card-exact .tz-price-input-exact > input:focus,
  body.theme-whmcs .tz-category-page-exact .tz-filter-card-exact .tz-price-input-exact > input:focus-visible{
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
  }
}

/* ================================================================
   V167 — FILTER + NAV CART + REGISTER PHOTO FINAL ISOLATED FIX
   All selectors are component-scoped. No global input/label/select rules.
   ================================================================ */

/* ---------- CATEGORY FILTER: stable Min/Max columns at every viewport ---------- */
body.theme-whmcs .tz-category-page-exact .tz-filter-card-exact .tz-filter-row-exact{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  column-gap:12px!important;
  row-gap:0!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  align-items:start!important;
  box-sizing:border-box!important;
}
body.theme-whmcs .tz-category-page-exact .tz-filter-card-exact .tz-filter-row-exact>div{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
}
body.theme-whmcs .tz-category-page-exact .tz-filter-card-exact .tz-filter-row-exact>div>label{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:auto!important;
  margin:0 0 8px!important;
  padding:0!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  position:static!important;
  box-sizing:border-box!important;
  color:#5f6878!important;
  font-size:13px!important;
  line-height:18px!important;
  font-weight:750!important;
}
body.theme-whmcs .tz-category-page-exact .tz-filter-card-exact .tz-price-input-exact{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  column-gap:4px!important;
  align-items:center!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:54px!important;
  min-height:54px!important;
  margin:0!important;
  padding:0 10px!important;
  border:1px solid #e1e4ed!important;
  border-radius:16px!important;
  background:#fff!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
body.theme-whmcs .tz-category-page-exact .tz-filter-card-exact .tz-price-input-exact>span{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:42px!important;
  min-width:42px!important;
  max-width:42px!important;
  margin:0!important;
  padding:0!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:visible!important;
  color:#697386!important;
  font-size:14px!important;
  line-height:20px!important;
  box-sizing:border-box!important;
}
body.theme-whmcs .tz-category-page-exact .tz-filter-card-exact .tz-price-input-exact>input,
body.theme-whmcs .tz-category-page-exact .tz-filter-card-exact .tz-price-input-exact>input[type=number]{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:52px!important;
  margin:0!important;
  padding:0 4px!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
  color:#273043!important;
  font-size:15px!important;
  line-height:52px!important;
  text-align:center!important;
  box-sizing:border-box!important;
  -moz-appearance:textfield!important;
  appearance:textfield!important;
}
body.theme-whmcs .tz-category-page-exact .tz-filter-card-exact .tz-price-input-exact>input:focus,
body.theme-whmcs .tz-category-page-exact .tz-filter-card-exact .tz-price-input-exact>input:focus-visible{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}
body.theme-whmcs .tz-category-page-exact .tz-filter-card-exact .tz-filter-search-exact,
body.theme-whmcs .tz-category-page-exact .tz-filter-card-exact .tz-filter-search-exact:focus,
body.theme-whmcs .tz-category-page-exact .tz-filter-card-exact .tz-filter-search-exact:focus-within{
  outline:0!important;
  box-shadow:none!important;
}
body.theme-whmcs .tz-category-page-exact .tz-filter-card-exact .tz-filter-search-exact input,
body.theme-whmcs .tz-category-page-exact .tz-filter-card-exact .tz-filter-search-exact input:focus,
body.theme-whmcs .tz-category-page-exact .tz-filter-card-exact .tz-filter-search-exact input:focus-visible{
  outline:0!important;
  box-shadow:none!important;
}

/* ---------- NAV CART: blue background + white cart icon on mobile and desktop ---------- */
body.theme-whmcs .tz-header-exact .tz-icons>a.wh-cart,
body.theme-whmcs .tz-header-exact .tz-icons>a.wh-cart:hover,
body.theme-whmcs .tz-header-exact .tz-icons>a.wh-cart:focus,
body.theme-whmcs .tz-header-exact .tz-icons>a.wh-cart:active{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  padding:0!important;
  border-radius:13px!important;
  background:#6257e9!important;
  color:#fff!important;
  text-decoration:none!important;
  box-shadow:0 7px 16px rgba(98,87,233,.18)!important;
  box-sizing:border-box!important;
}
body.theme-whmcs .tz-header-exact .tz-icons>a.wh-cart svg{
  width:23px!important;
  height:23px!important;
  fill:none!important;
  stroke:#fff!important;
  color:#fff!important;
  stroke-width:2!important;
}
body.theme-whmcs .tz-header-exact .tz-icons>a.wh-cart em{
  color:#fff!important;
  background:#ef3340!important;
}

/* ---------- REGISTER: circular required photo picker above Full Name ---------- */
.auth-card-v20 .register-profile-top-field{margin-bottom:22px!important}
.auth-card-v20 .register-profile-top{
  display:flex!important;
  align-items:center!important;
  gap:16px!important;
  width:100%!important;
  margin-top:8px!important;
}
.auth-card-v20 .register-profile-circle{
  flex:0 0 96px!important;
  width:96px!important;
  height:96px!important;
  padding:0!important;
  border:3px solid #fff!important;
  border-radius:50%!important;
  overflow:hidden!important;
  display:grid!important;
  place-items:center!important;
  cursor:pointer!important;
  background:linear-gradient(135deg,#6b52ee,#4c31d4)!important;
  color:#fff!important;
  box-shadow:0 8px 24px rgba(82,62,210,.20),0 0 0 1px #e7e8f0!important;
}
.auth-card-v20 .register-profile-circle>span{display:grid!important;place-items:center!important;width:100%!important;height:100%!important;font-size:32px!important;font-weight:900!important}
.auth-card-v20 .register-profile-circle img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important}
.auth-card-v20 .register-profile-hidden-input{display:none!important}
.auth-card-v20 .register-profile-top-copy{display:flex!important;flex-direction:column!important;gap:5px!important;min-width:0!important}
.auth-card-v20 .register-profile-top-copy>b{font-size:15px!important;color:#202b3d!important;font-weight:800!important}
.auth-card-v20 .register-profile-top-copy>small{font-size:12px!important;line-height:1.5!important;color:#7a8495!important}
.auth-card-v20 .register-profile-upload-btn{
  align-self:flex-start!important;
  margin-top:4px!important;
  min-height:36px!important;
  padding:8px 14px!important;
  border:0!important;
  border-radius:10px!important;
  background:#f0efff!important;
  color:#5f55df!important;
  font-weight:800!important;
  cursor:pointer!important;
}
@media(max-width:600px){
  .auth-card-v20 .register-profile-top{align-items:center!important;gap:14px!important}
  .auth-card-v20 .register-profile-circle{flex-basis:82px!important;width:82px!important;height:82px!important}
  .auth-card-v20 .register-profile-top-copy>b{font-size:14px!important}
  .auth-card-v20 .register-profile-top-copy>small{font-size:11px!important}
}

/* ================================================================
   V168 — FINAL MIN/MAX FILTER ISOLATION
   The price fields use dedicated wrapper classes so legacy filter CSS
   cannot collapse the first field or stretch the second field.
   No global input/label/select selectors are used here.
   ================================================================ */
body.theme-whmcs .tz-category-page-exact .tz-filter-card-exact .tz-filter-row-exact{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:14px!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  align-items:start!important;
  box-sizing:border-box!important;
}
body.theme-whmcs .tz-category-page-exact .tz-filter-card-exact .tz-price-field-exact{
  display:flex!important;
  flex:1 1 0!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}
body.theme-whmcs .tz-category-page-exact .tz-filter-card-exact .tz-price-field-exact>label{
  display:block!important;
  flex:0 0 auto!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:20px!important;
  margin:0 0 8px!important;
  padding:0!important;
  position:static!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  color:#5f6878!important;
  font-size:13px!important;
  line-height:20px!important;
  font-weight:750!important;
  box-sizing:border-box!important;
}
body.theme-whmcs .tz-category-page-exact .tz-filter-card-exact .tz-price-field-exact .tz-price-input-exact{
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr)!important;
  column-gap:6px!important;
  align-items:center!important;
  flex:0 0 auto!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:54px!important;
  min-height:54px!important;
  margin:0!important;
  padding:0 10px!important;
  border:1px solid #e1e4ed!important;
  border-radius:16px!important;
  background:#fff!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
body.theme-whmcs .tz-category-page-exact .tz-filter-card-exact .tz-price-field-exact .tz-price-input-exact>span{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:38px!important;
  min-width:38px!important;
  max-width:38px!important;
  height:52px!important;
  margin:0!important;
  padding:0!important;
  color:#697386!important;
  font-size:14px!important;
  line-height:20px!important;
  white-space:nowrap!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}
body.theme-whmcs .tz-category-page-exact .tz-filter-card-exact .tz-price-field-exact .tz-price-input-exact>input,
body.theme-whmcs .tz-category-page-exact .tz-filter-card-exact .tz-price-field-exact .tz-price-input-exact>input[type=number]{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:52px!important;
  margin:0!important;
  padding:0 2px!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
  color:#273043!important;
  font-size:15px!important;
  line-height:52px!important;
  text-align:center!important;
  box-sizing:border-box!important;
  -moz-appearance:textfield!important;
  appearance:textfield!important;
}
body.theme-whmcs .tz-category-page-exact .tz-filter-card-exact .tz-price-field-exact .tz-price-input-exact>input:focus,
body.theme-whmcs .tz-category-page-exact .tz-filter-card-exact .tz-price-field-exact .tz-price-input-exact>input:focus-visible{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}
body.theme-whmcs .tz-category-page-exact .tz-filter-card-exact .tz-price-field-exact .tz-price-input-exact>input::-webkit-inner-spin-button,
body.theme-whmcs .tz-category-page-exact .tz-filter-card-exact .tz-price-field-exact .tz-price-input-exact>input::-webkit-outer-spin-button{
  -webkit-appearance:none!important;
  margin:0!important;
}

@media (max-width:900px){
  body.theme-whmcs .tz-category-page-exact .tz-filter-card-exact .tz-filter-row-exact{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:14px!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-filter-card-exact .tz-price-field-exact{
    width:100%!important;
    min-width:0!important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-filter-card-exact .tz-price-field-exact .tz-price-input-exact{
    width:100%!important;
    min-width:0!important;
  }
}

/* ================================================================
   V169 — ROOT CAUSE FIX: RESET LEGACY GRID PLACEMENT
   Older catalog CSS assigned the Min/Max wrappers grid-column:2/3
   while .tz-filter-row-exact was previously display:contents. After
   restoring the row to a real 2-column grid those stale placements
   created an implicit third column, pushing/collapsing Min and
   stretching Max. Reset placement only inside this filter component.
   ================================================================ */
body.theme-whmcs .tz-category-page-exact .tz-filter-card-exact .tz-filter-row-exact > .tz-price-field-exact,
body.theme-whmcs .tz-category-page-exact .tz-filter-card-exact .tz-filter-row-exact > .tz-price-field-min,
body.theme-whmcs .tz-category-page-exact .tz-filter-card-exact .tz-filter-row-exact > .tz-price-field-max{
  grid-column:auto!important;
  grid-row:auto!important;
  justify-self:stretch!important;
  align-self:start!important;
  position:static!important;
  inset:auto!important;
  transform:none!important;
  float:none!important;
  clear:none!important;
}

body.theme-whmcs .tz-category-page-exact .tz-filter-card-exact .tz-filter-row-exact{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  grid-auto-columns:auto!important;
  grid-auto-flow:row!important;
}

body.theme-whmcs .tz-category-page-exact .tz-filter-card-exact .tz-price-field-min,
body.theme-whmcs .tz-category-page-exact .tz-filter-card-exact .tz-price-field-max{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  flex:none!important;
}

/* ================================================================
   V170 — CART EMPTY STATE + PUBLIC FLASH POSITIONING
   Scoped to avoid touching product/filter/header CSS.
   ================================================================ */
body.theme-whmcs.route-cart .cart-empty-card{
  width:100%!important;
  min-height:340px!important;
  padding:38px 28px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  border:1px solid #e8eaf0!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 12px 34px rgba(31,35,70,.07)!important;
}
body.theme-whmcs.route-cart .cart-empty-inner{
  width:min(100%,520px)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
}
body.theme-whmcs.route-cart .cart-empty-icon{
  width:72px!important;height:72px!important;
  display:grid!important;place-items:center!important;
  margin:0 0 16px!important;
  border-radius:22px!important;
  background:#f0edff!important;
  color:#6258df!important;
}
body.theme-whmcs.route-cart .cart-empty-icon svg{
  width:34px!important;height:34px!important;
  fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;
  stroke-linecap:round!important;stroke-linejoin:round!important;
}
body.theme-whmcs.route-cart .cart-empty-inner h2{
  margin:0!important;color:#172033!important;
  font-size:28px!important;line-height:1.2!important;font-weight:850!important;
}
body.theme-whmcs.route-cart .cart-empty-inner p{
  margin:9px 0 22px!important;color:#7a8495!important;
  font-size:15px!important;line-height:1.55!important;
}
body.theme-whmcs.route-cart .cart-empty-btn{
  width:auto!important;min-width:190px!important;
  margin:0!important;padding:13px 22px!important;
  border-radius:12px!important;
  background:linear-gradient(135deg,#6258df,#7147e8)!important;
  box-shadow:0 10px 24px rgba(98,88,223,.20)!important;
}
body.theme-whmcs.route-cart .cart-empty-btn:hover{transform:translateY(-1px)!important;box-shadow:0 13px 28px rgba(98,88,223,.25)!important}
body.theme-whmcs.route-cart .cart-empty-btn span{font-size:18px!important;line-height:1!important}

/* Public customer notifications: below the sticky nav, compact, right aligned. */
body:not(.layout-admin) .flash-stack{
  top:94px!important;
  right:24px!important;
  left:auto!important;
  transform:none!important;
  width:380px!important;
  max-width:calc(100vw - 48px)!important;
  gap:8px!important;
  z-index:100500!important;
}
body:not(.layout-admin) .flash-toast{
  min-height:64px!important;
  padding:11px 13px!important;
  gap:11px!important;
  border-radius:14px!important;
  font-size:14px!important;
  line-height:1.3!important;
  box-shadow:0 12px 34px rgba(16,24,40,.14)!important;
}
body:not(.layout-admin) .flash-toast .flash-icon{
  width:38px!important;height:38px!important;flex:0 0 38px!important;
  font-size:20px!important;box-shadow:none!important;
}
body:not(.layout-admin) .flash-toast .flash-copy{font-size:14px!important;font-weight:700!important}
body:not(.layout-admin) .flash-toast .flash-close{width:28px!important;height:28px!important;font-size:21px!important}

@media(max-width:650px){
  body.theme-whmcs.route-cart .cart-empty-card{
    min-height:300px!important;
    padding:30px 18px!important;
    border-radius:18px!important;
  }
  body.theme-whmcs.route-cart .cart-empty-icon{width:64px!important;height:64px!important;border-radius:19px!important}
  body.theme-whmcs.route-cart .cart-empty-inner h2{font-size:24px!important}
  body.theme-whmcs.route-cart .cart-empty-inner p{font-size:14px!important;margin-bottom:19px!important}
  body:not(.layout-admin) .flash-stack{
    top:88px!important;
    right:12px!important;
    left:auto!important;
    width:340px!important;
    max-width:calc(100vw - 24px)!important;
  }
  body:not(.layout-admin) .flash-toast{min-height:58px!important;padding:9px 10px!important;border-radius:13px!important;font-size:13px!important}
  body:not(.layout-admin) .flash-toast .flash-icon{width:34px!important;height:34px!important;flex-basis:34px!important;font-size:18px!important}
  body:not(.layout-admin) .flash-toast .flash-copy{font-size:13px!important}
}

/* ================================================================
   V171 — CART DESKTOP STACKED LAYOUT
   Only affects the public WHMCS cart route at desktop widths.
   Product list stays on top; checkout summary is centered below.
   Empty-cart card is narrower and centered. Mobile remains unchanged.
   ================================================================ */
@media (min-width:901px){
  body.theme-whmcs.route-cart .page{
    width:min(1280px,calc(100% - 48px))!important;
    max-width:none!important;
    margin:0 auto!important;
  }

  body.theme-whmcs.route-cart .cart-grid{
    width:min(1180px,100%)!important;
    max-width:1180px!important;
    margin:24px auto 64px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:24px!important;
    align-items:start!important;
  }

  body.theme-whmcs.route-cart .cart-grid > .card:first-child{
    width:100%!important;
    max-width:none!important;
    margin:0 auto!important;
    padding:20px 24px!important;
    border-radius:20px!important;
  }

  body.theme-whmcs.route-cart .cart-grid > .card:last-child{
    width:min(620px,100%)!important;
    max-width:620px!important;
    margin:0 auto!important;
    padding:26px 28px!important;
    border-radius:20px!important;
  }

  body.theme-whmcs.route-cart .cart-row{
    min-height:92px!important;
    padding:14px 0!important;
    gap:18px!important;
  }

  body.theme-whmcs.route-cart .cart-row img{
    width:78px!important;
    height:78px!important;
    object-fit:contain!important;
    border-radius:10px!important;
  }

  body.theme-whmcs.route-cart .cart-row > div:nth-child(2){
    min-width:0!important;
  }

  body.theme-whmcs.route-cart .cart-row > div:nth-child(2) b{
    font-size:16px!important;
    line-height:1.4!important;
  }

  body.theme-whmcs.route-cart .cart-grid > .card:last-child h3{
    font-size:20px!important;
    line-height:1.3!important;
    margin-top:0!important;
  }

  body.theme-whmcs.route-cart .cart-grid > .card:last-child p{
    font-size:15px!important;
    line-height:1.6!important;
  }

  body.theme-whmcs.route-cart .cart-grid > .card:last-child .btn{
    min-height:50px!important;
    border-radius:12px!important;
    font-size:15px!important;
  }

  /* Empty cart: compact centered white card instead of full-width strip. */
  body.theme-whmcs.route-cart .cart-empty-card{
    width:min(900px,calc(100% - 48px))!important;
    max-width:900px!important;
    min-height:330px!important;
    margin:26px auto 70px!important;
    padding:34px 18px!important;
    border-radius:20px!important;
  }

  body.theme-whmcs.route-cart .cart-empty-inner{
    width:min(100%,520px)!important;
    margin:0 auto!important;
  }
}

@media (max-width:900px){
  /* Keep V171's cart stack natural on mobile without changing the existing mobile design. */
  body.theme-whmcs.route-cart .cart-grid{
    grid-template-columns:1fr!important;
  }
}

/* ================================================================
   V172 — ESTRA DESKTOP PAGE HEADINGS + CART POLISH + ACCOUNT ICONS
   Scoped to the public WHMCS theme. Mobile is intentionally untouched.
   ================================================================ */
@media (min-width:901px){
  /* Public page titles: centered, clean Estra-style heading treatment. */
  body.theme-whmcs:not(.layout-admin) .page > h1,
  body.theme-whmcs:not(.layout-admin) .page-head h1{
    text-align:center!important;
    width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  body.theme-whmcs:not(.layout-admin) .page > .breadcrumb{
    text-align:center!important;
  }

  body.theme-whmcs:not(.layout-admin) .page > .page-head,
  body.theme-whmcs:not(.layout-admin) .page .page-head{
    justify-content:center!important;
    text-align:center!important;
  }

  body.theme-whmcs:not(.layout-admin) .page .page-head > div{
    width:100%!important;
  }

  /* Cart page: centered title with a little more breathing room. */
  body.theme-whmcs.route-cart .page > h1{
    font-size:38px!important;
    line-height:1.15!important;
    font-weight:850!important;
    letter-spacing:-.035em!important;
    color:#172033!important;
    margin:10px auto 28px!important;
  }

  body.theme-whmcs.route-cart .page > .breadcrumb{
    margin:20px 0 0!important;
    font-size:12px!important;
    color:#8b93a5!important;
  }

  /* Product cart card — larger, cleaner and horizontally balanced. */
  body.theme-whmcs.route-cart .cart-grid{
    width:min(1180px,calc(100% - 20px))!important;
    max-width:1180px!important;
    margin:0 auto 56px!important;
    gap:26px!important;
  }

  body.theme-whmcs.route-cart .cart-grid > .card:first-child{
    min-height:152px!important;
    padding:18px 28px!important;
    border-radius:22px!important;
    border:1px solid #e7e9f0!important;
    background:#fff!important;
    box-shadow:0 12px 32px rgba(31,35,70,.065)!important;
  }

  body.theme-whmcs.route-cart .cart-row{
    min-height:112px!important;
    padding:16px 0!important;
    gap:22px!important;
    grid-template-columns:96px minmax(0,1fr) 112px 120px 34px!important;
  }

  body.theme-whmcs.route-cart .cart-row img{
    width:92px!important;
    height:92px!important;
    object-fit:contain!important;
    border-radius:14px!important;
    background:#f7f7fb!important;
    border:1px solid #ececf2!important;
  }

  body.theme-whmcs.route-cart .cart-row > div:nth-child(2) b{
    display:block!important;
    font-size:17px!important;
    line-height:1.4!important;
    font-weight:800!important;
    color:#1e293b!important;
    margin-bottom:5px!important;
  }

  body.theme-whmcs.route-cart .cart-row > div:nth-child(2) small{
    font-size:14px!important;
    color:#7b8495!important;
  }

  body.theme-whmcs.route-cart .cart-row > b{
    font-size:16px!important;
    font-weight:800!important;
    color:#263149!important;
    text-align:right!important;
    white-space:nowrap!important;
  }

  body.theme-whmcs.route-cart .cart-row > a:last-child{
    width:34px!important;
    height:34px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:10px!important;
    color:#98a1b2!important;
    text-decoration:none!important;
    transition:.18s ease!important;
  }
  body.theme-whmcs.route-cart .cart-row > a:last-child:hover{
    background:#fff1f1!important;
    color:#d92d20!important;
  }

  body.theme-whmcs.route-cart .qty{
    height:40px!important;
    border:1px solid #e2e5ed!important;
    border-radius:11px!important;
    overflow:hidden!important;
    background:#fff!important;
    box-shadow:0 3px 10px rgba(30,35,70,.04)!important;
  }
  body.theme-whmcs.route-cart .qty a,
  body.theme-whmcs.route-cart .qty span{
    min-width:36px!important;
    height:40px!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    color:#354052!important;
    font-size:14px!important;
    text-decoration:none!important;
  }
  body.theme-whmcs.route-cart .qty a:hover{background:#f2f0ff!important;color:#6258df!important}

  /* Order summary is intentionally below the products and centered. */
  body.theme-whmcs.route-cart .cart-grid > .card:last-child{
    width:min(620px,100%)!important;
    max-width:620px!important;
    min-height:250px!important;
    margin:0 auto!important;
    padding:28px 30px!important;
    border-radius:22px!important;
    border:1px solid #e7e9f0!important;
    background:#fff!important;
    box-shadow:0 12px 32px rgba(31,35,70,.065)!important;
  }
  body.theme-whmcs.route-cart .cart-grid > .card:last-child h3{
    font-size:20px!important;
    font-weight:800!important;
    color:#1c2639!important;
    margin:0 0 18px!important;
  }
  body.theme-whmcs.route-cart .cart-grid > .card:last-child h3 + p{
    margin:0 0 14px!important;
    color:#687285!important;
    font-size:14px!important;
  }
  body.theme-whmcs.route-cart .cart-grid > .card:last-child hr{
    border:0!important;
    border-top:1px solid #e8eaf0!important;
    margin:14px 0 18px!important;
  }
  body.theme-whmcs.route-cart .cart-grid > .card:last-child h3:nth-of-type(2){
    margin:0 0 18px!important;
    color:#202b3e!important;
  }
  body.theme-whmcs.route-cart .cart-grid > .card:last-child .btn{
    width:100%!important;
    min-height:50px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:12px!important;
    font-size:15px!important;
    font-weight:800!important;
  }

  /* Empty-cart state uses the same centered page-title system. */
  body.theme-whmcs.route-cart .cart-empty-card{
    width:min(900px,calc(100% - 40px))!important;
    max-width:900px!important;
    min-height:340px!important;
    margin:0 auto 70px!important;
  }

  /* Account popup: replace any inherited black icon treatment with Estra purple. */
  body.theme-whmcs .tz-account-dropdown>a.tz-account-item .tz-account-link-icon,
  body.theme-whmcs .tz-account-dropdown>a.tz-account-item:hover .tz-account-link-icon,
  body.theme-whmcs .tz-account-dropdown>a.tz-account-item:focus .tz-account-link-icon{
    background:#f0edff!important;
    color:#6258df!important;
    border:0!important;
  }
  body.theme-whmcs .tz-account-dropdown>a.tz-account-item .tz-account-link-icon svg,
  body.theme-whmcs .tz-account-dropdown>a.tz-account-item .tz-account-link-icon svg *{
    stroke:#6258df!important;
    color:#6258df!important;
    fill:none!important;
  }
  body.theme-whmcs .tz-account-dropdown>a.tz-account-item .tz-account-item-text{
    color:#273043!important;
  }
  body.theme-whmcs .tz-account-dropdown>a.tz-account-item:hover .tz-account-item-text{
    color:#5d55df!important;
  }
  body.theme-whmcs .tz-account-dropdown>a.tz-account-logout .tz-account-link-icon,
  body.theme-whmcs .tz-account-dropdown>a.tz-account-logout:hover .tz-account-link-icon{
    background:#fff1f0!important;
    color:#d92d20!important;
  }
  body.theme-whmcs .tz-account-dropdown>a.tz-account-logout .tz-account-link-icon svg,
  body.theme-whmcs .tz-account-dropdown>a.tz-account-logout .tz-account-link-icon svg *{
    stroke:#d92d20!important;
  }
}

/* V173 — Product preview: show feature/check list only, remove duplicate tag pills.
   Scoped to the WHMCS preview information panel so product-card tags elsewhere remain unchanged. */
@media (min-width:901px){
  .theme-whmcs .wh-product-info-v21 > .wh-tags-v21{display:none!important;}
}
@media (max-width:900px){
  .theme-whmcs .wh-product-info-v21 > .wh-tags-v21{display:none!important;}
}

/* V174 — Mobile account popup icons: match the desktop Estra icon treatment.
   Only the Dashboard/Orders/Profile/Password rows are affected; logout keeps
   its intentional red treatment. This is isolated to the WHMCS mobile popup. */
@media (max-width:900px){
  body.theme-whmcs .tz-account-dropdown>a.tz-account-item:not(.tz-account-logout) .tz-account-link-icon,
  body.theme-whmcs .tz-account-dropdown>a.tz-account-item:not(.tz-account-logout):hover .tz-account-link-icon,
  body.theme-whmcs .tz-account-dropdown>a.tz-account-item:not(.tz-account-logout):focus .tz-account-link-icon{
    background:#f0edff!important;
    color:#6258df!important;
    border:0!important;
  }
  body.theme-whmcs .tz-account-dropdown>a.tz-account-item:not(.tz-account-logout) .tz-account-link-icon svg,
  body.theme-whmcs .tz-account-dropdown>a.tz-account-item:not(.tz-account-logout) .tz-account-link-icon svg *{
    stroke:#6258df!important;
    color:#6258df!important;
    fill:none!important;
  }
}

/* V175 — Desktop category cards: compact professional card-sized containers.
   Isolated to the Categories page and desktop only; mobile category styling is untouched. */
@media (min-width:901px){
  body.theme-whmcs .tz-categories-page-exact .tz-category-cards-exact{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:16px!important;
    max-width:1180px!important;
    margin:0 auto!important;
    align-items:stretch!important;
  }
  body.theme-whmcs .tz-categories-page-exact .tz-category-card-exact{
    min-height:0!important;
    height:176px!important;
    max-height:176px!important;
    padding:18px 14px 16px!important;
    border-radius:18px!important;
    box-sizing:border-box!important;
    justify-content:center!important;
    background:#fff!important;
    background-image:none!important;
    border:1px solid #e4e7ef!important;
    box-shadow:0 7px 20px rgba(25,35,60,.055)!important;
  }
  body.theme-whmcs .tz-categories-page-exact .tz-category-image-exact{
    width:82px!important;
    height:82px!important;
    min-width:82px!important;
    min-height:82px!important;
    margin:0 0 12px!important;
    border-radius:20px!important;
    display:grid!important;
    place-items:center!important;
    background:#f7f6ff!important;
    border:1px solid #ecebfa!important;
    box-shadow:0 6px 16px rgba(72,61,170,.07)!important;
  }
  body.theme-whmcs .tz-categories-page-exact .tz-category-image-exact img{
    width:46px!important;
    height:46px!important;
    object-fit:contain!important;
  }
  body.theme-whmcs .tz-categories-page-exact .tz-category-image-exact span{
    font-size:24px!important;
    line-height:1!important;
    color:#6258df!important;
  }
  body.theme-whmcs .tz-categories-page-exact .tz-category-name-exact{
    margin:0!important;
    font-size:15px!important;
    line-height:1.25!important;
    font-weight:800!important;
    color:#263044!important;
    text-align:center!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    max-width:100%!important;
  }
  body.theme-whmcs .tz-categories-page-exact .tz-category-card-exact:after{
    right:12px!important;
    top:12px!important;
    bottom:auto!important;
    width:30px!important;
    height:30px!important;
    font-size:14px!important;
  }
}

/* V176 — Estra-style desktop category directory + footer brand.
   Fully scoped to the WHMCS Categories page/footer so other page CSS cannot leak in. */
@media (min-width:901px){
  body.theme-whmcs .tz-categories-page-exact{
    width:100%!important;
    max-width:none!important;
    min-height:0!important;
    padding:34px 36px 72px!important;
    margin:0!important;
    box-sizing:border-box!important;
    background:#fbfcfd!important;
    background-image:none!important;
  }
  body.theme-whmcs .tz-categories-page-exact .tz-categories-search-exact{display:none!important}
  body.theme-whmcs .tz-categories-page-exact .tz-categories-title-exact{
    display:block!important;
    width:100%!important;
    max-width:1420px!important;
    margin:0 auto 30px!important;
    padding:0!important;
  }
  body.theme-whmcs .tz-categories-page-exact .tz-categories-title-exact h1{
    display:block!important;
    margin:0!important;
    color:#182238!important;
    font-size:48px!important;
    line-height:1.08!important;
    font-weight:850!important;
    letter-spacing:-1.7px!important;
    text-align:left!important;
  }
  body.theme-whmcs .tz-categories-page-exact .tz-category-cards-exact{
    width:100%!important;
    max-width:1420px!important;
    margin:0 auto!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:20px!important;
    align-items:stretch!important;
  }
  body.theme-whmcs .tz-categories-page-exact .tz-category-card-exact{
    position:relative!important;
    width:100%!important;
    min-width:0!important;
    height:182px!important;
    min-height:182px!important;
    max-height:182px!important;
    box-sizing:border-box!important;
    padding:18px 14px 16px!important;
    margin:0!important;
    border:1px solid #e7e9ef!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:0 5px 15px rgba(27,35,58,.07)!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    text-decoration:none!important;
    overflow:hidden!important;
    cursor:pointer!important;
    transform:none!important;
    transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
  }
  body.theme-whmcs .tz-categories-page-exact .tz-category-card-exact:hover,
  body.theme-whmcs .tz-categories-page-exact .tz-category-card-exact:focus-visible{
    transform:translateY(-3px)!important;
    border-color:#d8d4fb!important;
    box-shadow:0 13px 28px rgba(64,54,155,.12)!important;
    outline:none!important;
  }
  body.theme-whmcs .tz-categories-page-exact .tz-category-image-exact{
    position:relative!important;
    width:102px!important;
    height:102px!important;
    min-width:102px!important;
    min-height:102px!important;
    margin:0 0 11px!important;
    padding:0!important;
    border:0!important;
    border-radius:18px!important;
    background:transparent!important;
    box-shadow:none!important;
    display:grid!important;
    place-items:center!important;
    overflow:hidden!important;
  }
  body.theme-whmcs .tz-categories-page-exact .tz-category-image-exact img{
    width:100px!important;
    height:100px!important;
    max-width:100%!important;
    max-height:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:16px!important;
    object-fit:contain!important;
    object-position:center!important;
    display:block!important;
  }
  body.theme-whmcs .tz-categories-page-exact .tz-category-image-exact span{
    width:76px!important;
    height:76px!important;
    margin:0!important;
    border-radius:16px!important;
    background:#f4f2ff!important;
    color:#6258df!important;
    display:grid!important;
    place-items:center!important;
    font-size:28px!important;
  }
  body.theme-whmcs .tz-categories-page-exact .tz-category-name-exact{
    position:relative!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    color:#273145!important;
    font-size:18px!important;
    line-height:1.2!important;
    font-weight:700!important;
    letter-spacing:-.15px!important;
    text-align:center!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.theme-whmcs .tz-categories-page-exact .tz-category-card-exact:after{
    content:'→'!important;
    position:absolute!important;
    top:10px!important;
    right:10px!important;
    width:28px!important;
    height:28px!important;
    border-radius:50%!important;
    display:grid!important;
    place-items:center!important;
    background:#f6f4ff!important;
    color:#6258df!important;
    font-size:14px!important;
    font-weight:800!important;
    opacity:0!important;
    transform:translate(-3px,3px)!important;
    transition:opacity .18s ease,transform .18s ease!important;
  }
  body.theme-whmcs .tz-categories-page-exact .tz-category-card-exact:hover:after,
  body.theme-whmcs .tz-categories-page-exact .tz-category-card-exact:focus-visible:after{
    opacity:1!important;
    transform:none!important;
  }

  body.theme-whmcs .tz-footer-exact .tz-footer-brand-exact{
    width:min(1420px,calc(100% - 72px))!important;
    max-width:none!important;
    margin:0 auto!important;
    padding:30px 0 18px!important;
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    gap:18px!important;
    border-bottom:1px solid #ececf2!important;
  }
  body.theme-whmcs .tz-footer-exact .tz-footer-brand-exact .tz-footer-brand-link-exact{
    display:inline-flex!important;
    flex:0 0 auto!important;
    align-items:center!important;
    text-decoration:none!important;
  }
  body.theme-whmcs .tz-footer-exact .tz-footer-brand-exact .tz-footer-brand-link-exact .store-logo{
    width:118px!important;
    height:50px!important;
    object-fit:contain!important;
  }
  body.theme-whmcs .tz-footer-exact .tz-footer-brand-exact p{
    margin:0!important;
    color:#667085!important;
    font-size:13px!important;
    line-height:1.5!important;
  }
}

@media (max-width:900px){
  body.theme-whmcs .tz-footer-exact .tz-footer-brand-exact{
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    padding:24px 24px 16px!important;
    border-bottom:1px solid #ececf2!important;
  }
  body.theme-whmcs .tz-footer-exact .tz-footer-brand-exact .store-logo{
    width:88px!important;
    height:40px!important;
    object-fit:contain!important;
  }
  body.theme-whmcs .tz-footer-exact .tz-footer-brand-exact p{
    margin:0!important;
    font-size:11px!important;
    line-height:1.45!important;
    color:#667085!important;
  }
}

/* V177 — Estra footer logo placement: logo only, no description or separator lines. */
body.theme-whmcs .tz-footer-exact .tz-footer-logo-column-exact{
  min-width:0!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
}
body.theme-whmcs .tz-footer-exact .tz-footer-logo-column-exact .tz-footer-brand-link-exact{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-decoration:none!important;
  margin:0!important;
  padding:0!important;
}
body.theme-whmcs .tz-footer-exact .tz-footer-logo-column-exact .tz-footer-brand-link-exact .store-logo{
  width:118px!important;
  height:auto!important;
  max-height:58px!important;
  object-fit:contain!important;
  display:block!important;
}
body.theme-whmcs .tz-footer-exact .tz-footer-logo-column-exact .tz-footer-brand-link-exact > span{
  display:none!important;
}
body.theme-whmcs .tz-footer-exact .tz-footer-brand-exact{
  display:none!important;
}
body.theme-whmcs .tz-footer-exact,
body.theme-whmcs .tz-footer-exact .tz-footer-grid-exact,
body.theme-whmcs .tz-footer-exact .tz-footer-bottom-exact{
  border-top:0!important;
  border-bottom:0!important;
}
body.theme-whmcs .tz-footer-exact .tz-footer-bottom-exact{
  border:0!important;
}
@media (max-width:900px){
  body.theme-whmcs .tz-footer-exact .tz-footer-logo-column-exact .tz-footer-brand-link-exact .store-logo{
    width:92px!important;
    max-height:48px!important;
  }
}

/* ================================================================
   V178 — Desktop Estra navigation + product search
   Desktop only. Mobile navigation/search remains unchanged.
   ================================================================ */
@media (min-width:901px){
  body.theme-whmcs .tz-header-exact .tz-headrow{
    height:82px!important;
    min-height:82px!important;
    width:100%!important;
    max-width:none!important;
    display:grid!important;
    grid-template-columns:205px minmax(520px,1fr) 340px auto!important;
    align-items:center!important;
    column-gap:18px!important;
    padding:0 24px!important;
    box-sizing:border-box!important;
  }

  /* Keep the existing nav layout, but make every desktop item clearly clickable. */
  body.theme-whmcs .tz-header-exact .tz-mainnav{
    grid-column:2!important;
    grid-row:1!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    min-width:0!important;
    overflow:visible!important;
    white-space:nowrap!important;
  }
  body.theme-whmcs .tz-header-exact .tz-mainnav>a,
  body.theme-whmcs .tz-header-exact .tz-nav-dropdown-trigger{
    min-height:50px!important;
    height:50px!important;
    padding:0 17px!important;
    border-radius:12px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:14px!important;
    line-height:1!important;
    font-weight:800!important;
    color:#182239!important;
    white-space:nowrap!important;
    text-decoration:none!important;
    box-sizing:border-box!important;
  }
  body.theme-whmcs .tz-header-exact .tz-mainnav>a:first-child{
    background:#f1efff!important;
    color:#5d55e9!important;
  }
  body.theme-whmcs .tz-header-exact .tz-mainnav>a:hover,
  body.theme-whmcs .tz-header-exact .tz-nav-dropdown-trigger:hover{
    background:#f5f3ff!important;
    color:#5d55e9!important;
  }
  body.theme-whmcs .tz-header-exact .tz-nav-dropdown-trigger span{
    margin-left:8px!important;
    font-size:13px!important;
    line-height:1!important;
  }

  /* Desktop product search: same clean Estra-style pill/box, with icon on the left. */
  body.theme-whmcs .tz-header-exact .tz-search{
    grid-column:3!important;
    grid-row:1!important;
    justify-self:stretch!important;
    width:100%!important;
    max-width:none!important;
    height:54px!important;
    margin:0!important;
    padding:0 16px!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    border:1.5px solid #dfe2ea!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:none!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  body.theme-whmcs .tz-header-exact .tz-search button{
    order:-1!important;
    flex:0 0 30px!important;
    width:30px!important;
    height:30px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    background:transparent!important;
    color:#172033!important;
    font-size:0!important;
    display:grid!important;
    place-items:center!important;
    cursor:pointer!important;
  }
  body.theme-whmcs .tz-header-exact .tz-search button::before{
    content:'⌕'!important;
    display:block!important;
    font-size:31px!important;
    line-height:1!important;
    font-family:Arial,sans-serif!important;
    font-weight:400!important;
    transform:rotate(-12deg)!important;
  }
  body.theme-whmcs .tz-header-exact .tz-search input{
    order:2!important;
    flex:1 1 auto!important;
    min-width:0!important;
    width:auto!important;
    height:100%!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    outline:none!important;
    box-shadow:none!important;
    background:transparent!important;
    color:#273043!important;
    font-size:17px!important;
    font-weight:500!important;
  }
  body.theme-whmcs .tz-header-exact .tz-search input::placeholder{
    color:#8991a0!important;
    opacity:1!important;
  }
  body.theme-whmcs .tz-header-exact .tz-search:focus-within{
    border-color:#dfe2ea!important;
    box-shadow:none!important;
    outline:none!important;
  }

  /* Keep cart/login/register/profile area intact and give it its own grid cell. */
  body.theme-whmcs .tz-header-exact .tz-icons{
    grid-column:4!important;
    grid-row:1!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:10px!important;
    min-width:max-content!important;
  }
}

/* At narrower desktop widths, reduce only desktop navigation spacing so the header never collides. */
@media (min-width:901px) and (max-width:1250px){
  body.theme-whmcs .tz-header-exact .tz-headrow{
    grid-template-columns:180px minmax(430px,1fr) 280px auto!important;
    column-gap:12px!important;
    padding:0 16px!important;
  }
  body.theme-whmcs .tz-header-exact .tz-mainnav>a,
  body.theme-whmcs .tz-header-exact .tz-nav-dropdown-trigger{
    padding:0 11px!important;
    font-size:12px!important;
  }
  body.theme-whmcs .tz-header-exact .tz-search{height:50px!important;border-radius:14px!important;}
  body.theme-whmcs .tz-header-exact .tz-search input{font-size:15px!important;}
}
@media (min-width:901px){
  body.theme-whmcs .tz-header-exact .tz-search button::before{display:none!important;content:none!important;}
  body.theme-whmcs .tz-header-exact .tz-search button svg{
    width:27px!important;
    height:27px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.8!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
    display:block!important;
  }
}

/* ================================================================
   V179 — PROFESSIONAL DESKTOP PAYMENT PAGE
   Scope: public WHMCS pending-payment page only.
   Mobile and all other routes keep their existing design.
   ================================================================ */
@media (min-width:901px){
  body.theme-whmcs.route-order_pay:not(.layout-admin){
    background:#f7f8fc!important;
  }

  body.theme-whmcs.route-order_pay:not(.layout-admin) .page{
    width:min(1180px,calc(100% - 64px))!important;
    max-width:1180px!important;
    margin:0 auto!important;
    padding:42px 0 76px!important;
  }

  body.theme-whmcs.route-order_pay:not(.layout-admin) .page-head{
    width:100%!important;
    max-width:none!important;
    margin:0 auto 28px!important;
    display:block!important;
    text-align:center!important;
  }

  body.theme-whmcs.route-order_pay:not(.layout-admin) .page-head > div{
    width:100%!important;
  }

  body.theme-whmcs.route-order_pay:not(.layout-admin) .page-head .eyebrow{
    display:block!important;
    margin-bottom:8px!important;
    color:#8a91a3!important;
    font-size:12px!important;
    font-weight:800!important;
    letter-spacing:.11em!important;
    text-transform:uppercase!important;
  }

  body.theme-whmcs.route-order_pay:not(.layout-admin) .page-head h1{
    margin:0 0 9px!important;
    color:#172033!important;
    font-size:38px!important;
    line-height:1.12!important;
    font-weight:850!important;
    letter-spacing:-.035em!important;
  }

  body.theme-whmcs.route-order_pay:not(.layout-admin) .page-head p{
    margin:0!important;
    color:#7c8597!important;
    font-size:14px!important;
    line-height:1.6!important;
  }

  body.theme-whmcs.route-order_pay:not(.layout-admin) .pending-pay-summary,
  body.theme-whmcs.route-order_pay:not(.layout-admin) .pending-pay-form{
    width:100%!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
    border:1px solid #e5e8ef!important;
    border-radius:22px!important;
    background:#fff!important;
    box-shadow:0 14px 38px rgba(27,35,65,.065)!important;
  }

  body.theme-whmcs.route-order_pay:not(.layout-admin) .pending-pay-summary{
    padding:0!important;
    margin-bottom:18px!important;
    overflow:hidden!important;
  }

  body.theme-whmcs.route-order_pay:not(.layout-admin) .pending-pay-top{
    min-height:112px!important;
    padding:24px 30px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:40px!important;
  }

  body.theme-whmcs.route-order_pay:not(.layout-admin) .pending-pay-meta,
  body.theme-whmcs.route-order_pay:not(.layout-admin) .pending-pay-amount{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:4px!important;
    min-width:0!important;
  }

  body.theme-whmcs.route-order_pay:not(.layout-admin) .pending-pay-amount{
    align-items:flex-end!important;
    text-align:right!important;
    padding-left:38px!important;
    border-left:1px solid #edf0f4!important;
  }

  body.theme-whmcs.route-order_pay:not(.layout-admin) .pending-pay-label{
    color:#8a93a5!important;
    font-size:11px!important;
    line-height:1.2!important;
    font-weight:800!important;
    letter-spacing:.04em!important;
    text-transform:uppercase!important;
  }

  body.theme-whmcs.route-order_pay:not(.layout-admin) .pending-pay-meta strong{
    color:#202b40!important;
    font-size:18px!important;
    line-height:1.3!important;
    font-weight:850!important;
    word-break:break-word!important;
  }

  body.theme-whmcs.route-order_pay:not(.layout-admin) .pending-pay-date{
    color:#98a0af!important;
    font-size:12px!important;
    line-height:1.4!important;
  }

  body.theme-whmcs.route-order_pay:not(.layout-admin) .pending-pay-amount strong{
    color:#5d55df!important;
    font-size:25px!important;
    line-height:1.2!important;
    font-weight:900!important;
    white-space:nowrap!important;
  }

  body.theme-whmcs.route-order_pay:not(.layout-admin) .pending-pay-form{
    padding:30px!important;
    margin-bottom:0!important;
  }

  body.theme-whmcs.route-order_pay:not(.layout-admin) .pending-pay-form > .field.full > label{
    display:block!important;
    margin:0 0 13px!important;
    color:#253047!important;
    font-size:14px!important;
    font-weight:850!important;
  }

  body.theme-whmcs.route-order_pay:not(.layout-admin) .pending-pay-form .payment-options{
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
  }

  body.theme-whmcs.route-order_pay:not(.layout-admin) .pending-pay-form .payment-option{
    min-width:0!important;
  }

  body.theme-whmcs.route-order_pay:not(.layout-admin) .pending-pay-form .payment-option-card{
    min-height:92px!important;
    padding:17px 19px!important;
    gap:15px!important;
    border:1px solid #e3e7ef!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:0 5px 16px rgba(25,35,65,.035)!important;
    transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease!important;
  }

  body.theme-whmcs.route-order_pay:not(.layout-admin) .pending-pay-form .payment-option-card:hover{
    border-color:#cbc7fa!important;
    box-shadow:0 9px 24px rgba(92,82,225,.09)!important;
    transform:translateY(-1px)!important;
  }

  body.theme-whmcs.route-order_pay:not(.layout-admin) .pending-pay-form .payment-option input:checked + .payment-option-card{
    border-color:#665de8!important;
    box-shadow:0 0 0 3px #eeecff!important,0 9px 24px rgba(92,82,225,.08)!important;
    background:#fcfbff!important;
  }

  body.theme-whmcs.route-order_pay:not(.layout-admin) .pending-pay-form .payment-option-card img{
    width:62px!important;
    height:52px!important;
    flex:0 0 62px!important;
    object-fit:contain!important;
    border-radius:10px!important;
    background:#fafbfe!important;
  }

  body.theme-whmcs.route-order_pay:not(.layout-admin) .pending-pay-form .payment-option-card b{
    color:#202b40!important;
    font-size:15px!important;
    line-height:1.35!important;
    font-weight:850!important;
  }

  body.theme-whmcs.route-order_pay:not(.layout-admin) .pending-pay-form .payment-option-card small{
    color:#7d8799!important;
    font-size:12px!important;
    line-height:1.45!important;
    margin-top:4px!important;
  }

  body.theme-whmcs.route-order_pay:not(.layout-admin) .pending-pay-form .selected-payment-instructions{
    min-height:0!important;
    margin-top:16px!important;
    padding:12px 15px!important;
    border:1px solid #e7eaf0!important;
    border-radius:12px!important;
    background:#f8f9fc!important;
    color:#667085!important;
    font-size:12px!important;
    line-height:1.55!important;
  }

  body.theme-whmcs.route-order_pay:not(.layout-admin) .pending-pay-form .manual-deposit-fields{
    margin-top:18px!important;
    padding:20px!important;
    border-radius:15px!important;
    border:1px solid #dce8fb!important;
    background:#f8fbff!important;
  }

  body.theme-whmcs.route-order_pay:not(.layout-admin) .pending-pay-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:11px!important;
    margin-top:24px!important;
    padding-top:20px!important;
    border-top:1px solid #edf0f4!important;
  }

  body.theme-whmcs.route-order_pay:not(.layout-admin) .pending-pay-actions .btn{
    min-height:48px!important;
    padding:0 22px!important;
    border-radius:11px!important;
    font-size:13px!important;
    font-weight:850!important;
  }

  body.theme-whmcs.route-order_pay:not(.layout-admin) .pending-pay-actions .btn.light{
    background:#f3f2ff!important;
    color:#6258d9!important;
    border:1px solid #e7e3ff!important;
  }

  body.theme-whmcs.route-order_pay:not(.layout-admin) .pending-pay-actions .btn:not(.light){
    min-width:205px!important;
    background:linear-gradient(135deg,#6257e9,#7147e8)!important;
    color:#fff!important;
    box-shadow:0 10px 22px rgba(99,83,229,.18)!important;
  }
}

@media (min-width:901px) and (max-width:1050px){
  body.theme-whmcs.route-order_pay:not(.layout-admin) .page{width:calc(100% - 40px)!important;}
  body.theme-whmcs.route-order_pay:not(.layout-admin) .pending-pay-top{padding:22px 24px!important;gap:25px!important;}
  body.theme-whmcs.route-order_pay:not(.layout-admin) .pending-pay-form{padding:24px!important;}
}

/* V180 — Mobile account icon color parity.
   Isolated to the mobile WHMCS header/account menu so no other controls are affected. */
@media (max-width:900px){
  body.theme-whmcs .tz-header-exact .tz-account-trigger:not(.tz-account-trigger-photo){
    background:#635be7!important;
    border-color:#635be7!important;
    color:#fff!important;
  }
  body.theme-whmcs .tz-header-exact .tz-account-trigger:not(.tz-account-trigger-photo) svg,
  body.theme-whmcs .tz-header-exact .tz-account-trigger:not(.tz-account-trigger-photo) svg *{
    stroke:#fff!important;
    color:#fff!important;
    fill:none!important;
  }
  body.theme-whmcs .tz-account-dropdown>a.tz-account-logout .tz-account-link-icon,
  body.theme-whmcs .tz-account-dropdown>a.tz-account-logout:hover .tz-account-link-icon,
  body.theme-whmcs .tz-account-dropdown>a.tz-account-logout:focus .tz-account-link-icon{
    background:#fff1f0!important;
    color:#d92d20!important;
    border:0!important;
  }
  body.theme-whmcs .tz-account-dropdown>a.tz-account-logout .tz-account-link-icon svg,
  body.theme-whmcs .tz-account-dropdown>a.tz-account-logout .tz-account-link-icon svg *{
    stroke:#d92d20!important;
    color:#d92d20!important;
    fill:none!important;
  }
}

/* ================================================================
   V181 — Register Address Placeholder / Border Isolation
   Keep the Address textarea visually identical to the other clean
   auth fields. Prevent the generic .auth-card-v20 textarea rules from
   adding the unwanted inner border/focus ring.
   Scoped only to the registration address field.
   ================================================================ */
body.theme-whmcs .auth-card-v20 .auth-address,
body.theme-whmcs .auth-card-v20 .auth-address:focus-within{
  border:1px solid #dfe3ea!important;
  box-shadow:none!important;
  background:#fff!important;
}
body.theme-whmcs .auth-card-v20 .auth-address textarea,
body.theme-whmcs .auth-card-v20 .auth-address textarea:hover,
body.theme-whmcs .auth-card-v20 .auth-address textarea:focus{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
}
body.theme-whmcs .auth-card-v20 .auth-address textarea::placeholder{
  color:#98a2b3!important;
  opacity:1!important;
}

/* ================================================================
   V182 — Desktop header/search final isolation + mobile icon parity
   - Desktop nav keeps Home / Web Scripts / Categories only.
   - Search gets its own grid column so it cannot overlap Support/nav.
   - Search input is fully interactive; icon stays on the right in blue.
   - Mobile search/profile icons are no longer black.
   ================================================================ */
@media (min-width:1201px){
  body.theme-whmcs .tz-header-exact .tz-headrow{
    grid-template-columns:220px minmax(0,1fr) 320px auto!important;
    gap:22px!important;
    align-items:center!important;
  }
  body.theme-whmcs .tz-header-exact .tz-mainnav{
    min-width:0!important;
    width:100%!important;
    justify-content:flex-start!important;
    gap:2px!important;
    overflow:visible!important;
  }
  body.theme-whmcs .tz-header-exact .tz-mainnav>a,
  body.theme-whmcs .tz-header-exact .tz-nav-dropdown-trigger{
    white-space:nowrap!important;
    flex:0 0 auto!important;
    padding:12px 13px!important;
  }
  body.theme-whmcs .tz-header-exact .tz-search{
    width:320px!important;
    min-width:320px!important;
    height:46px!important;
    margin:0!important;
    display:flex!important;
    position:relative!important;
    z-index:5!important;
    overflow:hidden!important;
    border:1px solid #e0e4ec!important;
    border-radius:13px!important;
    background:#fff!important;
    box-shadow:0 2px 8px rgba(16,24,40,.04)!important;
  }
  body.theme-whmcs .tz-header-exact .tz-search input{
    display:block!important;
    flex:1 1 auto!important;
    width:auto!important;
    min-width:0!important;
    height:100%!important;
    margin:0!important;
    padding:0 15px!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    background:#fff!important;
    color:#172033!important;
    font-size:14px!important;
    font-weight:500!important;
    line-height:46px!important;
    pointer-events:auto!important;
    user-select:text!important;
    cursor:text!important;
  }
  body.theme-whmcs .tz-header-exact .tz-search input::placeholder{
    color:#98a2b3!important;
    opacity:1!important;
  }
  body.theme-whmcs .tz-header-exact .tz-search button{
    flex:0 0 50px!important;
    width:50px!important;
    height:46px!important;
    padding:0!important;
    margin:0!important;
    display:grid!important;
    place-items:center!important;
    border:0!important;
    border-left:1px solid #edf0f5!important;
    border-radius:0!important;
    background:#fff!important;
    color:#5d55e8!important;
    cursor:pointer!important;
    z-index:2!important;
  }
  body.theme-whmcs .tz-header-exact .tz-search button svg{
    width:20px!important;
    height:20px!important;
    display:block!important;
    stroke:#5d55e8!important;
    fill:none!important;
    stroke-width:2!important;
  }
  body.theme-whmcs .tz-header-exact .tz-icons{
    position:relative!important;
    z-index:6!important;
    white-space:nowrap!important;
  }
}

@media (max-width:1200px) and (min-width:901px){
  body.theme-whmcs .tz-header-exact .tz-headrow{
    grid-template-columns:190px minmax(0,1fr) 270px auto!important;
    gap:14px!important;
  }
  body.theme-whmcs .tz-header-exact .tz-search{
    width:270px!important;
    min-width:270px!important;
  }
  body.theme-whmcs .tz-header-exact .tz-mainnav{gap:0!important;}
  body.theme-whmcs .tz-header-exact .tz-mainnav>a,
  body.theme-whmcs .tz-header-exact .tz-nav-dropdown-trigger{padding:10px 8px!important;font-size:12px!important;}
}

@media (max-width:900px){
  /* Mobile search icon: keep it visible/colored, but retain the compact mobile layout. */
  body.theme-whmcs .tz-header-exact .tz-search button{
    color:#5d55e8!important;
    background:transparent!important;
  }
  body.theme-whmcs .tz-header-exact .tz-search button svg,
  body.theme-whmcs .tz-header-exact .tz-search button svg *{
    stroke:#5d55e8!important;
    color:#5d55e8!important;
    fill:none!important;
  }
  /* Profile/login icon: white icon on the same blue circular treatment as desktop cart/account controls. */
  body.theme-whmcs .tz-header-exact .tz-account-trigger,
  body.theme-whmcs .tz-header-exact .tz-login-icon{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:12px!important;
    border:0!important;
    background:#6258e8!important;
    color:#fff!important;
    box-shadow:0 6px 14px rgba(98,88,232,.18)!important;
  }
  body.theme-whmcs .tz-header-exact .tz-account-trigger svg,
  body.theme-whmcs .tz-header-exact .tz-account-trigger svg *,
  body.theme-whmcs .tz-header-exact .tz-login-icon svg,
  body.theme-whmcs .tz-header-exact .tz-login-icon svg *{
    stroke:#fff!important;
    color:#fff!important;
    fill:none!important;
  }
  body.theme-whmcs .tz-header-exact .tz-account-trigger-photo{
    overflow:hidden!important;
    padding:0!important;
  }
}


/* ================================================================
   V183 — Estra/TZSM desktop search + clean mobile header
   Scoped only to the WHMCS public header. No generic input rules.
   ================================================================ */
body.theme-whmcs .tz-header-exact .tz-search{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  height:44px!important;
  width:285px!important;
  min-width:285px!important;
  margin:0!important;
  padding:0 14px!important;
  gap:10px!important;
  border:1px solid #dfe3ea!important;
  border-radius:11px!important;
  background:#fff!important;
  box-shadow:0 1px 4px rgba(16,24,40,.035)!important;
}
body.theme-whmcs .tz-header-exact .tz-search:focus-within{
  border-color:#dfe3ea!important;
  box-shadow:0 1px 4px rgba(16,24,40,.035)!important;
}
body.theme-whmcs .tz-header-exact .tz-search .tz-search-icon{
  flex:0 0 19px!important;
  width:19px!important;
  height:19px!important;
  display:grid!important;
  place-items:center!important;
  color:#98a2b3!important;
  pointer-events:none!important;
}
body.theme-whmcs .tz-header-exact .tz-search .tz-search-icon svg{
  display:block!important;
  width:18px!important;
  height:18px!important;
  stroke:#98a2b3!important;
  fill:none!important;
  stroke-width:2!important;
}
body.theme-whmcs .tz-header-exact .tz-search input{
  flex:1 1 auto!important;
  width:100%!important;
  min-width:0!important;
  height:42px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
  color:#344054!important;
  font:500 14px/42px Arial,sans-serif!important;
  pointer-events:auto!important;
  user-select:text!important;
  -webkit-user-select:text!important;
  cursor:text!important;
  caret-color:#5d55e8!important;
}
body.theme-whmcs .tz-header-exact .tz-search input:focus,
body.theme-whmcs .tz-header-exact .tz-search input:active{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}
body.theme-whmcs .tz-header-exact .tz-search input::placeholder{
  color:#98a2b3!important;
  opacity:1!important;
}
body.theme-whmcs .tz-header-exact .tz-search button{display:none!important;}

@media (min-width:1201px){
  body.theme-whmcs .tz-header-exact .tz-headrow{
    grid-template-columns:220px minmax(0,1fr) 285px auto!important;
    gap:20px!important;
  }
  body.theme-whmcs .tz-header-exact .tz-mainnav{
    justify-content:flex-start!important;
    gap:3px!important;
  }
  body.theme-whmcs .tz-header-exact .tz-mainnav>a,
  body.theme-whmcs .tz-header-exact .tz-nav-dropdown-trigger{
    padding:12px 13px!important;
    white-space:nowrap!important;
  }
}

@media (max-width:1200px) and (min-width:901px){
  body.theme-whmcs .tz-header-exact .tz-headrow{
    grid-template-columns:190px minmax(0,1fr) 260px auto!important;
    gap:13px!important;
  }
  body.theme-whmcs .tz-header-exact .tz-search{
    width:260px!important;
    min-width:260px!important;
  }
}

@media (max-width:900px){
  /* The desktop search is intentionally hidden on mobile; mobile keeps only
     the cart, profile and menu controls. */
  body.theme-whmcs .tz-header-exact .tz-search{
    display:none!important;
  }
  body.theme-whmcs .tz-header-exact .tz-account-trigger,
  body.theme-whmcs .tz-header-exact .tz-login-icon{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    display:grid!important;
    place-items:center!important;
    box-sizing:border-box!important;
    border:0!important;
    border-radius:12px!important;
    background:#6258e8!important;
    color:#fff!important;
    box-shadow:0 6px 14px rgba(98,88,232,.18)!important;
    text-decoration:none!important;
  }
  body.theme-whmcs .tz-header-exact .tz-account-trigger svg,
  body.theme-whmcs .tz-header-exact .tz-account-trigger svg *,
  body.theme-whmcs .tz-header-exact .tz-login-icon svg,
  body.theme-whmcs .tz-header-exact .tz-login-icon svg *{
    display:block!important;
    width:23px!important;
    height:23px!important;
    stroke:#fff!important;
    stroke-width:2.2!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
    fill:none!important;
    color:#fff!important;
  }
  body.theme-whmcs .tz-header-exact .tz-account-trigger-photo img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    border-radius:12px!important;
  }
}


/* V184: keep the Support item visible on the desktop nav without changing mobile nav. */
@media (min-width:901px){
  body.theme-whmcs .tz-header-exact .tz-mainnav .tz-desktop-support{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 auto!important;
    min-width:max-content!important;
    padding:12px 13px!important;
    margin:0!important;
    border-radius:9px!important;
    color:#243047!important;
    background:transparent!important;
    font-size:14px!important;
    font-weight:750!important;
    line-height:1!important;
    white-space:nowrap!important;
    text-decoration:none!important;
  }
  body.theme-whmcs .tz-header-exact .tz-mainnav .tz-desktop-support:hover,
  body.theme-whmcs .tz-header-exact .tz-mainnav .tz-desktop-support:focus-visible{
    background:#f2f0ff!important;
    color:#5f55e8!important;
  }
}
@media (max-width:900px){
  body.theme-whmcs .tz-header-exact .tz-mainnav .tz-desktop-support{display:none!important;}
}

/* ================================================================
   V185 — Final mobile header fit + desktop country flag parity
   Only affects the WHMCS public header and registration country picker.
   ================================================================ */

/* Mobile header: keep logo + cart + profile + hamburger inside the viewport.
   The previous fixed 176px logo column could force the right controls outside
   the screen. Use a flexible brand column and a compact controls group. */
@media (max-width:900px){
  body.theme-whmcs .tz-header-exact .tz-headrow{
    width:100%!important;
    max-width:none!important;
    height:70px!important;
    min-height:70px!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    padding:0 10px!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }
  body.theme-whmcs .tz-header-exact .tz-brand{
    flex:1 1 auto!important;
    min-width:0!important;
    width:auto!important;
    max-width:none!important;
    overflow:hidden!important;
  }
  body.theme-whmcs .tz-header-exact .tz-brand .store-logo{
    display:block!important;
    width:min(150px,100%)!important;
    max-width:150px!important;
    height:46px!important;
    object-fit:contain!important;
    object-position:left center!important;
  }
  body.theme-whmcs .tz-header-exact .tz-search{
    display:none!important;
  }
  body.theme-whmcs .tz-header-exact .tz-icons{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:0!important;
    margin-left:auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:8px!important;
    white-space:nowrap!important;
  }
  body.theme-whmcs .tz-header-exact .tz-icons>a.wh-cart,
  body.theme-whmcs .tz-header-exact .tz-account-trigger,
  body.theme-whmcs .tz-header-exact .tz-login-icon{
    flex:0 0 42px!important;
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
    min-height:42px!important;
    box-sizing:border-box!important;
  }
  body.theme-whmcs .tz-header-exact .tz-menu-btn{
    display:grid!important;
    place-items:center!important;
    flex:0 0 40px!important;
    width:40px!important;
    min-width:40px!important;
    height:42px!important;
    margin:0!important;
    padding:0!important;
    font-size:28px!important;
    line-height:1!important;
    color:#17233b!important;
    background:transparent!important;
    border:0!important;
  }
}

@media (max-width:380px){
  body.theme-whmcs .tz-header-exact .tz-headrow{padding:0 8px!important;gap:6px!important;}
  body.theme-whmcs .tz-header-exact .tz-brand .store-logo{width:min(140px,100%)!important;max-width:140px!important;height:44px!important;}
  body.theme-whmcs .tz-header-exact .tz-icons{gap:6px!important;}
  body.theme-whmcs .tz-header-exact .tz-icons>a.wh-cart,
  body.theme-whmcs .tz-header-exact .tz-account-trigger,
  body.theme-whmcs .tz-header-exact .tz-login-icon{flex-basis:40px!important;width:40px!important;min-width:40px!important;height:40px!important;}
  body.theme-whmcs .tz-header-exact .tz-menu-btn{flex-basis:38px!important;width:38px!important;min-width:38px!important;font-size:27px!important;}
}

/* Registration country picker: make the flag a fixed visible element on
   desktop too, matching the mobile picker. */
body.theme-whmcs .auth-card-v20 .country-select-display .country-selected-flag{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 30px!important;
  width:30px!important;
  min-width:30px!important;
  height:30px!important;
  font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif!important;
  font-size:24px!important;
  line-height:1!important;
  overflow:visible!important;
  visibility:visible!important;
  opacity:1!important;
}
body.theme-whmcs .auth-card-v20 .country-select-display .country-selected-text{
  min-width:0!important;
  flex:1 1 auto!important;
}


/* V187 — reliable mobile hamburger + same-page AJAX processing */
body.theme-whmcs .tz-header-exact .tz-menu-btn{position:relative!important;z-index:999!important;display:grid!important;place-items:center!important;visibility:visible!important;opacity:1!important;overflow:visible!important;color:#17233b!important;background:transparent!important;border:0!important;cursor:pointer!important;}
body.theme-whmcs .tz-header-exact .tz-menu-btn svg{display:block!important;width:30px!important;height:30px!important;stroke:currentColor!important;fill:none!important;stroke-width:2.4!important;stroke-linecap:round!important;stroke-linejoin:round!important;visibility:visible!important;opacity:1!important;}
body.theme-whmcs .tz-header-exact .tz-menu-btn svg *{stroke:currentColor!important;fill:none!important;}
@media(max-width:900px){
  body.theme-whmcs .tz-header-exact .tz-headrow{display:flex!important;width:100%!important;box-sizing:border-box!important;overflow:visible!important;}
  body.theme-whmcs .tz-header-exact .tz-brand{flex:1 1 auto!important;min-width:0!important;overflow:visible!important;}
  body.theme-whmcs .tz-header-exact .tz-icons{flex:0 0 auto!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;min-width:max-content!important;overflow:visible!important;}
  body.theme-whmcs .tz-header-exact .tz-menu-btn{flex:0 0 42px!important;width:42px!important;min-width:42px!important;height:42px!important;margin:0!important;padding:0!important;}
  body.theme-whmcs .tz-header-exact .tz-menu-btn svg{width:29px!important;height:29px!important;}
}
body.theme-whmcs .tz-account-trigger.tz-photo-failed:before{content:'U';display:grid;place-items:center;width:100%;height:100%;border-radius:inherit;background:linear-gradient(135deg,#6657ed,#8249ed);color:#fff;font-size:21px;font-weight:900;}
.ajax-processing-bar{position:fixed;top:0;left:0;right:0;height:4px;background:rgba(98,88,232,.12);z-index:1000000;overflow:hidden;opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s ease;}
.ajax-processing-bar:after{content:'';position:absolute;top:0;left:-35%;width:35%;height:100%;background:linear-gradient(90deg,transparent,#6258e8,transparent);animation:ajaxProgress 1.05s ease-in-out infinite;}
.ajax-processing-bar.is-visible{opacity:1;visibility:visible;}
.ajax-spinner,.button-spinner{display:inline-block;width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;vertical-align:-3px;animation:ajaxSpin .65s linear infinite;margin-right:8px;}
.button-spinner{width:14px;height:14px;border-width:2px;margin-right:7px;}
form.ajax-submitting{pointer-events:none;opacity:.82;}
@keyframes ajaxProgress{0%{left:-35%}100%{left:100%}}
@keyframes ajaxSpin{to{transform:rotate(360deg)}}


/* V188: final mobile header override. Keep hamburger visible regardless of older
   template overrides; the mobile header must never hide the menu control. */
body.theme-whmcs .tz-header-exact .tz-menu-btn{position:relative!important;display:grid!important;visibility:visible!important;opacity:1!important;place-items:center!important;flex:0 0 42px!important;width:42px!important;min-width:42px!important;height:42px!important;margin:0!important;padding:0!important;z-index:9999!important;border:0!important;background:transparent!important;color:#17233b!important;cursor:pointer!important;overflow:visible!important;}
body.theme-whmcs .tz-header-exact .tz-menu-btn svg{display:block!important;visibility:visible!important;opacity:1!important;width:30px!important;height:30px!important;stroke:currentColor!important;fill:none!important;stroke-width:2.5!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
@media(max-width:900px){
 body.theme-whmcs .tz-header-exact .tz-mainnav{display:none!important;}
 body.theme-whmcs .tz-header-exact .tz-headrow{display:flex!important;align-items:center!important;width:100%!important;box-sizing:border-box!important;gap:8px!important;padding:0 10px!important;overflow:visible!important;}
 body.theme-whmcs .tz-header-exact .tz-brand{flex:1 1 auto!important;min-width:0!important;overflow:visible!important;}
 body.theme-whmcs .tz-header-exact .tz-search{display:none!important;}
 body.theme-whmcs .tz-header-exact .tz-icons{flex:0 0 auto!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;min-width:max-content!important;overflow:visible!important;margin-left:auto!important;}
 body.theme-whmcs .tz-header-exact .tz-icons>a.wh-cart,body.theme-whmcs .tz-header-exact .tz-account-trigger{flex:0 0 58px!important;width:58px!important;min-width:58px!important;height:58px!important;}
 body.theme-whmcs .tz-header-exact .tz-menu-btn{flex:0 0 42px!important;width:42px!important;min-width:42px!important;height:42px!important;}
}
@media(max-width:380px){
 body.theme-whmcs .tz-header-exact .tz-headrow{padding:0 7px!important;gap:5px!important;}
 body.theme-whmcs .tz-header-exact .tz-icons{gap:5px!important;}
 body.theme-whmcs .tz-header-exact .tz-icons>a.wh-cart,body.theme-whmcs .tz-header-exact .tz-account-trigger{flex-basis:50px!important;width:50px!important;min-width:50px!important;height:50px!important;}
 body.theme-whmcs .tz-header-exact .tz-menu-btn{flex-basis:38px!important;width:38px!important;min-width:38px!important;height:40px!important;}
}

/* V189: payment summary fields separated like the Estra layout. */
body.theme-whmcs.route-order_pay:not(.layout-admin) .pending-pay-top{
  display:grid!important;
  grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(150px,.7fr)!important;
  align-items:center!important;
  gap:0!important;
  min-height:112px!important;
  padding:24px 30px!important;
}
body.theme-whmcs.route-order_pay:not(.layout-admin) .pending-pay-item{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:5px!important;
  padding:0 28px!important;
}
body.theme-whmcs.route-order_pay:not(.layout-admin) .pending-pay-item:first-child{padding-left:0!important;}
body.theme-whmcs.route-order_pay:not(.layout-admin) .pending-pay-amount{
  align-items:flex-end!important;
  text-align:right!important;
  border-left:1px solid #edf0f4!important;
}
body.theme-whmcs.route-order_pay:not(.layout-admin) .pending-pay-date-wrap{
  border-left:1px solid #edf0f4!important;
}
body.theme-whmcs.route-order_pay:not(.layout-admin) .pending-pay-item strong{
  display:block!important;
  max-width:100%!important;
  color:#202b40!important;
  font-size:18px!important;
  line-height:1.35!important;
  font-weight:850!important;
  overflow-wrap:anywhere!important;
}
body.theme-whmcs.route-order_pay:not(.layout-admin) .pending-pay-date-wrap strong{
  color:#202b40!important;
  font-size:15px!important;
  white-space:nowrap!important;
}
body.theme-whmcs.route-order_pay:not(.layout-admin) .pending-pay-amount strong{
  color:#5d55df!important;
  font-size:25px!important;
  line-height:1.2!important;
  font-weight:900!important;
  white-space:nowrap!important;
}
body.theme-whmcs.route-order_pay:not(.layout-admin) .pending-pay-date{
  display:block!important;
  color:#98a0af!important;
  font-size:12px!important;
  line-height:1.4!important;
}
@media(max-width:720px){
  body.theme-whmcs.route-order_pay:not(.layout-admin) .pending-pay-top{
    grid-template-columns:1fr!important;
    gap:0!important;
    padding:20px!important;
  }
  body.theme-whmcs.route-order_pay:not(.layout-admin) .pending-pay-item,
  body.theme-whmcs.route-order_pay:not(.layout-admin) .pending-pay-item:first-child,
  body.theme-whmcs.route-order_pay:not(.layout-admin) .pending-pay-amount{
    width:100%!important;
    padding:14px 0!important;
    border-left:0!important;
    border-bottom:1px solid #edf0f4!important;
    align-items:flex-start!important;
    text-align:left!important;
  }
  body.theme-whmcs.route-order_pay:not(.layout-admin) .pending-pay-item:last-child{
    border-bottom:0!important;
    padding-bottom:2px!important;
  }
  body.theme-whmcs.route-order_pay:not(.layout-admin) .pending-pay-amount strong{
    font-size:23px!important;
  }
}

/* V191: mobile Estra header icon sizing — slightly smaller and balanced. */
@media (max-width:900px){
  body.theme-whmcs .tz-header-exact .tz-icons>a.wh-cart,
  body.theme-whmcs .tz-header-exact .tz-account-trigger{
    flex:0 0 50px!important;
    width:50px!important;
    min-width:50px!important;
    height:50px!important;
    min-height:50px!important;
    border-radius:16px!important;
  }
  body.theme-whmcs .tz-header-exact .tz-icons>a.wh-cart svg,
  body.theme-whmcs .tz-header-exact .tz-account-trigger svg{
    width:25px!important;
    height:25px!important;
  }
  body.theme-whmcs .tz-header-exact .tz-account-trigger img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    border-radius:inherit!important;
  }
  body.theme-whmcs .tz-header-exact .tz-icons{gap:7px!important;}
}
@media (max-width:380px){
  body.theme-whmcs .tz-header-exact .tz-icons>a.wh-cart,
  body.theme-whmcs .tz-header-exact .tz-account-trigger{
    flex-basis:46px!important;
    width:46px!important;
    min-width:46px!important;
    height:46px!important;
    min-height:46px!important;
    border-radius:14px!important;
  }
  body.theme-whmcs .tz-header-exact .tz-icons>a.wh-cart svg,
  body.theme-whmcs .tz-header-exact .tz-account-trigger svg{
    width:23px!important;
    height:23px!important;
  }
  body.theme-whmcs .tz-header-exact .tz-icons{gap:6px!important;}
}

/* V192 — Final Estra cart/profile sizing + green cart controls.
   Overrides older template rules that were forcing larger purple controls. */
@media (max-width:900px){
  body.theme-whmcs .tz-header-exact .tz-icons>a.wh-cart,
  body.theme-whmcs .tz-header-exact .tz-account-trigger{
    flex:0 0 46px!important;
    width:46px!important;
    min-width:46px!important;
    max-width:46px!important;
    height:46px!important;
    min-height:46px!important;
    max-height:46px!important;
    padding:0!important;
    border-radius:14px!important;
    box-sizing:border-box!important;
  }
  body.theme-whmcs .tz-header-exact .tz-icons>a.wh-cart svg,
  body.theme-whmcs .tz-header-exact .tz-account-trigger>svg{
    width:22px!important;
    height:22px!important;
    max-width:22px!important;
    max-height:22px!important;
  }
  body.theme-whmcs .tz-header-exact .tz-account-trigger img{
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:cover!important;
    border-radius:inherit!important;
  }
  body.theme-whmcs .tz-header-exact .tz-icons>a.wh-cart{
    background:#19aa50!important;
    color:#fff!important;
  }
  body.theme-whmcs .tz-header-exact .tz-icons>a.wh-cart svg,
  body.theme-whmcs .tz-header-exact .tz-icons>a.wh-cart svg *{
    color:#fff!important;
    stroke:#fff!important;
  }
  body.theme-whmcs .tz-header-exact .tz-icons{gap:6px!important;}
}

@media (max-width:380px){
  body.theme-whmcs .tz-header-exact .tz-icons>a.wh-cart,
  body.theme-whmcs .tz-header-exact .tz-account-trigger{
    flex-basis:43px!important;
    width:43px!important;
    min-width:43px!important;
    max-width:43px!important;
    height:43px!important;
    min-height:43px!important;
    max-height:43px!important;
    border-radius:13px!important;
  }
  body.theme-whmcs .tz-header-exact .tz-icons>a.wh-cart svg,
  body.theme-whmcs .tz-header-exact .tz-account-trigger>svg{
    width:21px!important;
    height:21px!important;
  }
}

/* Product-card cart controls: fixed circular geometry and green theme. */
body.theme-whmcs .tz-product-card .tz-cart-circle,
body.theme-whmcs .wh-home-products .tz-cart-circle,
body.theme-whmcs .wh-related-products-v115 .tz-cart-circle,
body.theme-whmcs .tz-products-grid .tz-cart-circle,
body.theme-whmcs .tz-category-main-exact .tz-cart-circle,
body.theme-whmcs .wh-shop-main-v21 .tz-cart-circle{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  max-width:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  flex:0 0 42px!important;
  box-sizing:border-box!important;
  padding:0!important;
  margin:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:50%!important;
  overflow:hidden!important;
  background:#19aa50!important;
  color:#fff!important;
  border:0!important;
  line-height:0!important;
  vertical-align:middle!important;
}
body.theme-whmcs .tz-product-card .tz-cart-circle:hover,
body.theme-whmcs .wh-home-products .tz-cart-circle:hover,
body.theme-whmcs .wh-related-products-v115 .tz-cart-circle:hover,
body.theme-whmcs .tz-products-grid .tz-cart-circle:hover,
body.theme-whmcs .tz-category-main-exact .tz-cart-circle:hover,
body.theme-whmcs .wh-shop-main-v21 .tz-cart-circle:hover{
  background:#148a41!important;
  color:#fff!important;
}
body.theme-whmcs .tz-product-card .tz-card-cart-icon,
body.theme-whmcs .wh-home-products .tz-card-cart-icon,
body.theme-whmcs .wh-related-products-v115 .tz-card-cart-icon,
body.theme-whmcs .tz-products-grid .tz-card-cart-icon,
body.theme-whmcs .tz-category-main-exact .tz-card-cart-icon,
body.theme-whmcs .wh-shop-main-v21 .tz-card-cart-icon{
  width:20px!important;
  height:20px!important;
  max-width:20px!important;
  max-height:20px!important;
  flex:0 0 20px!important;
  display:block!important;
  color:#fff!important;
  stroke:#fff!important;
  overflow:visible!important;
}

/* All cart shortcuts/buttons in the WHMCS storefront use the same green cart color. */
body.theme-whmcs .wh-product-cart-shortcut-v21 a,
body.theme-whmcs .wh-cart-main-v21{
  color:#fff!important;
}
body.theme-whmcs .wh-product-cart-shortcut-v21 a{
  background:#19aa50!important;
}
body.theme-whmcs .wh-cart-main-v21{
  background:#19aa50!important;
}
body.theme-whmcs .wh-cart-main-v21:hover,
body.theme-whmcs .wh-product-cart-shortcut-v21 a:hover{
  background:#148a41!important;
}


/* V193 — FINAL MOBILE HEADER + CART COLOR FIX
   The previous V191/V192 rules were correct in the source but the public
   layout was still loading style.css?v=190, so mobile devices could keep the
   cached old purple/large controls. V193 bumps the asset version and keeps a
   final, high-specificity rule set at the end of the stylesheet. */
body.theme-whmcs .tz-header-exact .tz-icons>a.wh-cart,
body.theme-whmcs .tz-header-exact .tz-account-trigger,
body.theme-whmcs .tz-header-exact .tz-login-icon{
  box-sizing:border-box!important;
}

/* Header cart: compact green control everywhere in the WHMCS/Estra header. */
body.theme-whmcs .tz-header-exact .tz-icons>a.wh-cart,
body.theme-whmcs .tz-header-exact .tz-icons>a.wh-cart:hover,
body.theme-whmcs .tz-header-exact .tz-icons>a.wh-cart:focus,
body.theme-whmcs .tz-header-exact .tz-icons>a.wh-cart:active{
  width:44px!important;
  min-width:44px!important;
  max-width:44px!important;
  height:44px!important;
  min-height:44px!important;
  max-height:44px!important;
  flex:0 0 44px!important;
  padding:0!important;
  border-radius:13px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#19aa50!important;
  color:#fff!important;
  border:0!important;
  box-shadow:0 6px 15px rgba(25,170,80,.20)!important;
}
body.theme-whmcs .tz-header-exact .tz-icons>a.wh-cart svg,
body.theme-whmcs .tz-header-exact .tz-icons>a.wh-cart svg *{
  width:21px!important;
  height:21px!important;
  color:#fff!important;
  stroke:#fff!important;
  fill:none!important;
}

/* Header profile: compact white circular control. */
body.theme-whmcs .tz-header-exact .tz-account-trigger,
body.theme-whmcs .tz-header-exact .tz-account-trigger:hover,
body.theme-whmcs .tz-header-exact .tz-account-trigger:focus{
  width:44px!important;
  min-width:44px!important;
  max-width:44px!important;
  height:44px!important;
  min-height:44px!important;
  max-height:44px!important;
  flex:0 0 44px!important;
  padding:0!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:#fff!important;
  color:#17233b!important;
  border:1px solid #e3e5ed!important;
  overflow:hidden!important;
}
body.theme-whmcs .tz-header-exact .tz-account-trigger>svg{
  width:21px!important;
  height:21px!important;
  max-width:21px!important;
  max-height:21px!important;
  fill:none!important;
  stroke:#17233b!important;
  stroke-width:1.8!important;
}
body.theme-whmcs .tz-header-exact .tz-account-trigger img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border-radius:50%!important;
}

/* Mobile: keep the header compact and prevent the old 50/58px controls from
   expanding because of flex-basis/min-width rules. */
@media(max-width:900px){
  body.theme-whmcs .tz-header-exact .tz-headrow{
    gap:7px!important;
    padding:0 10px!important;
  }
  body.theme-whmcs .tz-header-exact .tz-icons{
    gap:6px!important;
    min-width:0!important;
  }
  body.theme-whmcs .tz-header-exact .tz-icons>a.wh-cart,
  body.theme-whmcs .tz-header-exact .tz-account-trigger{
    width:44px!important;
    min-width:44px!important;
    max-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    flex:0 0 44px!important;
  }
  body.theme-whmcs .tz-header-exact .tz-menu-btn{
    width:38px!important;
    min-width:38px!important;
    flex:0 0 38px!important;
    height:40px!important;
  }
  body.theme-whmcs .tz-header-exact .tz-menu-btn svg{
    width:28px!important;
    height:28px!important;
  }
}
@media(max-width:380px){
  body.theme-whmcs .tz-header-exact .tz-icons>a.wh-cart,
  body.theme-whmcs .tz-header-exact .tz-account-trigger{
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    flex:0 0 42px!important;
  }
  body.theme-whmcs .tz-header-exact .tz-icons>a.wh-cart svg,
  body.theme-whmcs .tz-header-exact .tz-account-trigger>svg{
    width:20px!important;
    height:20px!important;
  }
}

/* Product cards: every actual add-to-cart circle is green, including
   home/shop/category/related product grids. */
body.theme-whmcs .tz-product-card a.tz-cart-circle,
body.theme-whmcs .tz-products-grid a.tz-cart-circle,
body.theme-whmcs .wh-home-products a.tz-cart-circle,
body.theme-whmcs .wh-related-products-v115 a.tz-cart-circle,
body.theme-whmcs .tz-category-main-exact a.tz-cart-circle,
body.theme-whmcs .wh-shop-main-v21 a.tz-cart-circle{
  width:42px!important;
  min-width:42px!important;
  max-width:42px!important;
  height:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  flex:0 0 42px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  margin:0!important;
  box-sizing:border-box!important;
  border-radius:50%!important;
  overflow:hidden!important;
  background:#19aa50!important;
  color:#fff!important;
  border:0!important;
  box-shadow:0 5px 12px rgba(25,170,80,.18)!important;
  line-height:0!important;
}
body.theme-whmcs .tz-product-card a.tz-cart-circle:hover,
body.theme-whmcs .tz-products-grid a.tz-cart-circle:hover,
body.theme-whmcs .wh-home-products a.tz-cart-circle:hover,
body.theme-whmcs .wh-related-products-v115 a.tz-cart-circle:hover,
body.theme-whmcs .tz-category-main-exact a.tz-cart-circle:hover,
body.theme-whmcs .wh-shop-main-v21 a.tz-cart-circle:hover{
  background:#148a41!important;
  color:#fff!important;
}
body.theme-whmcs .tz-product-card a.tz-cart-circle svg,
body.theme-whmcs .tz-product-card a.tz-cart-circle svg *{
  width:20px!important;
  height:20px!important;
  color:#fff!important;
  stroke:#fff!important;
}

/* Other visible storefront cart controls. */
body.theme-whmcs .wh-cart-main-v21,
body.theme-whmcs .wh-product-cart-shortcut-v21 a{
  background:#19aa50!important;
  color:#fff!important;
}
body.theme-whmcs .wh-cart-main-v21:hover,
body.theme-whmcs .wh-product-cart-shortcut-v21 a:hover{
  background:#148a41!important;
  color:#fff!important;
}

/* Non-WHMCS storefront cart pills/buttons also use the requested green. */
body:not(.layout-admin) .cart-pill,
body:not(.layout-admin) .cart-add-btn{
  background:#19aa50!important;
  color:#fff!important;
}
body:not(.layout-admin) .cart-pill:hover,
body:not(.layout-admin) .cart-add-btn:hover{
  background:#148a41!important;
  color:#fff!important;
}

/* =========================================================
   V194 — COMPLETE MOBILE RESPONSIVE SAFETY PASS
   Estra/WHMCS storefront: no horizontal clipping, no content
   outside viewport, and all customer pages fit mobile screens.
   ========================================================= */
@media (max-width: 800px){
  html, body{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }
  body.theme-whmcs main,
  body.theme-whmcs main[data-page-content],
  body.theme-whmcs .page,
  body.theme-whmcs .container{
    min-width:0!important;
    max-width:100%!important;
  }
  body.theme-whmcs .page,
  body.theme-whmcs .checkout-page,
  body.theme-whmcs .payment-layout,
  body.theme-whmcs .pending-pay-summary,
  body.theme-whmcs .pending-pay-form,
  body.theme-whmcs .cart-grid,
  body.theme-whmcs .product-detail,
  body.theme-whmcs .wh-product-v21,
  body.theme-whmcs .client-area-shell,
  body.theme-whmcs .tz-categories-page-exact,
  body.theme-whmcs .wh-shop-main-v21,
  body.theme-whmcs .tz-category-main-exact,
  body.theme-whmcs .auth-page-v20{
    width:calc(100% - 20px)!important;
    max-width:calc(100% - 20px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
  }

  /* Checkout was explicitly reset to width:auto in older rules; restore
     proper mobile gutters so the left edge can never be clipped. */
  body.theme-whmcs .checkout-page{
    padding:22px 0 45px!important;
  }
  body.theme-whmcs .checkout-page .cart-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:14px!important;
  }
  body.theme-whmcs .checkout-page .cart-grid>.card{
    width:100%!important;
    min-width:0!important;
    padding:18px!important;
    border-radius:16px!important;
    box-sizing:border-box!important;
  }
  body.theme-whmcs .checkout-page .page-head{
    width:100%!important;
    max-width:100%!important;
    margin:0 0 18px!important;
    display:block!important;
  }
  body.theme-whmcs .checkout-page .page-head h1{
    font-size:32px!important;
    line-height:1.12!important;
    overflow-wrap:anywhere!important;
  }
  body.theme-whmcs .checkout-page .page-head p{
    font-size:14px!important;
    line-height:1.6!important;
    overflow-wrap:anywhere!important;
  }

  /* Every form/grid child is allowed to shrink instead of pushing the page
     wider than the viewport. */
  body.theme-whmcs .form-grid,
  body.theme-whmcs .account-grid,
  body.theme-whmcs .cart-grid,
  body.theme-whmcs .payment-options,
  body.theme-whmcs .deposit-data,
  body.theme-whmcs .checkout-layout,
  body.theme-whmcs .client-area-shell,
  body.theme-whmcs .wh-product-top-v21{
    min-width:0!important;
  }
  body.theme-whmcs .form-grid>* ,
  body.theme-whmcs .cart-grid>* ,
  body.theme-whmcs .account-grid>* ,
  body.theme-whmcs .payment-options>* ,
  body.theme-whmcs .wh-product-top-v21>* ,
  body.theme-whmcs .client-area-shell>*{
    min-width:0!important;
    max-width:100%!important;
  }
  body.theme-whmcs input,
  body.theme-whmcs select,
  body.theme-whmcs textarea,
  body.theme-whmcs button,
  body.theme-whmcs .btn{
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  body.theme-whmcs input[type=file]{
    width:100%!important;
    min-width:0!important;
  }

  /* Long IDs, emails, URLs and product names must wrap rather than create
     horizontal overflow. */
  body.theme-whmcs .page,
  body.theme-whmcs .card,
  body.theme-whmcs .breadcrumb,
  body.theme-whmcs .page-head,
  body.theme-whmcs h1,
  body.theme-whmcs h2,
  body.theme-whmcs h3,
  body.theme-whmcs h4,
  body.theme-whmcs p,
  body.theme-whmcs span,
  body.theme-whmcs b,
  body.theme-whmcs small,
  body.theme-whmcs label,
  body.theme-whmcs a{
    overflow-wrap:anywhere;
    word-break:normal;
  }

  /* Checkout payment methods and manual-deposit blocks. */
  body.theme-whmcs .payment-options{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  body.theme-whmcs .payment-option-card{
    width:100%!important;
    min-width:0!important;
    min-height:76px!important;
    padding:12px!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    box-sizing:border-box!important;
  }
  body.theme-whmcs .payment-option-card img{
    width:44px!important;
    height:44px!important;
    max-width:44px!important;
    object-fit:contain!important;
    flex:0 0 44px!important;
  }
  body.theme-whmcs .payment-option-card>span:last-child{
    min-width:0!important;
  }
  body.theme-whmcs .manual-deposit-fields,
  body.theme-whmcs .automatic-payment-note,
  body.theme-whmcs .selected-payment-instructions,
  body.theme-whmcs .digital-note{
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }

  /* Product detail: single column on phones; gallery and info stay inside
     the viewport. */
  body.theme-whmcs .wh-product-top-v21{
    grid-template-columns:minmax(0,1fr)!important;
    gap:18px!important;
  }
  body.theme-whmcs .wh-main-image-v21{
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:260px!important;
    max-height:480px!important;
  }
  body.theme-whmcs .wh-product-info-v21{
    width:100%!important;
    min-width:0!important;
  }
  body.theme-whmcs .wh-product-info-v21 h1{
    font-size:27px!important;
    line-height:1.18!important;
  }

  /* Client area/sidebar and dashboard. */
  body.theme-whmcs .client-area-shell{
    grid-template-columns:minmax(0,1fr)!important;
    gap:14px!important;
    padding-top:18px!important;
    padding-bottom:40px!important;
  }
  body.theme-whmcs .client-sidebar{
    position:relative!important;
    top:auto!important;
    width:100%!important;
    max-width:100%!important;
  }
  body.theme-whmcs .client-main,
  body.theme-whmcs .client-dashboard-pro,
  body.theme-whmcs .client-dashboard-panel,
  body.theme-whmcs .client-dashboard-profile-card{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  body.theme-whmcs .client-dashboard-stats,
  body.theme-whmcs .account-stats{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }

  /* Generic cards/sections. */
  body.theme-whmcs .page-head,
  body.theme-whmcs .section-head{
    flex-wrap:wrap!important;
    gap:10px!important;
  }
  body.theme-whmcs .section-head>* ,
  body.theme-whmcs .page-head>*{
    min-width:0!important;
    max-width:100%!important;
  }
  body.theme-whmcs .card{
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  body.theme-whmcs .table-wrap{
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch;
  }

  /* Footer columns remain inside the viewport. */
  body.theme-whmcs .tz-footer-exact,
  body.theme-whmcs .tz-footer-grid-exact,
  body.theme-whmcs .footmain{
    max-width:100%!important;
    min-width:0!important;
  }
}

@media (max-width:560px){
  body.theme-whmcs .page,
  body.theme-whmcs .checkout-page,
  body.theme-whmcs .payment-layout,
  body.theme-whmcs .pending-pay-summary,
  body.theme-whmcs .pending-pay-form,
  body.theme-whmcs .cart-grid,
  body.theme-whmcs .product-detail,
  body.theme-whmcs .wh-product-v21,
  body.theme-whmcs .client-area-shell,
  body.theme-whmcs .tz-categories-page-exact,
  body.theme-whmcs .wh-shop-main-v21,
  body.theme-whmcs .tz-category-main-exact,
  body.theme-whmcs .auth-page-v20{
    width:calc(100% - 20px)!important;
    max-width:calc(100% - 20px)!important;
  }
  body.theme-whmcs .checkout-page .cart-grid>.card{
    padding:16px!important;
  }
  body.theme-whmcs .checkout-page .page-head h1{
    font-size:29px!important;
  }
  body.theme-whmcs .checkout-account-note{
    font-size:12px!important;
    line-height:1.5!important;
  }
  body.theme-whmcs .client-dashboard-stats,
  body.theme-whmcs .account-stats{
    grid-template-columns:1fr 1fr!important;
  }
}

@media (max-width:380px){
  body.theme-whmcs .client-dashboard-stats,
  body.theme-whmcs .account-stats{
    grid-template-columns:1fr!important;
  }
  body.theme-whmcs .checkout-page .page-head h1{
    font-size:27px!important;
  }
}

/* V197 — Product images fill the complete image box on every storefront card.
   Keep the source artwork edge-to-edge while preserving the card geometry. */
body.theme-whmcs .tz-product-card .tz-product-image,
body.theme-whmcs .tz-products-grid .tz-product-image,
body.theme-whmcs .tz-category-main-exact .tz-product-image,
body.theme-whmcs .wh-shop-main-v21 .tz-product-image,
body.theme-whmcs .wh-home-products .tz-product-image,
body.theme-whmcs .wh-related-products-v115 .tz-product-image{
  width:100%!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  padding:0!important;
  margin:0!important;
}
body.theme-whmcs .tz-product-card .tz-product-image>a,
body.theme-whmcs .tz-products-grid .tz-product-image>a,
body.theme-whmcs .tz-category-main-exact .tz-product-image>a,
body.theme-whmcs .wh-shop-main-v21 .tz-product-image>a,
body.theme-whmcs .wh-home-products .tz-product-image>a,
body.theme-whmcs .wh-related-products-v115 .tz-product-image>a{
  display:block!important;
  width:100%!important;
  height:100%!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
}
body.theme-whmcs .tz-product-card .tz-product-image img,
body.theme-whmcs .tz-products-grid .tz-product-image img,
body.theme-whmcs .tz-category-main-exact .tz-product-image img,
body.theme-whmcs .wh-shop-main-v21 .tz-product-image img,
body.theme-whmcs .wh-home-products .tz-product-image img,
body.theme-whmcs .wh-related-products-v115 .tz-product-image img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  transform:none!important;
}


/* V198 — Recent/Related products mobile image framing.
   V197 intentionally made every image cover its box, but that crops source artwork
   on portrait/mobile cards. Recent products should show the complete uploaded artwork. */
body.theme-whmcs .wh-related-products-v115 .tz-product-image,
body.theme-whmcs .wh-related-products-v115 .tz-product-image>a{
  background:#fff!important;
}
body.theme-whmcs .wh-related-products-v115 .tz-product-image img{
  object-fit:contain!important;
  object-position:center center!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:100%!important;
  max-height:100%!important;
  transform:none!important;
}
@media (max-width:800px){
  body.theme-whmcs .wh-related-products-v115 .tz-product-card{
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
  }
  body.theme-whmcs .wh-related-products-v115 .tz-product-image{
    height:260px!important;
    min-height:260px!important;
    max-height:260px!important;
    flex:0 0 260px!important;
    overflow:hidden!important;
  }
  body.theme-whmcs .wh-related-products-v115 .tz-product-image img{
    object-fit:contain!important;
  }
}
\n\n/* V203 — Professional email OTP experience */
.otp-page-shell{padding-top:42px;padding-bottom:42px}.otp-card{max-width:620px!important;margin:0 auto!important;padding:42px 46px!important;border:1px solid #e8e9f5!important;border-radius:28px!important;background:linear-gradient(180deg,#fff 0%,#fcfbff 100%)!important;box-shadow:0 22px 60px rgba(46,35,120,.10)!important;position:relative;overflow:hidden}.otp-card:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,#635bff,#2f80ed)}.otp-brand-mark{width:70px;height:70px;margin:0 auto 18px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(135deg,#f0edff,#eaf2ff);color:#635bff;font-size:29px;box-shadow:0 10px 28px rgba(99,91,255,.12)}.otp-eyebrow{justify-content:center;margin-bottom:10px}.otp-card h1{font-size:38px!important;letter-spacing:-1.2px;margin:0 0 14px!important}.otp-card .auth-intro{font-size:16px!important;line-height:1.65!important;margin:0 auto 4px!important}.otp-subcopy{margin:0 auto 26px;color:#8a93a3;font-size:14px;line-height:1.6}.otp-card .field{text-align:left;margin:0}.otp-card .field label{font-size:13px;font-weight:800;margin-bottom:9px}.otp-input{height:70px!important;border-radius:18px!important;background:#fff!important;border:1px solid #dfe3ea!important;font-size:30px!important;letter-spacing:14px!important;padding:0 18px!important;box-shadow:0 4px 14px rgba(16,24,40,.04)!important}.otp-input:focus{border-color:#635bff!important;box-shadow:0 0 0 4px rgba(99,91,255,.10)!important}.otp-verify-btn{width:100%;height:58px!important;border-radius:16px!important;margin-top:18px!important;font-size:16px!important}.otp-help{margin:18px 0 10px!important;padding:11px 14px;border-radius:12px;background:#f7f8fc;color:#667085!important;font-size:12px!important;line-height:1.5}.otp-resend-form{margin-top:14px!important}.otp-resend-btn{width:100%;height:52px!important;border-radius:14px!important;font-size:14px!important}.otp-resend-btn:disabled{opacity:.55;cursor:not-allowed;filter:saturate(.7)}.otp-resend-note{margin:9px 0 20px;color:#98a2b3;font-size:11px}.otp-card .auth-bottom-v20{margin-top:8px}.otp-card .auth-bottom-v20 a{font-weight:800}
@media(max-width:640px){.otp-page-shell{padding:18px 12px 28px}.otp-card{padding:34px 22px 30px!important;border-radius:22px!important}.otp-card h1{font-size:30px!important}.otp-card .auth-intro{font-size:14px!important}.otp-subcopy{font-size:13px;margin-bottom:22px}.otp-brand-mark{width:62px;height:62px;border-radius:19px;font-size:25px}.otp-input{height:62px!important;font-size:26px!important;letter-spacing:10px!important;padding:0 12px!important}.otp-verify-btn{height:54px!important}.otp-help{font-size:11px!important}.otp-resend-btn{height:50px!important}}
@media(max-width:380px){.otp-card{padding-left:16px!important;padding-right:16px!important}.otp-input{font-size:23px!important;letter-spacing:7px!important}}

/* V223 — Product artwork must never be cropped/zoomed inside storefront cards.
   Keep the card geometry stable while fitting every uploaded image completely. */
body.theme-whmcs .tz-product-card .tz-product-image,
body.theme-whmcs .tz-products-grid .tz-product-image,
body.theme-whmcs .tz-category-main-exact .tz-product-image,
body.theme-whmcs .wh-shop-main-v21 .tz-product-image,
body.theme-whmcs .wh-home-products .tz-product-image,
body.theme-whmcs .wh-related-products-v115 .tz-product-image{
  background:#f7f8fc!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
body.theme-whmcs .tz-product-card .tz-product-image img,
body.theme-whmcs .tz-products-grid .tz-product-image img,
body.theme-whmcs .tz-category-main-exact .tz-product-image img,
body.theme-whmcs .wh-shop-main-v21 .tz-product-image img,
body.theme-whmcs .wh-home-products .tz-product-image img,
body.theme-whmcs .wh-related-products-v115 .tz-product-image img{
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
  background:#f7f8fc!important;
}
/* Product-detail gallery and preview thumbnails: always show the complete source image. */
body.theme-whmcs .wh-main-image-v21 img,
body.theme-whmcs .wh-thumb-v21 img{
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
}
@media(max-width:560px){
  body.theme-whmcs .wh-shop-main-v21 .tz-product-image,
  body.theme-whmcs .tz-products-grid .tz-product-image,
  body.theme-whmcs .wh-related-products-v115 .tz-product-image{
    min-height:260px!important;
  }
}


/* V224: Product images must always be fully visible — never crop/zoom. */
body.theme-whmcs .tz-product-image,
body.theme-whmcs .wh-popular .tz-product-image,
body.theme-whmcs .tz-category-main-exact .tz-product-image,
body.theme-whmcs .wh-shop-main-v21 .tz-product-image,
body.theme-whmcs .wh-related-products-v115 .tz-product-image,
body.theme-whmcs .related-products .tz-product-image{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  background:#f7f8fc!important;
}
body.theme-whmcs .tz-product-image img,
body.theme-whmcs .wh-popular .tz-product-image img,
body.theme-whmcs .tz-category-main-exact .tz-product-image img,
body.theme-whmcs .wh-shop-main-v21 .tz-product-image img,
body.theme-whmcs .wh-related-products-v115 .tz-product-image img,
body.theme-whmcs .related-products .tz-product-image img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  padding:8px!important;
  transform:none!important;
}
body.theme-whmcs .wh-main-image-v21{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  background:#f7f8fc!important;
}
body.theme-whmcs .wh-main-image-v21 img,
body.theme-whmcs .wh-thumb-v21 img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  padding:6px!important;
  transform:none!important;
}
body.theme-whmcs .wh-thumb-v21{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#fff!important;
  overflow:hidden!important;
}
.product-gallery-preview .gallery-preview-item img{
  object-fit:contain!important;
  object-position:center center!important;
  background:#f7f8fc!important;
}
@media(max-width:560px){
  body.theme-whmcs .tz-product-image,
  body.theme-whmcs .wh-popular .tz-product-image,
  body.theme-whmcs .wh-shop-main-v21 .tz-product-image,
  body.theme-whmcs .wh-related-products-v115 .tz-product-image{
    min-height:260px!important;
  }
}

/* V225: Mobile product-detail gallery must show the complete source image.
   The stage is allowed to letterbox portrait/landscape images instead of cropping them. */
body.theme-whmcs .wh-main-image-v21{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  height:min(72vh,560px)!important;
  min-height:0!important;
  padding:10px!important;
  background:#f7f8fc!important;
}
body.theme-whmcs .wh-main-image-v21 img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  padding:0!important;
  margin:0 auto!important;
  transform:none!important;
}
body.theme-whmcs .wh-thumb-v21 img{
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  padding:0!important;
}
@media(max-width:560px){
  body.theme-whmcs .wh-main-image-v21{
    height:min(72vh,700px)!important;
    min-height:0!important;
    padding:8px!important;
  }
  body.theme-whmcs .wh-main-image-v21 img{
    width:auto!important;
    height:auto!important;
    max-width:100%!important;
    max-height:100%!important;
  }
}


/* V226: Automatically size the product gallery to each image's native aspect ratio.
   This prevents fixed-height cropping on all mobile and desktop screen sizes. */
body.theme-whmcs .wh-main-image-v21{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
body.theme-whmcs .wh-main-image-v21 img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center center!important;
  padding:0!important;
  margin:0!important;
}
@media(max-width:560px){
  body.theme-whmcs .wh-main-image-v21{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:0!important;
  }
  body.theme-whmcs .wh-main-image-v21 img{
    width:100%!important;
    height:100%!important;
    max-height:none!important;
    object-fit:contain!important;
  }
}

/* Desktop header: hamburger is reserved for the mobile navigation only. */
@media (min-width: 901px){
  body.theme-whmcs .tz-header-exact .tz-menu-btn{
    display:none!important;
    visibility:hidden!important;
    width:0!important;
    min-width:0!important;
    flex:0 0 0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
  }
}


/* Zille Mart repair patch — cache-busted by filemtime in layout(). */
body.theme-whmcs .tz-product-image,
body.theme-whmcs .wh-popular .tz-product-image,
body.theme-whmcs .tz-category-main-exact .tz-product-image,
body.theme-whmcs .wh-shop-main-v21 .tz-product-image,
body.theme-whmcs .wh-related-products-v115 .tz-product-image,
body.theme-whmcs .related-products .tz-product-image{
  width:100%!important;height:clamp(340px,48vw,560px)!important;
  min-height:340px!important;max-height:560px!important;flex:0 0 auto!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  padding:0!important;overflow:hidden!important;background:#f5f6fa!important;
}
body.theme-whmcs .tz-product-image>a,
body.theme-whmcs .wh-popular .tz-product-image>a,
body.theme-whmcs .tz-category-main-exact .tz-product-image>a,
body.theme-whmcs .wh-shop-main-v21 .tz-product-image>a,
body.theme-whmcs .wh-related-products-v115 .tz-product-image>a,
body.theme-whmcs .related-products .tz-product-image>a{
  display:flex!important;width:100%!important;height:100%!important;align-items:center!important;justify-content:center!important;
}
body.theme-whmcs .tz-product-image img,
body.theme-whmcs .wh-popular .tz-product-image img,
body.theme-whmcs .tz-category-main-exact .tz-product-image img,
body.theme-whmcs .wh-shop-main-v21 .tz-product-image img,
body.theme-whmcs .wh-related-products-v115 .tz-product-image img,
body.theme-whmcs .related-products .tz-product-image img{
  display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;
  object-fit:contain!important;object-position:center center!important;padding:8px!important;margin:0!important;
}
body.theme-whmcs .tz-product-card .tz-card-category{font-size:13px!important;}
.admin-password-card{max-width:680px!important;width:100%!important}
@media(max-width:700px){
 body.theme-whmcs .tz-product-image,
 body.theme-whmcs .wh-popular .tz-product-image,
 body.theme-whmcs .tz-category-main-exact .tz-product-image,
 body.theme-whmcs .wh-shop-main-v21 .tz-product-image,
 body.theme-whmcs .wh-related-products-v115 .tz-product-image,
 body.theme-whmcs .related-products .tz-product-image{height:clamp(300px,88vw,440px)!important;min-height:300px!important;max-height:440px!important;}
 body.theme-whmcs .tz-product-image img,
 body.theme-whmcs .wh-popular .tz-product-image img,
 body.theme-whmcs .tz-category-main-exact .tz-product-image img,
 body.theme-whmcs .wh-shop-main-v21 .tz-product-image img,
 body.theme-whmcs .wh-related-products-v115 .tz-product-image img,
 body.theme-whmcs .related-products .tz-product-image img{padding:4px!important;}
 .admin-password-card{padding:16px!important}
}


/* Zille Mart mobile product-card image alignment refinement
   Remove the pale spacer above the artwork and let the image sit flush
   with the card's top edge. Keep artwork fully visible without distortion. */
body.theme-whmcs .wh-home-products .tz-product-card,
body.theme-whmcs .tz-category-main-exact .tz-product-card,
body.theme-whmcs .wh-shop-main-v21 .tz-product-card,
body.theme-whmcs .wh-related-products-v115 .tz-product-card,
body.theme-whmcs .related-products .tz-product-card{
  padding:0!important;
}
body.theme-whmcs .wh-home-products .tz-product-image,
body.theme-whmcs .tz-category-main-exact .tz-product-image,
body.theme-whmcs .wh-shop-main-v21 .tz-product-image,
body.theme-whmcs .wh-related-products-v115 .tz-product-image,
body.theme-whmcs .related-products .tz-product-image{
  margin:0!important;
  padding:0!important;
  align-self:stretch!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
  background:#f7f8fc!important;
  overflow:hidden!important;
}
body.theme-whmcs .wh-home-products .tz-product-image>a,
body.theme-whmcs .tz-category-main-exact .tz-product-image>a,
body.theme-whmcs .wh-shop-main-v21 .tz-product-image>a,
body.theme-whmcs .wh-related-products-v115 .tz-product-image>a,
body.theme-whmcs .related-products .tz-product-image>a{
  display:block!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
}
body.theme-whmcs .wh-home-products .tz-product-image img,
body.theme-whmcs .tz-category-main-exact .tz-product-image img,
body.theme-whmcs .wh-shop-main-v21 .tz-product-image img,
body.theme-whmcs .wh-related-products-v115 .tz-product-image img,
body.theme-whmcs .related-products .tz-product-image img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center top!important;
  background:transparent!important;
}
body.theme-whmcs .wh-home-products{padding-top:18px!important;}
@media(max-width:700px){
  body.theme-whmcs .wh-home-products .tz-product-image,
  body.theme-whmcs .tz-category-main-exact .tz-product-image,
  body.theme-whmcs .wh-shop-main-v21 .tz-product-image,
  body.theme-whmcs .wh-related-products-v115 .tz-product-image,
  body.theme-whmcs .related-products .tz-product-image{
    height:clamp(280px,82vw,390px)!important;
    min-height:clamp(280px,82vw,390px)!important;
    max-height:390px!important;
    flex:0 0 clamp(280px,82vw,390px)!important;
  }
  body.theme-whmcs .wh-home-products{padding-top:12px!important;}
}


/* Admin save feedback: keep notifications at the right, just below the top navigation. */
body.layout-admin .flash-stack {
  position: fixed !important;
  top: 82px !important;
  right: 22px !important;
  left: auto !important;
  bottom: auto !important;
  transform: none !important;
  width: min(390px, calc(100vw - 32px)) !important;
  max-width: calc(100vw - 32px) !important;
  z-index: 100500 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 9px !important;
  pointer-events: none !important;
}
body.layout-admin .flash-stack:empty { display: none !important; }
body.layout-admin .flash-stack .flash-toast { pointer-events: auto !important; }
@media (max-width: 640px) {
  body.layout-admin .flash-stack { top: 76px !important; right: 12px !important; width: calc(100vw - 24px) !important; max-width: calc(100vw - 24px) !important; }
}
\n/* Product image panel spacing correction: image fills panel; no trailing blank strip. */
body.theme-whmcs .tz-product-card .tz-product-image{height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:1.25/1!important;padding:0!important;margin:0!important;display:block!important;line-height:0!important;overflow:hidden!important;background:#f7f8fc!important;}
body.theme-whmcs .tz-product-card .tz-product-image>a{display:block!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;line-height:0!important;}
body.theme-whmcs .tz-product-card .tz-product-image img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center center!important;margin:0!important;padding:0!important;}
body.theme-whmcs .tz-product-card .product-body{margin-top:0!important;}
@media(max-width:700px){body.theme-whmcs .tz-product-card .tz-product-image{aspect-ratio:1.25/1!important;}}
/* Automatic gateway save feedback, fixed at right under admin navigation. */
body.layout-admin .gateway-save-toast{position:fixed!important;z-index:99999!important;top:82px!important;right:18px!important;max-width:min(440px,calc(100vw - 28px))!important;display:flex!important;align-items:flex-start!important;gap:10px!important;padding:14px 16px!important;border-radius:12px!important;background:#fff!important;color:#172033!important;box-shadow:0 12px 38px rgba(15,23,42,.22)!important;border:1px solid #e5e7eb!important;font:500 14px/1.45 system-ui,sans-serif!important;}
body.layout-admin .gateway-save-toast.success{border-left:4px solid #16a34a!important;}body.layout-admin .gateway-save-toast.error{border-left:4px solid #dc2626!important;}
body.layout-admin .gateway-save-toast strong{white-space:nowrap!important;}body.layout-admin .gateway-save-toast span{flex:1!important;}
body.layout-admin .gateway-save-toast button{border:0!important;background:transparent!important;font-size:22px!important;line-height:1!important;cursor:pointer!important;color:#64748b!important;}
@media(max-width:600px){body.layout-admin .gateway-save-toast{top:72px!important;right:10px!important;left:10px!important;max-width:none!important;}}

/* FINAL FIX: remove reserved image-panel height that created a blank strip before card details */
.tz-product-card .tz-product-image,
body.theme-whmcs .tz-products-grid .tz-product-image,
body.theme-whmcs .tz-category-main-exact .tz-product-image,
body.theme-whmcs .wh-shop-main-v21 .tz-product-image,
body.theme-whmcs .wh-home-products .tz-product-image,
body.theme-whmcs .wh-related-products-v115 .tz-product-image,
.wh-popular .tz-product-image {
  display:block!important;
  box-sizing:border-box!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:1.25 / 1!important;
  flex:0 0 auto!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  line-height:0!important;
  background:#f7f8fc!important;
}
.tz-product-card .tz-product-image > a,
body.theme-whmcs .tz-products-grid .tz-product-image > a,
body.theme-whmcs .tz-category-main-exact .tz-product-image > a,
body.theme-whmcs .wh-shop-main-v21 .tz-product-image > a,
body.theme-whmcs .wh-home-products .tz-product-image > a,
body.theme-whmcs .wh-related-products-v115 .tz-product-image > a,
.wh-popular .tz-product-image > a {
  display:block!important; width:100%!important; height:100%!important; margin:0!important; padding:0!important; line-height:0!important;
}
.tz-product-card .tz-product-image img,
body.theme-whmcs .tz-products-grid .tz-product-image img,
body.theme-whmcs .tz-category-main-exact .tz-product-image img,
body.theme-whmcs .wh-shop-main-v21 .tz-product-image img,
body.theme-whmcs .wh-home-products .tz-product-image img,
body.theme-whmcs .wh-related-products-v115 .tz-product-image img,
.wh-popular .tz-product-image img {
  display:block!important; width:100%!important; height:100%!important; min-width:0!important; min-height:0!important; max-width:100%!important; max-height:100%!important; object-fit:cover!important; object-position:center!important; margin:0!important; padding:0!important; border:0!important;
}
.tz-product-card .product-body { margin-top:0!important; }


/* Zille Mart release 20260927-gateway-imagefix3: hard-stop card image spacer rules. */
body.theme-whmcs article.tz-product-card > .tz-product-image,
body.theme-whmcs .tz-products-grid article.tz-product-card > .tz-product-image,
body.theme-whmcs .wh-home-products article.tz-product-card > .tz-product-image,
body.theme-whmcs .wh-shop-main-v21 article.tz-product-card > .tz-product-image,
body.theme-whmcs .tz-category-main-exact article.tz-product-card > .tz-product-image,
body.theme-whmcs .wh-related-products-v115 article.tz-product-card > .tz-product-image {
  display:block!important; position:relative!important; width:100%!important;
  height:auto!important; min-height:0!important; max-height:none!important;
  aspect-ratio:1403 / 1121!important; flex:none!important;
  margin:0!important; padding:0!important; overflow:hidden!important;
  line-height:0!important; background:#f7f8fc!important;
}
body.theme-whmcs article.tz-product-card > .tz-product-image > a {
  position:absolute!important; inset:0!important; display:block!important;
  width:100%!important; height:100%!important; margin:0!important; padding:0!important;
  line-height:0!important; overflow:hidden!important;
}
body.theme-whmcs article.tz-product-card > .tz-product-image > a > img {
  display:block!important; width:100%!important; height:100%!important;
  min-width:0!important; min-height:0!important; max-width:none!important; max-height:none!important;
  margin:0!important; padding:0!important; border:0!important;
  object-fit:contain!important; object-position:center center!important;
}
body.theme-whmcs article.tz-product-card > .product-body { margin:0!important; padding-top:18px!important; }


/* Zille Mart: align card controls to the right and remove the Free pill. */
.theme-whmcs .tz-product-card .tz-heart,
.theme-whmcs .tz-product-card .tz-heart-cart {
  position: absolute !important;
  right: 14px !important;
  left: auto !important;
  top: 14px !important;
  z-index: 8 !important;
}
.theme-whmcs .tz-product-card .tz-cart-circle {
  margin-left: auto !important;
}
.theme-whmcs .tz-product-card .tz-product-badge {
  display: none !important;
}


/* Force wishlist/heart control to the upper-right of the product image.
   Keep the separate cart action in its existing lower-right position. */
body.theme-whmcs .tz-product-card .tz-product-image,
body.theme-whmcs .tz-product-card .product-img {
  position: relative !important;
}
body.theme-whmcs .tz-product-card .tz-wishlist,
body.theme-whmcs .tz-product-card .wishlist-btn,
body.theme-whmcs .tz-product-card .favorite-btn,
body.theme-whmcs .tz-product-card [aria-label*="wishlist" i],
body.theme-whmcs .tz-product-card [aria-label*="favorite" i],
body.theme-whmcs .tz-product-card [title*="wishlist" i] {
  left: auto !important;
  right: 14px !important;
  inset-inline-start: auto !important;
  inset-inline-end: 14px !important;
  transform: none !important;
}

/* V231: visible transparent navigation arrows inside fullscreen product image viewer */
.wh-image-viewer .wh-viewer-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:5;display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.42);background:rgba(255,255,255,.12);color:#fff;font:400 42px/1 Arial,sans-serif;cursor:pointer;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);box-shadow:0 4px 18px rgba(0,0,0,.18);transition:background .15s ease,transform .15s ease}
.wh-image-viewer .wh-viewer-prev{left:14px}
.wh-image-viewer .wh-viewer-next{right:14px}
.wh-image-viewer .wh-viewer-nav:hover,.wh-image-viewer .wh-viewer-nav:focus-visible{background:rgba(255,255,255,.26);outline:2px solid rgba(255,255,255,.75);outline-offset:2px}
.wh-image-viewer .wh-viewer-nav[hidden]{display:none!important}
@media(max-width:600px){.wh-image-viewer .wh-viewer-nav{width:44px;height:44px;font-size:36px}.wh-image-viewer .wh-viewer-prev{left:8px}.wh-image-viewer .wh-viewer-next{right:8px}}


/* Desktop product cards: remove excessive empty space below card content */
@media (min-width: 801px) {
  .theme-whmcs .tz-products-grid,
  .theme-whmcs .wh-popular .tz-products-grid,
  .theme-whmcs .tz-category-main-exact .tz-products-grid,
  .theme-whmcs .wh-shop-main-v21 .tz-products-grid {
    align-items: start !important;
  }
  .theme-whmcs .tz-product-card {
    align-self: start !important;
    height: auto !important;
    min-height: 0 !important;
  }
  .theme-whmcs .tz-product-image {
    height: 250px !important;
  }
  .theme-whmcs .tz-product-card .product-body {
    height: auto !important;
    min-height: 0 !important;
  }
}


/* Final desktop fix: cards should wrap tightly around their content */
@media (min-width: 801px) {
  body.theme-whmcs .tz-products-grid,
  body.theme-whmcs .products-grid,
  body.theme-whmcs .product-grid {
    align-items: start !important;
    grid-auto-rows: max-content !important;
    grid-auto-flow: row !important;
  }
  body.theme-whmcs .tz-products-grid > .tz-product-card,
  body.theme-whmcs .tz-products-grid > article.product,
  body.theme-whmcs .products-grid > .product,
  body.theme-whmcs .product-grid > .product,
  body.theme-whmcs article.tz-product-card {
    height: max-content !important;
    min-height: 0 !important;
    max-height: none !important;
    align-self: start !important;
    flex: 0 0 auto !important;
  }
  body.theme-whmcs .tz-product-card .product-body,
  body.theme-whmcs article.product .product-body {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    flex: 0 0 auto !important;
    display: block !important;
  }
  body.theme-whmcs .tz-product-card .tz-tags {
    margin-bottom: 0 !important;
  }
}


/* ROOT FIX: older category-card rules forced a fixed 560/580px height.
   Override those exact high-specificity selectors on desktop only. */
@media (min-width: 801px) {
  body.theme-whmcs .tz-category-page-exact .tz-category-main-exact .products.tz-products-grid {
    align-items: start !important;
    grid-auto-rows: max-content !important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-category-main-exact .tz-product-card {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    align-self: start !important;
    overflow: hidden !important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-category-main-exact .tz-product-card > .tz-product-image {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    flex: 0 0 auto !important;
    aspect-ratio: 1.25 / 1 !important;
  }
  body.theme-whmcs .tz-category-page-exact .tz-category-main-exact .tz-product-card > .product-body {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    flex: 0 0 auto !important;
    overflow: visible !important;
    justify-content: flex-start !important;
  }
}


/* Zille Mart: final card wrap fix.
   Previous stylesheet reserved 240px for every product-body, leaving a large
   empty block after the price/actions. Remove that fixed content grid. */
@media (min-width: 801px) {
  body.theme-whmcs .tz-product-card .product-body,
  body.theme-whmcs .tz-products-grid .tz-product-card .product-body,
  body.theme-whmcs .tz-category-page-exact .tz-category-main-exact .tz-product-card .product-body,
  body.theme-whmcs .wh-shop-main-v21 .tz-product-card .product-body,
  body.theme-whmcs .wh-home-products .tz-product-card .product-body {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    flex: 0 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
    grid-auto-rows: auto !important;
    row-gap: 0 !important;
    gap: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
    padding: 12px 14px 14px !important;
  }
  body.theme-whmcs .tz-product-card {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    align-self: start !important;
  }
  body.theme-whmcs .tz-products-grid {
    align-items: start !important;
    grid-auto-rows: max-content !important;
  }
  body.theme-whmcs .tz-product-card .tz-card-bottom {
    margin-top: 10px !important;
  }
}


/* FINAL ALL-PAGES DESKTOP CARD HEIGHT REPAIR.
   Earlier product-card rules reserve 580px for the article and 260px for
   product-body. Override those exact homepage/shop/category/related selectors. */
@media (min-width: 801px) {
  body.theme-whmcs .wh-home-products .tz-product-card,
  body.theme-whmcs .wh-related-products-v115 .tz-product-card,
  body.theme-whmcs .tz-products-grid .tz-product-card,
  body.theme-whmcs .tz-category-main-exact .tz-product-card,
  body.theme-whmcs .wh-shop-main-v21 .tz-product-card,
  body.theme-whmcs .wh-popular .tz-product-card,
  body.theme-whmcs article.product.tz-product-card {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    align-self: start !important;
    flex: 0 0 auto !important;
    overflow: visible !important;
    grid-template-rows: auto auto !important;
  }

  body.theme-whmcs .wh-home-products .tz-product-card > .product-body,
  body.theme-whmcs .wh-related-products-v115 .tz-product-card > .product-body,
  body.theme-whmcs .tz-products-grid .tz-product-card > .product-body,
  body.theme-whmcs .tz-category-main-exact .tz-product-card > .product-body,
  body.theme-whmcs .wh-shop-main-v21 .tz-product-card > .product-body,
  body.theme-whmcs .wh-popular .tz-product-card > .product-body,
  body.theme-whmcs article.product.tz-product-card > .product-body {
    position: static !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    flex: 0 0 auto !important;
    overflow: visible !important;
    margin: 0 !important;
    padding: 12px 14px 14px !important;
    box-sizing: border-box !important;
    grid-template-rows: none !important;
  }

  body.theme-whmcs .wh-home-products .tz-products-grid,
  body.theme-whmcs .wh-related-products-v115 .tz-products-grid,
  body.theme-whmcs .tz-category-main-exact .tz-products-grid,
  body.theme-whmcs .wh-shop-main-v21 .tz-products-grid,
  body.theme-whmcs .wh-popular .tz-products-grid,
  body.theme-whmcs .tz-products-grid {
    align-items: start !important;
    grid-auto-rows: max-content !important;
  }

  body.theme-whmcs .wh-home-products .tz-card-bottom,
  body.theme-whmcs .wh-related-products-v115 .tz-card-bottom,
  body.theme-whmcs .tz-products-grid .tz-card-bottom,
  body.theme-whmcs .tz-category-main-exact .tz-card-bottom,
  body.theme-whmcs .wh-shop-main-v21 .tz-card-bottom,
  body.theme-whmcs .wh-popular .tz-card-bottom {
    margin-top: 10px !important;
  }
}


/* REBUILT desktop product-card layout (shared renderer across home, shop,
   category, search and related-product lists). Compact class avoids inherited
   fixed-height/flex spacer rules from older WHMCS card revisions. */
@media screen and (min-width: 801px) {
  body.theme-whmcs article.tz-product-card.tz-product-card-compact,
  body.theme-whmcs .tz-products-grid > article.tz-product-card.tz-product-card-compact,
  body.theme-whmcs .wh-home-products article.tz-product-card.tz-product-card-compact,
  body.theme-whmcs .wh-popular article.tz-product-card.tz-product-card-compact,
  body.theme-whmcs .wh-shop-main-v21 article.tz-product-card.tz-product-card-compact,
  body.theme-whmcs .tz-category-main-exact article.tz-product-card.tz-product-card-compact,
  body.theme-whmcs .wh-related-products-v115 article.tz-product-card.tz-product-card-compact {
    display: flex !important;
    flex-direction: column !important;
    align-self: start !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    block-size: auto !important;
    min-block-size: 0 !important;
    max-block-size: none !important;
    grid-template-rows: none !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body.theme-whmcs article.tz-product-card.tz-product-card-compact > .tz-product-image,
  body.theme-whmcs article.tz-product-card.tz-product-card-compact > .product-img {
    flex: 0 0 auto !important;
    height: 250px !important;
    min-height: 250px !important;
    max-height: 250px !important;
    aspect-ratio: auto !important;
  }

  body.theme-whmcs article.tz-product-card.tz-product-card-compact > .product-body {
    display: flex !important;
    flex: 0 0 auto !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
    position: static !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    block-size: auto !important;
    min-block-size: 0 !important;
    max-block-size: none !important;
    grid-template-rows: none !important;
    row-gap: 0 !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 14px 14px 16px !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  body.theme-whmcs article.tz-product-card.tz-product-card-compact .tz-verified,
  body.theme-whmcs article.tz-product-card.tz-product-card-compact h3,
  body.theme-whmcs article.tz-product-card.tz-product-card-compact .tz-card-category,
  body.theme-whmcs article.tz-product-card.tz-product-card-compact .tz-product-card-label,
  body.theme-whmcs article.tz-product-card.tz-product-card-compact .tz-card-description,
  body.theme-whmcs article.tz-product-card.tz-product-card-compact .tz-tags {
    grid-row: auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin-top: 0 !important;
    margin-bottom: 8px !important;
    overflow: visible !important;
  }

  body.theme-whmcs article.tz-product-card.tz-product-card-compact h3 {
    line-height: 1.35 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  body.theme-whmcs article.tz-product-card.tz-product-card-compact .tz-tags {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
  }

  body.theme-whmcs article.tz-product-card.tz-product-card-compact .tz-card-bottom {
    position: static !important;
    display: flex !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 8px 0 0 !important;
    padding: 0 !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
  }

  body.theme-whmcs .tz-products-grid,
  body.theme-whmcs .wh-home-products .tz-products-grid,
  body.theme-whmcs .wh-popular .tz-products-grid,
  body.theme-whmcs .wh-shop-main-v21 .tz-products-grid,
  body.theme-whmcs .tz-category-main-exact .tz-products-grid,
  body.theme-whmcs .wh-related-products-v115 .tz-products-grid {
    align-items: start !important;
    grid-auto-rows: max-content !important;
  }
}