@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#040717;--panel:#0a1027;--panel2:#0e1532;--line:#20294d;--text:#f7f8ff;--muted:#9ea7c5;--violet:#8b42ff;--blue:#2e8cff;--pink:#e447d5;--green:#24d86e;--shadow:0 30px 80px rgba(0,0,0,.38)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,Arial,sans-serif;background:radial-gradient(circle at 80% 0,#181147 0,#070b20 32%,#040717 70%);color:var(--text);overflow-x:hidden}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}button{cursor:pointer}img{max-width:100%}main{min-height:70vh}.site-header{height:78px;padding:0 clamp(22px,4vw,70px);display:flex;align-items:center;border-bottom:1px solid rgba(123,139,207,.16);background:rgba(4,7,23,.82);backdrop-filter:blur(20px);position:sticky;top:0;z-index:100}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:25px;letter-spacing:-.04em}.brand img{width:42px;height:42px;object-fit:contain}.brand>span>span{background:linear-gradient(90deg,#4ea7ff,#bd49ff);-webkit-background-clip:text;color:transparent}.main-nav{display:flex;gap:36px;margin:auto}.main-nav a{font-size:14px;color:#b7bfdf;font-weight:600;position:relative}.main-nav a:hover{color:#fff}.main-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-16px;height:2px;background:linear-gradient(90deg,var(--violet),var(--pink));transition:.25s}.main-nav a:hover:after{right:0}.header-actions,.social-links{display:flex;align-items:center;gap:10px}.social-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;border:1px solid #3b4672;background:#080d22;box-shadow:0 0 18px rgba(98,65,255,.2);transition:.2s}.social-icon svg{width:20px;height:20px;fill:currentColor;stroke:currentColor}.social-icon:hover{transform:translateY(-3px) scale(1.05)}.social-icon.whatsapp{color:#24d86e}.social-icon.tiktok{color:#fff}.social-icon.instagram{color:#ff4da9}.nav-toggle{display:none;background:none;border:0;color:#fff;font-size:25px}.cosmic-hero{min-height:650px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:30px;padding:55px clamp(24px,6vw,110px) 38px;position:relative;overflow:hidden;background:radial-gradient(circle at 80% 44%,rgba(128,33,255,.34),transparent 30%),radial-gradient(circle at 66% 40%,rgba(0,118,255,.25),transparent 33%)}.cosmic-hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:42px 42px;opacity:.08;mask-image:linear-gradient(to right,transparent,black)}.cosmic-hero:after{content:"";position:absolute;width:900px;height:220px;right:-100px;bottom:30px;background:radial-gradient(ellipse,#8f2cff66,transparent 66%);filter:blur(22px);transform:rotate(-7deg)}.hero-copy{position:relative;z-index:2;max-width:680px}.hero-offer{display:inline-flex!important;padding:10px 16px;border:1px solid #292f5b;border-radius:999px;background:#0a1028;color:#c5a3ff!important;letter-spacing:0!important;text-transform:none!important}.eyebrow{font-size:12px;font-weight:800;color:#9f6aff;text-transform:uppercase;letter-spacing:.16em}.hero h1{font-size:clamp(52px,5.3vw,84px);line-height:.98;letter-spacing:-.065em;margin:28px 0 18px}.hero h1::first-line{background:linear-gradient(90deg,#fff 10%,#d8d9ff 55%,#4ea4ff);-webkit-background-clip:text;color:transparent}.hero p{font-size:17px;line-height:1.75;color:#a8b0cf;max-width:620px}.hero-points{list-style:none;padding:0;margin:28px 0;display:grid;gap:14px;color:#c7cdeb}.hero-points li:before{content:"✦";color:#9e58ff;margin-right:13px}.hero-actions{display:flex;gap:13px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;border-radius:11px;border:1px solid transparent;font-weight:800;transition:.22s}.btn.primary{background:linear-gradient(135deg,#762aff,#9b34f4);color:#fff;box-shadow:0 12px 34px rgba(126,42,255,.35)}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 16px 42px rgba(126,42,255,.5)}.btn.ghost{border-color:#283158;background:#0b1025;color:#cfd4ee}.btn.small{padding:10px 14px;font-size:12px}.laptop-stage{height:540px;display:grid;place-items:center;position:relative;z-index:2;perspective:1100px}.laptop{width:min(680px,92%);transform:rotateX(5deg) rotateY(-8deg) rotateZ(-1deg);filter:drop-shadow(0 45px 50px #000b)}.screen{height:360px;padding:12px;border-radius:22px 22px 10px 10px;background:linear-gradient(145deg,#283052,#090d20 55%);border:2px solid #515b8f;box-shadow:0 0 0 5px #080b18,0 0 65px rgba(104,53,255,.38)}.screen-top{height:34px;border-bottom:1px solid #252d56;color:#717caa;font-size:10px;display:flex;align-items:center;justify-content:space-between;padding:0 9px}.screen-content{height:calc(100% - 34px);position:relative;overflow:hidden;border-radius:8px;padding:42px;background:radial-gradient(circle at 78% 45%,#1866ff55,transparent 18%),radial-gradient(circle at 75% 45%,#a22dff44,transparent 35%),linear-gradient(140deg,#070a19,#11144a)}.screen-content:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:28px 28px;opacity:.1}.screen-content>*{position:relative;z-index:2}.screen-content small{color:#9eabda}.screen-content h3{font-size:31px;line-height:1.05;margin:12px 0}.screen-content p{font-size:11px}.screen-content button{border:0;border-radius:6px;color:#fff;background:linear-gradient(90deg,#6c2cff,#9f33f2);padding:9px 17px}.screen-orb{position:absolute;right:60px;top:78px;width:122px;height:122px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#4db8ff 0,#2156d8 22%,#0e1740 58%,transparent 60%);box-shadow:0 0 35px #3a78ff,0 0 80px #8b2eff;color:#fff}.keyboard{height:25px;margin:0 15px;background:linear-gradient(#343b63,#111527);clip-path:polygon(2% 0,98% 0,100% 100%,0 100%)}.base{height:30px;background:linear-gradient(#5d668d,#242a47);clip-path:polygon(0 0,100% 0,92% 100%,8% 100%);border-radius:0 0 50% 50%}.orbit{position:absolute;border:1px solid rgba(136,72,255,.35);border-radius:50%;filter:drop-shadow(0 0 15px #762aff)}.orbit-one{width:510px;height:170px;transform:rotate(-9deg)}.orbit-two{width:650px;height:230px;transform:rotate(11deg)}.trust-bar{margin:-15px clamp(24px,6vw,110px) 0;position:relative;z-index:5;display:grid;grid-template-columns:repeat(4,1fr);background:rgba(8,13,34,.88);border:1px solid #222b50;border-radius:16px;box-shadow:var(--shadow);backdrop-filter:blur(15px)}.trust-bar article{display:flex;align-items:center;gap:14px;padding:20px 24px;border-right:1px solid #222b50}.trust-bar article:last-child{border:0}.trust-bar article>span{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:#ae67ff;background:#12173a;border:1px solid #302766;font-size:24px}.trust-bar strong,.trust-bar small{display:block}.trust-bar strong{font-size:14px}.trust-bar small{color:#8f98bb;margin-top:5px;font-size:11px}.section{padding:85px clamp(24px,6vw,110px)}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px}.section-head h2{font-size:clamp(30px,4vw,48px);letter-spacing:-.045em;margin:9px 0 0}.section-head>a{padding:10px 15px;border:1px solid #232b53;border-radius:9px;color:#c6b2ff;font-size:13px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-card{background:linear-gradient(145deg,#0e1531,#090f25);border:1px solid #20294e;border-radius:17px;overflow:hidden;box-shadow:0 16px 45px rgba(0,0,0,.22);transition:.28s}.product-card:hover{transform:translateY(-8px);border-color:#5930a1;box-shadow:0 24px 55px rgba(39,21,92,.45)}.product-image{height:220px;display:grid;place-items:center;position:relative;background:radial-gradient(circle,#24205d 0,#11172f 38%,#090e21 72%)}.product-image img{width:68%;height:68%;object-fit:contain;filter:drop-shadow(0 16px 26px rgba(67,80,255,.38));transition:.3s}.product-card:hover .product-image img{transform:scale(1.07)}.badges{position:absolute;left:12px;top:12px;display:flex;gap:6px}.badges b{font-size:10px;padding:6px 8px;border-radius:5px;background:linear-gradient(90deg,#9a28ff,#5931e8);color:#fff;text-transform:uppercase}.badges b:nth-child(2){background:#13a95b}.badges b:nth-child(3){background:#f18718}.product-body{padding:17px}.category{font-size:10px;color:#936cff;text-transform:uppercase;font-weight:800}.product-body h3{font-size:16px;margin:9px 0}.product-body p{font-size:12px;line-height:1.55;color:#929bbd;height:56px;overflow:hidden}.rating{color:#ffb31a;font-size:12px}.rating small{color:#8993b5}.product-bottom{display:flex;justify-content:space-between;align-items:end;gap:10px;margin-top:16px}.product-bottom strong{display:block;font-size:18px;color:#fff}.product-bottom del{font-size:11px;color:#6f7898}.stock-block{position:absolute;inset:45% 12px auto;background:#171c31e8;padding:11px;text-align:center;border-radius:8px;font-weight:800;letter-spacing:.13em}.sold-out img{filter:grayscale(1);opacity:.35}.benefits-showcase{padding:90px clamp(24px,6vw,110px);background:radial-gradient(circle at 50% 0,#1b1744,#090e24 52%,#060919);border-block:1px solid #1e2649}.benefits-heading{text-align:center}.benefit-pill{display:inline-block;border:1px solid #3c357a;color:#a77cff;padding:9px 17px;border-radius:99px;font-size:12px}.benefits-heading h2{font-size:clamp(34px,4vw,52px);margin:20px 0 10px}.benefits-heading p{color:#949ebf}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:55px}.benefit-card{min-height:230px;padding:25px;border-radius:17px;background:#0b1129;border:1px solid #20294c;position:relative}.benefit-no{position:absolute;right:19px;top:13px;color:#353162;font-size:30px}.benefit-icon{width:57px;height:57px;border-radius:16px;display:grid;place-items:center;background:var(--accent);box-shadow:0 10px 30px color-mix(in srgb,var(--accent),transparent 55%);font-size:24px}.benefit-card h3{margin:22px 0 9px}.benefit-card p,.testimonial-card p,.faq-list p,.contact p{color:#97a0bf;line-height:1.7}.testimonials{background:#060a1b}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.testimonial-card{padding:25px;border:1px solid #212a4c;border-radius:17px;background:#0b1129}.testimonial-user{display:flex;align-items:center;gap:12px;margin-top:20px}.testimonial-user img,.testimonial-user>span{width:48px;height:48px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:linear-gradient(135deg,#2d92ff,#913aff);font-weight:800}.faq-list{display:grid;gap:12px;max-width:960px;margin:auto}.faq-list details{background:#0b1129;border:1px solid #20294b;border-radius:14px;padding:18px}.faq-list summary{cursor:pointer;font-weight:700}.contact{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.contact h2{font-size:clamp(34px,4vw,52px)}.contact form,.order-card form{display:grid;gap:12px}.contact input,.contact textarea,.filters input,.filters select,.order-card input,.order-card textarea{padding:14px 15px;border:1px solid #222b50;border-radius:10px;background:#0b1127;color:#fff;outline:none}.contact textarea{min-height:130px}.page-hero{text-align:center;padding:85px 24px 40px;background:radial-gradient(circle at 50% 0,#241454,#060919 62%)}.page-hero h1{font-size:clamp(42px,6vw,72px);margin:10px 0;letter-spacing:-.06em}.catalog{padding-top:25px}.filters{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:10px;padding:13px;background:#0b1129;border:1px solid #20294c;border-radius:14px;margin-bottom:22px}.result-line{color:#929bbd}.detail{display:grid;grid-template-columns:1fr 1fr;gap:60px}.detail-media{height:530px;border-radius:25px;background:radial-gradient(circle,#25226b,#0c122c 60%);display:grid;place-items:center;position:relative}.detail-media img{width:72%;height:72%;object-fit:contain}.detail-info h1{font-size:clamp(38px,5vw,64px)}.sales-toast{position:fixed;left:18px;bottom:18px;z-index:90;max-width:360px;padding:16px 18px;border:1px solid #4b4e7f;border-radius:16px;background:rgba(9,14,34,.94);box-shadow:0 18px 55px #0009;transform:translateY(150%);opacity:0;transition:.45s}.sales-toast.show{transform:none;opacity:1}.floating-whatsapp{position:fixed;right:20px;bottom:20px;z-index:90;display:flex;align-items:center;gap:10px;padding:8px 15px 8px 8px;border-radius:99px;background:#0b1129;border:1px solid #26315a;box-shadow:0 15px 45px #0008}.floating-whatsapp span{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:#25d366;font-size:22px}.floating-whatsapp b{font-size:12px}.page-loader{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:#040717;transition:.35s}.page-loader.hide{opacity:0;visibility:hidden}.page-loader-card{text-align:center}.loader{width:66px;height:66px;border-radius:50%;border:3px solid #252d55;border-top-color:#8f42ff;animation:spin .8s linear infinite;margin:auto auto 15px;box-shadow:0 0 30px #762aff66}@keyframes spin{to{transform:rotate(360deg)}}.page-loader-card span{display:block;color:#8f98bb;font-size:12px;margin-top:5px}.site-footer{padding:35px clamp(24px,6vw,110px);border-top:1px solid #1e2647;background:#040717;color:#8d96b7}.order-modal{position:fixed;inset:0;z-index:200;background:#02040ccc;display:none;place-items:center;padding:20px}.order-modal.open{display:grid}.order-card{width:min(520px,100%);background:#0b1129;border:1px solid #27305a;border-radius:20px;padding:28px;position:relative}.order-card>button{position:absolute;right:14px;top:10px;border:0;background:none;color:#fff;font-size:27px}
@media(max-width:1050px){.main-nav{gap:18px}.cosmic-hero{grid-template-columns:1fr}.hero-copy{max-width:none}.laptop-stage{height:470px}.product-grid,.benefit-grid{grid-template-columns:repeat(2,1fr)}.trust-bar{grid-template-columns:repeat(2,1fr)}.trust-bar article:nth-child(2){border-right:0}.testimonial-grid{grid-template-columns:repeat(2,1fr)}}
.home-intro{margin:44px clamp(24px,6vw,110px) 26px;padding:34px 38px;display:flex;align-items:center;justify-content:space-between;gap:32px;border:1px solid #20294d;border-radius:20px;background:linear-gradient(135deg,rgba(14,21,50,.96),rgba(7,11,29,.92));box-shadow:var(--shadow);position:relative;overflow:hidden}.home-intro:before{content:"";position:absolute;width:420px;height:220px;right:-90px;top:-100px;background:radial-gradient(circle,rgba(123,54,255,.36),transparent 68%);filter:blur(4px)}.home-intro>*{position:relative;z-index:1}.home-intro h1{font-size:clamp(32px,4vw,54px);line-height:1.05;letter-spacing:-.05em;margin:10px 0 12px;max-width:800px}.home-intro p{color:#9ea7c5;line-height:1.7;max-width:760px;margin:0}.home-intro .btn{flex:none}.home-intro+.trust-bar{margin-top:0}
@media(max-width:760px){.home-intro{margin:24px 20px;padding:26px 22px;align-items:flex-start;flex-direction:column}.home-intro h1{font-size:36px}.site-header{height:70px}.brand{font-size:20px}.brand img{width:36px;height:36px}.nav-toggle{display:block;margin-left:auto}.main-nav{position:absolute;top:70px;left:14px;right:14px;display:none;flex-direction:column;gap:0;padding:12px;background:#090e25;border:1px solid #242d54;border-radius:14px}.main-nav.open{display:flex}.main-nav a{padding:13px}.header-actions{margin-left:10px}.social-icon{width:36px;height:36px}.cosmic-hero{padding:45px 20px}.hero h1{font-size:48px}.laptop-stage{height:370px}.screen{height:260px}.screen-content{padding:22px}.screen-content h3{font-size:23px}.screen-orb{width:80px;height:80px;right:25px}.trust-bar{margin:0 20px;grid-template-columns:1fr}.trust-bar article{border-right:0;border-bottom:1px solid #222b50}.product-grid,.benefit-grid,.testimonial-grid{grid-template-columns:1fr}.section{padding:65px 20px}.contact,.detail{grid-template-columns:1fr}.filters{grid-template-columns:1fr}.floating-whatsapp b{display:none}.floating-whatsapp{padding:6px}.product-image{height:250px}}
.site-footer{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.site-footer>div{display:flex;flex-direction:column;gap:10px}.site-footer .brand{color:#fff;margin-bottom:6px}.site-footer p{margin:0;color:#7f89aa}.site-footer b{color:#fff}.site-footer a:hover{color:#a66dff}@media(max-width:700px){.site-footer{grid-template-columns:1fr}}

/* Product media: fixed 3:4 portrait ratio */
.product-grid{align-items:stretch}
.product-card{display:flex;flex-direction:column;height:100%}
.product-image{height:auto!important;aspect-ratio:3/4;display:block;overflow:hidden;isolation:isolate;background:linear-gradient(145deg,#151b3b,#080d21)!important}
.product-image img{display:block;width:100%!important;height:100%!important;max-width:none;object-fit:cover!important;object-position:center center;filter:none!important;transition:transform .35s ease,opacity .25s ease}
.product-card:hover .product-image img{transform:scale(1.035)}
.product-body{display:flex;flex-direction:column;flex:1}
.product-bottom{margin-top:auto}
.product-card.sold-out .product-image:after{content:"";position:absolute;inset:0;background:rgba(5,8,22,.48);z-index:2;pointer-events:none}
.product-card.sold-out .product-image img{filter:grayscale(1)!important;opacity:.52!important}
.product-card .badges{z-index:4}
.product-card .stock-block{z-index:5;left:0;right:0;inset-block-start:50%;transform:translateY(-50%);margin:0;border-radius:0;padding:16px 12px;background:rgba(12,17,42,.92);border-block:1px solid rgba(143,91,255,.24);backdrop-filter:blur(10px)}
.detail-media{aspect-ratio:3/4;min-height:0!important;overflow:hidden;position:relative;background:#0b1027}
.detail-media img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.detail-media.sold-out img{filter:grayscale(1);opacity:.52}

/* Dedicated FAQ page */
.faq-hero{position:relative;overflow:hidden;text-align:center;padding:100px 24px 82px;border-bottom:1px solid #1d264b;background:radial-gradient(circle at 50% 0,rgba(111,48,255,.28),transparent 46%),linear-gradient(180deg,#070b20,#050819)}
.faq-hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.45) 1px,transparent 1px);background-size:38px 38px;opacity:.08}
.faq-hero>*{position:relative;z-index:2}.faq-hero h1{font-size:clamp(42px,6vw,76px);letter-spacing:-.055em;margin:16px 0;background:linear-gradient(90deg,#fff,#a5b9ff 55%,#a64dff);-webkit-background-clip:text;color:transparent}.faq-hero p{max-width:720px;margin:0 auto 30px;color:#a3adcc;line-height:1.8}
.faq-page{padding-top:62px}.faq-page-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:30px;align-items:start;max-width:1200px;margin:auto}.faq-side-card{position:sticky;top:108px;padding:28px;border:1px solid #202a51;border-radius:20px;background:linear-gradient(145deg,rgba(17,24,53,.96),rgba(8,13,32,.96));box-shadow:0 24px 60px rgba(0,0,0,.25)}.faq-side-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;font-size:25px;font-weight:800;color:#fff;background:linear-gradient(135deg,#5b35ff,#ad43f4);box-shadow:0 12px 35px rgba(117,50,255,.35)}.faq-side-card h2{font-size:22px;margin:20px 0 10px}.faq-side-card p{font-size:13px;line-height:1.75;color:#929dbc}.faq-side-card a{display:flex;justify-content:space-between;margin-top:22px;padding-top:18px;border-top:1px solid #202a4c;color:#b98aff;font-weight:700}.faq-list-page{display:grid;gap:14px}.faq-list-page details{border:1px solid #20294f;border-radius:16px;background:linear-gradient(145deg,#0e1530,#090e22);overflow:hidden;transition:border-color .2s,transform .2s}.faq-list-page details:hover{border-color:#503685}.faq-list-page details[open]{border-color:#6940b8;box-shadow:0 18px 45px rgba(43,24,99,.24)}.faq-list-page summary{display:grid;grid-template-columns:45px 1fr 30px;align-items:center;gap:12px;padding:22px 24px;cursor:pointer;list-style:none;font-weight:750}.faq-list-page summary::-webkit-details-marker{display:none}.faq-list-page summary span{color:#9168ff;font-size:12px;letter-spacing:.1em}.faq-list-page summary b{font-size:23px;color:#a982ff;text-align:center;transition:transform .25s}.faq-list-page details[open] summary b{transform:rotate(45deg)}.faq-list-page details p{margin:0;padding:0 70px 24px 81px;color:#9da7c7;line-height:1.8;font-size:14px}.faq-empty{padding:35px;border:1px dashed #303a68;border-radius:16px;text-align:center;color:#9ea8c8}.faq-contact-strip{margin:0 clamp(24px,6vw,110px) 80px;padding:34px 38px;display:flex;align-items:center;justify-content:space-between;gap:25px;border:1px solid #292b64;border-radius:20px;background:radial-gradient(circle at 80% 0,rgba(133,51,255,.27),transparent 42%),#0c112a}.faq-contact-strip h2{margin:7px 0;font-size:30px}.faq-contact-strip p{margin:0;color:#9ca6c5}
@media(max-width:900px){.faq-page-layout{grid-template-columns:1fr}.faq-side-card{position:static}.product-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.product-grid{grid-template-columns:1fr}.product-image{aspect-ratio:3/4}.faq-hero{padding:72px 20px 60px}.faq-list-page summary{grid-template-columns:34px 1fr 24px;padding:19px 16px}.faq-list-page details p{padding:0 18px 20px 62px}.faq-contact-strip{flex-direction:column;align-items:flex-start;padding:28px;margin-bottom:45px}}
.stars{color:#ffb526;letter-spacing:1px}.sales-meta,.inventory-summary{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0}.sales-meta span,.inventory-summary span{padding:7px 10px;border:1px solid #202a50;border-radius:9px;background:#0a1027;color:#9da7c7;font-size:11px}.sales-meta b,.inventory-summary b{color:#fff}.btn.disabled{opacity:.5;pointer-events:none}.testimonial-card .rating small{color:#aeb6d1;margin-left:6px}

/* Product rating: precise partial stars and stronger visibility */
.product-rating{display:flex;align-items:center;gap:7px;margin:10px 0 3px;min-height:24px;color:#fff}
.product-rating strong{font-size:13px;color:#ffd66b}.product-rating small{font-size:11px;color:#8f99bb}
.rating-stars{position:relative;display:inline-block;font-size:16px;line-height:1;letter-spacing:2px;white-space:nowrap}
.rating-stars-base{color:#303959}.rating-stars-fill{position:absolute;left:0;top:0;overflow:hidden;color:#ffb526;white-space:nowrap;filter:drop-shadow(0 0 5px rgba(255,181,38,.28))}

/* Professional floating WhatsApp sticker */
.floating-whatsapp{isolation:isolate;overflow:visible;min-height:62px;padding:8px 18px 8px 8px;border-color:rgba(71,255,144,.35);background:linear-gradient(135deg,rgba(8,20,27,.96),rgba(8,14,31,.96));box-shadow:0 18px 50px rgba(0,0,0,.48),0 0 0 1px rgba(37,211,102,.08) inset;transition:transform .28s cubic-bezier(.2,.8,.2,1),border-color .28s,box-shadow .28s}
.floating-whatsapp:before,.floating-whatsapp:after{content:"";position:absolute;left:30px;top:50%;width:48px;height:48px;border-radius:50%;border:1px solid rgba(37,211,102,.48);transform:translate(-50%,-50%);z-index:-1;animation:whatsappPulse 2.6s ease-out infinite}
.floating-whatsapp:after{animation-delay:1.3s}
.floating-whatsapp span{position:relative;width:46px;height:46px;color:#fff;font-size:0;background:linear-gradient(145deg,#35e97b,#18b954);box-shadow:0 9px 24px rgba(37,211,102,.38);transition:transform .28s,box-shadow .28s}
.floating-whatsapp span:before{content:"";width:23px;height:23px;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M19.05 4.94A9.82 9.82 0 0 0 12.03 2C6.56 2 2.1 6.45 2.1 11.92c0 1.75.46 3.46 1.33 4.96L2 22l5.25-1.38a9.92 9.92 0 0 0 4.77 1.21h.01c5.47 0 9.92-4.45 9.92-9.92a9.84 9.84 0 0 0-2.9-6.97Zm-7.02 15.22h-.01a8.23 8.23 0 0 1-4.2-1.15l-.3-.18-3.12.82.83-3.04-.2-.31a8.22 8.22 0 0 1-1.26-4.38c0-4.56 3.71-8.27 8.28-8.27 2.21 0 4.29.86 5.85 2.43a8.22 8.22 0 0 1 2.42 5.85c-.01 4.55-3.72 8.26-8.29 8.26Zm4.54-6.19c-.25-.13-1.48-.73-1.71-.81-.23-.08-.4-.13-.56.13-.17.25-.65.81-.8.98-.15.17-.29.19-.54.06-.25-.13-1.05-.39-2-1.24a7.52 7.52 0 0 1-1.38-1.72c-.15-.25-.02-.38.11-.51.11-.11.25-.29.38-.44.12-.15.16-.25.25-.42.08-.17.04-.31-.02-.44-.06-.13-.56-1.36-.77-1.86-.2-.49-.41-.42-.56-.43h-.48c-.17 0-.44.06-.67.31-.23.25-.88.86-.88 2.09 0 1.23.9 2.42 1.02 2.59.13.17 1.76 2.69 4.27 3.77.6.26 1.06.41 1.43.52.6.19 1.14.16 1.57.1.48-.07 1.48-.61 1.69-1.19.21-.59.21-1.09.15-1.19-.06-.11-.23-.17-.48-.3Z'/%3E%3C/svg%3E")}
.floating-whatsapp b{font-size:12px;letter-spacing:.01em}.floating-whatsapp:hover{transform:translateY(-5px) scale(1.035);border-color:rgba(71,255,144,.75);box-shadow:0 24px 62px rgba(0,0,0,.56),0 0 30px rgba(37,211,102,.18)}
.floating-whatsapp:hover span{transform:rotate(-7deg) scale(1.08);box-shadow:0 12px 30px rgba(37,211,102,.55)}
.floating-whatsapp:active{transform:translateY(-1px) scale(.98)}
@keyframes whatsappPulse{0%{opacity:.7;transform:translate(-50%,-50%) scale(.85)}75%,100%{opacity:0;transform:translate(-50%,-50%) scale(1.75)}}
@media(prefers-reduced-motion:reduce){.floating-whatsapp:before,.floating-whatsapp:after{animation:none}.floating-whatsapp{transition:none}}

/* Social icon visibility and precise WhatsApp alignment */
.social-icon{flex:0 0 40px;overflow:hidden}
.social-icon svg{display:block;width:21px;height:21px;fill:currentColor;stroke:none;overflow:visible}
.social-icon.instagram{color:#ff4fa3;background:radial-gradient(circle at 32% 105%,rgba(255,196,0,.2),transparent 34%),radial-gradient(circle at 75% 15%,rgba(159,45,255,.22),transparent 40%),#080d22;border-color:rgba(255,79,163,.42)}
.social-icon.instagram:hover{color:#fff;background:linear-gradient(145deg,#ffb000,#f22975 46%,#7b35ff);border-color:rgba(255,255,255,.55);box-shadow:0 0 24px rgba(242,41,117,.42)}

.floating-whatsapp span{display:grid;place-items:center;position:relative;flex:0 0 46px;padding:0;line-height:1}
.floating-whatsapp span:before{position:absolute;left:50%;top:50%;display:block;margin:0;transform:translate(-50%,-50%);transform-origin:center}
.floating-whatsapp:hover span:before{transform:translate(-50%,-50%)}

@media(max-width:760px){
  .social-icon{flex-basis:36px}
  .social-icon svg{width:19px;height:19px}
  .floating-whatsapp span{flex-basis:46px}
}

/* Final social icons, dynamic brand, and pixel-perfect WhatsApp alignment */
.brand>span{display:inline-block;background:linear-gradient(90deg,#f7f8ff 0 48%,#4ea7ff 70%,#bd49ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.brand>span>span{background:none;color:inherit}
.social-icon.instagram .instagram-svg{width:21px;height:21px;fill:none!important;stroke:currentColor!important;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.social-icon.instagram .instagram-svg .instagram-dot{fill:currentColor!important;stroke:none!important}
.floating-whatsapp .floating-whatsapp-icon{display:flex!important;align-items:center!important;justify-content:center!important;width:46px!important;height:46px!important;flex:0 0 46px!important;padding:0!important;line-height:0!important}
.floating-whatsapp .floating-whatsapp-icon:before{content:none!important;display:none!important}
.floating-whatsapp .floating-whatsapp-icon svg{display:block;width:24px;height:24px;fill:#fff;transform:none!important;margin:0!important;position:static!important}
.floating-whatsapp:hover .floating-whatsapp-icon svg{transform:none!important}
.logo-manager{display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,340px);gap:18px;align-items:center;padding:20px;border:1px solid #27315a;border-radius:16px;background:linear-gradient(145deg,#0b122d,#080d20)}
.logo-manager h2{margin:0 0 8px}.logo-preview{min-height:92px;display:flex;align-items:center;gap:14px;padding:16px;border:1px solid #303a68;border-radius:13px;background:#060b1d}.logo-preview img{width:62px;height:62px;object-fit:contain}.logo-preview span{font-weight:800;font-size:22px}.logo-manager label{grid-column:1/-1}.checkbox-row{display:flex!important;align-items:center;gap:9px}.checkbox-row input{width:auto!important}
@media(max-width:700px){.logo-manager{grid-template-columns:1fr}.logo-preview{grid-column:1}}
/* DSteam */
.dsteam-hero,.member-hero{max-width:1180px;margin:40px auto;padding:70px;border:1px solid rgba(124,92,255,.3);border-radius:32px;background:radial-gradient(circle at 80% 20%,rgba(113,68,255,.28),transparent 35%),linear-gradient(135deg,rgba(13,19,47,.96),rgba(8,11,28,.96));display:flex;align-items:center;justify-content:space-between;gap:40px;overflow:hidden}.dsteam-hero h1,.member-hero h1{font-size:clamp(2.5rem,6vw,5.5rem);margin:.2em 0}.dsteam-hero h1 span{background:linear-gradient(90deg,#47c7ff,#9d62ff);-webkit-background-clip:text;color:transparent}.dsteam-hero p{max-width:650px;font-size:1.15rem}.dsteam-orb{width:260px;aspect-ratio:1;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle,#5c35f4,rgba(63,34,132,.5) 60%,transparent 62%);box-shadow:0 0 80px #6342ff88}.dsteam-orb b{font-size:5rem}.dsteam-orb span{max-width:150px}.dsteam-steps,.leader-grid,.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.dsteam-steps article,.leader-grid article,.ref-card,.stat-grid article,.panel,.partner-form,.success-card{background:rgba(10,15,38,.9);border:1px solid rgba(109,97,255,.25);border-radius:22px;padding:24px}.dsteam-steps article b{color:#7f83ff;font-size:2rem}.leader-grid article{display:flex;gap:15px;align-items:center}.leader-grid small,.panel small{display:block;color:#9ca6c7}.auth-shell{min-height:75vh;display:grid;place-items:center;padding:50px 20px}.partner-form{width:min(880px,100%)}.partner-form.compact{width:min(460px,100%)}.partner-form label,.withdraw-form{display:grid;gap:8px}.partner-form input,.partner-form select,.partner-form textarea,.withdraw-form input,.withdraw-form textarea{width:100%;background:#090e24;border:1px solid #29335e;color:white;border-radius:12px;padding:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.file-drop{margin:20px 0;padding:24px;border:1px dashed #6673cb;border-radius:16px}.check-row{grid-template-columns:auto 1fr!important;align-items:center}.check-row input{width:auto}.form-error{padding:12px;border-radius:10px;background:#5b1f2b;color:#ffd8df;margin:15px 0}.success-card{text-align:center;max-width:560px}.success-icon{margin:auto;width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:#21c987;font-size:2rem}.member-hero{padding:40px 55px}.member-hero h1{font-size:3rem}.member-actions{display:flex;gap:10px;align-items:center}.member-dashboard{max-width:1180px}.ref-card div{display:flex;justify-content:space-between;align-items:center}.ref-card strong{font-size:2rem;letter-spacing:.08em}.ref-card code{display:block;margin-top:12px;color:#8ad8ff}.stat-grid{grid-template-columns:repeat(4,1fr);margin:20px 0}.stat-grid b{display:block;font-size:1.7rem;margin-top:8px}.dashboard-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:20px}.table-wrap{overflow:auto}.panel table{width:100%;border-collapse:collapse}.panel td,.panel th{padding:12px;border-bottom:1px solid #222b4f;text-align:left}.withdraw-form{gap:10px}.text-link{display:block;text-align:center;margin-top:15px}.eyebrow{letter-spacing:.18em;color:#55c9ff;font-weight:700;font-size:.78rem}@media(max-width:800px){.dsteam-hero,.member-hero{padding:35px 24px;flex-direction:column;align-items:flex-start}.dsteam-orb{width:180px}.dsteam-steps,.leader-grid,.stat-grid,.form-grid,.dashboard-grid{grid-template-columns:1fr}.member-actions{flex-wrap:wrap}}

/* CSP-safe dynamic presentation classes */
.benefit-accent-0{--accent:#6f72ff}.benefit-accent-1{--accent:#25c99a}.benefit-accent-2{--accent:#f18718}.benefit-accent-3{--accent:#e447d5}.benefit-accent-4{--accent:#2e8cff}.benefit-accent-5{--accent:#8b42ff}
.rating-stars-fill{width:0}.rating-0 .rating-stars-fill{width:0%}.rating-1 .rating-stars-fill{width:2%}.rating-2 .rating-stars-fill{width:4%}.rating-3 .rating-stars-fill{width:6%}.rating-4 .rating-stars-fill{width:8%}.rating-5 .rating-stars-fill{width:10%}.rating-6 .rating-stars-fill{width:12%}.rating-7 .rating-stars-fill{width:14%}.rating-8 .rating-stars-fill{width:16%}.rating-9 .rating-stars-fill{width:18%}.rating-10 .rating-stars-fill{width:20%}.rating-11 .rating-stars-fill{width:22%}.rating-12 .rating-stars-fill{width:24%}.rating-13 .rating-stars-fill{width:26%}.rating-14 .rating-stars-fill{width:28%}.rating-15 .rating-stars-fill{width:30%}.rating-16 .rating-stars-fill{width:32%}.rating-17 .rating-stars-fill{width:34%}.rating-18 .rating-stars-fill{width:36%}.rating-19 .rating-stars-fill{width:38%}.rating-20 .rating-stars-fill{width:40%}.rating-21 .rating-stars-fill{width:42%}.rating-22 .rating-stars-fill{width:44%}.rating-23 .rating-stars-fill{width:46%}.rating-24 .rating-stars-fill{width:48%}.rating-25 .rating-stars-fill{width:50%}.rating-26 .rating-stars-fill{width:52%}.rating-27 .rating-stars-fill{width:54%}.rating-28 .rating-stars-fill{width:56%}.rating-29 .rating-stars-fill{width:58%}.rating-30 .rating-stars-fill{width:60%}.rating-31 .rating-stars-fill{width:62%}.rating-32 .rating-stars-fill{width:64%}.rating-33 .rating-stars-fill{width:66%}.rating-34 .rating-stars-fill{width:68%}.rating-35 .rating-stars-fill{width:70%}.rating-36 .rating-stars-fill{width:72%}.rating-37 .rating-stars-fill{width:74%}.rating-38 .rating-stars-fill{width:76%}.rating-39 .rating-stars-fill{width:78%}.rating-40 .rating-stars-fill{width:80%}.rating-41 .rating-stars-fill{width:82%}.rating-42 .rating-stars-fill{width:84%}.rating-43 .rating-stars-fill{width:86%}.rating-44 .rating-stars-fill{width:88%}.rating-45 .rating-stars-fill{width:90%}.rating-46 .rating-stars-fill{width:92%}.rating-47 .rating-stars-fill{width:94%}.rating-48 .rating-stars-fill{width:96%}.rating-49 .rating-stars-fill{width:98%}.rating-50 .rating-stars-fill{width:100%}
.legal-page{max-width:980px;margin:auto;display:grid;gap:18px}.legal-page article{padding:24px;border:1px solid #20294c;border-radius:16px;background:#0b1129}.legal-page h2{margin-top:0}.legal-page p{color:#a4acc9;line-height:1.8}

/* Məhsul detalları mətn düzülüşü */
.product-details,
.product-detail-content,
.product-info,
.product-description,
.product-features {
  min-width: 0;
}

.product-description {
  display: block;
  width: 100%;
  max-width: 760px;
  line-height: 1.7;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: normal;
}

.product-description p {
  display: block;
  margin: 0 0 18px;
  white-space: normal;
  line-height: 1.7;
}

.product-description ul,
.product-description ol {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 20px 0;
  padding-left: 28px;
}

.product-description li {
  display: list-item;
  width: 100%;
  line-height: 1.6;
  white-space: normal;
  overflow-wrap: anywhere;
}

.product-features {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  width: 100%;
  margin: 20px 0;
  padding: 0;
  list-style-position: outside;
}

.product-features li {
  display: list-item;
  width: 100%;
  margin-left: 24px;
  line-height: 1.6;
}

.product-detail-layout {
  display: grid;
  grid-template-columns: minmax(280px, 460px) minmax(0, 1fr);
  gap: 56px;
  align-items: start;
}

@media (max-width: 900px) {
  .product-detail-layout {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .product-description {
    max-width: 100%;
  }
}
