@import url('https://fonts.cdnfonts.com/css/hubot-sans');
:root{--red:#c92535;--red2:#991b1b;--ink:#07111f;--muted:#64748b;--line:#e5eaf2;--bg:#f6f8fc;--font:'Hubot Sans',Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);font-family:var(--font);font-size:13.5px;color:var(--ink);letter-spacing:-.015em}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{font-family:inherit}.container{width:min(1180px,calc(100% - 32px));margin:0 auto}.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(226,232,240,.82);background:rgba(255,255,255,.88);backdrop-filter:blur(20px)}.header-inner{height:68px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:12px;font-weight:950}.brand-mark{height:42px;width:42px;border-radius:14px;background:linear-gradient(135deg,var(--red),#e33b4f);display:grid;place-items:center;color:#fff;font-weight:950;box-shadow:0 16px 34px rgba(201,37,53,.22);overflow:hidden}.brand-logo{height:42px;width:42px;border-radius:14px;object-fit:cover}.brand-name{font-size:15px}.nav{display:flex;align-items:center;gap:6px;font-weight:850;font-size:13px;color:#475569}.nav a{padding:10px 14px;border-radius:999px}.nav a:hover{background:#f1f5f9;color:var(--ink)}.main-bg{position:relative;overflow:hidden;background:radial-gradient(circle at 8% 2%,rgba(201,37,53,.13),transparent 25rem),radial-gradient(circle at 78% 6%,rgba(15,23,42,.07),transparent 27rem),linear-gradient(180deg,#fff 0%,#f7f9fd 44%,#f6f8fc 100%)}.hero{padding:74px 0 62px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(360px,.78fr);align-items:center;gap:52px}.eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid #fecdd3;background:#fff;border-radius:999px;padding:9px 14px;font-size:12px;font-weight:950;color:var(--red);box-shadow:0 10px 26px rgba(201,37,53,.08)}.dot{height:8px;width:8px;border-radius:999px;background:var(--red)}.hero h1{max-width:720px;margin:22px 0 0;font-size:clamp(38px,5vw,74px);line-height:.92;letter-spacing:-.07em;font-weight:950;color:#060b18}.hero p{max-width:620px;margin:22px 0 0;font-size:15.5px;line-height:1.8;color:#536177;font-weight:600}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:16px;padding:13px 19px;font-weight:950;font-size:13px;cursor:pointer}.btn-red{background:linear-gradient(135deg,var(--red),var(--red2));color:#fff;box-shadow:0 18px 36px rgba(201,37,53,.24)}.btn-dark{background:#07111f;color:#fff}.btn-white{background:#fff;border:1px solid var(--line);color:#1e293b}.btn:hover{transform:translateY(-1px)}.hero-card{position:relative;border-radius:34px;border:1px solid rgba(255,255,255,.78);background:rgba(255,255,255,.72);box-shadow:0 30px 80px rgba(15,23,42,.10);padding:22px;backdrop-filter:blur(20px)}.flow-card{border-radius:28px;background:#080d19;color:#fff;padding:22px;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.flow-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#cbd5e1}.live{background:var(--red);color:#fff;border-radius:999px;padding:7px 12px;font-weight:950}.steps{display:grid;gap:14px;margin-top:28px}.step{border-radius:18px;background:rgba(255,255,255,.08);padding:18px}.step.red{background:linear-gradient(135deg,var(--red),#b91c1c);box-shadow:0 16px 36px rgba(201,37,53,.28)}.step small{display:block;color:#cbd5e1;font-weight:700}.step strong{display:block;margin-top:8px;font-size:15px}.catalog{padding:46px 0 72px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px}.section-kicker{font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.18em;color:var(--red)}.section-title{margin:9px 0 0;font-size:34px;line-height:1;font-weight:950;letter-spacing:-.055em}.section-sub{margin:12px 0 0;color:#64748b;font-weight:600;line-height:1.7}.search-form{display:flex;gap:8px;min-width:360px}.input{width:100%;border:1px solid var(--line);background:#fff;border-radius:16px;padding:13px 14px;outline:none;font-size:13px;color:#0f172a}.input:focus{border-color:#fca5a5;box-shadow:0 0 0 4px rgba(201,37,53,.10)}.category-row{display:flex;gap:10px;overflow-x:auto;padding:22px 0 4px}.chip{white-space:nowrap;border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 16px;font-weight:900;font-size:12px;color:#334155}.chip.active{background:var(--red);border-color:var(--red);color:#fff}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(214px,1fr));gap:16px;margin-top:26px}.product-card{overflow:hidden;border:1px solid var(--line);background:#fff;border-radius:18px;box-shadow:0 10px 28px rgba(15,23,42,.04);transition:.2s}.product-card:hover{transform:translateY(-4px);box-shadow:0 18px 48px rgba(15,23,42,.10);border-color:#fecdd3}.product-media{position:relative;aspect-ratio:1/1;background:linear-gradient(135deg,#fff1f2,#f8fafc);display:grid;place-items:center;overflow:hidden}.product-media img{height:100%;width:100%;object-fit:cover}.placeholder{font-size:42px;font-weight:950;color:#fecdd3;letter-spacing:-.06em}.card-badges{position:absolute;left:12px;right:12px;top:12px;display:flex;gap:6px;justify-content:space-between;align-items:start}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:6px 9px;font-size:10.5px;line-height:1;font-weight:950}.badge-red{background:var(--red);color:#fff}.badge-white{background:rgba(255,255,255,.94);color:#0f172a}.badge-blue{background:#eff6ff;color:#1d4ed8}.badge-green{background:#ecfdf5;color:#047857}.badge-gray{background:#f1f5f9;color:#475569}.product-body{padding:15px}.category-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.11em;font-weight:950;color:#3157ff}.product-title{min-height:38px;margin:8px 0 0;font-size:13.3px;line-height:1.42;font-weight:950;color:#050b18}.product-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.product-price{margin-top:14px;border-top:1px solid var(--line);padding-top:13px}.price-label{font-size:10.5px;text-transform:uppercase;color:#7b8aa1;font-weight:800}.price{margin-top:3px;font-size:20px;font-weight:950;letter-spacing:-.045em}.card-cta{margin-top:11px;width:100%;border-radius:13px;background:linear-gradient(135deg,var(--red),#b91c1c);color:#fff;padding:11px 13px;text-align:center;font-weight:950}.feature-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:38px 0 0}.feature{border:1px solid var(--line);background:#fff;border-radius:24px;padding:22px;box-shadow:0 10px 30px rgba(15,23,42,.035)}.feature small{font-weight:950;color:#64748b}.feature h3{font-size:17px;line-height:1.25;margin:10px 0 0;font-weight:950}.feature p{margin:11px 0 0;color:#64748b;line-height:1.7;font-weight:600}.footer{border-top:1px solid var(--line);background:#fff;padding:36px 0 78px}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:36px}.footer h4{font-size:16px;margin:0 0 12px;font-weight:950}.footer p,.footer a{color:#64748b;line-height:1.8;font-weight:600}.wa-float{position:fixed;right:22px;bottom:22px;z-index:70;display:flex;align-items:center;gap:10px;background:#10b981;color:#fff;border-radius:999px;padding:13px 17px;font-weight:950;box-shadow:0 18px 48px rgba(16,185,129,.28)}.wa-icon{height:28px;width:28px;border-radius:999px;background:rgba(255,255,255,.18);display:grid;place-items:center}.bottom-app-nav{display:none}.install-prompt{display:none;position:fixed;left:16px;right:16px;bottom:82px;z-index:75;background:#07111f;color:#fff;border-radius:22px;padding:16px;box-shadow:0 24px 70px rgba(0,0,0,.32)}.install-prompt.show{display:block}.install-actions{display:flex;gap:8px;margin-top:12px}.opening-screen{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:radial-gradient(circle at center,#28050a 0,#0b0b0f 55%,#000 100%);transition:opacity .55s ease,visibility .55s ease}.opening-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.opening-logo{max-width:min(56vw,260px);animation:openingZoom 1.65s cubic-bezier(.2,.8,.2,1) both;filter:drop-shadow(0 0 30px rgba(220,38,38,.6))}@keyframes openingZoom{0%{opacity:0;transform:scale(.72)}25%{opacity:1}72%{transform:scale(1.06)}100%{opacity:1;transform:scale(1)}}
/* detail/refund pages */.page{padding:24px 0 70px}.breadcrumb{display:flex;gap:8px;align-items:center;color:#64748b;font-size:12px;font-weight:750;overflow:hidden}.detail-grid{display:grid;grid-template-columns:500px minmax(0,1fr);gap:28px;align-items:start;margin-top:18px}.media-box{border:1px solid var(--line);background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 10px 28px rgba(15,23,42,.04)}.detail-media{width:500px;height:500px;aspect-ratio:1/1;object-fit:cover}.detail-placeholder{width:500px;height:500px;display:grid;place-items:center;background:linear-gradient(135deg,#fff1f2,#f8fafc);font-size:60px;font-weight:950;color:#fecdd3}.thumbs{display:flex;gap:10px;overflow-x:auto;margin-top:12px}.thumbs img{height:74px;width:74px;border-radius:14px;border:1px solid var(--line);object-fit:cover}.panel{border:1px solid var(--line);background:#fff;border-radius:24px;padding:22px;box-shadow:0 10px 28px rgba(15,23,42,.04)}.detail-title{font-size:28px;line-height:1.1;margin:7px 0 0;font-weight:950;letter-spacing:-.055em}.pill-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.notice{margin-top:16px;border:1px solid #fde68a;background:#fffbeb;color:#92400e;border-radius:16px;padding:12px 14px;font-weight:700;font-size:12px}.form-stack{display:grid;gap:16px;margin-top:18px}.label{font-weight:950;font-size:12px;color:#1e293b}.variant-list{display:grid;gap:10px;margin-top:8px}.variant-item{display:flex;gap:12px;border:1px solid var(--line);border-radius:18px;padding:14px;cursor:pointer}.variant-item:hover{border-color:#fca5a5;background:#fff7f7}.variant-item input{accent-color:var(--red)}.variant-name{font-weight:950}.variant-meta{margin-top:4px;color:#64748b;font-size:12px;font-weight:700}.variant-price{margin-left:auto;font-weight:950}.qty-line{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px}.qty-box{display:flex;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#f8fafc}.qty-box span,.qty-box input{height:38px;width:38px;display:grid;place-items:center;border:0;background:transparent;text-align:center;font-weight:900}.about{margin-top:16px}.reviews{margin-top:18px}.dark-card{border-radius:32px;background:radial-gradient(circle at 20% 0,rgba(220,38,38,.28),transparent 22rem),linear-gradient(180deg,#101827,#080d19);box-shadow:0 34px 90px rgba(15,23,42,.2)}
@media(max-width:900px){.container{width:min(100% - 24px,1180px)}.header-inner{height:62px}.brand-name{display:none}.nav{gap:0;font-size:12px}.nav a{padding:9px 10px}.hero{padding:38px 0 34px}.hero-grid,.detail-grid{grid-template-columns:1fr;gap:22px}.hero h1{font-size:42px}.section-head{align-items:start;flex-direction:column}.search-form{min-width:0;width:100%}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.feature-strip,.footer-grid{grid-template-columns:1fr}.detail-media,.detail-placeholder{width:100%;height:auto;aspect-ratio:1/1}.wa-float{right:14px;bottom:78px;padding:12px}.wa-label{display:none}.bottom-app-nav{position:fixed;left:12px;right:12px;bottom:10px;z-index:65;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;border:1px solid rgba(226,232,240,.9);background:rgba(255,255,255,.92);backdrop-filter:blur(20px);border-radius:22px;padding:8px;box-shadow:0 20px 60px rgba(15,23,42,.16)}.bottom-app-nav a{display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 3px;border-radius:15px;color:#64748b;font-size:10.5px;font-weight:950}.bottom-app-nav a.active{background:#fff1f2;color:var(--red)}.footer{padding-bottom:110px}.product-title{font-size:12.6px}.price{font-size:18px}.section-title{font-size:30px}}
@media(max-width:420px){.product-grid{grid-template-columns:1fr 1fr}.product-body{padding:12px}.badge{font-size:9.5px;padding:5px 7px}.hero h1{font-size:37px}.hero p{font-size:14px}.card-cta{font-size:12px}.search-form{flex-direction:column}.search-form .btn{width:100%}}

/* V12 cart and checkout high SaaS */
.checkout-page{padding:34px 0 78px;background:radial-gradient(circle at 8% 2%,rgba(201,37,53,.10),transparent 24rem),linear-gradient(180deg,#fff 0,#f7f9fd 100%);min-height:62vh}.checkout-hero{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:22px}.checkout-title{margin:8px 0 0;font-size:clamp(30px,4vw,54px);line-height:.96;letter-spacing:-.065em;font-weight:950;color:#060b18}.checkout-sub{max-width:660px;margin:12px 0 0;color:#64748b;font-weight:650;line-height:1.75}.cart-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:18px;align-items:start}.cart-list{padding:0;overflow:hidden}.cart-item{display:grid;grid-template-columns:82px minmax(0,1fr) 190px;gap:16px;align-items:center;padding:18px;border-bottom:1px solid var(--line)}.cart-item:last-child{border-bottom:0}.cart-thumb{height:82px;width:82px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#fff1f2,#f8fafc);font-weight:950;font-size:22px;color:#fecdd3}.cart-info h3{margin:6px 0 0;font-size:15px;line-height:1.35;font-weight:950}.cart-info p{margin:7px 0 0;color:#64748b;font-size:12px;font-weight:700}.cart-actions{display:grid;gap:8px;justify-items:end}.qty-input{width:76px;border:1px solid var(--line);border-radius:13px;padding:10px;text-align:center;font-weight:950;background:#f8fafc}.link-danger{border:0;background:transparent;color:#dc2626;font-weight:950;cursor:pointer}.cart-mobile-price{display:none;margin-top:8px;font-weight:950}.cart-list-footer{padding:18px;background:#f8fafc;border-top:1px solid var(--line)}.cart-summary{position:sticky;top:88px}.summary-head,.summary-line,.summary-total{display:flex;align-items:center;justify-content:space-between;gap:14px}.summary-head{padding-bottom:16px;border-bottom:1px solid var(--line);font-weight:950}.summary-line{margin-top:14px;color:#64748b;font-weight:750}.summary-line strong{color:#0f172a}.summary-total{margin-top:18px;padding-top:18px;border-top:1px solid var(--line);font-size:18px;font-weight:950}.hint{margin-top:7px;color:#64748b;font-size:12px;font-weight:650;line-height:1.55}.empty-cart{text-align:center;padding:54px 22px}.empty-cart h2{margin:14px 0 0;font-size:28px;font-weight:950;letter-spacing:-.045em}.empty-cart p{color:#64748b;font-weight:650}.empty-icon{margin:0 auto;height:70px;width:70px;border-radius:24px;display:grid;place-items:center;background:#fff1f2;color:var(--red);font-size:34px}.invoice-shell{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:start}.invoice-main{overflow:hidden}.invoice-head{display:flex;align-items:start;justify-content:space-between;gap:18px;padding-bottom:20px;border-bottom:1px solid var(--line)}.invoice-head h1{margin:8px 0 0;word-break:break-all;font-size:clamp(22px,3vw,38px);line-height:1.05;font-weight:950;letter-spacing:-.055em}.invoice-head p{margin:9px 0 0;color:#64748b;font-weight:650;line-height:1.65}.status-pill{display:inline-flex;border-radius:999px;padding:9px 13px;font-size:12px;font-weight:950}.status-pill.pending{background:#fffbeb;color:#92400e}.status-pill.success{background:#ecfdf5;color:#047857}.status-pill.failed{background:#fef2f2;color:#b91c1c}.invoice-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}.invoice-meta div{border:1px solid var(--line);background:#f8fafc;border-radius:18px;padding:14px}.invoice-meta span{display:block;color:#64748b;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.invoice-meta strong{display:block;margin-top:7px;font-size:13px;font-weight:950;word-break:break-word}.invoice-items{margin-top:18px;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff}.invoice-items h2{margin:0;padding:15px 16px;background:#f8fafc;border-bottom:1px solid var(--line);font-size:14px;font-weight:950}.invoice-item-row{display:flex;justify-content:space-between;gap:14px;padding:14px 16px;border-bottom:1px solid var(--line);font-weight:750}.invoice-item-row:last-child{border-bottom:0}.invoice-item-row span{color:#334155}.payment-box{display:grid;gap:12px;margin-top:18px}.qris-img{margin:0 auto;width:250px;height:250px;border:1px solid var(--line);border-radius:26px;background:#fff;object-fit:contain;padding:12px}.qris-demo{border:1px dashed #cbd5e1;border-radius:22px;background:#f8fafc;padding:18px;text-align:center}.qris-demo strong{display:block;margin-bottom:10px}.qris-demo code{display:block;word-break:break-all;text-align:left;color:#64748b;line-height:1.7}.full{width:100%}.success-box{margin-top:18px;border:1px solid #bbf7d0;background:#ecfdf5;color:#065f46;border-radius:22px;padding:18px;font-weight:750;line-height:1.7}.success-box pre{margin:14px 0 0;white-space:pre-wrap;overflow-x:auto;border-radius:18px;background:#fff;color:#0f172a;padding:14px;line-height:1.6}.invoice-side{padding:22px;color:#fff;position:sticky;top:88px}.invoice-side h2{font-size:24px;line-height:1.05;margin:18px 0;font-weight:950;letter-spacing:-.05em}.invoice-side p{color:#cbd5e1;line-height:1.7;font-weight:650}.side-step{margin-top:12px;border-radius:18px;background:rgba(255,255,255,.08);padding:15px}.side-step.red{background:linear-gradient(135deg,var(--red),#b91c1c)}.side-step span{display:block;color:#cbd5e1;font-weight:850;font-size:12px}.side-step strong{display:block;margin-top:7px}.success-panel{max-width:660px;margin:0 auto;text-align:center;padding:42px}.success-icon{margin:0 auto;height:76px;width:76px;border-radius:28px;display:grid;place-items:center;background:#ecfdf5;color:#047857;font-size:40px;font-weight:950}.success-icon.pending{background:#fffbeb;color:#92400e}.success-panel h1{font-size:clamp(28px,4vw,44px);line-height:1.02;letter-spacing:-.06em;margin:20px 0 0;font-weight:950}.success-panel p{color:#64748b;font-weight:650;line-height:1.75}.success-panel .btn{margin-top:14px}
@media(max-width:900px){.checkout-hero{align-items:start;flex-direction:column}.cart-grid,.invoice-shell{grid-template-columns:1fr}.cart-summary,.invoice-side{position:static}.cart-item{grid-template-columns:70px 1fr;align-items:start}.cart-thumb{height:70px;width:70px;border-radius:16px}.cart-actions{grid-column:1 / -1;grid-template-columns:76px 1fr auto;align-items:center;justify-items:start;border-top:1px solid var(--line);padding-top:12px}.cart-actions strong{display:none}.cart-mobile-price{display:block}.invoice-meta{grid-template-columns:1fr 1fr}.invoice-item-row{font-size:12.5px}.checkout-page{padding-bottom:110px}}
@media(max-width:430px){.invoice-meta{grid-template-columns:1fr}.cart-item{padding:14px}.checkout-title{font-size:34px}.success-panel{padding:28px 18px}.invoice-head{flex-direction:column}.status-pill{align-self:flex-start}}

/* v18 product/category UX fixes */
.checkout-note{border:1px solid #e5e7eb;background:#f8fafc;color:#64748b;border-radius:14px;padding:10px 12px;font-size:12px;font-weight:800;text-align:center}.category-row .chip{display:inline-flex;align-items:center;justify-content:center}.category-row .chip:hover{border-color:#fecaca;background:#fff7f7;color:#991b1b}.category-row .chip.active:hover{background:var(--red);color:#fff;border-color:var(--red)}

/* v19 refund calculator formula */
.refund-card{padding:26px;color:white}.refund-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}.refund-full{grid-column:1/-1}.refund-field .input{margin-top:8px}.refund-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}.refund-result-box{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.08);border-radius:22px;padding:18px}.refund-result-label{font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.12em;color:#cbd5e1}.refund-result-value{margin-top:10px;font-size:30px;font-weight:950;color:#fff}.refund-formula{margin-top:12px;font-size:15px;font-weight:900;color:#fecdd3;line-height:1.45}.refund-example{margin-top:18px;border:1px solid rgba(254,205,211,.25);background:rgba(220,38,38,.14);border-radius:18px;padding:13px 15px;color:#fff;font-size:13px;font-weight:750;line-height:1.55}.refund-example span{color:#fecdd3;font-weight:950}.refund-rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:24px;max-width:650px}.refund-rules div{border:1px solid var(--line);background:#fff;border-radius:18px;padding:13px 15px;box-shadow:0 10px 28px rgba(15,23,42,.04)}.refund-rules b{display:block;color:#c91e2d;font-size:20px;line-height:1;font-weight:950}.refund-rules span{display:block;margin-top:5px;color:#475569;font-size:12px;font-weight:800;line-height:1.35}@media(max-width:720px){.refund-form-grid,.refund-result-grid,.refund-rules{grid-template-columns:1fr}.refund-card{padding:20px}.refund-result-value{font-size:26px}}

/* v21 enterprise checkout + security UX */
.hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.checkout-steps{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.checkout-steps span{border:1px solid var(--line);background:#fff;color:#64748b;border-radius:999px;padding:9px 13px;font-size:12px;font-weight:950}.checkout-steps span.done{background:#ecfdf5;border-color:#bbf7d0;color:#047857}.checkout-steps span.active{background:#fff1f2;border-color:#fecdd3;color:var(--red)}.payment-status-card{margin-top:18px;border:1px solid #fee2e2;background:linear-gradient(135deg,#fff7f7,#fff);border-radius:24px;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:16px}.payment-status-card>div:first-child{display:flex;align-items:center;gap:12px}.payment-status-card strong{display:block;font-size:14px;font-weight:950}.payment-status-card span{display:block;margin-top:3px;color:#64748b;font-size:12px;font-weight:700}.status-live-dot{height:13px;width:13px;border-radius:999px;background:#ef4444;box-shadow:0 0 0 7px rgba(239,68,68,.13);animation:pulseDot 1.25s infinite}.countdown-box{min-width:116px;border:1px solid #fecdd3;background:#fff;border-radius:18px;padding:11px 13px;text-align:center}.countdown-box span{display:block;color:#9f1239;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.countdown-box strong{display:block;margin-top:5px;color:#111827;font-size:22px;font-weight:950;letter-spacing:-.04em}.qris-frame{margin-top:2px;border:1px solid #e5e7eb;background:linear-gradient(180deg,#fff,#f8fafc);border-radius:32px;padding:16px;box-shadow:0 24px 60px rgba(15,23,42,.08)}.payment-success-anim:before{content:'✓';position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:rgba(15,23,42,.82);color:#fff;font-size:94px;font-weight:950;animation:successPop .9s ease both}@keyframes pulseDot{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(.82);opacity:.65}}@keyframes successPop{0%{opacity:0;transform:scale(.96)}30%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.04)}}@media(max-width:720px){.payment-status-card{align-items:stretch;flex-direction:column}.countdown-box{width:100%}.checkout-steps{width:100%}.checkout-steps span{flex:1;text-align:center}}

/* v22 Turnstile + Email OTP security */
.turnstile-wrap{border:1px solid var(--line);background:#f8fafc;border-radius:18px;padding:12px;display:flex;justify-content:center;overflow:hidden}.otp-panel{max-width:620px}.otp-lock{margin:0 auto 16px;height:74px;width:74px;border-radius:28px;display:grid;place-items:center;background:linear-gradient(135deg,#dc2626,#991b1b);color:#fff;font-size:34px;font-weight:950;box-shadow:0 22px 48px rgba(220,38,38,.24)}.otp-form{margin-top:22px;display:grid;gap:13px}.otp-input{width:100%;border:1px solid #fecdd3;background:#fff7f7;border-radius:22px;padding:18px 16px;text-align:center;font-size:30px;font-weight:950;letter-spacing:.22em;color:#991b1b;outline:none}.otp-input:focus{border-color:var(--red);box-shadow:0 0 0 5px rgba(220,38,38,.12)}.otp-gate{border-color:#fecdd3;background:#fff7f7;color:#991b1b}@media(max-width:480px){.otp-input{font-size:24px;letter-spacing:.16em}.turnstile-wrap{padding:9px}}

/* v23 anti-spam checkout gate */
.precheckout-shell{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,.7fr);gap:20px;align-items:stretch}.precheckout-info{padding:28px}.precheckout-info h1{margin:22px 0 0;font-size:clamp(32px,4.5vw,58px);line-height:.96;letter-spacing:-.065em;font-weight:950}.precheckout-info p{margin:18px 0 0;color:#cbd5e1;font-weight:650;line-height:1.75}.precheckout-card{align-self:stretch;display:flex;flex-direction:column;justify-content:center}.email-domain-note{margin-top:8px;border:1px solid #e5e7eb;background:#f8fafc;border-radius:14px;padding:10px 12px;color:#64748b;font-size:11.5px;font-weight:800;line-height:1.45}.orders-filter{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.orders-filter .admin-input,.orders-filter select{height:42px}.pagination-row{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;border-top:1px solid #e5e7eb;padding:14px 18px}.pagination-row a,.pagination-row span{border:1px solid #e5e7eb;background:#fff;border-radius:12px;padding:9px 12px;font-weight:900;font-size:12px}.pagination-row .active{background:#dc2626;border-color:#dc2626;color:#fff}.security-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.security-grid .full{grid-column:1/-1}@media(max-width:900px){.precheckout-shell,.security-grid{grid-template-columns:1fr}.precheckout-page{padding-bottom:110px}}

/* v24 compact OTP gate: remove large anti-spam hero section */
.compact-otp-page{padding:28px 0 92px;min-height:70vh;display:flex;align-items:center}
.compact-otp-shell{max-width:560px;margin:0 auto;width:100%}
.compact-otp-card{padding:30px 28px;text-align:center;border-radius:28px;box-shadow:0 24px 60px rgba(15,23,42,.10)}
.compact-otp-card .otp-lock{height:62px;width:62px;border-radius:22px;font-size:28px;margin-bottom:14px}
.compact-otp-card h1{font-size:clamp(28px,4vw,40px);line-height:1.02;margin-top:10px}
.compact-otp-card p{max-width:440px;margin:12px auto 0}
.compact-security-note{margin-top:14px;border:1px solid #fee2e2;background:#fff7f7;color:#991b1b;border-radius:16px;padding:12px 14px;font-size:12px;font-weight:850;line-height:1.55;text-align:left}
@media(max-width:640px){.compact-otp-page{padding:16px 0 96px;align-items:flex-start}.compact-otp-card{padding:24px 18px;border-radius:24px}.compact-otp-card .otp-input{font-size:24px}}

/* v27 high SaaS cleanup: ticket, settings, orders, invoice date */
.saas-page{padding:42px 0 96px}.saas-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px;margin-bottom:22px}.saas-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid #fecdd3;background:#fff7f7;color:#be123c;border-radius:999px;padding:9px 13px;font-size:12px;font-weight:950}.saas-title{font-size:clamp(34px,5vw,60px);line-height:.95;letter-spacing:-.065em;margin:12px 0 0;color:#071124;font-weight:950}.saas-sub{max-width:760px;color:#526079;font-weight:700;line-height:1.65;margin-top:12px}.ticket-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.65fr);gap:20px;align-items:start}.saas-panel{border:1px solid #e4eaf3;background:rgba(255,255,255,.86);backdrop-filter:blur(18px);border-radius:30px;box-shadow:0 24px 74px rgba(15,23,42,.08);overflow:hidden}.saas-panel-pad{padding:24px}.saas-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:20px 24px;border-bottom:1px solid #e9eef6;background:linear-gradient(180deg,#fff,#f8fafc)}.saas-panel-head h2{margin:0;font-size:19px;font-weight:950;letter-spacing:-.03em;color:#0b1221}.saas-panel-head p{margin:5px 0 0;color:#667085;font-size:12px;font-weight:800;line-height:1.45}.saas-form-grid{display:grid;gap:14px}.saas-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.saas-label{display:block;margin:0 0 7px;text-transform:uppercase;letter-spacing:.08em;color:#64748b;font-size:11px;font-weight:950}.saas-input,.saas-textarea,.saas-select{width:100%;min-height:46px;border:1px solid #dbe4f0;background:#fff;border-radius:16px;padding:12px 14px;color:#0f172a;font-weight:800;outline:none;transition:.15s}.saas-textarea{min-height:128px;resize:vertical;line-height:1.55}.saas-input:focus,.saas-textarea:focus,.saas-select:focus{border-color:#ef4444;box-shadow:0 0 0 5px rgba(239,68,68,.10)}.saas-help{display:block;margin-top:7px;color:#7b8798;font-size:11.5px;font-weight:750;line-height:1.45}.saas-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.saas-btn{border:0;border-radius:16px;padding:13px 17px;font-size:13px;font-weight:950;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;cursor:pointer;transition:.15s}.saas-btn-red{background:linear-gradient(135deg,#dc2626,#991b1b);color:#fff;box-shadow:0 16px 35px rgba(220,38,38,.22)}.saas-btn-red:hover{transform:translateY(-1px);box-shadow:0 20px 42px rgba(220,38,38,.30)}.saas-btn-soft{background:#fff;color:#0f172a;border:1px solid #dbe4f0}.saas-btn-dark{background:#0b1020;color:#fff}.saas-btn-full{width:100%}.ticket-check-card{background:linear-gradient(145deg,#121827,#070b16);color:#fff;border-color:rgba(255,255,255,.10)}.ticket-check-card .saas-panel-head{background:transparent;border-color:rgba(255,255,255,.10)}.ticket-check-card .saas-panel-head h2{color:#fff}.ticket-check-card .saas-panel-head p{color:#b8c2d2}.ticket-check-card .saas-label{color:#cbd5e1}.ticket-check-card .saas-input{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.08);color:#fff}.ticket-check-card .saas-input::placeholder{color:#94a3b8}.ticket-mini-steps{display:grid;gap:10px;margin-top:18px}.ticket-mini-steps div{border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.06);border-radius:18px;padding:13px 14px}.ticket-mini-steps span{display:block;color:#94a3b8;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.09em}.ticket-mini-steps strong{display:block;margin-top:4px;font-size:13px;color:#fff}.security-panel{border:1px solid #e4eaf3;background:#fff;border-radius:26px;box-shadow:0 18px 50px rgba(15,23,42,.06);padding:0;overflow:hidden}.security-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:18px 20px;border-bottom:1px solid #edf1f7;background:linear-gradient(180deg,#fff,#f8fafc)}.security-head h2{font-size:18px;margin:0;color:#0f172a;font-weight:950;letter-spacing:-.02em}.security-head p{margin:5px 0 0;color:#667085;font-size:12px;font-weight:800}.security-body{padding:18px 20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.security-toggle{display:flex;gap:12px;align-items:flex-start;border:1px solid #e4eaf3;background:#f8fafc;border-radius:18px;padding:14px}.security-toggle input{margin-top:3px}.security-toggle strong{display:block;font-size:13px;color:#0f172a;font-weight:950}.security-toggle span{display:block;margin-top:4px;color:#667085;font-size:11.5px;font-weight:750;line-height:1.45}.security-field-full{grid-column:1/-1}.security-note{grid-column:1/-1;border:1px solid #bbf7d0;background:#f0fdf4;color:#166534;border-radius:18px;padding:13px 15px;font-weight:850;font-size:12.5px;line-height:1.5}.orders-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) 190px auto auto;gap:10px;align-items:center}.orders-card{border-radius:28px;overflow:hidden}.orders-table{width:100%;border-collapse:separate;border-spacing:0}.orders-table th{background:#f8fafc;border-bottom:1px solid #e8eef6;padding:13px 14px;text-align:left;color:#64748b;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:950;white-space:nowrap}.orders-table td{border-bottom:1px solid #eef2f7;padding:14px;vertical-align:middle;font-size:13px}.orders-table tr:hover td{background:#fffafa}.order-invoice{max-width:210px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:#475569;font-weight:900}.order-email{font-weight:900;color:#0f172a;max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-product{font-weight:950;color:#0f172a}.order-variant{margin-top:2px;font-size:12px;font-weight:850;color:#667085}.order-date{font-weight:900;color:#475569;white-space:nowrap}.order-date small{display:block;margin-top:3px;color:#94a3b8;font-size:11px;font-weight:800}.danger-zone{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #fecaca;background:#fff7f7;border-radius:20px;padding:14px;margin:16px}.danger-zone strong{display:block;color:#991b1b;font-weight:950}.danger-zone span{display:block;color:#b45309;font-size:12px;font-weight:800;margin-top:3px}.invoice-date-card{border:1px solid #e5eaf2;background:linear-gradient(180deg,#fff,#f8fafc);border-radius:18px;padding:13px 14px}.invoice-date-card span{display:block;text-transform:uppercase;letter-spacing:.08em;font-size:10px;color:#64748b;font-weight:950}.invoice-date-card strong{display:block;margin-top:5px;color:#0f172a;font-size:13px;font-weight:950}.invoice-date-card small{display:block;margin-top:3px;color:#64748b;font-weight:800}.invoice-meta.invoice-meta-v27{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:980px){.ticket-layout,.saas-hero{grid-template-columns:1fr}.security-body{grid-template-columns:1fr}.orders-toolbar{grid-template-columns:1fr 1fr}.invoice-meta.invoice-meta-v27{grid-template-columns:1fr 1fr}.saas-two{grid-template-columns:1fr}}@media(max-width:640px){.saas-page{padding-top:24px}.saas-panel-pad{padding:18px}.saas-panel-head{padding:16px 18px}.orders-toolbar{grid-template-columns:1fr}.orders-table td,.orders-table th{padding:12px 10px}.invoice-meta.invoice-meta-v27{grid-template-columns:1fr}.danger-zone{align-items:flex-start;flex-direction:column}.saas-title{font-size:34px}}

/* v28 admin polish: orders table + dashboard consistency */
.admin-card.orders-card{border-radius:26px;overflow:hidden;background:#fff;box-shadow:0 24px 70px rgba(15,23,42,.08);border:1px solid #e6ebf3}.orders-toolbar{display:grid;grid-template-columns:minmax(280px,1fr) 190px auto auto;gap:10px;align-items:center;min-width:min(100%,720px)}.orders-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;background:#fff}.orders-table th{background:#f8fafc;color:#64748b;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.08em;padding:12px 10px;text-align:left;border-bottom:1px solid #edf1f7;white-space:nowrap}.orders-table td{padding:13px 10px;border-bottom:1px solid #eef2f7;vertical-align:middle;font-size:12px;color:#0f172a}.orders-table tr:last-child td{border-bottom:0}.orders-table tr:hover td{background:#fffafa}.orders-table th:nth-child(1),.orders-table td:nth-child(1){width:34px;text-align:center}.orders-table th:nth-child(2),.orders-table td:nth-child(2){width:220px}.orders-table th:nth-child(3),.orders-table td:nth-child(3){width:230px}.orders-table th:nth-child(4),.orders-table td:nth-child(4){width:190px}.orders-table th:nth-child(5),.orders-table td:nth-child(5){width:92px}.orders-table th:nth-child(6),.orders-table td:nth-child(6),.orders-table th:nth-child(7),.orders-table td:nth-child(7){width:86px}.orders-table th:nth-child(8),.orders-table td:nth-child(8){width:125px}.orders-table th:nth-child(9),.orders-table td:nth-child(9){width:82px}.order-invoice{display:block;max-width:205px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10.5px;color:#475569;font-weight:900}.order-email{display:block;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:850;color:#0f172a}.order-product{font-weight:950;color:#0f172a;line-height:1.25}.order-variant{margin-top:3px;font-size:11px;font-weight:800;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-date{font-weight:850;color:#475569;white-space:nowrap;font-size:11.5px}.order-date small{display:block;margin-top:2px;color:#94a3b8;font-size:10.5px;font-weight:800}.pagination-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 18px;border-top:1px solid #eef2f7;background:#fbfcff;color:#64748b;font-size:12px;font-weight:800}.pagination-row a{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;border-radius:12px;border:1px solid #dbe3ef;background:#fff;color:#334155;font-weight:950}.pagination-row a.active{background:#0f172a;color:#fff;border-color:#0f172a}.danger-zone{margin:0;border:1px solid #fecaca;background:linear-gradient(180deg,#fff7f7,#fff);border-radius:22px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px;box-shadow:0 18px 40px rgba(220,38,38,.06)}.danger-zone strong{display:block;color:#991b1b;font-weight:950}.danger-zone span{display:block;color:#b45309;font-size:12px;font-weight:800;margin-top:3px}.admin-orders-shell{display:grid;gap:18px}.admin-orders-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;flex-wrap:wrap}.dashboard-top-products .top-product-card{border:1px solid #eef2f7;background:linear-gradient(180deg,#fff,#fbfcff);border-radius:20px;padding:14px 16px;box-shadow:0 12px 30px rgba(15,23,42,.04)}
@media(max-width:1120px){.orders-toolbar{grid-template-columns:1fr 180px auto auto}.orders-table{min-width:1160px}}
@media(max-width:720px){.orders-toolbar{grid-template-columns:1fr}.danger-zone{align-items:flex-start;flex-direction:column}.danger-zone .admin-btn{width:100%}.pagination-row{align-items:flex-start;flex-direction:column}.admin-orders-head{align-items:flex-start;flex-direction:column}.orders-table{min-width:1080px}}

/* v29 compact SaaS polish: mobile nav, admin typography, product hero visibility, PWA prompt */
:root{--ayri-red:#c92535;--ayri-red-dark:#991b1b;--ayri-ink:#0b1020;--ayri-muted:#667085;--ayri-line:#e5eaf2;--ayri-bg:#f6f7fb}
body{font-family:'Hubot Sans',Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:-.025em;text-rendering:optimizeLegibility}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(226,232,240,.75)}.header-inner{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:12px;min-width:0;text-decoration:none;color:#0f172a}.brand-name{font-size:15px;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-mark,.brand-logo{width:42px;height:42px;border-radius:16px;flex:0 0 auto}.nav{display:flex;align-items:center;gap:7px;white-space:nowrap}.nav a{display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 13px;border-radius:999px;color:#344054;text-decoration:none;font-size:12.5px;font-weight:900;transition:.16s}.nav a:hover{background:#fff1f2;color:#b91c1c}.nav .install-nav-btn,.install-nav-btn{background:linear-gradient(135deg,var(--ayri-red),var(--ayri-red-dark))!important;color:#fff!important;box-shadow:0 12px 25px rgba(201,37,53,.20)}
@media(max-width:780px){.site-header{bottom:auto}.header-inner{min-height:60px;padding-inline:14px}.brand-name{max-width:160px;font-size:14px}.brand-mark,.brand-logo{width:38px;height:38px;border-radius:14px}.nav{max-width:52vw;overflow:auto;scrollbar-width:none;justify-content:flex-start;padding:6px 0}.nav::-webkit-scrollbar{display:none}.nav a{height:34px;padding:0 10px;font-size:11.5px;border:1px solid #e8edf5;background:#fff;box-shadow:0 8px 18px rgba(15,23,42,.04)}.nav a:nth-child(n+4){display:none}.bottom-app-nav{display:grid!important;grid-template-columns:repeat(5,1fr);position:fixed;left:10px;right:10px;bottom:10px;z-index:70;padding:8px;border:1px solid rgba(226,232,240,.9);background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-radius:24px;box-shadow:0 18px 45px rgba(15,23,42,.16)}.bottom-app-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:48px;border-radius:18px;text-decoration:none;color:#667085;font-size:10px;font-weight:950}.bottom-app-nav a.active,.bottom-app-nav a:hover{background:#fff1f2;color:#b91c1c}body{padding-bottom:84px}.wa-float{bottom:86px!important;right:14px!important}.wa-label{display:none}.wa-icon{width:48px;height:48px}.install-prompt{left:12px!important;right:12px!important;bottom:84px!important;width:auto!important;max-width:none!important;border-radius:24px!important}}
@media(min-width:781px){.bottom-app-nav{display:none!important}.install-nav-btn{display:inline-flex!important}}
.install-prompt{position:fixed;z-index:90;right:24px;bottom:24px;width:360px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,#111827,#070b16);color:#fff;border-radius:28px;padding:18px;box-shadow:0 25px 80px rgba(15,23,42,.32);transform:translateY(22px);opacity:0;pointer-events:none;transition:.22s}.install-prompt.show{transform:translateY(0);opacity:1;pointer-events:auto}.install-prompt strong{font-size:15px;font-weight:950}.install-actions{display:flex;gap:10px;margin-top:14px}.install-actions .btn{border:0;border-radius:14px;padding:10px 14px;font-weight:950;cursor:pointer}.install-actions .btn-white{background:#fff;color:#0f172a}.install-actions .btn-red{background:linear-gradient(135deg,#dc2626,#991b1b);color:#fff;box-shadow:0 12px 28px rgba(220,38,38,.24)}
.admin-bg{font-feature-settings:'kern' 1} .admin-bg h1,.admin-bg h2,.admin-bg h3{letter-spacing:-.045em;line-height:1.04;color:#0b1020}.admin-bg p{line-height:1.55}.admin-card,.security-panel{box-shadow:0 20px 60px rgba(15,23,42,.07)!important}.admin-input,.admin-btn,.saas-input,.saas-select,.saas-textarea{font-size:12.5px!important}.admin-label,.saas-label{letter-spacing:.08em!important}.admin-table th,.orders-table th{font-size:10px!important;letter-spacing:.075em!important}.admin-table td,.orders-table td{line-height:1.35}.metric-card{min-height:128px}.metric-card h3,.metric-card .text-3xl{letter-spacing:-.04em}.admin-hero,.product-admin-hero,.catalog-admin-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 92% 55%,rgba(220,38,38,.50),transparent 15rem),linear-gradient(135deg,#101827,#161b2d 54%,#4a1016)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:28px!important;color:#fff!important}.admin-hero h1,.product-admin-hero h1,.catalog-admin-hero h1,.admin-hero .hero-title{color:#fff!important;text-shadow:0 12px 35px rgba(0,0,0,.25);font-size:clamp(34px,5.3vw,64px)!important;line-height:.96!important;letter-spacing:-.065em!important}.admin-hero p,.product-admin-hero p,.catalog-admin-hero p,.admin-hero .hero-subtitle{color:#cbd5e1!important;font-weight:800!important}.admin-hero .badge,.product-admin-hero .badge,.catalog-admin-hero .badge{background:rgba(255,255,255,.10)!important;color:#fff!important;border:1px solid rgba(255,255,255,.12)!important}.admin-hero-stat,.product-admin-hero .stat,.catalog-admin-hero .stat{background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.14)!important;color:#fff!important;border-radius:18px!important}.admin-hero-stat span,.product-admin-hero .stat span{color:#cbd5e1!important}.admin-hero-stat strong,.product-admin-hero .stat strong{color:#fff!important}.product-library,.variant-manager,.orders-card{border-radius:24px!important}.product-library .product-row{gap:12px!important}.product-library input,.product-library textarea,.product-library select{color:#0f172a!important;background:#fff!important}.product-library .edit-panel{position:relative!important;z-index:2!important;background:#fff!important;border:1px solid #e5eaf2!important;border-radius:20px!important;padding:14px!important;margin-top:12px!important}.product-library .edit-panel *{color:#0f172a}.product-library .edit-panel .admin-btn-primary,.product-library .edit-panel .admin-btn-primary *{color:#fff!important}.orders-toolbar{align-items:stretch}.orders-table-wrap{width:100%;overflow:auto;border-radius:0 0 24px 24px}.orders-table{table-layout:auto!important}.orders-table td,.orders-table th{white-space:nowrap}.orders-table td:nth-child(4){white-space:normal;min-width:160px}.order-email{max-width:190px}.order-invoice{max-width:170px}@media(max-width:720px){.admin-hero,.product-admin-hero,.catalog-admin-hero{border-radius:22px!important;padding:22px!important}.admin-hero h1,.product-admin-hero h1,.catalog-admin-hero h1{font-size:34px!important}.metric-card{min-height:112px}.admin-card,.security-panel{border-radius:20px!important}}
/* v29 final overrides */
.compact-admin .hero h1,.compact-admin .hero .text-slate-950,.compact-admin .hero .text-slate-900{color:#fff!important;text-shadow:0 12px 34px rgba(0,0,0,.28)}
.compact-admin .hero p,.compact-admin .hero .text-slate-300,.compact-admin .hero .font-semibold{color:#d6deea!important}.compact-admin .hero .mini-stat{background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.14)!important;color:#fff!important}.compact-admin .hero .mini-stat span{color:#cbd5e1!important}.compact-admin .hero .inline-flex{background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.12)!important;color:#fff!important}.compact-admin .hero{padding:22px!important}.compact-admin .hero h1{font-size:clamp(30px,4vw,46px)!important;line-height:.98!important;letter-spacing:-.06em!important}.compact-admin .section-title{letter-spacing:-.035em}.compact-admin .product-summary h3{letter-spacing:-.03em}.compact-admin .hint{line-height:1.45}.admin-bg .content-wrap,.admin-bg main{letter-spacing:-.02em}.admin-bg .space-y-6>*+*{margin-top:1.25rem!important}.admin-bg .text-2xl,.admin-bg .text-3xl{line-height:1.08!important}.admin-bg .badge{letter-spacing:-.01em}.admin-bg .rounded-\[26px\]{border-radius:22px!important}@media(max-width:780px){.compact-admin .hero{padding:18px!important}.compact-admin .hero h1{font-size:30px!important}.compact-admin .hero .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.compact-admin .hero .mini-stat{padding:10px!important;border-radius:14px!important}.compact-admin .hero .mini-stat b{font-size:18px!important}.compact-admin .hero .mini-stat span{font-size:8.5px!important}.admin-bg h1{font-size:26px!important}.admin-bg h2{font-size:18px!important}.admin-btn{min-height:38px}}


/* v32 brand clarity + PWA popup-only navigation */
.nav .install-nav-btn,
.install-nav-btn,
#installPwaNav{
  display:none !important;
}
.brand-pro{
  display:inline-flex !important;
  align-items:center !important;
  gap:12px !important;
  min-width:0;
  max-width:360px;
}
.brand-icon-clear{
  width:44px;
  height:44px;
  flex:0 0 44px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:linear-gradient(135deg, rgba(255,255,255,.98), rgba(255,241,242,.92));
  border:1px solid rgba(254,202,202,.9);
  box-shadow:0 12px 30px rgba(201,37,53,.10), inset 0 1px 0 rgba(255,255,255,.8);
  overflow:hidden;
}
.brand-logo-clear{
  width:28px !important;
  height:28px !important;
  border-radius:0 !important;
  object-fit:contain !important;
  filter:none !important;
}
.brand-mark-clear{
  width:30px;
  height:30px;
  border-radius:10px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#dc2626,#991b1b);
  color:#fff;
  font-size:14px;
  font-weight:950;
  box-shadow:0 10px 24px rgba(220,38,38,.24);
}
.brand-copy{
  display:flex !important;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  line-height:1.05;
}
.brand-title{
  display:block;
  max-width:250px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#0b1020;
  font-size:15.5px;
  font-weight:950;
  letter-spacing:-.035em;
}
.brand-subtitle{
  display:block;
  max-width:250px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  margin-top:3px;
  color:#64748b;
  font-size:10.5px;
  font-weight:800;
  letter-spacing:-.015em;
}
@media(max-width:900px){
  .brand-name{display:none !important;}
  .brand-pro{gap:10px !important; max-width:210px;}
  .brand-icon-clear{width:40px;height:40px;flex-basis:40px;border-radius:13px;}
  .brand-logo-clear{width:25px !important;height:25px !important;}
  .brand-title{font-size:14px;max-width:150px;}
  .brand-subtitle{font-size:9.5px;max-width:150px;}
}
@media(max-width:420px){
  .brand-pro{max-width:180px;}
  .brand-title{max-width:128px;}
  .brand-subtitle{max-width:128px;}
}

/* v33 Customer Dashboard + Google Login */
.customer-login-wrap{min-height:72vh;display:grid;place-items:center;padding:48px 16px;background:radial-gradient(circle at top left,rgba(220,38,38,.14),transparent 30rem),linear-gradient(180deg,#fff,#f8fafc)}
.customer-login-card{width:min(460px,100%);background:rgba(255,255,255,.92);border:1px solid #e5e7eb;border-radius:32px;padding:34px;box-shadow:0 26px 80px rgba(15,23,42,.12);text-align:center}
.login-brand-mark{margin:0 auto 18px;width:62px;height:62px;border-radius:22px;background:linear-gradient(135deg,#dc2626,#991b1b);display:grid;place-items:center;color:#fff;font-size:28px;font-weight:950;box-shadow:0 18px 36px rgba(220,38,38,.25)}
.badge-soft-red{display:inline-flex;align-items:center;border-radius:999px;background:#fee2e2;color:#b91c1c;font-size:11px;font-weight:950;padding:6px 10px;text-transform:uppercase;letter-spacing:.06em}
.customer-login-card h1{margin:14px 0 8px;font-size:30px;line-height:1.05;letter-spacing:-.05em;font-weight:950;color:#0f172a}.customer-login-card p{color:#64748b;font-weight:700;line-height:1.7}.google-login-btn{margin-top:22px;width:100%;height:54px;border-radius:18px;background:#0f172a;color:#fff;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:950;box-shadow:0 18px 38px rgba(15,23,42,.18)}.google-dot{width:28px;height:28px;border-radius:999px;background:#fff;color:#dc2626;display:grid;place-items:center;font-weight:950}.login-note{margin-top:16px;border-radius:18px;background:#f8fafc;border:1px solid #e5e7eb;padding:12px;color:#64748b;font-size:12px;font-weight:800;line-height:1.5}
.customer-body{margin:0;font-family:'Hubot Sans',Inter,system-ui,sans-serif;background:#f5f6fb;color:#0f172a}.customer-shell{min-height:100vh;display:grid;grid-template-columns:280px 1fr}.customer-sidebar{position:sticky;top:0;height:100vh;padding:22px;background:linear-gradient(180deg,#111827,#0b1020 58%,#1f0b0f);color:#fff}.customer-brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.customer-logo{width:46px;height:46px;border-radius:18px;background:linear-gradient(135deg,#dc2626,#991b1b);display:grid;place-items:center;font-weight:950;box-shadow:0 16px 35px rgba(220,38,38,.25)}.customer-brand b{display:block;font-size:14px}.customer-brand small{display:block;color:#94a3b8;font-weight:800}.customer-sidebar nav{display:grid;gap:8px;margin-top:28px}.customer-sidebar nav a,.customer-logout{display:flex;align-items:center;padding:13px 14px;border-radius:16px;color:#cbd5e1;text-decoration:none;font-weight:900}.customer-sidebar nav a:hover,.customer-sidebar nav a.active{background:#fff;color:#0f172a}.customer-logout{position:absolute;bottom:22px;left:22px;right:22px;justify-content:center;background:rgba(255,255,255,.08);color:#fff}.customer-main{padding:28px;min-width:0}.customer-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.mini-label{font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.12em;color:#dc2626}.customer-topbar h1{font-size:26px;font-weight:950;letter-spacing:-.05em;margin:4px 0 0}.customer-store-btn{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:11px 14px;text-decoration:none;color:#0f172a;font-weight:950;box-shadow:0 12px 30px rgba(15,23,42,.06)}.customer-hero{display:flex;justify-content:space-between;gap:20px;align-items:center;background:radial-gradient(circle at 8% 10%,rgba(220,38,38,.18),transparent 30rem),linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e5e7eb;border-radius:30px;padding:28px;box-shadow:0 22px 60px rgba(15,23,42,.08)}.customer-hero h2{font-size:30px;letter-spacing:-.06em;margin:12px 0 8px;font-weight:950}.customer-hero p{font-weight:750;color:#64748b;max-width:620px;line-height:1.6}.customer-hero img{width:70px;height:70px;border-radius:24px;border:4px solid #fff;box-shadow:0 18px 40px rgba(15,23,42,.15)}.customer-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0}.customer-stat,.customer-card,.customer-product-card{background:#fff;border:1px solid #e5e7eb;border-radius:24px;padding:20px;box-shadow:0 18px 50px rgba(15,23,42,.06)}.customer-stat span{display:block;font-size:12px;font-weight:900;color:#64748b}.customer-stat b{display:block;margin-top:8px;font-size:26px;font-weight:950;letter-spacing:-.04em}.customer-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.customer-card-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.customer-card-head h3{margin:0;font-size:17px;font-weight:950}.customer-card-head a,.customer-list a,.customer-product-card a{font-size:12px;font-weight:950;color:#dc2626;text-decoration:none}.customer-list{display:grid;grid-template-columns:1fr auto;gap:4px 14px;border-top:1px solid #eef2f7;padding:13px 0}.customer-list:first-of-type{border-top:0}.customer-list b{font-weight:950}.customer-list span{color:#64748b;font-size:12px;font-weight:750}.customer-list em{font-style:normal;font-size:11px;font-weight:950;color:#64748b}.empty{font-weight:800;color:#94a3b8}.responsive-table{overflow:auto}.customer-table{width:100%;border-collapse:collapse;min-width:760px}.customer-table th{font-size:11px;color:#64748b;text-transform:uppercase;text-align:left;padding:12px;background:#f8fafc}.customer-table td{padding:14px 12px;border-top:1px solid #eef2f7;font-weight:750}.status-pill{border-radius:999px;padding:6px 10px;font-size:11px;font-weight:950;background:#f1f5f9;color:#475569}.status-pill.success{background:#dcfce7;color:#15803d}.status-pill.pending{background:#fef3c7;color:#a16207}.customer-products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.customer-product-card h3{font-size:18px;font-weight:950;margin:14px 0 6px}.customer-product-card p{font-size:12px;color:#64748b;font-weight:800}.customer-product-card pre{white-space:pre-wrap;background:#0f172a;color:#f8fafc;border-radius:18px;padding:14px;line-height:1.55;font-size:12px;max-height:260px;overflow:auto}.customer-ticket-list{display:grid;gap:10px}.customer-ticket{display:grid;grid-template-columns:160px 1fr auto;gap:12px;align-items:center;border:1px solid #e5e7eb;border-radius:18px;padding:14px;text-decoration:none;color:#0f172a}.customer-ticket span{font-size:12px;color:#64748b;font-weight:800}.customer-ticket em{font-style:normal;font-size:11px;font-weight:950;color:#dc2626}.customer-bottom-nav{display:none}
@media(max-width:900px){.customer-shell{display:block}.customer-sidebar{display:none}.customer-main{padding:18px 14px 90px}.customer-topbar{align-items:flex-start}.customer-store-btn{display:none}.customer-hero{padding:20px;border-radius:24px}.customer-hero h2{font-size:24px}.customer-stat-grid,.customer-grid-2{grid-template-columns:1fr}.customer-ticket{grid-template-columns:1fr}.customer-bottom-nav{position:fixed;left:10px;right:10px;bottom:10px;z-index:60;display:grid;grid-template-columns:repeat(4,1fr);background:rgba(15,23,42,.92);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:8px;box-shadow:0 22px 60px rgba(15,23,42,.3)}.customer-bottom-nav a{color:#cbd5e1;text-decoration:none;text-align:center;font-size:11px;font-weight:950;padding:10px 4px;border-radius:16px}.customer-bottom-nav a:hover{background:#fff;color:#0f172a}.customer-login-card{padding:24px;border-radius:26px}.customer-login-card h1{font-size:25px}}
/* v36 Enterprise Customer Platform refinements */
.customer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.customer-card{background:#fff;border:1px solid #e8ecf4;border-radius:24px;padding:22px;box-shadow:0 18px 50px rgba(15,23,42,.06)}.customer-card.stat strong{display:block;font-size:26px;letter-spacing:-.05em;margin-top:7px}.customer-card.stat span,.mini-label{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#667085}.customer-card p{color:#667085;font-weight:650}.customer-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.customer-card-head h2{font-size:20px;font-weight:950;letter-spacing:-.05em;margin:4px 0}.customer-table-wrap{overflow-x:auto}.customer-table{width:100%;border-collapse:collapse}.customer-table th{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#667085;background:#f8fafc;padding:12px;text-align:left}.customer-table td{padding:13px 12px;border-top:1px solid #eef1f6}.pill{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:900;background:#f2f4f7;color:#475467}.pill.good{background:#dcfce7;color:#15803d}.pill.muted{background:#f1f5f9;color:#64748b}.admin-card h1,.admin-card h2{line-height:1.05}.admin-table td{line-height:1.35}@media(max-width:760px){.customer-card{border-radius:18px;padding:16px}.customer-card-head{display:block}.admin-table th,.admin-table td{padding:10px 9px}.admin-btn{padding:9px 12px}}

/* v37 product/cart checkout refinement */
.logged-checkout-card{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding:14px;
  border:1px solid rgba(34,197,94,.22);
  background:linear-gradient(180deg,rgba(240,253,244,.9),rgba(255,255,255,.95));
  border-radius:18px;
  box-shadow:0 14px 34px rgba(15,23,42,.06);
}
.logged-checkout-icon{
  width:34px;
  height:34px;
  border-radius:12px;
  display:grid;
  place-items:center;
  color:#fff;
  background:linear-gradient(135deg,#22c55e,#15803d);
  font-weight:950;
  flex:0 0 auto;
}
.product .checkout-note,
.detail-grid .checkout-note{display:none!important;}
@media(max-width:768px){
  .logged-checkout-card{padding:12px;border-radius:16px}
}

/* v38 - Brand logo consistency: use uploaded store logo in admin/customer/PWA */
.customer-logo-image{overflow:hidden;background:linear-gradient(135deg,#fff,#f8fafc)!important;border:1px solid rgba(220,38,38,.12);box-shadow:0 14px 32px rgba(220,38,38,.16)}
.customer-logo-image img{width:100%;height:100%;object-fit:cover;display:block}
.customer-brand small{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:768px){.customer-brand small{max-width:120px}.admin-brand-copy span{max-width:160px}}

/* v39 mobile navigation cleanup */
@media (max-width: 780px){
  .site-header{
    background:rgba(255,255,255,.94) !important;
    border-bottom:1px solid rgba(226,232,240,.86) !important;
    box-shadow:0 10px 28px rgba(15,23,42,.035) !important;
  }
  .header-inner{
    min-height:64px !important;
    padding-inline:12px !important;
    gap:10px !important;
  }
  .brand-pro{
    min-width:0 !important;
    max-width:calc(100% - 86px) !important;
    gap:10px !important;
  }
  .brand-icon-clear{
    width:42px !important;
    height:42px !important;
    flex:0 0 42px !important;
    border-radius:14px !important;
  }
  .brand-logo-clear,
  .brand-mark-clear{
    width:100% !important;
    height:100% !important;
  }
  .brand-title{
    max-width:170px !important;
    font-size:14px !important;
    line-height:1.05 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }
  .brand-subtitle{
    max-width:170px !important;
    display:block !important;
    margin-top:2px !important;
    font-size:11px !important;
    line-height:1.15 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    color:#64748b !important;
  }
  .site-nav{
    flex:0 0 auto !important;
    width:auto !important;
    max-width:none !important;
    overflow:visible !important;
    padding:0 !important;
    gap:0 !important;
  }
  .site-nav .desktop-nav-link{
    display:none !important;
  }
  .site-nav .mobile-account-pill{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    height:38px !important;
    padding:0 14px !important;
    border-radius:999px !important;
    border:1px solid #fecdd3 !important;
    background:linear-gradient(135deg,#fff1f2,#fff) !important;
    color:#b91c1c !important;
    font-size:12px !important;
    font-weight:950 !important;
    box-shadow:0 12px 28px rgba(201,37,53,.10) !important;
  }
  .bottom-app-nav{
    display:grid !important;
    grid-template-columns:repeat(5,1fr) !important;
    left:12px !important;
    right:12px !important;
    bottom:10px !important;
    padding:8px !important;
    border-radius:24px !important;
    background:rgba(255,255,255,.94) !important;
    border:1px solid rgba(226,232,240,.92) !important;
    box-shadow:0 22px 60px rgba(15,23,42,.18) !important;
  }
  .bottom-app-nav a{
    min-width:0 !important;
    height:50px !important;
    gap:3px !important;
    padding:7px 3px !important;
    border-radius:18px !important;
    font-size:10px !important;
    line-height:1 !important;
  }
  .bottom-app-nav a span:first-child{
    font-size:16px !important;
    line-height:1 !important;
  }
  .bottom-app-nav a span:last-child{
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }
  body{padding-bottom:88px !important;}
}
@media (min-width: 781px){
  .site-nav .desktop-nav-link{display:inline-flex !important;}
  .site-nav .mobile-account-pill{display:inline-flex !important;}
}


/* v40 - Customer dashboard mobile polish + spacing fix */
.customer-body{
  letter-spacing:0 !important;
  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision;
}
.customer-body h1,.customer-body h2,.customer-body h3,.customer-body b,.customer-body a,.customer-body span,.customer-body p{
  letter-spacing:-.01em;
}
.customer-topbar h1{
  line-height:1.08 !important;
  letter-spacing:-.035em !important;
}
.customer-hero h2{
  line-height:1.08 !important;
  letter-spacing:-.035em !important;
}
.customer-hero p,
.customer-card p,
.customer-list span{
  line-height:1.65 !important;
  letter-spacing:0 !important;
}
.customer-list b{
  overflow-wrap:anywhere;
  word-break:break-word;
  line-height:1.28 !important;
}
.customer-sidebar nav a,
.customer-logout{
  letter-spacing:0 !important;
}

@media(max-width:900px){
  .customer-body{
    background:radial-gradient(circle at 10% 0%,rgba(220,38,38,.10),transparent 22rem),linear-gradient(180deg,#f8fafc,#f1f5f9) !important;
  }
  .customer-main{
    padding:22px 16px 108px !important;
  }
  .customer-topbar{
    margin-bottom:18px !important;
  }
  .mini-label{
    display:block;
    font-size:11px !important;
    letter-spacing:.12em !important;
    margin-bottom:4px;
  }
  .customer-topbar h1{
    font-size:31px !important;
    line-height:1.04 !important;
    margin:0 !important;
  }
  .customer-hero{
    border-radius:28px !important;
    padding:24px !important;
    align-items:center !important;
    background:radial-gradient(circle at 10% 10%,rgba(220,38,38,.16),transparent 22rem),linear-gradient(135deg,#fff7f8,#ffffff) !important;
    box-shadow:0 18px 48px rgba(15,23,42,.07) !important;
  }
  .customer-hero h2{
    font-size:26px !important;
    margin:12px 0 10px !important;
  }
  .customer-hero p{
    font-size:13.5px !important;
    line-height:1.75 !important;
    max-width:100% !important;
  }
  .customer-hero img{
    width:68px !important;
    height:68px !important;
    border-radius:22px !important;
    flex:0 0 auto !important;
  }
  .badge-soft-red{
    font-size:11px !important;
    letter-spacing:.08em !important;
    padding:7px 12px !important;
    border-radius:999px !important;
  }
  .customer-stat-grid{
    gap:14px !important;
    margin:16px 0 !important;
  }
  .customer-stat,
  .customer-card,
  .customer-product-card{
    border-radius:24px !important;
    padding:22px !important;
    box-shadow:0 14px 42px rgba(15,23,42,.055) !important;
  }
  .customer-stat span{
    font-size:13px !important;
    line-height:1.3 !important;
    letter-spacing:0 !important;
  }
  .customer-stat b{
    font-size:34px !important;
    line-height:1 !important;
    margin-top:12px !important;
    letter-spacing:-.04em !important;
  }
  .customer-card-head{
    align-items:flex-start !important;
    margin-bottom:12px !important;
  }
  .customer-card-head h3{
    font-size:22px !important;
    line-height:1.08 !important;
    letter-spacing:-.035em !important;
  }
  .customer-list{
    grid-template-columns:1fr !important;
    gap:6px !important;
    padding:15px 0 !important;
  }
  .customer-list span,
  .customer-list em{
    font-size:12px !important;
  }
  .customer-bottom-nav{
    position:fixed !important;
    left:14px !important;
    right:14px !important;
    bottom:12px !important;
    z-index:90 !important;
    display:grid !important;
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    gap:6px !important;
    padding:9px !important;
    border-radius:26px !important;
    background:rgba(255,255,255,.94) !important;
    backdrop-filter:blur(18px) !important;
    border:1px solid rgba(226,232,240,.95) !important;
    box-shadow:0 22px 65px rgba(15,23,42,.18) !important;
  }
  .customer-bottom-nav a{
    min-width:0 !important;
    height:58px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;
    border-radius:20px !important;
    color:#64748b !important;
    text-decoration:none !important;
    font-weight:950 !important;
    letter-spacing:0 !important;
    line-height:1 !important;
  }
  .customer-bottom-nav a span{
    display:block !important;
    font-size:17px !important;
    line-height:1 !important;
  }
  .customer-bottom-nav a small{
    display:block !important;
    max-width:100% !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    font-size:10.5px !important;
    line-height:1 !important;
    letter-spacing:0 !important;
  }
  .customer-bottom-nav a.active,
  .customer-bottom-nav a:hover{
    color:#c92535 !important;
    background:linear-gradient(135deg,#fff1f2,#fff) !important;
    box-shadow:inset 0 0 0 1px rgba(254,205,211,.9) !important;
  }
}

@media(max-width:420px){
  .customer-main{padding-inline:13px !important;}
  .customer-topbar h1{font-size:29px !important;}
  .customer-hero{padding:20px !important;gap:12px !important;}
  .customer-hero h2{font-size:24px !important;}
  .customer-hero p{font-size:13px !important;}
  .customer-hero img{width:60px !important;height:60px !important;border-radius:20px !important;}
  .customer-stat,.customer-card,.customer-product-card{padding:19px !important;}
  .customer-bottom-nav{left:10px !important;right:10px !important;padding:8px !important;gap:4px !important;}
  .customer-bottom-nav a{height:54px !important;border-radius:18px !important;}
  .customer-bottom-nav a small{font-size:10px !important;}
}

/* v41 Support Center polish + note cleanup */
.support-page{padding:42px 0 96px;background:radial-gradient(circle at 8% 0%,rgba(220,38,38,.07),transparent 28rem),radial-gradient(circle at 92% 14%,rgba(15,23,42,.06),transparent 26rem)}
.support-hero-clean{display:flex;align-items:end;justify-content:space-between;gap:22px;margin:4px 0 26px}
.support-kicker,.support-card-eyebrow{display:inline-flex;align-items:center;width:max-content;border:1px solid rgba(220,38,38,.18);background:#fff5f5;color:#be123c;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}
.support-hero-clean h1{margin:12px 0 8px;color:#080f20;font-size:clamp(34px,4.8vw,60px);line-height:.94;letter-spacing:-.07em;font-weight:950}
.support-hero-clean p{margin:0;max-width:640px;color:#59667c;font-weight:750;line-height:1.62;font-size:15px}
.support-link-btn,.support-secondary,.support-dark-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:999px;text-decoration:none;font-weight:950;font-size:13px;white-space:nowrap}
.support-link-btn,.support-secondary{background:#fff;border:1px solid #dde5f1;color:#0f172a;box-shadow:0 12px 34px rgba(15,23,42,.06)}
.support-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.55fr);gap:20px;align-items:start}
.support-lookup-wrap{display:grid;grid-template-columns:minmax(0,620px) minmax(280px,360px);justify-content:center;gap:20px;align-items:stretch}
.support-card,.support-side-card,.support-empty-card,.support-thread-card,.support-ticket-head{border:1px solid #e4eaf3;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-radius:30px;box-shadow:0 24px 70px rgba(15,23,42,.08)}
.support-card{overflow:hidden}.support-form-card{min-width:0}.support-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:22px 24px;border-bottom:1px solid #edf1f7;background:linear-gradient(180deg,#fff,#f8fafc)}
.support-card-head h2{margin:9px 0 0;color:#0b1020;font-size:22px;font-weight:950;letter-spacing:-.045em}.support-status-dot{display:inline-flex;align-items:center;border:1px solid #bbf7d0;background:#f0fdf4;color:#15803d;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:950;white-space:nowrap}
.support-fields{display:grid;gap:14px;padding:24px}.support-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.support-fields label span{display:block;margin:0 0 7px;color:#667085;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.support-input,.support-textarea{width:100%;box-sizing:border-box;border:1px solid #d8e1ef;background:#fff;border-radius:17px;min-height:50px;padding:0 15px;color:#0f172a;font-weight:850;font-family:inherit;outline:none;transition:.18s ease}.support-input:focus,.support-textarea:focus{border-color:#fb7185;box-shadow:0 0 0 5px rgba(220,38,38,.09)}.support-textarea{min-height:126px;padding:14px 15px;resize:vertical}.support-input.file{padding:12px 14px;height:auto}.support-primary{border:0;background:linear-gradient(135deg,#dc2626,#991b1b);color:#fff;border-radius:18px;min-height:52px;padding:0 18px;font-weight:950;font-family:inherit;box-shadow:0 18px 38px rgba(220,38,38,.20);cursor:pointer}.support-primary.inline{width:max-content;text-decoration:none;display:inline-flex;align-items:center}.support-side-card{padding:24px}.support-side-card h3{margin:12px 0 8px;font-size:23px;letter-spacing:-.05em;color:#0f172a}.support-side-card p{color:#64748b;font-weight:750;line-height:1.6}.support-dark-card{padding:24px;background:radial-gradient(circle at 92% 0%,rgba(220,38,38,.30),transparent 18rem),linear-gradient(135deg,#101827,#0b1020);color:#fff}.support-dark-card h3{margin:14px 0 8px;color:#fff;font-size:26px;letter-spacing:-.055em}.support-dark-card p{color:#cbd5e1;font-weight:750;line-height:1.65}.support-dark-btn{background:#fff;color:#0f172a;margin-top:10px}.support-mini-list{display:grid;gap:10px;margin-top:20px}.support-mini-list div{display:flex;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.06);border-radius:16px;padding:12px}.support-mini-list b{color:#fecdd3;font-size:11px}.support-mini-list span{font-weight:900;color:#fff}.support-alert{margin:0 0 16px;padding:14px 16px;border-radius:16px;font-weight:900}.support-alert.danger{background:#fee2e2;color:#991b1b}.support-alert.success{background:#dcfce7;color:#166534}.support-empty-card{max-width:680px;margin:42px auto;padding:34px}.support-empty-card h1{font-size:36px;letter-spacing:-.055em;margin:13px 0 8px}.support-empty-card p{color:#64748b;font-weight:750}.support-ticket-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:26px;margin-bottom:18px}.support-ticket-head h1{font-size:clamp(26px,4vw,44px);line-height:1;margin:12px 0 8px;letter-spacing:-.055em}.support-ticket-head p{margin:0;color:#64748b;font-weight:850}.support-ticket-meta{text-align:right;display:grid;gap:10px;justify-items:end}.support-ticket-meta small{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#64748b;font-weight:900}.support-ticket-status{border-radius:999px;padding:9px 13px;font-weight:950;font-size:11px}.support-ticket-status.open{background:#fff7ed;color:#c2410c}.support-ticket-status.answered{background:#dbeafe;color:#1d4ed8}.support-ticket-status.closed{background:#dcfce7;color:#166534}.support-thread-card{padding:22px;display:grid;gap:14px}.support-bubble{border:1px solid #e4eaf3;background:#fff;border-radius:22px;padding:17px;max-width:840px}.support-bubble.admin{margin-left:auto;background:#101827;border-color:#101827;color:#fff}.support-bubble-meta{display:flex;justify-content:space-between;gap:12px;margin-bottom:9px;color:#64748b;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:950}.support-bubble.admin .support-bubble-meta{color:#cbd5e1}.support-bubble p{margin:0;line-height:1.68;font-weight:750}.support-attachment{display:inline-flex;margin-top:12px;color:#dc2626;font-weight:950;text-decoration:none}.support-closed{border:1px solid #bbf7d0;background:#f0fdf4;color:#166534;border-radius:18px;padding:15px;font-weight:950;text-align:center}
@media(max-width:900px){.support-hero-clean,.support-grid,.support-lookup-wrap{display:grid;grid-template-columns:1fr}.support-hero-clean{align-items:start}.support-link-btn{justify-self:start}.support-two{grid-template-columns:1fr}.support-card-head,.support-ticket-head{flex-direction:column}.support-ticket-meta{text-align:left;justify-items:start}.support-page{padding-top:24px}.support-fields{padding:18px}.support-card-head{padding:18px}.support-dark-card,.support-side-card{padding:20px}.support-hero-clean h1{font-size:38px}.support-hero-clean p{font-size:14px}}


/* v42 clean selling homepage + compact admin product forms */
.clean-hero{padding:54px 0 44px;background:radial-gradient(circle at 16% 18%,rgba(220,38,38,.12),transparent 24rem),linear-gradient(180deg,#fff,#f8fafc)}
.clean-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:52px;align-items:center}
.clean-kicker{display:inline-flex;border:1px solid #fecdd3;background:#fff;color:#be123c;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.14em;box-shadow:0 12px 28px rgba(220,38,38,.08)}
.clean-hero h1{margin:18px 0 0;max-width:760px;font-size:clamp(42px,6vw,78px);line-height:.92;letter-spacing:-.075em;font-weight:950;color:#07111f}
.clean-hero p{max-width:560px;margin:18px 0 0;color:#526078;font-size:15px;line-height:1.75;font-weight:700}
.clean-preview-card{border:1px solid rgba(226,232,240,.9);background:rgba(255,255,255,.82);border-radius:34px;padding:24px;box-shadow:0 30px 90px rgba(15,23,42,.10);backdrop-filter:blur(18px)}
.preview-top{display:flex;gap:7px}.preview-top span{width:10px;height:10px;border-radius:999px;background:#e2e8f0}.preview-top span:first-child{background:#dc2626}.preview-brand{display:flex;align-items:center;gap:14px;margin-top:26px}.preview-brand img,.preview-brand b{width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,#dc2626,#991b1b);display:grid;place-items:center;color:#fff;object-fit:cover;font-weight:950;box-shadow:0 18px 42px rgba(220,38,38,.22)}.preview-brand strong{display:block;font-size:18px;font-weight:950;letter-spacing:-.04em}.preview-brand small{display:block;margin-top:3px;color:#64748b;font-weight:800}.preview-lines{display:grid;gap:12px;margin-top:28px}.preview-lines i{height:16px;border-radius:999px;background:#eef2f7}.preview-lines i:nth-child(1){width:88%}.preview-lines i:nth-child(2){width:72%}.preview-lines i:nth-child(3){width:55%}.preview-cta{margin-top:26px;border-radius:18px;background:linear-gradient(135deg,#dc2626,#991b1b);color:#fff;text-align:center;padding:15px;font-weight:950;box-shadow:0 18px 40px rgba(220,38,38,.22)}
.clean-catalog{padding-top:38px}.clean-section-head{align-items:center}.empty-state-clean{text-align:center;color:#64748b;margin-top:22px}.feature-strip{display:none!important}.footer{padding-bottom:96px}.footer p,.footer a{font-size:13px}.install-prompt [data-install-note]{display:none!important}
.compact-admin .mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.compact-admin .mode-card{border:1px solid #e6ebf2;border-radius:18px;background:#fbfdff;padding:12px}.compact-admin .mode-card summary{display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:1000;color:#0b1020}.compact-admin .bulk-help{font-size:10.5px;line-height:1.55;color:#64748b;font-weight:850}.compact-admin .bulk-format{display:block;margin-top:6px;border-radius:12px;background:#0b1020;color:#fff;padding:9px 10px;font-size:10.5px;line-height:1.55;font-weight:800;white-space:normal}.compact-admin .category-chip-row{display:flex;flex-wrap:wrap;gap:7px;max-height:74px;overflow:auto}.compact-admin .category-chip-row .chip{padding:6px 9px;font-size:10.5px}
@media(max-width:900px){.clean-hero-grid{grid-template-columns:1fr}.clean-preview-card{display:none}.clean-hero{padding:36px 0 26px}.clean-hero h1{font-size:42px}.clean-section-head{display:block}.search-form{min-width:0;margin-top:18px;width:100%}.compact-admin .mode-grid{grid-template-columns:1fr}}
@media(max-width:640px){.clean-hero h1{font-size:38px}.clean-hero p{font-size:13.5px;line-height:1.65}.hero-actions .btn{width:100%}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-body{padding:12px}.product-title{font-size:12.2px}.price{font-size:17px}.card-cta{padding:10px}.footer-grid{grid-template-columns:1fr;gap:18px}.footer{padding-bottom:110px}}

/* v43 clean marketplace homepage */
.home-v43-hero{padding:72px 0 46px;background:radial-gradient(circle at 74% 28%,rgba(255,43,80,.16),transparent 26rem),radial-gradient(circle at 8% 10%,rgba(255,43,80,.08),transparent 20rem)}
.home-v43-hero-grid{display:grid;grid-template-columns:1fr .95fr;align-items:center;gap:54px}
.home-v43-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid #ffd5dc;background:rgba(255,255,255,.86);border-radius:999px;padding:11px 16px;color:#e11d48;font-size:14px;font-weight:950;box-shadow:0 16px 36px rgba(225,29,72,.08)}
.home-v43-copy h1{max-width:620px;margin:28px 0 0;font-size:clamp(46px,6vw,76px);line-height:.98;font-weight:950;letter-spacing:-.075em;color:#07111f}.home-v43-copy h1::first-line{color:#07111f}.home-v43-copy h1 em,.home-v43-copy .red{color:#e11d48;font-style:normal}
.home-v43-copy p{max-width:590px;margin:24px 0 0;font-size:18px;line-height:1.7;color:#41516b;font-weight:700}.home-v43-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:34px}.home-v43-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:58px;padding:0 28px;border-radius:18px;font-weight:950;font-size:15px;text-decoration:none;border:1px solid transparent;transition:.18s}.home-v43-btn.primary{color:#fff;background:linear-gradient(135deg,#ff174d,#c81931);box-shadow:0 20px 42px rgba(225,29,72,.24)}.home-v43-btn.secondary{background:#fff;border-color:#e4eaf3;color:#07111f;box-shadow:0 14px 34px rgba(15,23,42,.06)}.home-v43-btn:hover{transform:translateY(-2px)}
.home-v43-mini-badges{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}.home-v43-mini-badges span{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border:1px solid #e8eef7;border-radius:999px;background:rgba(255,255,255,.88);box-shadow:0 12px 26px rgba(15,23,42,.05);font-weight:900;color:#122035}.home-v43-visual{position:relative;min-height:430px;border-radius:38px;background:radial-gradient(circle at 55% 45%,rgba(255,43,80,.22),transparent 22rem);display:grid;place-items:center;overflow:hidden}.home-v43-visual:before{content:"";position:absolute;inset:28px;border-radius:34px;background:linear-gradient(135deg,rgba(255,255,255,.42),rgba(255,255,255,.08));border:1px solid rgba(255,255,255,.72);box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.home-v43-orbit{position:absolute;z-index:2;width:78px;height:78px;border-radius:22px;background:rgba(255,255,255,.92);display:grid;place-items:center;font-size:30px;box-shadow:0 18px 45px rgba(15,23,42,.12)}.orbit-a{left:18%;top:19%;color:#475569}.orbit-b{right:14%;top:13%;color:#e11d48}.orbit-c{right:8%;top:38%;color:#e11d48}.orbit-d{right:18%;bottom:17%;color:#e11d48}.home-v43-cart{position:relative;z-index:3;width:330px;height:270px;transform:rotate(-4deg)}.cart-basket{position:absolute;left:25px;top:95px;width:245px;height:92px;border:12px solid #b7c0ca;border-top-width:10px;border-radius:18px;transform:skewX(-12deg);box-shadow:inset 0 -16px 0 rgba(15,23,42,.07)}.cart-basket:after{content:"";position:absolute;left:-18px;right:-18px;top:34px;border-top:9px solid #b7c0ca;transform:skewX(10deg)}.cart-handle{position:absolute;left:63px;top:62px;width:185px;height:58px;border-top:16px solid #ef233c;border-left:16px solid #ef233c;border-right:16px solid #ef233c;border-radius:34px 34px 0 0}.cart-wheel{position:absolute;bottom:42px;width:36px;height:36px;border-radius:50%;background:#172033;border:7px solid #8d99ae}.w1{left:88px}.w2{right:70px}.cart-cube{position:absolute;z-index:5;width:82px;height:82px;border-radius:18px;background:linear-gradient(135deg,#ff315b,#bd1230);color:#fff;display:grid;place-items:center;font-size:30px;font-weight:950;box-shadow:0 20px 35px rgba(225,29,72,.25)}.c1{left:88px;top:80px}.c2{left:154px;top:68px}.c3{left:190px;top:115px}
.home-v43-catalog{padding:40px 0 56px}.home-v43-section-head{display:flex;align-items:center;justify-content:space-between;gap:22px}.home-v43-section-head h2{margin:0;display:flex;align-items:center;gap:12px;font-size:32px;line-height:1;font-weight:950;letter-spacing:-.055em}.home-v43-search{display:flex;gap:12px;min-width:405px}.home-v43-search input{height:54px;border:1px solid #e5ebf3;border-radius:18px;background:#fff;padding:0 18px;outline:none;font-weight:800;color:#0f172a;box-shadow:0 12px 30px rgba(15,23,42,.05)}.home-v43-search button{height:54px;border:0;border-radius:18px;background:linear-gradient(135deg,#ff174d,#c81931);color:#fff;font-weight:950;padding:0 24px;box-shadow:0 14px 30px rgba(225,29,72,.2)}.home-v43-cats{display:flex;gap:12px;overflow:auto;padding:26px 0 18px}.home-v43-chip{white-space:nowrap;display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid #e6ecf4;background:#fff;color:#07111f;font-weight:950;box-shadow:0 10px 24px rgba(15,23,42,.04)}.home-v43-chip.active{background:linear-gradient(135deg,#ff174d,#c81931);border-color:transparent;color:#fff;box-shadow:0 14px 28px rgba(225,29,72,.2)}
.home-v43-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.home-v43-product{position:relative;min-height:520px;overflow:hidden;border:1px solid #e5ebf3;border-radius:28px;background:linear-gradient(145deg,#fff,#fff8f9);box-shadow:0 20px 54px rgba(15,23,42,.07);padding:24px;text-decoration:none;color:#07111f;transition:.18s}.home-v43-product:hover{transform:translateY(-4px);box-shadow:0 28px 70px rgba(15,23,42,.11)}.home-v43-product-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.home-v43-featured,.home-v43-delivery{display:inline-flex;align-items:center;border-radius:999px;font-size:13px;font-weight:950}.home-v43-featured{background:#ffe4ea;color:#e11d48;padding:10px 14px}.home-v43-delivery{background:#fff;border:1px solid #e7edf5;color:#0f172a;padding:10px 15px;box-shadow:0 10px 24px rgba(15,23,42,.05)}.home-v43-product-media{height:210px;display:grid;place-items:center;margin:18px 0}.home-v43-product-media img{max-width:170px;max-height:170px;border-radius:28px;object-fit:cover;box-shadow:0 24px 52px rgba(15,23,42,.16)}.home-v43-logo-placeholder{width:150px;height:150px;border-radius:30px;background:linear-gradient(135deg,#ffe4ea,#fff);display:grid;place-items:center;color:#fb7185;font-size:34px;font-weight:950;letter-spacing:-.06em}.home-v43-product-info{display:grid;gap:14px}.home-v43-category{font-size:13px;font-weight:950;color:#e11d48}.home-v43-product h3{margin:0;font-size:25px;letter-spacing:-.055em;font-weight:950;line-height:1.08}.home-v43-tags{display:flex;gap:10px;flex-wrap:wrap}.home-v43-tags span{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border-radius:999px;background:#fff;border:1px solid #e6ecf4;font-size:12px;font-weight:900;color:#1f2a44}.home-v43-price-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px}.home-v43-price-row strong{font-size:26px;font-weight:950;letter-spacing:-.045em}.home-v43-price-row span{display:inline-flex;align-items:center;gap:8px;min-height:54px;border-radius:17px;background:linear-gradient(135deg,#ff174d,#c81931);color:#fff;font-weight:950;padding:0 24px;box-shadow:0 16px 32px rgba(225,29,72,.22)}.home-v43-price-row b{font-size:22px;line-height:0}.home-v43-empty{border:1px dashed #dbe3ef;border-radius:24px;background:#fff;padding:42px;text-align:center;font-weight:900;color:#64748b}
.home-v43-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:42px;border:1px solid #e7edf5;border-radius:28px;background:rgba(255,255,255,.92);box-shadow:0 18px 55px rgba(15,23,42,.06);overflow:hidden}.home-v43-benefits div{display:grid;justify-items:center;text-align:center;gap:10px;padding:34px 24px;border-left:1px solid #edf2f8}.home-v43-benefits div:first-child{border-left:0}.home-v43-benefits i{width:62px;height:62px;border-radius:20px;background:#ffe6ec;color:#e11d48;display:grid;place-items:center;font-style:normal;font-size:28px}.home-v43-benefits strong{font-size:17px;font-weight:950;letter-spacing:-.03em}.home-v43-benefits span{max-width:180px;color:#536177;font-weight:700;line-height:1.55}.home-v43-final-cta{padding:0 0 58px}.home-v43-cta-card{display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid #ffd5dc;border-radius:28px;background:linear-gradient(135deg,#fff6f7,#fff);padding:28px 34px;box-shadow:0 16px 48px rgba(225,29,72,.08)}.home-v43-cta-card h3{margin:0;font-size:24px;font-weight:950;letter-spacing:-.05em}.home-v43-cta-card p{margin:8px 0 0;color:#667085;font-weight:750}.footer{background:#fff!important;border-top:1px solid #e7edf5}.footer p,.footer a{color:#536177!important;font-weight:700}
@media(max-width:900px){.home-v43-hero{padding:44px 0 24px}.home-v43-hero-grid{grid-template-columns:1fr;gap:28px}.home-v43-copy h1{font-size:44px}.home-v43-copy p{font-size:15px}.home-v43-visual{min-height:270px}.home-v43-cart{transform:scale(.72) rotate(-4deg)}.home-v43-section-head{align-items:flex-start;display:grid}.home-v43-search{min-width:0;width:100%;grid-template-columns:1fr auto;display:grid}.home-v43-products{grid-template-columns:1fr}.home-v43-product{min-height:0}.home-v43-benefits{grid-template-columns:1fr 1fr}.home-v43-benefits div:nth-child(odd){border-left:0}.home-v43-benefits div{padding:24px 14px}.home-v43-cta-card{display:grid;text-align:left}.home-v43-mini-badges{gap:8px}.home-v43-mini-badges span{min-height:38px;padding:0 12px;font-size:12px}}
@media(max-width:560px){.home-v43-copy h1{font-size:38px}.home-v43-actions{display:grid}.home-v43-btn{min-height:52px}.home-v43-visual{display:none}.home-v43-section-head h2{font-size:26px}.home-v43-search input,.home-v43-search button{height:48px}.home-v43-product{border-radius:24px;padding:18px}.home-v43-product-media{height:150px}.home-v43-product-media img,.home-v43-logo-placeholder{width:116px;height:116px;border-radius:24px}.home-v43-product h3{font-size:21px}.home-v43-price-row strong{font-size:21px}.home-v43-price-row span{min-height:46px;padding:0 16px}.home-v43-benefits{grid-template-columns:1fr}.home-v43-benefits div{border-left:0;border-top:1px solid #edf2f8}.home-v43-benefits div:first-child{border-top:0}.home-v43-cta-card{padding:22px}}

/* =========================================================
   Ayri Store v44.1 - High SaaS Typography Upgrade
   Scope: visual-only CSS upgrade. No database/data changes.
   ========================================================= */
:root{
  --font:'Plus Jakarta Sans','Inter',ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --font-display:'Plus Jakarta Sans','Inter',ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --font-mono:'JetBrains Mono','SFMono-Regular','Cascadia Code','Roboto Mono',Consolas,monospace;
}
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;}
body,.customer-body,button,input,select,textarea{font-family:var(--font)!important;}
body{font-size:14.5px!important;line-height:1.68!important;letter-spacing:-.006em!important;color:#0b1220;}
p,li,.section-sub,.feature p,.hero p,.footer p,.footer a,.customer-hero p,.customer-card p{line-height:1.78!important;letter-spacing:-.003em!important;}

/* Headings: premium SaaS, tetap tajam tapi tidak terlalu dempet */
h1,h2,h3,h4,h5,h6,
.hero h1,.section-title,.detail-title,.customer-topbar h1,.customer-hero h2,
.admin-card h1,.admin-card h2,.admin-card h3{
  font-family:var(--font-display)!important;
  letter-spacing:-.035em!important;
  line-height:1.08!important;
  font-weight:850!important;
}
.hero h1{line-height:1.02!important;letter-spacing:-.045em!important;max-width:780px;}
.section-title{line-height:1.12!important;letter-spacing:-.032em!important;}
.detail-title{line-height:1.16!important;letter-spacing:-.03em!important;}
.customer-hero h2{line-height:1.12!important;letter-spacing:-.035em!important;}

/* Microcopy & labels: lebih lega dan premium */
.eyebrow,.section-kicker,.category-label,.price-label,.mini-label,.admin-label,
.badge,.chip,.status-pill,.pill,.support-kicker,.support-card-eyebrow{
  letter-spacing:.055em!important;
  line-height:1.28!important;
  font-weight:800!important;
}
.brand-name,.brand-title,.brand-copy strong,.customer-brand b,.admin-brand-copy span{letter-spacing:-.012em!important;line-height:1.18!important;}
.brand-subtitle,.customer-brand small,.admin-brand-copy small{letter-spacing:.01em!important;line-height:1.35!important;}

/* Buttons, nav, inputs: tidak terlalu padat */
.nav a,.btn,.card-cta,.google-login-btn,.customer-store-btn,.admin-btn,
.customer-sidebar nav a,.customer-logout,.bottom-app-nav a,.customer-bottom-nav a{
  letter-spacing:-.004em!important;
  line-height:1.2!important;
  font-weight:800!important;
}
.btn{padding:14px 20px!important;border-radius:18px!important;}
.input,.admin-input,input,select,textarea{font-size:14px!important;line-height:1.45!important;letter-spacing:-.002em!important;}

/* Card density: tambah breathing room */
.product-grid{gap:20px!important;}
.product-body{padding:18px!important;}
.product-title{font-size:14.2px!important;line-height:1.55!important;letter-spacing:-.01em!important;min-height:auto!important;}
.product-tags{gap:7px!important;margin-top:16px!important;}
.product-price{margin-top:16px!important;padding-top:15px!important;}
.price{letter-spacing:-.025em!important;line-height:1.12!important;}
.feature,.panel,.customer-card,.customer-stat,.customer-product-card,.admin-card{line-height:1.65!important;}
.feature h3{line-height:1.32!important;letter-spacing:-.018em!important;}

/* Forms & invoice/order pages */
.label{font-size:12.5px!important;letter-spacing:.005em!important;line-height:1.35!important;}
.notice{line-height:1.62!important;letter-spacing:-.002em!important;}
.variant-item{line-height:1.5!important;}
.variant-item strong{line-height:1.28!important;letter-spacing:-.01em!important;}
.breadcrumb{line-height:1.45!important;letter-spacing:0!important;}

/* Tables: lebih mudah dibaca */
.customer-table th,.admin-table th{letter-spacing:.06em!important;line-height:1.32!important;font-weight:800!important;}
.customer-table td,.admin-table td{line-height:1.55!important;letter-spacing:-.002em!important;}

/* Code / credential blocks */
pre,code,.customer-product-card pre{font-family:var(--font-mono)!important;letter-spacing:0!important;line-height:1.72!important;}

/* Mobile polish: tetap lega tanpa membesar berlebihan */
@media(max-width:760px){
  body{font-size:14px!important;line-height:1.66!important;}
  .hero h1{line-height:1.06!important;letter-spacing:-.038em!important;}
  .hero p{font-size:14.5px!important;line-height:1.76!important;}
  .section-title{line-height:1.14!important;}
  .product-title{font-size:13.8px!important;line-height:1.52!important;}
  .btn{padding:13px 17px!important;}
  .bottom-app-nav a,.customer-bottom-nav a{line-height:1.2!important;}
}

/* v44.2 High SaaS home conversion upgrade - safe UI only */
.home-v43-hero{padding:42px 0 46px!important}.home-v43-hero-grid{gap:48px!important}.home-v43-copy h1{letter-spacing:-.072em!important;line-height:.96!important;max-width:610px}.home-v43-copy p{max-width:610px!important;line-height:1.86!important;color:#41516a!important}.home-v43-pill{box-shadow:0 14px 34px rgba(201,37,53,.10)!important}.home-v43-visual{transform:translateZ(0);box-shadow:inset 0 1px 0 rgba(255,255,255,.78),0 28px 80px rgba(201,37,53,.10)!important}.home-v442-trust-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:520px;margin-top:22px}.home-v442-trust-row div{border:1px solid rgba(226,232,240,.92);background:rgba(255,255,255,.72);border-radius:18px;padding:13px 14px;box-shadow:0 14px 34px rgba(15,23,42,.04);backdrop-filter:blur(16px)}.home-v442-trust-row b{display:block;font-size:15px;font-weight:950;letter-spacing:-.04em;color:#07111f}.home-v442-trust-row span{display:block;margin-top:3px;font-size:11.5px;font-weight:800;color:#64748b;letter-spacing:-.01em}.home-v442-section-head{align-items:center!important;margin-bottom:10px}.home-v442-kicker{display:inline-flex;margin-bottom:8px;font-size:11px;font-weight:950;letter-spacing:.16em;text-transform:uppercase;color:#dc2626}.home-v442-section-head h2{line-height:1.08!important;letter-spacing:-.055em!important}.home-v442-section-head p{max-width:520px;margin:10px 0 0;color:#64748b;font-weight:650;line-height:1.65}.home-v43-search{align-self:center!important}.home-v43-products{gap:22px!important}.home-v43-product{position:relative;overflow:hidden;border-radius:26px!important;background:linear-gradient(180deg,#fff,#fff7f8)!important;box-shadow:0 18px 60px rgba(15,23,42,.07)!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important}.home-v43-product:hover{transform:translateY(-5px);box-shadow:0 28px 80px rgba(15,23,42,.12)!important;border-color:rgba(244,63,94,.28)!important}.home-v43-product:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 18%,rgba(244,63,94,.12),transparent 13rem);pointer-events:none}.home-v43-product-media{position:relative;min-height:210px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,#fff7f8,#ffffff 55%,#f8fafc)!important;overflow:hidden!important}.home-v442-product-glow{position:absolute;width:150px;height:150px;border-radius:999px;background:rgba(244,63,94,.11);filter:blur(22px);transform:translate(28px,-6px)}.home-v43-product-media img{position:relative;z-index:2;width:120px!important;height:120px!important;object-fit:cover!important;border-radius:26px!important;box-shadow:0 22px 54px rgba(15,23,42,.16)!important}.home-v442-logo-placeholder{position:relative;z-index:2;width:120px!important;height:120px!important;border-radius:28px!important;background:linear-gradient(135deg,#ffe4e9,#fff7f8)!important;display:grid!important;place-items:center!important;font-size:22px!important;color:#ef5b70!important;box-shadow:0 22px 54px rgba(201,37,53,.10)!important}.home-v43-product-info{position:relative;z-index:2;padding:0 22px 22px!important}.home-v43-category{font-size:11px!important;letter-spacing:.03em!important;margin-bottom:8px!important}.home-v43-product-info h3{font-size:20px!important;line-height:1.22!important;letter-spacing:-.045em!important;margin-bottom:12px!important}.home-v43-tags{gap:8px!important}.home-v43-tags span{padding:7px 10px!important;border-radius:999px!important;background:#fff!important;border:1px solid #e7edf6!important;font-size:11px!important;font-weight:900!important}.home-v43-price-row{margin-top:28px!important}.home-v43-price-row strong{font-size:23px!important;letter-spacing:-.052em!important}.home-v43-price-row span{border-radius:14px!important;padding:12px 16px!important;box-shadow:0 16px 35px rgba(225,29,72,.24)!important}.home-v442-how{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:32px 0 0}.home-v442-how-card{position:relative;border:1px solid rgba(226,232,240,.92);background:#fff;border-radius:24px;padding:22px;box-shadow:0 16px 46px rgba(15,23,42,.055)}.home-v442-how-card span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:14px;background:#fff1f2;color:#dc2626;font-weight:950}.home-v442-how-card strong{display:block;margin-top:16px;font-size:16px;font-weight:950;letter-spacing:-.035em}.home-v442-how-card p{margin:8px 0 0;color:#64748b;font-weight:650;line-height:1.65}.home-v442-benefits{margin-top:24px!important;overflow:hidden}.home-v442-benefits div{background:linear-gradient(180deg,#fff,#f9fbff)!important}.home-v43-cta-card{border-radius:26px!important;background:linear-gradient(135deg,#fff,#fff5f7)!important;box-shadow:0 24px 70px rgba(201,37,53,.10)!important}.home-v43-final-cta{padding-bottom:28px!important}@media(max-width:900px){.home-v442-trust-row,.home-v442-how{grid-template-columns:1fr}.home-v43-product-media{min-height:190px!important}.home-v43-product-info h3{font-size:18px!important}.home-v43-section-head{display:block!important}.home-v43-search{margin-top:16px;width:100%!important}.home-v43-search input{min-width:0!important}.home-v43-copy h1{font-size:clamp(42px,12vw,58px)!important}.home-v43-visual{min-height:250px!important}}@media(max-width:560px){.home-v43-hero{padding-top:26px!important}.home-v442-trust-row{display:none}.home-v43-products{grid-template-columns:1fr!important}.home-v43-product-media img,.home-v442-logo-placeholder{width:108px!important;height:108px!important}.home-v43-product-info{padding:0 18px 18px!important}.home-v43-price-row{margin-top:20px!important}.home-v43-benefits{grid-template-columns:1fr!important}.home-v43-cta-card{display:block!important}.home-v43-cta-card .home-v43-btn{margin-top:16px;width:100%}}

/* =========================================================
   Ayri Store v44.3 - Product Card Square 1:1 Upgrade
   Scope: homepage/product card visual-only. No database/data changes.
   Based on v44.2 home premium upgrade.
   ========================================================= */
.home-v43-products{
  align-items:stretch!important;
}
.home-v43-product{
  display:flex!important;
  flex-direction:column!important;
  min-height:0!important;
  padding:20px!important;
  border-radius:30px!important;
  background:linear-gradient(180deg,#ffffff 0%,#fff9fa 100%)!important;
}
.home-v43-product-top{
  position:absolute!important;
  z-index:4!important;
  top:18px!important;
  left:18px!important;
  right:18px!important;
  pointer-events:none!important;
}
.home-v43-featured,
.home-v43-delivery{
  min-height:34px!important;
  padding:0 12px!important;
  font-size:11.5px!important;
  backdrop-filter:blur(14px)!important;
  background:rgba(255,255,255,.84)!important;
  border:1px solid rgba(226,232,240,.78)!important;
  box-shadow:0 12px 28px rgba(15,23,42,.08)!important;
}
.home-v43-featured{
  color:#e11d48!important;
  background:rgba(255,228,234,.90)!important;
  border-color:rgba(255,190,205,.72)!important;
}
.home-v43-product-media{
  position:relative!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:1/1!important;
  margin:0 0 18px!important;
  display:block!important;
  overflow:hidden!important;
  border-radius:24px!important;
  background:linear-gradient(135deg,#fff1f4,#f8fafc)!important;
  border:1px solid rgba(226,232,240,.86)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.86),0 18px 45px rgba(15,23,42,.06)!important;
}
.home-v442-product-glow{
  display:none!important;
}
.home-v43-product-media img{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  border-radius:0!important;
  object-fit:cover!important;
  object-position:center!important;
  box-shadow:none!important;
  transform:scale(1.001);
  transition:transform .22s ease, filter .22s ease!important;
}
.home-v43-product:hover .home-v43-product-media img{
  transform:scale(1.035)!important;
}
.home-v43-logo-placeholder,
.home-v442-logo-placeholder{
  width:100%!important;
  height:100%!important;
  border-radius:0!important;
  display:grid!important;
  place-items:center!important;
  background:radial-gradient(circle at 50% 38%,#fff 0%,#ffe4ea 42%,#fff7f8 100%)!important;
  font-size:clamp(30px,5vw,58px)!important;
  letter-spacing:-.07em!important;
}
.home-v43-product-info{
  flex:1!important;
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
  padding:2px 2px 0!important;
}
.home-v43-category{
  font-size:11px!important;
  text-transform:uppercase!important;
  letter-spacing:.035em!important;
  line-height:1.1!important;
}
.home-v43-product h3{
  font-size:22px!important;
  line-height:1.12!important;
  min-height:50px!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
.home-v43-tags{
  gap:8px!important;
}
.home-v43-tags span{
  min-height:34px!important;
  padding:0 11px!important;
  font-size:11px!important;
}
.home-v43-price-row{
  margin-top:auto!important;
  padding-top:16px!important;
  align-items:flex-end!important;
}
.home-v43-price-row strong{
  font-size:24px!important;
  line-height:1!important;
}
.home-v43-price-row span{
  min-height:48px!important;
  border-radius:16px!important;
  padding:0 18px!important;
  white-space:nowrap!important;
}
@media(max-width:900px){
  .home-v43-product-media{border-radius:22px!important;}
  .home-v43-product h3{min-height:0!important;}
}
@media(max-width:560px){
  .home-v43-product{padding:14px!important;border-radius:24px!important;}
  .home-v43-product-top{top:12px!important;left:12px!important;right:12px!important;}
  .home-v43-featured,.home-v43-delivery{min-height:30px!important;font-size:10px!important;padding:0 9px!important;}
  .home-v43-product-media{border-radius:20px!important;margin-bottom:15px!important;}
  .home-v43-product h3{font-size:20px!important;}
  .home-v43-price-row{display:grid!important;gap:14px!important;align-items:stretch!important;}
  .home-v43-price-row span{justify-content:center!important;width:100%!important;}
}

/* =========================================================
   Ayri Store v44.4 - Product Card Price/CTA Alignment Fix
   Scope: homepage product card only. No database/data changes.
   Goal: make price and Lihat Detail row tidy on desktop + mobile.
   ========================================================= */
.home-v43-product{
  height:100%!important;
}
.home-v43-product-info{
  min-height:210px!important;
  display:flex!important;
  flex-direction:column!important;
}
.home-v43-tags{
  margin-top:2px!important;
}
.home-v43-price-row{
  margin-top:auto!important;
  padding-top:22px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:16px!important;
  width:100%!important;
}
.home-v43-price-row strong{
  display:block!important;
  font-size:25px!important;
  line-height:1.05!important;
  letter-spacing:-.055em!important;
  white-space:nowrap!important;
}
.home-v43-price-row span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:132px!important;
  min-height:50px!important;
  padding:0 18px!important;
  border-radius:16px!important;
  line-height:1!important;
  text-align:center!important;
  white-space:nowrap!important;
}
.home-v43-price-row span b{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
  transform:translateY(-1px)!important;
}

@media(max-width:900px){
  .home-v43-product-info{
    min-height:188px!important;
  }
  .home-v43-price-row{
    padding-top:18px!important;
  }
}

@media(max-width:560px){
  .home-v43-product-info{
    min-height:0!important;
    gap:13px!important;
  }
  .home-v43-tags{
    margin-top:4px!important;
  }
  .home-v43-price-row{
    margin-top:10px!important;
    padding-top:6px!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:12px!important;
  }
  .home-v43-price-row strong{
    font-size:25px!important;
  }
  .home-v43-price-row span{
    width:auto!important;
    min-width:138px!important;
    min-height:54px!important;
    padding:0 18px!important;
    border-radius:18px!important;
    font-size:13px!important;
  }
}

@media(max-width:370px){
  .home-v43-price-row{
    grid-template-columns:1fr!important;
    align-items:stretch!important;
  }
  .home-v43-price-row span{
    width:100%!important;
  }
}

/* =========================================================
   Ayri Store v45 - Premium Home + Mobile Nav + Catalog + Customer Polish
   Scope: visual UI only. No database/data/config changes.
   ========================================================= */
:root{
  --ayri-ink:#07111f;
  --ayri-muted:#56657a;
  --ayri-line:#e7edf5;
  --ayri-red:#f0144f;
  --ayri-red2:#c70e38;
  --ayri-soft:#fff4f7;
}
.main-bg{
  background:
    radial-gradient(circle at 9% 7%,rgba(240,20,79,.08),transparent 22rem),
    radial-gradient(circle at 77% 9%,rgba(161,98,255,.10),transparent 25rem),
    linear-gradient(180deg,#ffffff 0%,#f8faff 48%,#f6f8fc 100%)!important;
}
.home-v43-hero{
  padding:34px 0 30px!important;
  overflow:hidden!important;
}
.home-v43-hero-grid{
  grid-template-columns:minmax(0,1fr) minmax(360px,.86fr)!important;
  gap:54px!important;
  align-items:center!important;
}
.home-v43-copy{padding-top:2px!important;}
.home-v43-pill{
  min-height:34px!important;
  padding:0 13px!important;
  border-radius:11px!important;
  background:rgba(255,232,238,.78)!important;
  border:1px solid rgba(255,203,214,.62)!important;
  color:var(--ayri-red)!important;
  font-size:12.5px!important;
  font-weight:900!important;
  box-shadow:none!important;
}
.home-v43-copy h1{
  margin:21px 0 0!important;
  max-width:620px!important;
  font-size:clamp(48px,5.5vw,74px)!important;
  line-height:.96!important;
  letter-spacing:-.075em!important;
  font-weight:950!important;
  color:var(--ayri-ink)!important;
}
.home-v43-copy h1 span,
.home-v43-copy h1 strong{display:block!important;}
.home-v43-copy h1 strong{
  font-weight:950!important;
  background:linear-gradient(90deg,#8b5cf6 0%,#d946ef 42%,#f0144f 83%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
}
.home-v43-copy p{
  max-width:510px!important;
  margin-top:18px!important;
  color:#49586f!important;
  font-size:16px!important;
  line-height:1.68!important;
  letter-spacing:-.02em!important;
  font-weight:650!important;
}
.home-v43-actions,
.home-v43-mini-badges,
.home-v442-trust-row{display:none!important;}
.home-v45-trust-cards{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
  max-width:760px!important;
  margin-top:24px!important;
}
.home-v45-trust-cards div{
  min-height:62px!important;
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  column-gap:11px!important;
  align-items:center!important;
  padding:13px 15px!important;
  border:1px solid rgba(226,232,240,.92)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.82)!important;
  box-shadow:0 18px 42px rgba(15,23,42,.055)!important;
  backdrop-filter:blur(18px)!important;
}
.home-v45-trust-cards i{
  grid-row:1/3!important;
  width:38px!important;height:38px!important;
  border-radius:14px!important;
  display:grid!important;place-items:center!important;
  font-style:normal!important;
  font-size:17px!important;
  color:#8b5cf6!important;
  background:linear-gradient(135deg,#f0e9ff,#fff)!important;
}
.home-v45-trust-cards div:nth-child(2) i{color:#0f9f6e!important;background:linear-gradient(135deg,#dcfff1,#fff)!important;}
.home-v45-trust-cards div:nth-child(3) i{color:#8b5cf6!important;background:linear-gradient(135deg,#f0e9ff,#fff)!important;}
.home-v45-trust-cards div:nth-child(4) i{color:#7c3aed!important;background:linear-gradient(135deg,#f3e8ff,#fff)!important;}
.home-v45-trust-cards b{
  display:block!important;
  font-size:12.5px!important;
  line-height:1.15!important;
  font-weight:950!important;
  color:var(--ayri-ink)!important;
}
.home-v45-trust-cards span{
  display:block!important;
  margin-top:2px!important;
  color:#6b7890!important;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:750!important;
}
.home-v43-visual{
  min-height:315px!important;
  border:0!important;
  background:radial-gradient(circle at 50% 48%,rgba(240,20,79,.12),transparent 14rem)!important;
  box-shadow:none!important;
}
.home-v43-cart{transform:scale(.86) rotate(4deg)!important;filter:drop-shadow(0 26px 45px rgba(240,20,79,.25));}
.cart-basket{display:none!important;}
.cart-handle{left:100px!important;top:40px!important;width:120px!important;height:86px!important;border-width:11px!important;border-color:#ff5978!important;z-index:6!important;}
.cart-cube{border-radius:24px!important;background:linear-gradient(145deg,#ff4f72,#e2114c 70%,#b90f35)!important;box-shadow:0 26px 50px rgba(240,20,79,.25)!important;}
.c1{left:58px!important;top:92px!important;width:160px!important;height:138px!important;font-size:0!important;border-radius:26px!important;}
.c1:after{content:"⚡";font-size:52px;color:#fff;}
.c2{left:104px!important;top:105px!important;width:178px!important;height:156px!important;font-size:0!important;}
.c2:after{content:"";width:70px;height:70px;border-radius:20px;background:rgba(255,255,255,.18);}
.c3{display:none!important;}
.cart-wheel{display:none!important;}
.home-v43-orbit{width:74px!important;height:74px!important;border-radius:22px!important;background:rgba(255,255,255,.9)!important;box-shadow:0 22px 50px rgba(88,104,130,.16)!important;font-size:28px!important;}
.orbit-a{left:8%!important;top:24%!important;color:#8b5cf6!important}.orbit-b{right:6%!important;top:12%!important;color:#6377ff!important}.orbit-c{right:4%!important;top:44%!important;color:#8b5cf6!important}.orbit-d{display:none!important}
.home-v43-catalog{padding-top:42px!important;}
.home-v442-section-head{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:18px!important;margin-bottom:20px!important;}
.home-v442-section-head h2{font-size:32px!important;letter-spacing:-.055em!important;line-height:1.12!important;margin:0!important;}
.home-v442-section-head p{margin-top:7px!important;color:#64748b!important;font-size:15px!important;line-height:1.45!important;}
.home-v43-search{width:min(280px,100%)!important;height:46px!important;border-radius:16px!important;background:#fff!important;box-shadow:0 14px 40px rgba(15,23,42,.06)!important;}
.home-v43-search input{height:46px!important;border-radius:16px 0 0 16px!important;font-size:12.5px!important;}
.home-v43-search button{height:46px!important;border-radius:14px!important;padding:0 18px!important;background:linear-gradient(135deg,var(--ayri-red),var(--ayri-red2))!important;box-shadow:0 14px 30px rgba(240,20,79,.22)!important;}
.home-v43-cats{display:flex!important;gap:12px!important;overflow:auto!important;padding:2px 0 14px!important;margin-bottom:12px!important;scrollbar-width:none!important;}
.home-v43-cats::-webkit-scrollbar{display:none!important;}
.home-v43-chip{flex:0 0 auto!important;min-height:42px!important;padding:0 22px!important;border-radius:999px!important;background:#fff!important;border:1px solid #e7edf5!important;box-shadow:0 9px 24px rgba(15,23,42,.04)!important;font-size:12px!important;font-weight:900!important;}
.home-v43-chip.active{background:linear-gradient(135deg,var(--ayri-red),var(--ayri-red2))!important;color:#fff!important;border-color:transparent!important;box-shadow:0 14px 34px rgba(240,20,79,.22)!important;}
.home-v43-products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:28px!important;}
.home-v43-product{border:1px solid #e6edf7!important;background:#fff!important;box-shadow:0 18px 50px rgba(15,23,42,.06)!important;}
.home-v43-product-media{aspect-ratio:1/1!important;border-radius:22px!important;background:#fff6f8!important;box-shadow:none!important;}
.home-v43-product-info{min-height:190px!important;padding:0!important;}
.home-v43-price-row{border-top:1px solid #e8eef6!important;padding-top:22px!important;margin-top:auto!important;}
.home-v43-price-row strong{color:var(--ayri-red)!important;font-size:27px!important;}
.home-v43-price-row span{background:linear-gradient(135deg,var(--ayri-red),var(--ayri-red2))!important;color:#fff!important;border-radius:17px!important;min-height:56px!important;box-shadow:0 18px 38px rgba(240,20,79,.26)!important;font-weight:950!important;}
.home-v442-how{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;margin-top:34px!important;}
.home-v442-how-card{border-radius:26px!important;background:linear-gradient(180deg,#fff,#fbfdff)!important;}
.home-v43-benefits{border-radius:26px!important;margin-top:30px!important;}
/* v45 mobile bottom navigation: floating, compact, does not cover content too much */
.bottom-app-nav,.customer-bottom-nav{
  left:50%!important;right:auto!important;bottom:calc(12px + env(safe-area-inset-bottom))!important;
  transform:translateX(-50%)!important;width:min(560px,calc(100% - 28px))!important;
  min-height:72px!important;padding:9px!important;border-radius:28px!important;
  background:rgba(255,255,255,.90)!important;border:1px solid rgba(226,232,240,.92)!important;
  box-shadow:0 22px 60px rgba(15,23,42,.14)!important;backdrop-filter:blur(20px)!important;
}
.bottom-app-nav a,.customer-bottom-nav a{border-radius:22px!important;min-height:54px!important;gap:3px!important;color:#64748b!important;font-weight:900!important;}
.bottom-app-nav a span:first-child,.customer-bottom-nav a span:first-child{font-size:18px!important;line-height:1!important;}
.bottom-app-nav a.active,.bottom-app-nav a.active-catalog,.customer-bottom-nav a.active{background:#fff1f4!important;color:var(--ayri-red)!important;box-shadow:inset 0 0 0 1px rgba(255,203,214,.7)!important;}
.wa-float{bottom:104px!important;}
.footer{padding-bottom:116px!important;}
/* v45 customer portal premium polish */
.customer-body{background:linear-gradient(180deg,#f8faff,#f3f6fb)!important;}
.customer-shell{gap:22px!important;}
.customer-sidebar,.customer-card,.customer-stat,.customer-product-card{border:1px solid #e6edf7!important;background:rgba(255,255,255,.9)!important;box-shadow:0 18px 55px rgba(15,23,42,.055)!important;}
.customer-hero{background:linear-gradient(135deg,#0b1020,#182033 55%,#a20f35)!important;border-radius:30px!important;box-shadow:0 24px 70px rgba(15,23,42,.16)!important;}
.customer-hero h2{letter-spacing:-.055em!important;}
.customer-stat-grid{gap:16px!important;}
.customer-stat{border-radius:24px!important;padding:22px!important;}
.customer-stat b{color:var(--ayri-red)!important;}
.customer-card{border-radius:26px!important;padding:22px!important;}
.customer-list{border-radius:18px!important;background:#f8fafc!important;border:1px solid #eef2f7!important;padding:14px!important;margin-top:10px!important;}
.customer-sidebar nav a{border-radius:16px!important;}
.customer-sidebar nav a.active{background:linear-gradient(135deg,var(--ayri-red),var(--ayri-red2))!important;color:#fff!important;box-shadow:0 16px 34px rgba(240,20,79,.20)!important;}
@media(max-width:980px){
  .home-v43-hero-grid{grid-template-columns:1fr!important;gap:18px!important;}
  .home-v43-visual{display:none!important;}
  .home-v45-trust-cards{grid-template-columns:repeat(4,minmax(0,1fr))!important;max-width:none!important;gap:10px!important;}
  .home-v45-trust-cards div{grid-template-columns:1fr!important;justify-items:center!important;text-align:center!important;gap:7px!important;padding:13px 8px!important;}
  .home-v45-trust-cards i{grid-row:auto!important;width:34px!important;height:34px!important;}
  .home-v45-trust-cards span{display:none!important;}
  .home-v43-products{grid-template-columns:1fr!important;gap:18px!important;}
}
@media(max-width:560px){
  .container{width:min(100% - 28px,1180px)!important;}
  .home-v43-hero{padding:22px 0 18px!important;}
  .home-v43-copy h1{font-size:38px!important;line-height:1.02!important;letter-spacing:-.06em!important;}
  .home-v43-copy p{font-size:14px!important;line-height:1.65!important;max-width:340px!important;}
  .home-v45-trust-cards{grid-template-columns:repeat(4,minmax(74px,1fr))!important;overflow:auto!important;padding:2px 0 8px!important;scrollbar-width:none!important;}
  .home-v45-trust-cards::-webkit-scrollbar{display:none!important;}
  .home-v45-trust-cards div{min-width:82px!important;min-height:86px!important;border-radius:14px!important;}
  .home-v45-trust-cards b{font-size:11px!important;line-height:1.15!important;}
  .home-v442-section-head{display:grid!important;gap:12px!important;margin-bottom:10px!important;}
  .home-v442-section-head h2{font-size:24px!important;}
  .home-v442-section-head p{font-size:13px!important;}
  .home-v43-search{width:100%!important;}
  .home-v43-cats{gap:9px!important;padding-bottom:12px!important;}
  .home-v43-chip{min-height:38px!important;padding:0 16px!important;font-size:11.5px!important;}
  .home-v43-product{display:grid!important;grid-template-columns:96px minmax(0,1fr)!important;gap:14px!important;padding:14px!important;border-radius:22px!important;align-items:start!important;}
  .home-v43-product-top{top:10px!important;left:10px!important;right:10px!important;}
  .home-v43-featured{display:none!important;}
  .home-v43-delivery{margin-left:auto!important;min-height:27px!important;font-size:9.5px!important;padding:0 8px!important;}
  .home-v43-product-media{width:96px!important;height:96px!important;aspect-ratio:auto!important;margin:28px 0 0!important;border-radius:16px!important;}
  .home-v43-product-info{min-height:0!important;gap:8px!important;padding:28px 0 0!important;}
  .home-v43-category{font-size:10px!important;margin:0!important;}
  .home-v43-product h3{font-size:16px!important;line-height:1.2!important;min-height:0!important;margin:0!important;}
  .home-v43-tags{display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin-top:2px!important;}
  .home-v43-tags span{min-height:27px!important;padding:0 8px!important;font-size:9.5px!important;}
  .home-v43-price-row{border-top:0!important;padding-top:3px!important;margin-top:4px!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;}
  .home-v43-price-row strong{font-size:18px!important;color:var(--ayri-red)!important;}
  .home-v43-price-row span{min-width:96px!important;min-height:38px!important;border-radius:12px!important;font-size:10.5px!important;padding:0 10px!important;}
  .home-v442-how{grid-template-columns:1fr!important;}
  .home-v43-benefits{display:none!important;}
  .home-v43-final-cta{display:none!important;}
  .bottom-app-nav,.customer-bottom-nav{width:calc(100% - 24px)!important;min-height:68px!important;border-radius:26px!important;}
  .bottom-app-nav a,.customer-bottom-nav a{font-size:11px!important;min-height:50px!important;}
  .wa-float{display:none!important;}
}
@media(max-width:380px){
  .home-v43-product{grid-template-columns:88px minmax(0,1fr)!important;gap:12px!important;}
  .home-v43-product-media{width:88px!important;height:88px!important;}
  .home-v43-price-row{grid-template-columns:1fr!important;}
  .home-v43-price-row span{width:100%!important;}
}

/* v46 PROFESSIONAL HIGH SAAS CLEANUP - non destructive UI patch */
:root{--ayri-ink:#0b1220;--ayri-muted:#64748b;--ayri-soft:#f8fafc;--ayri-line:#e5eaf2;--ayri-red:#e61146;--ayri-red2:#bd1235;--ayri-violet:#7c3aed;}
body{font-family:'Plus Jakarta Sans',Inter,system-ui,sans-serif!important;color:var(--ayri-ink)!important;background:#f8fafc!important;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision;}
.main-bg{background:linear-gradient(180deg,#fff 0%,#fafbff 48%,#f5f8fc 100%)!important;overflow:hidden!important;}
.site-header{background:rgba(255,255,255,.92)!important;border-bottom:1px solid rgba(226,232,240,.92)!important;box-shadow:0 10px 34px rgba(15,23,42,.035)!important;}
.header-inner{height:72px!important;}
.site-nav a{font-weight:850!important;color:#273244!important;padding:10px 13px!important;border-radius:14px!important;}
.site-nav a:hover{background:#f8fafc!important;color:var(--ayri-red)!important;}
.brand-title{letter-spacing:-.03em!important;color:#0b1220!important}.brand-subtitle{color:#64748b!important;font-weight:800!important}

/* Hero: closer to premium SaaS reference, no cramped tiles */
.home-v43-hero{padding:50px 0 48px!important;background:radial-gradient(circle at 70% 12%,rgba(236,72,153,.12),transparent 28rem),radial-gradient(circle at 23% 18%,rgba(124,58,237,.055),transparent 22rem)!important;}
.home-v43-hero-grid{grid-template-columns:minmax(0,1fr) minmax(430px,.9fr)!important;gap:62px!important;align-items:center!important;}
.home-v43-pill{min-height:38px!important;padding:0 16px!important;border-radius:13px!important;background:#fff5f7!important;border:1px solid #ffd6df!important;box-shadow:none!important;font-size:13px!important;letter-spacing:-.01em!important;}
.home-v43-copy h1{margin-top:24px!important;font-size:clamp(48px,5.8vw,78px)!important;line-height:.98!important;letter-spacing:-.082em!important;color:#0b1220!important;}
.home-v43-copy h1 strong{background:linear-gradient(90deg,#6f4dff 0%,#c73ce2 42%,#e61146 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;}
.home-v43-copy p{max-width:620px!important;margin-top:24px!important;font-size:17px!important;line-height:1.75!important;color:#42526a!important;font-weight:700!important;}
.home-v45-trust-cards,.home-v43-mini-badges{display:grid!important;grid-template-columns:repeat(4,minmax(132px,1fr))!important;gap:14px!important;margin-top:30px!important;max-width:690px!important;}
.home-v45-trust-cards div,.home-v43-mini-badges span{display:grid!important;grid-template-columns:38px 1fr!important;align-items:center!important;gap:12px!important;min-height:72px!important;padding:14px 16px!important;border:1px solid #e7edf5!important;border-radius:16px!important;background:#fff!important;box-shadow:0 18px 42px rgba(15,23,42,.055)!important;color:#0b1220!important;text-align:left!important;}
.home-v45-trust-cards i{grid-row:1/3!important;width:38px!important;height:38px!important;border-radius:13px!important;display:grid!important;place-items:center!important;background:#f4efff!important;color:#7c3aed!important;font-style:normal!important;font-size:17px!important;}
.home-v45-trust-cards b{font-size:13px!important;line-height:1.14!important;font-weight:950!important;letter-spacing:-.025em!important;}
.home-v45-trust-cards span{font-size:11.5px!important;line-height:1.25!important;color:#64748b!important;font-weight:800!important;}
.home-v43-visual{min-height:380px!important;border-radius:34px!important;background:radial-gradient(circle at 50% 48%,rgba(236,72,153,.28),transparent 17rem)!important;box-shadow:none!important;}
.home-v43-visual:before{inset:34px!important;border-radius:30px!important;background:rgba(255,255,255,.48)!important;border:1px solid rgba(255,255,255,.86)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 30px 80px rgba(225,29,72,.08)!important;}

/* Catalog head/search cleaned */
.home-v43-catalog{padding:42px 0 58px!important;}
.home-v43-section-head{align-items:end!important;margin-bottom:16px!important;}
.home-v43-section-head h2{font-size:34px!important;letter-spacing:-.055em!important;line-height:1.08!important;color:#0b1220!important;margin:0!important;}
.home-v43-section-head p{margin-top:10px!important;font-size:15px!important;color:#64748b!important;font-weight:700!important;}
.home-v43-search{display:flex!important;align-items:center!important;gap:0!important;width:min(420px,100%)!important;height:52px!important;background:#fff!important;border:1px solid #e5eaf2!important;border-radius:18px!important;box-shadow:0 18px 42px rgba(15,23,42,.055)!important;overflow:hidden!important;}
.home-v43-search input{height:100%!important;min-width:0!important;flex:1!important;border:0!important;background:transparent!important;padding:0 18px!important;font-size:14px!important;font-weight:750!important;color:#0b1220!important;outline:0!important;}
.home-v43-search button{height:100%!important;min-width:78px!important;border:0!important;border-radius:16px!important;margin:3px!important;background:linear-gradient(135deg,var(--ayri-red),var(--ayri-red2))!important;color:#fff!important;font-weight:950!important;box-shadow:0 13px 28px rgba(230,17,70,.24)!important;}
.home-v43-cats{gap:12px!important;margin:0 0 18px!important;padding:0 0 4px!important;}
.home-v43-chip{min-height:42px!important;padding:0 22px!important;display:inline-flex!important;align-items:center!important;border-radius:999px!important;background:#fff!important;border:1px solid #e5eaf2!important;color:#0b1220!important;font-size:12px!important;font-weight:900!important;box-shadow:0 10px 24px rgba(15,23,42,.035)!important;}
.home-v43-chip.active{background:linear-gradient(135deg,var(--ayri-red),var(--ayri-red2))!important;color:#fff!important;border-color:transparent!important;box-shadow:0 16px 34px rgba(230,17,70,.22)!important;}

/* Product cards: stable CTA/price alignment */
.home-v43-products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:26px!important;align-items:stretch!important;}
.home-v43-product{display:flex!important;flex-direction:column!important;min-height:100%!important;padding:20px!important;border-radius:26px!important;border:1px solid #e4eaf2!important;background:#fff!important;box-shadow:0 18px 54px rgba(15,23,42,.055)!important;overflow:hidden!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;}
.home-v43-product:hover{transform:translateY(-3px)!important;box-shadow:0 24px 72px rgba(15,23,42,.09)!important;border-color:#ffd3dc!important;}
.home-v43-product-top{position:absolute!important;top:16px!important;left:16px!important;right:16px!important;z-index:4!important;display:flex!important;justify-content:space-between!important;gap:10px!important;pointer-events:none!important;}
.home-v43-featured,.home-v43-delivery{min-height:34px!important;padding:0 14px!important;display:inline-flex!important;align-items:center!important;border-radius:999px!important;font-size:11px!important;font-weight:950!important;box-shadow:0 10px 24px rgba(15,23,42,.06)!important;}
.home-v43-featured{background:#fff1f4!important;color:var(--ayri-red)!important;border:1px solid #ffd2dc!important;}
.home-v43-delivery{background:#fff!important;color:#0b1220!important;border:1px solid #e7edf5!important;}
.home-v43-product-media{width:100%!important;aspect-ratio:1/1!important;height:auto!important;min-height:0!important;margin:0!important;border-radius:22px!important;background:linear-gradient(135deg,#fff1f4,#fff8fb)!important;overflow:hidden!important;box-shadow:none!important;}
.home-v43-product-media img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:0!important;box-shadow:none!important;}
.home-v43-product-info{display:flex!important;flex-direction:column!important;flex:1!important;min-height:245px!important;padding:18px 0 0!important;}
.home-v43-category{margin:0!important;font-size:11px!important;letter-spacing:.075em!important;color:var(--ayri-red)!important;font-weight:950!important;}
.home-v43-product h3{margin:11px 0 0!important;min-height:50px!important;font-size:20px!important;line-height:1.24!important;letter-spacing:-.04em!important;color:#0b1220!important;font-weight:950!important;}
.home-v43-tags{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-top:15px!important;}
.home-v43-tags span{min-height:32px!important;padding:0 11px!important;display:inline-flex!important;align-items:center!important;border:1px solid #e6edf5!important;border-radius:999px!important;background:#fff!important;color:#334155!important;font-size:11px!important;font-weight:850!important;}
.home-v43-price-row{margin-top:auto!important;padding-top:22px!important;border-top:1px solid #edf1f6!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:18px!important;}
.home-v43-price-row strong{font-size:28px!important;line-height:1!important;color:var(--ayri-red)!important;letter-spacing:-.06em!important;font-weight:950!important;white-space:nowrap!important;}
.home-v43-price-row span{min-width:150px!important;min-height:54px!important;padding:0 22px!important;border-radius:16px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;background:linear-gradient(135deg,var(--ayri-red),var(--ayri-red2))!important;color:#fff!important;font-size:13px!important;font-weight:950!important;box-shadow:0 18px 38px rgba(230,17,70,.24)!important;white-space:nowrap!important;}

/* Customer portal: remove harsh dark block, improve contrast */
.customer-body{background:linear-gradient(180deg,#f8faff 0%,#f4f7fb 100%)!important;color:#0b1220!important;font-family:'Plus Jakarta Sans',Inter,system-ui,sans-serif!important;}
.customer-shell{grid-template-columns:292px 1fr!important;gap:0!important;}
.customer-sidebar{background:rgba(255,255,255,.94)!important;border-right:1px solid #e5eaf2!important;border-left:0!important;border-top:0!important;border-bottom:0!important;box-shadow:18px 0 60px rgba(15,23,42,.04)!important;color:#0b1220!important;padding:24px 24px!important;}
.customer-brand{color:#0b1220!important;padding:6px 0 18px!important;border-bottom:1px solid #eef2f7!important;}
.customer-brand b{font-size:15px!important;letter-spacing:-.025em!important;color:#0b1220!important;}
.customer-brand small{color:#64748b!important;font-weight:850!important;}
.customer-logo{background:#fff!important;border:1px solid #ffd2dc!important;color:var(--ayri-red)!important;box-shadow:0 12px 30px rgba(230,17,70,.08)!important;}
.customer-logo img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:inherit!important;}
.customer-sidebar nav{gap:8px!important;margin-top:26px!important;}
.customer-sidebar nav a,.customer-logout{color:#708096!important;background:transparent!important;border:1px solid transparent!important;font-weight:900!important;min-height:48px!important;border-radius:15px!important;}
.customer-sidebar nav a:hover{background:#f8fafc!important;color:#0b1220!important;border-color:#eef2f7!important;}
.customer-sidebar nav a.active{background:linear-gradient(135deg,var(--ayri-red),var(--ayri-red2))!important;color:#fff!important;box-shadow:0 18px 34px rgba(230,17,70,.18)!important;border-color:transparent!important;}
.customer-logout{background:#f8fafc!important;color:#64748b!important;border-color:#eef2f7!important;}
.customer-main{padding:34px 38px 48px!important;}
.customer-topbar{margin-bottom:26px!important;}
.mini-label{color:#64748b!important;letter-spacing:.12em!important;font-size:11px!important;font-weight:950!important;}
.customer-topbar h1{font-size:31px!important;line-height:1.1!important;letter-spacing:-.06em!important;color:#0b1220!important;}
.customer-store-btn{border-radius:18px!important;padding:13px 18px!important;border:1px solid #e5eaf2!important;background:#fff!important;color:#0b1220!important;box-shadow:0 14px 34px rgba(15,23,42,.055)!important;}
.customer-hero{background:linear-gradient(135deg,#ffffff 0%,#fff8fb 62%,#fff1f5 100%)!important;border:1px solid #e5eaf2!important;border-radius:28px!important;padding:30px 32px!important;box-shadow:0 20px 60px rgba(15,23,42,.06)!important;color:#0b1220!important;}
.customer-hero h2{font-size:32px!important;color:#0b1220!important;margin:14px 0 10px!important;}
.customer-hero p{color:#5d6c82!important;font-size:15px!important;line-height:1.8!important;font-weight:750!important;}
.badge-soft-red{display:inline-flex!important;min-height:34px!important;align-items:center!important;border-radius:999px!important;padding:0 13px!important;background:#fff1f4!important;color:var(--ayri-red)!important;border:1px solid #ffd2dc!important;font-size:11px!important;font-weight:950!important;text-transform:uppercase!important;}
.customer-hero img{width:72px!important;height:72px!important;border-radius:22px!important;border:4px solid #fff!important;box-shadow:0 18px 44px rgba(15,23,42,.14)!important;}
.customer-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;margin:22px 0!important;}
.customer-stat,.customer-card,.customer-product-card{background:#fff!important;border:1px solid #e5eaf2!important;box-shadow:0 18px 54px rgba(15,23,42,.052)!important;border-radius:24px!important;}
.customer-stat{padding:22px 24px!important;}
.customer-stat span{color:#64748b!important;font-size:12px!important;font-weight:950!important;}
.customer-stat b{font-size:30px!important;color:var(--ayri-red)!important;margin-top:14px!important;}
.customer-grid-2{gap:20px!important;}
.customer-card{padding:24px!important;}
.customer-card-head h3{font-size:20px!important;color:#0b1220!important;letter-spacing:-.045em!important;}
.customer-card-head a{color:var(--ayri-red)!important;font-weight:950!important;}
.customer-list{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:6px 14px!important;background:#f8fafc!important;border:1px solid #eef2f7!important;border-radius:18px!important;padding:16px!important;margin-top:12px!important;}
.customer-list b{color:#0b1220!important;font-size:14px!important;line-height:1.35!important;word-break:break-word!important;}
.customer-list span{color:#64748b!important;font-weight:800!important;font-size:12.5px!important;}
.customer-list em{justify-self:start!important;background:#ecfdf5!important;color:#059669!important;border-radius:999px!important;padding:5px 9px!important;font-size:10.5px!important;text-transform:capitalize!important;}

@media(max-width:980px){
  .home-v43-hero-grid{grid-template-columns:1fr!important;gap:22px!important;}
  .home-v43-visual{display:none!important;}
  .home-v45-trust-cards,.home-v43-mini-badges{grid-template-columns:repeat(4,minmax(0,1fr))!important;max-width:none!important;gap:10px!important;}
  .home-v45-trust-cards div,.home-v43-mini-badges span{grid-template-columns:1fr!important;justify-items:center!important;text-align:center!important;min-height:88px!important;padding:14px 10px!important;}
  .home-v45-trust-cards i{grid-row:auto!important;}
  .home-v45-trust-cards span{font-size:11px!important;}
  .home-v43-products{grid-template-columns:1fr!important;gap:18px!important;}
  .customer-shell{display:block!important;}
  .customer-sidebar{display:none!important;}
  .customer-main{padding:22px 16px 110px!important;}
  .customer-grid-2,.customer-stat-grid{grid-template-columns:1fr!important;}
}
@media(max-width:620px){
  .container{width:min(100% - 28px,1180px)!important;}
  .site-header{border-bottom:1px solid #eef2f7!important;}
  .header-inner{height:64px!important;}
  .brand-copy{display:block!important;}.brand-title{font-size:14px!important}.brand-subtitle{font-size:11px!important}
  .desktop-nav-link{display:none!important;}
  .home-v43-hero{padding:24px 0 26px!important;}
  .home-v43-copy h1{font-size:42px!important;line-height:1.03!important;letter-spacing:-.065em!important;margin-top:18px!important;}
  .home-v43-copy p{font-size:14px!important;line-height:1.65!important;max-width:360px!important;margin-top:14px!important;}
  .home-v45-trust-cards,.home-v43-mini-badges{display:grid!important;grid-template-columns:repeat(4,minmax(78px,1fr))!important;gap:9px!important;overflow:auto!important;scrollbar-width:none!important;margin-top:20px!important;padding-bottom:4px!important;}
  .home-v45-trust-cards::-webkit-scrollbar{display:none!important;}
  .home-v45-trust-cards div,.home-v43-mini-badges span{min-width:82px!important;min-height:82px!important;border-radius:16px!important;padding:10px 8px!important;}
  .home-v45-trust-cards i{width:32px!important;height:32px!important;border-radius:12px!important;font-size:15px!important;}
  .home-v45-trust-cards b{font-size:11px!important;line-height:1.15!important;}
  .home-v45-trust-cards span{display:none!important;}
  .home-v43-catalog{padding-top:32px!important;}
  .home-v43-section-head{display:grid!important;gap:14px!important;align-items:start!important;}
  .home-v43-section-head h2{font-size:26px!important;}
  .home-v43-section-head p{font-size:13.5px!important;line-height:1.5!important;}
  .home-v43-search{width:100%!important;height:50px!important;border-radius:17px!important;}
  .home-v43-search button{min-width:72px!important;}
  .home-v43-cats{gap:9px!important;overflow:auto!important;padding-bottom:12px!important;scrollbar-width:none!important;}
  .home-v43-cats::-webkit-scrollbar{display:none!important;}
  .home-v43-chip{min-height:38px!important;padding:0 16px!important;font-size:11.5px!important;}
  .home-v43-product{display:grid!important;grid-template-columns:104px minmax(0,1fr)!important;gap:14px!important;padding:14px!important;border-radius:22px!important;align-items:start!important;}
  .home-v43-product-media{width:104px!important;height:104px!important;aspect-ratio:auto!important;border-radius:17px!important;margin:0!important;grid-row:1 / span 2!important;}
  .home-v43-product-top{top:9px!important;left:9px!important;right:9px!important;}
  .home-v43-featured{display:none!important;}
  .home-v43-delivery{min-height:26px!important;font-size:9.5px!important;padding:0 8px!important;}
  .home-v43-product-info{min-height:0!important;padding:0!important;gap:0!important;display:flex!important;}
  .home-v43-category{font-size:9.5px!important;line-height:1!important;}
  .home-v43-product h3{font-size:16px!important;line-height:1.2!important;min-height:0!important;margin-top:7px!important;}
  .home-v43-tags{gap:6px!important;margin-top:10px!important;}
  .home-v43-tags span{min-height:25px!important;padding:0 8px!important;font-size:9.3px!important;}
  .home-v43-price-row{grid-column:1 / -1!important;border-top:1px solid #edf1f6!important;margin-top:12px!important;padding-top:13px!important;grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important;}
  .home-v43-price-row strong{font-size:22px!important;}
  .home-v43-price-row span{min-width:118px!important;min-height:42px!important;border-radius:13px!important;font-size:11px!important;padding:0 12px!important;}
  .home-v442-how,.home-v43-benefits,.home-v43-final-cta{display:none!important;}
  .customer-topbar h1{font-size:27px!important;}.customer-topbar{align-items:flex-start!important;}
  .customer-store-btn{display:none!important;}.customer-hero{padding:22px!important;border-radius:24px!important;}.customer-hero h2{font-size:26px!important;}
  .customer-list{grid-template-columns:1fr!important;}
  .bottom-app-nav,.customer-bottom-nav{width:calc(100% - 24px)!important;min-height:70px!important;border-radius:26px!important;background:rgba(255,255,255,.93)!important;border:1px solid #e5eaf2!important;box-shadow:0 18px 54px rgba(15,23,42,.16)!important;}
  .bottom-app-nav a,.customer-bottom-nav a{color:#64748b!important;min-height:50px!important;font-size:10.5px!important;}
  .bottom-app-nav a.active,.bottom-app-nav a.active-catalog,.customer-bottom-nav a.active{background:#fff1f4!important;color:var(--ayri-red)!important;}
  .wa-float{display:none!important;}
}
@media(max-width:380px){.home-v43-product{grid-template-columns:92px minmax(0,1fr)!important}.home-v43-product-media{width:92px!important;height:92px!important}.home-v43-price-row{grid-template-columns:1fr!important}.home-v43-price-row span{width:100%!important}.home-v45-trust-cards{grid-template-columns:repeat(4,76px)!important}}

/* =========================================================
   Ayri Store v46.1 - Restore Homepage to V44 Clean Layout
   Source: V44.4 stable home + product-card price/CTA fix
   Scope: homepage only. No database/data/config changes.
   ========================================================= */
.home-v43-hero{padding:72px 0 46px;background:radial-gradient(circle at 74% 28%,rgba(255,43,80,.16),transparent 26rem),radial-gradient(circle at 8% 10%,rgba(255,43,80,.08),transparent 20rem)}
.home-v43-hero-grid{display:grid;grid-template-columns:1fr .95fr;align-items:center;gap:54px}
.home-v43-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid #ffd5dc;background:rgba(255,255,255,.86);border-radius:999px;padding:11px 16px;color:#e11d48;font-size:14px;font-weight:950;box-shadow:0 16px 36px rgba(225,29,72,.08)}
.home-v43-copy h1{max-width:620px;margin:28px 0 0;font-size:clamp(46px,6vw,76px);line-height:.98;font-weight:950;letter-spacing:-.075em;color:#07111f}.home-v43-copy h1::first-line{color:#07111f}.home-v43-copy h1 em,.home-v43-copy .red{color:#e11d48;font-style:normal}
.home-v43-copy p{max-width:590px;margin:24px 0 0;font-size:18px;line-height:1.7;color:#41516b;font-weight:700}.home-v43-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:34px}.home-v43-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:58px;padding:0 28px;border-radius:18px;font-weight:950;font-size:15px;text-decoration:none;border:1px solid transparent;transition:.18s}.home-v43-btn.primary{color:#fff;background:linear-gradient(135deg,#ff174d,#c81931);box-shadow:0 20px 42px rgba(225,29,72,.24)}.home-v43-btn.secondary{background:#fff;border-color:#e4eaf3;color:#07111f;box-shadow:0 14px 34px rgba(15,23,42,.06)}.home-v43-btn:hover{transform:translateY(-2px)}
.home-v43-mini-badges{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}.home-v43-mini-badges span{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border:1px solid #e8eef7;border-radius:999px;background:rgba(255,255,255,.88);box-shadow:0 12px 26px rgba(15,23,42,.05);font-weight:900;color:#122035}.home-v43-visual{position:relative;min-height:430px;border-radius:38px;background:radial-gradient(circle at 55% 45%,rgba(255,43,80,.22),transparent 22rem);display:grid;place-items:center;overflow:hidden}.home-v43-visual:before{content:"";position:absolute;inset:28px;border-radius:34px;background:linear-gradient(135deg,rgba(255,255,255,.42),rgba(255,255,255,.08));border:1px solid rgba(255,255,255,.72);box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.home-v43-orbit{position:absolute;z-index:2;width:78px;height:78px;border-radius:22px;background:rgba(255,255,255,.92);display:grid;place-items:center;font-size:30px;box-shadow:0 18px 45px rgba(15,23,42,.12)}.orbit-a{left:18%;top:19%;color:#475569}.orbit-b{right:14%;top:13%;color:#e11d48}.orbit-c{right:8%;top:38%;color:#e11d48}.orbit-d{right:18%;bottom:17%;color:#e11d48}.home-v43-cart{position:relative;z-index:3;width:330px;height:270px;transform:rotate(-4deg)}.cart-basket{position:absolute;left:25px;top:95px;width:245px;height:92px;border:12px solid #b7c0ca;border-top-width:10px;border-radius:18px;transform:skewX(-12deg);box-shadow:inset 0 -16px 0 rgba(15,23,42,.07)}.cart-basket:after{content:"";position:absolute;left:-18px;right:-18px;top:34px;border-top:9px solid #b7c0ca;transform:skewX(10deg)}.cart-handle{position:absolute;left:63px;top:62px;width:185px;height:58px;border-top:16px solid #ef233c;border-left:16px solid #ef233c;border-right:16px solid #ef233c;border-radius:34px 34px 0 0}.cart-wheel{position:absolute;bottom:42px;width:36px;height:36px;border-radius:50%;background:#172033;border:7px solid #8d99ae}.w1{left:88px}.w2{right:70px}.cart-cube{position:absolute;z-index:5;width:82px;height:82px;border-radius:18px;background:linear-gradient(135deg,#ff315b,#bd1230);color:#fff;display:grid;place-items:center;font-size:30px;font-weight:950;box-shadow:0 20px 35px rgba(225,29,72,.25)}.c1{left:88px;top:80px}.c2{left:154px;top:68px}.c3{left:190px;top:115px}
.home-v43-catalog{padding:40px 0 56px}.home-v43-section-head{display:flex;align-items:center;justify-content:space-between;gap:22px}.home-v43-section-head h2{margin:0;display:flex;align-items:center;gap:12px;font-size:32px;line-height:1;font-weight:950;letter-spacing:-.055em}.home-v43-search{display:flex;gap:12px;min-width:405px}.home-v43-search input{height:54px;border:1px solid #e5ebf3;border-radius:18px;background:#fff;padding:0 18px;outline:none;font-weight:800;color:#0f172a;box-shadow:0 12px 30px rgba(15,23,42,.05)}.home-v43-search button{height:54px;border:0;border-radius:18px;background:linear-gradient(135deg,#ff174d,#c81931);color:#fff;font-weight:950;padding:0 24px;box-shadow:0 14px 30px rgba(225,29,72,.2)}.home-v43-cats{display:flex;gap:12px;overflow:auto;padding:26px 0 18px}.home-v43-chip{white-space:nowrap;display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid #e6ecf4;background:#fff;color:#07111f;font-weight:950;box-shadow:0 10px 24px rgba(15,23,42,.04)}.home-v43-chip.active{background:linear-gradient(135deg,#ff174d,#c81931);border-color:transparent;color:#fff;box-shadow:0 14px 28px rgba(225,29,72,.2)}
.home-v43-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.home-v43-product{position:relative;min-height:520px;overflow:hidden;border:1px solid #e5ebf3;border-radius:28px;background:linear-gradient(145deg,#fff,#fff8f9);box-shadow:0 20px 54px rgba(15,23,42,.07);padding:24px;text-decoration:none;color:#07111f;transition:.18s}.home-v43-product:hover{transform:translateY(-4px);box-shadow:0 28px 70px rgba(15,23,42,.11)}.home-v43-product-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.home-v43-featured,.home-v43-delivery{display:inline-flex;align-items:center;border-radius:999px;font-size:13px;font-weight:950}.home-v43-featured{background:#ffe4ea;color:#e11d48;padding:10px 14px}.home-v43-delivery{background:#fff;border:1px solid #e7edf5;color:#0f172a;padding:10px 15px;box-shadow:0 10px 24px rgba(15,23,42,.05)}.home-v43-product-media{height:210px;display:grid;place-items:center;margin:18px 0}.home-v43-product-media img{max-width:170px;max-height:170px;border-radius:28px;object-fit:cover;box-shadow:0 24px 52px rgba(15,23,42,.16)}.home-v43-logo-placeholder{width:150px;height:150px;border-radius:30px;background:linear-gradient(135deg,#ffe4ea,#fff);display:grid;place-items:center;color:#fb7185;font-size:34px;font-weight:950;letter-spacing:-.06em}.home-v43-product-info{display:grid;gap:14px}.home-v43-category{font-size:13px;font-weight:950;color:#e11d48}.home-v43-product h3{margin:0;font-size:25px;letter-spacing:-.055em;font-weight:950;line-height:1.08}.home-v43-tags{display:flex;gap:10px;flex-wrap:wrap}.home-v43-tags span{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border-radius:999px;background:#fff;border:1px solid #e6ecf4;font-size:12px;font-weight:900;color:#1f2a44}.home-v43-price-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px}.home-v43-price-row strong{font-size:26px;font-weight:950;letter-spacing:-.045em}.home-v43-price-row span{display:inline-flex;align-items:center;gap:8px;min-height:54px;border-radius:17px;background:linear-gradient(135deg,#ff174d,#c81931);color:#fff;font-weight:950;padding:0 24px;box-shadow:0 16px 32px rgba(225,29,72,.22)}.home-v43-price-row b{font-size:22px;line-height:0}.home-v43-empty{border:1px dashed #dbe3ef;border-radius:24px;background:#fff;padding:42px;text-align:center;font-weight:900;color:#64748b}
.home-v43-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:42px;border:1px solid #e7edf5;border-radius:28px;background:rgba(255,255,255,.92);box-shadow:0 18px 55px rgba(15,23,42,.06);overflow:hidden}.home-v43-benefits div{display:grid;justify-items:center;text-align:center;gap:10px;padding:34px 24px;border-left:1px solid #edf2f8}.home-v43-benefits div:first-child{border-left:0}.home-v43-benefits i{width:62px;height:62px;border-radius:20px;background:#ffe6ec;color:#e11d48;display:grid;place-items:center;font-style:normal;font-size:28px}.home-v43-benefits strong{font-size:17px;font-weight:950;letter-spacing:-.03em}.home-v43-benefits span{max-width:180px;color:#536177;font-weight:700;line-height:1.55}.home-v43-final-cta{padding:0 0 58px}.home-v43-cta-card{display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid #ffd5dc;border-radius:28px;background:linear-gradient(135deg,#fff6f7,#fff);padding:28px 34px;box-shadow:0 16px 48px rgba(225,29,72,.08)}.home-v43-cta-card h3{margin:0;font-size:24px;font-weight:950;letter-spacing:-.05em}.home-v43-cta-card p{margin:8px 0 0;color:#667085;font-weight:750}.footer{background:#fff!important;border-top:1px solid #e7edf5}.footer p,.footer a{color:#536177!important;font-weight:700}
@media(max-width:900px){.home-v43-hero{padding:44px 0 24px}.home-v43-hero-grid{grid-template-columns:1fr;gap:28px}.home-v43-copy h1{font-size:44px}.home-v43-copy p{font-size:15px}.home-v43-visual{min-height:270px}.home-v43-cart{transform:scale(.72) rotate(-4deg)}.home-v43-section-head{align-items:flex-start;display:grid}.home-v43-search{min-width:0;width:100%;grid-template-columns:1fr auto;display:grid}.home-v43-products{grid-template-columns:1fr}.home-v43-product{min-height:0}.home-v43-benefits{grid-template-columns:1fr 1fr}.home-v43-benefits div:nth-child(odd){border-left:0}.home-v43-benefits div{padding:24px 14px}.home-v43-cta-card{display:grid;text-align:left}.home-v43-mini-badges{gap:8px}.home-v43-mini-badges span{min-height:38px;padding:0 12px;font-size:12px}}
@media(max-width:560px){.home-v43-copy h1{font-size:38px}.home-v43-actions{display:grid}.home-v43-btn{min-height:52px}.home-v43-visual{display:none}.home-v43-section-head h2{font-size:26px}.home-v43-search input,.home-v43-search button{height:48px}.home-v43-product{border-radius:24px;padding:18px}.home-v43-product-media{height:150px}.home-v43-product-media img,.home-v43-logo-placeholder{width:116px;height:116px;border-radius:24px}.home-v43-product h3{font-size:21px}.home-v43-price-row strong{font-size:21px}.home-v43-price-row span{min-height:46px;padding:0 16px}.home-v43-benefits{grid-template-columns:1fr}.home-v43-benefits div{border-left:0;border-top:1px solid #edf2f8}.home-v43-benefits div:first-child{border-top:0}.home-v43-cta-card{padding:22px}}

/* =========================================================
   Ayri Store v44.1 - High SaaS Typography Upgrade
   Scope: visual-only CSS upgrade. No database/data changes.
   ========================================================= */
:root{
  --font:'Plus Jakarta Sans','Inter',ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --font-display:'Plus Jakarta Sans','Inter',ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --font-mono:'JetBrains Mono','SFMono-Regular','Cascadia Code','Roboto Mono',Consolas,monospace;
}
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;}
body,.customer-body,button,input,select,textarea{font-family:var(--font)!important;}
body{font-size:14.5px!important;line-height:1.68!important;letter-spacing:-.006em!important;color:#0b1220;}
p,li,.section-sub,.feature p,.hero p,.footer p,.footer a,.customer-hero p,.customer-card p{line-height:1.78!important;letter-spacing:-.003em!important;}

/* Headings: premium SaaS, tetap tajam tapi tidak terlalu dempet */
h1,h2,h3,h4,h5,h6,
.hero h1,.section-title,.detail-title,.customer-topbar h1,.customer-hero h2,
.admin-card h1,.admin-card h2,.admin-card h3{
  font-family:var(--font-display)!important;
  letter-spacing:-.035em!important;
  line-height:1.08!important;
  font-weight:850!important;
}
.hero h1{line-height:1.02!important;letter-spacing:-.045em!important;max-width:780px;}
.section-title{line-height:1.12!important;letter-spacing:-.032em!important;}
.detail-title{line-height:1.16!important;letter-spacing:-.03em!important;}
.customer-hero h2{line-height:1.12!important;letter-spacing:-.035em!important;}

/* Microcopy & labels: lebih lega dan premium */
.eyebrow,.section-kicker,.category-label,.price-label,.mini-label,.admin-label,
.badge,.chip,.status-pill,.pill,.support-kicker,.support-card-eyebrow{
  letter-spacing:.055em!important;
  line-height:1.28!important;
  font-weight:800!important;
}
.brand-name,.brand-title,.brand-copy strong,.customer-brand b,.admin-brand-copy span{letter-spacing:-.012em!important;line-height:1.18!important;}
.brand-subtitle,.customer-brand small,.admin-brand-copy small{letter-spacing:.01em!important;line-height:1.35!important;}

/* Buttons, nav, inputs: tidak terlalu padat */
.nav a,.btn,.card-cta,.google-login-btn,.customer-store-btn,.admin-btn,
.customer-sidebar nav a,.customer-logout,.bottom-app-nav a,.customer-bottom-nav a{
  letter-spacing:-.004em!important;
  line-height:1.2!important;
  font-weight:800!important;
}
.btn{padding:14px 20px!important;border-radius:18px!important;}
.input,.admin-input,input,select,textarea{font-size:14px!important;line-height:1.45!important;letter-spacing:-.002em!important;}

/* Card density: tambah breathing room */
.product-grid{gap:20px!important;}
.product-body{padding:18px!important;}
.product-title{font-size:14.2px!important;line-height:1.55!important;letter-spacing:-.01em!important;min-height:auto!important;}
.product-tags{gap:7px!important;margin-top:16px!important;}
.product-price{margin-top:16px!important;padding-top:15px!important;}
.price{letter-spacing:-.025em!important;line-height:1.12!important;}
.feature,.panel,.customer-card,.customer-stat,.customer-product-card,.admin-card{line-height:1.65!important;}
.feature h3{line-height:1.32!important;letter-spacing:-.018em!important;}

/* Forms & invoice/order pages */
.label{font-size:12.5px!important;letter-spacing:.005em!important;line-height:1.35!important;}
.notice{line-height:1.62!important;letter-spacing:-.002em!important;}
.variant-item{line-height:1.5!important;}
.variant-item strong{line-height:1.28!important;letter-spacing:-.01em!important;}
.breadcrumb{line-height:1.45!important;letter-spacing:0!important;}

/* Tables: lebih mudah dibaca */
.customer-table th,.admin-table th{letter-spacing:.06em!important;line-height:1.32!important;font-weight:800!important;}
.customer-table td,.admin-table td{line-height:1.55!important;letter-spacing:-.002em!important;}

/* Code / credential blocks */
pre,code,.customer-product-card pre{font-family:var(--font-mono)!important;letter-spacing:0!important;line-height:1.72!important;}

/* Mobile polish: tetap lega tanpa membesar berlebihan */
@media(max-width:760px){
  body{font-size:14px!important;line-height:1.66!important;}
  .hero h1{line-height:1.06!important;letter-spacing:-.038em!important;}
  .hero p{font-size:14.5px!important;line-height:1.76!important;}
  .section-title{line-height:1.14!important;}
  .product-title{font-size:13.8px!important;line-height:1.52!important;}
  .btn{padding:13px 17px!important;}
  .bottom-app-nav a,.customer-bottom-nav a{line-height:1.2!important;}
}

/* v44.2 High SaaS home conversion upgrade - safe UI only */
.home-v43-hero{padding:42px 0 46px!important}.home-v43-hero-grid{gap:48px!important}.home-v43-copy h1{letter-spacing:-.072em!important;line-height:.96!important;max-width:610px}.home-v43-copy p{max-width:610px!important;line-height:1.86!important;color:#41516a!important}.home-v43-pill{box-shadow:0 14px 34px rgba(201,37,53,.10)!important}.home-v43-visual{transform:translateZ(0);box-shadow:inset 0 1px 0 rgba(255,255,255,.78),0 28px 80px rgba(201,37,53,.10)!important}.home-v442-trust-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:520px;margin-top:22px}.home-v442-trust-row div{border:1px solid rgba(226,232,240,.92);background:rgba(255,255,255,.72);border-radius:18px;padding:13px 14px;box-shadow:0 14px 34px rgba(15,23,42,.04);backdrop-filter:blur(16px)}.home-v442-trust-row b{display:block;font-size:15px;font-weight:950;letter-spacing:-.04em;color:#07111f}.home-v442-trust-row span{display:block;margin-top:3px;font-size:11.5px;font-weight:800;color:#64748b;letter-spacing:-.01em}.home-v442-section-head{align-items:center!important;margin-bottom:10px}.home-v442-kicker{display:inline-flex;margin-bottom:8px;font-size:11px;font-weight:950;letter-spacing:.16em;text-transform:uppercase;color:#dc2626}.home-v442-section-head h2{line-height:1.08!important;letter-spacing:-.055em!important}.home-v442-section-head p{max-width:520px;margin:10px 0 0;color:#64748b;font-weight:650;line-height:1.65}.home-v43-search{align-self:center!important}.home-v43-products{gap:22px!important}.home-v43-product{position:relative;overflow:hidden;border-radius:26px!important;background:linear-gradient(180deg,#fff,#fff7f8)!important;box-shadow:0 18px 60px rgba(15,23,42,.07)!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important}.home-v43-product:hover{transform:translateY(-5px);box-shadow:0 28px 80px rgba(15,23,42,.12)!important;border-color:rgba(244,63,94,.28)!important}.home-v43-product:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 18%,rgba(244,63,94,.12),transparent 13rem);pointer-events:none}.home-v43-product-media{position:relative;min-height:210px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,#fff7f8,#ffffff 55%,#f8fafc)!important;overflow:hidden!important}.home-v442-product-glow{position:absolute;width:150px;height:150px;border-radius:999px;background:rgba(244,63,94,.11);filter:blur(22px);transform:translate(28px,-6px)}.home-v43-product-media img{position:relative;z-index:2;width:120px!important;height:120px!important;object-fit:cover!important;border-radius:26px!important;box-shadow:0 22px 54px rgba(15,23,42,.16)!important}.home-v442-logo-placeholder{position:relative;z-index:2;width:120px!important;height:120px!important;border-radius:28px!important;background:linear-gradient(135deg,#ffe4e9,#fff7f8)!important;display:grid!important;place-items:center!important;font-size:22px!important;color:#ef5b70!important;box-shadow:0 22px 54px rgba(201,37,53,.10)!important}.home-v43-product-info{position:relative;z-index:2;padding:0 22px 22px!important}.home-v43-category{font-size:11px!important;letter-spacing:.03em!important;margin-bottom:8px!important}.home-v43-product-info h3{font-size:20px!important;line-height:1.22!important;letter-spacing:-.045em!important;margin-bottom:12px!important}.home-v43-tags{gap:8px!important}.home-v43-tags span{padding:7px 10px!important;border-radius:999px!important;background:#fff!important;border:1px solid #e7edf6!important;font-size:11px!important;font-weight:900!important}.home-v43-price-row{margin-top:28px!important}.home-v43-price-row strong{font-size:23px!important;letter-spacing:-.052em!important}.home-v43-price-row span{border-radius:14px!important;padding:12px 16px!important;box-shadow:0 16px 35px rgba(225,29,72,.24)!important}.home-v442-how{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:32px 0 0}.home-v442-how-card{position:relative;border:1px solid rgba(226,232,240,.92);background:#fff;border-radius:24px;padding:22px;box-shadow:0 16px 46px rgba(15,23,42,.055)}.home-v442-how-card span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:14px;background:#fff1f2;color:#dc2626;font-weight:950}.home-v442-how-card strong{display:block;margin-top:16px;font-size:16px;font-weight:950;letter-spacing:-.035em}.home-v442-how-card p{margin:8px 0 0;color:#64748b;font-weight:650;line-height:1.65}.home-v442-benefits{margin-top:24px!important;overflow:hidden}.home-v442-benefits div{background:linear-gradient(180deg,#fff,#f9fbff)!important}.home-v43-cta-card{border-radius:26px!important;background:linear-gradient(135deg,#fff,#fff5f7)!important;box-shadow:0 24px 70px rgba(201,37,53,.10)!important}.home-v43-final-cta{padding-bottom:28px!important}@media(max-width:900px){.home-v442-trust-row,.home-v442-how{grid-template-columns:1fr}.home-v43-product-media{min-height:190px!important}.home-v43-product-info h3{font-size:18px!important}.home-v43-section-head{display:block!important}.home-v43-search{margin-top:16px;width:100%!important}.home-v43-search input{min-width:0!important}.home-v43-copy h1{font-size:clamp(42px,12vw,58px)!important}.home-v43-visual{min-height:250px!important}}@media(max-width:560px){.home-v43-hero{padding-top:26px!important}.home-v442-trust-row{display:none}.home-v43-products{grid-template-columns:1fr!important}.home-v43-product-media img,.home-v442-logo-placeholder{width:108px!important;height:108px!important}.home-v43-product-info{padding:0 18px 18px!important}.home-v43-price-row{margin-top:20px!important}.home-v43-benefits{grid-template-columns:1fr!important}.home-v43-cta-card{display:block!important}.home-v43-cta-card .home-v43-btn{margin-top:16px;width:100%}}

/* =========================================================
   Ayri Store v44.3 - Product Card Square 1:1 Upgrade
   Scope: homepage/product card visual-only. No database/data changes.
   Based on v44.2 home premium upgrade.
   ========================================================= */
.home-v43-products{
  align-items:stretch!important;
}
.home-v43-product{
  display:flex!important;
  flex-direction:column!important;
  min-height:0!important;
  padding:20px!important;
  border-radius:30px!important;
  background:linear-gradient(180deg,#ffffff 0%,#fff9fa 100%)!important;
}
.home-v43-product-top{
  position:absolute!important;
  z-index:4!important;
  top:18px!important;
  left:18px!important;
  right:18px!important;
  pointer-events:none!important;
}
.home-v43-featured,
.home-v43-delivery{
  min-height:34px!important;
  padding:0 12px!important;
  font-size:11.5px!important;
  backdrop-filter:blur(14px)!important;
  background:rgba(255,255,255,.84)!important;
  border:1px solid rgba(226,232,240,.78)!important;
  box-shadow:0 12px 28px rgba(15,23,42,.08)!important;
}
.home-v43-featured{
  color:#e11d48!important;
  background:rgba(255,228,234,.90)!important;
  border-color:rgba(255,190,205,.72)!important;
}
.home-v43-product-media{
  position:relative!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:1/1!important;
  margin:0 0 18px!important;
  display:block!important;
  overflow:hidden!important;
  border-radius:24px!important;
  background:linear-gradient(135deg,#fff1f4,#f8fafc)!important;
  border:1px solid rgba(226,232,240,.86)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.86),0 18px 45px rgba(15,23,42,.06)!important;
}
.home-v442-product-glow{
  display:none!important;
}
.home-v43-product-media img{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  border-radius:0!important;
  object-fit:cover!important;
  object-position:center!important;
  box-shadow:none!important;
  transform:scale(1.001);
  transition:transform .22s ease, filter .22s ease!important;
}
.home-v43-product:hover .home-v43-product-media img{
  transform:scale(1.035)!important;
}
.home-v43-logo-placeholder,
.home-v442-logo-placeholder{
  width:100%!important;
  height:100%!important;
  border-radius:0!important;
  display:grid!important;
  place-items:center!important;
  background:radial-gradient(circle at 50% 38%,#fff 0%,#ffe4ea 42%,#fff7f8 100%)!important;
  font-size:clamp(30px,5vw,58px)!important;
  letter-spacing:-.07em!important;
}
.home-v43-product-info{
  flex:1!important;
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
  padding:2px 2px 0!important;
}
.home-v43-category{
  font-size:11px!important;
  text-transform:uppercase!important;
  letter-spacing:.035em!important;
  line-height:1.1!important;
}
.home-v43-product h3{
  font-size:22px!important;
  line-height:1.12!important;
  min-height:50px!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
.home-v43-tags{
  gap:8px!important;
}
.home-v43-tags span{
  min-height:34px!important;
  padding:0 11px!important;
  font-size:11px!important;
}
.home-v43-price-row{
  margin-top:auto!important;
  padding-top:16px!important;
  align-items:flex-end!important;
}
.home-v43-price-row strong{
  font-size:24px!important;
  line-height:1!important;
}
.home-v43-price-row span{
  min-height:48px!important;
  border-radius:16px!important;
  padding:0 18px!important;
  white-space:nowrap!important;
}
@media(max-width:900px){
  .home-v43-product-media{border-radius:22px!important;}
  .home-v43-product h3{min-height:0!important;}
}
@media(max-width:560px){
  .home-v43-product{padding:14px!important;border-radius:24px!important;}
  .home-v43-product-top{top:12px!important;left:12px!important;right:12px!important;}
  .home-v43-featured,.home-v43-delivery{min-height:30px!important;font-size:10px!important;padding:0 9px!important;}
  .home-v43-product-media{border-radius:20px!important;margin-bottom:15px!important;}
  .home-v43-product h3{font-size:20px!important;}
  .home-v43-price-row{display:grid!important;gap:14px!important;align-items:stretch!important;}
  .home-v43-price-row span{justify-content:center!important;width:100%!important;}
}

/* =========================================================
   Ayri Store v44.4 - Product Card Price/CTA Alignment Fix
   Scope: homepage product card only. No database/data changes.
   Goal: make price and Lihat Detail row tidy on desktop + mobile.
   ========================================================= */
.home-v43-product{
  height:100%!important;
}
.home-v43-product-info{
  min-height:210px!important;
  display:flex!important;
  flex-direction:column!important;
}
.home-v43-tags{
  margin-top:2px!important;
}
.home-v43-price-row{
  margin-top:auto!important;
  padding-top:22px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:16px!important;
  width:100%!important;
}
.home-v43-price-row strong{
  display:block!important;
  font-size:25px!important;
  line-height:1.05!important;
  letter-spacing:-.055em!important;
  white-space:nowrap!important;
}
.home-v43-price-row span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:132px!important;
  min-height:50px!important;
  padding:0 18px!important;
  border-radius:16px!important;
  line-height:1!important;
  text-align:center!important;
  white-space:nowrap!important;
}
.home-v43-price-row span b{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
  transform:translateY(-1px)!important;
}

@media(max-width:900px){
  .home-v43-product-info{
    min-height:188px!important;
  }
  .home-v43-price-row{
    padding-top:18px!important;
  }
}

@media(max-width:560px){
  .home-v43-product-info{
    min-height:0!important;
    gap:13px!important;
  }
  .home-v43-tags{
    margin-top:4px!important;
  }
  .home-v43-price-row{
    margin-top:10px!important;
    padding-top:6px!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:12px!important;
  }
  .home-v43-price-row strong{
    font-size:25px!important;
  }
  .home-v43-price-row span{
    width:auto!important;
    min-width:138px!important;
    min-height:54px!important;
    padding:0 18px!important;
    border-radius:18px!important;
    font-size:13px!important;
  }
}

@media(max-width:370px){
  .home-v43-price-row{
    grid-template-columns:1fr!important;
    align-items:stretch!important;
  }
  .home-v43-price-row span{
    width:100%!important;
  }
}


/* =========================================================
   Ayri Store v46.3 - Mobile Nav + Price CTA Final Fix
   Scope: bottom nav active state + homepage product price row only.
   Non-destructive: no database/data/config changes.
   ========================================================= */
.bottom-app-nav a.active-catalog{
  background:transparent!important;
  color:#64748b!important;
  box-shadow:none!important;
}
.bottom-app-nav a.active-catalog:hover{
  background:rgba(255,241,244,.68)!important;
  color:var(--ayri-red, #e11d48)!important;
}

.home-v43-product{
  display:flex!important;
  flex-direction:column!important;
}
.home-v43-product-info{
  flex:1 1 auto!important;
  display:flex!important;
  flex-direction:column!important;
}
.home-v43-price-row{
  width:100%!important;
  margin-top:auto!important;
  padding-top:18px!important;
  border-top:1px solid rgba(226,232,240,.92)!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(128px,auto)!important;
  align-items:center!important;
  gap:14px!important;
}
.home-v43-price-row strong{
  min-width:0!important;
  display:block!important;
  color:#07111f!important;
  font-size:24px!important;
  line-height:1.05!important;
  letter-spacing:-.045em!important;
  white-space:nowrap!important;
}
.home-v43-price-row span{
  width:auto!important;
  min-width:128px!important;
  height:48px!important;
  min-height:48px!important;
  padding:0 17px!important;
  border-radius:16px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  font-size:13px!important;
  font-weight:950!important;
  line-height:1!important;
  text-align:center!important;
  white-space:nowrap!important;
  justify-self:end!important;
}
.home-v43-price-row span b{
  font-size:18px!important;
  line-height:1!important;
  transform:none!important;
}

@media(max-width:560px){
  .home-v43-product{
    padding:14px!important;
    padding-bottom:16px!important;
  }
  .home-v43-product-info{
    gap:12px!important;
  }
  .home-v43-tags{
    gap:8px!important;
    margin-top:0!important;
  }
  .home-v43-tags span{
    min-height:34px!important;
    padding:0 10px!important;
    font-size:11px!important;
  }
  .home-v43-price-row{
    margin-top:4px!important;
    padding-top:14px!important;
    grid-template-columns:minmax(0,1fr) minmax(134px,auto)!important;
    gap:10px!important;
  }
  .home-v43-price-row strong{
    font-size:23px!important;
    line-height:1!important;
  }
  .home-v43-price-row span{
    min-width:134px!important;
    height:50px!important;
    min-height:50px!important;
    padding:0 14px!important;
    border-radius:17px!important;
    font-size:12.5px!important;
  }
  .home-v43-price-row span b{
    font-size:17px!important;
  }
}

@media(max-width:360px){
  .home-v43-price-row{
    grid-template-columns:1fr!important;
    align-items:stretch!important;
  }
  .home-v43-price-row span{
    width:100%!important;
    justify-self:stretch!important;
  }
}


/* =========================================================
   Ayri Store v46.4 - Home Heading + Mobile Price CTA Edge Fix
   Scope: homepage only. Non-destructive: no database/data changes.
   ========================================================= */
.home-v442-section-head h2 span{display:none!important;}
.home-v442-section-head h2{display:block!important;}

.home-v43-product-info{
  width:100%!important;
}
.home-v43-price-row{
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
}
.home-v43-price-row strong{
  flex:0 0 auto!important;
}
.home-v43-price-row span{
  flex:0 0 auto!important;
  margin-left:auto!important;
  justify-self:end!important;
}

@media(max-width:560px){
  .home-v43-product-info{
    width:100%!important;
    padding-left:14px!important;
    padding-right:14px!important;
  }
  .home-v43-price-row{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:space-between!important;
    width:100%!important;
    gap:10px!important;
    margin-top:6px!important;
    padding-top:14px!important;
  }
  .home-v43-price-row strong{
    flex:1 1 auto!important;
    min-width:0!important;
    font-size:24px!important;
  }
  .home-v43-price-row span{
    flex:0 0 auto!important;
    margin-left:auto!important;
    min-width:142px!important;
    height:50px!important;
    min-height:50px!important;
    padding:0 16px!important;
    justify-self:end!important;
  }
}

@media(max-width:390px){
  .home-v43-price-row span{
    min-width:132px!important;
    padding:0 13px!important;
    font-size:12px!important;
  }
  .home-v43-price-row strong{
    font-size:22px!important;
  }
}

@media(max-width:335px){
  .home-v43-price-row{
    flex-wrap:wrap!important;
  }
  .home-v43-price-row span{
    width:100%!important;
    margin-left:0!important;
  }
}

/* =========================================================
   Ayri Store v46.5 - Realtime Social Proof Homepage
   Realtime: /api/live-stats updates online visitors, members, and delivered orders.
   ========================================================= */
.home-live-proof{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  max-width:560px!important;
  margin-top:22px!important;
}
.live-proof-card{
  position:relative!important;
  display:grid!important;
  align-content:center!important;
  min-height:78px!important;
  border:1px solid rgba(226,232,240,.92)!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.82)!important;
  box-shadow:0 16px 42px rgba(15,23,42,.055)!important;
  backdrop-filter:blur(18px)!important;
  padding:14px 15px!important;
  overflow:hidden!important;
}
.live-proof-card:before{
  content:"";
  position:absolute;
  inset:auto -20px -36px auto;
  width:92px;
  height:92px;
  border-radius:999px;
  background:rgba(225,29,72,.08);
  pointer-events:none;
}
.live-proof-card strong{
  position:relative!important;
  z-index:1!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  color:#07111f!important;
  font-size:24px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:-.055em!important;
  transition:transform .22s ease,color .22s ease!important;
}
.live-proof-card strong.is-updated{transform:translateY(-1px)!important;color:#e11d48!important;}
.live-proof-card small{
  position:relative!important;
  z-index:1!important;
  display:block!important;
  margin-top:7px!important;
  color:#64748b!important;
  font-size:11.5px!important;
  line-height:1.3!important;
  font-weight:850!important;
  letter-spacing:-.01em!important;
}
.live-dot{
  position:absolute!important;
  top:14px!important;
  right:14px!important;
  width:9px!important;
  height:9px!important;
  border-radius:999px!important;
  background:#22c55e!important;
  box-shadow:0 0 0 6px rgba(34,197,94,.14)!important;
  animation:ayriLivePulse 1.55s ease-in-out infinite!important;
}
@keyframes ayriLivePulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(.72);opacity:.65}}

@media(max-width:900px){
  .home-live-proof{max-width:none!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;margin-top:18px!important;}
  .live-proof-card{min-height:72px!important;border-radius:18px!important;padding:13px 12px!important;}
  .live-proof-card strong{font-size:21px!important;}
  .live-proof-card small{font-size:10.8px!important;}
}
@media(max-width:560px){
  .home-live-proof{grid-template-columns:1fr!important;gap:9px!important;margin-top:18px!important;}
  .live-proof-card{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:58px!important;padding:12px 14px!important;}
  .live-proof-card strong{font-size:22px!important;}
  .live-proof-card small{margin-top:0!important;text-align:right!important;max-width:130px!important;}
  .live-dot{top:50%!important;right:auto!important;left:13px!important;transform:translateY(-50%)!important;}
  .live-proof-card.is-online{padding-left:32px!important;}
}


/* V46.7 Premium secure delivery / user vault UI */
.delivery-page{background:linear-gradient(180deg,#f8fafc 0%,#fff 100%)}
.delivery-shell{align-items:start}.delivery-panel{overflow:hidden}.delivery-head h1{letter-spacing:-.04em}.delivery-head p{max-width:640px;color:#64748b;font-weight:700;line-height:1.7}.delivery-meta>div{border-radius:22px}.delivery-items{margin-top:22px}.delivery-section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px}.delivery-section-title span{font-size:18px;font-weight:950;letter-spacing:-.03em;color:#071225}.delivery-section-title small{font-size:12px;font-weight:800;color:#94a3b8}.delivery-vault-card,.delivery-instruction-card{margin-top:22px;border:1px solid rgba(226,232,240,.95);border-radius:28px;background:linear-gradient(180deg,#fff,#fff7fa);box-shadow:0 24px 70px rgba(15,23,42,.08);padding:24px}.delivery-vault-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.delivery-vault-head h2{font-size:26px;margin:8px 0 6px;letter-spacing:-.04em}.delivery-vault-head p{margin:0;color:#64748b;font-weight:750;line-height:1.6}.delivery-badge{display:inline-flex;border-radius:999px;background:#eafff5;color:#047857;border:1px solid #bbf7d0;padding:8px 12px;font-size:12px;font-weight:950}.delivery-lock{width:58px;height:58px;border-radius:20px;display:grid;place-items:center;background:#fff;box-shadow:0 18px 42px rgba(225,29,72,.14);font-size:25px;flex:0 0 auto}.credential-list{display:grid;gap:12px}.credential-row{display:grid;grid-template-columns:170px minmax(0,1fr) auto;align-items:center;gap:12px;border:1px solid #e2e8f0;background:#fff;border-radius:20px;padding:14px}.credential-label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#e11d48;font-weight:950}.credential-value{min-height:44px;border-radius:14px;background:#f8fafc;border:1px solid #e5e7eb;color:#071225;font-weight:900;line-height:1.5;white-space:pre-wrap;word-break:break-word;padding:12px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.credential-actions{display:flex;gap:8px;flex-wrap:wrap}.mini-action{border:1px solid #e2e8f0;background:#fff;border-radius:999px;padding:10px 13px;font-weight:950;font-size:12px;color:#0f172a;box-shadow:0 10px 22px rgba(15,23,42,.06);cursor:pointer}.mini-action:hover{border-color:#fb7185;color:#e11d48}.instruction-content{border-radius:20px;background:#fff;border:1px solid #e2e8f0;padding:18px;color:#334155;font-weight:750;line-height:1.8}.delivery-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.delivery-action-card{border:1px solid #e2e8f0;border-radius:22px;background:#fff;padding:18px;text-decoration:none;color:#0f172a;box-shadow:0 16px 38px rgba(15,23,42,.06)}.delivery-action-card strong{display:block;font-size:15px;font-weight:950;margin-bottom:5px}.delivery-action-card span{color:#64748b;font-size:13px;font-weight:750}.delivery-side{position:sticky;top:110px}.copy-toast{position:fixed;left:50%;bottom:110px;transform:translateX(-50%) translateY(18px);background:#0f172a;color:#fff;border-radius:999px;padding:12px 18px;font-weight:900;font-size:13px;box-shadow:0 20px 50px rgba(15,23,42,.25);opacity:0;transition:.22s ease;z-index:9999}.copy-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.customer-delivery-grid{gap:18px}.customer-vault-card{padding:22px!important;background:linear-gradient(180deg,#fff,#fff8fb)!important;border:1px solid #e2e8f0!important;box-shadow:0 18px 52px rgba(15,23,42,.07)!important}.customer-vault-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.customer-vault-invoice{font-size:12px;font-weight:950;color:#e11d48;text-decoration:none}.customer-credential-list{display:grid;gap:10px;margin:16px 0}.customer-credential-row{display:grid;grid-template-columns:130px 1fr auto auto;gap:8px;align-items:center;padding:12px;border-radius:18px;background:#fff;border:1px solid #e2e8f0}.customer-credential-row span{font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:#64748b;font-weight:950}.customer-credential-row strong{font-size:13px}.customer-instruction-box{margin-top:14px;padding:16px;border:1px solid #fecdd3;background:#fff1f2;border-radius:18px;color:#334155;font-weight:750;line-height:1.7}.customer-instruction-box b{display:block;color:#be123c;margin-bottom:6px}.customer-ticket-link{display:inline-flex;margin-top:16px;border-radius:999px;background:#e11d48;color:#fff!important;text-decoration:none;padding:11px 16px;font-weight:950;font-size:13px}.customer-empty-note{padding:14px;border-radius:16px;background:#f8fafc;color:#64748b;font-weight:800}
@media (max-width: 760px){.delivery-shell{grid-template-columns:1fr}.delivery-head{gap:16px}.delivery-head h1{font-size:22px;word-break:break-word}.delivery-vault-card,.delivery-instruction-card{border-radius:24px;padding:18px}.delivery-vault-head{align-items:flex-start}.delivery-vault-head h2{font-size:22px}.credential-row{grid-template-columns:1fr;gap:9px}.credential-actions{justify-content:flex-start}.delivery-action-grid{grid-template-columns:1fr}.delivery-side{position:relative;top:auto}.customer-credential-row{grid-template-columns:1fr}.copy-toast{bottom:98px;width:calc(100% - 48px);text-align:center}}


/* v46.8 - invoice + Google login logo polish */
.login-brand-mark.login-brand-image{background:#fff;border:1px solid rgba(225,29,72,.18);box-shadow:0 18px 36px rgba(225,29,72,.14);overflow:hidden;padding:8px;color:#e11d48}
.login-brand-mark.login-brand-image img{width:100%;height:100%;object-fit:contain;display:block;border-radius:14px}
.login-brand-mark.login-brand-image span{display:grid;place-items:center;width:100%;height:100%;border-radius:14px;background:linear-gradient(135deg,#f43f5e,#be123c);color:#fff;font-weight:950}

/* v46.11 - Admin High SaaS Compact Dashboard */
.admin-saas-dashboard .saas-kpi{position:relative;overflow:hidden;border-radius:26px;padding:20px;background:#fff;border:1px solid #e7edf5;box-shadow:0 20px 55px rgba(15,23,42,.07)}
.admin-saas-dashboard .saas-kpi:before{content:"";position:absolute;right:-36px;top:-36px;width:120px;height:120px;border-radius:999px;background:linear-gradient(135deg,rgba(244,63,94,.15),rgba(124,58,237,.08))}
.admin-saas-dashboard .saas-kpi-icon{position:absolute;right:18px;top:18px;width:42px;height:42px;border-radius:16px;display:grid;place-items:center;background:#fff1f2;color:#e11d48;font-weight:950;border:1px solid #ffe4e6}
.admin-saas-dashboard .saas-kpi span{display:block;color:#64748b;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.14em}.admin-saas-dashboard .saas-kpi strong{display:block;margin-top:12px;color:#0f172a;font-size:25px;font-weight:950;letter-spacing:-.04em}.admin-saas-dashboard .saas-kpi p{margin-top:7px;color:#64748b;font-size:12px;font-weight:750;line-height:1.5}.saas-kpi-dark .saas-kpi-icon{background:#f1f5f9;color:#0f172a;border-color:#e2e8f0}.saas-kpi-green .saas-kpi-icon{background:#ecfdf5;color:#059669;border-color:#bbf7d0}.saas-kpi-blue .saas-kpi-icon{background:#eef2ff;color:#4f46e5;border-color:#c7d2fe}
.saas-bar-chart{height:250px;display:flex;align-items:end;gap:10px;border-radius:26px;background:linear-gradient(180deg,#f8fafc,#fff);border:1px solid #eef2f7;padding:18px 16px}.saas-bar-item{min-width:0;flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:8px}.saas-bar{position:relative;width:100%;border-radius:16px 16px 8px 8px;background:linear-gradient(180deg,#fb7185,#be123c);box-shadow:0 12px 26px rgba(225,29,72,.18)}.saas-bar em{display:none;position:absolute;top:-34px;left:50%;transform:translateX(-50%);white-space:nowrap;border-radius:12px;background:#0f172a;color:#fff;font-size:10px;font-weight:900;padding:6px 8px;font-style:normal}.saas-bar:hover em{display:block}.saas-bar-item span{font-size:10px;font-weight:950;color:#94a3b8}.saas-donut-wrap{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:22px}.saas-donut{width:168px;height:168px;border-radius:999px;display:grid;place-items:center;text-align:center;background:conic-gradient(#16a34a calc(var(--success)*1%),#f59e0b calc(var(--success)*1%) calc((var(--success) + var(--pending))*1%),#e2e8f0 0);position:relative}.saas-donut:after{content:"";position:absolute;inset:18px;border-radius:999px;background:#fff}.saas-donut strong,.saas-donut span{position:relative;z-index:1;display:block}.saas-donut strong{font-size:32px;font-weight:950;color:#0f172a}.saas-donut span{margin-top:34px;margin-left:-54px;font-size:11px;font-weight:900;color:#64748b}.saas-status-list{flex:1;display:grid;gap:10px}.saas-status-list div{display:flex;align-items:center;gap:10px;border-radius:16px;background:#f8fafc;border:1px solid #eef2f7;padding:11px 12px}.saas-status-list i{width:10px;height:10px;border-radius:999px}.saas-status-list .ok{background:#16a34a}.saas-status-list .warn{background:#f59e0b}.saas-status-list .bad{background:#e2e8f0}.saas-status-list span{flex:1;font-size:12px;font-weight:900;color:#64748b}.saas-status-list b{font-size:13px;font-weight:950;color:#0f172a}.saas-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid #eef2f7;background:linear-gradient(180deg,#fff,#fbfcff)}.saas-panel-head.compact{padding:16px 18px}.saas-panel-head h2{font-weight:950;color:#0f172a}.saas-panel-head p{margin-top:2px;font-size:12px;font-weight:800;color:#94a3b8}.saas-slider-actions{display:flex;align-items:center;gap:8px}.saas-slider-actions button{width:30px;height:30px;border-radius:12px;border:1px solid #e2e8f0;background:#fff;color:#0f172a;font-weight:950}.saas-slider-actions span{min-width:46px;text-align:center;font-size:11px;font-weight:950;color:#64748b}.saas-slider-actions a{font-size:12px;font-weight:950;color:#e11d48}.saas-slide-wrap{position:relative;min-height:296px;padding:14px}.saas-slide-wrap.activity{min-height:268px}.saas-slide{display:none;gap:10px}.saas-slide.active{display:grid}.saas-order-row{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #eef2f7;background:#fff;border-radius:18px;padding:12px 14px;box-shadow:0 8px 18px rgba(15,23,42,.035)}.saas-order-row b{display:block;font-size:13px;font-weight:950;color:#0f172a}.saas-order-row span{display:block;margin-top:3px;font-size:12px;font-weight:850;color:#475569;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}.saas-order-row small{display:block;margin-top:4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:800;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:340px}.saas-order-row strong{display:block;font-size:13px;font-weight:950;color:#0f172a}.saas-order-row em{margin-top:7px;font-style:normal}.saas-activity-row{display:flex;gap:11px;border:1px solid #eef2f7;background:#fff;border-radius:18px;padding:12px 13px}.saas-activity-row i{margin-top:4px;width:10px;height:10px;border-radius:999px;background:#e11d48;box-shadow:0 0 0 5px #ffe4e6}.saas-activity-row b{display:block;font-size:12px;font-weight:950;color:#0f172a}.saas-activity-row span{display:block;margin-top:4px;font-size:11px;font-weight:750;color:#64748b;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.saas-empty{display:grid;place-items:center;min-height:220px;color:#94a3b8;font-weight:900}
@media(max-width:780px){.saas-donut-wrap{flex-direction:column;align-items:stretch}.saas-donut{margin:auto}.saas-panel-head{align-items:flex-start;flex-direction:column}.saas-slider-actions{width:100%;justify-content:space-between}.saas-slide-wrap{min-height:330px}.saas-bar-chart{gap:5px;padding:14px 10px}.saas-order-row{align-items:flex-start}.saas-order-row span{max-width:180px}.saas-order-row small{max-width:190px}}

/* v46.12 - Fixed Admin Dashboard High SaaS (no Tailwind dependency) */
.admin-dashboard-v12{display:flex;flex-direction:column;gap:24px;color:#0f172a}.dash-hero-v12{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:4px 2px 2px}.dash-eyebrow-v12{display:inline-flex;align-items:center;border-radius:999px;background:#fff1f2;color:#e11d48;border:1px solid #ffe4e6;padding:7px 11px;font-size:11px;font-weight:950;letter-spacing:.04em}.dash-hero-v12 h1{margin:12px 0 6px;font-size:32px;line-height:1.08;font-weight:950;letter-spacing:-.045em;color:#071225}.dash-hero-v12 p{margin:0;max-width:720px;color:#64748b;font-size:14px;font-weight:750;line-height:1.6}.dash-actions-v12{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.dash-actions-v12 a{height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:15px;border:1px solid #e2e8f0;background:#fff;color:#0f172a;text-decoration:none;padding:0 16px;font-size:12px;font-weight:950;box-shadow:0 12px 30px rgba(15,23,42,.06)}.dash-actions-v12 a.primary{border:0;background:linear-gradient(135deg,#f43f5e,#be123c);color:#fff;box-shadow:0 16px 34px rgba(225,29,72,.25)}
.dash-kpi-grid-v12{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.dash-kpi-v12{position:relative;min-height:138px;overflow:hidden;border-radius:26px;padding:20px;background:#fff;border:1px solid #e7edf5;box-shadow:0 20px 55px rgba(15,23,42,.07)}.dash-kpi-v12:after{content:"";position:absolute;right:-34px;top:-34px;width:124px;height:124px;border-radius:999px;background:linear-gradient(135deg,rgba(244,63,94,.16),rgba(124,58,237,.08))}.dash-kpi-v12 .kpi-icon-v12{position:absolute;right:16px;top:16px;z-index:1;width:42px;height:42px;border-radius:16px;display:grid;place-items:center;background:#fff1f2;color:#e11d48;font-weight:950;border:1px solid #ffe4e6}.dash-kpi-v12 span{display:block;position:relative;z-index:1;max-width:150px;color:#64748b;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.12em}.dash-kpi-v12 strong{display:block;position:relative;z-index:1;margin-top:15px;color:#0f172a;font-size:27px;font-weight:950;letter-spacing:-.04em}.dash-kpi-v12 p{position:relative;z-index:1;margin:8px 0 0;color:#64748b;font-size:12px;font-weight:750;line-height:1.45}.dash-kpi-v12.tone-green .kpi-icon-v12{background:#ecfdf5;color:#059669;border-color:#bbf7d0}.dash-kpi-v12.tone-blue .kpi-icon-v12{background:#eef2ff;color:#4f46e5;border-color:#c7d2fe}.dash-kpi-v12.tone-violet .kpi-icon-v12{background:#f5f3ff;color:#7c3aed;border-color:#ddd6fe}
.dash-card-v12{background:#fff;border:1px solid #e7edf5;border-radius:28px;box-shadow:0 24px 70px rgba(15,23,42,.075);overflow:hidden}.dash-card-head-v12{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:20px 22px;border-bottom:1px solid #eef2f7;background:linear-gradient(180deg,#fff,#fbfcff)}.dash-card-head-v12.compact{padding:17px 20px}.dash-card-head-v12 h2{margin:0;color:#071225;font-size:17px;font-weight:950;letter-spacing:-.03em}.dash-card-head-v12 p{margin:4px 0 0;color:#94a3b8;font-size:12px;font-weight:850;line-height:1.4}.dash-pill-v12{display:inline-flex;align-items:center;white-space:nowrap;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:950}.dash-pill-v12.dark{background:#0f172a;color:#fff}.dash-pill-v12.green{background:#dcfce7;color:#15803d}.dash-pill-v12.yellow{background:#fef3c7;color:#a16207}
.dash-analytics-grid-v12{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(320px,.58fr);gap:20px}.bar-chart-v12{height:260px;display:flex;align-items:end;gap:10px;margin:18px;padding:18px 16px;border-radius:24px;background:linear-gradient(180deg,#f8fafc,#fff);border:1px solid #eef2f7}.bar-item-v12{min-width:0;flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:8px}.bar-v12{position:relative;width:100%;border-radius:16px 16px 8px 8px;background:linear-gradient(180deg,#fb7185,#be123c);box-shadow:0 12px 26px rgba(225,29,72,.18);min-height:8px}.bar-v12 em{display:none;position:absolute;top:-32px;left:50%;transform:translateX(-50%);white-space:nowrap;border-radius:11px;background:#0f172a;color:#fff;font-size:10px;font-weight:900;padding:6px 8px;font-style:normal}.bar-v12:hover em{display:block}.bar-item-v12 span{font-size:10px;font-weight:950;color:#94a3b8}.health-body-v12{display:flex;align-items:center;gap:24px;padding:24px}.donut-v12{flex:0 0 auto;width:166px;height:166px;border-radius:999px;display:grid;place-items:center;text-align:center;background:conic-gradient(#16a34a calc(var(--success)*1%),#f59e0b calc(var(--success)*1%) calc((var(--success) + var(--pending))*1%),#e2e8f0 0);position:relative}.donut-v12:after{content:"";position:absolute;inset:18px;border-radius:999px;background:#fff}.donut-v12 strong,.donut-v12 span{position:relative;z-index:1}.donut-v12 strong{font-size:31px;font-weight:950}.donut-v12 span{margin-top:40px;margin-left:-58px;font-size:11px;font-weight:900;color:#64748b}.health-list-v12{flex:1;display:grid;gap:10px}.health-list-v12 div{display:flex;align-items:center;gap:10px;border-radius:16px;background:#f8fafc;border:1px solid #eef2f7;padding:12px}.health-list-v12 i{width:10px;height:10px;border-radius:999px}.health-list-v12 .ok{background:#16a34a}.health-list-v12 .warn{background:#f59e0b}.health-list-v12 .bad{background:#e2e8f0}.health-list-v12 span{flex:1;font-size:12px;font-weight:900;color:#64748b}.health-list-v12 b{font-size:13px;font-weight:950}
.dash-main-grid-v12{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.72fr);gap:20px}.dash-side-stack-v12{display:grid;gap:20px}.slider-actions-v12{display:flex;align-items:center;gap:8px}.slider-actions-v12 button{width:30px;height:30px;border-radius:12px;border:1px solid #e2e8f0;background:#fff;color:#0f172a;font-weight:950;cursor:pointer}.slider-actions-v12 span{min-width:46px;text-align:center;font-size:11px;font-weight:950;color:#64748b}.slider-actions-v12 a{font-size:12px;font-weight:950;color:#e11d48;text-decoration:none}.slide-wrap-v12{position:relative;min-height:354px;padding:14px}.slide-wrap-v12.activity{min-height:320px}.slide-v12{display:none;gap:10px}.slide-v12.active{display:grid}.order-row-v12{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #eef2f7;background:#fff;border-radius:18px;padding:13px 14px;box-shadow:0 8px 18px rgba(15,23,42,.035)}.order-main-v12{min-width:0}.order-main-v12 b{display:block;font-size:13px;font-weight:950;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:430px}.order-main-v12 span{display:block;margin-top:4px;font-size:12px;font-weight:850;color:#475569;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:430px}.order-main-v12 small{display:block;margin-top:4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:800;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:430px}.order-side-v12{text-align:right;flex:0 0 auto}.order-side-v12 strong{display:block;font-size:13px;font-weight:950}.status-v12{display:inline-flex;margin-top:7px;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:950;font-style:normal;background:#f1f5f9;color:#475569}.status-v12.success{background:#dcfce7;color:#15803d}.status-v12.pending{background:#fef3c7;color:#a16207}.status-v12.failed,.status-v12.expired{background:#ffe4e6;color:#be123c}.low-stock-list-v12{display:grid;gap:10px;padding:14px}.stock-row-v12{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #eef2f7;background:#f8fafc;border-radius:18px;padding:13px}.stock-row-v12 b{display:block;font-size:13px;font-weight:950}.stock-row-v12 span{display:block;margin-top:4px;font-size:11px;font-weight:800;color:#94a3b8}.stock-row-v12 em{border-radius:999px;padding:6px 9px;font-size:10px;font-weight:950;font-style:normal}.stock-row-v12 em.warn{background:#fef3c7;color:#a16207}.stock-row-v12 em.danger{background:#ffe4e6;color:#be123c}.activity-row-v12{display:flex;gap:12px;border:1px solid #eef2f7;background:#fff;border-radius:18px;padding:12px 13px}.activity-row-v12 i{margin-top:5px;width:9px;height:9px;border-radius:999px;background:#e11d48;box-shadow:0 0 0 5px #ffe4e6;flex:0 0 auto}.activity-row-v12 b{display:block;font-size:12px;font-weight:950;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.activity-row-v12 span{display:-webkit-box;margin-top:4px;color:#64748b;font-size:11px;font-weight:750;line-height:1.45;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dash-empty-v12{min-height:200px;display:grid;place-items:center;color:#94a3b8;font-size:13px;font-weight:900}.dash-empty-small-v12{border-radius:18px;background:#f8fafc;border:1px solid #eef2f7;padding:16px;color:#94a3b8;font-size:13px;font-weight:900}.top-product-grid-v12{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:16px}.top-product-v12{display:flex;justify-content:space-between;gap:12px;border:1px solid #eef2f7;background:#fff;border-radius:18px;padding:14px;box-shadow:0 8px 18px rgba(15,23,42,.035)}.top-product-v12 b{display:block;font-size:13px;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.top-product-v12 span{display:block;margin-top:5px;color:#94a3b8;font-size:11px;font-weight:850}.top-product-v12 strong{font-size:13px;font-weight:950;color:#e11d48;white-space:nowrap}
@media(max-width:1180px){.dash-kpi-grid-v12{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-analytics-grid-v12,.dash-main-grid-v12{grid-template-columns:1fr}.top-product-grid-v12{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.dash-hero-v12{align-items:flex-start;flex-direction:column}.dash-actions-v12{justify-content:flex-start;width:100%}.dash-actions-v12 a{flex:1;min-width:132px}.dash-hero-v12 h1{font-size:28px}.dash-kpi-grid-v12{grid-template-columns:1fr}.dash-card-head-v12{flex-direction:column}.slider-actions-v12{width:100%;justify-content:space-between}.bar-chart-v12{height:220px;gap:5px;padding:12px 8px}.health-body-v12{flex-direction:column;align-items:stretch}.donut-v12{margin:auto}.order-row-v12{align-items:flex-start}.order-main-v12 b,.order-main-v12 span,.order-main-v12 small{max-width:210px}.activity-row-v12 b{max-width:230px}.top-product-grid-v12{grid-template-columns:1fr}.slide-wrap-v12{min-height:380px}.slide-wrap-v12.activity{min-height:360px}}


/* =========================================================
   Ayri Store v46.13 - Emergency Admin Dashboard Restore
   Fix: cache-bust + scoped High SaaS layout for analytics dashboard.
   ========================================================= */
.admin-dashboard-v12,.admin-dashboard-v12 *{box-sizing:border-box!important}
.admin-dashboard-v12{display:flex!important;flex-direction:column!important;gap:22px!important;color:#0f172a!important;width:100%!important;font-family:'Inter','Plus Jakarta Sans',system-ui,sans-serif!important}
.admin-dashboard-v12 a{text-decoration:none!important}.admin-dashboard-v12 button{font-family:inherit!important}
.dash-hero-v12{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:18px!important;padding:4px 0 2px!important}
.dash-eyebrow-v12{display:inline-flex!important;align-items:center!important;border-radius:999px!important;background:#fff1f2!important;color:#e11d48!important;border:1px solid #ffe4e6!important;padding:7px 11px!important;font-size:11px!important;font-weight:950!important;letter-spacing:.04em!important}
.dash-hero-v12 h1{margin:12px 0 6px!important;font-size:34px!important;line-height:1.04!important;font-weight:950!important;letter-spacing:-.045em!important;color:#071225!important}
.dash-hero-v12 p{margin:0!important;max-width:720px!important;color:#64748b!important;font-size:14px!important;font-weight:750!important;line-height:1.55!important}
.dash-actions-v12{display:flex!important;flex-wrap:wrap!important;gap:10px!important;justify-content:flex-end!important}.dash-actions-v12 a{height:42px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:15px!important;border:1px solid #e2e8f0!important;background:#fff!important;color:#0f172a!important;padding:0 16px!important;font-size:12px!important;font-weight:950!important;box-shadow:0 12px 30px rgba(15,23,42,.06)!important}.dash-actions-v12 a.primary{border:0!important;background:linear-gradient(135deg,#f43f5e,#be123c)!important;color:#fff!important;box-shadow:0 16px 34px rgba(225,29,72,.25)!important}
.dash-kpi-grid-v12{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}.dash-kpi-v12{position:relative!important;min-height:132px!important;overflow:hidden!important;border-radius:26px!important;padding:20px!important;background:#fff!important;border:1px solid #e7edf5!important;box-shadow:0 20px 55px rgba(15,23,42,.07)!important}.dash-kpi-v12:after{content:""!important;position:absolute!important;right:-34px!important;top:-34px!important;width:124px!important;height:124px!important;border-radius:999px!important;background:linear-gradient(135deg,rgba(244,63,94,.16),rgba(124,58,237,.08))!important}.dash-kpi-v12 .kpi-icon-v12{position:absolute!important;right:16px!important;top:16px!important;z-index:1!important;width:42px!important;height:42px!important;border-radius:16px!important;display:grid!important;place-items:center!important;background:#fff1f2!important;color:#e11d48!important;font-weight:950!important;border:1px solid #ffe4e6!important}.dash-kpi-v12 span{display:block!important;position:relative!important;z-index:1!important;max-width:160px!important;color:#64748b!important;font-size:10px!important;font-weight:950!important;text-transform:uppercase!important;letter-spacing:.12em!important}.dash-kpi-v12 strong{display:block!important;position:relative!important;z-index:1!important;margin-top:15px!important;color:#0f172a!important;font-size:25px!important;font-weight:950!important;letter-spacing:-.04em!important}.dash-kpi-v12 p{position:relative!important;z-index:1!important;margin:8px 0 0!important;color:#64748b!important;font-size:12px!important;font-weight:750!important;line-height:1.45!important}.dash-kpi-v12.tone-green .kpi-icon-v12{background:#ecfdf5!important;color:#059669!important;border-color:#bbf7d0!important}.dash-kpi-v12.tone-blue .kpi-icon-v12{background:#eef2ff!important;color:#4f46e5!important;border-color:#c7d2fe!important}.dash-kpi-v12.tone-violet .kpi-icon-v12{background:#f5f3ff!important;color:#7c3aed!important;border-color:#ddd6fe!important}
.dash-card-v12{background:#fff!important;border:1px solid #e7edf5!important;border-radius:28px!important;box-shadow:0 24px 70px rgba(15,23,42,.075)!important;overflow:hidden!important}.dash-card-head-v12{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:14px!important;padding:20px 22px!important;border-bottom:1px solid #eef2f7!important;background:linear-gradient(180deg,#fff,#fbfcff)!important}.dash-card-head-v12.compact{padding:16px 18px!important}.dash-card-head-v12 h2{margin:0!important;color:#071225!important;font-size:17px!important;font-weight:950!important;letter-spacing:-.03em!important}.dash-card-head-v12 p{margin:4px 0 0!important;color:#94a3b8!important;font-size:12px!important;font-weight:850!important;line-height:1.4!important}.dash-pill-v12{display:inline-flex!important;align-items:center!important;white-space:nowrap!important;border-radius:999px!important;padding:7px 10px!important;font-size:10px!important;font-weight:950!important}.dash-pill-v12.dark{background:#0f172a!important;color:#fff!important}.dash-pill-v12.green{background:#dcfce7!important;color:#15803d!important}.dash-pill-v12.yellow{background:#fef3c7!important;color:#a16207!important}
.dash-analytics-grid-v12{display:grid!important;grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr)!important;gap:20px!important}.bar-chart-v12{height:260px!important;display:flex!important;align-items:end!important;gap:10px!important;margin:18px!important;padding:18px 16px!important;border-radius:24px!important;background:linear-gradient(180deg,#f8fafc,#fff)!important;border:1px solid #eef2f7!important}.bar-item-v12{min-width:0!important;flex:1!important;height:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:end!important;gap:8px!important}.bar-v12{position:relative!important;width:100%!important;border-radius:16px 16px 8px 8px!important;background:linear-gradient(180deg,#fb7185,#be123c)!important;box-shadow:0 12px 26px rgba(225,29,72,.18)!important;min-height:8px!important}.bar-v12 em{display:none!important;position:absolute!important;top:-32px!important;left:50%!important;transform:translateX(-50%)!important;white-space:nowrap!important;border-radius:11px!important;background:#0f172a!important;color:#fff!important;font-size:10px!important;font-weight:900!important;padding:6px 8px!important;font-style:normal!important}.bar-v12:hover em{display:block!important}.bar-item-v12 span{font-size:10px!important;font-weight:950!important;color:#94a3b8!important}.health-body-v12{display:flex!important;align-items:center!important;gap:24px!important;padding:24px!important}.donut-v12{flex:0 0 auto!important;width:166px!important;height:166px!important;border-radius:999px!important;display:grid!important;place-items:center!important;text-align:center!important;background:conic-gradient(#16a34a calc(var(--success)*1%),#f59e0b calc(var(--success)*1%) calc((var(--success) + var(--pending))*1%),#e2e8f0 0)!important;position:relative!important}.donut-v12:after{content:""!important;position:absolute!important;inset:18px!important;border-radius:999px!important;background:#fff!important}.donut-v12 strong,.donut-v12 span{position:relative!important;z-index:1!important}.donut-v12 strong{font-size:31px!important;font-weight:950!important}.donut-v12 span{margin-top:40px!important;margin-left:-58px!important;font-size:11px!important;font-weight:900!important;color:#64748b!important}.health-list-v12{flex:1!important;display:grid!important;gap:10px!important}.health-list-v12 div{display:flex!important;align-items:center!important;gap:10px!important;border-radius:16px!important;background:#f8fafc!important;border:1px solid #eef2f7!important;padding:12px!important}.health-list-v12 i{width:10px!important;height:10px!important;border-radius:999px!important}.health-list-v12 .ok{background:#16a34a!important}.health-list-v12 .warn{background:#f59e0b!important}.health-list-v12 .bad{background:#e2e8f0!important}.health-list-v12 span{flex:1!important;font-size:12px!important;font-weight:900!important;color:#64748b!important}.health-list-v12 b{font-size:13px!important;font-weight:950!important}
.dash-main-grid-v12{display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(360px,.72fr)!important;gap:20px!important}.dash-side-stack-v12{display:grid!important;gap:20px!important}.slider-actions-v12{display:flex!important;align-items:center!important;gap:8px!important}.slider-actions-v12 button{width:30px!important;height:30px!important;border-radius:12px!important;border:1px solid #e2e8f0!important;background:#fff!important;color:#0f172a!important;font-weight:950!important;cursor:pointer!important}.slider-actions-v12 span{min-width:46px!important;text-align:center!important;font-size:11px!important;font-weight:950!important;color:#64748b!important}.slider-actions-v12 a{font-size:12px!important;font-weight:950!important;color:#e11d48!important}.slide-wrap-v12{position:relative!important;min-height:352px!important;padding:14px!important}.slide-wrap-v12.activity{min-height:315px!important}.slide-v12{display:none!important;gap:10px!important}.slide-v12.active{display:grid!important}.order-row-v12{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;border:1px solid #eef2f7!important;background:#fff!important;border-radius:18px!important;padding:13px 14px!important;box-shadow:0 8px 18px rgba(15,23,42,.035)!important}.order-main-v12{min-width:0!important}.order-main-v12 b{display:block!important;font-size:13px!important;font-weight:950!important;color:#0f172a!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:430px!important}.order-main-v12 span{display:block!important;margin-top:4px!important;font-size:12px!important;font-weight:850!important;color:#475569!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:430px!important}.order-main-v12 small{display:block!important;margin-top:4px!important;font-family:ui-monospace,SFMono-Regular,Menlo,monospace!important;font-size:10px!important;font-weight:800!important;color:#94a3b8!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:430px!important}.order-side-v12{text-align:right!important;flex:0 0 auto!important}.order-side-v12 strong{display:block!important;font-size:13px!important;font-weight:950!important}.status-v12{display:inline-flex!important;margin-top:7px!important;border-radius:999px!important;padding:5px 8px!important;font-size:10px!important;font-weight:950!important;font-style:normal!important;background:#f1f5f9!important;color:#475569!important}.status-v12.success{background:#dcfce7!important;color:#15803d!important}.status-v12.pending{background:#fef3c7!important;color:#a16207!important}.status-v12.failed,.status-v12.expired{background:#ffe4e6!important;color:#be123c!important}.low-stock-list-v12{display:grid!important;gap:10px!important;padding:14px!important}.stock-row-v12{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;border:1px solid #eef2f7!important;background:#f8fafc!important;border-radius:18px!important;padding:13px!important}.stock-row-v12 b{display:block!important;font-size:13px!important;font-weight:950!important}.stock-row-v12 span{display:block!important;margin-top:4px!important;font-size:11px!important;font-weight:800!important;color:#94a3b8!important}.stock-row-v12 em{border-radius:999px!important;padding:6px 9px!important;font-size:10px!important;font-weight:950!important;font-style:normal!important}.stock-row-v12 em.warn{background:#fef3c7!important;color:#a16207!important}.stock-row-v12 em.danger{background:#ffe4e6!important;color:#be123c!important}.activity-row-v12{display:flex!important;gap:12px!important;border:1px solid #eef2f7!important;background:#fff!important;border-radius:18px!important;padding:12px 13px!important}.activity-row-v12 i{margin-top:5px!important;width:9px!important;height:9px!important;border-radius:999px!important;background:#e11d48!important;box-shadow:0 0 0 5px #ffe4e6!important;flex:0 0 auto!important}.activity-row-v12 b{display:block!important;font-size:12px!important;font-weight:950!important;color:#0f172a!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:300px!important}.activity-row-v12 span{display:-webkit-box!important;margin-top:4px!important;color:#64748b!important;font-size:11px!important;font-weight:750!important;line-height:1.45!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.dash-empty-v12{min-height:200px!important;display:grid!important;place-items:center!important;color:#94a3b8!important;font-size:13px!important;font-weight:900!important}.dash-empty-small-v12{border-radius:18px!important;background:#f8fafc!important;border:1px solid #eef2f7!important;padding:16px!important;color:#94a3b8!important;font-size:13px!important;font-weight:900!important}.top-product-grid-v12{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;padding:16px!important}.top-product-v12{display:flex!important;justify-content:space-between!important;gap:12px!important;border:1px solid #eef2f7!important;background:#fff!important;border-radius:18px!important;padding:14px!important;box-shadow:0 8px 18px rgba(15,23,42,.035)!important}.top-product-v12 b{display:block!important;font-size:13px!important;font-weight:950!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:160px!important}.top-product-v12 span{display:block!important;margin-top:5px!important;color:#94a3b8!important;font-size:11px!important;font-weight:850!important}.top-product-v12 strong{font-size:13px!important;font-weight:950!important;color:#e11d48!important;white-space:nowrap!important}
@media(max-width:1180px){.dash-kpi-grid-v12{grid-template-columns:repeat(2,minmax(0,1fr))!important}.dash-analytics-grid-v12,.dash-main-grid-v12{grid-template-columns:1fr!important}.top-product-grid-v12{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:720px){.dash-hero-v12{align-items:flex-start!important;flex-direction:column!important}.dash-actions-v12{justify-content:flex-start!important;width:100%!important}.dash-actions-v12 a{flex:1!important;min-width:132px!important}.dash-hero-v12 h1{font-size:28px!important}.dash-kpi-grid-v12{grid-template-columns:1fr!important}.dash-card-head-v12{flex-direction:column!important}.slider-actions-v12{width:100%!important;justify-content:space-between!important}.bar-chart-v12{height:220px!important;gap:5px!important;padding:12px 8px!important}.health-body-v12{flex-direction:column!important;align-items:stretch!important}.donut-v12{margin:auto!important}.order-row-v12{align-items:flex-start!important}.order-main-v12 b,.order-main-v12 span,.order-main-v12 small{max-width:210px!important}.activity-row-v12 b{max-width:230px!important}.top-product-grid-v12{grid-template-columns:1fr!important}.slide-wrap-v12{min-height:380px!important}.slide-wrap-v12.activity{min-height:360px!important}}

/* v46.14 Order Health polish - clean SaaS donut */
.dash-health-v12 .health-body-v12{
  display:grid!important;
  grid-template-columns:minmax(150px, 190px) minmax(0,1fr)!important;
  align-items:center!important;
  gap:18px!important;
  padding:22px!important;
}
.dash-health-v12 .donut-v12{
  width:168px!important;
  height:168px!important;
  margin:0 auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:2px!important;
  border-radius:999px!important;
  position:relative!important;
  background:conic-gradient(#16a34a calc(var(--success)*1%), #f59e0b calc(var(--success)*1%) calc((var(--success) + var(--pending))*1%), #e2e8f0 0)!important;
  box-shadow:inset 0 0 0 1px rgba(15,23,42,.05), 0 16px 34px rgba(22,163,74,.16)!important;
  text-align:center!important;
  overflow:hidden!important;
}
.dash-health-v12 .donut-v12:after{
  content:""!important;
  position:absolute!important;
  inset:22px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#fff,#f8fafc)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important;
}
.dash-health-v12 .donut-v12 strong{
  position:relative!important;
  z-index:2!important;
  display:block!important;
  margin:0!important;
  font-size:34px!important;
  line-height:1!important;
  letter-spacing:-.06em!important;
  font-weight:950!important;
  color:#0f172a!important;
}
.dash-health-v12 .donut-v12 span{
  position:relative!important;
  z-index:2!important;
  display:block!important;
  margin:6px 0 0 0!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  color:#16a34a!important;
}
.dash-health-v12 .health-list-v12{
  display:grid!important;
  gap:10px!important;
  min-width:0!important;
}
.dash-health-v12 .health-list-v12 div{
  min-height:58px!important;
  padding:13px 14px!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#fff,#f8fafc)!important;
  border:1px solid #e8eef6!important;
  box-shadow:0 10px 24px rgba(15,23,42,.045)!important;
}
.dash-health-v12 .health-list-v12 span{
  font-size:13px!important;
  line-height:1.2!important;
  font-weight:850!important;
  color:#475569!important;
}
.dash-health-v12 .health-list-v12 b{
  min-width:28px!important;
  text-align:right!important;
  font-size:18px!important;
  line-height:1!important;
  font-weight:950!important;
  color:#0f172a!important;
}
.dash-health-v12 .health-list-v12 i{
  width:11px!important;
  height:11px!important;
  flex:0 0 11px!important;
  box-shadow:0 0 0 5px rgba(15,23,42,.035)!important;
}
@media(max-width:1180px){
  .dash-health-v12 .health-body-v12{grid-template-columns:190px minmax(0,1fr)!important;}
}
@media(max-width:720px){
  .dash-health-v12 .dash-card-head-v12{align-items:flex-start!important;}
  .dash-health-v12 .health-body-v12{
    grid-template-columns:1fr!important;
    padding:18px!important;
    gap:16px!important;
  }
  .dash-health-v12 .donut-v12{
    width:154px!important;
    height:154px!important;
  }
  .dash-health-v12 .donut-v12:after{inset:20px!important;}
  .dash-health-v12 .donut-v12 strong{font-size:31px!important;}
  .dash-health-v12 .health-list-v12{
    grid-template-columns:1fr!important;
  }
  .dash-health-v12 .health-list-v12 div{
    min-height:54px!important;
    border-radius:16px!important;
  }
}


/* v46.15 Dashboard UI Refinement - compact high SaaS polish */
:root{--dash-border:#e6edf7;--dash-muted:#64748b;--dash-dark:#071225;--dash-red:#e11d48;}
.admin-layout,.admin-main,.customer-layout,.customer-main{background:#f6f8fc!important;}
.admin-dashboard-v12{gap:18px!important;max-width:1440px!important;margin:0 auto!important;}
.dash-hero-v12{padding:2px 0 4px!important;align-items:center!important;}
.dash-eyebrow-v12{padding:6px 10px!important;font-size:10px!important;background:#fff1f2!important;}
.dash-hero-v12 h1{font-size:30px!important;margin:10px 0 0!important;letter-spacing:-.04em!important;}
.dash-hero-v12 p,.dash-card-head-v12 p,.dash-kpi-v12 p{display:none!important;}
.dash-actions-v12 a{height:40px!important;border-radius:14px!important;padding:0 14px!important;font-size:12px!important;}
.dash-kpi-grid-v12{gap:14px!important;}
.dash-kpi-v12{min-height:108px!important;padding:18px!important;border-radius:22px!important;box-shadow:0 16px 44px rgba(15,23,42,.055)!important;}
.dash-kpi-v12 strong{font-size:24px!important;margin-top:12px!important;}
.dash-kpi-v12 .kpi-icon-v12{width:36px!important;height:36px!important;border-radius:13px!important;}
.dash-card-v12{border-radius:24px!important;border-color:var(--dash-border)!important;box-shadow:0 16px 50px rgba(15,23,42,.055)!important;}
.dash-card-head-v12{padding:16px 18px!important;align-items:center!important;}
.dash-card-head-v12 h2{font-size:16px!important;line-height:1.15!important;letter-spacing:-.025em!important;}
.dash-pill-v12{height:26px!important;padding:0 10px!important;font-size:10px!important;}
.slide-wrap-v12{min-height:300px!important;padding:14px!important;}
.slide-wrap-v12.activity{min-height:310px!important;}
.order-row-v12,.activity-row-v12,.stock-row-v12,.top-product-v12{border-radius:16px!important;padding:11px 12px!important;box-shadow:none!important;background:#fff!important;border-color:#edf2f7!important;}
.order-main-v12 b,.activity-row-v12 b,.stock-row-v12 b,.top-product-v12 b{font-size:13px!important;line-height:1.25!important;}
.order-main-v12 span,.order-main-v12 small,.activity-row-v12 span,.stock-row-v12 span,.top-product-v12 span{font-size:11px!important;line-height:1.35!important;color:#667085!important;}
.order-side-v12 strong{font-size:13px!important;}
.status-v12,.stock-row-v12 em{font-size:10px!important;border-radius:999px!important;padding:4px 8px!important;}
.slider-actions-v12 button{width:28px!important;height:28px!important;border-radius:10px!important;}
.slider-actions-v12 span,.slider-actions-v12 a{font-size:11px!important;}
.bar-chart-v12{height:245px!important;padding:16px 14px!important;}
.top-product-grid-v12{gap:12px!important;}

/* Clean Orders page */
.admin-orders-shell{max-width:1440px!important;margin:0 auto!important;}
.admin-orders-head{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:18px!important;margin-bottom:16px!important;}
.admin-orders-head h1{font-size:30px!important;line-height:1.05!important;margin-top:10px!important;}
.orders-toolbar{display:grid!important;grid-template-columns:minmax(300px,1fr) 180px auto auto!important;gap:10px!important;min-width:min(100%,760px)!important;}
.admin-input{height:44px!important;border-radius:15px!important;padding:0 14px!important;font-size:13px!important;box-shadow:none!important;}
.admin-btn{height:44px!important;border-radius:15px!important;padding:0 16px!important;font-size:12px!important;white-space:nowrap!important;}
.orders-card .border-b{padding:15px 18px!important;background:linear-gradient(180deg,#fff,#fbfcff)!important;}
.orders-card h2{font-size:16px!important;letter-spacing:-.02em!important;}
.orders-card .overflow-x-auto{padding:0!important;scrollbar-width:thin!important;}
.orders-table{min-width:1180px!important;table-layout:fixed!important;}
.orders-table th{height:44px!important;padding:0 12px!important;font-size:10px!important;background:#f8fafc!important;}
.orders-table td{height:66px!important;padding:10px 12px!important;font-size:12px!important;}
.orders-table th:nth-child(1),.orders-table td:nth-child(1){width:42px!important;min-width:42px!important;}
.orders-table th:nth-child(2),.orders-table td:nth-child(2){width:230px!important;min-width:230px!important;}
.orders-table th:nth-child(3),.orders-table td:nth-child(3){width:230px!important;}
.orders-table th:nth-child(4),.orders-table td:nth-child(4){width:190px!important;}
.orders-table th:nth-child(10),.orders-table td:nth-child(10){width:245px!important;}
.order-invoice{max-width:200px!important;font-size:10.5px!important;}
.order-email{max-width:205px!important;font-size:12px!important;}
.order-product{font-size:12.5px!important;}
.order-variant{font-size:11px!important;}
.orders-table .badge{font-size:10px!important;padding:5px 9px!important;}
.orders-table td form{min-width:0!important;width:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;align-items:center!important;}
.orders-table td form .admin-input{height:38px!important;border-radius:13px!important;font-size:12px!important;}
.orders-table td form .admin-btn{height:38px!important;border-radius:13px!important;padding:0 14px!important;}
.pagination-row{padding:13px 18px!important;background:#fff!important;}
.danger-zone{margin-top:14px!important;margin-inline:0!important;border-radius:22px!important;padding:14px 16px!important;background:#fff!important;}
.danger-zone span{display:none!important;}
.danger-zone .admin-btn{background:#be123c!important;box-shadow:0 14px 30px rgba(190,18,60,.18)!important;}

/* Customer dashboard refinement */
.customer-hero{border-radius:26px!important;padding:26px 28px!important;background:linear-gradient(135deg,#fff,#fff7fb)!important;color:#0b1220!important;box-shadow:0 18px 50px rgba(15,23,42,.055)!important;}
.customer-hero h2{font-size:30px!important;margin:12px 0 8px!important;}
.customer-hero p{font-size:14px!important;line-height:1.55!important;color:#64748b!important;}
.customer-stat-grid{gap:14px!important;margin:18px 0!important;}
.customer-stat{border-radius:22px!important;padding:18px 20px!important;box-shadow:0 14px 40px rgba(15,23,42,.048)!important;}
.customer-stat span{font-size:11px!important;text-transform:uppercase!important;letter-spacing:.08em!important;}
.customer-stat b{font-size:26px!important;margin-top:10px!important;}
.customer-card{border-radius:24px!important;box-shadow:0 14px 44px rgba(15,23,42,.05)!important;}
.customer-card-head{padding:18px 20px!important;}
.customer-card-head h3{font-size:17px!important;}
.customer-list{border-radius:16px!important;padding:14px 16px!important;}
.customer-list b{font-size:13px!important;}
.customer-list span,.customer-list em{font-size:12px!important;}

/* Keep order health polished */
.dash-health-v12 .health-body-v12{padding:20px!important;gap:16px!important;}
.dash-health-v12 .donut-v12{width:160px!important;height:160px!important;}
.dash-health-v12 .donut-v12 strong{font-size:34px!important;line-height:1!important;}
.dash-health-v12 .donut-v12 span{font-size:10px!important;margin-top:5px!important;}
.dash-health-v12 .health-list-v12 div{min-height:54px!important;border-radius:16px!important;padding:12px 14px!important;}

@media(max-width:980px){
  .admin-orders-head{align-items:flex-start!important;flex-direction:column!important;}
  .orders-toolbar{width:100%!important;grid-template-columns:1fr 1fr!important;}
  .orders-toolbar input{grid-column:1/-1!important;}
}
@media(max-width:720px){
  .admin-dashboard-v12{gap:14px!important;}
  .dash-hero-v12 h1,.admin-orders-head h1{font-size:26px!important;}
  .dash-actions-v12 a{height:38px!important;min-width:0!important;font-size:11px!important;}
  .dash-kpi-v12{min-height:96px!important;border-radius:20px!important;padding:16px!important;}
  .dash-kpi-v12 strong{font-size:22px!important;}
  .dash-card-head-v12{padding:14px 16px!important;flex-direction:row!important;}
  .slide-wrap-v12{min-height:auto!important;padding:12px!important;}
  .slide-v12.active{gap:10px!important;}
  .dash-health-v12 .health-body-v12{grid-template-columns:1fr!important;padding:16px!important;}
  .dash-health-v12 .donut-v12{width:148px!important;height:148px!important;}
  .orders-toolbar{grid-template-columns:1fr!important;}
  .admin-card.orders-card{border-radius:22px!important;}
  .orders-card .border-b{padding:14px 16px!important;}
  .orders-table{min-width:1080px!important;}
  .danger-zone{flex-direction:row!important;align-items:center!important;}
  .customer-hero{padding:22px!important;}
  .customer-stat-grid,.customer-grid-2{grid-template-columns:1fr!important;}
}

/* v46.23 Customer Management Pro - High SaaS CRM */
.customer-pro-page{max-width:1460px;margin:0 auto;padding-bottom:40px;color:#0b1220}.customer-pro-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}.customer-pro-hero h1{font-size:34px;line-height:1.02;letter-spacing:-.045em;margin:10px 0 6px;font-weight:950}.customer-pro-hero p{color:#64748b;font-size:14px;line-height:1.6;font-weight:650}.customer-pro-actions{display:flex;gap:10px;flex-wrap:wrap}.customer-alert{border-radius:18px;padding:13px 16px;margin-bottom:14px;font-size:13px;font-weight:850}.customer-alert.success{background:#ecfdf5;border:1px solid #bbf7d0;color:#047857}.customer-alert.error{background:#fff1f2;border:1px solid #fecdd3;color:#be123c}.customer-kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:16px}.customer-kpi{background:linear-gradient(180deg,#fff,#fbfdff);border:1px solid #e7eef8;border-radius:24px;padding:18px 18px;box-shadow:0 18px 54px rgba(15,23,42,.055);min-height:118px}.customer-kpi span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#8090a7;font-weight:900}.customer-kpi strong{display:block;margin-top:13px;font-size:24px;letter-spacing:-.04em;font-weight:950;color:#09111f}.customer-kpi em{display:block;margin-top:6px;font-size:12px;font-style:normal;color:#64748b;font-weight:700}.customer-filter-card{display:grid;grid-template-columns:minmax(360px,1fr) 190px 170px auto auto;gap:10px;padding:14px;background:#fff;border:1px solid #e7eef8;border-radius:24px;box-shadow:0 16px 46px rgba(15,23,42,.045);margin-bottom:16px}.customer-search-wrap{height:46px;border:1px solid #dce6f4;border-radius:16px;background:#fbfdff;display:flex;align-items:center;gap:10px;padding:0 14px}.customer-search-wrap span{font-size:18px;color:#94a3b8}.customer-search-wrap input,.customer-filter-card select{width:100%;height:46px;border:1px solid #dce6f4;border-radius:16px;background:#fbfdff;padding:0 14px;font-size:13px;font-weight:750;color:#0f172a;outline:none}.customer-search-wrap input{height:auto;border:0;background:transparent;padding:0}.customer-filter-card button,.customer-filter-card a{height:46px!important;border-radius:16px!important}.customer-table-card{overflow:hidden;background:#fff;border:1px solid #e7eef8;border-radius:28px;box-shadow:0 22px 64px rgba(15,23,42,.055)}.customer-table-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px;border-bottom:1px solid #eef3f9;background:linear-gradient(180deg,#fff,#fbfdff)}.customer-table-head h2{font-size:18px;font-weight:950;letter-spacing:-.03em}.customer-table-head p{font-size:12px;color:#8090a7;font-weight:800;margin-top:3px}.customer-live-dot{height:28px;padding:0 11px;display:inline-flex;align-items:center;border-radius:999px;background:#ecfdf5;color:#047857;font-size:11px;font-weight:950}.customer-table-scroll{overflow-x:auto;scrollbar-width:thin}.customer-pro-table{width:100%;min-width:1120px;border-collapse:separate;border-spacing:0}.customer-pro-table th{height:46px;background:#f8fafc;padding:0 14px;text-align:left;font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:#718096;font-weight:950}.customer-pro-table td{border-top:1px solid #edf2f7;padding:13px 14px;vertical-align:middle;font-size:13px}.customer-pro-table tbody tr{transition:.18s ease}.customer-pro-table tbody tr:hover{background:#fbfdff}.customer-identity{display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;text-align:left;align-items:center;min-width:310px;background:transparent;border:0;padding:0;cursor:pointer;color:inherit}.customer-identity img,.customer-identity>span{grid-row:1/3;width:42px;height:42px;border-radius:15px;object-fit:cover;box-shadow:0 10px 22px rgba(15,23,42,.08)}.customer-identity>span{display:grid;place-items:center;background:linear-gradient(135deg,#e11d48,#fb7185);color:#fff;font-weight:950}.customer-identity b{font-size:13.5px;font-weight:950;color:#0b1220;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-identity small{font-size:12px;color:#667085;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-badges{display:flex;gap:6px;flex-wrap:wrap;max-width:260px}.customer-badge{height:25px;padding:0 9px;border-radius:999px;display:inline-flex;align-items:center;font-size:10px;font-weight:950;border:1px solid transparent}.customer-badge.pro{background:#fff1f2;color:#be123c;border-color:#fecdd3}.customer-badge.blue{background:#eff6ff;color:#2563eb;border-color:#bfdbfe}.customer-badge.green{background:#ecfdf5;color:#047857;border-color:#bbf7d0}.customer-badge.gray{background:#f8fafc;color:#475569;border-color:#e2e8f0}.customer-badge.gold{background:#fffbeb;color:#b45309;border-color:#fde68a}.customer-badge.slate{background:#f1f5f9;color:#334155;border-color:#e2e8f0}.customer-badge.muted{background:#f8fafc;color:#94a3b8;border-color:#e2e8f0}.customer-date{font-size:12px;color:#475569;font-weight:750}.customer-empty{padding:34px;text-align:center;color:#94a3b8;font-weight:850}.customer-drawer-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.28);backdrop-filter:blur(3px);z-index:80;opacity:0;pointer-events:none;transition:.22s ease}.customer-drawer-backdrop.open{opacity:1;pointer-events:auto}.customer-drawer{position:fixed;right:0;top:0;height:100vh;width:min(520px,92vw);background:#f8fafc;z-index:90;box-shadow:-28px 0 80px rgba(15,23,42,.18);transform:translateX(105%);transition:.24s ease;display:flex;flex-direction:column;border-left:1px solid #e7eef8}.customer-drawer.open{transform:translateX(0)}.customer-drawer-head{padding:24px;background:linear-gradient(135deg,#0f172a,#881337);color:#fff;display:flex;justify-content:space-between;gap:16px}.customer-drawer-kicker{display:inline-flex;height:26px;align-items:center;padding:0 10px;border-radius:999px;background:rgba(255,255,255,.14);font-size:10px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.customer-drawer-head h2{font-size:26px;font-weight:950;letter-spacing:-.04em;margin-top:12px}.customer-drawer-head p{font-size:13px;color:rgba(255,255,255,.74);font-weight:750;margin-top:4px}.customer-drawer-head button{width:38px;height:38px;border-radius:14px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);color:#fff;font-size:26px;line-height:1;cursor:pointer}.customer-drawer-body{padding:16px;overflow:auto;display:grid;gap:13px}.customer-loading{padding:28px;border-radius:22px;background:#fff;border:1px solid #e7eef8;text-align:center;font-weight:850;color:#64748b}.customer-loading.error{color:#be123c;background:#fff1f2}.drawer-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.drawer-metrics div{background:#fff;border:1px solid #e7eef8;border-radius:20px;padding:14px;box-shadow:0 12px 30px rgba(15,23,42,.045)}.drawer-metrics span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#8090a7;font-weight:950}.drawer-metrics b{display:block;margin-top:7px;font-size:18px;font-weight:950;color:#0b1220}.drawer-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.drawer-actions button,.drawer-actions a{height:42px;border-radius:15px;border:1px solid #dce6f4;background:#fff;color:#0f172a;font-size:12px;font-weight:950;display:flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer}.wallet-adjust-form,.drawer-section{background:#fff;border:1px solid #e7eef8;border-radius:22px;padding:15px;box-shadow:0 12px 34px rgba(15,23,42,.045)}.wallet-adjust-form h3,.drawer-section h3{font-size:14px;font-weight:950;letter-spacing:-.02em;margin-bottom:10px}.wallet-adjust-form div{display:grid;grid-template-columns:140px 1fr;gap:8px}.wallet-adjust-form input,.wallet-adjust-form select{height:42px;border:1px solid #dce6f4;border-radius:14px;padding:0 12px;background:#fbfdff;font-size:12px;font-weight:800;outline:none}.wallet-adjust-form>input{width:100%;margin:8px 0}.wallet-adjust-form button{width:100%;height:42px!important;border-radius:14px!important}.drawer-list-row{border:1px solid #eef3f9;background:#fbfdff;border-radius:16px;padding:11px 12px;margin-top:8px}.drawer-list-row b{display:block;font-size:12.5px;font-weight:950;color:#0b1220}.drawer-list-row span{display:block;margin-top:4px;font-size:11.5px;color:#64748b;font-weight:700;line-height:1.4}.drawer-empty{border:1px dashed #dce6f4;background:#fbfdff;border-radius:16px;padding:16px;text-align:center;color:#94a3b8;font-size:12px;font-weight:850}
@media(max-width:1180px){.customer-kpi-grid{grid-template-columns:repeat(3,1fr)}.customer-filter-card{grid-template-columns:1fr 1fr}.customer-search-wrap{grid-column:1/-1}}@media(max-width:720px){.customer-pro-page{padding-bottom:96px}.customer-pro-hero{align-items:flex-start;flex-direction:column}.customer-pro-hero h1{font-size:28px}.customer-pro-actions{width:100%}.customer-pro-actions a{flex:1}.customer-kpi-grid{grid-template-columns:1fr 1fr;gap:10px}.customer-kpi{border-radius:20px;min-height:102px;padding:15px}.customer-kpi strong{font-size:20px}.customer-filter-card{grid-template-columns:1fr;padding:12px;border-radius:22px}.customer-table-card{border-radius:24px}.customer-table-head{padding:15px}.customer-live-dot{display:none}.customer-pro-table{min-width:980px}.customer-drawer{width:100vw}.customer-drawer-head{padding:20px}.drawer-metrics{grid-template-columns:1fr}.drawer-actions,.wallet-adjust-form div{grid-template-columns:1fr}}

/* =========================================================
   v46.30 - Home Hero Custom Image Clarity Fix
   Uploaded hero image should render sharp, clean, and without the old glow/glass shadow.
   ========================================================= */
.home-v43-visual.home-hero-custom-visual{
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  min-height: 360px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  isolation: isolate !important;
}
.home-v43-visual.home-hero-custom-visual::before,
.home-v43-visual.home-hero-custom-visual::after{
  content: none !important;
  display: none !important;
}
.home-hero-custom-img{
  display: block !important;
  width: min(100%, 540px) !important;
  height: auto !important;
  max-height: 420px !important;
  object-fit: contain !important;
  object-position: center !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
  opacity: 1 !important;
  image-rendering: auto !important;
  backface-visibility: hidden !important;
}
@media (max-width: 900px){
  .home-v43-visual.home-hero-custom-visual{
    min-height: 260px !important;
    margin-top: 6px !important;
  }
  .home-hero-custom-img{
    width: min(100%, 420px) !important;
    max-height: 300px !important;
  }
}
@media (max-width: 560px){
  .home-v43-visual.home-hero-custom-visual{
    display: flex !important;
    min-height: 210px !important;
  }
  .home-hero-custom-img{
    width: min(100%, 340px) !important;
    max-height: 240px !important;
  }
}


/* =========================================================
   v46.32 - Mobile hero image hide + VIP price privacy
   - Custom home hero image is desktop/tablet only.
   - Member visitors only see normal/member pricing; VIP hints are hidden unless VIP active.
   ========================================================= */
@media (max-width: 900px){
  .home-v43-visual.home-hero-custom-visual,
  .home-v43-visual.home-hero-custom-visual .home-hero-custom-img{
    display: none !important;
  }
  .home-v43-hero-grid{
    grid-template-columns: 1fr !important;
  }
}
.home-vip-price-note{
  display:inline-flex;
  align-items:center;
  height:26px;
  padding:0 9px;
  border-radius:999px;
  background:#fff7ed;
  border:1px solid #fed7aa;
  color:#c2410c;
  font-size:10px;
  font-weight:950;
  font-style:normal;
  white-space:nowrap;
}
.variant-price.vip-price-block small{
  color:#c2410c;
  background:#fff7ed;
  border:1px solid #fed7aa;
  border-radius:999px;
  padding:4px 8px;
  font-size:10px;
  font-weight:950;
  display:inline-flex;
  width:max-content;
}

/* v46.34 Customer products desktop layout fix */
.customer-products-pro-page{
  width:100%!important;
  max-width:1500px!important;
  margin:0 auto!important;
}
.customer-products-pro-head{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin-bottom:18px!important;
}
.customer-products-pro-eyebrow{
  display:inline-flex!important;
  min-height:28px!important;
  align-items:center!important;
  border-radius:999px!important;
  padding:0 12px!important;
  background:#fff1f2!important;
  color:#e11d48!important;
  border:1px solid #fecdd3!important;
  font-size:11px!important;
  font-weight:950!important;
  letter-spacing:.02em!important;
}
.customer-products-pro-head h2{
  margin:10px 0 6px!important;
  color:#0b1220!important;
  font-size:30px!important;
  line-height:1.08!important;
  letter-spacing:-.055em!important;
  font-weight:950!important;
}
.customer-products-pro-head p{
  margin:0!important;
  max-width:720px!important;
  color:#64748b!important;
  font-size:14px!important;
  line-height:1.65!important;
  font-weight:750!important;
}
.customer-products-pro-back{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:42px!important;
  padding:0 16px!important;
  border-radius:15px!important;
  background:#fff!important;
  border:1px solid #e5eaf2!important;
  color:#0b1220!important;
  text-decoration:none!important;
  font-size:12px!important;
  font-weight:950!important;
  box-shadow:0 12px 28px rgba(15,23,42,.045)!important;
  white-space:nowrap!important;
}
.customer-products-pro-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:20px!important;
  align-items:start!important;
  width:100%!important;
  overflow:visible!important;
}
.customer-product-pro-card{
  min-width:0!important;
  width:100%!important;
  max-width:none!important;
  padding:20px!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,#fff,#fffafd)!important;
  border:1px solid #e5eaf2!important;
  box-shadow:0 18px 54px rgba(15,23,42,.055)!important;
  overflow:hidden!important;
}
.customer-product-pro-top{margin-bottom:12px!important;}
.customer-product-pro-card h3{
  margin:12px 0 6px!important;
  min-height:auto!important;
  color:#0b1220!important;
  font-size:18px!important;
  line-height:1.28!important;
  letter-spacing:-.035em!important;
  font-weight:950!important;
  word-break:break-word!important;
}
.customer-product-pro-meta{
  margin:0!important;
  color:#64748b!important;
  font-size:12px!important;
  line-height:1.55!important;
  font-weight:800!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
}
.customer-credential-pro-list{
  margin:16px 0 0!important;
  display:grid!important;
  gap:10px!important;
  max-height:360px!important;
  overflow:auto!important;
  padding-right:3px!important;
  scrollbar-width:thin!important;
}
.customer-credential-pro-row{
  display:grid!important;
  grid-template-columns:minmax(92px,128px) minmax(0,1fr)!important;
  gap:8px 12px!important;
  align-items:center!important;
  padding:12px!important;
  border-radius:16px!important;
  background:#fff!important;
  border:1px solid #e8eef6!important;
  box-shadow:none!important;
}
.customer-credential-pro-row span{
  color:#64748b!important;
  font-size:10px!important;
  line-height:1.2!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  font-weight:950!important;
}
.customer-credential-pro-row strong{
  min-width:0!important;
  color:#0b1220!important;
  font-size:12.5px!important;
  line-height:1.4!important;
  font-weight:850!important;
  word-break:break-word!important;
}
.customer-credential-pro-actions{
  grid-column:1 / -1!important;
  display:flex!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  justify-content:flex-end!important;
}
.customer-credential-pro-actions .mini-action{
  min-height:30px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  border:1px solid #e5eaf2!important;
  background:#fff!important;
  color:#0b1220!important;
  font-size:11px!important;
  font-weight:950!important;
  cursor:pointer!important;
}
.customer-credential-pro-actions .js-reveal-credential{
  background:#0f172a!important;
  color:#fff!important;
  border-color:#0f172a!important;
}
.customer-instruction-pro-box{
  margin-top:14px!important;
  padding:13px 14px!important;
  border-radius:16px!important;
  font-size:12px!important;
  line-height:1.6!important;
  max-height:165px!important;
  overflow:auto!important;
}
.customer-ticket-pro-link{
  margin-top:14px!important;
  min-height:36px!important;
  padding:0 14px!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:12px!important;
}
@media(min-width:1500px){
  .customer-products-pro-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
}
@media(max-width:1180px){
  .customer-products-pro-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:760px){
  .customer-products-pro-page{max-width:none!important;margin:0!important;}
  .customer-products-pro-head{display:none!important;}
  .customer-products-pro-grid{grid-template-columns:1fr!important;gap:14px!important;}
  .customer-product-pro-card{padding:18px!important;border-radius:22px!important;}
  .customer-credential-pro-list{max-height:none!important;overflow:visible!important;padding-right:0!important;}
  .customer-credential-pro-row{grid-template-columns:1fr!important;}
  .customer-credential-pro-actions{justify-content:flex-start!important;}
}

/* v46.35 Customer products compact carousel / desktop pager */
.customer-products-carousel-page{max-width:1320px!important;}
.customer-products-carousel-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 16px;padding:14px 16px;border:1px solid #e7edf5;background:rgba(255,255,255,.86);border-radius:22px;box-shadow:0 18px 45px rgba(15,23,42,.055);backdrop-filter:blur(16px)}
.customer-products-carousel-toolbar b{display:block;color:#0b1220;font-size:14px;font-weight:950;letter-spacing:-.025em}.customer-products-carousel-toolbar span{display:block;margin-top:3px;color:#64748b;font-size:12px;font-weight:800}.customer-products-carousel-nav{display:flex;align-items:center;gap:10px;white-space:nowrap}.customer-products-carousel-nav button{height:38px;border-radius:14px;border:1px solid #dbe4ef;background:#fff;color:#0f172a;padding:0 14px;font-size:12px;font-weight:950;cursor:pointer;box-shadow:0 10px 24px rgba(15,23,42,.045)}.customer-products-carousel-nav button:not(:disabled):hover{border-color:#fecdd3;color:#e11d48;transform:translateY(-1px)}.customer-products-carousel-nav button:disabled{opacity:.45;cursor:not-allowed}.customer-products-carousel-nav .js-product-page-info{display:inline-flex;align-items:center;justify-content:center;height:38px;min-width:66px;border-radius:14px;background:#0f172a;color:#fff;font-size:12px;font-weight:950;margin:0}
.customer-products-carousel-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;align-items:start!important}.customer-product-carousel-card{padding:16px!important;border-radius:22px!important;min-height:0!important;transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease!important}.customer-product-carousel-card:hover{transform:translateY(-2px);box-shadow:0 24px 60px rgba(15,23,42,.09)!important;border-color:#fecdd3!important}.customer-product-carousel-summary{appearance:none;width:100%;border:0;background:transparent;padding:0;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer}.customer-product-carousel-summary span{min-width:0;display:block}.customer-product-carousel-summary small{display:block;color:#e11d48;font-size:10px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-product-carousel-summary strong{display:block;margin-top:5px;color:#0b1220;font-size:15px;line-height:1.25;font-weight:950;letter-spacing:-.035em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-product-carousel-summary em{display:block;margin-top:5px;color:#64748b;font-size:10.5px;line-height:1.2;font-weight:850;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.customer-product-carousel-summary b{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:34px;border-radius:999px;background:#fff1f2;color:#e11d48;border:1px solid #fecdd3;padding:0 12px;font-size:11px;font-weight:950}.customer-product-carousel-card.is-open .customer-product-carousel-summary b{background:#e11d48;color:#fff;border-color:#e11d48}.customer-product-vault-details{display:none;margin-top:14px;padding-top:14px;border-top:1px solid #edf2f7}.customer-product-carousel-card.is-open .customer-product-vault-details{display:block}.customer-product-carousel-card .customer-product-pro-top{margin-bottom:10px!important}.customer-product-carousel-card:not(.is-open) .customer-product-pro-top{margin-bottom:12px!important}.customer-product-carousel-card .customer-credential-pro-list{max-height:270px!important}.customer-product-carousel-card .customer-credential-pro-row{padding:10px!important;border-radius:14px!important;grid-template-columns:minmax(82px,108px) minmax(0,1fr)!important}.customer-product-carousel-card .customer-credential-pro-actions{justify-content:flex-start!important}.customer-product-carousel-card .customer-instruction-pro-box{max-height:120px!important}.customer-product-carousel-card .customer-ticket-pro-link{width:100%;display:flex!important}.customer-product-carousel-card h3{font-size:16px!important;margin:0 0 6px!important}.customer-product-carousel-card .customer-product-pro-meta{font-size:11.5px!important}
@media(min-width:1440px){.customer-products-carousel-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.customer-products-carousel-page{max-width:1280px!important}}
@media(max-width:1100px) and (min-width:761px){.customer-products-carousel-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.customer-products-carousel-grid{--dummy:0}}
@media(max-width:760px){.customer-products-carousel-toolbar{display:none!important}.customer-product-carousel-summary{display:none!important}.customer-product-vault-details{display:block!important;margin-top:0!important;padding-top:0!important;border-top:0!important}.customer-product-carousel-card{display:block!important}.customer-products-carousel-grid{grid-template-columns:1fr!important}.customer-product-carousel-card .customer-credential-pro-list{max-height:none!important}.customer-product-carousel-card .customer-credential-pro-row{grid-template-columns:1fr!important}}

/* v46.38 Customer products clean header polish */
.customer-products-clean-page{max-width:1280px!important;margin:0 auto!important;padding-top:0!important}
.customer-products-clean-page .customer-products-pro-head{display:none!important}
.customer-products-clean-toolbar{margin-top:0!important;margin-bottom:18px!important;padding:12px 14px!important;border-radius:20px!important;background:rgba(255,255,255,.82)!important;border:1px solid #e6edf6!important;box-shadow:0 14px 40px rgba(15,23,42,.045)!important;backdrop-filter:blur(16px)!important}
.customer-products-clean-title{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important}
.customer-products-clean-title span{display:inline-flex!important;align-items:center!important;height:28px!important;padding:0 10px!important;border-radius:999px!important;background:#fff1f2!important;color:#e11d48!important;border:1px solid #fecdd3!important;font-size:11px!important;font-weight:950!important;letter-spacing:.01em!important;margin:0!important}
.customer-products-clean-title b{display:block!important;margin:0!important;color:#0f172a!important;font-size:14px!important;line-height:1.2!important;font-weight:950!important;letter-spacing:-.02em!important}
.customer-products-clean-toolbar .customer-products-carousel-nav button{width:38px!important;min-width:38px!important;padding:0!important;font-size:18px!important;line-height:1!important}
.customer-products-clean-toolbar .customer-products-carousel-nav .js-product-page-info{height:38px!important;min-width:62px!important;margin:0!important}
.customer-products-clean-page .customer-product-carousel-summary b{font-size:0!important;min-width:40px!important;padding:0!important}
.customer-products-clean-page .customer-product-carousel-summary b:after{content:'Detail';font-size:11px!important;font-weight:950!important}
@media(max-width:760px){
  .customer-products-clean-page{padding:0!important;margin:0!important}
  .customer-products-clean-toolbar{display:none!important}
}

/* v46.39 Admin full-width + compact settings + premium detail/wallet/qris polish */
@media (min-width:1024px){
  .admin-shell{grid-template-columns:264px minmax(0,1fr)!important;}
  .content-wrap{max-width:none!important;width:100%!important;margin-left:0!important;margin-right:0!important;padding-left:22px!important;padding-right:22px!important;}
  .admin-card{border-radius:20px!important;box-shadow:0 12px 34px rgba(15,23,42,.055)!important;}
  .admin-card.p-5{padding:18px!important;}
}

/* Settings page compact desktop density */
@media (min-width:1180px){
  .settings-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important;align-items:start!important;}
  .settings-third{grid-template-columns:1fr 1fr 1.15fr!important;gap:14px!important;}
  .settings-grid .admin-card{padding:16px!important;border-radius:18px!important;}
  .settings-grid .admin-card h2,.security-panel h2{font-size:15px!important;line-height:1.15!important;margin:0!important;}
  .settings-grid .admin-card p,.security-panel p{font-size:11px!important;line-height:1.45!important;margin-top:2px!important;}
  .settings-grid .grid.gap-4{gap:10px!important;}
  .settings-grid .mb-5{margin-bottom:12px!important;}
  .media-preview{padding:10px!important;border-radius:16px!important;}
  .media-box{height:105px!important;border-radius:14px!important;}
  .admin-input{min-height:38px!important;padding:9px 11px!important;border-radius:12px!important;font-size:12px!important;}
  textarea.admin-input{min-height:68px!important;}
  .security-panel{padding:16px!important;border-radius:18px!important;}
  .security-body{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;}
  .security-field-full{grid-column:span 4!important;}
  .security-note{grid-column:span 4!important;margin-top:0!important;padding:10px 12px!important;border-radius:12px!important;font-size:11px!important;}
  .security-toggle{padding:10px!important;border-radius:14px!important;}
  .security-toggle span span{display:none!important;}
}

/* Product admin hero readability */
.product-pro .pp-hero{padding:24px!important;min-height:150px!important;}
.product-pro .pp-title{color:#fff!important;text-shadow:0 2px 16px rgba(0,0,0,.32)!important;opacity:1!important;}
.product-pro .pp-sub{color:#e2e8f0!important;max-width:720px!important;}
.product-pro .pp-kicker{color:#fff!important;background:rgba(255,255,255,.14)!important;}
.product-pro .pp-stats{position:relative;z-index:3!important;}

/* Public order detail premium readable layout */
.delivery-shell,.invoice-shell{max-width:1180px!important;margin-inline:auto!important;}
.delivery-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:18px!important;border-bottom:1px solid #e7edf5!important;padding-bottom:20px!important;}
.delivery-head h1{font-size:clamp(26px,3.2vw,42px)!important;line-height:1.05!important;letter-spacing:-.055em!important;word-break:break-word!important;overflow-wrap:anywhere!important;max-width:900px!important;}
.delivery-head p{max-width:720px!important;line-height:1.65!important;color:#64748b!important;}
.delivery-meta{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important;margin-top:18px!important;}
.delivery-meta>div{min-width:0!important;border-radius:18px!important;padding:14px!important;background:#f8fafc!important;border:1px solid #e3eaf3!important;}
.delivery-meta strong{display:block!important;max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.25!important;}
.delivery-items{margin-top:18px!important;border-radius:18px!important;overflow:hidden!important;}
.invoice-item-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important;align-items:center!important;}
.invoice-item-row span{min-width:0!important;overflow-wrap:anywhere!important;line-height:1.4!important;}
.delivery-vault-card{padding:20px!important;border-radius:24px!important;margin-top:20px!important;}
.delivery-vault-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;}
.credential-list{display:grid!important;gap:12px!important;margin-top:16px!important;}
.credential-row{display:grid!important;grid-template-columns:150px minmax(0,1fr) auto!important;gap:12px!important;align-items:center!important;padding:13px!important;border-radius:18px!important;background:#fff!important;border:1px solid #e7edf5!important;}
.credential-label{font-size:11px!important;font-weight:950!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:#e11d48!important;}
.credential-value{min-width:0!important;overflow-wrap:anywhere!important;white-space:pre-wrap!important;line-height:1.4!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:14px!important;padding:10px 12px!important;}
.credential-actions{display:flex!important;gap:8px!important;flex-wrap:nowrap!important;}
.mini-action{min-height:36px!important;border-radius:999px!important;padding:0 12px!important;border:1px solid #dbe4ef!important;background:#fff!important;font-size:11px!important;font-weight:950!important;}
.delivery-action-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;margin-top:18px!important;}
@media(max-width:760px){.delivery-meta{grid-template-columns:1fr 1fr!important}.delivery-head{display:block!important}.delivery-head h1{font-size:28px!important}.credential-row{grid-template-columns:1fr!important}.credential-actions{justify-content:flex-start!important}.delivery-action-grid{grid-template-columns:1fr!important}}

/* Customer wallet spacing */
.customer-grid{gap:18px!important;margin-bottom:18px!important;}
.customer-card{border-radius:22px!important;}
.customer-card.stat{padding:24px!important;min-height:132px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;}
.customer-card.stat span{font-size:11px!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#64748b!important;font-weight:950!important;}
.customer-card.stat strong{margin-top:10px!important;font-size:26px!important;line-height:1!important;}
.customer-card.stat p{margin-top:14px!important;line-height:1.55!important;color:#64748b!important;}
.customer-table th,.customer-table td{padding:15px 18px!important;}

/* QRIS Finance compact professional layout */
.admin-qris-compact .qris-note,.admin-qris-compact .text-slate-400 + p{display:none!important;}
.qris-finance-page .admin-card{border-radius:20px!important;}
.qris-finance-page h1{font-size:28px!important;line-height:1.1!important;}
.qris-finance-page p{line-height:1.5!important;}
.qris-finance-page .qris-table-wrap{max-height:560px!important;overflow:auto!important;}
.qris-finance-page .admin-table th,.qris-finance-page .admin-table td{padding:12px 14px!important;}
.qris-finance-page .admin-table td{vertical-align:top!important;}
.qris-finance-page .admin-table td *{overflow-wrap:anywhere!important;}
.qris-finance-page .qris-withdraw-card .admin-btn{min-height:44px!important;}
.qris-finance-page .qris-withdraw-copy{display:none!important;}

@media(max-width:900px){
  .content-wrap{padding-left:14px!important;padding-right:14px!important;}
  .settings-grid,.settings-third{grid-template-columns:1fr!important;}
}

/* v46.45 Home Builder + WA Center + Wishlist */
.home-vip-promo-card{margin:22px 0 26px;border:1px solid rgba(220,38,38,.16);background:linear-gradient(135deg,#fff,#fff5f5);border-radius:28px;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 20px 60px rgba(15,23,42,.06)}
.home-vip-promo-card span{display:block;font-size:11px;font-weight:950;letter-spacing:.14em;text-transform:uppercase;color:#dc2626}.home-vip-promo-card strong{display:block;margin-top:7px;font-size:22px;font-weight:1000;letter-spacing:-.04em;color:#0f172a}.home-vip-promo-card p{margin:8px 0 0;color:#667085;font-weight:700;line-height:1.7}.home-vip-promo-card a{flex:0 0 auto;border-radius:16px;background:#0f172a;color:#fff;text-decoration:none;padding:13px 18px;font-size:13px;font-weight:950;box-shadow:0 16px 34px rgba(15,23,42,.18)}
.home-wishlist-form{margin-left:auto;position:relative;z-index:4}.home-wishlist-btn{width:34px;height:34px;border:0;border-radius:14px;background:rgba(255,255,255,.92);color:#64748b;font-size:16px;font-weight:1000;box-shadow:0 12px 24px rgba(15,23,42,.12);cursor:pointer}.home-wishlist-btn.active{background:#fee2e2;color:#dc2626}.home-wishlist-btn:hover{transform:translateY(-1px);color:#dc2626}.detail-wishlist-form{margin:0}.wishlist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-top:18px}.wishlist-card{border:1px solid #e7eaf1;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 18px 50px rgba(15,23,42,.06)}.wishlist-media{display:block;aspect-ratio:1/1;background:#f8fafc;position:relative}.wishlist-media img{width:100%;height:100%;object-fit:cover;display:block}.wishlist-media span{height:100%;display:grid;place-items:center;font-weight:1000;color:#dc2626}.wishlist-body{padding:16px}.wishlist-body small{font-size:11px;font-weight:900;color:#94a3b8;text-transform:uppercase;letter-spacing:.08em}.wishlist-body h3{margin:6px 0 12px;font-size:16px;font-weight:1000;line-height:1.25;color:#0f172a}.wishlist-meta{display:flex;align-items:center;justify-content:space-between;gap:10px}.wishlist-meta b{font-size:17px;color:#dc2626}.wishlist-meta span{font-size:12px;font-weight:800;color:#64748b}.wishlist-actions{display:flex;gap:8px;margin-top:14px}.wishlist-actions form{margin:0}.customer-store-btn.danger{color:#b91c1c;background:#fff1f2;border-color:#fecdd3}.customer-empty{margin-top:18px;border:1px dashed #cbd5e1;border-radius:24px;background:#fff;padding:32px;text-align:center;font-weight:900;color:#94a3b8}.wa-center-pro table td,.wa-center-pro table th{white-space:nowrap}.homebuilder-pro input[type=checkbox]{width:18px;height:18px;accent-color:#dc2626}@media(max-width:768px){.home-vip-promo-card{display:block;padding:20px}.home-vip-promo-card a{display:inline-flex;margin-top:14px}.wishlist-grid{grid-template-columns:1fr}}

/* v46.50 cart voucher + promo dropdown + product image repair */
.cart-voucher-box{margin:14px 0;padding:14px;border:1px solid #e6edf7;background:linear-gradient(180deg,#fff,#fbfcff);border-radius:18px}
.cart-voucher-form{display:grid;gap:8px;margin:0}.cart-voucher-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.cart-voucher-row .btn{height:44px;border-radius:14px;padding:0 15px}.optional{font-size:10px;color:#94a3b8;font-weight:900;margin-left:4px}.voucher-success{margin-top:10px;border:1px solid #bbf7d0;background:#f0fdf4;color:#166534;border-radius:14px;padding:10px 12px;font-size:12px;font-weight:850;line-height:1.45}.voucher-remove{border:0;background:transparent;color:#be123c;font-weight:950;text-decoration:underline;cursor:pointer;margin-left:6px}.summary-line.discount{color:#be123c}.summary-line.discount strong{color:#be123c}.cart-summary .summary-total{border-top:1px solid #e6edf7;padding-top:14px}
@media(max-width:760px){.cart-voucher-row{grid-template-columns:1fr}.cart-voucher-row .btn{width:100%}}
/* Repair product detail image: previous compact settings CSS accidentally targeted public .media-box globally */
.page .detail-grid .media-box{height:auto!important;min-height:0!important;border-radius:24px!important;background:#fff!important;display:block!important;overflow:hidden!important}.page .detail-grid .detail-media{display:block!important;width:100%!important;max-width:500px!important;height:auto!important;aspect-ratio:1/1!important;object-fit:cover!important;background:#fff1f2!important}.page .detail-grid .detail-placeholder{width:100%!important;max-width:500px!important;height:auto!important;aspect-ratio:1/1!important;border-radius:0!important}.settings-grid .media-box{height:105px!important;border-radius:14px!important}
/* Make promo product/variant selects usable when opened */
.promo-scope select.admin-input{background:#fff!important;color:#0f172a!important}.promo-scope select.admin-input option{color:#0f172a;background:#fff}.promo-scope select.admin-input:invalid{color:#94a3b8}
/* Email center delivery metrics */
.ec-metric:nth-child(1) b{color:#15803d}.ec-metric:nth-child(2) b{color:#be123c}
.hidden{display:none!important}

/* v46.52 cart product image + compact email center */
.cart-thumb{overflow:hidden;background:#fff1f2;border:1px solid #eef2f7}
.cart-thumb img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.cart-thumb span{display:grid;place-items:center;width:100%;height:100%}
.cart-thumb.cart-thumb-fallback::after{content:'AYRI';display:grid;place-items:center;width:100%;height:100%;font-weight:950;font-size:18px;color:#fecdd3}

/* V46.54 QRIS manual approve action */
.qris-manual-approve-btn{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border:1px solid #fecdd3;border-radius:999px;background:linear-gradient(135deg,#fff1f2,#fff);color:#be123c;font-size:11px;font-weight:950;white-space:nowrap;box-shadow:0 10px 22px rgba(190,18,60,.08);cursor:pointer}.qris-manual-approve-btn:hover{background:linear-gradient(135deg,#e11d48,#991b1b);color:#fff;border-color:transparent;box-shadow:0 14px 28px rgba(225,29,72,.22)}.qris-table-wrap .admin-table td{vertical-align:middle}.qris-table-wrap .admin-table td:first-child div:first-child{max-width:280px;overflow-wrap:anywhere}


/* v46.57 - Cart wallet payment */
.payment-method-box{display:grid;gap:10px;margin:4px 0 8px}.payment-option{display:flex;gap:10px;align-items:flex-start;border:1px solid rgba(15,23,42,.12);border-radius:16px;padding:12px;background:#fff;cursor:pointer}.payment-option input{margin-top:4px;accent-color:var(--red)}.payment-option span{display:grid;gap:2px}.payment-option b{font-size:14px;color:#0f172a}.payment-option small{font-size:12px;color:#64748b;font-weight:700;line-height:1.35}.payment-option.disabled{opacity:.55;cursor:not-allowed;background:#f8fafc}.wallet-login-note{border:1px dashed rgba(15,23,42,.18);border-radius:14px;padding:11px 12px;background:#f8fafc;color:#64748b;font-size:12px;font-weight:800;line-height:1.4}


/* v46.66 - PWA install prompt: mobile only + clickable mobile action */
#installPrompt[aria-hidden="true"]{pointer-events:none;}
#installPrompt.show[aria-hidden="false"]{pointer-events:auto;}
.install-prompt p{margin:8px 0 0;color:#cbd5e1;font-size:12px;line-height:1.55;font-weight:700;}
.install-actions button{touch-action:manipulation;-webkit-tap-highlight-color:transparent;position:relative;z-index:2;}
@media(min-width:781px){
  #installPrompt,
  #installPrompt.show{display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important;}
}
@media(max-width:780px){
  #installPrompt.show{display:block!important;visibility:visible!important;}
  .install-actions .btn{min-height:42px;}
}

/* v46.67 - Mobile bottom nav: restore War Ticket button */
@media(max-width:780px){
  .bottom-app-nav{grid-template-columns:repeat(5,minmax(0,1fr))!important;}
  .bottom-app-nav a span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;}
}


/* v46.68 - PWA mobile click fix */
@media(max-width:780px){#installPrompt.show{z-index:99999!important;position:fixed!important;bottom:calc(82px + env(safe-area-inset-bottom))!important;left:12px!important;right:12px!important;pointer-events:auto!important}.install-actions button{pointer-events:auto!important;cursor:pointer!important}}
@media(min-width:781px){#installPrompt{display:none!important}}


/* v46.69 compact customer profile center */
.profile-premium-hero,.dash-premium-compact{display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e6edf7;border-radius:28px;padding:20px 22px;margin-bottom:16px;box-shadow:0 18px 55px rgba(15,23,42,.055)}
.profile-avatar-wrap,.dash-avatar{width:64px;height:64px;border-radius:22px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,#ef4444,#991b1b);color:#fff;font-weight:950;font-size:24px;flex:0 0 auto;box-shadow:0 14px 34px rgba(220,38,38,.2)}
.profile-avatar-wrap img,.dash-avatar img{width:100%;height:100%;object-fit:cover}.profile-premium-hero h2,.dash-premium-compact h2{font-size:24px;letter-spacing:-.055em;margin:4px 0 4px;font-weight:950}.profile-premium-hero p,.dash-premium-compact p{margin:0;color:#64748b;font-weight:750}.profile-mini-balance{background:#0f172a;color:#fff;border-radius:22px;padding:13px 16px;min-width:150px;text-align:right}.profile-mini-balance span{display:block;font-size:11px;color:#cbd5e1;font-weight:900;text-transform:uppercase}.profile-mini-balance b{display:block;font-size:18px;font-weight:950;margin-top:4px}.profile-compact-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:16px}.profile-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.profile-form label{display:grid;gap:6px;font-weight:900;color:#475569}.profile-form label span{font-size:12px}.profile-form .profile-help,.profile-form button{grid-column:1/-1}.profile-help{margin:0;color:#64748b;font-weight:750;font-size:12px;line-height:1.55}.profile-side-stack{display:grid;gap:16px;align-content:start}.profile-summary-card{display:grid;gap:8px}.profile-summary-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #edf2f7;border-radius:16px;padding:12px 14px;background:#fbfdff}.profile-summary-row span{font-size:12px;color:#64748b;font-weight:900}.profile-summary-row b{font-weight:950}.profile-ref-card p{font-size:13px;margin-top:0}.profile-copy-row{display:flex;gap:8px}.profile-copy-row input{min-width:0}.dash-profile-line{display:flex;align-items:center;gap:14px}.dash-metric-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.dash-metric{background:#fff;border:1px solid #e6edf7;border-radius:22px;padding:16px;text-decoration:none;color:#0f172a;box-shadow:0 14px 44px rgba(15,23,42,.045)}.dash-metric span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:950;color:#64748b}.dash-metric b{display:block;font-size:20px;font-weight:950;margin-top:8px;letter-spacing:-.045em}.dash-alert-card{margin-bottom:16px;border-color:#fde68a!important;background:#fffbeb!important}.dash-compact-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}.quick-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-action-grid a{border:1px solid #e6edf7;border-radius:16px;padding:13px;text-decoration:none;color:#0f172a;background:#fbfdff;font-weight:950;text-align:center}.dash-ref-mini{margin-top:14px;border-top:1px solid #eef2f7;padding-top:14px;display:grid;gap:8px}.dash-ref-mini span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:950;color:#64748b}.dash-ref-mini input{border:1px solid #e6edf7;border-radius:14px;padding:11px 12px;font-weight:800;color:#475569;background:#f8fafc}
@media(max-width:860px){.profile-premium-hero,.dash-premium-compact{align-items:flex-start;border-radius:22px;padding:16px}.profile-mini-balance{width:100%;text-align:left}.profile-compact-grid,.dash-compact-grid{grid-template-columns:1fr}.profile-form{grid-template-columns:1fr}.dash-metric-row{grid-template-columns:1fr 1fr}.customer-topbar{align-items:flex-start}.customer-topbar .customer-store-btn{padding:9px 11px;font-size:12px}.dash-premium-compact{display:grid}.profile-premium-hero{display:grid}.quick-action-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.dash-metric-row{grid-template-columns:1fr 1fr;gap:10px}.dash-metric{padding:14px;border-radius:18px}.dash-metric b{font-size:17px}.profile-copy-row{display:grid}.profile-avatar-wrap,.dash-avatar{width:56px;height:56px;border-radius:19px}.profile-premium-hero h2,.dash-premium-compact h2{font-size:21px}.customer-sidebar nav a:nth-child(n+7){display:none}}


/* v46.70 - Premium compact admin + customer dashboard redesign */
.admin-nav-groups{padding-bottom:120px}.admin-nav-group{border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.025);overflow:hidden}.admin-nav-group summary{list-style:none;cursor:pointer;padding:10px 12px;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.14em;color:#94a3b8}.admin-nav-group summary::-webkit-details-marker{display:none}.admin-nav-group-links{display:grid;gap:4px;padding:0 7px 8px}.admin-nav-group .nav-link{padding:9px 10px;border-radius:13px;font-size:12px}.admin-nav-group .nav-ico{width:24px;height:24px;border-radius:9px;font-size:11px}.sidebar .admin-panel{display:none}.pro-admin-dashboard{display:grid;gap:18px}.pro-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;border:1px solid #e8edf5;background:linear-gradient(135deg,#fff,#f8fafc 55%,#fff1f2);border-radius:30px;padding:24px;box-shadow:0 24px 70px rgba(15,23,42,.065)}.pro-eyebrow,.pro-card-head span{display:block;font-size:10px;font-weight:950;letter-spacing:.16em;text-transform:uppercase;color:#94a3b8}.pro-hero h1{margin:4px 0 4px;font-size:34px;line-height:1;font-weight:950;letter-spacing:-.065em;color:#0f172a}.pro-hero p{margin:0;color:#64748b;font-weight:750;max-width:680px}.pro-hero-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.pro-hero-actions a{display:inline-flex;align-items:center;justify-content:center;border:1px solid #e2e8f0;background:#fff;color:#0f172a;text-decoration:none;border-radius:999px;padding:10px 13px;font-size:12px;font-weight:950}.pro-hero-actions a.primary{border-color:transparent;background:#0f172a;color:#fff}.pro-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.pro-kpi{position:relative;overflow:hidden;border:1px solid #e8edf5;background:#fff;border-radius:24px;padding:16px;min-height:122px;text-decoration:none;color:#0f172a;box-shadow:0 18px 50px rgba(15,23,42,.045)}.pro-kpi:after{content:"";position:absolute;right:-24px;top:-24px;width:82px;height:82px;border-radius:999px;background:#f1f5f9}.pro-kpi-icon{position:relative;z-index:2;display:grid;place-items:center;width:34px;height:34px;border-radius:14px;background:#0f172a;color:#fff;font-weight:950}.pro-kpi small{display:block;margin-top:12px;font-size:11px;font-weight:900;color:#64748b;text-transform:uppercase;letter-spacing:.06em}.pro-kpi b{display:block;margin-top:3px;font-size:22px;font-weight:950;letter-spacing:-.05em}.pro-kpi em{display:block;margin-top:2px;font-style:normal;font-size:12px;font-weight:800;color:#94a3b8}.pro-kpi.tone-red .pro-kpi-icon{background:#dc2626}.pro-kpi.tone-green .pro-kpi-icon{background:#16a34a}.pro-kpi.tone-blue .pro-kpi-icon{background:#2563eb}.pro-grid-main{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:14px}.pro-grid-lower{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(280px,.72fr);gap:14px}.pro-card{border:1px solid #e8edf5;background:rgba(255,255,255,.96);border-radius:26px;box-shadow:0 18px 55px rgba(15,23,42,.052);overflow:hidden}.pro-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid #eef2f7}.pro-card-head h2,.pro-card-head h3{margin:2px 0 0;font-size:16px;font-weight:950;letter-spacing:-.04em}.pro-card-head a{font-size:12px;font-weight:950;color:#0f172a;text-decoration:none}.pro-chart{height:260px;display:flex;align-items:end;gap:9px;padding:18px}.pro-bar-item{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1;height:100%;min-width:0}.pro-bar{position:relative;width:100%;min-height:9px;border-radius:999px 999px 8px 8px;background:linear-gradient(180deg,#ef4444,#991b1b);box-shadow:0 14px 28px rgba(220,38,38,.14)}.pro-bar span{display:none;position:absolute;bottom:calc(100% + 7px);left:50%;transform:translateX(-50%);white-space:nowrap;border-radius:999px;background:#0f172a;color:#fff;padding:5px 8px;font-size:10px;font-weight:900}.pro-bar:hover span{display:block}.pro-bar-item small{font-size:10px;font-weight:850;color:#94a3b8}.pro-health-card{padding-bottom:16px}.pro-donut{width:152px;height:152px;margin:18px auto;border-radius:999px;background:conic-gradient(#16a34a calc(var(--success)*1%),#f59e0b calc(var(--success)*1%) calc((var(--success) + var(--pending))*1%),#e2e8f0 0);display:grid;place-items:center;position:relative;text-align:center}.pro-donut:after{content:"";position:absolute;inset:22px;border-radius:999px;background:#fff}.pro-donut strong,.pro-donut span{position:relative;z-index:2;grid-area:1/1}.pro-donut strong{font-size:30px;font-weight:950;letter-spacing:-.06em;color:#0f172a;margin-top:-10px}.pro-donut span{margin-top:42px;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.12em;color:#16a34a}.pro-health-list{display:grid;gap:8px;padding:0 16px}.pro-health-list div{display:flex;align-items:center;gap:9px;border:1px solid #edf2f7;border-radius:16px;padding:10px 12px;background:#fbfdff}.pro-health-list i{width:9px;height:9px;border-radius:999px;background:#94a3b8}.pro-health-list i.ok{background:#16a34a}.pro-health-list i.warn{background:#f59e0b}.pro-health-list i.bad{background:#ef4444}.pro-health-list span{flex:1;font-weight:850;color:#64748b}.pro-health-list b{font-weight:950}.pro-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:16px}.pro-action-grid a{display:grid;grid-template-columns:36px 1fr;gap:4px 10px;align-items:center;border:1px solid #edf2f7;background:#fbfdff;border-radius:18px;padding:12px;text-decoration:none;color:#0f172a}.pro-action-grid i{grid-row:1/3;display:grid;place-items:center;width:36px;height:36px;border-radius:14px;background:#0f172a;color:#fff;font-style:normal;font-weight:950}.pro-action-grid b{font-weight:950}.pro-action-grid span{font-size:11px;font-weight:750;color:#64748b}.pro-list{display:grid;gap:8px;padding:14px}.pro-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;border:1px solid #edf2f7;background:#fff;border-radius:16px;padding:10px 12px;text-decoration:none;color:#0f172a}.pro-list.compact .pro-row{grid-template-columns:minmax(0,1fr) auto}.pro-row b{display:block;font-size:12px;font-weight:950}.pro-row span{display:block;margin-top:2px;font-size:11px;font-weight:750;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pro-row strong{font-weight:950}.pro-empty{padding:18px;color:#94a3b8;font-weight:850;text-align:center}.customer-body{background:radial-gradient(circle at 0% 0%,rgba(220,38,38,.10),transparent 26rem),linear-gradient(180deg,#fff,#f6f7fb 22rem)!important}.customer-sidebar{box-shadow:0 30px 80px rgba(15,23,42,.08)}.customer-nav-pro{gap:4px}.customer-nav-label{display:block;margin:12px 0 5px;padding:0 12px;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.14em;color:#94a3b8}.customer-topbar-pro{border:1px solid #e8edf5;border-radius:24px;background:rgba(255,255,255,.86);backdrop-filter:blur(18px);padding:14px 16px;margin-bottom:16px;box-shadow:0 14px 44px rgba(15,23,42,.045)}.cx-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #e8edf5;background:linear-gradient(135deg,#fff,#f8fafc 65%,#fff1f2);border-radius:28px;padding:18px;margin-bottom:12px;box-shadow:0 18px 55px rgba(15,23,42,.055)}.cx-userline{display:flex;align-items:center;gap:13px;min-width:0}.cx-avatar{width:58px;height:58px;border-radius:20px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#ef4444,#991b1b);color:#fff;font-size:22px;font-weight:950;box-shadow:0 14px 30px rgba(220,38,38,.18);flex:0 0 auto}.cx-avatar img{width:100%;height:100%;object-fit:cover}.cx-kicker,.cx-card-head span{font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.14em;color:#94a3b8}.cx-hero h2{margin:2px 0;font-size:24px;line-height:1.05;font-weight:950;letter-spacing:-.055em}.cx-hero p{margin:0;color:#64748b;font-size:13px;font-weight:750}.cx-balance{border:1px solid #111827;background:#0f172a;color:#fff;border-radius:22px;padding:12px 14px;min-width:170px}.cx-balance span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#cbd5e1;font-weight:950}.cx-balance b{display:block;margin:3px 0 8px;font-size:19px;font-weight:950}.cx-balance a{display:inline-flex;border-radius:999px;background:#fff;color:#0f172a;text-decoration:none;padding:6px 10px;font-size:11px;font-weight:950}.cx-mini-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.cx-mini-grid a{border:1px solid #e8edf5;background:#fff;border-radius:20px;padding:14px;text-decoration:none;color:#0f172a;box-shadow:0 12px 38px rgba(15,23,42,.038)}.cx-mini-grid span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:950;color:#94a3b8}.cx-mini-grid b{display:block;margin-top:6px;font-size:18px;font-weight:950;letter-spacing:-.04em}.cx-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:12px}.cx-side-stack{display:grid;gap:12px;align-content:start}.cx-card{border:1px solid #e8edf5;background:#fff;border-radius:24px;box-shadow:0 14px 44px rgba(15,23,42,.045);overflow:hidden}.cx-alert{background:#fffbeb;border-color:#fde68a}.cx-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-bottom:1px solid #eef2f7}.cx-card-head h3{margin:2px 0 0;font-size:15px;font-weight:950;letter-spacing:-.035em}.cx-card-head a{font-size:12px;font-weight:950;color:#0f172a;text-decoration:none}.cx-list-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #f1f5f9;padding:12px 16px}.cx-list-row:last-child{border-bottom:0}.cx-list-row b{display:block;font-size:12px;font-weight:950}.cx-list-row span{display:block;margin-top:2px;font-size:11px;font-weight:750;color:#64748b}.cx-list-row em{font-style:normal;border-radius:999px;background:#f1f5f9;color:#475569;padding:5px 8px;font-size:10px;font-weight:950}.cx-list-row a{border-radius:999px;background:#0f172a;color:#fff;text-decoration:none;padding:7px 10px;font-size:11px;font-weight:950}.cx-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:14px}.cx-actions a{border:1px solid #edf2f7;background:#fbfdff;border-radius:16px;padding:12px;text-align:center;text-decoration:none;color:#0f172a;font-weight:950}.cx-ref{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:14px}.cx-ref input{min-width:0;border:1px solid #e8edf5;border-radius:15px;padding:11px 12px;background:#f8fafc;color:#475569;font-size:12px;font-weight:800}.cx-ref button{border:0;border-radius:15px;background:#0f172a;color:#fff;padding:0 12px;font-size:12px;font-weight:950;cursor:pointer}
@media(max-width:1180px){.pro-grid-main,.pro-grid-lower{grid-template-columns:1fr}.pro-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pro-action-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:780px){.pro-hero,.cx-hero{display:grid;border-radius:22px;padding:16px}.pro-hero h1{font-size:28px}.pro-hero-actions{justify-content:flex-start}.pro-kpi-grid,.cx-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pro-chart{height:210px;padding:14px;gap:6px}.pro-action-grid{grid-template-columns:1fr 1fr;padding:12px}.pro-row{grid-template-columns:minmax(0,1fr) auto}.pro-row strong{display:none}.cx-dashboard-grid{grid-template-columns:1fr}.cx-balance{width:100%}.cx-hero h2{font-size:21px}.customer-topbar-pro{border-radius:18px}.customer-sidebar nav a:nth-child(n+10){display:flex!important}}
@media(max-width:520px){.pro-kpi-grid,.cx-mini-grid{grid-template-columns:1fr 1fr}.pro-kpi{min-height:106px;padding:14px;border-radius:20px}.pro-kpi b{font-size:18px}.pro-action-grid{grid-template-columns:1fr}.cx-actions{grid-template-columns:1fr 1fr}.cx-list-row{align-items:flex-start}.cx-ref{grid-template-columns:1fr}.cx-ref button{min-height:40px}}

/* v46.72 - compact mobile bottom nav + top-right menu */
.mobile-top-menu{display:none;position:relative;z-index:80}.mobile-top-menu summary{list-style:none;display:flex;align-items:center;gap:8px;border:1px solid #e2e8f0;background:#fff;border-radius:999px;padding:9px 11px;font-size:11px;font-weight:950;color:#0f172a;box-shadow:0 10px 24px rgba(15,23,42,.07);cursor:pointer}.mobile-top-menu summary::-webkit-details-marker{display:none}.mobile-top-menu summary b{display:grid;place-items:center;width:22px;height:22px;border-radius:999px;background:#0f172a;color:#fff;font-size:12px;line-height:1}.mobile-top-menu-panel{position:absolute;right:0;top:calc(100% + 10px);width:min(82vw,286px);padding:10px;border:1px solid #e2e8f0;border-radius:22px;background:rgba(255,255,255,.98);box-shadow:0 24px 70px rgba(15,23,42,.18);backdrop-filter:blur(18px);display:grid;gap:4px}.mobile-top-menu-panel a{display:flex;align-items:center;justify-content:space-between;border-radius:16px;padding:12px 13px;font-size:12px;font-weight:900;color:#334155;background:#fff}.mobile-top-menu-panel a:hover{background:#fff1f2;color:#be123c}.mobile-top-menu-panel a:after{content:'›';color:#94a3b8;font-weight:950}@media(max-width:900px){.site-nav .desktop-nav-link{display:none!important}.mobile-top-menu{display:block}.bottom-app-nav.bottom-app-nav-compact{grid-template-columns:repeat(4,1fr);left:14px;right:14px;bottom:10px;padding:8px 9px;border-radius:24px}.bottom-app-nav.bottom-app-nav-compact a{font-size:10.5px;padding:8px 4px}.brand-copy{min-width:0}.brand-title{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-subtitle{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media(min-width:901px){.mobile-top-menu{display:none!important}}

/* v46.73 dashboard chart fix: replace oversized red bars with compact revenue rows */
.pro-chart{height:auto;display:block;padding:0}
.pro-revenue-list{display:grid;gap:9px;padding:16px 18px 18px}
.pro-revenue-row{display:grid;grid-template-columns:54px minmax(0,1fr) 132px 72px;align-items:center;gap:12px;border:1px solid #eef2f7;background:#fff;border-radius:16px;padding:10px 12px}
.pro-revenue-row time{font-size:11px;font-weight:950;color:#64748b}
.pro-revenue-track{height:9px;border-radius:999px;background:#f1f5f9;overflow:hidden}
.pro-revenue-track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#ef4444,#991b1b);box-shadow:0 8px 18px rgba(220,38,38,.15)}
.pro-revenue-row strong{font-size:12px;font-weight:950;text-align:right;color:#0f172a}
.pro-revenue-row small{font-size:11px;font-weight:850;color:#94a3b8;text-align:right}
@media(max-width:760px){.pro-revenue-row{grid-template-columns:46px minmax(0,1fr);gap:8px}.pro-revenue-row strong,.pro-revenue-row small{grid-column:2;text-align:left}.pro-revenue-row strong{font-size:11px}.pro-revenue-row small{display:none}}


/* v46.74 mobile customer nav + admin promo/analytics fixes */
@media(max-width:900px){
  .customer-topbar-mobile-menu{align-items:center!important;position:sticky;top:10px;z-index:70}
  .customer-mobile-menu{display:block;margin-left:auto;position:relative}
  .customer-mobile-menu summary{list-style:none;display:inline-flex;align-items:center;gap:8px;border:1px solid #e8edf5;background:#fff;border-radius:16px;padding:10px 13px;font-size:12px;font-weight:950;color:#0f172a;box-shadow:0 12px 28px rgba(15,23,42,.08);cursor:pointer}
  .customer-mobile-menu summary::-webkit-details-marker{display:none}
  .customer-mobile-menu summary b{font-size:16px;line-height:1}
  .customer-mobile-menu div{position:absolute;right:0;top:calc(100% + 10px);width:min(260px,calc(100vw - 32px));display:grid;gap:6px;border:1px solid #e8edf5;background:rgba(255,255,255,.97);backdrop-filter:blur(18px);border-radius:22px;padding:10px;box-shadow:0 25px 70px rgba(15,23,42,.18)}
  .customer-mobile-menu a{display:flex;align-items:center;justify-content:space-between;border-radius:15px;padding:12px 13px;text-decoration:none;color:#0f172a;font-size:13px;font-weight:900;background:#f8fafc}
  .customer-mobile-menu a:hover{background:#fff1f2;color:#be123c}
  .customer-bottom-nav-clean{grid-template-columns:repeat(4,1fr)!important;left:14px!important;right:14px!important;bottom:12px!important;border-radius:26px!important;padding:8px!important;background:rgba(255,255,255,.95)!important;border:1px solid rgba(226,232,240,.92)!important;box-shadow:0 22px 60px rgba(15,23,42,.18)!important;backdrop-filter:blur(20px)!important}
  .customer-bottom-nav-clean a{height:54px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;color:#64748b!important;background:transparent!important;border-radius:18px!important;text-decoration:none!important;font-size:11px!important;font-weight:950!important;padding:0!important}
  .customer-bottom-nav-clean a span{font-size:18px!important;line-height:1!important}.customer-bottom-nav-clean a small{font-size:10.5px!important;line-height:1!important}.customer-bottom-nav-clean a.active,.customer-bottom-nav-clean a:hover{background:#fff1f2!important;color:#be123c!important}
}
@media(min-width:901px){.customer-mobile-menu{display:none!important}}
.growth-actions{display:flex;gap:6px;flex-wrap:wrap}.growth-actions form{margin:0}.growth-actions .admin-btn{padding:8px 10px;border-radius:12px;font-size:11px}.growth-actions .danger{border-color:#fecaca!important;background:#fff1f2!important;color:#be123c!important}.growth-badge.muted{background:#f1f5f9;color:#64748b}.growth-table small{font-size:10.5px;color:#94a3b8;font-weight:800}.analytics-pro .analytics-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px}.analytics-hero h1{margin:6px 0 4px;font-size:30px;font-weight:1000;letter-spacing:-.06em}.analytics-hero p{color:#64748b;font-weight:800}.analytics-summary{text-align:right}.analytics-summary b{display:block;font-size:24px;font-weight:1000}.analytics-summary span{display:block;color:#64748b;font-size:12px;font-weight:850}.analytics-revenue-list{display:grid;gap:9px;padding:16px}.analytics-revenue-row{display:grid;grid-template-columns:58px minmax(0,1fr) 130px 76px;align-items:center;gap:12px;border:1px solid #eef2f7;background:#fff;border-radius:16px;padding:10px 12px}.analytics-revenue-row time{font-size:11px;font-weight:950;color:#64748b}.analytics-track{height:9px;border-radius:999px;background:#f1f5f9;overflow:hidden}.analytics-track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#ef4444,#991b1b);box-shadow:0 8px 18px rgba(220,38,38,.15)}.analytics-revenue-row strong{font-size:12px;font-weight:950;text-align:right;color:#0f172a}.analytics-revenue-row small{font-size:11px;font-weight:850;color:#94a3b8;text-align:right}@media(max-width:760px){.analytics-pro .analytics-hero{display:grid;border-radius:22px}.analytics-summary{text-align:left}.analytics-revenue-row{grid-template-columns:46px minmax(0,1fr);gap:8px}.analytics-revenue-row strong,.analytics-revenue-row small{grid-column:2;text-align:left}.analytics-revenue-row small{display:none}}

/* v46.75 - mobile nav equal-width premium alignment fix
   Force public and customer bottom navigation to exactly 4 balanced columns. */
@media(max-width:900px){
  .bottom-app-nav,
  .bottom-app-nav.bottom-app-nav-compact,
  .customer-bottom-nav,
  .customer-bottom-nav.customer-bottom-nav-clean{
    position:fixed!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    grid-auto-flow:column!important;
    gap:6px!important;
    left:12px!important;
    right:12px!important;
    bottom:calc(10px + env(safe-area-inset-bottom))!important;
    width:auto!important;
    max-width:none!important;
    min-height:64px!important;
    height:64px!important;
    transform:none!important;
    margin:0!important;
    padding:7px!important;
    border-radius:24px!important;
    background:rgba(255,255,255,.96)!important;
    border:1px solid rgba(226,232,240,.96)!important;
    box-shadow:0 20px 54px rgba(15,23,42,.16)!important;
    backdrop-filter:blur(20px)!important;
    z-index:80!important;
    overflow:hidden!important;
  }
  .bottom-app-nav a,
  .bottom-app-nav.bottom-app-nav-compact a,
  .customer-bottom-nav a,
  .customer-bottom-nav.customer-bottom-nav-clean a{
    min-width:0!important;
    width:100%!important;
    height:50px!important;
    min-height:50px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    padding:0 2px!important;
    margin:0!important;
    border-radius:18px!important;
    background:transparent!important;
    color:#64748b!important;
    text-align:center!important;
    text-decoration:none!important;
    font-size:10.5px!important;
    line-height:1!important;
    font-weight:950!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    box-shadow:none!important;
  }
  .bottom-app-nav a span:first-child,
  .customer-bottom-nav a span:first-child{
    display:block!important;
    height:19px!important;
    font-size:18px!important;
    line-height:19px!important;
    margin:0!important;
  }
  .bottom-app-nav a span:last-child,
  .customer-bottom-nav a small{
    display:block!important;
    max-width:100%!important;
    font-size:10px!important;
    line-height:12px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .bottom-app-nav a.active,
  .bottom-app-nav a.active-catalog,
  .customer-bottom-nav a.active,
  .customer-bottom-nav a:hover{
    background:linear-gradient(180deg,#fff1f2,#ffe7ec)!important;
    color:#be123c!important;
    box-shadow:inset 0 0 0 1px rgba(244,63,94,.16)!important;
  }
  .footer{padding-bottom:104px!important;}
  .customer-main{padding-bottom:96px!important;}
  .wa-float{display:none!important;}
}
@media(max-width:380px){
  .bottom-app-nav,
  .bottom-app-nav.bottom-app-nav-compact,
  .customer-bottom-nav,
  .customer-bottom-nav.customer-bottom-nav-clean{
    left:8px!important;right:8px!important;gap:4px!important;padding:6px!important;height:62px!important;min-height:62px!important;border-radius:22px!important;
  }
  .bottom-app-nav a,
  .customer-bottom-nav a{height:48px!important;min-height:48px!important;border-radius:16px!important;font-size:9.5px!important;}
  .bottom-app-nav a span:last-child,
  .customer-bottom-nav a small{font-size:9.2px!important;}
}

/* v46.75 - customer dashboard top actions compact alignment */
@media(max-width:900px){
  .customer-topbar-pro.customer-topbar-mobile-menu{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto auto!important;
    align-items:center!important;
    gap:8px!important;
    padding:12px!important;
    border-radius:20px!important;
  }
  .customer-topbar-pro.customer-topbar-mobile-menu>div:first-child{min-width:0!important;}
  .customer-topbar-pro.customer-topbar-mobile-menu h1{
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:18px!important;
    line-height:1.15!important;
  }
  .customer-topbar-pro.customer-topbar-mobile-menu .mini-label{font-size:9.5px!important;}
  .customer-topbar-pro.customer-topbar-mobile-menu>.customer-store-btn:not(:nth-of-type(2)){
    display:none!important;
  }
  .customer-topbar-pro.customer-topbar-mobile-menu>.customer-store-btn:nth-of-type(2){
    width:42px!important;height:42px!important;min-width:42px!important;padding:0!important;border-radius:15px!important;font-size:0!important;display:grid!important;place-items:center!important;
  }
  .customer-topbar-pro.customer-topbar-mobile-menu>.customer-store-btn:nth-of-type(2)::before{content:'🔔';font-size:16px;line-height:1;}
  .customer-mobile-menu{margin-left:0!important;}
  .customer-mobile-menu summary{
    height:42px!important;min-width:76px!important;justify-content:center!important;border-radius:15px!important;padding:0 12px!important;
  }
}

/* v46.76 - strict customer mobile bottom nav cleanup */
@media(max-width:900px){
  .customer-bottom-nav,
  .customer-bottom-nav.customer-bottom-nav-clean{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    grid-auto-flow:column!important;
    align-items:center!important;
    justify-items:stretch!important;
    gap:6px!important;
    left:12px!important;
    right:12px!important;
    bottom:calc(10px + env(safe-area-inset-bottom))!important;
    width:auto!important;
    height:64px!important;
    min-height:64px!important;
    max-height:64px!important;
    padding:7px!important;
    overflow:hidden!important;
  }
  .customer-bottom-nav a:nth-child(n+5){display:none!important;}
  .customer-bottom-nav a,
  .customer-bottom-nav.customer-bottom-nav-clean a{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:50px!important;
    min-height:50px!important;
    max-height:50px!important;
    padding:0 2px!important;
    margin:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 1 auto!important;
  }
  .customer-bottom-nav a span,
  .customer-bottom-nav a small{pointer-events:none!important;}
  .customer-topbar-mobile-menu .customer-mobile-menu{display:block!important;}
}

/* v46.77 - premium footer + strict mobile/customer nav final polish */
.footer-premium{border-top:1px solid #e8edf5!important;background:linear-gradient(180deg,#fff,#f8fafc)!important;padding:34px 0 calc(96px + env(safe-area-inset-bottom))!important}
.footer-premium-shell{display:grid!important;grid-template-columns:1.15fr 1fr 1fr!important;gap:14px!important;align-items:stretch!important}
.footer-brand-card,.footer-link-card{border:1px solid #e8edf5;background:rgba(255,255,255,.92);border-radius:26px;padding:18px;box-shadow:0 18px 55px rgba(15,23,42,.055)}
.footer-logo-row{display:flex;align-items:center;gap:12px}.footer-logo-mark{width:48px;height:48px;border-radius:18px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#fff1f2,#fff);border:1px solid #ffe4e6;color:#be123c;font-weight:1000;box-shadow:0 14px 32px rgba(244,63,94,.12)}.footer-logo-mark img{width:100%;height:100%;object-fit:cover}.footer-premium h4{margin:0;font-size:15px;font-weight:1000;letter-spacing:-.035em;color:#0f172a}.footer-premium p{margin:4px 0 0;color:#64748b;font-weight:750;line-height:1.65}.footer-desc{margin-top:14px!important}.footer-kicker{display:block;margin-bottom:12px;font-size:10.5px;font-weight:1000;letter-spacing:.14em;text-transform:uppercase;color:#94a3b8}.footer-link-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.footer-link-grid a{display:flex;align-items:center;justify-content:space-between;min-height:38px;border:1px solid #edf2f7;background:#fbfdff;border-radius:14px;padding:9px 11px;color:#334155!important;font-size:12px;font-weight:900;line-height:1.2!important}.footer-link-grid a:after{content:'›';color:#94a3b8;font-weight:1000}.footer-link-grid a:hover{background:#fff1f2;color:#be123c!important;border-color:#ffe4e6}.footer-bottom-line{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;color:#94a3b8;font-size:11px;font-weight:850}
@media(max-width:900px){.footer-premium-shell{grid-template-columns:1fr!important}.footer-brand-card,.footer-link-card{border-radius:22px;padding:16px}.footer-link-grid{grid-template-columns:1fr}.footer-bottom-line{display:grid}.footer-premium{padding-bottom:calc(104px + env(safe-area-inset-bottom))!important}}
@media(max-width:900px){
  .bottom-app-nav.bottom-app-nav-compact,
  .customer-bottom-nav.customer-bottom-nav-clean{
    display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-flow:column!important;gap:6px!important;left:14px!important;right:14px!important;bottom:calc(12px + env(safe-area-inset-bottom))!important;width:auto!important;max-width:none!important;height:66px!important;min-height:66px!important;max-height:66px!important;padding:7px!important;border-radius:26px!important;background:rgba(255,255,255,.97)!important;border:1px solid rgba(226,232,240,.95)!important;box-shadow:0 22px 64px rgba(15,23,42,.18)!important;backdrop-filter:blur(22px)!important;overflow:hidden!important;z-index:95!important;align-items:center!important;justify-items:stretch!important;
  }
  .bottom-app-nav.bottom-app-nav-compact a:nth-child(n+5),
  .customer-bottom-nav.customer-bottom-nav-clean a:nth-child(n+5){display:none!important}
  .bottom-app-nav.bottom-app-nav-compact a,
  .customer-bottom-nav.customer-bottom-nav-clean a{
    width:100%!important;max-width:100%!important;min-width:0!important;height:52px!important;min-height:52px!important;max-height:52px!important;margin:0!important;padding:0 2px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;border-radius:19px!important;background:transparent!important;color:#64748b!important;text-decoration:none!important;text-align:center!important;font-size:10px!important;font-weight:1000!important;line-height:1!important;overflow:hidden!important;white-space:nowrap!important;box-shadow:none!important;flex:1 1 0!important;
  }
  .bottom-app-nav.bottom-app-nav-compact a span:first-child,
  .customer-bottom-nav.customer-bottom-nav-clean a span:first-child{display:block!important;height:20px!important;font-size:18px!important;line-height:20px!important;margin:0!important;opacity:.95!important}
  .bottom-app-nav.bottom-app-nav-compact a span:last-child,
  .customer-bottom-nav.customer-bottom-nav-clean a small{display:block!important;max-width:100%!important;font-size:10px!important;line-height:12px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;margin:0!important}
  .bottom-app-nav.bottom-app-nav-compact a.active,
  .customer-bottom-nav.customer-bottom-nav-clean a.active{background:linear-gradient(180deg,#fff1f2,#ffe7ec)!important;color:#be123c!important;box-shadow:inset 0 0 0 1px rgba(244,63,94,.16)!important}
  .customer-mobile-menu{display:block!important;position:relative!important;z-index:120!important}.customer-mobile-menu summary{list-style:none!important}.customer-mobile-menu summary::-webkit-details-marker{display:none!important}
  .customer-main{padding-bottom:calc(100px + env(safe-area-inset-bottom))!important}.wa-float{display:none!important}
}
@media(max-width:360px){.bottom-app-nav.bottom-app-nav-compact,.customer-bottom-nav.customer-bottom-nav-clean{left:8px!important;right:8px!important;gap:4px!important}.bottom-app-nav.bottom-app-nav-compact a,.customer-bottom-nav.customer-bottom-nav-clean a{font-size:9px!important}.bottom-app-nav.bottom-app-nav-compact a span:last-child,.customer-bottom-nav.customer-bottom-nav-clean a small{font-size:9px!important}}


/* =========================================================
   Ayri Store v46.78 - Global Spacing & Layout Consistency Polish
   Scope: UI-only. Desktop + mobile spacing, cards, forms, variant selector,
   customer/admin dashboards, and bottom navigation alignment.
   ========================================================= */
:root{
  --ayri-space-1:4px;
  --ayri-space-2:8px;
  --ayri-space-3:12px;
  --ayri-space-4:16px;
  --ayri-space-5:20px;
  --ayri-space-6:24px;
  --ayri-radius-card:24px;
  --ayri-radius-soft:18px;
  --ayri-border:#e6edf5;
  --ayri-shadow-soft:0 14px 42px rgba(15,23,42,.055);
}

/* Universal rhythm */
.container{width:min(1180px,calc(100% - 40px))!important;}
.page{padding:26px 0 82px!important;}
section,.catalog,.home-v43-catalog{scroll-margin-top:96px!important;}
.panel,.feature,.product-card,.media-box,.customer-card,.customer-stat,.customer-product-card,.admin-card,.footer-brand-card,.footer-link-card{
  border-color:var(--ayri-border)!important;
  border-radius:var(--ayri-radius-card)!important;
  box-shadow:var(--ayri-shadow-soft)!important;
}
.panel,.customer-card,.admin-card{padding:24px!important;}
.form-stack{gap:18px!important;margin-top:18px!important;}
.label{display:block!important;margin:0 0 8px!important;color:#243247!important;font-size:12px!important;font-weight:950!important;letter-spacing:.015em!important;}
.input,.admin-input,input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=datetime-local],select,textarea{
  min-height:48px!important;
  border-radius:17px!important;
  border:1px solid var(--ayri-border)!important;
  background:#fff!important;
  padding:13px 15px!important;
  line-height:1.45!important;
  box-shadow:0 10px 28px rgba(15,23,42,.025)!important;
}
textarea{min-height:118px!important;resize:vertical!important;}
.btn,.admin-btn,.customer-store-btn,.card-cta,.home-v43-btn{
  min-height:46px!important;
  border-radius:16px!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
}

/* Product detail / variant selector: premium compact, no awkward gaps */
.detail-grid{gap:30px!important;margin-top:20px!important;align-items:start!important;}
.detail-title{margin-top:8px!important;line-height:1.13!important;}
.pill-row{gap:8px!important;margin-top:16px!important;}
.variant-list{display:grid!important;gap:12px!important;margin-top:10px!important;}
.variant-item{
  position:relative!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
  column-gap:12px!important;
  row-gap:4px!important;
  min-height:72px!important;
  padding:15px 16px!important;
  border-radius:18px!important;
  border:1px solid var(--ayri-border)!important;
  background:linear-gradient(180deg,#fff,#fbfdff)!important;
  box-shadow:0 10px 28px rgba(15,23,42,.035)!important;
}
.variant-item:hover{border-color:#fecdd3!important;background:#fff8f9!important;box-shadow:0 14px 34px rgba(201,37,53,.065)!important;}
.variant-item input{width:16px!important;height:16px!important;margin:0!important;align-self:center!important;accent-color:#e11d48!important;}
.variant-name{display:block!important;font-size:14px!important;font-weight:950!important;line-height:1.2!important;color:#0f172a!important;}
.variant-meta{display:block!important;margin-top:5px!important;font-size:11.5px!important;line-height:1.35!important;color:#64748b!important;font-weight:800!important;}
.variant-price{margin-left:0!important;justify-self:end!important;text-align:right!important;font-size:13.5px!important;line-height:1.2!important;font-weight:950!important;color:#0f172a!important;white-space:nowrap!important;}
.variant-price .badge,.variant-price small,.variant-price span{margin-top:5px!important;}
.qty-line{gap:14px!important;padding-top:18px!important;margin-top:2px!important;}
.qty-box{border-radius:16px!important;}
.qty-box span,.qty-box input{height:42px!important;width:42px!important;}

/* Home + catalog spacing */
.home-v43-hero{padding-top:46px!important;padding-bottom:48px!important;}
.home-v43-copy h1{max-width:680px!important;}
.home-v43-copy p{max-width:660px!important;}
.home-v43-catalog{padding-top:44px!important;padding-bottom:72px!important;}
.home-v43-section-head{margin-bottom:16px!important;}
.home-v43-cats{padding:20px 0 18px!important;gap:10px!important;}
.home-v43-products{gap:22px!important;}
.home-v43-product{padding:20px!important;border-radius:28px!important;}
.home-v43-product-info{gap:10px!important;}
.home-v43-tags{gap:8px!important;}
.home-v43-price-row{gap:12px!important;align-items:center!important;}

/* Customer dashboard/profile: compact but aligned */
.customer-shell{gap:0!important;}
.customer-main{padding-top:28px!important;}
.customer-topbar{margin-bottom:22px!important;}
.customer-topbar.customer-topbar-pro{display:flex!important;align-items:center!important;gap:10px!important;}
.customer-topbar.customer-topbar-pro > div:first-child{margin-right:auto!important;min-width:0!important;}
.customer-topbar h1{line-height:1.05!important;}
.customer-store-btn{height:42px!important;padding:0 14px!important;border-radius:999px!important;white-space:nowrap!important;}
.customer-mobile-menu summary{height:42px!important;min-width:92px!important;border-radius:999px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:0 14px!important;background:#fff!important;border:1px solid var(--ayri-border)!important;box-shadow:0 12px 30px rgba(15,23,42,.055)!important;font-weight:950!important;}
.customer-mobile-menu div,.mobile-top-menu-panel{border-radius:22px!important;box-shadow:0 22px 60px rgba(15,23,42,.16)!important;border:1px solid var(--ayri-border)!important;overflow:hidden!important;}
.customer-mobile-menu div a,.mobile-top-menu-panel a{min-height:44px!important;display:flex!important;align-items:center!important;padding:12px 14px!important;border-bottom:1px solid #eef3f8!important;}
.customer-mobile-menu div a:last-child,.mobile-top-menu-panel a:last-child{border-bottom:0!important;}
.customer-card h2,.customer-card h3,.admin-card h2,.admin-card h3{margin-top:0!important;}
.customer-stats,.customer-grid,.customer-list{gap:14px!important;}
.customer-stat{padding:18px!important;min-height:104px!important;display:grid!important;align-content:center!important;}
.customer-profile-hero,.customer-hero{gap:18px!important;}

/* Admin dashboard/list spacing */
.admin-main{padding:24px!important;}
.admin-card{margin-bottom:18px!important;}
.admin-grid,.admin-stats,.analytics-grid{gap:16px!important;}
.admin-table th,.admin-table td{padding:13px 12px!important;vertical-align:middle!important;}
.admin-actions,.table-actions,.action-row{gap:8px!important;align-items:center!important;flex-wrap:wrap!important;}

/* Premium footer breathing room */
.footer-premium{margin-top:36px!important;}
.footer-premium-shell{gap:16px!important;}
.footer-link-grid{gap:9px!important;}
.footer-link-grid a{min-height:42px!important;border-radius:15px!important;}

/* Mobile: exact grid alignment, no overflow, no second row */
@media(max-width:900px){
  .container{width:min(100% - 28px,1180px)!important;}
  .page{padding:18px 0 calc(104px + env(safe-area-inset-bottom))!important;}
  .site-header{border-bottom-color:#edf2f7!important;}
  .header-inner{height:64px!important;gap:10px!important;}
  .brand-copy{min-width:0!important;}
  .brand-title{max-width:170px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
  .brand-subtitle{max-width:175px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
  .mobile-top-menu summary{height:44px!important;border-radius:999px!important;padding:0 12px!important;gap:8px!important;}

  .detail-grid{display:grid!important;grid-template-columns:1fr!important;gap:16px!important;margin-top:14px!important;}
  .panel,.customer-card,.admin-card{padding:18px!important;border-radius:22px!important;}
  .media-box,.detail-media,.detail-placeholder{width:100%!important;height:auto!important;max-height:none!important;}
  .detail-media,.detail-placeholder{aspect-ratio:1/1!important;}
  .detail-title{font-size:24px!important;}
  .variant-item{grid-template-columns:18px minmax(0,1fr)!important;grid-template-areas:"radio main" "radio price"!important;align-items:start!important;min-height:auto!important;padding:14px!important;gap:6px 10px!important;}
  .variant-item input{grid-area:radio!important;margin-top:3px!important;}
  .variant-item > div:not(.variant-price){grid-area:main!important;min-width:0!important;}
  .variant-price{grid-area:price!important;justify-self:start!important;text-align:left!important;font-size:13px!important;margin-top:2px!important;}
  .variant-meta{font-size:11.3px!important;}
  .qty-line{display:grid!important;grid-template-columns:1fr!important;align-items:start!important;}

  .customer-main{padding:22px 14px calc(104px + env(safe-area-inset-bottom))!important;}
  .customer-topbar.customer-topbar-pro{display:grid!important;grid-template-columns:1fr auto!important;gap:12px!important;align-items:center!important;margin-bottom:16px!important;}
  .customer-topbar.customer-topbar-pro > a.customer-store-btn{display:none!important;}
  .customer-topbar h1{font-size:32px!important;}
  .customer-mobile-menu{justify-self:end!important;}
  .customer-mobile-menu summary{min-width:94px!important;height:42px!important;}

  .bottom-app-nav.bottom-app-nav-compact,
  .customer-bottom-nav.customer-bottom-nav-clean{
    position:fixed!important;
    display:grid!important;
    grid-template-columns:repeat(4,1fr)!important;
    left:14px!important;
    right:14px!important;
    bottom:calc(12px + env(safe-area-inset-bottom))!important;
    width:auto!important;
    height:68px!important;
    min-height:68px!important;
    max-height:68px!important;
    padding:7px!important;
    gap:6px!important;
    border-radius:28px!important;
    overflow:hidden!important;
    align-items:center!important;
  }
  .bottom-app-nav.bottom-app-nav-compact a,
  .customer-bottom-nav.customer-bottom-nav-clean a{
    min-width:0!important;
    width:100%!important;
    height:54px!important;
    min-height:54px!important;
    max-height:54px!important;
    padding:0!important;
    border-radius:20px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    overflow:hidden!important;
  }
  .bottom-app-nav.bottom-app-nav-compact a span:first-child,
  .customer-bottom-nav.customer-bottom-nav-clean a span:first-child{font-size:18px!important;line-height:18px!important;height:18px!important;}
  .bottom-app-nav.bottom-app-nav-compact a span:last-child,
  .customer-bottom-nav.customer-bottom-nav-clean a small{font-size:10px!important;line-height:12px!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
}

@media(max-width:560px){
  .container{width:calc(100% - 28px)!important;}
  .home-v43-hero{padding-top:24px!important;padding-bottom:32px!important;}
  .home-v43-copy h1{font-size:clamp(42px,12vw,58px)!important;line-height:1.01!important;}
  .home-v43-copy p{font-size:15px!important;line-height:1.72!important;margin-top:18px!important;}
  .home-v43-catalog{padding-top:32px!important;}
  .home-v43-section-head h2{font-size:30px!important;}
  .home-v43-search{gap:8px!important;}
  .home-v43-search input,.home-v43-search button{height:50px!important;border-radius:17px!important;}
  .home-v43-product{padding:14px!important;border-radius:24px!important;}
  .home-v43-price-row{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;}
  .home-v43-price-row span{width:100%!important;justify-content:center!important;}
  .customer-stat{min-height:92px!important;padding:16px!important;}
  .footer-premium-shell{gap:12px!important;}
  .footer-brand-card,.footer-link-card{padding:16px!important;border-radius:22px!important;}
}

@media(max-width:380px){
  .brand-title{max-width:138px!important;}
  .brand-subtitle{max-width:145px!important;}
  .bottom-app-nav.bottom-app-nav-compact,
  .customer-bottom-nav.customer-bottom-nav-clean{left:10px!important;right:10px!important;gap:5px!important;}
}

/* v46.79 - Customer mobile header/navigation premium fix + desktop WhatsApp lower position */
@media (min-width: 901px){
  .wa-float{bottom:18px!important;right:24px!important;}
}
.customer-topbar-v4679{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;}
.customer-topbar-v4679 .customer-topbar-title{min-width:0!important;flex:1 1 auto!important;margin-right:0!important;}
.customer-topbar-v4679 .customer-topbar-title h1{margin:0!important;line-height:1.02!important;}
.customer-topbar-v4679 .customer-topbar-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;flex:0 0 auto!important;position:relative!important;}
.customer-icon-btn{position:relative!important;width:46px!important;height:46px!important;min-width:46px!important;border-radius:18px!important;display:grid!important;place-items:center!important;background:#fff!important;border:1px solid #e8edf5!important;box-shadow:0 12px 30px rgba(15,23,42,.055)!important;color:#0f172a!important;text-decoration:none!important;}
.customer-icon-btn span{display:block!important;font-size:18px!important;line-height:1!important;}
.customer-icon-btn em{position:absolute!important;top:-5px!important;right:-5px!important;min-width:18px!important;height:18px!important;border-radius:999px!important;display:grid!important;place-items:center!important;background:#e11d48!important;color:#fff!important;font-style:normal!important;font-size:10px!important;font-weight:950!important;border:2px solid #fff!important;}
.customer-more-menu{position:relative!important;margin:0!important;display:block!important;}
.customer-more-menu summary{height:46px!important;min-width:104px!important;border-radius:18px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;padding:0 15px!important;background:#fff!important;border:1px solid #e8edf5!important;box-shadow:0 12px 30px rgba(15,23,42,.055)!important;font-size:13px!important;font-weight:950!important;color:#0f172a!important;cursor:pointer!important;list-style:none!important;}
.customer-more-menu summary::-webkit-details-marker{display:none!important;}
.customer-more-menu summary b{font-size:18px!important;line-height:1!important;}
.customer-more-menu > div{position:absolute!important;right:0!important;top:calc(100% + 10px)!important;min-width:232px!important;max-width:calc(100vw - 32px)!important;z-index:200!important;border-radius:22px!important;background:#fff!important;border:1px solid #e8edf5!important;box-shadow:0 24px 70px rgba(15,23,42,.18)!important;padding:7px!important;overflow:hidden!important;}
.customer-more-menu > div a{min-height:42px!important;display:flex!important;align-items:center!important;padding:11px 13px!important;border-radius:15px!important;border-bottom:0!important;font-size:12px!important;font-weight:900!important;color:#334155!important;text-decoration:none!important;}
.customer-more-menu > div a:hover{background:#fff1f2!important;color:#be123c!important;}
@media (max-width: 900px){
  .customer-topbar-v4679{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;padding:18px 20px!important;border-radius:24px!important;margin-bottom:18px!important;position:sticky!important;top:10px!important;z-index:90!important;}
  .customer-topbar-v4679 .customer-topbar-title h1{font-size:28px!important;letter-spacing:-.055em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .customer-topbar-v4679 .mini-label{font-size:10px!important;letter-spacing:.12em!important;}
  .customer-topbar-v4679 .customer-topbar-actions{gap:8px!important;}
  .customer-icon-btn{width:44px!important;height:44px!important;min-width:44px!important;border-radius:16px!important;}
  .customer-more-menu summary{height:44px!important;min-width:86px!important;padding:0 12px!important;border-radius:16px!important;font-size:12px!important;}
  .customer-more-menu > div{right:0!important;top:calc(100% + 9px)!important;min-width:min(236px,calc(100vw - 48px))!important;}
  .customer-bottom-nav.customer-bottom-nav-clean{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:center!important;left:14px!important;right:14px!important;bottom:12px!important;gap:6px!important;padding:8px!important;}
  .customer-bottom-nav.customer-bottom-nav-clean a{display:flex!important;min-width:0!important;height:54px!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;}
  .customer-bottom-nav.customer-bottom-nav-clean a:nth-child(n+5){display:none!important;}
}
@media (max-width: 380px){
  .customer-topbar-v4679{padding:16px!important;gap:8px!important;}
  .customer-topbar-v4679 .customer-topbar-title h1{font-size:24px!important;}
  .customer-icon-btn{width:40px!important;height:40px!important;min-width:40px!important;border-radius:14px!important;}
  .customer-more-menu summary{height:40px!important;min-width:76px!important;padding:0 10px!important;font-size:11px!important;}
}

/* Advanced PWA Install Prompt Styling */
.install-prompt-premium {
  position: fixed;
  z-index: 99999;
  bottom: -100%;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  transition: bottom 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  pointer-events: none;
  visibility: hidden;
}
.install-prompt-premium.show {
  bottom: 0;
  pointer-events: auto;
  visibility: visible;
}
.install-prompt-overlay {
  position: fixed;
  inset: 0;
  background: rgba(15, 23, 42, 0.4);
  backdrop-filter: blur(4px);
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: -1;
}
.install-prompt-premium.show .install-prompt-overlay {
  opacity: 1;
}
.install-prompt-content {
  width: 100%;
  max-width: 500px;
  background: #ffffff;
  border-radius: 28px 28px 0 0;
  padding: 24px;
  box-shadow: 0 -20px 40px rgba(0,0,0,0.15);
  transform: translateY(100%);
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.install-prompt-premium.show .install-prompt-content {
  transform: translateY(0);
}
.install-prompt-header {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
  position: relative;
}
.install-prompt-icon {
  width: 56px;
  height: 56px;
  border-radius: 16px;
  object-fit: cover;
  box-shadow: 0 8px 16px rgba(0,0,0,0.1);
}
.placeholder-icon {
  background: linear-gradient(135deg, #ef4444, #b91c1c);
  color: white;
  display: grid;
  place-items: center;
  font-size: 24px;
}
.install-prompt-title {
  flex: 1;
}
.install-prompt-title strong {
  display: block;
  font-size: 18px;
  font-weight: 800;
  color: #0f172a;
  line-height: 1.2;
}
.install-prompt-title span {
  display: block;
  font-size: 13px;
  color: #64748b;
  margin-top: 4px;
  font-weight: 600;
}
.install-prompt-close {
  background: #f1f5f9;
  border: none;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  font-size: 20px;
  color: #64748b;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  align-self: flex-start;
}
.install-prompt-body p {
  font-size: 14px;
  color: #475569;
  line-height: 1.6;
  margin: 0 0 20px 0;
}
.install-btn-action {
  width: 100%;
  padding: 16px;
  border-radius: 16px;
  font-size: 16px;
  font-weight: 800;
  box-shadow: 0 8px 24px rgba(220,38,38,0.25);
}

@media(min-width:781px){
  .install-prompt-premium {
    bottom: auto;
    top: 20px;
    align-items: flex-start;
  }
  .install-prompt-content {
    border-radius: 24px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.2);
    transform: translateY(-20px) scale(0.95);
    opacity: 0;
  }
  .install-prompt-premium.show .install-prompt-content {
    transform: translateY(0) scale(1);
    opacity: 1;
  }
  .install-prompt-overlay {
    display: none;
  }
}