:root{--primary:#14b8c4;--pink:#f34f95;--dark:#162033;--muted:#667085;--soft:#f7fbfc;--line:#e7edf2;--shadow:0 18px 45px rgba(22,32,51,.10)}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--dark);background:#fff}a{text-decoration:none;color:inherit}.container{width:min(1180px,92%);margin:auto}.topbar{background:#fff;box-shadow:0 8px 28px rgba(0,0,0,.06);position:sticky;top:0;z-index:50}.nav{height:88px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:14px}.brand img{width:58px;height:58px;object-fit:contain}.brand b{display:block;font-size:21px}.brand span{font-size:12px;color:#777;letter-spacing:3px;font-weight:700}.menu{display:flex;align-items:center;gap:24px;font-weight:800}.menu a:hover{color:var(--primary)}.pill,.btn{background:linear-gradient(135deg,var(--primary),#19d3a6);color:#fff!important;border-radius:999px;padding:13px 22px;font-weight:900;display:inline-block;border:0;cursor:pointer}.menuBtn{display:none;background:none;border:0;font-size:28px}.hero{position:relative;min-height:560px;overflow:hidden;background:#ffd6e8}.slide{display:none;min-height:560px;background-size:cover;background-position:center}.slide.active{display:block}.slide:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.95),rgba(255,255,255,.72),rgba(255,255,255,.08))}.heroContent{position:relative;z-index:2;padding:92px 0;max-width:640px}.badge{display:inline-flex;background:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 14px;color:var(--pink);font-weight:900;box-shadow:var(--shadow)}.hero h1{font-size:54px;line-height:1.04;margin:18px 0}.hero p{font-size:18px;line-height:1.8;color:#3d4758}.heroBtns{display:flex;gap:14px;flex-wrap:wrap}.btn.light{background:#fff!important;color:var(--dark)!important;border:1px solid var(--line)}.dots{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);z-index:3;display:flex;gap:8px}.dots span{width:12px;height:12px;background:#fff;border:2px solid var(--primary);border-radius:50%;cursor:pointer}.dots span.active{background:var(--primary)}.section{padding:78px 0}.section.soft{background:#ffe5f0}.title{text-align:center;margin-bottom:38px}.title small{color:var(--pink);font-weight:900;text-transform:uppercase;letter-spacing:2px}.title h2{font-size:38px;margin:8px 0}.title p{color:var(--muted);max-width:780px;margin:auto;line-height:1.7}.catgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.cat{background:#fff;border:1px solid var(--line);border-radius:22px;padding:14px;text-align:center;box-shadow:0 12px 30px rgba(0,0,0,.05);transition:.25s}.cat:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.cat img{width:100%;height:110px;object-fit:cover;border-radius:16px}.cat h3{font-size:16px;margin:13px 0 5px}.cat p{font-size:13px;color:var(--muted);line-height:1.4}.productgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.product{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 12px 35px rgba(0,0,0,.07);transition:.25s}.product:hover{transform:translateY(-7px)}.product img{width:100%;height:230px;object-fit:cover}.pbody{padding:20px}.tag{font-size:12px;color:var(--primary);font-weight:900;text-transform:uppercase}.pbody h3{margin:8px 0;font-size:20px}.pbody p{color:var(--muted);line-height:1.55;font-size:14px}.price{font-size:24px;font-weight:900;color:var(--pink);margin:12px 0}.actions{display:flex;gap:10px;flex-wrap:wrap}.outline{border:1px solid var(--primary);color:var(--primary);border-radius:999px;padding:11px 16px;font-weight:900}.twocol{display:grid;grid-template-columns:1.05fr .95fr;gap:38px;align-items:center}.panel{background:#fff;border:1px solid var(--line);border-radius:28px;padding:34px;box-shadow:var(--shadow)}.panel h2{font-size:36px;margin:0 0 16px}.panel p,.list li{color:var(--muted);line-height:1.8}.imageBox img{width:100%;height:430px;object-fit:cover;border-radius:28px;box-shadow:var(--shadow)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.step{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px}.num{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--pink),#ff9ac3);color:#fff;font-weight:900}.cta{background:linear-gradient(135deg,#17becb,#f34f95);color:#fff;border-radius:34px;padding:48px;display:flex;justify-content:space-between;align-items:center;gap:20px}.cta h2{font-size:38px;margin:0 0 10px}.form{display:grid;gap:15px}.input,.form input,.form textarea,.form select{width:100%;padding:14px 16px;border:1px solid var(--line);border-radius:14px;font-size:15px}.form textarea{min-height:120px}.footer{background:#111827;color:#fff;padding:58px 0 18px}.footergrid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:30px}.footer a,.footer p{display:block;color:#cbd5e1;line-height:1.7}.flogo{width:70px;background:#fff;border-radius:14px;padding:5px}.copy{text-align:center;color:#94a3b8;border-top:1px solid #263244;margin-top:30px;padding-top:18px}.float-wa{position:fixed;right:22px;bottom:22px;background:#25d366;color:#fff;padding:16px 22px;border-radius:999px;box-shadow:var(--shadow);font-weight:900;z-index:99}.pagehero{background:linear-gradient(135deg,#effeff,#fff4f8);padding:58px 0}.pagehero h1{font-size:44px;margin:0}.filters{display:flex;gap:12px;margin-bottom:25px;flex-wrap:wrap}.filters a{padding:10px 15px;border:1px solid var(--line);border-radius:999px;font-weight:800}.adminwrap{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:#111827;color:#fff;padding:24px;position:sticky;top:0;height:100vh}.sidebar a{display:block;padding:13px 14px;border-radius:12px;color:#e5e7eb;margin:5px 0}.sidebar a:hover{background:#273244}.adminmain{padding:28px;background:#f3f6fa}.table{width:100%;border-collapse:collapse;background:#fff;border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}.table th,.table td{padding:14px;border-bottom:1px solid var(--line);text-align:left}.table img{width:80px;height:55px;object-fit:cover;border-radius:8px}.admincard{background:#fff;border-radius:20px;padding:24px;box-shadow:var(--shadow);margin-bottom:22px}@media(max-width:950px){.menuBtn{display:block}.menu{display:none;position:absolute;left:0;right:0;top:88px;background:#fff;padding:20px;flex-direction:column;align-items:flex-start;box-shadow:var(--shadow)}.menu.show{display:flex}.hero h1{font-size:38px}.catgrid{grid-template-columns:repeat(2,1fr)}.productgrid,.steps{grid-template-columns:repeat(2,1fr)}.twocol,.footergrid,.adminwrap{grid-template-columns:1fr}.sidebar{height:auto;position:relative}.cta{display:block}.nav{height:82px}}@media(max-width:560px){.productgrid,.steps{grid-template-columns:1fr}.slide,.hero{min-height:620px}.heroContent{padding:55px 0}.hero h1{font-size:34px}.catgrid{gap:12px}.cat img{height:92px}.section{padding:52px 0}.float-wa{left:14px;right:14px;text-align:center}.pagehero h1{font-size:34px}}
/* Ecommerce style hero section like premium shopping websites */
.ecommerceHero{min-height:560px;background:linear-gradient(90deg,#fff3f8 0%,#ffffff 45%,#fff1f6 100%);position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
.ecommerceHero .slide{display:none;min-height:560px;background:none!important;position:relative}
.ecommerceHero .slide.active{display:block}
.ecommerceHero .slide:before{display:none!important}
.heroGrid{min-height:560px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:42px;position:relative;z-index:2}
.heroLeft{padding:34px 0}.heroLeft .badge{background:#fff;border:0;color:#f0157f;padding:12px 18px;box-shadow:0 15px 35px rgba(240,21,127,.10)}
.heroLeft h1{font-family:Georgia,'Times New Roman',serif;font-size:58px;line-height:1.07;margin:24px 0 18px;color:#111827;letter-spacing:-1px;max-width:680px}
.heroLeft p{font-size:19px;line-height:1.85;color:#344054;max-width:650px;margin-bottom:26px}.heroBtns{margin-bottom:28px}.heroBtns .btn{border-radius:8px;padding:16px 28px;background:linear-gradient(135deg,#7c2cff,#f0157f)!important}.heroBtns .btn.light{background:#fff!important;color:#111827!important;box-shadow:0 15px 35px rgba(0,0,0,.08);border:0!important}
.heroTrust{display:flex;gap:24px;flex-wrap:wrap;font-weight:900;color:#111827}.heroTrust span:before{color:#7c2cff}
.heroRight{min-height:420px;display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(circle at center,#ffffff 0%,#fff6fb 55%,rgba(255,255,255,0) 70%)}
.heroRight img{width:min(520px,100%);height:390px;object-fit:contain;filter:drop-shadow(0 25px 35px rgba(0,0,0,.18));border-radius:18px;background:transparent}.discountBox{position:absolute;right:20px;top:70px;background:#fff;border-radius:18px;padding:26px 32px;text-align:center;box-shadow:0 24px 50px rgba(17,24,39,.12)}
.discountBox small{font-weight:900;font-size:12px;color:#111827}.discountBox b{display:block;font-size:48px;line-height:1;color:#f0157f;margin:8px 0}.discountBox span{display:inline-block;background:linear-gradient(135deg,#7c2cff,#f0157f);color:#fff;font-weight:900;border-radius:8px;padding:9px 12px;font-size:12px;text-transform:uppercase}.heroArrow{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:0;background:#fff;color:#111827;font-size:34px;box-shadow:0 16px 35px rgba(0,0,0,.11);z-index:8;cursor:pointer}.heroPrev{left:20px}.heroNext{right:20px}.ecommerceHero .dots{bottom:20px}.ecommerceHero .dots span{border:0;background:#cbd5e1;width:11px;height:11px}.ecommerceHero .dots span.active{background:#7c2cff}
@media(max-width:950px){.heroGrid{grid-template-columns:1fr;gap:15px;padding:34px 0}.ecommerceHero,.ecommerceHero .slide,.heroGrid{min-height:auto}.heroLeft h1{font-size:42px}.heroRight{min-height:300px}.heroRight img{height:270px}.discountBox{right:12px;top:20px;padding:18px}.discountBox b{font-size:34px}.heroArrow{display:none}}
@media(max-width:560px){.heroLeft h1{font-size:34px}.heroLeft p{font-size:16px}.heroBtns .btn{width:100%;text-align:center}.heroTrust{gap:12px;font-size:13px}.heroRight img{height:230px}.discountBox{position:relative;right:auto;top:auto;margin-left:-110px}.ecommerceHero .dots{display:none}}

/* Added professional homepage sections */
.eyebrow{display:inline-block;color:var(--pink);font-weight:900;text-transform:uppercase;letter-spacing:2px;margin-bottom:10px}.aboutPro{background:#fff}.aboutWrap{display:grid;grid-template-columns:.95fr 1.05fr;gap:46px;align-items:center}.aboutMedia{position:relative}.aboutMain{width:100%;height:520px;object-fit:cover;border-radius:34px;box-shadow:var(--shadow)}.aboutFloat{position:absolute;right:-20px;bottom:28px;background:#fff;border-radius:24px;padding:22px 28px;box-shadow:0 20px 50px rgba(17,24,39,.14);border:1px solid var(--line)}.aboutFloat b{display:block;font-size:38px;color:var(--pink);line-height:1}.aboutFloat span{font-weight:900;color:#111827}.aboutText h2{font-size:44px;line-height:1.12;margin:0 0 18px}.aboutText p{font-size:16px;line-height:1.85;color:var(--muted)}.aboutPoints{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:22px 0 26px}.aboutPoints span{background:#f8fbfc;border:1px solid var(--line);padding:13px 14px;border-radius:14px;font-weight:900;color:#263244}.whyGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.whyCard{background:#fff;border:1px solid var(--line);border-radius:26px;padding:28px;box-shadow:0 10px 35px rgba(17,24,39,.06);transition:.25s}.whyCard:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.whyIcon{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,#fff3f8,#e9fdff);font-size:32px;margin-bottom:16px}.whyCard h3{margin:0 0 10px;font-size:21px}.whyCard p{color:var(--muted);line-height:1.7;margin:0}.customizeBand{background:linear-gradient(135deg,#12b9c7 0%,#7c2cff 50%,#f0157f 100%);color:#fff;overflow:hidden}.customizeWrap{display:grid;grid-template-columns:1fr .95fr;gap:40px;align-items:center}.customizeWrap h2{font-size:46px;line-height:1.1;margin:0 0 16px}.customizeWrap p{font-size:18px;line-height:1.8;color:rgba(255,255,255,.88);max-width:650px}.lightText{color:#fff!important}.ghostWhite{background:rgba(255,255,255,.14)!important;color:#fff!important;border:1px solid rgba(255,255,255,.45)!important}.customizeActions{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}.designPreview{position:relative;min-height:330px}.designCard{position:absolute;background:#fff;color:#111827;border-radius:28px;padding:28px;width:260px;min-height:210px;box-shadow:0 30px 70px rgba(0,0,0,.2);display:flex;flex-direction:column;justify-content:space-between}.designCard span{font-weight:900;color:var(--pink);font-size:12px;letter-spacing:1px}.designCard b{font-size:26px;line-height:1.1}.mugCard{left:30px;top:20px;background:linear-gradient(160deg,#fff,#fff0f6)}.tshirtCard{right:20px;bottom:10px;background:linear-gradient(160deg,#fff,#eaffff)}.workTimeline{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;counter-reset:step}.workItem{position:relative;background:#fff;border:1px solid var(--line);border-radius:26px;padding:28px;box-shadow:0 10px 30px rgba(17,24,39,.05)}.workItem span{display:inline-grid;place-items:center;width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,var(--primary),#19d3a6);color:#fff;font-weight:900;margin-bottom:16px}.workItem h3{margin:0 0 9px}.workItem p{color:var(--muted);line-height:1.7;margin:0}.corpWrap{display:grid;grid-template-columns:1fr .9fr;gap:36px;align-items:center}.corpText h2{font-size:42px;line-height:1.15;margin:0 0 15px}.corpText p{color:var(--muted);line-height:1.8;font-size:17px}.corpList{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.corpList span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:12px 16px;font-weight:900;box-shadow:0 8px 24px rgba(17,24,39,.05)}.corpWrap img{width:100%;height:420px;object-fit:cover;border-radius:30px;box-shadow:var(--shadow)}.statsSection{padding:48px 0;background:#111827;color:#fff}.statsGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;text-align:center}.statsGrid div{padding:22px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:rgba(255,255,255,.04)}.statsGrid b{display:block;font-size:42px;color:#22d3ee}.statsGrid span{color:#cbd5e1;font-weight:800}.testGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.testCard{background:#fff;border:1px solid var(--line);border-radius:26px;padding:28px;box-shadow:0 10px 32px rgba(17,24,39,.06)}.testCard div{color:#f59e0b;font-size:20px}.testCard p{color:var(--muted);line-height:1.75;font-size:16px}.faqGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.faq{border:1px solid var(--line);border-radius:22px;padding:24px;background:#fff;box-shadow:0 8px 26px rgba(17,24,39,.04)}.faq h3{margin:0 0 8px}.faq p{margin:0;color:var(--muted);line-height:1.7}
@media(max-width:950px){.aboutWrap,.customizeWrap,.corpWrap{grid-template-columns:1fr}.whyGrid,.workTimeline,.testGrid{grid-template-columns:repeat(2,1fr)}.statsGrid{grid-template-columns:repeat(2,1fr)}.aboutText h2,.customizeWrap h2,.corpText h2{font-size:34px}.aboutMain,.corpWrap img{height:360px}.aboutFloat{right:18px}.designPreview{min-height:390px}.designCard{position:relative;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;margin:16px auto;width:min(320px,100%)}}
@media(max-width:560px){.aboutPoints,.whyGrid,.workTimeline,.testGrid,.faqGrid,.statsGrid{grid-template-columns:1fr}.aboutText h2,.customizeWrap h2,.corpText h2{font-size:30px}.aboutMain,.corpWrap img{height:280px}.aboutFloat{position:relative;right:auto;bottom:auto;margin-top:-35px;margin-left:18px;width:max-content}.whyCard,.workItem,.testCard,.faq{padding:22px}}

/* Final UI polish: smaller text, clickable cards, images, animations */
body{font-size:14px;line-height:1.55}.section{padding:56px 0}.compactSec{padding:50px 0}.title{margin-bottom:28px}.title h2{font-size:30px;letter-spacing:-.4px}.title p{font-size:14px;line-height:1.65}.badge{font-size:12px}.heroLeft h1{font-size:46px}.heroLeft p{font-size:15.5px;line-height:1.7}.btn,.outline{font-size:13px;padding:11px 17px}.heroBtns .btn{padding:13px 20px}.heroTrust a{font-size:13px;transition:.25s}.heroTrust a:hover{color:var(--pink)}.brand b{font-size:18px}.brand span{font-size:10px}.nav{height:76px}.brand img{width:52px;height:52px}.menu{font-size:14px;gap:18px}.ecommerceHero,.ecommerceHero .slide,.heroGrid{min-height:500px}.heroRight img{height:340px}.discountBox{transition:.3s}.discountBox:hover{transform:translateY(-7px) scale(1.02)}.discountBox b{font-size:40px}.catgrid.iconCategories{grid-template-columns:repeat(6,1fr);gap:16px}.cat{padding:12px;border-radius:18px;position:relative;overflow:hidden}.cat:after{content:"";position:absolute;inset:auto -30% -60% -30%;height:80%;background:radial-gradient(circle,rgba(20,184,196,.13),transparent 65%);transition:.3s}.cat:hover:after{bottom:-35%}.cat img{height:88px;object-fit:cover;border-radius:14px}.cat h3{font-size:14px;margin:10px 0 4px}.cat p{font-size:12px;line-height:1.35}.miniLink{display:inline-block;margin-top:8px;color:var(--primary);font-size:12px;font-weight:900}.productgrid{gap:18px}.product{border-radius:20px}.product img{height:205px;transition:.35s}.product:hover img{transform:scale(1.04)}.pbody{padding:16px}.pbody h3{font-size:17px}.pbody p{font-size:13px;line-height:1.5}.price{font-size:20px;margin:8px 0}.actions{gap:8px}.whatsappBtn{background:#25d366!important;color:#fff!important}.whatsSmall{border-color:#25d366;color:#159447}.aboutWrap{gap:34px}.aboutMain{height:420px}.aboutText h2{font-size:33px}.aboutText p{font-size:14px;line-height:1.72}.aboutPoints{gap:9px;margin:18px 0 20px}.aboutPoints a{background:#f8fbfc;border:1px solid var(--line);padding:11px 12px;border-radius:12px;font-weight:800;color:#263244;font-size:13px;transition:.25s}.aboutPoints a:hover{background:#e9fdff;color:var(--primary);transform:translateY(-3px)}.aboutFloat{text-align:center;text-decoration:none;transition:.25s}.aboutFloat:hover{transform:translateY(-7px)}.aboutFloat b{font-size:30px}.imageWhyGrid .whyCard{padding:0;overflow:hidden;text-decoration:none;color:inherit}.whyCard img{width:100%;height:135px;object-fit:cover;display:block}.whyCard h3{font-size:17px;margin:16px 18px 7px}.whyCard p{font-size:13px;margin:0 18px 13px;line-height:1.55}.whyCard span{display:block;margin:0 18px 18px;color:var(--primary);font-weight:900;font-size:12px}.customizeWrap h2{font-size:34px}.customizeWrap p{font-size:14.5px}.customizeImage,.corpImage{position:relative;display:block;overflow:hidden;border-radius:28px;box-shadow:var(--shadow)}.customizeImage img,.corpImage img{width:100%;height:340px;object-fit:cover;display:block;transition:.4s}.customizeImage:hover img,.corpImage:hover img{transform:scale(1.05)}.customizeImage span,.corpImage span{position:absolute;left:18px;bottom:18px;background:#fff;color:#111827;padding:10px 14px;border-radius:999px;font-weight:900;font-size:13px}.workTimeline.imageSteps{grid-template-columns:repeat(3,1fr);gap:18px}.imageSteps .workItem{padding:0;overflow:hidden;color:inherit;text-decoration:none}.imageSteps .workItem img{width:100%;height:120px;object-fit:cover;display:block;transition:.35s}.imageSteps .workItem:hover img{transform:scale(1.05)}.imageSteps .workItem span{margin:14px 16px 9px;width:43px;height:43px;border-radius:13px;font-size:13px}.imageSteps .workItem h3{font-size:16px;margin:0 16px 6px}.imageSteps .workItem p{font-size:13px;margin:0 16px 16px;line-height:1.55}.corpText h2{font-size:32px}.corpText p{font-size:14px}.corpList a{background:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 12px;font-weight:800;box-shadow:0 8px 24px rgba(17,24,39,.05);font-size:13px;transition:.25s}.corpList a:hover{background:#e9fdff;color:var(--primary);transform:translateY(-3px)}.statsGrid a{padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.04);transition:.25s;color:#fff}.statsGrid a:hover{transform:translateY(-6px);background:rgba(255,255,255,.08)}.statsGrid b{font-size:34px}.statsGrid span{font-size:13px}.testCard{padding:20px;color:inherit;text-decoration:none}.testCard img{width:56px;height:56px;border-radius:50%;object-fit:cover;margin-bottom:10px}.testCard p{font-size:13px;line-height:1.6}.faq{padding:20px;color:inherit;text-decoration:none;transition:.25s}.faq:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.faq h3{font-size:16px}.faq p{font-size:13px;line-height:1.55}.finalCta{background:#fff}.ctaBox{background:linear-gradient(135deg,#effeff,#fff2f7);border:1px solid var(--line);border-radius:28px;padding:34px;display:flex;align-items:center;justify-content:space-between;gap:18px;box-shadow:var(--shadow)}.ctaBox small{color:var(--pink);font-weight:900;text-transform:uppercase;letter-spacing:1.5px}.ctaBox h2{font-size:30px;margin:7px 0}.ctaBox p{color:var(--muted);font-size:14px;line-height:1.6}.ctaBtns{display:flex;gap:10px;flex-wrap:wrap}.reveal{opacity:0;transform:translateY(26px);transition:opacity .65s ease, transform .65s ease}.reveal.show{opacity:1;transform:translateY(0)}.product,.cat,.whyCard,.workItem,.testCard,.faq,.btn,.outline{transition:.25s}.btn:hover,.outline:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(17,24,39,.12)}
@media(max-width:950px){.heroLeft h1{font-size:35px}.heroLeft p{font-size:14.5px}.catgrid.iconCategories{grid-template-columns:repeat(3,1fr)}.productgrid,.whyGrid,.workTimeline.imageSteps,.testGrid{grid-template-columns:repeat(2,1fr)}.aboutMain,.corpImage img,.customizeImage img{height:300px}.ctaBox{display:block}.ctaBtns{margin-top:16px}.menu{top:76px}.nav{height:76px}}
@media(max-width:560px){body{font-size:13px}.section,.compactSec{padding:38px 0}.title h2{font-size:24px}.heroLeft h1{font-size:30px}.heroRight img{height:210px}.catgrid.iconCategories{grid-template-columns:repeat(2,1fr)}.cat img{height:76px}.productgrid,.whyGrid,.workTimeline.imageSteps,.testGrid,.faqGrid,.statsGrid{grid-template-columns:1fr}.product img{height:190px}.aboutMain,.corpImage img,.customizeImage img{height:240px}.ctaBox h2{font-size:24px}.footergrid{grid-template-columns:1fr}.float-wa{font-size:13px;padding:13px 16px}}

/* Auto Customize Design Studio */
.customHero{background:linear-gradient(135deg,#e8fdff,#fff1f7);position:relative;overflow:hidden}.customHero:after{content:"";position:absolute;right:-80px;top:-80px;width:280px;height:280px;border-radius:50%;background:linear-gradient(135deg,rgba(20,184,196,.22),rgba(243,79,149,.16))}.customHero h1{font-size:38px;margin:12px 0 8px}.customHero p{max-width:780px;color:#5c6675;font-size:15px;line-height:1.7}.customizeStudioSec{background:#fff}.studioGrid{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start}.studioPanel,.previewPanel{background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);padding:26px}.studioHead small,.previewTop small{color:var(--pink);font-weight:900;text-transform:uppercase;letter-spacing:1.4px}.studioHead h2,.previewTop h2{font-size:28px;margin:6px 0 8px}.studioHead p{font-size:14px;color:var(--muted);line-height:1.65;margin:0 0 18px}.studioForm label{display:block;margin:14px 0 8px;font-weight:900;color:#263244;font-size:13px}.choiceGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.choice{border:1px solid var(--line);background:#f8fbfc;border-radius:18px;padding:13px 8px;cursor:pointer;font-weight:900;color:#263244;display:grid;gap:6px;place-items:center;transition:.25s}.choice:hover,.choice.active{background:linear-gradient(135deg,#e8fdff,#fff1f7);border-color:var(--primary);transform:translateY(-3px)}.choice{font-size:22px}.choice span{font-size:12px}.uploadBox{border:2px dashed #a8dfe5;border-radius:20px;padding:18px;background:#f6feff;display:flex;align-items:center;gap:14px;cursor:pointer}.uploadBox input{width:145px;font-size:12px}.uploadBox b{display:block;font-size:14px}.uploadBox span{font-size:12px;color:var(--muted)}.templateGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.template{border:1px solid var(--line);background:#fff;border-radius:16px;padding:11px 8px;font-weight:900;font-size:12px;cursor:pointer;transition:.25s}.template span{display:block;height:22px;border-radius:999px;margin-bottom:7px}.template[data-template="classic"] span{background:linear-gradient(90deg,#14b8c4,#f34f95)}.template[data-template="premium"] span{background:linear-gradient(90deg,#111827,#f59e0b)}.template[data-template="birthday"] span{background:linear-gradient(90deg,#ff7ab6,#ffd166)}.template[data-template="corporate"] span{background:linear-gradient(90deg,#2563eb,#22c55e)}.template:hover,.template.active{border-color:var(--pink);transform:translateY(-3px);box-shadow:0 8px 18px rgba(243,79,149,.12)}.formTwo{display:grid;grid-template-columns:1fr 120px;gap:12px}.studioActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.previewTop{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.previewTop h2{margin:0}#styleBadge{background:#111827;color:#fff;border-radius:999px;padding:9px 13px;font-weight:900;font-size:12px}.mockupStage{min-height:430px;border-radius:28px;display:grid;place-items:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#e8fdff,#fff1f7)}.mockupStage:before{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:rgba(255,255,255,.42);right:-70px;top:-70px}.mockupStage.premium{background:linear-gradient(135deg,#111827,#374151)}.mockupStage.birthday{background:linear-gradient(135deg,#fff0f6,#fff7d6)}.mockupStage.corporate{background:linear-gradient(135deg,#e8f1ff,#e9fff2)}.mockupProduct{position:relative;z-index:2;filter:drop-shadow(0 22px 30px rgba(0,0,0,.18));transition:.25s}.mockupProduct.mug{width:260px;height:210px;background:#fff;border-radius:34px 34px 50px 50px;border:6px solid #f5f5f5}.mockupProduct.mug:after{content:"";position:absolute;right:-58px;top:58px;width:78px;height:88px;border:18px solid #fff;border-left:0;border-radius:0 60px 60px 0}.mockupProduct.tshirt{width:310px;height:310px;background:#fff;clip-path:polygon(25% 8%,39% 0,61% 0,75% 8%,94% 22%,82% 40%,75% 34%,75% 100%,25% 100%,25% 34%,18% 40%,6% 22%);}.mockupProduct.frame{width:300px;height:330px;background:#fff;border:18px solid #111827;border-radius:20px;padding:18px}.mockupProduct.hamper{width:320px;height:240px;background:#ffdf8b;border-radius:28px 28px 20px 20px;border:8px solid #f6b84b}.mockupProduct.hamper:before{content:"";position:absolute;left:50%;top:-45px;transform:translateX(-50%);width:150px;height:80px;border:16px solid #f6b84b;border-bottom:0;border-radius:80px 80px 0 0}.designArea{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:58%;height:52%;border:2px dashed rgba(20,184,196,.45);border-radius:18px;background:rgba(255,255,255,.62);display:grid;place-items:center;text-align:center;padding:10px;overflow:hidden}.tshirt .designArea{top:55%;width:45%;height:35%}.frame .designArea{width:78%;height:76%;border-radius:8px}.hamper .designArea{width:56%;height:48%}.designArea img{max-width:100%;max-height:72%;object-fit:contain;display:none;border-radius:10px}.designArea b{font-size:18px;color:#111827;line-height:1.15;word-break:break-word}.mockupStage.premium .designArea{border-color:#f59e0b;background:rgba(255,255,255,.82)}.mockupStage.birthday .designArea{border-color:#ff7ab6}.mockupStage.corporate .designArea{border-color:#2563eb}.previewNote{font-size:13px;color:var(--muted);line-height:1.6;margin-top:14px;background:#f8fbfc;border:1px solid var(--line);border-radius:16px;padding:13px}.ideaGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.ideaCard{display:block;background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 12px 32px rgba(17,24,39,.07);color:inherit;transition:.25s}.ideaCard:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.ideaCard img{width:100%;height:190px;object-fit:cover}.ideaCard h3{font-size:18px;margin:16px 18px 6px}.ideaCard p{font-size:13px;color:var(--muted);line-height:1.55;margin:0 18px 18px}
@media(max-width:950px){.studioGrid{grid-template-columns:1fr}.choiceGrid,.templateGrid{grid-template-columns:repeat(2,1fr)}.mockupStage{min-height:380px}.ideaGrid{grid-template-columns:1fr}.customHero h1{font-size:30px}}
@media(max-width:560px){.studioPanel,.previewPanel{padding:18px;border-radius:22px}.formTwo{grid-template-columns:1fr}.choiceGrid,.templateGrid{grid-template-columns:1fr 1fr}.mockupProduct.mug{width:210px;height:175px}.mockupProduct.tshirt{width:240px;height:250px}.mockupProduct.frame{width:230px;height:270px}.mockupProduct.hamper{width:240px;height:190px}.mockupStage{min-height:330px}.studioActions .btn{width:100%;text-align:center}.uploadBox{display:block}.uploadBox input{width:100%;margin-bottom:8px}}

/* Proper Auto Customize Designer Fix */
.proDesignerGrid{grid-template-columns:.95fr 1.05fr;gap:30px}.designerControls,.designerPreviewPanel{border-radius:30px}.betterHero{background:linear-gradient(135deg,#ecfeff 0%,#fff1f7 55%,#fff7ed 100%)}.productPicker .choice{min-height:82px}.uploadPro{position:relative;min-height:86px;border-color:#20c5cf;background:linear-gradient(135deg,#f0fdff,#fff7fb);transition:.25s}.uploadPro:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(20,184,196,.14)}.uploadIcon{width:48px;height:48px;border-radius:16px;background:#fff;display:grid;place-items:center;font-size:24px;box-shadow:0 8px 20px rgba(17,24,39,.08)}.rangeBox{background:#f8fbfc;border:1px solid var(--line);border-radius:16px;padding:13px 14px;display:grid;grid-template-columns:110px 1fr;gap:12px;align-items:center}.rangeBox span{font-weight:900;font-size:13px}.rangeBox input{width:100%}.adjustBtns{display:flex;gap:9px;flex-wrap:wrap;margin-top:10px}.adjustBtns button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 14px;font-weight:900;cursor:pointer;transition:.25s}.adjustBtns button:hover{background:#e9fdff;color:var(--primary);transform:translateY(-2px)}.proStage{min-height:520px;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.85),transparent 28%),linear-gradient(135deg,#e8fdff,#fff1f7);border:1px solid #e5eef2}.proProduct{filter:drop-shadow(0 32px 42px rgba(17,24,39,.22))}.printZone{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:58%;height:55%;border:2px dashed rgba(20,184,196,.6);border-radius:18px;background:rgba(255,255,255,.72);overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center;touch-action:none}.printZone:before{content:'PRINT AREA';position:absolute;top:7px;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:1.5px;font-weight:900;color:rgba(17,24,39,.38);z-index:3}.designLayer{position:absolute;left:18%;top:18%;right:18%;bottom:30%;display:grid;place-items:center;cursor:move;z-index:2;transform-origin:center;transition:box-shadow .2s}.designLayer:hover{outline:1px dashed rgba(243,79,149,.55);outline-offset:4px}.designLayer img{display:none;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;border-radius:8px;pointer-events:none;user-select:none}.printZone b{position:absolute;left:8px;right:8px;bottom:12px;z-index:3;font-size:16px;line-height:1.15;color:#111827;text-shadow:0 1px 0 rgba(255,255,255,.8);word-break:break-word}.tshirt .printZone{top:56%;width:42%;height:38%;border-radius:12px}.tshirt .designLayer{left:8%;right:8%;top:10%;bottom:32%}.frame .printZone{width:82%;height:80%;border-radius:8px}.frame .designLayer{left:8%;right:8%;top:10%;bottom:25%}.pillow{width:310px;height:280px;background:#fff;border-radius:46px;border:8px solid #f4f4f5;box-shadow:inset 0 0 28px rgba(17,24,39,.08)}.pillow .printZone{width:74%;height:68%;border-radius:28px}.hamper .printZone{width:58%;height:50%}.helpStrip{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.helpStrip span{background:#f8fbfc;border:1px solid var(--line);border-radius:999px;padding:9px 12px;font-size:12px;font-weight:900;color:#263244}.mockupStage.premium .printZone{border-color:#f59e0b;background:rgba(255,255,255,.86)}.mockupStage.birthday .printZone{border-color:#ff7ab6;background:rgba(255,255,255,.76)}.mockupStage.corporate .printZone{border-color:#2563eb;background:rgba(255,255,255,.82)}@media(max-width:950px){.proDesignerGrid{grid-template-columns:1fr}.proStage{min-height:450px}}@media(max-width:560px){.proStage{min-height:360px}.rangeBox{grid-template-columns:1fr}.pillow{width:235px;height:220px}.printZone b{font-size:13px}.helpStrip span{font-size:11px}.adjustBtns button{padding:9px 12px}}

/* Professional LAACO Product Designer */
.designer-shell{min-height:calc(100vh - 90px);display:grid;grid-template-columns:110px 380px 1fr;background:#f8f5f3;color:#1d2230;overflow:hidden}.designer-brand{background:#fff;padding:22px 12px;display:flex;flex-direction:column;gap:12px;align-items:center;border-right:1px solid #ececec}.d-logo{display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;font-size:11px;letter-spacing:.8px;color:#1d2230;margin-bottom:18px}.d-logo img{width:58px;height:58px;object-fit:contain}.tool-tab{width:86px;height:76px;border:0;background:#fff;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-weight:700;color:#555;box-shadow:0 8px 24px rgba(0,0,0,.06);cursor:pointer;transition:.25s}.tool-tab:hover,.tool-tab.active{background:#242424;color:#fff;transform:translateY(-2px)}.tool-tab span{font-size:12px}.designer-panel{background:#fff;border-right:1px solid #eee;overflow:hidden}.panel-scroll{height:calc(100vh - 90px);overflow:auto;padding:28px}.tab-pane{display:none;animation:fadeUp .35s ease}.tab-pane.active{display:block}.tab-pane h2{font-size:22px;margin:0 0 8px}.tab-pane h3{font-size:15px;margin:22px 0 12px}.tab-pane p{font-size:13px;line-height:1.7;color:#667085;margin-bottom:18px}.tab-pane label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:2px;color:#333;margin:15px 0 8px}.tab-pane input,.tab-pane select,.tab-pane textarea{width:100%;border:1px solid #d8dde6;border-radius:10px;padding:12px 13px;font-size:14px;background:#fff}.tab-pane textarea{min-height:90px;resize:vertical}.product-tools{display:grid;grid-template-columns:1fr;gap:10px}.product-card{border:1px solid #e6e8ef;background:#fff;border-radius:18px;padding:14px;display:grid;grid-template-columns:45px 1fr;align-items:center;text-align:left;gap:12px;cursor:pointer;transition:.25s;font-size:28px}.product-card b{display:block;font-size:14px}.product-card small{display:block;font-size:12px;color:#667085;margin-top:2px}.product-card:hover,.product-card.active{border-color:#18c4c2;background:#edffff;box-shadow:0 12px 30px rgba(24,196,194,.15)}.side-buttons,.two-col,.format-row{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.side-buttons button,.format-row button{border:1px solid #dfe3eb;background:#fff;border-radius:10px;padding:12px;font-weight:800;cursor:pointer}.side-buttons button.active,.format-row button.active{background:#1d2230;color:#fff}.tips-box{margin-top:18px;background:#fff8e8;border:1px solid #ffe0a8;padding:14px;border-radius:14px;font-size:13px;color:#7a4d00}.upload-large{border:2px dashed #18c4c2!important;background:#efffff;border-radius:18px;padding:25px!important;text-align:center;cursor:pointer}.upload-large span{font-size:36px;display:block}.upload-large b{display:block;margin:8px 0;color:#1d2230}.upload-large small{color:#667085}.designer-btn{border:0;background:linear-gradient(135deg,#18c4c2,#1fb675);color:#fff;padding:13px 15px;border-radius:12px;font-weight:900;cursor:pointer;box-shadow:0 12px 28px rgba(31,182,117,.2);transition:.2s}.designer-btn:hover{transform:translateY(-2px)}.designer-btn.light{background:#f4f6fa;color:#1d2230;box-shadow:none}.designer-btn.danger{background:#ff4757}.designer-btn.whatsapp{background:#21c45d}.designer-btn.full{width:100%;margin-top:12px}.sticker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.sticker-grid button{height:58px;border:1px solid #e6e8ef;background:#fff;border-radius:14px;font-size:28px;cursor:pointer;transition:.2s}.sticker-grid button:hover{transform:scale(1.06);background:#fff4fb}.template-list{display:grid;gap:10px}.template-list button{border:1px solid #e6e8ef;border-radius:15px;background:#fff;text-align:left;padding:14px;cursor:pointer}.template-list small{display:block;color:#667085}.designer-workspace{position:relative;display:grid;grid-template-columns:1fr 120px;align-items:center;justify-items:center;min-height:calc(100vh - 90px);background:radial-gradient(circle at top,#fff 0,#f8f5f3 42%,#f6efed 100%);padding:30px}.designer-top-actions{position:absolute;top:26px;left:50%;transform:translateX(-50%);display:flex;gap:8px;background:rgba(255,255,255,.92);border-radius:28px;padding:10px 16px;box-shadow:0 14px 36px rgba(0,0,0,.08);z-index:5}.designer-top-actions button{border:0;background:transparent;min-width:58px;display:flex;flex-direction:column;gap:3px;align-items:center;color:#777;font-weight:700;cursor:pointer}.designer-top-actions button:hover{color:#18c4c2}.mockup-wrap{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.product-mockup{position:relative;width:min(480px,82vw);height:610px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 40px 50px rgba(0,0,0,.08));animation:floatMock 4s ease-in-out infinite}.product-title{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);font-size:12px;letter-spacing:2px;color:#7b7f8b;font-weight:900}.print-area{position:relative;width:380px;height:430px}.print-area canvas{width:100%;height:100%;touch-action:none;cursor:grab}.view-strip{display:flex;flex-direction:column;gap:16px;align-items:center}.viewCircle{width:78px;height:88px;border:1px solid #e7e7e7;background:rgba(255,255,255,.9);border-radius:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;color:#8a8f99;font-weight:800;box-shadow:0 14px 30px rgba(0,0,0,.06)}.viewCircle.active{border-color:#23264a;color:#23264a;background:#fff}.viewCircle span{font-size:11px;text-transform:uppercase}.product-mockup.mug .print-area{width:360px;height:390px}.product-mockup.frame .print-area{width:360px;height:450px}.product-mockup.cushion .print-area{width:370px;height:410px}@keyframes floatMock{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes fadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:1000px){.designer-shell{grid-template-columns:80px 1fr}.designer-panel{grid-column:2}.designer-workspace{grid-column:1/3;grid-row:2;grid-template-columns:1fr;padding-top:90px}.designer-brand{grid-row:1/3}.view-strip{flex-direction:row;margin-top:20px}.tool-tab{width:60px;height:62px}.tool-tab span{display:none}.panel-scroll{height:auto;max-height:560px}.designer-top-actions{top:15px}.product-mockup{height:520px}.print-area{width:320px;height:370px}}@media(max-width:700px){.designer-shell{display:block;overflow:visible}.designer-brand{position:sticky;top:0;z-index:30;flex-direction:row;overflow:auto;border-right:0;border-bottom:1px solid #eee;padding:10px}.d-logo{display:none}.designer-panel{border-right:0}.panel-scroll{padding:18px;max-height:none}.designer-workspace{min-height:auto;padding:85px 12px 30px}.designer-top-actions{width:94%;overflow:auto;justify-content:flex-start}.product-mockup{width:100%;height:480px}.print-area{width:310px;height:360px}.viewCircle{width:70px;height:74px}.side-buttons,.two-col{grid-template-columns:1fr}.sticker-grid{grid-template-columns:repeat(4,1fr)}}

/* ===== Premium responsive hero + customize studio upgrade ===== */
:root{--brand1:#6d28d9;--brand2:#ec4899;--brand3:#06b6d4;--ink:#111827;--glass:rgba(255,255,255,.82)}
.ecommerceHero{min-height:690px;background:radial-gradient(circle at 8% 10%,rgba(236,72,153,.18),transparent 32%),radial-gradient(circle at 86% 14%,rgba(6,182,212,.2),transparent 28%),linear-gradient(135deg,#fff 0%,#fff7fb 46%,#eafeff 100%);isolation:isolate}
.ecommerceHero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(17,24,39,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(17,24,39,.035) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,#000,transparent 88%);z-index:0}.ecommerceHero .slide:before{display:none}.ecommerceSlide{min-height:690px;background:transparent!important}.heroGrid{min-height:690px;grid-template-columns:1fr 1fr;gap:54px;padding:46px 0 70px}.heroLeft{padding:10px 0;position:relative}.heroLeft .badge{background:#fff;color:var(--brand2);border:1px solid rgba(236,72,153,.14);font-size:13px;letter-spacing:.7px;text-transform:uppercase}.heroLeft h1{font-family:Inter,Arial,sans-serif;font-size:clamp(42px,5.4vw,72px);line-height:.98;letter-spacing:-2.7px;margin:24px 0 20px;color:#101828;max-width:760px}.heroLeft p{font-size:clamp(16px,1.5vw,20px);line-height:1.78;color:#475467;max-width:680px;margin-bottom:28px}.heroBtns{gap:12px;margin-bottom:24px}.heroBtns .btn{border-radius:16px;padding:15px 22px;background:linear-gradient(135deg,var(--brand1),var(--brand2))!important;box-shadow:0 18px 38px rgba(109,40,217,.22)}.heroBtns .btn.light{background:#fff!important;color:#101828!important;border:1px solid rgba(17,24,39,.08)!important;box-shadow:0 14px 30px rgba(17,24,39,.08)}.heroBtns .whatsappBtn{background:linear-gradient(135deg,#16a34a,#22c55e)!important}.heroTrust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:720px}.heroTrust a{background:rgba(255,255,255,.75);border:1px solid rgba(17,24,39,.07);border-radius:15px;padding:12px 14px;box-shadow:0 12px 28px rgba(17,24,39,.06);font-size:13px;color:#243044}.heroRight{min-height:540px;position:relative;display:grid;place-items:center;background:transparent}.heroImageCard{width:min(520px,100%);height:430px;border-radius:36px;overflow:hidden;background:#fff;padding:10px;box-shadow:0 34px 80px rgba(17,24,39,.16);transform:rotate(1.2deg);position:relative}.heroImageCard:before{content:"";position:absolute;inset:10px;border-radius:28px;background:linear-gradient(to top,rgba(17,24,39,.36),transparent 52%);z-index:2;pointer-events:none}.heroRight img{width:100%;height:100%;object-fit:cover;border-radius:28px;filter:none;background:#fff}.heroMiniGallery{position:absolute;left:0;bottom:10px;display:grid;gap:12px;z-index:4}.heroMiniGallery a{width:170px;background:#fff;border:1px solid rgba(17,24,39,.08);border-radius:22px;padding:8px;display:grid;grid-template-columns:54px 1fr;align-items:center;gap:10px;box-shadow:0 18px 38px rgba(17,24,39,.13);font-weight:900;color:#101828}.heroMiniGallery img{width:54px;height:54px!important;border-radius:16px;object-fit:cover}.heroMiniGallery span{font-size:13px}.discountBox{right:2px;top:40px;border:1px solid rgba(17,24,39,.06);border-radius:24px;padding:22px 26px;box-shadow:0 24px 58px rgba(236,72,153,.18);z-index:5}.discountBox b{font-size:46px;color:var(--brand2)}.discountBox span{border-radius:999px;background:linear-gradient(135deg,var(--brand1),var(--brand2))}.heroArrow{background:#fff;color:#111827;border:1px solid rgba(17,24,39,.08);box-shadow:0 16px 36px rgba(17,24,39,.12)}
.customizeBand{background:radial-gradient(circle at 15% 12%,rgba(255,255,255,.22),transparent 26%),linear-gradient(135deg,#36166f 0%,#7c2cff 48%,#f0157f 100%);color:#fff;overflow:hidden}.customizeWrap{display:grid;grid-template-columns:1fr .92fr;align-items:center;gap:42px}.customizeWrap h2{font-size:clamp(34px,4vw,56px);line-height:1.02;margin:12px 0 16px;letter-spacing:-1.5px}.customizeWrap p{font-size:18px;line-height:1.8;color:rgba(255,255,255,.86);max-width:680px}.customizeActions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.customizeActions .btn{border-radius:16px}.ghostWhite{background:rgba(255,255,255,.13)!important;border:1px solid rgba(255,255,255,.24)!important;color:#fff!important;backdrop-filter:blur(10px)}.customizeImage{height:390px;border-radius:34px;overflow:hidden;position:relative;border:10px solid rgba(255,255,255,.18);box-shadow:0 30px 80px rgba(0,0,0,.25)}.customizeImage img{width:100%;height:100%;object-fit:cover;display:block}.customizeImage:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.55),transparent 58%)}.customizeImage span{position:absolute;left:24px;bottom:22px;z-index:2;background:#fff;color:#111827;border-radius:999px;padding:12px 18px;font-weight:900}
.designer-shell{min-height:auto;display:grid;grid-template-columns:96px minmax(310px,370px) 1fr;background:linear-gradient(135deg,#fff7fb,#f0fdff);overflow:visible}.designer-brand{background:rgba(255,255,255,.9);backdrop-filter:blur(14px);border-right:1px solid rgba(17,24,39,.08)}.tool-tab{box-shadow:0 12px 30px rgba(17,24,39,.08);border:1px solid rgba(17,24,39,.06)}.tool-tab:hover,.tool-tab.active{background:linear-gradient(135deg,var(--brand1),var(--brand2));color:#fff}.designer-panel{background:rgba(255,255,255,.92);border-right:1px solid rgba(17,24,39,.08)}.panel-scroll{height:auto;min-height:calc(100vh - 90px);padding:24px}.tab-pane h2{font-size:26px;color:#101828}.product-card{border-radius:20px;background:linear-gradient(135deg,#fff,#fbfdff);border-color:#e8edf4}.product-card:hover,.product-card.active{border-color:var(--brand3);background:#ecfeff;box-shadow:0 16px 35px rgba(6,182,212,.16)}.designer-workspace{min-height:calc(100vh - 90px);background:radial-gradient(circle at 40% 12%,#fff 0,#fdf2f8 35%,#e9fbff 100%);padding:96px 24px 34px}.designer-top-actions{top:22px;max-width:94%;overflow:auto}.designer-top-actions button{min-width:70px}.mockup-wrap{background:rgba(255,255,255,.55);border:1px solid rgba(17,24,39,.06);border-radius:34px;box-shadow:0 28px 70px rgba(17,24,39,.1);min-height:560px}.product-mockup{width:min(500px,100%);height:560px}.print-area{width:min(380px,88vw);height:min(430px,95vw)}.print-area canvas{background:transparent}.view-strip{gap:12px}.viewCircle{background:#fff;border-color:rgba(17,24,39,.08)}
@media(max-width:1100px){.heroGrid{gap:28px}.heroTrust{grid-template-columns:1fr}.heroMiniGallery{position:relative;left:auto;bottom:auto;grid-template-columns:repeat(3,1fr);width:100%;margin-top:16px}.heroMiniGallery a{width:auto;grid-template-columns:45px 1fr}.heroMiniGallery img{width:45px;height:45px!important}.discountBox{top:18px;right:12px}.designer-shell{grid-template-columns:82px 1fr}.designer-panel{grid-column:2}.designer-workspace{grid-column:1/3;grid-row:2}.designer-brand{grid-row:1/3}.panel-scroll{min-height:auto}.mockup-wrap{min-height:470px}}
@media(max-width:950px){.ecommerceHero,.ecommerceSlide,.heroGrid{min-height:auto}.heroGrid{grid-template-columns:1fr;padding:46px 0 76px}.heroLeft{text-align:center}.heroLeft p{margin-left:auto;margin-right:auto}.heroBtns{justify-content:center}.heroTrust{max-width:540px;margin:auto}.heroRight{min-height:auto}.heroImageCard{height:360px;transform:none}.discountBox{top:16px}.customizeWrap{grid-template-columns:1fr;text-align:center}.customizeWrap p{margin:auto}.customizeActions{justify-content:center}.customizeImage{height:320px}.section.customizeBand{padding:58px 0}}
@media(max-width:700px){.designer-shell{display:block}.designer-brand{position:sticky;top:0;z-index:40;display:flex;flex-direction:row;gap:8px;overflow:auto;padding:10px}.tool-tab{min-width:70px;height:62px}.designer-workspace{padding:84px 10px 26px}.mockup-wrap{min-height:400px;border-radius:24px}.product-mockup{height:410px}.print-area{width:300px;height:340px}.view-strip{flex-direction:row;overflow:auto;width:100%;justify-content:center;margin-top:16px}.designer-top-actions{left:10px;right:10px;transform:none;width:auto;padding:8px;justify-content:flex-start}.designer-top-actions button{min-width:62px;font-size:12px}.panel-scroll{padding:18px}.product-card{grid-template-columns:42px 1fr}.side-buttons,.two-col,.format-row{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.ecommerceHero{background:linear-gradient(135deg,#fff,#fff4fa 52%,#eaffff)}.heroGrid{padding:30px 0 58px}.heroLeft h1{font-size:36px;letter-spacing:-1.4px}.heroLeft p{font-size:15.5px;line-height:1.7}.heroBtns .btn{width:100%;text-align:center;border-radius:14px}.heroImageCard{height:260px;border-radius:24px;padding:8px}.heroImageCard img{border-radius:18px}.heroMiniGallery{grid-template-columns:1fr}.discountBox{position:relative;right:auto;top:auto;margin:14px auto 0;width:max-content;padding:16px 20px}.discountBox b{font-size:34px}.customizeWrap h2{font-size:34px}.customizeWrap p{font-size:15.5px}.customizeActions .btn{width:100%;text-align:center}.customizeImage{height:240px;border-width:6px;border-radius:24px}.designer-brand{top:0}.side-buttons,.two-col,.format-row{grid-template-columns:1fr}.product-mockup{height:360px}.print-area{width:270px;height:305px}.viewCircle{min-width:64px;height:68px}.float-wa{bottom:12px}}


/* ===== LAACO FINAL HERO V3 - clean attractive responsive UI ===== */
.laacoHeroV3{min-height:760px!important;background:linear-gradient(180deg,#fff 0%,#fff7fc 48%,#f2fdff 100%)!important;position:relative;overflow:hidden;border-bottom:1px solid #eef2f7!important;padding-bottom:42px!important}
.laacoHeroV3:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 25%,rgba(236,72,153,.16),transparent 28%),radial-gradient(circle at 80% 22%,rgba(124,44,255,.15),transparent 30%),radial-gradient(circle at 72% 82%,rgba(6,182,212,.14),transparent 26%);z-index:0;pointer-events:none}.laacoHeroV3 .ecommerceSlide{min-height:650px!important;background:transparent!important}.laacoHeroV3 .slide:before{display:none!important}.laacoHeroV3 .heroGrid{position:relative;z-index:2;display:grid!important;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr)!important;align-items:center!important;gap:34px!important;min-height:650px!important;padding:44px 0 28px!important}.laacoHeroV3 .heroLeft{padding:10px 0!important;text-align:left!important}.laacoHeroV3 .badge{display:inline-flex;align-items:center;gap:8px;background:#fff!important;color:#7c2cff!important;border:1px solid rgba(124,44,255,.12)!important;border-radius:999px!important;padding:12px 18px!important;font-size:13px!important;font-weight:900!important;letter-spacing:.6px!important;text-transform:uppercase!important;box-shadow:0 18px 42px rgba(124,44,255,.10)!important}.laacoHeroV3 .heroLeft h1{font-family:Inter,Arial,sans-serif!important;font-size:clamp(44px,5vw,72px)!important;line-height:1.02!important;letter-spacing:-2.8px!important;margin:24px 0 18px!important;color:#0f172a!important;max-width:720px!important}.laacoHeroV3 .heroLeft h1::first-line{color:#0f172a}.laacoHeroV3 .heroLeft p{font-size:clamp(16px,1.45vw,20px)!important;line-height:1.75!important;color:#475467!important;max-width:650px!important;margin:0 0 24px!important}.laacoHeroV3 .heroFeatureRow{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:13px!important;max-width:650px!important;margin:0 0 26px!important}.laacoHeroV3 .heroFeatureRow a{display:flex!important;align-items:center!important;gap:11px!important;background:rgba(255,255,255,.86)!important;border:1px solid rgba(17,24,39,.08)!important;border-radius:18px!important;padding:13px 15px!important;box-shadow:0 16px 42px rgba(17,24,39,.07)!important;color:#101828!important;font-weight:900!important}.laacoHeroV3 .heroFeatureRow b{width:40px;height:40px;border-radius:14px;background:#f3e8ff;display:grid;place-items:center;font-size:18px;flex:0 0 auto}.laacoHeroV3 .heroFeatureRow span{font-size:13px;line-height:1.25}.laacoHeroV3 .heroBtns{display:flex!important;gap:14px!important;flex-wrap:wrap!important;margin:0 0 24px!important}.laacoHeroV3 .heroBtns .btn{border-radius:14px!important;padding:15px 24px!important;font-size:14px!important;font-weight:900!important;background:linear-gradient(135deg,#7c2cff,#f0157f)!important;box-shadow:0 18px 38px rgba(124,44,255,.23)!important}.laacoHeroV3 .heroBtns .btn.light{background:#fff!important;color:#7c2cff!important;border:1px solid rgba(124,44,255,.18)!important;box-shadow:0 14px 34px rgba(17,24,39,.07)!important}.laacoHeroV3 .heroBtns .whatsappBtn{background:linear-gradient(135deg,#16a34a,#22c55e)!important;color:#fff!important}.laacoHeroV3 .heroRating{display:flex!important;align-items:center!important;gap:12px!important;flex-wrap:wrap!important;color:#101828!important}.laacoHeroV3 .heroRating .faces{background:#fff;border-radius:999px;padding:8px 12px;box-shadow:0 12px 30px rgba(17,24,39,.08)}.laacoHeroV3 .heroRating strong{font-size:14px}.laacoHeroV3 .heroRating em{font-style:normal;color:#f59e0b;letter-spacing:2px}.laacoHeroV3 .heroRight{position:relative!important;min-height:560px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:transparent!important;overflow:visible!important}.laacoHeroV3 .heroBlob{position:absolute;width:520px;height:520px;border-radius:50%;background:linear-gradient(135deg,#ffe3f1,#e5fbff);box-shadow:inset 0 0 0 1px rgba(255,255,255,.65);z-index:0}.laacoHeroV3 .heroProductImage{position:relative!important;z-index:2!important;width:min(620px,105%)!important;height:auto!important;max-height:570px!important;object-fit:contain!important;border-radius:0!important;background:transparent!important;filter:drop-shadow(0 30px 40px rgba(16,24,40,.16))!important}.laacoHeroV3 .madeBadge{position:absolute;right:30px;top:70px;z-index:3;width:118px;height:118px;border-radius:50%;background:#fff;display:grid;place-items:center;text-align:center;color:#101828;box-shadow:0 24px 55px rgba(236,72,153,.17);font-weight:900}.laacoHeroV3 .madeBadge small{color:#7c2cff;font-size:15px}.laacoHeroV3 .madeBadge b{display:block;font-size:16px;margin-top:-18px}.laacoHeroV3 .heroBottom{position:relative;z-index:4;margin-top:-26px;display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:0!important;background:rgba(255,255,255,.92)!important;border:1px solid rgba(17,24,39,.08)!important;border-radius:28px!important;box-shadow:0 24px 70px rgba(17,24,39,.10)!important;overflow:hidden!important}.laacoHeroV3 .heroBottom a{padding:24px 26px!important;display:grid!important;gap:8px!important;border-right:1px solid #edf1f6!important;color:#101828!important}.laacoHeroV3 .heroBottom a:last-child{border-right:0!important}.laacoHeroV3 .heroBottom b{font-size:17px!important}.laacoHeroV3 .heroBottom span{font-size:14px!important;color:#667085!important;line-height:1.45!important}.laacoHeroV3 .heroArrow{width:48px!important;height:48px!important;border-radius:50%!important;background:#fff!important;color:#101828!important;border:1px solid rgba(17,24,39,.08)!important;box-shadow:0 16px 40px rgba(17,24,39,.12)!important;z-index:10!important}.laacoHeroV3 .heroPrev{left:18px!important}.laacoHeroV3 .heroNext{right:18px!important}.laacoHeroV3 .dots{bottom:16px!important;z-index:6!important}.laacoHeroV3 .dots span{width:11px!important;height:11px!important;border:0!important;background:#cbd5e1!important}.laacoHeroV3 .dots span.active{background:#7c2cff!important;width:28px!important;border-radius:999px!important}
/* Better Customize Your Design home band */
.customizeBand{background:linear-gradient(135deg,#3b1175 0%,#7c2cff 48%,#f0157f 100%)!important;color:#fff!important;border-radius:0!important}.customizeWrap{display:grid!important;grid-template-columns:1fr .9fr!important;gap:42px!important;align-items:center!important}.customizeWrap h2{font-size:clamp(34px,4vw,56px)!important;line-height:1.03!important;letter-spacing:-1.5px!important}.customizeWrap p{font-size:17px!important;line-height:1.8!important;color:rgba(255,255,255,.88)!important}.customizeImage{height:390px!important;border-radius:32px!important;overflow:hidden!important;border:10px solid rgba(255,255,255,.18)!important;box-shadow:0 28px 80px rgba(0,0,0,.25)!important}.customizeImage img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}.customizeActions .btn{border-radius:14px!important;padding:14px 20px!important}
@media(max-width:1050px){.laacoHeroV3 .heroGrid{grid-template-columns:1fr!important;text-align:center!important;min-height:auto!important;padding:42px 0 38px!important}.laacoHeroV3 .heroLeft{text-align:center!important}.laacoHeroV3 .heroLeft p,.laacoHeroV3 .heroLeft h1{margin-left:auto!important;margin-right:auto!important}.laacoHeroV3 .heroFeatureRow{margin-left:auto!important;margin-right:auto!important}.laacoHeroV3 .heroBtns,.laacoHeroV3 .heroRating{justify-content:center!important}.laacoHeroV3 .heroRight{min-height:430px!important}.laacoHeroV3 .heroBlob{width:430px;height:430px}.laacoHeroV3 .heroProductImage{max-height:450px!important;width:min(560px,100%)!important}.laacoHeroV3 .heroBottom{grid-template-columns:repeat(2,1fr)!important}.laacoHeroV3 .heroBottom a:nth-child(2){border-right:0!important}.laacoHeroV3 .heroBottom a{border-bottom:1px solid #edf1f6!important}.customizeWrap{grid-template-columns:1fr!important;text-align:center!important}.customizeActions{justify-content:center!important}.customizeImage{height:320px!important}}
@media(max-width:640px){.laacoHeroV3{min-height:auto!important;padding-bottom:36px!important}.laacoHeroV3 .heroGrid{padding:28px 0 26px!important;gap:16px!important}.laacoHeroV3 .badge{font-size:11px!important;padding:10px 14px!important}.laacoHeroV3 .heroLeft h1{font-size:35px!important;line-height:1.08!important;letter-spacing:-1.4px!important;margin:18px 0 14px!important}.laacoHeroV3 .heroLeft p{font-size:15px!important;line-height:1.65!important}.laacoHeroV3 .heroFeatureRow{grid-template-columns:1fr!important;gap:10px!important}.laacoHeroV3 .heroFeatureRow a{padding:11px 13px!important;text-align:left!important}.laacoHeroV3 .heroBtns .btn{width:100%!important;text-align:center!important}.laacoHeroV3 .heroRight{min-height:300px!important}.laacoHeroV3 .heroBlob{width:290px;height:290px}.laacoHeroV3 .heroProductImage{max-height:315px!important;width:110%!important}.laacoHeroV3 .madeBadge{width:82px;height:82px;right:4px;top:20px}.laacoHeroV3 .madeBadge small{font-size:11px}.laacoHeroV3 .madeBadge b{font-size:12px;margin-top:-10px}.laacoHeroV3 .heroBottom{grid-template-columns:1fr!important;border-radius:20px!important;margin-top:4px!important}.laacoHeroV3 .heroBottom a{border-right:0!important;padding:18px 20px!important}.laacoHeroV3 .heroArrow{display:none!important}.customizeWrap h2{font-size:32px!important}.customizeWrap p{font-size:15px!important}.customizeActions .btn{width:100%!important}.customizeImage{height:240px!important;border-width:6px!important;border-radius:22px!important}}

/* ===== PREMIUM HERO + HEADER UPDATE 2026 ===== */
.premiumHeader{background:rgba(255,255,255,.94)!important;backdrop-filter:blur(16px)!important;box-shadow:0 10px 34px rgba(15,23,42,.06)!important}
.promoStrip{background:linear-gradient(90deg,#fff6fb 0%,#fbf5ff 48%,#f7fbff 100%);border-bottom:1px solid rgba(236,72,153,.08)}
.promoInner{min-height:52px;display:grid;grid-template-columns:auto auto auto 1fr auto;align-items:center;gap:28px;font-size:14px;color:#07122b;font-weight:800}.promoInner b{justify-self:center;background:linear-gradient(90deg,rgba(236,72,153,.1),rgba(124,44,255,.1));color:#ec2180;padding:15px 32px;border-radius:0 0 24px 24px}.promoInner .callNow{justify-self:end}.premiumHeader .nav{height:104px}.premiumHeader .brand{gap:18px}.premiumHeader .brand img{width:72px;height:72px;border-radius:18px}.premiumHeader .brand b{font-size:28px;letter-spacing:-.8px;text-transform:uppercase;color:#07122b}.premiumHeader .brand span{font-size:14px;letter-spacing:.2px;text-transform:none;color:#475467;font-weight:700;max-width:230px;line-height:1.4}.premiumHeader .menu{gap:34px}.premiumHeader .menu a{position:relative;font-size:16px;color:#07122b}.premiumHeader .menu a:hover,.premiumHeader .menu a:first-child{color:#f0157f}.premiumHeader .menu a:first-child:after,.premiumHeader .menu a:hover:after{content:"";position:absolute;left:0;right:0;bottom:-34px;height:3px;background:#f0157f;border-radius:99px}.headerIcons{display:flex;align-items:center;gap:16px}.headerIcons a{position:relative;width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid rgba(15,23,42,.06);box-shadow:0 12px 28px rgba(15,23,42,.08);font-size:22px}.headerIcons .cartIcon i{position:absolute;right:-2px;top:-7px;background:#f0157f;color:#fff;font-style:normal;font-size:12px;min-width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-weight:900}
.laacoHeroV3{min-height:790px!important;background:linear-gradient(105deg,#fff 0%,#fff8fc 46%,#fdf2ff 100%)!important}.laacoHeroV3:before{background:radial-gradient(circle at 4% 102%,rgba(236,72,153,.22),transparent 26%),radial-gradient(circle at 74% 40%,rgba(236,72,153,.14),transparent 32%),radial-gradient(circle at 88% 30%,rgba(124,44,255,.12),transparent 32%),linear-gradient(180deg,rgba(255,255,255,.7),rgba(255,247,252,.68))!important}.laacoHeroV3 .heroGrid{grid-template-columns:minmax(0,1fr) minmax(500px,1.04fr)!important;gap:20px!important;min-height:650px!important;padding:34px 0 30px!important}.heroShape{position:absolute;z-index:1;pointer-events:none}.heroShape1{width:14px;height:14px;border:3px solid #f7b500;border-radius:50%;left:50%;top:26%}.heroShape2{width:18px;height:18px;border:3px solid #f0157f;clip-path:polygon(50% 0,100% 100%,0 100%);left:51%;top:50%;transform:rotate(90deg)}.heroShape3{width:52px;height:52px;border-radius:50%;background:radial-gradient(#f5a6d7 2px,transparent 3px);background-size:14px 14px;right:43%;top:20%;opacity:.55}.laacoHeroV3 .badge{color:#f0157f!important;background:rgba(255,255,255,.88)!important;box-shadow:0 12px 30px rgba(236,72,153,.12)!important}.laacoHeroV3 .heroLeft h1{font-size:clamp(44px,5.4vw,78px)!important;color:#07122b!important;letter-spacing:-3px!important;text-shadow:0 12px 35px rgba(15,23,42,.08)}.heroScript{font-family:Georgia,serif;font-style:italic;font-weight:900;font-size:clamp(34px,4vw,54px);line-height:1;color:#f0157f;margin:-5px 0 28px;display:inline-block;position:relative;background:linear-gradient(90deg,#f0157f,#a855f7);-webkit-background-clip:text;background-clip:text;color:transparent}.heroScript:after{content:"";position:absolute;left:34%;right:16%;bottom:-14px;height:6px;background:#f0157f;border-radius:999px;transform:rotate(-4deg)}.laacoHeroV3 .heroLeft p{max-width:660px!important}.laacoHeroV3 .heroFeatureRow a{background:transparent!important;border:0!important;box-shadow:none!important;padding:6px!important}.laacoHeroV3 .heroFeatureRow b{background:linear-gradient(135deg,#fff0f8,#eef6ff)!important;color:#f0157f;box-shadow:0 14px 28px rgba(236,72,153,.12)}.laacoHeroV3 .heroBtns .btn{background:linear-gradient(135deg,#ff2f8f,#c026d3)!important;border-radius:10px!important}.laacoHeroV3 .heroBtns .btn.light{color:#07122b!important}.laacoHeroV3 .heroRating .faces{font-size:18px;background:transparent;box-shadow:none;padding:0}.laacoHeroV3 .heroRight{min-height:585px!important}.laacoHeroV3 .heroBlob{width:610px!important;height:520px!important;border-radius:48% 52% 46% 54%;background:radial-gradient(circle at 38% 35%,#fff 0 18%,transparent 19%),linear-gradient(135deg,#fde4f3 0%,#f7def8 55%,#fff 100%)!important;box-shadow:none!important;transform:rotate(-8deg)}.heroDecorDots{position:absolute;left:56px;top:82px;width:110px;height:110px;background:radial-gradient(#f5a6d7 2px,transparent 3px);background-size:15px 15px;z-index:1;opacity:.65}.laacoHeroV3 .heroProductImage{width:min(690px,112%)!important;max-height:620px!important;filter:drop-shadow(0 34px 38px rgba(15,23,42,.18))!important}.laacoHeroV3 .madeBadge{right:8px!important;top:66px!important;border:3px dashed rgba(236,72,153,.23);color:#07122b}.laacoHeroV3 .madeBadge small{color:#f0157f!important}.laacoHeroV3 .heroBottom{border-radius:28px!important;margin-top:-12px!important}.laacoHeroV3 .heroBottom a{grid-template-columns:58px 1fr;grid-template-rows:auto auto;column-gap:16px;align-items:center!important}.laacoHeroV3 .heroBottom i{grid-row:1/3;width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,#fff0f8,#eef6ff);display:grid;place-items:center;font-style:normal;font-size:26px}.laacoHeroV3 .heroBottom b{align-self:end}.laacoHeroV3 .heroBottom span{align-self:start}.laacoHeroV3 .heroArrow{top:50%!important}.laacoHeroV3 .heroPrev{left:14px!important}.laacoHeroV3 .heroNext{right:14px!important}
@media(max-width:1180px){.promoInner{grid-template-columns:repeat(3,auto);justify-content:center}.promoInner b,.promoInner .callNow{display:none}.headerIcons{display:none}.premiumHeader .menu{gap:22px}.premiumHeader .brand b{font-size:24px}.premiumHeader .brand span{display:none}.laacoHeroV3 .heroGrid{grid-template-columns:1fr!important}.heroShape{display:none}.laacoHeroV3 .heroRight{order:-1;min-height:450px!important}.laacoHeroV3 .heroLeft{text-align:center!important}.heroScript:after{left:22%;right:22%}.laacoHeroV3 .heroFeatureRow,.laacoHeroV3 .heroBtns,.laacoHeroV3 .heroRating{margin-left:auto!important;margin-right:auto!important;justify-content:center!important}}
@media(max-width:950px){.premiumHeader .menu{top:156px!important}.premiumHeader .menu a:first-child:after,.premiumHeader .menu a:hover:after{display:none}.premiumHeader .nav{height:92px}.premiumHeader .brand img{width:58px;height:58px}.laacoHeroV3{padding-bottom:24px!important}.laacoHeroV3 .heroBottom{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:640px){.promoStrip{display:none}.premiumHeader .nav{height:78px}.premiumHeader .menu{top:78px!important}.premiumHeader .brand img{width:50px;height:50px}.premiumHeader .brand b{font-size:20px}.laacoHeroV3 .heroRight{order:0;min-height:265px!important;margin-top:4px}.laacoHeroV3 .heroBlob{width:310px!important;height:260px!important}.heroDecorDots{display:none}.laacoHeroV3 .heroProductImage{width:118%!important;max-height:300px!important}.laacoHeroV3 .heroLeft h1{font-size:34px!important;letter-spacing:-1.4px!important}.heroScript{font-size:31px;margin-bottom:22px}.heroScript:after{height:4px;bottom:-9px}.laacoHeroV3 .heroFeatureRow{grid-template-columns:1fr!important}.laacoHeroV3 .heroFeatureRow a{background:#fff!important;border:1px solid rgba(15,23,42,.06)!important;box-shadow:0 10px 22px rgba(15,23,42,.06)!important}.laacoHeroV3 .heroBottom{grid-template-columns:1fr!important;margin-top:8px!important}.laacoHeroV3 .heroBottom a{padding:16px!important;grid-template-columns:50px 1fr}.laacoHeroV3 .heroBottom i{width:50px;height:50px}.laacoHeroV3 .madeBadge{display:none!important}}

/* =========================================================
   LAACO PREMIUM HERO FINAL FIX - 15 June 2026
   Fixes: missing text, broken alignment, extra blank height,
   desktop/tablet/mobile responsive hero like reference image.
   ========================================================= */
.laacoHeroV3,
.hero.ecommerceHero.laacoHeroV3{
  position:relative!important;
  min-height:auto!important;
  padding:0 0 42px!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 88% 18%, rgba(236,72,153,.14), transparent 28%),
    radial-gradient(circle at 5% 100%, rgba(236,72,153,.16), transparent 28%),
    linear-gradient(105deg,#fff 0%,#fff8fc 48%,#fdf0ff 100%)!important;
}
.laacoHeroV3 .slide,
.laacoHeroV3 .slide.active{
  min-height:auto!important;
}
.laacoHeroV3 .slide.active{
  display:block!important;
}
.laacoHeroV3 .container.heroGrid{
  width:min(1180px, calc(100% - 48px))!important;
  margin:0 auto!important;
  min-height:610px!important;
  padding:42px 0 28px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(420px,.98fr)!important;
  align-items:center!important;
  gap:34px!important;
  position:relative!important;
  z-index:3!important;
}
.laacoHeroV3 .heroLeft,
.laacoHeroV3 .heroRight,
.laacoHeroV3 .reveal{
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
}
.laacoHeroV3 .heroLeft{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  text-align:left!important;
  position:relative!important;
  z-index:6!important;
  padding:0!important;
}
.laacoHeroV3 .heroLeft .badge{
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  border-radius:999px!important;
  padding:11px 18px!important;
  color:#f0157f!important;
  background:#fff!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  box-shadow:0 10px 26px rgba(15,23,42,.08)!important;
}
.laacoHeroV3 .heroLeft h1{
  display:block!important;
  max-width:650px!important;
  margin:24px 0 14px!important;
  color:#07122b!important;
  font-family:Arial, Helvetica, sans-serif!important;
  font-size:clamp(42px,5.1vw,72px)!important;
  font-weight:950!important;
  line-height:1.05!important;
  letter-spacing:-3px!important;
  text-shadow:none!important;
}
.laacoHeroV3 .heroScript{
  display:inline-block!important;
  margin:0 0 30px!important;
  font-family:"Brush Script MT", "Segoe Script", Georgia, cursive!important;
  font-size:clamp(32px,3.8vw,52px)!important;
  font-weight:700!important;
  line-height:1!important;
  background:linear-gradient(90deg,#f0157f,#a855f7)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
  position:relative!important;
}
.laacoHeroV3 .heroScript:after{
  content:""!important;
  position:absolute!important;
  left:35%!important;
  right:12%!important;
  bottom:-13px!important;
  height:5px!important;
  border-radius:999px!important;
  background:#f0157f!important;
  transform:rotate(-4deg)!important;
}
.laacoHeroV3 .heroLeft p{
  display:block!important;
  max-width:620px!important;
  margin:0 0 22px!important;
  color:#475467!important;
  font-size:18px!important;
  line-height:1.7!important;
}
.laacoHeroV3 .heroFeatureRow{
  display:grid!important;
  grid-template-columns:repeat(3,auto)!important;
  gap:22px!important;
  margin:0 0 22px!important;
}
.laacoHeroV3 .heroFeatureRow a{
  display:grid!important;
  grid-template-columns:46px auto!important;
  align-items:center!important;
  gap:10px!important;
  text-decoration:none!important;
  color:#07122b!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.laacoHeroV3 .heroFeatureRow b{
  width:46px!important;
  height:46px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:12px!important;
  background:#fff0f8!important;
  box-shadow:0 10px 24px rgba(236,72,153,.12)!important;
}
.laacoHeroV3 .heroFeatureRow span{
  color:#07122b!important;
  font-size:14px!important;
  line-height:1.4!important;
  font-weight:800!important;
}
.laacoHeroV3 .heroBtns{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  flex-wrap:wrap!important;
  margin:0 0 26px!important;
}
.laacoHeroV3 .heroBtns .btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:48px!important;
  padding:13px 22px!important;
  border-radius:9px!important;
  font-weight:900!important;
  text-decoration:none!important;
  box-shadow:0 16px 34px rgba(236,72,153,.18)!important;
}
.laacoHeroV3 .heroBtns .light{
  background:#fff!important;
  color:#07122b!important;
  border:1px solid rgba(15,23,42,.08)!important;
  box-shadow:0 12px 28px rgba(15,23,42,.08)!important;
}
.laacoHeroV3 .heroBtns .whatsappBtn{
  background:#fff!important;
  color:#059669!important;
  border:1px solid rgba(5,150,105,.15)!important;
  box-shadow:0 12px 28px rgba(15,23,42,.08)!important;
}
.laacoHeroV3 .heroRating{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  color:#07122b!important;
  font-size:14px!important;
  flex-wrap:wrap!important;
}
.laacoHeroV3 .heroRating em{color:#f5a400!important;font-style:normal!important;letter-spacing:2px!important;}
.laacoHeroV3 .heroRight{
  min-height:540px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:relative!important;
  z-index:4!important;
  background:transparent!important;
}
.laacoHeroV3 .heroBlob{
  position:absolute!important;
  width:560px!important;
  height:480px!important;
  max-width:100%!important;
  border-radius:48% 52% 46% 54%!important;
  background:linear-gradient(135deg,#fde4f3 0%,#f7def8 58%,#fff 100%)!important;
  transform:rotate(-8deg)!important;
  z-index:0!important;
}
.laacoHeroV3 .heroProductImage{
  display:block!important;
  position:relative!important;
  z-index:2!important;
  width:min(640px,112%)!important;
  height:auto!important;
  max-height:560px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 28px 34px rgba(15,23,42,.18))!important;
  background:transparent!important;
  border-radius:0!important;
}
.laacoHeroV3 .madeBadge{
  position:absolute!important;
  right:0!important;
  top:70px!important;
  z-index:5!important;
  width:96px!important;
  height:96px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  text-decoration:none!important;
  background:#fff!important;
  border:3px dashed rgba(236,72,153,.25)!important;
  box-shadow:0 16px 35px rgba(15,23,42,.08)!important;
}
.laacoHeroV3 .heroBottom.container{
  width:min(1180px, calc(100% - 48px))!important;
  margin:-14px auto 0!important;
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  background:rgba(255,255,255,.96)!important;
  border:1px solid rgba(15,23,42,.08)!important;
  border-radius:26px!important;
  overflow:hidden!important;
  box-shadow:0 24px 60px rgba(15,23,42,.10)!important;
  position:relative!important;
  z-index:9!important;
}
.laacoHeroV3 .heroBottom a{
  display:grid!important;
  grid-template-columns:54px 1fr!important;
  grid-template-rows:auto auto!important;
  column-gap:14px!important;
  align-items:center!important;
  padding:22px 24px!important;
  color:#07122b!important;
  text-decoration:none!important;
  border-right:1px solid #edf1f6!important;
}
.laacoHeroV3 .heroBottom a:last-child{border-right:0!important;}
.laacoHeroV3 .heroBottom i{
  grid-row:1/3!important;
  width:54px!important;
  height:54px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,#fff0f8,#eef6ff)!important;
  font-style:normal!important;
  font-size:24px!important;
}
.laacoHeroV3 .heroBottom b{font-size:16px!important;line-height:1.2!important;}
.laacoHeroV3 .heroBottom span{font-size:13px!important;color:#667085!important;line-height:1.45!important;}
.laacoHeroV3 .heroArrow{top:52%!important;z-index:20!important;}
.laacoHeroV3 .dots{display:none!important;}

@media(max-width:1180px){
  .laacoHeroV3 .container.heroGrid{
    width:min(1040px, calc(100% - 40px))!important;
    grid-template-columns:1fr 1fr!important;
    gap:18px!important;
  }
  .laacoHeroV3 .heroLeft h1{font-size:48px!important;letter-spacing:-2px!important;}
  .laacoHeroV3 .heroRight{min-height:470px!important;}
  .laacoHeroV3 .heroProductImage{max-height:470px!important;}
}
@media(max-width:900px){
  .laacoHeroV3 .container.heroGrid{
    grid-template-columns:1fr!important;
    min-height:auto!important;
    padding:34px 0!important;
    text-align:center!important;
  }
  .laacoHeroV3 .heroLeft{
    align-items:center!important;
    text-align:center!important;
    order:1!important;
  }
  .laacoHeroV3 .heroRight{
    order:2!important;
    min-height:390px!important;
  }
  .laacoHeroV3 .heroFeatureRow,
  .laacoHeroV3 .heroBtns,
  .laacoHeroV3 .heroRating{
    justify-content:center!important;
  }
  .laacoHeroV3 .heroBottom.container{
    grid-template-columns:repeat(2,1fr)!important;
  }
  .laacoHeroV3 .heroBottom a:nth-child(2){border-right:0!important;}
}
@media(max-width:640px){
  .laacoHeroV3{padding-bottom:28px!important;}
  .laacoHeroV3 .container.heroGrid{
    width:calc(100% - 28px)!important;
    padding:24px 0 18px!important;
    gap:18px!important;
  }
  .laacoHeroV3 .heroLeft .badge{font-size:10px!important;padding:9px 12px!important;}
  .laacoHeroV3 .heroLeft h1{
    font-size:33px!important;
    line-height:1.08!important;
    letter-spacing:-1.4px!important;
    margin:16px 0 10px!important;
  }
  .laacoHeroV3 .heroScript{font-size:30px!important;margin-bottom:22px!important;}
  .laacoHeroV3 .heroLeft p{font-size:14px!important;line-height:1.6!important;}
  .laacoHeroV3 .heroFeatureRow{grid-template-columns:1fr!important;width:100%!important;gap:10px!important;}
  .laacoHeroV3 .heroFeatureRow a{background:#fff!important;border:1px solid rgba(15,23,42,.07)!important;padding:10px 12px!important;border-radius:14px!important;}
  .laacoHeroV3 .heroBtns{width:100%!important;}
  .laacoHeroV3 .heroBtns .btn{width:100%!important;}
  .laacoHeroV3 .heroRight{min-height:285px!important;}
  .laacoHeroV3 .heroBlob{width:310px!important;height:255px!important;}
  .laacoHeroV3 .heroProductImage{width:118%!important;max-height:292px!important;}
  .laacoHeroV3 .madeBadge{display:none!important;}
  .laacoHeroV3 .heroBottom.container{width:calc(100% - 28px)!important;grid-template-columns:1fr!important;margin-top:8px!important;border-radius:20px!important;}
  .laacoHeroV3 .heroBottom a{border-right:0!important;padding:16px!important;}
}


/* Pink hero + real image category update - only color/image support changes */
.hero.ecommerceHero.laacoHeroV3{
  background:
    radial-gradient(circle at 84% 14%, rgba(244,63,148,.30), transparent 31%),
    radial-gradient(circle at 6% 94%, rgba(244,63,148,.26), transparent 30%),
    radial-gradient(circle at 54% 42%, rgba(255,182,213,.28), transparent 34%),
    linear-gradient(105deg,#fff2f8 0%,#ffdced 48%,#ffeaf4 100%)!important;
}
.laacoHeroV3:before{
  background:
    radial-gradient(circle at 4% 102%,rgba(236,72,153,.30),transparent 27%),
    radial-gradient(circle at 74% 40%,rgba(236,72,153,.22),transparent 33%),
    radial-gradient(circle at 88% 30%,rgba(244,114,182,.20),transparent 32%),
    linear-gradient(180deg,rgba(255,235,245,.78),rgba(255,214,232,.72))!important;
}
.laacoHeroV3 .heroBlob{
  background:linear-gradient(135deg,#ffcfe5 0%,#f8b4d9 55%,#fff2f8 100%)!important;
}
.laacoHeroV3 .heroBottom.container{
  background:rgba(255,247,251,.98)!important;
}
.section.soft,
.productArea,
.productsSection{
  background:#ffe5f0!important;
}
.iconCategories .cat img{
  background:#fff0f7!important;
  object-fit:cover!important;
}

.topbar{
background:rgba(255,255,255,.98)!important;
backdrop-filter:blur(12px);
border-bottom:1px solid #ffe1ee;
box-shadow:0 10px 35px rgba(243,79,149,.12)!important;
}
.brand b{
font-size:24px;
font-weight:900;
}
.menu a{
position:relative;
transition:.3s;
}
.menu a:hover{
color:#f34f95!important;
}
.menu a:after{
content:'';
position:absolute;
left:0;
bottom:-10px;
width:0;
height:3px;
background:#f34f95;
transition:.3s;
border-radius:10px;
}
.menu a:hover:after{
width:100%;
}

/* Luxury header upgrade only */
.topbar.premiumHeader{
  background:rgba(255,255,255,.86)!important;
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(255,45,141,.13);
  box-shadow:0 18px 45px rgba(240,21,127,.11)!important;
}
.premiumHeader .nav{height:112px!important}
.premiumHeader .brand img{
  width:88px!important;
  height:88px!important;
  padding:6px;
  background:linear-gradient(145deg,#fff,#fff1f8);
  border:1px solid rgba(240,21,127,.18);
  border-radius:24px!important;
  box-shadow:0 18px 38px rgba(240,21,127,.18);
  transform:translateY(1px);
}
.premiumHeader .brand b{
  font-size:30px!important;
  letter-spacing:-1px!important;
  background:linear-gradient(90deg,#07122b,#f0157f 75%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent!important;
}
.premiumHeader .brand span{font-size:14px!important;color:#4b5563!important;font-weight:800!important}
.premiumHeader .menu a{
  padding:12px 2px;
  transition:.25s ease;
}
.premiumHeader .menu a:hover{transform:translateY(-2px)}
.premiumHeader .menu .loginBtn{
  color:#fff!important;
  padding:13px 26px!important;
  border-radius:999px;
  background:linear-gradient(135deg,#ff1887,#ff72b7,#ffd0e7)!important;
  box-shadow:0 16px 30px rgba(240,21,127,.28);
}
.premiumHeader .menu .loginBtn:after{display:none!important}
.premiumHeader .menu .loginBtn:hover{color:#fff!important;box-shadow:0 20px 38px rgba(240,21,127,.38)}
.headerIcons a{
  width:54px!important;
  height:54px!important;
  background:linear-gradient(145deg,#fff,#fff5fa)!important;
  border:1px solid rgba(240,21,127,.12)!important;
  box-shadow:0 16px 32px rgba(240,21,127,.13)!important;
  color:#07122b;
  transition:.25s ease;
}
.headerIcons a:hover{
  transform:translateY(-3px);
  color:#f0157f;
  box-shadow:0 20px 38px rgba(240,21,127,.22)!important;
}
.headerIcons svg{
  width:23px;
  height:23px;
  fill:none;
  stroke:currentColor;
  stroke-width:2.2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.headerIcons .cartIcon i{
  background:linear-gradient(135deg,#ff1887,#ff5fac)!important;
  box-shadow:0 8px 16px rgba(240,21,127,.25);
}
.menuBtn{
  width:48px;
  height:48px;
  border-radius:16px!important;
  background:linear-gradient(135deg,#fff,#fff1f8)!important;
  border:1px solid rgba(240,21,127,.16)!important;
  color:#f0157f;
}
@media(max-width:950px){
  .premiumHeader .nav{height:96px!important}
  .premiumHeader .brand img{width:70px!important;height:70px!important;border-radius:20px!important}
  .premiumHeader .menu{top:96px!important;border-top:1px solid rgba(240,21,127,.12)}
}
@media(max-width:640px){
  .premiumHeader .nav{height:82px!important}
  .premiumHeader .brand img{width:58px!important;height:58px!important;border-radius:17px!important}
  .premiumHeader .brand b{font-size:21px!important}
  .premiumHeader .menu{top:82px!important}
}

/* === LAACO final requested updates: compact header + professional designer === */
.topbar.premiumHeader{box-shadow:0 10px 32px rgba(240,21,127,.10)!important}
.premiumHeader .nav{height:82px!important}
.premiumHeader .brand img{width:62px!important;height:62px!important;border-radius:18px!important;padding:4px!important}
.premiumHeader .brand b{font-size:26px!important;letter-spacing:-.8px!important}
.premiumHeader .brand span{font-size:13px!important;line-height:1.25!important}
.premiumHeader .menu{gap:22px!important}
.premiumHeader .menu a{font-size:15px!important;padding:9px 2px!important}
.premiumHeader .menu a:first-child:after,.premiumHeader .menu a:hover:after{bottom:-22px!important}
.premiumHeader .menu .loginBtn{padding:10px 20px!important}
.headerIcons{display:flex!important;gap:10px!important}
.headerIcons a{width:44px!important;height:44px!important}
.headerIcons svg{width:21px!important;height:21px!important}
.laacoHeroV3 .madeBadge{width:132px!important;height:132px!important;padding:16px!important;line-height:1.1!important}
.laacoHeroV3 .madeBadge small{font-size:12px!important;letter-spacing:.9px!important;display:block!important;margin-bottom:6px!important}
.laacoHeroV3 .madeBadge b{font-size:15px!important;margin:0!important;display:block!important;color:#07122b!important}
.designer-shell{background:linear-gradient(135deg,#fff 0%,#fff3fa 45%,#f8f6ff 100%)!important;min-height:calc(100vh - 82px)!important}
.designer-brand{background:rgba(255,255,255,.92)!important;border-right:1px solid rgba(240,21,127,.12)!important;box-shadow:8px 0 30px rgba(15,23,42,.04)!important}
.designer-panel{background:rgba(255,255,255,.78)!important;backdrop-filter:blur(12px)!important;border-right:1px solid rgba(15,23,42,.06)!important}
.tool-tab{border:1px solid rgba(15,23,42,.06)!important;box-shadow:0 10px 24px rgba(15,23,42,.06)!important;transition:.25s!important}
.tool-tab:hover{transform:translateY(-3px)!important}
.tool-tab.active{background:linear-gradient(135deg,#ff1887,#8b5cf6)!important;color:#fff!important}
.pro-product-tools{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
.product-card{display:grid!important;grid-template-columns:42px 1fr!important;grid-template-rows:auto auto!important;align-items:center!important;text-align:left!important;border-radius:20px!important;box-shadow:0 12px 26px rgba(15,23,42,.06)!important;transition:.25s!important}
.product-card:hover{transform:translateY(-4px)!important;border-color:rgba(240,21,127,.35)!important}
.product-card b{font-size:15px!important}.product-card small{grid-column:2!important;color:#667085!important;line-height:1.25!important}
.product-card.active{background:linear-gradient(135deg,#eaffff,#fff3fa)!important;border-color:#06b6d4!important;box-shadow:0 16px 34px rgba(6,182,212,.13)!important}
.designer-workspace{background:radial-gradient(circle at 50% 30%,#fff 0%,#fff4fb 58%,#f7e8ff 100%)!important}
.designer-top-actions{background:rgba(255,255,255,.92)!important;border:1px solid rgba(15,23,42,.07)!important;box-shadow:0 15px 35px rgba(15,23,42,.07)!important;border-radius:18px!important;padding:8px!important}
.designer-top-actions button,.designer-btn{transition:.25s!important}.designer-top-actions button:hover,.designer-btn:hover{transform:translateY(-2px)!important}
.mockup-wrap{border-radius:34px!important;background:rgba(255,255,255,.62)!important;border:1px solid rgba(240,21,127,.10)!important;box-shadow:0 22px 70px rgba(240,21,127,.11)!important}
.print-area{box-shadow:0 20px 55px rgba(15,23,42,.06)!important}
.estimate-card{margin:12px 0 16px;padding:16px;border-radius:18px;background:linear-gradient(135deg,#fff0f8,#effcff);border:1px solid rgba(240,21,127,.12);box-shadow:0 12px 28px rgba(15,23,42,.06)}
.estimate-card span{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.8px;color:#f0157f;font-weight:900}.estimate-card b{display:block;font-size:18px;margin:5px 0;color:#07122b}.estimate-card small{color:#475467;font-weight:800}
@media(max-width:1180px){.headerIcons{display:flex!important}.premiumHeader .brand span{display:none!important}.premiumHeader .nav{height:78px!important}.premiumHeader .menu{top:78px!important}.premiumHeader .brand img{width:56px!important;height:56px!important}.premiumHeader .brand b{font-size:22px!important}.headerIcons a{width:40px!important;height:40px!important}.premiumHeader .menu{gap:16px!important}.premiumHeader .menu a{font-size:14px!important}.designer-shell{grid-template-columns:86px 320px 1fr!important}}
@media(max-width:950px){.premiumHeader .nav{height:72px!important}.premiumHeader .brand img{width:50px!important;height:50px!important}.premiumHeader .brand b{font-size:20px!important}.premiumHeader .menu{top:72px!important}.headerIcons{display:none!important}.designer-shell{grid-template-columns:1fr!important}.designer-brand{position:sticky!important;top:72px!important;z-index:20!important;display:flex!important;overflow:auto!important;border-right:0!important;border-bottom:1px solid rgba(240,21,127,.12)!important}.d-logo{display:none!important}.tool-tab{min-width:86px!important}.designer-panel{border-right:0!important}.designer-workspace{min-height:560px!important}.view-strip{position:static!important;display:flex!important;justify-content:center!important;gap:10px!important;padding:10px!important}.viewCircle{width:74px!important;height:74px!important}}
@media(max-width:640px){.premiumHeader .nav{height:66px!important}.premiumHeader .brand img{width:44px!important;height:44px!important}.premiumHeader .brand b{font-size:17px!important}.premiumHeader .menu{top:66px!important}.designer-brand{top:66px!important}.designer-panel,.panel-scroll{max-height:none!important}.designer-top-actions{left:10px!important;right:10px!important;overflow:auto!important}.mockup-wrap{margin:70px 10px 14px!important}.print-area canvas{width:100%!important;height:auto!important}.product-card{grid-template-columns:36px 1fr!important}.laacoHeroV3 .madeBadge{display:grid!important;width:104px!important;height:104px!important;right:2px!important;top:16px!important}.laacoHeroV3 .madeBadge b{font-size:12px!important}.laacoHeroV3 .madeBadge small{font-size:10px!important}}

/* === FINAL FIX: Luxury compact professional header + visible icons === */
.topbar.premiumHeader{
  background:rgba(255,255,255,.93)!important;
  backdrop-filter:blur(20px)!important;
  -webkit-backdrop-filter:blur(20px)!important;
  border-bottom:1px solid rgba(240,21,127,.14)!important;
  box-shadow:0 12px 36px rgba(15,23,42,.07),0 2px 0 rgba(240,21,127,.05)!important;
}
.topbar.premiumHeader:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#ff1887,#8b5cf6,#06b6d4);}
.premiumHeader .nav{height:76px!important;gap:22px!important;}
.premiumHeader .brand{gap:13px!important;min-width:360px!important;}
.premiumHeader .brand img{width:60px!important;height:60px!important;border-radius:18px!important;padding:4px!important;background:linear-gradient(145deg,#fff,#fff0f8)!important;border:1px solid rgba(240,21,127,.20)!important;box-shadow:0 13px 28px rgba(240,21,127,.13)!important;}
.premiumHeader .brand b{font-size:25px!important;letter-spacing:-.9px!important;line-height:1!important;color:#07122b!important;background:none!important;-webkit-text-fill-color:#07122b!important;}
.premiumHeader .brand span{font-size:13px!important;letter-spacing:.1px!important;color:#475467!important;font-weight:800!important;line-height:1.25!important;}
.premiumHeader .menu{gap:23px!important;}
.premiumHeader .menu a{font-size:15px!important;font-weight:900!important;color:#07122b!important;padding:8px 0!important;position:relative!important;}
.premiumHeader .menu a:hover,.premiumHeader .menu a:first-child{color:#f0157f!important;}
.premiumHeader .menu a:first-child:after,.premiumHeader .menu a:hover:after{bottom:-22px!important;height:3px!important;background:linear-gradient(90deg,#ff1887,#8b5cf6)!important;border-radius:50px!important;}
.premiumHeader .menu .loginBtn{background:linear-gradient(135deg,#07122b,#172554)!important;color:#fff!important;border-radius:999px!important;padding:10px 20px!important;box-shadow:0 12px 26px rgba(7,18,43,.16)!important;}
.premiumHeader .menu .loginBtn:hover{background:linear-gradient(135deg,#ff1887,#8b5cf6)!important;color:#fff!important;}
.headerIcons.luxuryIcons{display:flex!important;align-items:center!important;gap:10px!important;}
.headerIcons.luxuryIcons a{width:46px!important;height:46px!important;border-radius:16px!important;background:linear-gradient(145deg,#ffffff,#fff1f8)!important;border:1px solid rgba(240,21,127,.13)!important;box-shadow:0 12px 26px rgba(15,23,42,.08)!important;color:#07122b!important;display:grid!important;place-items:center!important;transition:.25s ease!important;}
.headerIcons.luxuryIcons a:hover{transform:translateY(-3px)!important;background:linear-gradient(135deg,#ff1887,#8b5cf6)!important;color:#fff!important;box-shadow:0 18px 34px rgba(240,21,127,.23)!important;}
.headerIcons.luxuryIcons svg{width:22px!important;height:22px!important;fill:none!important;stroke:currentColor!important;stroke-width:2.2!important;stroke-linecap:round!important;stroke-linejoin:round!important;display:block!important;}
.headerIcons.luxuryIcons .cartIcon i{right:-6px!important;top:-8px!important;background:linear-gradient(135deg,#ff1887,#ff6db5)!important;color:#fff!important;font-size:12px!important;box-shadow:0 8px 18px rgba(240,21,127,.28)!important;}
.menuBtn{width:44px!important;height:44px!important;border-radius:14px!important;background:#fff!important;border:1px solid rgba(240,21,127,.16)!important;color:#f0157f!important;box-shadow:0 10px 24px rgba(15,23,42,.08)!important;}
.laacoHeroV3 .madeBadge{background:linear-gradient(145deg,#fff,#fff4fa)!important;border:2px dashed rgba(240,21,127,.25)!important;box-shadow:0 18px 42px rgba(240,21,127,.18)!important;}
@media(max-width:1180px){.premiumHeader .brand{min-width:auto!important}.premiumHeader .brand span{display:none!important}.premiumHeader .nav{height:72px!important}.premiumHeader .brand img{width:54px!important;height:54px!important}.premiumHeader .brand b{font-size:21px!important}.premiumHeader .menu{gap:15px!important}.headerIcons.luxuryIcons a{width:40px!important;height:40px!important;border-radius:14px!important}.headerIcons.luxuryIcons svg{width:20px!important;height:20px!important}}
@media(max-width:950px){.premiumHeader .nav{height:68px!important}.premiumHeader .menu{top:68px!important;background:rgba(255,255,255,.98)!important;border-top:1px solid rgba(240,21,127,.12)!important}.headerIcons.luxuryIcons{display:none!important}.premiumHeader .brand img{width:50px!important;height:50px!important}.premiumHeader .brand b{font-size:19px!important}.premiumHeader .menu a:first-child:after,.premiumHeader .menu a:hover:after{display:none!important}}
@media(max-width:640px){.premiumHeader .nav{height:64px!important}.premiumHeader .brand img{width:44px!important;height:44px!important}.premiumHeader .brand b{font-size:16px!important}.premiumHeader .menu{top:64px!important}.menuBtn{width:40px!important;height:40px!important}.brand{gap:9px!important}}

/* Customize page realistic studio upgrade - only customize layout */
.designer-shell{
  background:linear-gradient(135deg,#fff7fb 0%,#fff 45%,#ecfeff 100%)!important;
}
.designer-panel{box-shadow:18px 0 45px rgba(15,23,42,.05)!important;z-index:2!important}
.designer-panel h2{letter-spacing:-.8px!important}
.designer-workspace{
  background:
    radial-gradient(circle at 35% 18%,rgba(255,255,255,.9) 0,rgba(255,255,255,.65) 22%,transparent 48%),
    radial-gradient(circle at 72% 38%,rgba(240,21,127,.18) 0,transparent 36%),
    linear-gradient(135deg,#fff4fa 0%,#fff 44%,#effcff 100%)!important;
}
.mockup-wrap{
  position:relative!important;
  overflow:hidden!important;
  background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(255,246,251,.75))!important;
  border:1px solid rgba(240,21,127,.16)!important;
  box-shadow:0 34px 90px rgba(15,23,42,.13), inset 0 1px 0 rgba(255,255,255,.9)!important;
}
.mockup-wrap:before{
  content:"";position:absolute;inset:-20% -10% auto auto;width:420px;height:420px;border-radius:50%;
  background:radial-gradient(circle,rgba(240,21,127,.12),transparent 66%);pointer-events:none;
}
.mockup-wrap:after{
  content:"Realistic Live Preview";position:absolute;left:24px;top:22px;padding:9px 14px;border-radius:999px;
  font-size:12px;font-weight:900;letter-spacing:.3px;color:#0f172a;background:rgba(255,255,255,.78);border:1px solid rgba(15,23,42,.08);box-shadow:0 10px 26px rgba(15,23,42,.08);
}
.product-mockup{filter:drop-shadow(0 28px 36px rgba(15,23,42,.16))!important;display:grid!important;place-items:center!important}
.print-area{
  background:transparent!important;border:0!important;box-shadow:none!important;display:grid!important;place-items:center!important;
}
.print-area canvas{
  width:380px!important;max-width:100%!important;height:auto!important;border-radius:28px!important;
  box-shadow:0 22px 55px rgba(15,23,42,.09), inset 0 1px 0 rgba(255,255,255,.8)!important;
}
.product-title span{
  background:linear-gradient(135deg,#0f172a,#1d2a55)!important;color:#fff!important;border-radius:999px!important;
  padding:9px 16px!important;box-shadow:0 12px 28px rgba(15,23,42,.18)!important;
}
.designer-top-actions{background:rgba(255,255,255,.86)!important;backdrop-filter:blur(16px)!important;border:1px solid rgba(15,23,42,.08)!important;box-shadow:0 18px 45px rgba(15,23,42,.10)!important}
.designer-top-actions button{border-radius:14px!important;transition:.25s!important}
.designer-top-actions button:hover{background:#fff0f8!important;color:#f0157f!important;transform:translateY(-2px)!important}
.product-card{min-height:86px!important;background:rgba(255,255,255,.88)!important;border:1px solid rgba(15,23,42,.08)!important;position:relative!important;overflow:hidden!important}
.product-card:before{content:"";position:absolute;right:-30px;top:-30px;width:95px;height:95px;border-radius:50%;background:rgba(240,21,127,.07)}
.product-card.active{background:linear-gradient(135deg,#ffffff,#fff0f8)!important;border-color:#f0157f!important;box-shadow:0 18px 38px rgba(240,21,127,.14)!important}
.product-card:first-letter{font-size:30px!important}
.viewCircle{box-shadow:0 14px 34px rgba(15,23,42,.10)!important;border:1px solid rgba(15,23,42,.08)!important;transition:.25s!important}
.viewCircle.active,.viewCircle:hover{background:linear-gradient(135deg,#fff,#fff0f8)!important;border-color:#f0157f!important;transform:translateY(-3px)!important}
@media(max-width:700px){.mockup-wrap:after{left:14px;top:14px;font-size:11px}.print-area canvas{width:300px!important;border-radius:22px!important}.designer-workspace{padding-top:88px!important}}

/* ===== LAACO Lumise/Fabric Professional Customizer ===== */
.lumise-pro-shell{min-height:calc(100vh - 76px);display:grid;grid-template-columns:96px 360px 1fr;background:#f5f7fb;color:#111827;overflow:hidden}.lp-sidebar{background:#151923;color:#fff;display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 10px;box-shadow:8px 0 28px rgba(17,24,39,.12);z-index:3}.lp-logo{text-align:center;color:#fff;font-size:11px;line-height:1.2;margin-bottom:12px}.lp-logo img{width:54px;height:54px;object-fit:contain;background:#fff;border-radius:16px;padding:4px;margin-bottom:7px}.lp-logo b{letter-spacing:1.5px;color:#ec4899}.lp-tab{width:76px;height:68px;border:0;border-radius:16px;background:rgba(255,255,255,.06);color:#cbd5e1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;font-weight:800;transition:.22s}.lp-tab i{font-style:normal;font-size:21px}.lp-tab span{font-size:11px}.lp-tab:hover,.lp-tab.active{background:linear-gradient(135deg,#6d28d9,#ec4899);color:#fff;transform:translateY(-2px)}.lp-panel{background:#fff;border-right:1px solid #e7edf5;overflow:auto}.lp-panel-head{position:sticky;top:0;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);z-index:2;padding:18px 22px;border-bottom:1px solid #eef2f7}.lp-panel-head b{display:block;font-size:18px}.lp-panel-head small{color:#667085}.lp-pane{display:none;padding:22px}.lp-pane.active{display:block}.lp-pane h3{font-size:15px;margin:8px 0 14px;color:#101828}.lp-pane label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:1px;font-weight:900;color:#475467;margin:14px 0 8px}.lp-input,.lp-pane input,.lp-pane select,.lp-pane textarea{width:100%;border:1px solid #d9e1ec;border-radius:12px;padding:12px 13px;font-size:14px;background:#fff}.lp-products,.template-grid,.saved-list{display:grid;gap:10px}.lp-product,.template-grid button,.saved-list button{border:1px solid #e5eaf2;background:#fff;border-radius:18px;padding:13px;text-align:left;display:grid;grid-template-columns:44px 1fr;gap:10px;align-items:center;cursor:pointer;transition:.22s}.lp-product b,.template-grid b{display:block;font-size:14px}.lp-product small,.template-grid small,.saved-list small{display:block;font-size:11px;color:#667085}.lp-product:hover,.lp-product.active,.template-grid button:hover{border-color:#06b6d4;background:#ecfeff;box-shadow:0 12px 28px rgba(6,182,212,.13)}.lp-color-row,.lp-side-grid,.two-col{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.lp-color-row{grid-template-columns:64px 1fr 1fr 1fr}.lp-color-row input{height:42px;padding:2px}.lp-color-row button,.lp-side-grid button,.lp-btn{border:1px solid #e5eaf2;background:#f8fafc;border-radius:12px;padding:11px 12px;font-weight:900;cursor:pointer;transition:.22s}.lp-color-row button:hover,.lp-side-grid button:hover,.side-switch.active{background:#151923;color:#fff}.lp-note{background:#fff7ed;border:1px solid #fed7aa;border-radius:14px;padding:12px;color:#92400e;font-size:12px;margin-top:14px}.lp-upload{display:block;border:2px dashed #06b6d4;border-radius:18px;padding:24px;text-align:center;background:#ecfeff;cursor:pointer}.lp-upload span{font-size:34px;display:block}.lp-upload input{border:0;padding:8px;background:transparent}.clipart-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.clipart-grid button{height:58px;border:1px solid #e5eaf2;background:#fff;border-radius:15px;font-size:25px;cursor:pointer;transition:.2s}.clipart-grid button:hover{transform:scale(1.05);background:#fff1f7}.layer-list{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:8px}.layer-list li{background:#f8fafc;border:1px solid #e5eaf2;border-radius:12px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;font-size:13px;cursor:pointer}.layer-list li:hover{background:#ecfeff}.layer-list button{border:0;background:#fee2e2;color:#991b1b;border-radius:8px;font-weight:900}.price-card{background:linear-gradient(135deg,#151923,#2b3345);color:#fff;border-radius:18px;padding:18px;margin:16px 0}.price-card span{display:block;color:#cbd5e1}.price-card b{font-size:32px;color:#67e8f9}.lp-btn{background:linear-gradient(135deg,#6d28d9,#ec4899);color:#fff;border:0;box-shadow:0 14px 30px rgba(109,40,217,.18)}.lp-btn.full{width:100%;margin-top:10px}.lp-btn.alt{background:#151923}.lp-btn.whatsapp{background:#22c55e}.lp-workspace{position:relative;display:grid;grid-template-rows:auto 1fr auto;min-width:0;background:radial-gradient(circle at 30% 10%,#fff 0,#fff1f7 35%,#eafeff 100%);padding:82px 28px 24px}.lp-topbar{position:absolute;top:18px;left:50%;transform:translateX(-50%);display:flex;gap:7px;background:rgba(255,255,255,.92);border:1px solid rgba(17,24,39,.06);border-radius:24px;padding:8px;box-shadow:0 18px 44px rgba(17,24,39,.10);max-width:94%;overflow:auto;z-index:2}.lp-topbar button{border:0;background:transparent;border-radius:14px;min-width:62px;padding:7px 8px;color:#475467;display:flex;flex-direction:column;align-items:center;gap:2px;font-weight:900;cursor:pointer}.lp-topbar button:hover{background:#ecfeff;color:#06b6d4}.lp-topbar span{font-size:11px}.canvas-stage{display:grid;place-items:center;background:rgba(255,255,255,.58);border:1px solid rgba(17,24,39,.08);border-radius:34px;box-shadow:0 30px 80px rgba(17,24,39,.10);overflow:auto;padding:28px;min-height:560px}.canvas-stage canvas{border-radius:22px;box-shadow:0 24px 60px rgba(17,24,39,.15);background:#f8fafc}.lp-bottom-sides{display:flex;justify-content:center;gap:10px;margin-top:18px}.side-switch{border:1px solid #e5eaf2;background:#fff;border-radius:999px;padding:12px 20px;font-weight:900;cursor:pointer}.side-switch.active{background:linear-gradient(135deg,#6d28d9,#ec4899);border-color:transparent;color:#fff}.upper-canvas{touch-action:none!important}@media(max-width:1100px){.lumise-pro-shell{grid-template-columns:82px 320px 1fr}.lp-tab{width:64px}.canvas-stage{min-height:480px;padding:16px}}@media(max-width:900px){.lumise-pro-shell{display:block;overflow:visible}.lp-sidebar{position:sticky;top:0;flex-direction:row;overflow:auto;padding:10px;z-index:20}.lp-logo{display:none}.lp-tab{min-width:70px;height:62px}.lp-panel{border-right:0}.lp-workspace{padding:82px 12px 18px;min-height:520px}.canvas-stage{min-height:420px;border-radius:22px}.lp-topbar{left:10px;right:10px;transform:none;justify-content:flex-start}.lp-bottom-sides{overflow:auto;justify-content:flex-start;padding-bottom:8px}.lp-pane{padding:18px}.lp-color-row,.lp-side-grid,.two-col{grid-template-columns:1fr 1fr}}@media(max-width:560px){.lp-tab span{font-size:10px}.lp-side-grid,.two-col{grid-template-columns:1fr}.lp-products .lp-product{grid-template-columns:40px 1fr}.clipart-grid{grid-template-columns:repeat(3,1fr)}.lp-workspace{padding-top:78px}.lp-topbar button{min-width:56px}.canvas-stage{padding:8px;min-height:350px}.side-switch{padding:10px 15px}.lp-color-row{grid-template-columns:1fr 1fr}}

/* ===== LAACO Compact Manual Printing Designer - Working V3 ===== */
.lp-designer{height:calc(100vh - 76px);display:grid;grid-template-columns:80px 280px minmax(520px,1fr);background:#f7f8fc;overflow:hidden;color:#111827}.lp-leftbar{background:#101828;color:#fff;display:flex;flex-direction:column;gap:8px;padding:10px 8px;border-right:1px solid rgba(255,255,255,.08)}.lp-tab{height:62px;border:0;border-radius:15px;background:transparent;color:#d0d5dd;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-weight:800;cursor:pointer;transition:.2s}.lp-tab span{font-size:10px}.lp-tab:hover,.lp-tab.active{background:linear-gradient(135deg,#ec4899,#7c3aed);color:#fff;box-shadow:0 12px 28px rgba(236,72,153,.25)}.lp-panel{background:#fff;border-right:1px solid #e5e7eb;overflow:auto;padding:14px}.lp-panel-head{padding:7px 2px 12px;border-bottom:1px solid #eef2f7;margin-bottom:12px}.lp-panel-head small{color:#ec4899;font-size:10px;letter-spacing:1.6px;text-transform:uppercase;font-weight:900}.lp-panel-head h2{margin:4px 0 0;font-size:18px}.lp-pane{display:none}.lp-pane.active{display:block}.lp-pane label{display:block;font-size:11px;font-weight:900;letter-spacing:1px;text-transform:uppercase;margin:14px 0 8px;color:#263044}.lp-pane input,.lp-pane select{width:100%;border:1px solid #d9e0ea;border-radius:10px;padding:10px 11px;font-size:13px;background:#fff}.lp-product-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.lp-product{min-height:64px;border:1px solid #e5e7eb;border-radius:13px;background:#fff;cursor:pointer;font-size:22px;font-weight:900;padding:8px;box-shadow:0 8px 22px rgba(17,24,39,.04);transition:.2s}.lp-product b{display:block;font-size:12px}.lp-product small{display:block;font-size:10px;color:#667085}.lp-product:hover,.lp-product.active{border-color:#ec4899;background:#fff0f7;transform:translateY(-2px)}.lp-colors{display:grid;grid-template-columns:1fr 1fr;gap:7px}.lp-colors button{position:relative;border:1px solid #e5e7eb;background:#fff;border-radius:10px;padding:10px 7px 10px 24px;font-size:11px;font-weight:900;cursor:pointer;text-align:left}.lp-colors button:before{content:"";position:absolute;left:8px;top:50%;transform:translateY(-50%);width:12px;height:12px;border-radius:50%;background:var(--c);border:1px solid #cbd5e1}.lp-colors button.active{border-color:#ec4899;background:#fff0f7}.lp-row2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.lp-row3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px}.lp-mini-btn{border:1px solid #dbe3ef;background:#fff;border-radius:11px;padding:10px 9px;font-size:12px;font-weight:900;cursor:pointer;transition:.2s}.lp-mini-btn:hover{background:#ecfeff;border-color:#06b6d4;transform:translateY(-1px)}.lp-mini-btn.full{width:100%;margin-top:8px}.lp-mini-btn.danger{background:#fff1f2;color:#e11d48}.lp-mini-btn.whatsapp{background:#22c55e;color:#fff;border-color:#22c55e}.lp-view-buttons.compact{display:grid;grid-template-columns:1fr 1fr;gap:7px}.lp-view-buttons button,.lp-bottom-view button{border:1px solid #dbe3ef;background:#fff;border-radius:999px;padding:9px 12px;font-weight:900;font-size:12px;cursor:pointer}.lp-view-buttons button.active,.lp-bottom-view button.active{background:#ec4899;color:#fff;border-color:#ec4899}.lp-upload-box{border:2px dashed #ec4899!important;border-radius:16px;padding:18px!important;text-align:center;background:#fff7fb;cursor:pointer}.lp-upload-box strong{display:block;font-size:15px}.lp-upload-box span{display:block;font-size:11px;color:#667085;margin-top:5px}.lp-control{display:grid;grid-template-columns:70px 1fr;gap:8px;align-items:center;margin:8px 0}.lp-control span{font-size:11px;font-weight:900}.lp-control input{padding:0}.lp-template-list{display:grid;gap:8px}.lp-template-list button{text-align:left;border:1px solid #e5e7eb;background:#fff;border-radius:13px;padding:12px;cursor:pointer}.lp-template-list b{display:block;font-size:13px}.lp-template-list small{color:#667085;font-size:11px}.lp-template-list button:hover{border-color:#7c3aed;background:#f5f3ff}.lp-clip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.lp-clip-grid button{height:50px;border:1px solid #e5e7eb;background:#fff;border-radius:12px;font-size:24px;cursor:pointer}.lp-clip-grid button:hover{background:#fff0f7;transform:scale(1.04)}.lp-layers{display:grid;gap:7px;max-height:220px;overflow:auto}.lp-layer{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #e5e7eb;background:#fff;border-radius:11px;padding:9px;font-size:12px}.lp-layer.active{border-color:#2563eb;background:#eff6ff}.lp-layer button{border:0;background:#111827;color:#fff;border-radius:999px;padding:5px 8px;font-size:10px;cursor:pointer}.lp-empty{font-size:12px;color:#667085;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;padding:12px}.lp-workspace{position:relative;display:grid;grid-template-rows:auto 1fr auto;min-width:0;overflow:hidden;background:radial-gradient(circle at 50% 0,#fff 0,#fff1f7 42%,#effbff 100%);padding:12px 16px}.lp-topbar{display:flex;gap:7px;justify-content:center;align-items:center;background:rgba(255,255,255,.9);border:1px solid #e5e7eb;box-shadow:0 10px 30px rgba(17,24,39,.07);border-radius:18px;padding:8px;margin:0 auto 10px;max-width:720px;overflow:auto}.lp-topbar button{min-width:70px;border:0;background:#fff;border-radius:12px;padding:8px 10px;font-weight:900;cursor:pointer;color:#334155}.lp-topbar button span{display:block;font-size:10px;color:#667085}.lp-topbar button:hover{background:#ecfeff;color:#06b6d4}.lp-stage-wrap{height:100%;min-height:380px;display:flex;align-items:center;justify-content:center;overflow:auto;background:rgba(255,255,255,.55);border:1px solid #e5e7eb;border-radius:24px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)}#designerCanvas{max-width:100%;max-height:100%;background:transparent;border-radius:18px;transition:transform .2s;cursor:grab;touch-action:none}.lp-bottom-view{display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:wrap;padding:10px 0 2px}.lp-bottom-view button{box-shadow:0 8px 18px rgba(17,24,39,.04)}@media(max-width:1050px){.lp-designer{height:auto;min-height:100vh;grid-template-columns:70px 1fr}.lp-panel{grid-column:2}.lp-workspace{grid-column:1/3;min-height:560px}.lp-leftbar{grid-row:1/3}.lp-product-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.lp-designer{display:block}.lp-leftbar{position:sticky;top:0;z-index:30;flex-direction:row;overflow:auto;padding:8px}.lp-tab{min-width:64px;height:58px}.lp-panel{max-height:none}.lp-workspace{min-height:520px;padding:10px}.lp-topbar{justify-content:flex-start}.lp-product-grid{grid-template-columns:1fr 1fr}.lp-row2,.lp-row3{grid-template-columns:1fr 1fr}.lp-stage-wrap{min-height:360px}}

/* ===== Hero product hamper image update - fit and responsive ===== */
.laacoHeroV3 .heroRight{
  overflow: visible !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.laacoHeroV3 .heroProductImage{
  content: url('../images/hero-gift-hamper-products.png');
  width: min(720px, 112%) !important;
  max-width: 112% !important;
  max-height: 640px !important;
  height: auto !important;
  object-fit: contain !important;
  object-position: center center !important;
  border-radius: 0 !important;
  background: transparent !important;
  filter: drop-shadow(0 34px 42px rgba(15,23,42,.22)) !important;
  position: relative !important;
  z-index: 4 !important;
}
.laacoHeroV3 .heroBlob{
  width: 620px !important;
  height: 520px !important;
  background: radial-gradient(circle at 45% 50%, rgba(255,255,255,.85) 0 20%, transparent 21%), linear-gradient(135deg,#ffd8ee 0%,#ffeaf6 54%,#ffffff 100%) !important;
}
.laacoHeroV3 .madeBadge{
  right: 4px !important;
  top: 58px !important;
  z-index: 6 !important;
}
@media(max-width:1180px){
  .laacoHeroV3 .heroProductImage{
    width:min(620px, 100%) !important;
    max-width:100% !important;
    max-height:520px !important;
  }
  .laacoHeroV3 .heroBlob{width:500px!important;height:430px!important;}
}
@media(max-width:640px){
  .laacoHeroV3 .heroRight{min-height:330px !important;}
  .laacoHeroV3 .heroProductImage{
    width:112% !important;
    max-width:112% !important;
    max-height:330px !important;
  }
  .laacoHeroV3 .heroBlob{width:310px!important;height:270px!important;}
}

/* ===== Final HD Hero Gift Hamper Image: enhanced + smaller fit ===== */
.laacoHeroV3 .heroProductImage{
  content:url('../images/hero-gift-hamper-products.png') !important;
  width:min(600px, 92%) !important;
  max-width:92% !important;
  max-height:520px !important;
  height:auto !important;
  object-fit:contain !important;
  object-position:center center !important;
  image-rendering:auto !important;
  filter:drop-shadow(0 28px 36px rgba(15,23,42,.20)) !important;
}
.laacoHeroV3 .heroBlob{
  width:540px !important;
  height:455px !important;
}
@media(max-width:1180px){
  .laacoHeroV3 .heroProductImage{
    width:min(520px, 88%) !important;
    max-width:88% !important;
    max-height:430px !important;
  }
  .laacoHeroV3 .heroBlob{width:430px!important;height:370px!important;}
}
@media(max-width:640px){
  .laacoHeroV3 .heroRight{min-height:285px !important;}
  .laacoHeroV3 .heroProductImage{
    width:96% !important;
    max-width:96% !important;
    max-height:265px !important;
  }
  .laacoHeroV3 .heroBlob{width:270px!important;height:230px!important;}
}


/* ===== FINAL: Compact HD Hero + Same Gift Hamper Images in Categories/Products ===== */
.laacoHeroV3,
.hero.ecommerceHero.laacoHeroV3{
  min-height: auto !important;
  padding-bottom: 22px !important;
  background: radial-gradient(circle at 86% 22%, rgba(236,72,153,.13), transparent 26%),
              radial-gradient(circle at 4% 92%, rgba(6,182,212,.10), transparent 26%),
              linear-gradient(105deg,#fff 0%,#fff6fb 52%,#fff0f7 100%) !important;
}
.laacoHeroV3 .container.heroGrid{
  min-height: 500px !important;
  padding: 26px 0 18px !important;
  gap: 24px !important;
  grid-template-columns: minmax(0,1.08fr) minmax(360px,.92fr) !important;
}
.laacoHeroV3 .heroLeft .badge{
  padding: 9px 14px !important;
  font-size: 11px !important;
}
.laacoHeroV3 .heroLeft h1{
  font-size: clamp(34px,4.15vw,54px) !important;
  line-height: 1.03 !important;
  letter-spacing: -1.9px !important;
  margin: 14px 0 10px !important;
  max-width: 560px !important;
}
.laacoHeroV3 .heroScript{
  font-size: clamp(26px,3vw,38px) !important;
  margin: 0 0 20px !important;
}
.laacoHeroV3 .heroLeft p{
  font-size: 16px !important;
  line-height: 1.55 !important;
  max-width: 535px !important;
  margin-bottom: 16px !important;
}
.laacoHeroV3 .heroFeatureRow{
  gap: 10px !important;
  max-width: 560px !important;
  margin-bottom: 16px !important;
}
.laacoHeroV3 .heroFeatureRow a{
  padding: 10px 12px !important;
  border-radius: 14px !important;
}
.laacoHeroV3 .heroFeatureRow b{
  width: 34px !important;
  height: 34px !important;
  border-radius: 11px !important;
  font-size: 16px !important;
}
.laacoHeroV3 .heroFeatureRow span{
  font-size: 12px !important;
}
.laacoHeroV3 .heroBtns{
  gap: 10px !important;
  margin-bottom: 14px !important;
}
.laacoHeroV3 .heroBtns .btn{
  padding: 12px 18px !important;
  font-size: 13px !important;
  border-radius: 12px !important;
}
.laacoHeroV3 .heroRight{
  min-height: 420px !important;
}
.laacoHeroV3 .heroBlob{
  width: 430px !important;
  height: 360px !important;
  background: radial-gradient(circle at 52% 55%, rgba(255,255,255,.88) 0 23%, transparent 24%),
              linear-gradient(135deg,#ffd7ec 0%,#fff0f8 58%,#ffffff 100%) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.8), 0 26px 70px rgba(236,72,153,.10) !important;
}
.laacoHeroV3 .heroProductImage{
  content: url('../images/hero-gift-hamper-products-hd.png') !important;
  width: min(470px, 88%) !important;
  max-width: 88% !important;
  max-height: 410px !important;
  height: auto !important;
  object-fit: contain !important;
  object-position: center center !important;
  image-rendering: auto !important;
  filter: drop-shadow(0 24px 32px rgba(15,23,42,.18)) saturate(1.05) contrast(1.03) !important;
  transform: translateY(2px) !important;
}
.laacoHeroV3 .madeBadge{
  width: 96px !important;
  height: 96px !important;
  right: 18px !important;
  top: 46px !important;
}
.laacoHeroV3 .madeBadge small{font-size:12px!important;}
.laacoHeroV3 .madeBadge b{font-size:13px!important;margin-top:-10px!important;}
.laacoHeroV3 .heroBottom{
  margin-top: -4px !important;
  border-radius: 22px !important;
}
.laacoHeroV3 .heroBottom a{
  padding: 16px 20px !important;
}
.laacoHeroV3 .heroBottom i{
  width: 46px !important;
  height: 46px !important;
  border-radius: 14px !important;
  font-size: 22px !important;
}
.laacoHeroV3 .heroBottom b{font-size:15px!important;}
.laacoHeroV3 .heroBottom span{font-size:12px!important;}
.cat img,
.product img{
  object-fit: contain !important;
  background: linear-gradient(135deg,#fff7fb,#eefbff) !important;
  padding: 8px !important;
}
.product img{
  height: 215px !important;
}
.cat img{
  height: 105px !important;
}
@media(max-width:1050px){
  .laacoHeroV3 .container.heroGrid{
    grid-template-columns: 1fr !important;
    min-height: auto !important;
    padding: 28px 0 18px !important;
  }
  .laacoHeroV3 .heroRight{
    min-height: 360px !important;
  }
  .laacoHeroV3 .heroProductImage{
    width: min(420px, 84%) !important;
    max-height: 350px !important;
  }
  .laacoHeroV3 .heroBlob{width:390px!important;height:320px!important;}
}
@media(max-width:640px){
  .laacoHeroV3{padding-bottom:16px!important;}
  .laacoHeroV3 .container.heroGrid{
    padding: 22px 0 12px !important;
    gap: 12px !important;
  }
  .laacoHeroV3 .heroLeft h1{
    font-size: 30px !important;
    line-height: 1.08 !important;
    letter-spacing: -1px !important;
  }
  .laacoHeroV3 .heroScript{font-size:27px!important;}
  .laacoHeroV3 .heroLeft p{font-size:14px!important;}
  .laacoHeroV3 .heroRight{min-height:255px!important;}
  .laacoHeroV3 .heroBlob{width:250px!important;height:210px!important;}
  .laacoHeroV3 .heroProductImage{
    width: 92% !important;
    max-width: 92% !important;
    max-height: 230px !important;
  }
  .laacoHeroV3 .madeBadge{display:none!important;}
  .product img{height:190px!important;}
  .cat img{height:90px!important;}
}


/* FINAL category/product professional image fit fix */
.cat img{height:132px!important;object-fit:contain!important;background:linear-gradient(135deg,#fff7fb,#f0fdff)!important;padding:8px!important;border-radius:16px!important;}
.product img{height:230px!important;object-fit:contain!important;background:linear-gradient(135deg,#fff7fb,#f0fdff)!important;padding:12px!important;}
@media(max-width:560px){.cat img{height:112px!important}.product img{height:210px!important}}

/* LAACO professional How We Work section below categories */
.laacoWorkPro{background:linear-gradient(180deg,#ffffff 0%,#fff5fb 100%);padding:54px 0 62px;border-top:1px solid #f2e8ef;border-bottom:1px solid #f2e8ef}.workProGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.workProCard{position:relative;display:block;background:#fff;border:1px solid #e9edf4;border-radius:24px;padding:26px 22px 24px;box-shadow:0 14px 38px rgba(17,24,39,.07);color:#111827;overflow:hidden;transition:.28s}.workProCard:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(236,72,153,.14),transparent 38%),radial-gradient(circle at bottom left,rgba(6,182,212,.13),transparent 36%);opacity:.9}.workProCard>*{position:relative;z-index:1}.workProCard:hover{transform:translateY(-7px);box-shadow:0 24px 55px rgba(17,24,39,.12);border-color:#f4a7cc}.workIcon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#fff0f7,#e7fbff);font-size:29px;margin-bottom:18px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.8),0 10px 22px rgba(17,24,39,.06)}.workProCard b{position:absolute;right:20px;top:20px;width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#ec4899,#06b6d4);color:#fff;font-size:13px;letter-spacing:.5px}.workProCard h3{font-size:19px;margin:0 0 9px;color:#0f172a}.workProCard p{font-size:13.5px;line-height:1.65;color:#53627a;margin:0}@media(max-width:950px){.workProGrid{grid-template-columns:repeat(2,1fr)}.laacoWorkPro{padding:44px 0}}@media(max-width:560px){.workProGrid{grid-template-columns:1fr}.workProCard{padding:22px}.workIcon{width:52px;height:52px;font-size:25px}.workProCard h3{font-size:17px}}


/* Full CMS Admin */
.adminwrap{min-height:100vh;display:grid;grid-template-columns:260px 1fr;background:#f5f7fb}
.sidebar{background:#0f172a;color:#fff;padding:24px 18px;position:sticky;top:0;height:100vh;overflow:auto}
.sidebar h2{font-size:22px;margin:0 0 22px}.sidebar a{display:block;color:#cbd5e1;padding:12px 14px;border-radius:12px;margin:4px 0;font-weight:800}
.sidebar a:hover,.sidebar a.active{background:linear-gradient(135deg,#f34f95,#14b8c4);color:#fff}
.adminmain{padding:28px;overflow:auto}.adminTop{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:20px}
.adminTop h1{margin:0;font-size:30px}.admincard{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:20px;box-shadow:0 16px 40px rgba(15,23,42,.06);margin-bottom:18px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.admincard h2{margin:0 0 6px}.admincard p{color:#64748b}
.form{display:grid;gap:13px}.form.two{grid-template-columns:repeat(2,1fr)}.form.three{grid-template-columns:repeat(3,1fr)}
.form label{font-weight:800;font-size:13px;color:#334155}.form input,.form textarea,.form select{width:100%;border:1px solid #dbe3ec;border-radius:12px;padding:12px;font:inherit;background:#fff}
.form textarea{min-height:96px}.btn.danger{background:#ef4444!important}.help{font-size:12px;color:#64748b}
.table{width:100%;border-collapse:separate;border-spacing:0 10px}.table th{text-align:left;color:#64748b;font-size:12px;text-transform:uppercase}.table td{background:#fff;padding:12px;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;vertical-align:middle}.table td:first-child{border-left:1px solid #e5e7eb;border-radius:12px 0 0 12px}.table td:last-child{border-right:1px solid #e5e7eb;border-radius:0 12px 12px 0}.table img{width:80px;height:58px;object-fit:cover;border-radius:10px}
.cmsGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.previewImg{width:160px;height:100px;object-fit:cover;border-radius:12px;background:#f1f5f9}
.notice{background:#ecfeff;border:1px solid #67e8f9;border-radius:12px;padding:12px;color:#155e75;font-weight:800;margin-bottom:14px}
@media(max-width:900px){.adminwrap{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.steps,.cmsGrid,.form.two,.form.three{grid-template-columns:1fr}.adminmain{padding:16px}}

/* =====================================================
   LAACO Luxury Compact Header Fix
   ===================================================== */
.topbar.premiumHeader{
  background:rgba(255,255,255,.94)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  border-bottom:1px solid rgba(236,72,153,.12)!important;
  box-shadow:0 8px 28px rgba(15,23,42,.07)!important;
}
.topbar.premiumHeader:before{
  content:"";position:absolute;left:0;right:0;top:0;height:4px;
  background:linear-gradient(90deg,#f0157f,#a855f7,#14b8c4);
}
.premiumHeader .nav{
  height:78px!important;
  display:grid!important;
  grid-template-columns:minmax(260px,auto) 1fr auto!important;
  gap:20px!important;
  align-items:center!important;
}
.premiumHeader .brand{
  min-width:0!important;
  gap:13px!important;
  align-items:center!important;
}
.premiumHeader .brand img{
  width:58px!important;height:58px!important;
  border-radius:16px!important;
  padding:5px!important;
  background:#fff!important;
  border:1px solid rgba(236,72,153,.20)!important;
  box-shadow:0 10px 25px rgba(236,72,153,.12)!important;
}
.premiumHeader .brand b{
  font-size:24px!important;
  line-height:1!important;
  letter-spacing:-.8px!important;
  color:#07122b!important;
  white-space:nowrap!important;
}
.premiumHeader .brand span{
  display:block!important;
  margin-top:6px!important;
  font-size:12.5px!important;
  letter-spacing:.2px!important;
  font-weight:800!important;
  color:#475467!important;
  white-space:nowrap!important;
}
.premiumHeader .premiumMenu,
.premiumHeader .menu{
  justify-content:center!important;
  gap:12px!important;
  font-size:15px!important;
  font-weight:900!important;
}
.premiumHeader .menu>a:not(.loginBtn):not(.pill){
  position:relative!important;
  padding:12px 10px!important;
  border-radius:12px!important;
  color:#07122b!important;
  transition:.22s ease!important;
}
.premiumHeader .menu>a:not(.loginBtn):not(.pill):hover{
  color:#f0157f!important;
  background:#fff0f8!important;
}
.premiumHeader .menu>a:not(.loginBtn):not(.pill):after{
  content:"";position:absolute;left:12px;right:12px;bottom:4px;height:3px;border-radius:999px;
  background:linear-gradient(90deg,#f0157f,#a855f7);transform:scaleX(0);transform-origin:left;transition:.22s ease;
}
.premiumHeader .menu>a:not(.loginBtn):not(.pill):hover:after{transform:scaleX(1)}
.premiumHeader .loginBtn,
.premiumHeader .adminOnly{
  background:#071638!important;
  color:#fff!important;
  border-radius:999px!important;
  padding:13px 23px!important;
  margin-left:4px!important;
  box-shadow:0 12px 28px rgba(7,22,56,.20)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  transition:.22s ease!important;
}
.premiumHeader .adminOnly{background:linear-gradient(135deg,#071638,#f0157f)!important}
.premiumHeader .loginBtn:hover,
.premiumHeader .adminOnly:hover{transform:translateY(-2px)!important;filter:brightness(1.05)!important}
.premiumHeader .headerIcons{
  display:flex!important;gap:12px!important;align-items:center!important;justify-content:flex-end!important;
}
.premiumHeader .headerIcons a{
  width:46px!important;height:46px!important;border-radius:16px!important;
  display:grid!important;place-items:center!important;
  background:#fff!important;border:1px solid rgba(236,72,153,.14)!important;
  box-shadow:0 10px 24px rgba(15,23,42,.08)!important;
  position:relative!important;transition:.22s ease!important;
}
.premiumHeader .headerIcons a:hover{transform:translateY(-3px)!important;border-color:#f0157f!important;background:#fff7fb!important}
.premiumHeader .headerIcons svg{width:21px!important;height:21px!important;fill:none!important;stroke:#07122b!important;stroke-width:2.3!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.premiumHeader .cartIcon i{
  position:absolute!important;right:-6px!important;top:-8px!important;min-width:21px;height:21px;padding:0 6px;
  border-radius:999px;background:#f0157f!important;color:#fff!important;font-style:normal!important;font-size:12px!important;font-weight:900!important;display:grid!important;place-items:center!important;
}
@media(max-width:1180px){
  .premiumHeader .nav{grid-template-columns:auto auto!important;gap:12px!important;height:76px!important}
  .premiumHeader .menuBtn{display:block!important;justify-self:end!important;background:#fff!important;border:1px solid rgba(236,72,153,.16)!important;border-radius:13px!important;padding:6px 11px!important;color:#07122b!important}
  .premiumHeader .headerIcons{display:none!important}
  .premiumHeader .menu{display:none!important;position:absolute!important;left:16px!important;right:16px!important;top:84px!important;background:#fff!important;border:1px solid var(--line)!important;border-radius:20px!important;padding:16px!important;box-shadow:0 22px 55px rgba(15,23,42,.15)!important;flex-direction:column!important;align-items:stretch!important;z-index:99!important}
  .premiumHeader .menu.show{display:flex!important}
  .premiumHeader .menu a{width:100%!important;text-align:left!important}
}
@media(max-width:640px){
  .premiumHeader .container.nav{width:calc(100% - 24px)!important}
  .premiumHeader .brand img{width:50px!important;height:50px!important;border-radius:14px!important}
  .premiumHeader .brand b{font-size:18px!important;letter-spacing:-.3px!important;max-width:220px;overflow:hidden;text-overflow:ellipsis}
  .premiumHeader .brand span{font-size:10.5px!important;max-width:220px;overflow:hidden;text-overflow:ellipsis}
  .premiumHeader .nav{height:70px!important}
  .premiumHeader .menu{top:78px!important}
}


/* Final actual header code-level update: compact luxury fit */
.topbar.premiumHeader{min-height:0!important;background:rgba(255,255,255,.96)!important;box-shadow:0 10px 32px rgba(15,23,42,.08)!important;border-bottom:1px solid rgba(236,72,153,.12)!important;}
.topbar.premiumHeader:before{height:3px!important;background:linear-gradient(90deg,#f0157f,#8b5cf6,#14b8c4)!important;}
.premiumHeader .container.nav{width:min(1220px,92%)!important;}
.premiumHeader .nav{height:72px!important;grid-template-columns:minmax(300px,auto) 1fr auto!important;gap:18px!important;}
.premiumHeader .brand{gap:11px!important;min-width:300px!important;}
.premiumHeader .brand img{width:50px!important;height:50px!important;border-radius:14px!important;padding:4px!important;box-shadow:0 8px 20px rgba(236,72,153,.12)!important;}
.premiumHeader .brand b{font-size:21px!important;line-height:1.05!important;letter-spacing:-.55px!important;font-weight:950!important;}
.premiumHeader .brand span{font-size:11.3px!important;line-height:1.15!important;margin-top:3px!important;letter-spacing:.15px!important;font-weight:800!important;color:#4b5563!important;}
.premiumHeader .premiumMenu,.premiumHeader .menu{gap:8px!important;font-size:14.5px!important;}
.premiumHeader .menu>a:not(.loginBtn):not(.pill){padding:10px 8px!important;border-radius:11px!important;}
.premiumHeader .loginBtn,.premiumHeader .adminOnly{padding:10px 18px!important;font-size:14px!important;min-width:82px!important;text-align:center!important;margin-left:4px!important;}
.premiumHeader .headerIcons{gap:9px!important;}
.premiumHeader .headerIcons a{width:42px!important;height:42px!important;border-radius:14px!important;}
.premiumHeader .headerIcons svg{width:19px!important;height:19px!important;}
.premiumHeader .cartIcon i{min-width:19px!important;height:19px!important;font-size:11px!important;right:-5px!important;top:-7px!important;}
@media(max-width:1180px){.premiumHeader .nav{height:68px!important;grid-template-columns:1fr auto!important}.premiumHeader .brand{min-width:0!important}.premiumHeader .brand img{width:48px!important;height:48px!important}.premiumHeader .brand b{font-size:19px!important}.premiumHeader .brand span{font-size:10.5px!important}.premiumHeader .menu{top:76px!important}.premiumHeader .menuBtn{display:block!important}}
@media(max-width:700px){.premiumHeader .nav{height:64px!important}.premiumHeader .brand img{width:44px!important;height:44px!important}.premiumHeader .brand b{font-size:16px!important;max-width:190px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.premiumHeader .brand span{font-size:9.5px!important;max-width:190px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.premiumHeader .menu{top:70px!important}.premiumHeader .menuBtn{font-size:22px!important;padding:5px 10px!important}}

/* ===== FINAL BRAND NAME COMPACT PROFESSIONAL FIX ===== */
.topbar.premiumHeader .brand,
.premiumHeader .brand{
  gap:8px!important;
  max-width:300px!important;
}
.topbar.premiumHeader .brand img,
.premiumHeader .brand img{
  width:46px!important;
  height:46px!important;
  border-radius:13px!important;
  padding:3px!important;
}
.topbar.premiumHeader .brand b,
.premiumHeader .brand b{
  font-size:23px!important;
  line-height:1.05!important;
  letter-spacing:-.35px!important;
  font-weight:900!important;
  color:#07122b!important;
  white-space:nowrap!important;
  text-transform:none!important;
  max-width:230px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.topbar.premiumHeader .brand span,
.premiumHeader .brand span{
  display:block!important;
  margin-top:2px!important;
  font-size:10.8px!important;
  line-height:1.15!important;
  letter-spacing:.15px!important;
  font-weight:700!important;
  color:#667085!important;
  max-width:230px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.topbar.premiumHeader .nav,
.premiumHeader .nav{
  height:68px!important;
  grid-template-columns:minmax(250px,auto) 1fr auto!important;
}
.topbar.premiumHeader .menu,
.premiumHeader .menu{
  font-size:14px!important;
  gap:8px!important;
}
.topbar.premiumHeader .loginBtn,
.premiumHeader .loginBtn,
.topbar.premiumHeader .pill,
.premiumHeader .pill{
  font-size:13px!important;
  padding:9px 15px!important;
  min-width:74px!important;
}
@media(max-width:1180px){
  .topbar.premiumHeader .brand b,.premiumHeader .brand b{font-size:20px!important;max-width:210px!important}
  .topbar.premiumHeader .brand span,.premiumHeader .brand span{font-size:10px!important;max-width:210px!important}
}
@media(max-width:700px){
  .topbar.premiumHeader .nav,.premiumHeader .nav{height:62px!important}
  .topbar.premiumHeader .brand img,.premiumHeader .brand img{width:40px!important;height:40px!important}
  .topbar.premiumHeader .brand b,.premiumHeader .brand b{font-size:16px!important;max-width:175px!important}
  .topbar.premiumHeader .brand span,.premiumHeader .brand span{font-size:9px!important;max-width:175px!important}
}

/* ===== Final compact luxury header font update ===== */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700;800&family=Poppins:wght@400;500;600;700&display=swap');
.topbar.premiumHeader,
.topbar{
  background:rgba(255,255,255,.96)!important;
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(17,24,39,.07)!important;
  box-shadow:0 8px 28px rgba(15,23,42,.07)!important;
}
.topbar.premiumHeader .nav,
.nav{
  height:62px!important;
  min-height:62px!important;
  gap:14px!important;
}
.brand{
  gap:8px!important;
  min-width:0!important;
  max-width:300px!important;
  font-family:'Montserrat','Poppins',Arial,sans-serif!important;
}
.brand img{
  width:42px!important;
  height:42px!important;
  border-radius:12px!important;
  object-fit:contain!important;
  flex:0 0 42px!important;
}
.brand div{
  min-width:0!important;
  line-height:1.05!important;
}
.brand b{
  font-family:'Montserrat','Poppins',Arial,sans-serif!important;
  font-size:18px!important;
  line-height:1.05!important;
  letter-spacing:.2px!important;
  font-weight:800!important;
  color:#111827!important;
  max-width:220px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.brand span{
  font-family:'Poppins',Arial,sans-serif!important;
  font-size:9.5px!important;
  line-height:1.15!important;
  letter-spacing:1.1px!important;
  font-weight:600!important;
  color:#64748b!important;
  display:block!important;
  max-width:230px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  margin-top:2px!important;
}
.menu,
.menu.premiumMenu{
  gap:12px!important;
  font-family:'Poppins',Arial,sans-serif!important;
  font-size:13px!important;
  font-weight:600!important;
  letter-spacing:.1px!important;
}
.menu a{
  font-size:13px!important;
  padding:8px 3px!important;
  line-height:1!important;
  font-weight:600!important;
}
.menu a:hover{
  color:#ec4899!important;
}
.loginBtn,
.menu .loginBtn,
.menu .adminOnly{
  font-size:12px!important;
  padding:9px 15px!important;
  min-width:76px!important;
  text-align:center!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#111827,#334155)!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(17,24,39,.14)!important;
}
.headerIcons,
.luxuryIcons{
  gap:8px!important;
}
.headerIcons a,
.luxuryIcons a{
  width:34px!important;
  height:34px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:#fff!important;
  border:1px solid #e5e7eb!important;
  box-shadow:0 6px 16px rgba(15,23,42,.06)!important;
}
.headerIcons svg,
.luxuryIcons svg{
  width:17px!important;
  height:17px!important;
  stroke:#111827!important;
  fill:none!important;
  stroke-width:1.9!important;
}
.cartIcon i{
  font-size:9px!important;
  min-width:15px!important;
  height:15px!important;
  line-height:15px!important;
  right:-5px!important;
  top:-5px!important;
}
.menuBtn{
  font-size:22px!important;
  padding:6px!important;
}
@media(max-width:950px){
  .topbar.premiumHeader .nav,.nav{height:60px!important;min-height:60px!important;}
  .brand img{width:38px!important;height:38px!important;flex-basis:38px!important;}
  .brand b{font-size:16px!important;max-width:170px!important;}
  .brand span{font-size:8.5px!important;max-width:180px!important;letter-spacing:.8px!important;}
  .menu{top:60px!important;font-size:13px!important;gap:10px!important;padding:14px 20px!important;}
  .menu a{font-size:13px!important;padding:9px 0!important;}
}
@media(max-width:560px){
  .container.nav{width:94%!important;}
  .brand{max-width:220px!important;}
  .brand b{font-size:15px!important;max-width:155px!important;}
  .brand span{display:none!important;}
  .headerIcons a:nth-child(1){display:none!important;}
}