/* CLONETUT V6 UI - original redesign inspired by modern account marketplaces, not a clone */
:root{
  --ctn-bg:#f5f7fb;--ctn-surface:#fff;--ctn-text:#111827;--ctn-muted:#6b7280;
  --ctn-border:#e5e7eb;--ctn-navy:#0f172a;--ctn-navy2:#172554;
  --ctn-accent:#d97706;--ctn-accent2:#f59e0b;--ctn-green:#059669;--ctn-red:#dc2626;
  --ctn-shadow:0 10px 30px rgba(15,23,42,.08);--ctn-radius:16px;
}
html,body{background:var(--ctn-bg)!important;color:var(--ctn-text)}
body{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;letter-spacing:-.01em}
a{text-decoration:none}.container{max-width:1320px}
/* top strip */
.header-top{background:var(--ctn-navy)!important;color:#cbd5e1;border:0!important}
.header-top a,.header-top p,.header-top i{color:#cbd5e1!important}.header-top a:hover{color:#fff!important}
.header-top-select .nice-select,.header-top-select select{background:transparent!important;color:#e2e8f0!important;border:0!important}
/* header */
.header-part{background:#fff!important;border-bottom:1px solid var(--ctn-border)!important;box-shadow:0 1px 0 rgba(15,23,42,.02);position:sticky;top:0;z-index:1040}
.header-content{min-height:76px;gap:24px}.header-logo img,.header-media-group img{max-height:46px;width:auto!important}
.header-form{height:46px!important;border:1.5px solid #d1d5db!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important;overflow:hidden;max-width:650px}
.header-form:focus-within{border-color:var(--ctn-accent)!important;box-shadow:0 0 0 4px rgba(245,158,11,.12)!important}
.header-form input{font-size:14px!important;padding-left:16px!important;background:#fff!important}.header-form button{width:52px!important;background:transparent!important;color:var(--ctn-navy)!important}
.header-widget{border:1px solid var(--ctn-border)!important;background:#f8fafc!important;border-radius:12px!important;width:44px!important;height:44px!important;display:inline-flex!important;align-items:center;justify-content:center}
.header-widget:hover{border-color:#fbbf24!important;background:#fffbeb!important;color:var(--ctn-accent)!important}.header-widget img{width:30px!important;height:30px!important;border-radius:50%}.header-widget span{white-space:nowrap}
/* navbar */
.navbar-part{background:#fff!important;border-bottom:1px solid var(--ctn-border)!important;box-shadow:0 5px 18px rgba(15,23,42,.03)}
.navbar-link{font-size:14px!important;font-weight:700!important;color:#374151!important;padding:15px 14px!important}.navbar-link:hover{color:var(--ctn-accent)!important}.megamenu,.dropdown-position-list{border:1px solid var(--ctn-border)!important;border-radius:14px!important;box-shadow:var(--ctn-shadow)!important;overflow:hidden}
/* generic surfaces */
.account-card,.user-form-card,.product-details-frame,.feature-card{background:var(--ctn-surface)!important;border:1px solid var(--ctn-border)!important;border-radius:var(--ctn-radius)!important;box-shadow:0 4px 20px rgba(15,23,42,.04)!important}
.home-heading h3{font-size:17px!important;font-weight:800!important;color:var(--ctn-navy)!important;text-transform:none!important;letter-spacing:-.02em}
/* V6 hero */
.ctn-v6-hero{margin:28px 0 22px;background:linear-gradient(135deg,#0f172a 0%,#172554 62%,#78350f 140%);border-radius:22px;overflow:hidden;position:relative;color:#fff;box-shadow:0 18px 45px rgba(15,23,42,.18)}
.ctn-v6-hero:before{content:"";position:absolute;width:380px;height:380px;border-radius:50%;right:-120px;top:-180px;background:radial-gradient(circle,rgba(245,158,11,.42),transparent 68%)}
.ctn-v6-hero-inner{padding:42px;position:relative;z-index:1;display:grid;grid-template-columns:1.45fr .55fr;gap:28px;align-items:center}
.ctn-v6-kicker{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:7px 12px;font-size:12px;font-weight:700;color:#fde68a}
.ctn-v6-hero h1{font-size:38px;line-height:1.12;margin:14px 0 12px;color:#fff;font-weight:850;letter-spacing:-.04em}.ctn-v6-hero p{color:#cbd5e1;max-width:720px;font-size:15px;line-height:1.75}
.ctn-v6-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.ctn-v6-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:11px;padding:11px 16px;font-weight:750;font-size:14px;border:1px solid transparent}.ctn-v6-btn-primary{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff!important;box-shadow:0 8px 22px rgba(217,119,6,.28)}.ctn-v6-btn-ghost{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.07);color:#fff!important}
.ctn-v6-hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ctn-v6-stat{padding:18px;border-radius:15px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(8px)}.ctn-v6-stat b{display:block;font-size:20px;color:#fff}.ctn-v6-stat span{font-size:12px;color:#cbd5e1}
/* category buttons */
.custom-button-list{display:flex!important;gap:9px!important;flex-wrap:wrap!important;margin:0 0 18px!important;padding:0!important}.custom-button-list li{margin:0!important}.btn-category-home{background:#fff!important;color:#334155!important;border:1px solid var(--ctn-border)!important;border-radius:10px!important;padding:9px 13px!important;font-size:12px!important;font-weight:750!important;box-shadow:none!important}.btn-category-home:hover,.btn-category-home.active{background:var(--ctn-navy)!important;color:#fff!important;border-color:var(--ctn-navy)!important}
/* product ajax cards - broad selectors for old themes */
.feature-card,.product-card{transition:.18s ease!important}.feature-card:hover,.product-card:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(15,23,42,.09)!important}
.feature-content h6,.feature-content h5,.product-name,.product-card h6{font-weight:800!important;color:#111827!important}.btn-buy,.shop-widget-btn,.form-button button{border:0!important;border-radius:10px!important;background:linear-gradient(135deg,#f59e0b,#d97706)!important;color:#fff!important;font-weight:800!important;box-shadow:none!important}.btn-more{border-radius:10px!important;border:1px solid var(--ctn-border)!important;background:#fff!important;color:#334155!important}
/* wallet sidebar */
.card-wallet-home{position:sticky;top:150px!important;padding:22px!important}.my-wallet{padding-bottom:17px;border-bottom:1px solid var(--ctn-border)}.my-wallet p,.wallet-card p{color:var(--ctn-muted)!important;font-size:12px!important}.my-wallet h3{font-size:26px!important;color:var(--ctn-accent)!important;font-weight:850!important}.wallet-card-group{gap:10px!important}.wallet-card{background:#f8fafc!important;border:1px solid #eef2f7!important;border-radius:12px!important;padding:14px!important}.wallet-card h3{font-size:16px!important;color:#334155!important}
/* auth */
.profile-part .user-form-card{padding:30px!important}.user-form-title h2{font-size:26px!important;font-weight:850!important;color:var(--ctn-navy)!important}.user-form-title p{color:var(--ctn-muted)!important}.user-form .form-control{height:48px!important;border:1px solid #d8dee8!important;border-radius:10px!important;background:#fff!important;padding:0 14px!important}.user-form .form-control:focus{border-color:var(--ctn-accent)!important;box-shadow:0 0 0 4px rgba(245,158,11,.1)!important}.user-form-remind{border-radius:12px!important;background:#fff7ed!important;border:1px solid #fed7aa!important}
/* product detail */
.details-content{background:#fff;border:1px solid var(--ctn-border);border-radius:16px;padding:24px!important}.details-name{font-size:24px!important;font-weight:850!important;color:var(--ctn-navy)!important}.details-price span{color:var(--ctn-accent)!important;font-weight:850!important}.nav-tabs{border-bottom:1px solid var(--ctn-border)!important}.tab-link{font-weight:750!important}
/* new recharge */
.ctn-recharge-wrap{max-width:1050px;margin:0 auto}.ctn-recharge-card{background:#fff;border:1px solid var(--ctn-border);border-radius:18px;padding:24px;box-shadow:var(--ctn-shadow)}
.ctn-step-head{display:flex;gap:12px;align-items:center;margin-bottom:18px}.ctn-step-num{width:34px;height:34px;border-radius:10px;background:var(--ctn-navy);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800}.ctn-step-head h4{font-size:16px;margin:0;font-weight:850}.ctn-step-head p{font-size:12px;color:var(--ctn-muted);margin:2px 0 0}
.ctn-money-input{position:relative}.ctn-money-input input{height:58px;border:1.5px solid #d7dde8;border-radius:12px;width:100%;font-size:24px;font-weight:850;padding:0 64px 0 16px;color:var(--ctn-navy)}.ctn-money-input input:focus{outline:0;border-color:var(--ctn-accent);box-shadow:0 0 0 4px rgba(245,158,11,.11)}.ctn-money-input span{position:absolute;right:18px;top:17px;font-weight:800;color:#64748b}
.ctn-quick-money{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.ctn-quick-money button{border:1px solid var(--ctn-border);background:#f8fafc;border-radius:9px;padding:7px 11px;font-size:12px;font-weight:750;color:#475569}.ctn-quick-money button:hover{border-color:#f59e0b;background:#fffbeb;color:#b45309}
.ctn-bank-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ctn-bank-option{border:1.5px solid var(--ctn-border);background:#fff;border-radius:13px;padding:14px;cursor:pointer;display:flex;align-items:center;gap:10px;text-align:left;transition:.15s}.ctn-bank-option:hover,.ctn-bank-option.active{border-color:#f59e0b;background:#fffbeb;box-shadow:0 0 0 3px rgba(245,158,11,.08)}.ctn-bank-logo{width:42px;height:42px;object-fit:contain;border-radius:9px;background:#fff;border:1px solid #eef2f7}.ctn-bank-option strong{display:block;font-size:13px;color:#111827}.ctn-bank-option small{color:#64748b;font-size:11px}
.ctn-generate-btn{width:100%;height:50px;border:0;border-radius:11px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-weight:850;margin-top:16px}.ctn-generate-btn:disabled{opacity:.55;cursor:not-allowed}
.ctn-qr-result{display:none;margin-top:18px;border-top:1px solid var(--ctn-border);padding-top:20px}.ctn-qr-result.show{display:grid;grid-template-columns:330px 1fr;gap:24px;align-items:start}.ctn-qr-box{background:#f8fafc;border:1px solid var(--ctn-border);border-radius:15px;padding:14px;text-align:center}.ctn-qr-box img{width:100%;max-width:290px;border-radius:10px;background:#fff}.ctn-transfer-info{display:grid;gap:10px}.ctn-info-row{display:flex;justify-content:space-between;gap:20px;align-items:center;border:1px solid #eef2f7;background:#f8fafc;padding:12px 14px;border-radius:11px}.ctn-info-row span{font-size:12px;color:#64748b}.ctn-info-row b{font-size:14px;color:#111827;text-align:right}.ctn-copy{border:0;background:#fff;border:1px solid #e5e7eb;border-radius:7px;padding:5px 8px;color:#475569;margin-left:6px}.ctn-warning{margin-top:12px;border-radius:10px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;padding:11px 13px;font-size:12px;line-height:1.6}
/* history table */
.table-scroll{border:1px solid var(--ctn-border);border-radius:12px;overflow:auto}.table{background:#fff!important}.table thead th{background:#f8fafc!important;color:#475569!important;font-size:11px!important;text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--ctn-border)!important}.table td{vertical-align:middle!important;border-color:#eef2f7!important}
/* footer cleanup */
footer,.footer-part{background:#fff!important;border-top:1px solid var(--ctn-border)!important}.footer-part h3,.footer-part h4{color:var(--ctn-navy)!important}
/* floating mobile nav */
.ctn-mobile-nav{display:none}
@media(max-width:991px){
 .header-top,.navbar-part{display:none!important}.header-part{top:0}.header-content{min-height:64px}.header-widget-group .header-widget:not(:last-child){display:none!important}.header-form{display:none!important}.header-media-group{width:100%;justify-content:space-between}.ctn-v6-hero-inner{grid-template-columns:1fr;padding:28px 22px}.ctn-v6-hero h1{font-size:30px}.ctn-v6-hero-stats{grid-template-columns:repeat(2,1fr)}
 .ctn-bank-list{grid-template-columns:1fr 1fr}.ctn-qr-result.show{grid-template-columns:1fr}.card-wallet-home{position:static!important}.ctn-mobile-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:10px;right:10px;bottom:10px;background:rgba(15,23,42,.96);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:7px;z-index:9990;box-shadow:0 15px 40px rgba(0,0,0,.24)}.ctn-mobile-nav a{color:#cbd5e1!important;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10px;padding:5px}.ctn-mobile-nav i{font-size:17px}.ctn-mobile-nav a.ctn-deposit{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff!important;border-radius:11px}
 body{padding-bottom:78px}
}
@media(max-width:575px){.container{padding-left:14px!important;padding-right:14px!important}.ctn-v6-hero{margin-top:16px;border-radius:16px}.ctn-v6-hero-inner{padding:24px 18px}.ctn-v6-hero h1{font-size:27px}.ctn-v6-hero-stats{display:none}.ctn-bank-list{grid-template-columns:1fr}.ctn-recharge-card{padding:17px}.ctn-money-input input{font-size:21px}.profile-part .user-form-card{padding:22px!important}.custom-button-list{flex-wrap:nowrap!important;overflow-x:auto!important;padding-bottom:4px!important}.btn-category-home{white-space:nowrap}}
/* product cards from AJAX renderer */
.product-box4{height:100%;background:#fff!important;border:1px solid var(--ctn-border)!important;border-radius:15px!important;overflow:hidden!important;box-shadow:0 4px 18px rgba(15,23,42,.04)!important;transition:.18s ease}
.product-box4:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(15,23,42,.09)!important;border-color:#d7dde8!important}.product-head-box4{padding:14px 15px!important;border-bottom:1px solid #eef2f7!important;background:#fff!important;display:flex!important;align-items:flex-start!important;gap:10px!important}.product-head-box4 img{width:28px!important;height:28px!important;object-fit:contain!important;border-radius:7px!important}.product-head-box4 h4{font-size:13px!important;line-height:1.45!important;font-weight:850!important;color:#111827!important;margin:0!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.product-body-box4{padding:13px 15px!important;min-height:100px}.product-body-box4 p{font-size:11.5px!important;color:#64748b!important;margin:0 0 6px!important;line-height:1.5!important}.product-body-box4 p i{color:#10b981!important}.product-footer-box4{border-top:1px solid #eef2f7!important;border-bottom:1px solid #eef2f7!important;background:#f8fafc!important;padding:10px 8px!important}.product-footer-box4 strong{font-size:10px!important;text-transform:uppercase!important;color:#94a3b8!important;display:block!important;margin-bottom:5px!important}.product-footer-box4 .badge{background:#e0f2fe!important;color:#0369a1!important;font-size:11px!important}.price-box4 b,.price-box4 strong{font-size:13px!important;color:var(--ctn-accent)!important;font-weight:850!important;text-transform:none!important}.price-box4 span{font-size:10px!important;color:#94a3b8!important}.product-buttons-box4{display:grid!important;grid-template-columns:1fr 1.25fr!important;gap:8px!important;padding:11px!important}.product-buttons-box4 .btn{border-radius:9px!important;font-size:11px!important;font-weight:800!important;padding:9px 8px!important}.more-btn-box4{background:#f8fafc!important;border:1px solid var(--ctn-border)!important;color:#475569!important}.buy-btn-box4{background:linear-gradient(135deg,#f59e0b,#d97706)!important;color:#fff!important;border:0!important}.buy-btn-box4:disabled{background:#cbd5e1!important}.btn-more-new{display:inline-flex!important;padding:9px 16px!important;border:1px solid var(--ctn-border)!important;border-radius:10px!important;background:#fff!important;color:#475569!important;font-size:12px!important;font-weight:800!important}.btn-more-new:hover{border-color:#f59e0b!important;color:#b45309!important}
/* buy modal */
.modal-content{border:0!important;border-radius:18px!important;box-shadow:0 24px 70px rgba(15,23,42,.22)!important}.modal-header{border-bottom:1px solid var(--ctn-border)!important}.modal-title{font-weight:850!important;color:var(--ctn-navy)!important}.modal-footer{border-top:1px solid var(--ctn-border)!important}.modal .form-control,.modal .form-select{border-radius:10px!important;border:1px solid #d8dee8!important}.modal .btn-primary,.modal .btn-success{background:linear-gradient(135deg,#f59e0b,#d97706)!important;border:0!important;border-radius:10px!important;font-weight:800!important}
/* CLONETUT V7 - PWA install experience */
.ctn-install-bar{position:fixed;left:18px;right:18px;bottom:18px;z-index:99990;max-width:760px;margin:auto;background:linear-gradient(135deg,#061a3c,#0d2b5c);color:#fff;border:1px solid rgba(245,166,35,.55);border-radius:18px;padding:12px 14px;box-shadow:0 18px 55px rgba(2,12,32,.38);display:flex;align-items:center;gap:12px}.ctn-install-bar[hidden]{display:none!important}.ctn-install-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#ffb000,#d77800);font-size:20px}.ctn-install-copy{display:flex;flex-direction:column;min-width:0;flex:1}.ctn-install-copy strong{font-size:15px}.ctn-install-copy span{font-size:12px;opacity:.8}.ctn-install-now,.ctn-install-later{border:0;border-radius:11px;padding:10px 15px;font-weight:800}.ctn-install-now{background:linear-gradient(135deg,#ffb000,#d77800);color:#fff}.ctn-install-later{background:rgba(255,255,255,.1);color:#fff}.ctn-ios-guide{position:fixed;inset:0;z-index:99999;background:rgba(3,12,28,.72);display:grid;place-items:center;padding:20px}.ctn-ios-guide[hidden]{display:none!important}.ctn-ios-card{position:relative;max-width:390px;background:#fff;border-radius:22px;padding:28px;text-align:center;box-shadow:0 24px 80px rgba(0,0,0,.35)}.ctn-ios-card>button{position:absolute;right:14px;top:10px;border:0;background:none;font-size:28px}.ctn-ios-logo{width:58px;height:58px;margin:0 auto 12px;border-radius:18px;background:#071a3a;color:#ffb000;display:grid;place-items:center;font-size:28px}.ctn-app-benefit{margin-top:14px;padding:12px;border-radius:12px;background:#fff7e6;color:#9a5a00;font-weight:700}@media(max-width:600px){.ctn-install-bar{left:10px;right:10px;bottom:72px;padding:10px}.ctn-install-copy span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ctn-install-later{display:none}.ctn-install-now{padding:9px 12px}}