:root{--p:#0f172a;--s:#2563eb}
.theme-restaurant{--p:#b42318;--s:#451a03}
.theme-store{--p:#111827;--s:#4f46e5}
.theme-company{--p:#0f172a;--s:#2563eb}
.theme-factory{--p:#1c1917;--s:#ea580c}
.theme-pharmacy{--p:#065f46;--s:#0ea5e9}
.theme-clinic{--p:#0f766e;--s:#0ea5e9}
.theme-realestate{--p:#172554;--s:#0f766e}
.theme-home-services{--p:#1f2937;--s:#ca8a04}
.theme-law{--p:#111827;--s:#334155}
.theme-education{--p:#312e81;--s:#7c3aed}
.theme-cars{--p:#09090b;--s:#e11d48}
.theme-fitness{--p:#052e16;--s:#16a34a}
.theme-personal{--p:#2e1065;--s:#9333ea}
.theme-laundry{--p:#082f49;--s:#0284c7}
.theme-library{--p:#451a03;--s:#b45309}
.theme-school{--p:#172554;--s:#2563eb}
.theme-doctor{--p:#064e3b;--s:#059669}
.theme-engineer{--p:#0f172a;--s:#475569}
.theme-teacher{--p:#2e1065;--s:#7c3aed}
.theme-institution{--p:#0c4a6e;--s:#0369a1}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Tahoma,Arial,sans-serif;color:#111827;background:#fff;line-height:1.75}
a{text-decoration:none;color:inherit}
.skip{position:absolute;top:-60px;right:20px;background:#111827;color:#fff;padding:10px 16px;z-index:10}
.skip:focus{top:12px}
.nav{display:flex;justify-content:space-between;align-items:center;padding:18px 6%;border-bottom:1px solid #eee;position:sticky;top:0;background:rgba(255,255,255,.93);backdrop-filter:blur(14px);z-index:5}
.nav-links{display:flex;gap:18px}
.hero{display:grid;grid-template-columns:1fr 320px;gap:55px;align-items:center;min-height:520px;padding:70px 7%;background:linear-gradient(145deg,#fff,#f7f8fb)}
h1{font-size:clamp(48px,7vw,92px);line-height:1;margin:10px 0}
h2{line-height:1.2}
.eyebrow{color:var(--p);font-weight:900}
.hero p{font-size:19px;color:#6b7280}
.actions{display:flex;gap:10px;flex-wrap:wrap}
.btn{padding:12px 20px;border-radius:999px;font-weight:900;transition:transform .2s,box-shadow .2s}
.btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(15,23,42,.09)}
.primary{background:#111827;color:#fff}
.light{border:1px solid #ddd}
.wa{background:#16a34a;color:#fff}
.qr-card{background:#fff;border:1px solid #e5e7eb;border-radius:28px;padding:22px;text-align:center;box-shadow:0 25px 70px rgba(15,23,42,.09)}
.qr-card img{width:210px;max-width:100%;height:auto}
.qr-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.qr-actions a,.qr-actions button{border:1px solid #ddd;background:#fff;padding:10px;border-radius:12px;font-weight:800;cursor:pointer}
.section{width:min(1180px,92%);margin:auto;padding:85px 0}
.section-title-row{display:flex;justify-content:space-between;gap:30px;align-items:end}
.section-title-row h2{font-size:clamp(34px,5vw,62px);margin:8px 0}
.section-title-row p{color:#6b7280}
.product-grid{display:flex;flex-direction:column;gap:24px}
.product-card{border:1px solid #e5e7eb;border-radius:26px;overflow:hidden;content-visibility:auto;contain-intrinsic-size:700px}
.product-gallery{display:grid;grid-template-columns:1fr;aspect-ratio:16/10;background:#f3f4f6}
.product-gallery img{width:100%;height:100%;object-fit:cover;min-height:0}
.product-gallery img:only-child{grid-column:1/-1}
.product-placeholder{grid-column:1/-1;display:grid;place-items:center;font-size:60px;color:#bbb}
.product-copy{padding:20px}
.product-head{display:flex;justify-content:space-between;gap:12px}
.product-head h3{margin:0}
.product-head strong{color:var(--p)}
.product-copy p{color:#6b7280}
.why{background:#f8fafc}
.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.value{background:#fff;padding:28px;border:1px solid #e5e7eb;border-radius:24px}
.contact{margin-bottom:60px;padding:50px;border-radius:32px;color:#fff;background:linear-gradient(135deg,var(--s),var(--p))}
.footer{display:flex;justify-content:space-between;gap:20px;padding:25px 6%;border-top:1px solid #eee;color:#6b7280}
.footer nav{display:flex;gap:14px;flex-wrap:wrap}
@media(max-width:820px){.hero{grid-template-columns:minmax(0,1fr) 150px;gap:18px;padding:45px 5%;min-height:auto}.hero h1{font-size:clamp(42px,12vw,64px)}.hero p{font-size:16px}.qr-card{max-width:150px;padding:12px;border-radius:20px}.qr-card img{width:126px}.qr-card h2{font-size:16px;margin:8px 0}.qr-actions{grid-template-columns:1fr}.qr-actions a,.qr-actions button{padding:7px;font-size:12px}.value-grid{grid-template-columns:1fr}.section-title-row{display:block}.nav-links{display:none}.contact{padding:32px}.footer{display:block}.footer nav{margin-top:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

@media(max-width:390px){.hero{grid-template-columns:minmax(0,1fr) 125px;gap:12px}.qr-card{max-width:125px}.qr-card img{width:102px}.actions .btn{padding:10px 14px}.hero h1{font-size:40px}}
html,body{width:100%;max-width:100%;overflow-x:hidden}
body{min-width:0}
.nav,.hero,.section,.footer{max-width:100%;min-width:0}
.hero>*{min-width:0}
img,svg{max-width:100%;height:auto}
.rating-box{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:32px;border:1px solid #e5e7eb;border-radius:28px;background:#fff}
.stars{display:flex;direction:ltr;gap:5px;flex-wrap:wrap}.stars button{border:0;background:transparent;color:transparent;-webkit-text-stroke:2px #94a3b8;font-size:34px;cursor:pointer;padding:3px;transition:.18s}.stars button.active,.stars button:hover{color:#2563eb;-webkit-text-stroke-color:#2563eb}.rating-message{color:#166534;font-weight:800}
@media(max-width:820px){.hero{width:100%;grid-template-columns:minmax(0,1fr) 140px}.rating-box{display:block}.stars{margin-top:15px}.section{width:min(100% - 28px,1180px)}}
@media(max-width:390px){.hero{grid-template-columns:minmax(0,1fr) 112px;padding-inline:14px}.qr-card{max-width:112px}.qr-card img{width:92px}.hero h1{font-size:clamp(34px,11vw,44px);overflow-wrap:anywhere}.actions{gap:7px}.btn{padding:9px 12px;font-size:13px}}

.site-tools{display:flex;align-items:center;gap:8px}.site-tool{width:42px;height:42px;border:1px solid #e2e8f0;border-radius:14px;background:#fff;color:#0f172a;display:grid;place-items:center;font-size:19px;cursor:pointer;box-shadow:0 7px 18px rgba(15,23,42,.08)}
html[data-theme="dark"]{color-scheme:dark}html[data-theme="dark"] body{background:#07101f;color:#e5e7eb}html[data-theme="dark"] .nav,html[data-theme="dark"] .qr-card,html[data-theme="dark"] .product-card,html[data-theme="dark"] .value,html[data-theme="dark"] .rating-box,html[data-theme="dark"] .contact{background:#111827;color:#e5e7eb;border-color:#334155}html[data-theme="dark"] p,html[data-theme="dark"] .section-title-row p{color:#cbd5e1}html[data-theme="dark"] .site-tool{background:#0f172a;color:#fff;border-color:#475569}
html[dir="ltr"] body{text-align:left}html[dir="ltr"] .hero,html[dir="ltr"] .nav,html[dir="ltr"] .section-title-row{direction:ltr}
@media(max-width:620px){.nav{gap:8px}.nav-links{display:none}.site-tools{margin-inline-start:auto}.site-tool{width:38px;height:38px}.nav strong{max-width:45vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
.hero{align-items:start}.qr-card{align-self:start;position:sticky;top:96px}
html[data-theme="dark"] .hero{background:linear-gradient(145deg,#07101f,#0f172a)}html[data-theme="dark"] .why{background:#0b1322}html[data-theme="dark"] .hero p,html[data-theme="dark"] .product-copy p,html[data-theme="dark"] .footer,html[data-theme="dark"] .rating-box p,html[data-theme="dark"] .contact p{color:#e2e8f0!important}html[data-theme="dark"] .eyebrow,html[data-theme="dark"] h1,html[data-theme="dark"] h2,html[data-theme="dark"] h3,html[data-theme="dark"] strong{color:#f8fafc}html[data-theme="dark"] .light,html[data-theme="dark"] .qr-actions a,html[data-theme="dark"] .qr-actions button{background:#172033;color:#f8fafc;border-color:#475569}
@media(max-width:820px){.qr-card{position:static;top:auto}}

.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:20px}.contact-card{border:1px solid rgba(255,255,255,.22);border-radius:22px;padding:24px;background:rgba(255,255,255,.1);min-width:0}.contact-card h3{margin-top:0}.contact-card .actions{display:flex;flex-wrap:wrap;gap:10px}@media(max-width:720px){.contact-grid{grid-template-columns:1fr}.contact-card{padding:18px}}html[data-theme="dark"] .contact-card{background:#0f172a;border-color:#334155;color:#f8fafc}