:root{--blue:#1769ff;--blue2:#0b47c9;--ink:#101828;--muted:#667085;--bg:#f5f7fb;--line:#e7ebf2;--green:#16a34a;--dark:#0b1220;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Tahoma,"Segoe UI",Arial,sans-serif}.wrap{width:min(1180px,calc(100% - 36px));margin:auto}a{text-decoration:none;color:inherit}.topline{background:#0d1b34;color:#dce7ff;font-size:13px}.topline-inner{height:36px;display:flex;align-items:center;justify-content:space-between}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.95);backdrop-filter:blur(14px);border-bottom:1px solid #edf0f5}.nav{min-height:78px;display:flex;align-items:center;gap:26px}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap}.brand-mark{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,var(--blue),#48a3ff);color:#fff;font:900 24px Arial;box-shadow:0 8px 20px #1769ff35}.brand b{display:block;font-size:18px}.brand small{display:block;color:#8992a3;font-size:10px;margin-top:2px}.search{flex:1;height:46px;display:flex;border:1px solid #dfe4ec;border-radius:14px;overflow:hidden;background:#f8fafc}.search input{flex:1;border:0;background:transparent;padding:0 18px;font:inherit;outline:0}.search button{border:0;background:var(--blue);color:#fff;padding:0 24px;font-weight:700;cursor:pointer}.nav-actions{display:flex;gap:9px}.wa-mini,.admin-link,.back-shop{padding:11px 16px;border-radius:12px;font-size:14px;font-weight:700}.wa-mini{background:#eafaf0;color:#12813a}.admin-link,.back-shop{background:#f0f4fa;color:#344054}.hero{overflow:hidden;background:radial-gradient(circle at 18% 10%,#dceaff 0,transparent 26%),linear-gradient(135deg,#f7faff 0%,#eef4ff 55%,#f8fbff 100%);padding:58px 0 48px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:56px}.eyebrow{display:inline-block;background:#e8f0ff;color:var(--blue2);padding:8px 12px;border-radius:999px;font-size:13px;font-weight:700}.hero h1{font-size:58px;line-height:1.12;margin:18px 0 16px;letter-spacing:-2px}.hero h1 em{font-style:normal;color:var(--blue)}.hero p{max-width:620px;color:#5d6879;font-size:18px;line-height:1.9}.hero-actions{display:flex;gap:12px;margin-top:26px}.hero-actions a{padding:14px 22px;border-radius:14px;font-weight:800}.primary{background:var(--blue);color:white;box-shadow:0 10px 24px #1769ff35}.secondary{background:white;border:1px solid #dde5f2}.stats{display:flex;gap:30px;margin-top:34px}.stats span{display:flex;flex-direction:column}.stats b{font-size:24px;color:#1b2b44}.stats small{color:#7a8495;margin-top:4px}.hero-card{height:420px;position:relative;border-radius:36px;background:linear-gradient(145deg,#0b1730,#173a78);box-shadow:0 30px 60px #234b9030;overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(2px)}.orb1{width:260px;height:260px;background:#1769ff;top:-80px;left:-70px;opacity:.55}.orb2{width:170px;height:170px;background:#59d6ff;bottom:-50px;right:-40px;opacity:.3}.phone-art{width:210px;height:340px;background:#050911;border:7px solid #242c39;border-radius:34px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-6deg);box-shadow:0 22px 40px #0007;padding:9px}.phone-screen{height:100%;border-radius:23px;background:radial-gradient(circle at 35% 20%,#2c7fff,transparent 28%),linear-gradient(155deg,#102448,#040913);color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.phone-screen span{font-size:38px}.phone-screen b{font-size:36px;line-height:.95;margin:15px 0}.phone-screen small{color:#9bc0ff}.floating{position:absolute;background:#fff;color:#25324a;padding:12px 16px;border-radius:15px;box-shadow:0 12px 30px #0003;font-weight:700}.f1{right:22px;top:90px}.f2{left:25px;bottom:90px}.f3{right:36px;bottom:42px}.categories,.products-section{padding-top:54px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.section-head span{color:var(--blue);font-size:13px;font-weight:700}.section-head h2{font-size:30px;margin:7px 0 0}.section-head>a{font-size:14px;color:#5f6e84}.category-row{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.cat{min-height:124px;border:1px solid var(--line);border-radius:18px;padding:17px;background:#fff;transition:.2s;display:flex;flex-direction:column;justify-content:center}.cat:hover,.cat.active{transform:translateY(-3px);border-color:#a9c7ff;box-shadow:0 12px 30px #183b6f12}.cat span{font-size:27px}.cat b{font-size:14px;margin:8px 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cat small{color:#9299a8}.products-section{padding-bottom:70px}.products-title{margin-top:10px}.live-pill{border:1px solid #cfead8;background:#f1fbf4;color:#18763b;border-radius:999px;padding:8px 13px;font-size:12px;font-weight:700}.live-pill i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#22c55e;margin-left:5px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-card{border:1px solid var(--line);border-radius:20px;background:white;overflow:hidden;transition:.22s}.product-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px #172c5015}.product-image{height:240px;background:linear-gradient(180deg,#f8fafc,#eef2f7);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:contain;padding:16px;transition:.25s}.product-card:hover .product-image img{transform:scale(1.035)}.placeholder{font-size:72px;opacity:.35}.stock{position:absolute;top:12px;right:12px;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:800}.stock.yes{background:#eaf9ef;color:#13763a}.stock.no{background:#fff0f0;color:#bb2b2b}.product-body{padding:16px}.group-name{color:#8390a4}.product-name{display:block;font-weight:800;font-size:15px;line-height:1.6;min-height:48px;margin:5px 0 9px}.specs{display:flex;gap:6px;flex-wrap:wrap}.specs span{font-size:11px;background:#f2f4f7;color:#667085;padding:5px 7px;border-radius:7px}.product-foot{display:flex;justify-content:space-between;align-items:center;margin-top:15px;padding-top:14px;border-top:1px solid #f0f2f5}.product-foot strong{font-size:20px;color:#0c66e4}.product-foot strong small{font-size:12px}.product-foot a{font-size:12px;background:#f0f5ff;color:#135fcc;padding:8px 10px;border-radius:9px}.empty{padding:70px 20px;text-align:center;background:#f8fafc;border-radius:24px}.empty div{font-size:50px}.empty h3{font-size:24px;margin:12px}.empty p{color:#7b8493}.empty a{display:inline-block;margin-top:8px;background:var(--blue);color:#fff;padding:11px 16px;border-radius:10px}.pagination{display:flex;justify-content:center;gap:7px;margin-top:30px}.pagination a{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;border:1px solid var(--line)}.pagination a.current{background:var(--blue);color:#fff;border-color:var(--blue)}.benefit-band{background:#0e1a30;color:white;padding:32px 0}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.benefits div{text-align:center}.benefits span{font-size:28px;display:block}.benefits b{display:block;margin:8px}.benefits small{color:#9eabc0}footer{background:#08101e;color:#b9c3d3;padding:28px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center}.footer-brand b{color:#fff}.detail-wrap{padding:55px 0 75px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px}.detail-image{min-height:520px;border-radius:28px;background:#f6f8fb;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);overflow:hidden}.detail-image img{width:100%;height:520px;object-fit:contain;padding:28px}.detail-image>span{font-size:120px;opacity:.3}.detail-info{padding:20px 0}.detail-info h1{font-size:38px;line-height:1.35;margin:18px 0}.detail-price{font-size:34px;color:var(--blue);font-weight:900}.detail-price small{font-size:16px}.availability{display:inline-block;margin:16px 0 24px;padding:8px 12px;border-radius:999px;font-weight:700;font-size:13px}.availability.ok{background:#eaf9ef;color:#13763a}.availability.out{background:#fff0f0;color:#bb2b2b}.detail-specs{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.detail-specs div{background:#f7f9fc;border:1px solid #edf0f5;padding:14px;border-radius:13px}.detail-specs small{display:block;color:#8a94a5;margin-bottom:4px}.notes{margin-top:22px}.notes h3{font-size:17px}.notes p{color:#667085;line-height:1.9}.wa-order{display:block;text-align:center;margin-top:25px;background:#15a34a;color:#fff;padding:15px;border-radius:14px;font-weight:800}.back-shop{margin-right:auto}
@media(max-width:980px){.hero-grid,.detail-grid{grid-template-columns:1fr}.hero-card{height:340px}.hero h1{font-size:44px}.category-row{grid-template-columns:repeat(3,1fr)}.product-grid{grid-template-columns:repeat(3,1fr)}.nav-actions{display:none}}
@media(max-width:720px){.wrap{width:min(100% - 22px,1180px)}.topline-inner span:last-child{display:none}.nav{flex-wrap:wrap;padding:12px 0;gap:10px}.brand{width:100%}.search{order:3;width:100%;flex-basis:100%}.hero{padding:35px 0}.hero h1{font-size:37px}.hero p{font-size:15px}.hero-card{height:300px}.stats{gap:14px}.stats b{font-size:19px}.stats small{font-size:10px}.category-row{display:flex;overflow:auto;padding-bottom:8px}.cat{min-width:150px}.product-grid{grid-template-columns:repeat(2,1fr);gap:10px}.product-image{height:175px}.product-body{padding:12px}.product-name{font-size:13px}.product-foot strong{font-size:16px}.section-head h2{font-size:25px}.benefits{grid-template-columns:1fr}.footer-inner{flex-direction:column;gap:14px}.detail-image,.detail-image img{min-height:340px;height:340px}.detail-info h1{font-size:29px}}
@media(max-width:420px){.product-grid{grid-template-columns:1fr 1fr}.product-image{height:155px}.product-foot a{display:none}.hero-actions{flex-direction:column}.hero-actions a{text-align:center}}

.product-whatsapp{display:block;margin-top:10px;text-align:center;background:#16a34a;color:#fff;padding:11px 10px;border-radius:11px;font-size:12px;font-weight:800;transition:.2s}.product-whatsapp:hover{background:#12813a;transform:translateY(-1px)}