*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Arial,sans-serif;background:#f5f7fb;color:#172033}a{color:inherit}.container{width:min(1120px,92%);margin:auto}
.hero{padding:80px 0;background:linear-gradient(135deg,#071b2c,#0a6f61);color:#fff}.hero h1{font-size:clamp(2.2rem,6vw,4.5rem);line-height:1.02;max-width:850px}.hero p{font-size:1.15rem;max-width:700px;color:#d7ece8}.badge{display:inline-block;background:#ffffff1c;border:1px solid #ffffff35;padding:8px 12px;border-radius:99px}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.btn{display:inline-block;border:0;background:#0a6f61;color:#fff;padding:12px 18px;border-radius:10px;text-decoration:none;cursor:pointer;font-weight:700}.btn-light{background:#fff;color:#073c38}.w100{width:100%;text-align:center;margin-top:12px}
.section{padding:35px 0}.grid3,.stats,.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.panel,.stat,.product-card{background:#fff;border:1px solid #e5e8ef;border-radius:16px;padding:20px;box-shadow:0 8px 24px #1f2a440a}
.auth-bg{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#071b2c,#0a6f61)}.auth-card{width:min(430px,92%);background:#fff;border-radius:18px;padding:28px}.muted{color:#6e788a}label{display:block;font-weight:650;margin:12px 0}input,textarea,select{width:100%;padding:12px;border:1px solid #ccd2dc;border-radius:9px;margin-top:6px}.alert{background:#ffe9e9;color:#8d1c1c;padding:12px;border-radius:9px}.success{background:#e8fff3;color:#176943;padding:12px;border-radius:9px;margin-bottom:15px}
.topbar{height:64px;background:#071b2c;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 22px}.topbar a{color:#fff}.layout{display:grid;grid-template-columns:230px 1fr;min-height:calc(100vh - 64px)}.sidebar{background:#0b273c;padding:18px}.sidebar a{display:block;color:#dceaf3;text-decoration:none;padding:11px 12px;border-radius:8px;margin-bottom:5px}.sidebar a:hover{background:#ffffff12}.content{padding:28px}.stats{grid-template-columns:repeat(4,1fr);margin-bottom:20px}.stat span{color:#788298;display:block}.stat b{font-size:2rem}.page-head{display:flex;align-items:center;justify-content:space-between}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid #edf0f4}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.public-bg{background:#eef4f5}.card-shell{width:min(520px,100%);min-height:100vh;margin:auto;background:#fff;padding:0 22px 32px;box-shadow:0 0 40px #1b3d4430}.cover{height:190px;margin:0 -22px;background:linear-gradient(135deg,#071b2c,#0a6f61)}.profile-avatar{width:110px;height:110px;border-radius:50%;background:#fff;border:6px solid #fff;box-shadow:0 6px 20px #0002;margin:-55px auto 15px;display:grid;place-items:center;font-size:2.4rem;font-weight:800;color:#0a6f61}.card-shell h1{text-align:center}.card-shell>p{text-align:center;color:#6d7785}.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:22px 0}.quick-actions a,.socials a{background:#eef7f5;text-align:center;padding:10px 6px;border-radius:9px;text-decoration:none;font-size:.86rem}.card-shell section{border-top:1px solid #edf0f2;padding:18px 0}.socials{display:flex;gap:8px;flex-wrap:wrap}
.store-head{background:#071b2c;color:#fff;padding:35px 0}.product-grid{grid-template-columns:repeat(3,1fr)}.product-img{height:170px;border-radius:12px;background:linear-gradient(135deg,#edf1f5,#d9e2e8);margin-bottom:12px}
@media(max-width:800px){.layout{grid-template-columns:1fr}.sidebar{display:flex;overflow:auto;gap:5px}.sidebar a{white-space:nowrap}.stats,.grid3,.product-grid{grid-template-columns:1fr 1fr}.content{padding:18px}}
@media(max-width:540px){.stats,.grid3,.product-grid,.form-grid{grid-template-columns:1fr}.quick-actions{grid-template-columns:1fr 1fr}.topbar{font-size:.85rem}.hero{padding:55px 0}}

.builder-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.builder-tabs a{background:#fff;border:1px solid #dfe5eb;padding:9px 12px;border-radius:9px;text-decoration:none}
.manage-row{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid #edf0f2}.gallery-admin{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.gallery-admin>div{background:#fff;padding:10px;border-radius:12px}.gallery-admin img{width:100%;height:130px;object-fit:cover;border-radius:8px}.hours-row{display:grid;grid-template-columns:140px 120px 160px 160px;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid #edf0f2}.hours-row label{margin:0}
.profile-photo{width:110px;height:110px;object-fit:cover;border-radius:50%;border:6px solid #fff;display:block;margin:-55px auto 15px;position:relative;box-shadow:0 6px 20px #0002}.headline{text-align:center;color:#5e6977}.cover{background-size:cover;background-position:center}.card-shell{--primary:#0a6f61;--secondary:#071b2c}.card-shell .btn{background:var(--primary)}.card-shell .cover{background-color:var(--secondary);background-image:linear-gradient(135deg,var(--secondary),var(--primary))}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.service-grid article,.payment-box,blockquote{margin:0 0 10px;background:#f7f9fb;padding:14px;border-radius:12px;border:0}.public-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.public-gallery img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:9px}.payment-box img{max-width:180px;width:100%;border-radius:10px}.hour-public{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px dashed #dfe5e8}.map-note iframe{width:100%;max-width:100%;border:0;border-radius:12px}.card-theme-elegant{font-family:Georgia,serif}.card-theme-minimal{box-shadow:none}.card-theme-minimal .cover{height:120px}
@media(max-width:650px){.gallery-admin{grid-template-columns:1fr 1fr}.hours-row{grid-template-columns:1fr 1fr}.service-grid{grid-template-columns:1fr}}

.store-public{background:#f5f7fb}.store-hero{background:linear-gradient(135deg,var(--ss,#071b2c),var(--sp,#0a6f61));background-size:cover;background-position:center;color:#fff;padding:28px 0}.store-hero>.container{display:flex;justify-content:space-between;align-items:center;gap:20px}.store-brand{display:flex;align-items:center;gap:15px}.store-brand img{width:78px;height:78px;border-radius:16px;object-fit:cover;background:#fff;padding:5px}.store-cart-link{display:inline-block;background:#fff;color:#111;padding:10px 14px;border-radius:10px;text-decoration:none;font-weight:700}.store-search{display:grid;grid-template-columns:1fr 220px auto;gap:10px;margin-bottom:15px}.category-chips{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 22px}.category-chips a{background:#fff;border:1px solid #dde4ea;padding:8px 12px;border-radius:999px;text-decoration:none}.shop-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.shop-card{background:#fff;border:1px solid #e7ebef;border-radius:16px;overflow:hidden;position:relative;box-shadow:0 8px 24px #1720330b}.shop-card img,.product-placeholder{width:100%;aspect-ratio:1/1;object-fit:cover;background:#e9eef2;display:grid;place-items:center}.shop-card-body{padding:14px}.shop-card h3{margin:5px 0}.shop-card h3 a{text-decoration:none}.shop-card p{color:#667080;min-height:40px}.featured-badge{position:absolute;z-index:2;top:10px;left:10px;background:#111;color:#fff;padding:5px 8px;border-radius:8px;font-size:.75rem}.price-row{display:flex;gap:8px;align-items:center;margin:8px 0}.old-price{text-decoration:line-through;color:#8b94a0}.product-detail{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;margin-top:22px}.product-main-image img{width:100%;max-height:560px;object-fit:contain;border-radius:16px;background:#fff}.product-thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:8px}.product-thumbs img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px}.big-price{font-size:1.8rem;font-weight:800;margin:12px 0}.cart-total{font-size:1.25rem;text-align:right;padding:18px 0}.checkout-grid{display:grid;grid-template-columns:1fr .8fr;gap:20px}.summary-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #edf0f2}
@media(max-width:950px){.shop-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.shop-grid{grid-template-columns:repeat(2,1fr)}.store-search{grid-template-columns:1fr}.product-detail,.checkout-grid{grid-template-columns:1fr}.store-hero>.container{align-items:flex-start}.store-brand{align-items:flex-start}}@media(max-width:460px){.shop-grid{grid-template-columns:1fr}.store-brand img{width:60px;height:60px}}
.copy-url{display:grid;grid-template-columns:1fr auto;gap:8px}.copy-url input{font-family:monospace}

.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.plan-price{font-size:2rem;font-weight:800;margin:8px 0}
@media(max-width:800px){.plan-grid{grid-template-columns:1fr}}

.public-form{display:grid;gap:9px}.public-form input,.public-form textarea{margin:0}

.report-filter{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-items:end}.report-stats{grid-template-columns:repeat(5,1fr)}.report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:18px 0}.report-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #edf0f2}.analytics-bar{grid-template-columns:100px 1fr minmax(70px,auto)}@media(max-width:900px){.report-stats{grid-template-columns:repeat(2,1fr)}.report-grid{grid-template-columns:1fr}.report-filter{grid-template-columns:1fr 1fr}}@media(max-width:560px){.report-filter,.report-stats{grid-template-columns:1fr}}

.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.template-preview{height:180px;border-radius:14px;background:linear-gradient(135deg,#071b2c,#0a6f61);margin-bottom:12px}.card-elegant{background:linear-gradient(135deg,#3f2b1d,#b9935a)}.card-minimal{background:linear-gradient(135deg,#e9eef2,#fff)}.store-catalog{background:linear-gradient(135deg,#283747,#7f8c8d)}.store-premium{background:linear-gradient(135deg,#111,#b28b45)}.badge-dark{display:inline-block;background:#172033;color:#fff;padding:5px 8px;border-radius:8px;font-size:.8rem}
.card-template-card-minimal .cover{height:110px}.card-template-card-elegant{background:#fffaf4}.card-template-card-elegant section{border-color:#ead8bf}.store-template-store-catalog .shop-grid{grid-template-columns:repeat(3,1fr)}.store-template-store-premium .shop-card{border-radius:24px;box-shadow:0 14px 34px #00000014}
@media(max-width:850px){.template-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.template-grid{grid-template-columns:1fr}}

.invoice-sheet{max-width:850px;margin:auto}.invoice-head{display:flex;justify-content:space-between;gap:30px}.invoice-sheet table{width:100%;border-collapse:collapse;margin:25px 0}.invoice-sheet td,.invoice-sheet th{padding:12px;border-bottom:1px solid #ddd;text-align:left}@media print{.sidebar,.topbar,.no-print{display:none!important}.main{margin:0!important}.invoice-sheet{box-shadow:none;border:0}}

/* ===== Phase 10 Premium Sidebar + Theme Gallery ===== */
.app-admin{background:#f7f9fc}
.admin-shell{display:flex;min-height:100vh}
.premium-sidebar{position:fixed;inset:0 auto 0 0;width:222px;background:linear-gradient(180deg,#152536,#102033);color:#fff;display:flex;flex-direction:column;z-index:1000;box-shadow:10px 0 30px #10203312}
.brand-block{height:78px;display:flex;align-items:center;gap:11px;padding:0 22px;border-bottom:1px solid #ffffff0d}
.brand-mark{width:35px;height:35px;border-radius:10px;background:linear-gradient(135deg,#31d06b,#158a55);display:grid;place-items:center;font-weight:900;font-size:1.1rem}
.brand-block strong{font-size:1.15rem}.brand-block small{display:block;color:#b9c6d3;font-size:.72rem}
.side-nav{padding:14px 10px;overflow:auto;flex:1}.side-nav a,.sidebar-bottom a{display:flex;align-items:center;gap:12px;color:#e7edf3;text-decoration:none;padding:10px 13px;border-radius:7px;font-size:.9rem;margin:2px 0}.side-nav a:hover,.side-nav a:focus{background:#1e8d51;color:#fff}.nav-section{font-size:.68rem;color:#728499;letter-spacing:.05em;padding:18px 13px 7px}.sidebar-bottom{padding:12px;border-top:1px solid #ffffff0d}
.admin-main{margin-left:222px;min-width:0;width:calc(100% - 222px)}.premium-topbar{height:68px;background:#fff;border-bottom:1px solid #e8edf3;display:flex;align-items:center;padding:0 24px;gap:18px;position:sticky;top:0;z-index:900}.menu-btn{border:0;background:transparent;font-size:1.35rem;cursor:pointer}.topbar-spacer{flex:1}.view-card-btn{background:#12a752;color:#fff;text-decoration:none;padding:10px 17px;border-radius:5px;font-weight:700;font-size:.83rem}.top-user{display:flex;align-items:center;gap:10px}.top-user .avatar{width:38px;height:38px;border-radius:50%;background:#e5f3e9;color:#167944;display:grid;place-items:center;font-weight:800}.top-user small{display:block;color:#6c7786;font-size:.73rem}.premium-content{padding:24px}

.theme-page-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.theme-page-head h1{margin:0 0 12px;font-size:1.45rem}.breadcrumb{color:#718096;font-size:.83rem}.breadcrumb span{padding:0 9px}.theme-help{background:#eef5ff;border:1px solid #cbdcf5;border-radius:7px;padding:11px 14px;font-size:.8rem;color:#24496f;min-width:290px}.theme-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px}.theme-library{background:#fff;border:1px solid #e7ebf0;border-radius:10px;padding:14px}.theme-filter{display:flex;gap:10px;margin-bottom:20px}.theme-filter button{border:1px solid #dce3ea;background:#fff;padding:9px 14px;border-radius:6px;cursor:pointer}.theme-filter button.active{background:#12a752;color:#fff;border-color:#12a752}.theme-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.theme-thumb{position:relative;border:1px solid transparent;background:#fff;border-radius:9px;padding:5px 5px 10px;text-align:center;cursor:pointer}.theme-thumb:hover,.theme-thumb.selected{border-color:#12a752;box-shadow:0 0 0 1px #12a752 inset}.theme-thumb>strong{display:block;margin-top:7px;font-size:.86rem}.theme-thumb>small{color:#7b8795;font-size:.72rem}.selected-check{position:absolute;right:6px;top:6px;width:28px;height:28px;border-radius:50%;background:#12a752;color:#fff;display:grid;place-items:center;font-weight:900}.mini-card{height:205px;border-radius:6px;position:relative;overflow:hidden;padding:22px 14px;color:#fff;text-align:left;box-shadow:inset 0 0 0 1px #ffffff22}.mini-avatar{width:42px;height:42px;border-radius:50%;background:#f0d7b7;color:#222;display:grid;place-items:center;font-weight:800;margin-bottom:7px}.mini-name{font-weight:800}.mini-role{font-size:.55rem;opacity:.88;margin-bottom:13px}.mini-lines{display:grid;gap:7px}.mini-lines i{display:block;width:72%;height:4px;border-radius:9px;background:#ffffffbb}.mini-actions{position:absolute;left:13px;right:13px;bottom:11px;display:flex;justify-content:space-between}.mini-actions b{width:24px;height:24px;border-radius:50%;background:#17b95d}.premium-ribbon{position:absolute;right:5px;top:5px;background:#ffd42b;color:#251f00;font-weight:900;font-size:.55rem;padding:4px 6px;border-radius:4px}

.theme-1{background:linear-gradient(145deg,#15283b 0 58%,#7abd33 59%,#d4ee97 100%)}.theme-2{background:linear-gradient(145deg,#fff 0 75%,#e8edf2 76%);color:#152033}.theme-2 .mini-lines i{background:#7b8795}.theme-3{background:linear-gradient(145deg,#151515,#2a2115 55%,#b88d42)}.theme-4{background:linear-gradient(145deg,#21113f,#4a1d82,#30165f)}.theme-5{background:linear-gradient(145deg,#fff,#ffe8f0 55%,#f7bfd1);color:#333}.theme-5 .mini-lines i{background:#d9668d}.theme-6{background:linear-gradient(145deg,#0a2a2a,#123f3c 55%,#aa7a24)}.theme-7{background:linear-gradient(145deg,#fff7ef,#ff8b20 58%,#f7c28d);color:#3a2a20}.theme-7 .mini-lines i{background:#c66b25}.theme-8{background:linear-gradient(145deg,#171717,#3d0909 57%,#d22d2d)}.theme-9{background:linear-gradient(145deg,#04131a,#063140 58%,#00c8d8)}.theme-10{background:linear-gradient(145deg,#fff 0 67%,#44af57 68%,#c7ebc8);color:#243326}.theme-10 .mini-lines i{background:#6a8f6f}.theme-11{background:linear-gradient(145deg,#0f2944,#175789,#0a82cf)}.theme-12{background:linear-gradient(145deg,#fff,#fff5f5 67%,#efb2bd);color:#333}.theme-12 .mini-lines i{background:#ce7d8a}

.live-preview-panel{background:#fff;border:1px solid #e6ebf0;border-radius:10px;padding:15px;height:max-content;position:sticky;top:90px}.live-preview-panel h2{font-size:1rem;margin:0 0 14px}.phone-frame{width:255px;height:430px;border:8px solid #17212c;border-radius:34px;margin:0 auto 16px;background:#09131d;padding:10px;box-shadow:0 8px 20px #0002}.phone-card{height:100%;border-radius:22px;padding:48px 20px 20px;color:#fff;overflow:hidden}.phone-avatar{width:74px;height:74px;border-radius:50%;background:#e9c9a0;color:#222;display:grid;place-items:center;margin:0 auto 13px;font-weight:900}.phone-card h3,.phone-card p{text-align:center;margin:5px 0}.phone-card ul{list-style:none;padding:16px 0 0;margin:0;font-size:.72rem;line-height:2}.phone-actions{display:flex;justify-content:space-between;margin-top:25px}.phone-actions span{width:36px;height:36px;border-radius:50%;background:#17b95d;display:grid;place-items:center}.apply-theme-btn{width:100%;border:0;background:#12b654;color:#fff;padding:12px;border-radius:6px;font-weight:800;cursor:pointer}.theme-info{border:1px solid #e3e8ed;border-radius:7px;padding:14px;margin-top:16px}.theme-info h3{font-size:.9rem;margin-top:0}.theme-info>div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #edf0f3;font-size:.75rem}.theme-info>div:last-child{border-bottom:0}.theme-note{margin-top:14px;padding:11px;background:#eef5ff;border:1px solid #cdddf4;border-radius:7px;color:#2a5f91;font-size:.75rem}

/* public card themes */
.card-template-theme-1 .cover{background:linear-gradient(145deg,#15283b,#79b931)!important}.card-template-theme-2 .cover{background:linear-gradient(145deg,#f7fbff,#2695e8)!important}.card-template-theme-3 .cover{background:linear-gradient(145deg,#111,#b88d42)!important}.card-template-theme-4 .cover{background:linear-gradient(145deg,#241042,#6328a7)!important}.card-template-theme-5 .cover{background:linear-gradient(145deg,#fff,#f5aec7)!important}.card-template-theme-6 .cover{background:linear-gradient(145deg,#092626,#a87b28)!important}.card-template-theme-7 .cover{background:linear-gradient(145deg,#ffeedf,#ff851c)!important}.card-template-theme-8 .cover{background:linear-gradient(145deg,#121212,#d12626)!important}.card-template-theme-9 .cover{background:linear-gradient(145deg,#04131a,#00c3d5)!important}.card-template-theme-10 .cover{background:linear-gradient(145deg,#fff,#4daf5a)!important}.card-template-theme-11 .cover{background:linear-gradient(145deg,#0e2945,#0c8dde)!important}.card-template-theme-12 .cover{background:linear-gradient(145deg,#fff,#edaebc)!important}

@media(max-width:1250px){.theme-grid{grid-template-columns:repeat(3,1fr)}.theme-layout{grid-template-columns:minmax(0,1fr) 330px}}
@media(max-width:1000px){.theme-layout{grid-template-columns:1fr}.live-preview-panel{position:static}.theme-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.premium-sidebar{transform:translateX(-100%);transition:.25s}.sidebar-open .premium-sidebar{transform:translateX(0)}.admin-main{margin-left:0;width:100%}.theme-page-head{flex-direction:column;gap:12px}.theme-help{min-width:0;width:100%}}
@media(max-width:700px){.theme-grid{grid-template-columns:repeat(2,1fr)}.premium-content{padding:15px}.view-card-btn{display:none}.phone-frame{width:240px}.theme-filter{overflow:auto}}
@media(max-width:430px){.theme-grid{grid-template-columns:1fr 1fr;gap:10px}.mini-card{height:170px;padding:15px 10px}.theme-thumb>strong{font-size:.76rem}.top-user div:last-child{display:none}}

/* ===== Visiting Card Themes ===== */
.nav-new{margin-left:auto;font-style:normal;background:#7a4cff;color:#fff;font-size:.55rem;padding:2px 5px;border-radius:4px}
.visiting-theme-page{max-width:1500px;margin:auto}.vc-page-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.vc-page-head h1{margin:0 0 12px;font-size:1.45rem}.vc-layout{display:grid;grid-template-columns:minmax(0,1fr) 365px;gap:20px}.vc-library{background:#fff;border:1px solid #e7ebf0;border-radius:10px;padding:14px}.vc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.vc-thumb{position:relative;border:1px solid transparent;background:#fff;border-radius:10px;padding:5px 5px 10px;cursor:pointer}.vc-thumb.selected,.vc-thumb:hover{border-color:#12a752;box-shadow:0 0 0 1px #12a752 inset}.vc-thumb>strong{display:block;margin-top:7px;font-size:.84rem}.vc-thumb>small{display:block;color:#788493;font-size:.71rem}
.vc-mini{height:210px;border-radius:7px;padding:14px;position:relative;overflow:hidden;text-align:left;box-shadow:0 3px 12px #00000016}.vc-logo{font-size:.68rem;font-weight:900}.vc-logo small{display:block;font-size:.42rem;font-weight:500}.vc-mini-body{display:grid;grid-template-columns:1fr 70px;gap:7px;margin-top:34px}.vc-mini-body strong,.vc-mini-body b,.vc-mini-body span,.vc-mini-body small{display:block;font-size:.55rem;margin:5px 0}.vc-mini-body strong{font-size:.72rem}.vc-face{width:50px;height:50px;border-radius:50%;background:#d8b38b;display:grid;place-items:center;font-weight:900;border:4px solid currentColor}.qr-box{width:52px;height:52px;background:repeating-linear-gradient(45deg,#111 0 2px,#fff 2px 4px);color:transparent;border:3px solid #fff;margin-top:13px}.vc-socials{position:absolute;left:14px;bottom:11px;display:flex;gap:8px}.vc-socials i{width:19px;height:19px;border-radius:50%;background:currentColor;opacity:.9}
.vc-theme-01{background:linear-gradient(150deg,#fff 0 72%,#c72835 73%);color:#b91f2b}.vc-theme-02{background:linear-gradient(150deg,#081625 0 24%,#fff 25%);color:#147cc1}.vc-theme-03{background:linear-gradient(150deg,#fff 0 40%,#ff991d 41%);color:#7c4b00}.vc-theme-04{background:linear-gradient(150deg,#fff 0 38%,#116fae 39%,#0c4d7c);color:#0a568b}.vc-theme-05{background:linear-gradient(150deg,#fff 0 72%,#d83228 73%);color:#bb281f}.vc-theme-06{background:linear-gradient(150deg,#071522 0 62%,#bf8527 63%);color:#f0b848}.vc-theme-07{background:linear-gradient(150deg,#fff 0 69%,#2f8e23 70%);color:#2c8520}.vc-theme-08{background:linear-gradient(150deg,#fff 0 70%,#5b18a7 71%);color:#531594}.vc-theme-09{background:linear-gradient(150deg,#0f1114 0 69%,#d32222 70%);color:#f02c2c}.vc-theme-10{background:linear-gradient(150deg,#fff 0 72%,#1594c5 73%);color:#1683ae}.vc-theme-11{background:linear-gradient(150deg,#101010 0 70%,#b98127 71%);color:#d6a041}.vc-theme-12{background:linear-gradient(150deg,#fff 0 70%,#0b8a8e 71%);color:#0b7d81}
.vc-theme-02,.vc-theme-06,.vc-theme-09,.vc-theme-11{color:#fff}.vc-theme-02 .vc-mini-body span,.vc-theme-06 .vc-mini-body span,.vc-theme-09 .vc-mini-body span,.vc-theme-11 .vc-mini-body span{color:#fff}
.vc-preview-panel{background:#fff;border:1px solid #e6ebf0;border-radius:10px;padding:15px;height:max-content;position:sticky;top:90px}.vc-preview-panel h2{font-size:1rem;margin:0 0 14px}.vc-phone{width:250px;height:445px;border:8px solid #17212c;border-radius:36px;margin:0 auto 16px;background:#081018;padding:10px;box-shadow:0 8px 20px #0002}.vc-phone-card{height:100%;border-radius:23px;padding:34px 22px 18px;overflow:hidden;position:relative}.vc-phone-logo{font-size:.8rem;font-weight:900;text-align:center}.vc-phone-logo small{display:block;font-size:.48rem}.vc-phone-face{width:72px;height:72px;border-radius:50%;background:#d7ad81;display:grid;place-items:center;font-weight:900;margin:42px auto 15px;border:5px solid currentColor}.vc-phone-card h3,.vc-phone-card p,.vc-phone-card>b{text-align:left;margin:5px 0;display:block}.vc-phone-card ul{list-style:none;padding:15px 0;margin:0;font-size:.72rem;line-height:2}.vc-phone-qr{width:92px;height:92px;background:repeating-linear-gradient(45deg,#111 0 3px,#fff 3px 6px);color:transparent;margin:18px auto}.vc-phone-socials{display:flex;justify-content:center;gap:12px}.vc-phone-socials span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:currentColor;color:#fff;font-size:.72rem}
@media(max-width:1250px){.vc-grid{grid-template-columns:repeat(3,1fr)}.vc-layout{grid-template-columns:minmax(0,1fr) 330px}}
@media(max-width:1000px){.vc-layout{grid-template-columns:1fr}.vc-preview-panel{position:static}.vc-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.vc-grid{grid-template-columns:repeat(2,1fr)}.vc-page-head{flex-direction:column;gap:12px}.vc-phone{width:235px}.vc-mini{height:180px}.vc-mini-body{margin-top:20px}}

/* Store Banner Management */
.banner-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.banner-admin-card{background:#fff;border:1px solid #e6eaf0;border-radius:16px;overflow:hidden}.banner-admin-card img{width:100%;aspect-ratio:16/6;object-fit:cover}.banner-admin-body{padding:14px}.banner-admin-body strong,.banner-admin-body small{display:block}.banner-admin-body small{color:#75808d;margin:5px 0}.banner-meta{font-size:.75rem;color:#65717f;margin:9px 0}.banner-actions{display:flex;gap:15px}
.store-banner-slider{position:relative;overflow:hidden;background:#111}.store-banner-track{position:relative;min-height:clamp(220px,34vw,520px)}.store-banner-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .45s ease;background-size:cover;background-position:center;display:flex;align-items:center}.store-banner-slide.active{opacity:1;visibility:visible}.store-banner-copy{width:min(1120px,92%);margin:auto;color:#fff;padding:30px}.store-banner-copy h2{font-size:clamp(2rem,5vw,4.4rem);line-height:1;margin:0 0 14px;max-width:700px}.store-banner-copy p{font-size:clamp(1rem,2vw,1.25rem);max-width:580px}.store-banner-btn{display:inline-block;margin-top:12px;background:var(--sp,#b02a67);color:#fff;text-decoration:none;padding:12px 22px;border-radius:999px;font-weight:800}.banner-prev,.banner-next{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:42px;height:42px;border:0;border-radius:50%;background:#ffffffd9;font-size:2rem;cursor:pointer}.banner-prev{left:18px}.banner-next{right:18px}.banner-dots{position:absolute;z-index:3;bottom:14px;left:50%;transform:translateX(-50%);display:flex;gap:7px}.banner-dots button{width:9px;height:9px;border:0;border-radius:50%;background:#ffffff88;padding:0}.banner-dots button.active{background:#fff}
@media(max-width:850px){.banner-admin-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.banner-admin-grid{grid-template-columns:1fr}.store-banner-track{min-height:230px}.store-banner-copy{padding:20px}.banner-prev,.banner-next{width:34px;height:34px;font-size:1.4rem}.banner-prev{left:8px}.banner-next{right:8px}}


/* Cart icon button */
.store-cart-icon{
  position:relative;
  width:52px;
  height:52px;
  padding:0!important;
  border-radius:16px!important;
  display:grid!important;
  place-items:center;
  background:#fff!important;
  color:var(--sp,#b02a67)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.12);
}
.store-cart-icon svg{
  width:28px;
  height:28px;
}
.store-cart-badge{
  position:absolute;
  top:-7px;
  right:-7px;
  min-width:23px;
  height:23px;
  padding:0 5px;
  border-radius:999px;
  background:#e91e63;
  color:#fff;
  border:2px solid #fff;
  display:grid;
  place-items:center;
  font-size:.72rem;
  font-weight:900;
  line-height:1;
}
.store-cart-icon:hover{
  transform:translateY(-1px);
}
@media(max-width:600px){
  .store-cart-icon{
    width:48px;
    height:48px;
    border-radius:15px!important;
  }
  .store-cart-icon svg{
    width:27px;
    height:27px;
  }
  .store-cart-badge{
    min-width:21px;
    height:21px;
    font-size:.68rem;
  }
}

.cart-qty{max-width:72px;text-align:center}
.cart-remove-btn{width:32px;height:32px;border:0;border-radius:50%;background:#ffe8ed;color:#c81e44;font-size:20px;font-weight:900;cursor:pointer}
.cart-remove-btn:hover{background:#c81e44;color:#fff}
.cart-clear-btn{background:#6b7280!important}
@media(max-width:600px){.cart-table th,.cart-table td{padding:10px 6px;font-size:.84rem}.cart-qty{max-width:54px}.cart-remove-btn{width:28px;height:28px;font-size:18px}}

/* ===== Store Theme & Colors ===== */
.store-public .btn,
.store-public button.btn,
.store-public .store-banner-btn{
 background:var(--store-btn,var(--sp))!important;
 color:var(--store-btn-text,#fff)!important;
 border-color:var(--store-btn,var(--sp))!important;
}
.store-public .btn:hover,
.store-public button.btn:hover,
.store-public .store-banner-btn:hover{
 background:var(--store-btn-hover,var(--ss))!important;
 border-color:var(--store-btn-hover,var(--ss))!important;
}
.store-public .store-top-brand,
.store-public .hb-safe-header{
 background:var(--store-header,var(--sp))!important;
}
.store-public .price,
.store-public .product-price,
.store-public .shop-card .price{
 color:var(--store-price,var(--sp))!important;
}
.store-public .sale-price,
.store-public .offer-price,
.store-public .shop-card .sale{
 color:var(--store-offer,#d62828)!important;
}

.theme-color-form{display:grid;gap:22px}
.theme-color-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.theme-color-item{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px;border:1px solid #e5e9ef;border-radius:12px;background:#fff}
.theme-color-item span strong,.theme-color-item span small{display:block}.theme-color-item span small{color:#7b8794;margin-top:4px}
.theme-color-input{display:flex;align-items:center;gap:8px}.theme-color-input input[type=color]{width:46px;height:38px;border:0;background:none;padding:0}.theme-color-input input[type=text]{width:92px}
.theme-live-sample{padding:16px;border:1px solid #e5e9ef;border-radius:14px;background:linear-gradient(135deg,#fff,var(--s))}
.sample-header{background:var(--head);color:#fff;padding:15px;border-radius:10px;text-align:center;font-weight:800;font-size:1.2rem}.sample-card{margin-top:12px;padding:15px;border-radius:10px;background:#fff}.sample-product{font-weight:800;margin-bottom:8px}.sample-price{color:var(--price);font-weight:800}.sample-offer{color:var(--offer);font-weight:900}.sample-card button{margin-top:12px;background:var(--btn);color:var(--bt);border:0;border-radius:8px;padding:10px 16px;font-weight:800}
@media(max-width:750px){.theme-color-grid{grid-template-columns:1fr}.theme-color-item{align-items:flex-start;flex-direction:column}.theme-color-input{width:100%}.theme-color-input input[type=text]{flex:1}}
\n/* PRODUCT WHATSAPP SHARE SAFE */\n.product-whatsapp-share{margin-top:9px;width:100%;min-height:40px;box-sizing:border-box;border:1px solid #25D366;border-radius:9px;background:#fff;color:#14883b;display:flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;font-size:.82rem;font-weight:800;padding:9px 10px}.product-whatsapp-share:hover{background:#25D366;color:#fff}.wa-share-logo{font-size:1rem}@media(max-width:600px){.product-whatsapp-share{font-size:.72rem;min-height:36px;padding:7px 6px}}\n

/* Product share render fix */
.shop-card{overflow:hidden}
.shop-image{position:relative}
.shop-image img{width:100%;display:block;object-fit:cover}
.featured-badge{position:absolute;left:12px;top:12px;background:#111827;color:#fff;padding:6px 10px;border-radius:8px;font-size:.72rem}
.shop-body{padding:16px}
.shop-category{font-size:.78rem;color:#6b7280;margin-bottom:5px}
.shop-body h3{margin:0 0 10px}
.shop-price-row{display:flex;gap:10px;align-items:center;margin:14px 0 8px}
.shop-price-row del{color:#8a8f98}
.shop-stock{margin-bottom:12px}
.product-whatsapp-share{
  margin-top:10px!important;
  width:100%!important;
  min-height:42px!important;
  box-sizing:border-box!important;
  padding:10px 12px!important;
  border:1px solid #25D366!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#128C4A!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  text-decoration:none!important;
  font-size:.84rem!important;
  font-weight:800!important;
}
.product-whatsapp-share:hover{background:#25D366!important;color:#fff!important}
.wa-logo{font-size:1rem;line-height:1}
@media(max-width:600px){
  .product-whatsapp-share{min-height:40px!important;font-size:.76rem!important;padding:9px!important}
}

/* PWA Add to Home Screen */
.pwa-open{overflow:hidden}
.pwa-install-sheet{position:fixed;inset:0;z-index:99999}
.pwa-install-sheet[hidden]{display:none!important}
.pwa-install-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.28)}
.pwa-install-card{position:absolute;left:0;right:0;bottom:0;background:#fff;border-radius:24px 24px 0 0;padding:24px 26px calc(28px + env(safe-area-inset-bottom));box-shadow:0 -20px 50px rgba(0,0,0,.18)}
.pwa-install-close{position:absolute;right:18px;top:15px;border:0;background:#f3f4f6;width:34px;height:34px;border-radius:50%;font-size:1.25rem}
.pwa-install-brand{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding-right:46px}
.pwa-install-brand img,.pwa-install-brand>span{width:48px;height:48px;border-radius:13px;object-fit:cover;background:#f3f4f6;display:grid;place-items:center;font-size:1.4rem}
.pwa-install-brand strong,.pwa-install-brand small{display:block}.pwa-install-brand small{color:#7b8490;font-size:.76rem;margin-top:2px}
.pwa-install-card h2{font-size:1.15rem;margin:0 0 22px;color:#111827}
.pwa-install-card>p{border-top:1px solid #e5e7eb;padding-top:24px;margin:0 0 24px;color:#475569;line-height:1.55;font-size:.92rem}
.pwa-install-actions{display:flex;gap:10px}
.pwa-install-btn,.pwa-cancel-btn{border:0;border-radius:12px;padding:13px 23px;font-weight:800}
.pwa-install-btn{background:#111;color:#fff}.pwa-cancel-btn{background:#7b8aa0;color:#fff}
.pwa-ios-help{margin-top:14px;padding:11px;border-radius:10px;background:#f8fafc;color:#475569;font-size:.82rem}
@media(min-width:720px){.pwa-install-card{left:50%;right:auto;bottom:24px;width:min(520px,92vw);transform:translateX(-50%);border-radius:20px}}

/* Product Attributes */
.product-attribute-field{display:block;margin:9px 0;text-align:left}.product-attribute-field>span{display:block;font-size:.76rem;font-weight:800;margin-bottom:5px;color:#374151}.product-attribute-field select{width:100%;min-height:40px;border:1px solid #d9dde4;border-radius:9px;background:#fff;color:#111827;padding:8px 10px}
.attribute-values-admin{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.attribute-value-pill{display:flex;align-items:center;gap:7px;border:1px solid #dce3ea;border-radius:999px;padding:6px 8px 6px 12px;background:#fff}.attribute-value-pill button{border:0;background:#fee2e2;color:#b91c1c;width:24px;height:24px;border-radius:50%;cursor:pointer}.attribute-add-value{display:grid;grid-template-columns:minmax(0,1fr) 100px auto;gap:8px}.cart-variant{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.cart-variant span{font-size:.69rem;background:#f3f4f6;padding:3px 6px;border-radius:5px;color:#4b5563}.summary-variant{display:block;color:#6b7280;font-size:.72rem;margin-top:3px}
@media(max-width:600px){.attribute-add-value{grid-template-columns:1fr}.product-attribute-field select{font-size:.78rem}}

/* ===== Universal Store Category Cards ===== */
.store-category-cards-section{margin:28px 0 22px}
.store-category-head{margin-bottom:16px}
.store-category-head h2{margin:0;font-size:1.55rem;color:#111827}
.store-category-head p{margin:5px 0 0;color:#7b8490;font-size:.88rem}
.store-category-scroll{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.store-category-card{position:relative;min-height:170px;padding:18px 14px 14px;border:1px solid #e3e8ef;border-radius:18px;background:linear-gradient(145deg,#fff,#f8fafc);text-decoration:none;color:#1f2937;text-align:center;box-shadow:0 7px 22px rgba(15,23,42,.05);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:.18s ease}
.store-category-card:hover,.store-category-card.active{transform:translateY(-2px);border-color:var(--store-btn,var(--sp,#0f8a70));box-shadow:0 10px 28px rgba(15,23,42,.09)}
.store-category-card-icon{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#fff;box-shadow:0 5px 15px rgba(0,0,0,.07);font-size:2rem;margin-bottom:10px}
.store-category-card strong{font-size:.92rem;line-height:1.15;min-height:2.2em;display:flex;align-items:center;justify-content:center}
.store-category-card small{margin-top:6px;color:#7b8490;font-size:.72rem}
.store-category-card>span{margin-top:9px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;border:1px solid currentColor;color:var(--store-btn,var(--sp,#0f8a70));font-size:.85rem}
@media(max-width:1150px){.store-category-scroll{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:850px){.store-category-scroll{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){
 .store-category-cards-section{margin-top:24px}
 .store-category-scroll{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 10px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 .store-category-scroll::-webkit-scrollbar{display:none}
 .store-category-card{flex:0 0 calc((100% - 16px)/3);min-width:calc((100% - 16px)/3);min-height:128px;padding:10px 6px 9px;border-radius:14px;scroll-snap-align:start}
 .store-category-card-icon{width:44px;height:44px;font-size:1.35rem;margin-bottom:7px}
 .store-category-card strong{font-size:.7rem;min-height:2.25em}
 .store-category-card small{font-size:.58rem;margin-top:4px}
 .store-category-card>span{width:23px;height:23px;font-size:.72rem;margin-top:6px}
 .store-category-head h2{font-size:1.35rem}
 .store-category-head p{font-size:.78rem}
}

/* Expanded theme preview */
.theme-live-sample{background:var(--page)!important;color:var(--text)!important}
.sample-page{background:var(--page);padding:12px;border-radius:12px}
.sample-card{background:var(--card)!important;color:var(--text)!important}
.sample-card p{color:var(--muted)!important}.sample-header{background:var(--head)!important}
.sample-card button{background:var(--btn)!important;color:var(--bt)!important}
.sample-price{color:var(--price)!important}.sample-offer{color:var(--offer)!important}
.theme-accent-demo{background:var(--accent);color:#fff;padding:4px 8px;border-radius:999px;font-size:.72rem;font-weight:800;display:inline-block}
.link-btn{border:0;background:none;color:#2563eb;padding:0;cursor:pointer;font:inherit;text-decoration:underline}
.category-inline-edit{padding:14px;border:1px solid #e5e7eb;border-radius:12px;background:#f8fafc}
.category-edit-row[hidden]{display:none!important}