:root{
  --primary:#ff6b1a;
  --primary-dark:#d94a00;
  --accent:#f6b73c;
  --dark:#111827;
  --muted:#6b7280;
  --light:#f7f8fb;
  --border:#e5e7eb;
  --success:#16a34a;
  --danger:#dc2626;
  --shadow:0 16px 50px rgba(17,24,39,.10);
}
*{box-sizing:border-box}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--dark);background:#fff}
a{text-decoration:none}
img{max-width:100%}
.text-primary-custom{color:var(--primary)!important}
.bg-primary-custom{background:var(--primary)!important}
.btn-brand{background:linear-gradient(135deg,var(--primary),#ff8a35);color:#fff;border:none;border-radius:.8rem;padding:.8rem 1.2rem;font-weight:700;box-shadow:0 10px 28px rgba(255,107,26,.26)}
.btn-brand:hover{color:#fff;transform:translateY(-1px)}
.btn-outline-brand{border:1px solid var(--primary);color:var(--primary);border-radius:.8rem;font-weight:700;padding:.75rem 1.1rem}
.btn-outline-brand:hover{background:var(--primary);color:#fff}
.section-pad{padding:88px 0}
.section-kicker{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:var(--primary)}
.section-title{font-size:clamp(2rem,4vw,3.25rem);font-weight:800;line-height:1.08}
.section-copy{color:var(--muted);font-size:1.02rem}
.navbar{transition:.2s ease}
.navbar.scrolled{box-shadow:0 8px 30px rgba(0,0,0,.07)}
.brand-mark{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;font-weight:900;box-shadow:0 8px 20px rgba(255,107,26,.25)}
.brand-name{font-weight:900;letter-spacing:.02em}
.brand-logo{display:block;object-fit:contain}
.brand-logo-nav{width:205px;height:58px}
.brand-logo-footer{width:210px;height:auto;background:#fff;border-radius:.75rem;padding:.35rem .5rem}
.brand-logo-sidebar{width:188px;height:auto;background:#fff;border-radius:.7rem;padding:.32rem .45rem}
.brand-logo-auth{width:220px;height:auto;background:#fff;border-radius:.85rem;padding:.45rem .6rem;box-shadow:0 18px 44px rgba(0,0,0,.16)}
.footer-logo-wrap{display:inline-flex}
.hero{position:relative;min-height:690px;display:flex;align-items:center;overflow:hidden;background:
radial-gradient(circle at 80% 20%,rgba(255,107,26,.15),transparent 34%),
linear-gradient(180deg,#fff,#fff8f3)}
.hero:before{content:"";position:absolute;right:-12%;top:2%;width:58%;height:96%;background:linear-gradient(135deg,var(--primary),#ff9c4a);clip-path:polygon(34% 0,100% 0,100% 100%,0 100%);opacity:.98}
.hero-grid{position:relative;z-index:2}
.hero-badge{display:inline-flex;gap:.55rem;align-items:center;background:#fff;border:1px solid #fee2d5;border-radius:999px;padding:.55rem .85rem;font-weight:700;color:#7c2d12;box-shadow:0 8px 28px rgba(17,24,39,.07)}
.hero h1{font-size:clamp(3rem,7vw,6.2rem);font-weight:900;line-height:.92;letter-spacing:-.055em}
.hero h1 span{color:var(--primary)}
.hero-product-stage{position:relative;min-height:520px;display:grid;place-items:center}
.hero-media-card{position:relative;background:linear-gradient(180deg,#ffffff,#fff4eb);border-radius:2rem;padding:1.5rem;box-shadow:0 40px 90px rgba(17,24,39,.18);overflow:hidden;min-height:520px}
.hero-photo{width:100%;height:auto;display:block;object-fit:cover;border-radius:1.6rem;box-shadow:0 36px 70px rgba(0,0,0,.2)}
.hero-photo-badge{position:absolute;left:2rem;bottom:2rem;display:inline-flex;align-items:center;gap:.55rem;padding:.85rem 1.2rem;border-radius:999px;background:rgba(17,24,39,.92);color:#fff;font-weight:700;box-shadow:0 24px 45px rgba(0,0,0,.24);backdrop-filter:blur(12px)}
.trophy-main{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:290px;filter:drop-shadow(0 26px 24px rgba(0,0,0,.25))}
.trophy-svg{width:100%;height:auto}
.float-card{position:absolute;background:rgba(255,255,255,.95);border:1px solid rgba(255,255,255,.75);border-radius:1rem;padding:.8rem 1rem;box-shadow:0 16px 45px rgba(17,24,39,.18);backdrop-filter:blur(10px)}
.float-one{left:4%;top:14%}.float-two{right:2%;bottom:13%}.float-three{left:0;bottom:8%}
.category-visual{height:220px;display:grid;place-items:center;background:linear-gradient(145deg,#fff7f1,#fff);position:relative;overflow:hidden}
.category-photo{width:100%;height:100%;object-fit:cover}
.product-visual{height:240px;display:grid;place-items:center;background:linear-gradient(180deg,#fff,#fff9f2);padding:24px;overflow:hidden}
.product-photo{width:100%;height:100%;object-fit:contain}
.stat-strip{position:relative;z-index:3;margin-top:-42px}
.stat-card{background:#fff;border:1px solid var(--border);border-radius:1.15rem;padding:1.3rem;box-shadow:var(--shadow)}
.icon-box{width:52px;height:52px;display:grid;place-items:center;border-radius:1rem;background:#fff3eb;color:var(--primary);font-size:1.35rem}
.category-card{border:1px solid var(--border);border-radius:1.2rem;overflow:hidden;background:#fff;transition:.25s ease;box-shadow:0 10px 34px rgba(17,24,39,.05)}
.category-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.category-visual{height:220px;display:grid;place-items:center;background:linear-gradient(145deg,#fff7f1,#fff);position:relative;overflow:hidden}
.category-visual:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;background:rgba(255,107,26,.1)}
.category-photo{width:100%;height:100%;object-fit:cover}
.popular-section{background:linear-gradient(180deg,#fff,#fffaf6 48%,#fff)}
.product-card{border:1px solid rgba(229,231,235,.9);border-radius:1rem;overflow:hidden;background:#fff;transition:.22s ease;box-shadow:0 10px 28px rgba(17,24,39,.045)}
.product-card:hover{transform:translateY(-5px);box-shadow:0 20px 46px rgba(17,24,39,.11)}
.product-visual{height:250px;display:grid;place-items:center;background:
  radial-gradient(circle at 50% 18%,rgba(246,183,60,.14),transparent 34%),
  linear-gradient(180deg,#fff,#fff8f0);padding:22px;overflow:hidden;position:relative}
.product-visual:after{content:"";position:absolute;left:18%;right:18%;bottom:18px;height:20px;border-radius:50%;background:rgba(17,24,39,.08);filter:blur(8px)}
.product-visual svg{max-height:210px}
.product-photo{width:100%;height:100%;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 12px 18px rgba(17,24,39,.12))}
.product-body{padding:1rem;min-height:145px}
.product-body h6{font-weight:850;line-height:1.25}
.product-body p{font-size:.9rem;line-height:1.45}
.tag{font-size:.72rem;padding:.3rem .55rem;border-radius:999px;background:#fff1e7;color:#9a3412;font-weight:800}
.popular-toolbar{display:flex;justify-content:center}
.popular-tabs{display:flex;flex-wrap:wrap;gap:.75rem;padding:.35rem;border:1px solid var(--border);border-radius:999px;background:#fff;box-shadow:0 12px 32px rgba(17,24,39,.06)}
.tab-btn{border:1px solid var(--border);background:#fff;color:var(--dark);border-radius:999px;padding:.7rem 1rem;font-weight:700;transition:.2s}
.tab-btn:hover{border-color:#ffc4a3;color:var(--primary)}
.tab-btn.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 10px 24px rgba(255,107,26,.24)}
.manager-row{background:#fff;border:1px solid var(--border);border-radius:1.25rem;padding:1rem}
.manager-row-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem;padding-bottom:.8rem;border-bottom:1px solid var(--border)}
.manager-row .form-label{font-weight:700}
.popular-manager-grid{display:grid;gap:1rem}
.image-preview{width:100%;max-width:130px;height:120px;object-fit:cover;border-radius:1rem;border:1px solid #e5e7eb}
.empty-manager-state,.empty-popular-state{border:1px dashed #d1d5db;border-radius:1rem;padding:1.25rem;text-align:center;color:#6b7280;background:#f8fafc;font-weight:700}
.panel-body .form-control{background:#f8fafc}
.cta-box{border-radius:1.5rem;background:linear-gradient(135deg,#171717,#252525);color:#fff;overflow:hidden;position:relative}
.cta-box:after{content:"";position:absolute;right:-100px;top:-100px;width:330px;height:330px;border-radius:50%;background:rgba(255,107,26,.32)}
footer{background:#121212;color:#d1d5db}
footer a{color:#d1d5db}
footer a:hover{color:#fff}

/* Premium homepage */
.premium-nav{border-bottom:1px solid rgba(229,231,235,.76);backdrop-filter:saturate(160%) blur(14px)}
.premium-nav .container{gap:1rem}
.premium-nav .navbar-brand{padding:0}
.premium-nav .nav-link{font-weight:750;color:#374151;position:relative}
.premium-nav .nav-link:after{content:"";position:absolute;left:.5rem;right:.5rem;bottom:.2rem;height:2px;background:var(--primary);transform:scaleX(0);transform-origin:left;transition:.2s ease}
.premium-nav .nav-link:hover,.premium-nav .nav-link.active{color:var(--dark)}
.premium-nav .nav-link:hover:after,.premium-nav .nav-link.active:after{transform:scaleX(1)}
.nav-actions{display:flex;align-items:center;gap:.75rem}
.nav-phone{display:inline-flex;align-items:center;gap:.45rem;color:#374151;font-weight:800;font-size:.92rem}
.nav-phone i{color:var(--primary)}
.brand-name{font-size:1.05rem}
.navbar-brand small{font-size:.68rem}
.hero{min-height:auto;padding:132px 0 74px;background:
  radial-gradient(circle at 13% 16%,rgba(246,183,60,.2),transparent 28%),
  radial-gradient(circle at 84% 10%,rgba(255,107,26,.14),transparent 30%),
  linear-gradient(180deg,#fff,#fffaf4 58%,#fff)}
.hero:before{right:-20%;top:10%;width:58%;height:80%;background:linear-gradient(140deg,#141414,#2b201a 55%,#6f2f0e);clip-path:polygon(28% 0,100% 0,100% 100%,0 100%);opacity:1}
.hero h1{font-size:clamp(3.2rem,6.2vw,5.8rem);letter-spacing:-.04em;line-height:.96;max-width:780px}
.hero h1 span{color:inherit}
.hero-copy{max-width:620px;color:#4b5563!important;font-size:1.15rem;line-height:1.75}
.hero-actions{display:flex;flex-wrap:wrap;gap:.85rem}
.hero-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2rem;max-width:590px}
.hero-proof div{padding:1rem;border:1px solid rgba(229,231,235,.82);background:rgba(255,255,255,.72);border-radius:1rem;box-shadow:0 12px 34px rgba(17,24,39,.06)}
.hero-proof strong{display:block;font-size:1.32rem;font-weight:950;color:#111827}
.hero-proof span{display:block;color:#6b7280;font-size:.86rem;font-weight:700}
.hero-showcase{position:relative;min-height:600px;display:grid;place-items:center}
.hero-showcase:before{content:"";position:absolute;inset:6% 0 6% 13%;border-radius:2rem;background:linear-gradient(145deg,#fff,#fff1e7);box-shadow:0 38px 90px rgba(17,24,39,.14)}
.hero-showcase-main{position:relative;width:min(430px,82%);aspect-ratio:1/1;display:grid;place-items:center;z-index:2}
.hero-photo{width:100%;height:100%;object-fit:contain;border-radius:0!important;box-shadow:none!important;filter:drop-shadow(0 30px 34px rgba(17,24,39,.24))}
.hero-mini{position:absolute;z-index:3;display:grid;grid-template-columns:58px auto;align-items:center;gap:.7rem;min-width:178px;padding:.65rem .8rem;background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.8);border-radius:1rem;box-shadow:0 18px 45px rgba(17,24,39,.16);backdrop-filter:blur(12px);font-weight:850}
.hero-mini img{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(17,24,39,.12))}
.hero-mini-one{left:2%;top:18%}
.hero-mini-two{right:0;bottom:20%}
.hero-quality{position:absolute;left:9%;right:5%;bottom:4%;z-index:3;display:flex;align-items:center;gap:.85rem;padding:1rem 1.1rem;background:rgba(17,24,39,.92);border:1px solid rgba(255,255,255,.14);border-radius:1.1rem;color:#fff;box-shadow:0 24px 60px rgba(17,24,39,.22);backdrop-filter:blur(14px)}
.hero-quality i{display:grid;place-items:center;width:42px;height:42px;border-radius:.9rem;background:rgba(255,107,26,.18);color:#f6b73c;font-size:1.3rem}
.hero-quality strong,.hero-quality small{display:block}
.hero-quality small{color:#d1d5db}
.stat-card{border-radius:1rem;border-color:rgba(229,231,235,.8);box-shadow:0 18px 44px rgba(17,24,39,.08)}
.about-section{background:#fff}
.about-visual{position:relative;min-height:540px;border-radius:2rem;background:
  radial-gradient(circle at 50% 22%,rgba(246,183,60,.16),transparent 31%),
  linear-gradient(145deg,#fff7ef,#fff);display:grid;place-items:center;box-shadow:inset 0 0 0 1px rgba(229,231,235,.7);overflow:hidden}
.about-visual:after{content:"";position:absolute;left:22%;right:22%;bottom:52px;height:28px;border-radius:50%;background:rgba(17,24,39,.12);filter:blur(12px)}
.about-main-img{position:relative;z-index:2;width:min(430px,86%);height:auto;filter:drop-shadow(0 24px 26px rgba(17,24,39,.16))}
.about-floating-card{position:absolute;z-index:3;left:1.4rem;bottom:1.4rem;display:flex;align-items:center;gap:.8rem;padding:.95rem 1rem;border-radius:1rem;background:rgba(255,255,255,.94);box-shadow:0 20px 52px rgba(17,24,39,.16);border:1px solid rgba(255,255,255,.75)}
.about-floating-card i{display:grid;place-items:center;width:42px;height:42px;border-radius:.85rem;background:#fff3eb;color:var(--primary)}
.about-floating-card strong,.about-floating-card small{display:block}
.about-floating-card small{color:#6b7280}
.about-points{display:grid;gap:.9rem}
.about-points div{display:flex;align-items:flex-start;gap:.75rem;color:#374151;font-weight:700}
.about-points i{color:#16a34a;font-size:1.2rem;margin-top:.05rem}
.category-section{background:#f7f8fb}
.section-heading{max-width:780px;margin-inline:auto}
.category-card{display:block;height:100%;border-radius:1.15rem;color:inherit;background:#fff;border:1px solid rgba(229,231,235,.9);overflow:hidden}
.category-card:hover{color:inherit}
.category-visual{height:340px;background:
  radial-gradient(circle at 50% 18%,rgba(255,107,26,.11),transparent 36%),
  linear-gradient(180deg,#fff,#fff8f1);padding:24px 34px;display:flex;align-items:center;justify-content:center;overflow:visible}
.category-visual:after{display:none}
.category-photo{width:100%;height:100%;max-height:292px;object-fit:contain;object-position:center;position:relative;z-index:1;filter:drop-shadow(0 14px 18px rgba(17,24,39,.12))}
.category-body{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 1.35rem;border-top:1px solid rgba(229,231,235,.8)}
.category-body h4{margin:0 0 .3rem;font-weight:900}
.category-body p{margin:0;color:#6b7280;line-height:1.45}
.category-body i{display:grid;place-items:center;flex:0 0 auto;width:40px;height:40px;border-radius:50%;background:#fff3eb;color:var(--primary);transition:.2s ease}
.category-card:hover .category-body i{transform:translateX(4px);background:var(--primary);color:#fff}
.popular-section{background:
  radial-gradient(circle at 8% 18%,rgba(246,183,60,.12),transparent 24%),
  linear-gradient(180deg,#fff,#fffaf6 48%,#fff)}
.popular-section .section-title{font-size:clamp(2.1rem,3.6vw,3.1rem)}
.product-card{border-radius:1.05rem}
.product-visual{height:270px}
.product-body{padding:1.05rem 1.1rem 1.2rem}
.cta-box{border-radius:1.25rem;background:
  linear-gradient(135deg,rgba(17,17,17,.98),rgba(31,31,31,.98)),
  radial-gradient(circle at 86% 20%,rgba(255,107,26,.34),transparent 28%)}
.cta-box:before{content:"";position:absolute;inset:1px;border-radius:1.2rem;border:1px solid rgba(255,255,255,.08);pointer-events:none}
.cta-kicker{display:inline-block;margin-bottom:.55rem;color:#f6b73c;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;font-weight:900}
footer{background:#101010;color:#cbd5e1}
footer .brand-mark{box-shadow:none}
footer h6{font-weight:900;margin-bottom:1rem}
footer .small{line-height:1.75}
footer a{color:#d1d5db}
footer a:hover{color:#f6b73c}
.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:1100;width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:#25d366;color:#fff;font-size:1.75rem;box-shadow:0 16px 38px rgba(37,211,102,.34);transition:.2s ease}
.whatsapp-float:hover{color:#fff;transform:translateY(-2px);box-shadow:0 20px 46px rgba(37,211,102,.42)}

.hero-studio{display:grid;gap:1.6rem}
.hero-product-wall{display:grid;grid-template-columns:1fr 1.08fr 1.72fr 1.08fr 1fr;gap:1rem;align-items:stretch;min-height:390px}
.hero-side-panel,.hero-product-card,.hero-feature-card{position:relative;overflow:hidden;border:1px solid rgba(229,231,235,.82);background:rgba(255,255,255,.86);box-shadow:0 26px 70px rgba(17,24,39,.1)}
.hero-side-panel{display:flex;flex-direction:column;justify-content:flex-end;min-height:250px;border-radius:1.25rem;padding:1.2rem;background:linear-gradient(160deg,#fff,#fff2e8)}
.hero-side-panel span,.hero-feature-copy span{color:var(--primary);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;font-weight:950}
.hero-side-panel strong,.hero-feature-copy strong{display:block;margin-top:.35rem;font-size:1.32rem;line-height:1.08;font-weight:950}
.hero-side-panel small,.hero-feature-copy small{display:block;margin-top:.5rem;color:#6b7280;line-height:1.5}
.dark-panel{background:linear-gradient(145deg,#171717,#2a201b);color:#fff;border-color:rgba(255,255,255,.12)}
.dark-panel small{color:#d1d5db}
.hero-product-card{display:grid;align-content:end;justify-items:center;border-radius:1.25rem;padding:1rem;background:linear-gradient(180deg,#fff,#fff8f1)}
.hero-product-card img{width:100%;height:225px;object-fit:contain;filter:drop-shadow(0 18px 20px rgba(17,24,39,.15))}
.hero-product-card span{display:block;width:100%;text-align:center;margin-top:.75rem;padding:.7rem .8rem;border-radius:.85rem;background:#fff;color:#111827;font-weight:900;box-shadow:0 10px 26px rgba(17,24,39,.07)}
.hero-feature-card{display:grid;grid-template-columns:.72fr 1.28fr;align-items:center;border-radius:1.6rem;padding:1.2rem 1.6rem;background:
  radial-gradient(circle at 72% 18%,rgba(246,183,60,.22),transparent 30%),
  linear-gradient(145deg,#fff,#fff4eb)}
.hero-feature-card:after{content:"";position:absolute;left:44%;right:10%;bottom:36px;height:28px;border-radius:50%;background:rgba(17,24,39,.12);filter:blur(12px)}
.hero-feature-copy{position:relative;z-index:2;align-self:end;padding-bottom:.7rem}
.hero-feature-card .hero-photo{position:relative;z-index:2;width:100%;height:330px;object-fit:contain}
.hero-studio .hero-proof{margin:0 auto;max-width:760px}
.hero-immersive{position:relative;min-height:560px;border-radius:1.55rem;overflow:hidden;box-shadow:0 36px 90px rgba(17,24,39,.18);isolation:isolate}
.hero-immersive:before{content:"";position:absolute;inset:0;z-index:1;background:
  linear-gradient(90deg,rgba(12,12,12,.86) 0%,rgba(12,12,12,.58) 34%,rgba(12,12,12,.12) 68%,rgba(12,12,12,.04) 100%),
  linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.5))}
.hero-immersive-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.hero-immersive-copy{position:relative;z-index:2;max-width:560px;padding:4.8rem 3.8rem 12.5rem;color:#fff}
.hero-immersive-copy .hero-badge{background:rgba(255,255,255,.92);border-color:rgba(255,255,255,.45);box-shadow:0 18px 48px rgba(0,0,0,.2)}
.hero-immersive-copy h1{margin:1.35rem 0 0;font-size:clamp(2.45rem,4.2vw,4.35rem);line-height:1.02;letter-spacing:-.035em;font-weight:950;color:#fff}
.hero-immersive-copy p{margin:1.1rem 0 0;color:rgba(255,255,255,.8);font-size:1.05rem;line-height:1.75}
.hero-immersive .hero-proof{position:absolute;left:3.8rem;right:3.8rem;bottom:2rem;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;max-width:640px;margin:0}
.hero-immersive .hero-proof div{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);box-shadow:none;backdrop-filter:blur(16px)}
.hero-immersive .hero-proof strong{color:#fff}
.hero-immersive .hero-proof span{color:rgba(255,255,255,.72)}
.product-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-top:.75rem;margin-bottom:.45rem}
.product-title-row h6{margin:0;min-width:0}
.product-title-row strong{flex:0 0 auto;color:#111827;background:#fff4eb;border:1px solid #fed7bd;border-radius:999px;padding:.32rem .55rem;font-size:.78rem;line-height:1;font-weight:950}

/* Auth */
.auth-shell{min-height:100vh;background:linear-gradient(135deg,#111827,#1f2937);display:grid;place-items:center;padding:24px}
.auth-card{width:min(980px,100%);background:#fff;border-radius:1.6rem;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.3)}
.auth-side{background:linear-gradient(145deg,var(--primary),#ff934f);color:#fff;min-height:620px;padding:50px;position:relative;overflow:hidden}
.auth-side:after{content:"";position:absolute;right:-90px;bottom:-90px;width:300px;height:300px;border-radius:50%;background:rgba(255,255,255,.12)}
.auth-form{padding:50px}
.form-control,.form-select{border-radius:.75rem;padding:.78rem .9rem;border-color:#dfe3e8}
.form-control:focus,.form-select:focus{border-color:#ffac7b;box-shadow:0 0 0 .2rem rgba(255,107,26,.14)}

/* Admin */
.admin-body{background:#f5f7fb}
.sidebar{position:fixed;left:0;top:0;bottom:0;width:260px;background:#111827;color:#fff;padding:20px 14px;z-index:1040;transition:.25s;display:flex;flex-direction:column;min-height:100vh}
.sidebar .brand-wrap{padding:4px 10px 22px}
.sidebar .brand-wrap{align-items:flex-start!important;flex-direction:column}
.sidebar-nav{flex:1 1 auto;overflow-y:auto;padding-right:2px}
.sidebar-footer{flex:0 0 auto;padding-top:.35rem}
.sidebar .nav-link{color:#cbd5e1;border-radius:.75rem;padding:.78rem .9rem;margin:.2rem 0;font-weight:600;display:flex;align-items:center;gap:.75rem}
.sidebar .nav-link:hover,.sidebar .nav-link.active{background:linear-gradient(135deg,var(--primary),#ff8540);color:#fff}
.admin-main{margin-left:260px;min-height:100vh}
.topbar{height:76px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 26px;position:sticky;top:0;z-index:1020}
.content-wrap{padding:26px}
.metric-card{background:#fff;border:1px solid var(--border);border-radius:1rem;padding:1.25rem;box-shadow:0 8px 30px rgba(17,24,39,.045)}
.metric-value{font-size:1.7rem;font-weight:900}
.panel{background:#fff;border:1px solid var(--border);border-radius:1rem;box-shadow:0 8px 30px rgba(17,24,39,.045)}
.panel-header{padding:1.1rem 1.2rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}
.panel-body{padding:1.2rem}
.table>thead th{font-size:.75rem;text-transform:uppercase;letter-spacing:.07em;color:#6b7280;background:#f8fafc;white-space:nowrap}
.table td{vertical-align:middle}
.invoice-items-wrap{border:1px solid var(--border);border-radius:1rem;overflow:auto}
.invoice-items-table{min-width:920px}
.invoice-items-table th{background:#f8fafc;color:#6b7280}
.invoice-items-table td{padding:.65rem}
.invoice-items-table .form-control{min-width:105px}
.invoice-items-table .item-product{min-width:180px}
.item-autocomplete{position:relative;min-width:260px}
.item-suggestions{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:1085;background:#fff;border:1px solid var(--border);border-radius:.75rem;box-shadow:0 18px 44px rgba(17,24,39,.16);max-height:260px;overflow:auto;padding:.35rem}
.item-suggestion{display:block;width:100%;border:0;background:#fff;text-align:left;padding:.65rem .75rem;border-radius:.55rem;color:#111827}
.item-suggestion:hover{background:#fff3eb}
.item-suggestion strong,.item-suggestion span{display:block}
.item-suggestion span{font-size:.78rem;color:#6b7280;margin-top:.15rem}
.item-suggestion.empty{color:#6b7280;cursor:default}
.invoice-summary{border:1px solid var(--border);border-radius:1rem;background:#f8fafc;padding:1rem}
.invoice-summary div{display:flex;justify-content:space-between;gap:1rem;padding:.45rem 0;color:#4b5563}
.invoice-summary .total{border-top:1px solid #d1d5db;margin-top:.35rem;padding-top:.8rem;color:#111827;font-size:1.1rem}
.modal-xl{--bs-modal-width:1180px}
.status{display:inline-flex;padding:.35rem .65rem;border-radius:999px;font-size:.75rem;font-weight:800}
.status.success{background:#dcfce7;color:#166534}.status.pending{background:#fef3c7;color:#92400e}.status.danger{background:#fee2e2;color:#991b1b}
.mobile-toggle{display:none}
@media(max-width:991.98px){
  .hero{min-height:auto;padding:104px 0 58px}
  .hero:before{display:none}
  .nav-actions{align-items:flex-start;flex-direction:column;margin-top:1rem}
  .premium-nav .nav-link:after{display:none}
  .hero h1{max-width:100%}
  .hero-product-wall{grid-template-columns:1fr 1fr;min-height:0}
  .hero-feature-card{grid-column:1/-1;grid-template-columns:1fr 1fr}
  .hero-feature-card .hero-photo{height:300px}
  .hero-side-panel{min-height:190px}
  .hero-immersive{min-height:620px}
  .hero-immersive-img{object-position:62% center}
  .hero-immersive-copy{max-width:520px;padding:3.5rem 2rem 12rem}
  .hero-immersive .hero-proof{left:2rem;right:2rem;bottom:1.5rem}
  .hero-proof{grid-template-columns:repeat(3,minmax(0,1fr));max-width:100%}
  .hero-showcase{min-height:520px;margin-top:20px}
  .hero-showcase:before{inset:4% 5%;border-radius:1.5rem}
  .hero-mini-one{left:7%;top:12%}
  .hero-mini-two{right:7%;bottom:16%}
  .hero-quality{left:7%;right:7%;bottom:2%}
  .about-visual{min-height:470px}
  .hero-product-stage{min-height:430px;margin-top:30px;border-radius:1.5rem;background:linear-gradient(145deg,var(--primary),#ff984f)}
  .sidebar{transform:translateX(-100%)}
  .sidebar.show{transform:translateX(0)}
  .admin-main{margin-left:0}
  .mobile-toggle{display:inline-flex}
}
@media(max-width:767.98px){
  .section-pad{padding:62px 0}
  .hero{padding:96px 0 50px}
  .hero h1{font-size:3.15rem}
  .hero-actions .btn{width:100%;justify-content:center}
  .hero-product-wall{grid-template-columns:1fr;gap:.85rem}
  .hero-feature-card{grid-template-columns:1fr;padding:1rem}
  .hero-feature-copy{order:2;padding:.4rem .2rem 0}
  .hero-feature-card .hero-photo{height:285px}
  .hero-product-card img{height:190px}
  .hero-side-panel{min-height:auto}
  .hero-immersive{min-height:720px;border-radius:1.1rem}
  .hero-immersive:before{background:linear-gradient(180deg,rgba(10,10,10,.82),rgba(10,10,10,.46) 48%,rgba(10,10,10,.84))}
  .hero-immersive-img{object-position:64% center}
  .hero-immersive-copy{padding:2rem 1.15rem 18rem;max-width:100%}
  .hero-immersive-copy h1{font-size:2.45rem}
  .hero-immersive .hero-proof{left:1rem;right:1rem;bottom:1rem;grid-template-columns:1fr}
  .hero-proof{grid-template-columns:1fr;gap:.7rem}
  .hero-showcase{min-height:455px}
  .hero-showcase-main{width:min(330px,82%)}
  .hero-mini{grid-template-columns:44px auto;min-width:150px;font-size:.86rem;padding:.55rem .65rem}
  .hero-mini img{width:44px;height:44px}
  .hero-mini-one{left:0;top:9%}
  .hero-mini-two{right:0;bottom:21%}
  .hero-quality{left:0;right:0;bottom:0;align-items:flex-start}
  .about-visual{min-height:390px;border-radius:1.35rem}
  .about-main-img{width:min(315px,86%)}
  .about-floating-card{left:.9rem;right:.9rem;bottom:.9rem}
  .category-visual{height:285px;padding:20px 26px}
  .category-photo{max-height:245px}
  .category-body{align-items:flex-start}
  .auth-side{display:none}
  .auth-form{padding:30px 22px}
  .content-wrap{padding:16px}
  .topbar{padding:0 16px}
  .popular-toolbar{justify-content:flex-start;overflow-x:auto;padding-bottom:.2rem}
  .popular-tabs{flex-wrap:nowrap;border-radius:1rem}
  .tab-btn{white-space:nowrap}
  .product-visual{height:205px;padding:16px}
  .product-body{min-height:155px}
}

/* Mobile-only homepage polish */
@media(max-width:767.98px){
  html,body{max-width:100%;overflow-x:hidden}
  body{font-size:15px}
  .container{padding-left:18px;padding-right:18px}
  .premium-nav .container{padding-top:.45rem!important;padding-bottom:.45rem!important}
  .brand-logo-nav{width:150px;height:42px}
  .navbar-toggler{border:1px solid var(--border);padding:.35rem .5rem;border-radius:.7rem}
  .navbar-collapse{margin-top:.75rem;padding:.85rem;border:1px solid var(--border);border-radius:1rem;background:#fff;box-shadow:0 18px 44px rgba(17,24,39,.1)}
  .premium-nav .nav-link{padding:.68rem .75rem;border-radius:.7rem}
  .premium-nav .nav-link.active,.premium-nav .nav-link:hover{background:#fff4ec;color:var(--primary)}
  .nav-actions{width:100%;gap:.65rem;margin-top:.6rem}
  .nav-phone,.nav-actions .btn{width:100%;justify-content:center}

  .hero{padding:82px 0 34px}
  .hero-grid{padding-left:12px;padding-right:12px}
  .hero-immersive{display:flex;flex-direction:column;min-height:0;border-radius:1rem}
  .hero-immersive:before{background:linear-gradient(180deg,rgba(10,10,10,.86),rgba(10,10,10,.54) 48%,rgba(10,10,10,.88))}
  .hero-immersive-img{object-position:66% center}
  .hero-immersive-copy{padding:1.35rem 1rem 1rem;max-width:none}
  .hero-badge{max-width:100%;white-space:normal;border-radius:.9rem;font-size:.82rem;line-height:1.35}
  .hero-immersive-copy h1{font-size:2.15rem;line-height:1.05;letter-spacing:0;margin-top:1rem}
  .hero-immersive-copy p{font-size:.98rem;line-height:1.62;margin-top:.85rem}
  .hero-immersive .hero-proof{position:relative;left:auto;right:auto;bottom:auto;grid-template-columns:1fr;gap:.65rem;margin:0 1rem 1rem;max-width:none}
  .hero-proof div{padding:.85rem 1rem;border-radius:.85rem}
  .hero-proof strong{font-size:1.12rem}
  .hero-proof span{font-size:.8rem}

  .stat-strip{margin-top:0}
  .stat-card{padding:1rem;border-radius:1rem}
  .icon-box{width:44px;height:44px;border-radius:.8rem;font-size:1.15rem;flex:0 0 auto}

  .section-pad{padding:52px 0}
  .section-kicker{font-size:.7rem;letter-spacing:.13em}
  .section-title{font-size:2rem;line-height:1.12;letter-spacing:0}
  .section-copy{font-size:.98rem;line-height:1.65}
  .about-visual{min-height:330px;margin-bottom:.5rem}
  .about-main-img{width:min(270px,82%)}
  .about-floating-card{position:relative;left:auto;right:auto;bottom:auto;margin:0 1rem 1rem;padding:.85rem}
  .about-points div{font-size:.95rem}
  .metric-card{padding:1rem}

  .section-heading{margin-bottom:1.75rem!important;text-align:left!important}
  .category-card{border-radius:1rem}
  .category-visual{height:255px;padding:18px}
  .category-photo{max-height:220px}
  .category-body{padding:1rem;gap:.75rem}
  .category-body h4{font-size:1.2rem}
  .category-body p{font-size:.92rem}

  .popular-section .d-flex.justify-content-between{align-items:flex-start!important}
  .popular-section .btn-outline-brand{width:100%;text-align:center}
  .popular-toolbar{margin-left:-18px;margin-right:-18px;padding-left:18px;scrollbar-width:none}
  .popular-toolbar::-webkit-scrollbar{display:none}
  .popular-tabs{gap:.45rem;padding:.3rem;border-radius:.9rem}
  .tab-btn{padding:.58rem .78rem;font-size:.86rem}
  #popular-grid>.col-6{width:100%}
  .product-card{border-radius:1rem}
  .product-visual{height:235px;padding:18px}
  .product-body{min-height:auto;padding:1rem}
  .product-title-row{align-items:flex-start;gap:.5rem}
  .product-title-row h6{font-size:1rem;line-height:1.3}
  .product-title-row strong{font-size:.75rem;white-space:nowrap}

  .cta-box{border-radius:1rem}
  .cta-box h3{font-size:1.35rem;line-height:1.25}
  .cta-box .btn{width:100%;justify-content:center}

  footer{padding-top:2.5rem!important}
  .brand-logo-footer{width:175px}
  footer .row>[class*="col-"]{margin-bottom:.5rem}
  footer .small{line-height:1.55}
  .whatsapp-float{right:16px;bottom:16px;width:52px;height:52px;font-size:1.55rem}
}

@media(max-width:390px){
  .brand-logo-nav{width:132px;height:38px}
  .hero-immersive-copy h1{font-size:1.92rem}
  .section-title{font-size:1.78rem}
  .product-title-row{display:block}
  .product-title-row strong{display:inline-block;margin-top:.45rem}
}

/* Mobile-only admin polish */
@media(max-width:767.98px){
  .auth-shell{display:block;min-height:100vh;padding:14px;background:#f5f7fb}
  .auth-card{width:100%;min-height:calc(100vh - 28px);border-radius:1rem;overflow:hidden}
  .auth-side{display:none!important}
  .auth-form{padding:24px 18px}
  .brand-logo-auth{width:180px;max-width:100%;height:auto}
  .auth-form .d-flex.justify-content-between{align-items:flex-start!important;flex-direction:column;gap:.75rem}
  .auth-form .btn-brand{width:100%;justify-content:center}

  .admin-body{overflow-x:hidden}
  .sidebar{width:min(82vw,280px);overflow-y:auto;z-index:1040}
  .brand-wrap{padding:1rem .9rem}
  .brand-logo-sidebar{width:170px;max-width:100%;height:auto}
  .sidebar .nav-link{padding:.72rem .8rem;font-size:.95rem}
  .admin-main{min-width:0}
  .topbar{height:auto;min-height:68px;padding:12px 14px;gap:.75rem}
  .topbar h5{font-size:1rem}
  .topbar small{font-size:.75rem}
  .topbar .ms-auto{gap:.5rem!important}
  .topbar .btn.position-relative{width:40px;height:40px;padding:0}
  .mobile-toggle{flex:0 0 auto}
  .content-wrap{padding:14px}
  .content-wrap>.d-flex.justify-content-between{align-items:flex-start!important}
  .content-wrap>.d-flex.justify-content-between>div{width:100%}
  .content-wrap>.d-flex.justify-content-between .btn-brand{width:100%;justify-content:center}
  .content-wrap h3{font-size:1.35rem}
  .metric-card{padding:1rem}
  .metric-value{font-size:1.35rem}
  .panel{border-radius:.9rem}
  .panel-header{align-items:stretch;flex-direction:column;gap:.75rem}
  .panel-header .input-group{max-width:none!important;width:100%}
  .panel-header .btn{width:100%}
  .table-responsive{border-radius:.85rem}
  .table{min-width:720px}

  .modal-dialog{margin:.75rem}
  .modal-content{border-radius:1rem!important}
  .modal-header,.modal-footer{padding:1rem}
  .modal-body{padding:1rem}
  .modal-footer{flex-direction:column-reverse;align-items:stretch}
  .modal-footer .btn{width:100%;justify-content:center}
  .invoice-table-wrap{margin-left:-.25rem;margin-right:-.25rem}
  .invoice-items-table{min-width:860px}
  .invoice-add-row{width:100%;justify-content:center}
  .invoice-summary{margin-top:.5rem}
  .popular-manager-grid{gap:.85rem}
  .manager-row .row>[class*="col-"]{width:100%}
  .image-preview{max-width:100%;height:180px}
}

@media(max-width:390px){
  .brand-logo-auth{width:160px}
  .brand-logo-sidebar{width:155px}
  .topbar h5{font-size:.95rem}
  .content-wrap{padding:12px}
}