/* Shared visual corrections, based on desktop and mobile browser audit. */
:root { --header-height: 80px; --color-gray-500: #68707b; }
img { image-rendering: auto; }
.header, .header--scrolled { height:var(--header-height); padding:0; background:#fff; border-bottom:1px solid #e7e8ee; backdrop-filter:none; }
.nav { height:100%; gap:24px; }
.nav__logo { flex-shrink:0; display:flex; align-items:center; background:var(--color-primary); padding:10px 14px; border-radius:6px; }
.nav__logo img { width:124px; height:auto; }
.nav__menu { gap:24px; }
.nav__link { color:#454652; font-size:12px; letter-spacing:.08em; font-weight:650; }
.nav__actions { gap:4px; margin-left:auto; }
.header .nav__actions > a[target="_blank"] { display:none; }
.nav__icon, .nav__toggle { display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; color:var(--color-primary); }
.nav__toggle { display:none; }
.nav__user i.fas { color:inherit; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline:3px solid #5876cf; outline-offset:4px; }
.hero-carousel { margin-top:var(--header-height); height:auto; min-height:0; aspect-ratio:1200/556; background:#edf2ff; }
.hero-carousel__image, .hero-carousel__slide.active .hero-carousel__image, .hero-carousel__link:hover .hero-carousel__image { object-fit:contain; transform:none; }
.hero-carousel__arrow { background:var(--color-primary); color:#fff; width:44px; height:44px; opacity:.9; }
.hero-carousel__indicator { width:44px; height:24px; background:transparent; border-radius:0; border-bottom:3px solid #8991b5; }
.hero-carousel__indicator.active { width:44px; background:transparent; border-color:var(--color-primary); }
.hero-carousel__indicators { bottom:12px; }
.brand-intro { background:#fff; border-bottom:1px solid #e7e8ee; padding:48px 0; }
.brand-intro__inner { display:flex; justify-content:space-between; align-items:center; gap:32px; }
.brand-intro__eyebrow { font-size:12px; font-weight:700; letter-spacing:.16em; color:#5b5e68; margin-bottom:14px; }
.brand-intro h1 { font-family:var(--font-heading); color:var(--color-primary); font-size:clamp(32px,4vw,52px); font-weight:500; line-height:1.12; }
.brand-intro .btn { gap:20px; font-size:12px; letter-spacing:.08em; min-height:48px; }
.section { padding:72px 0; animation:none; }
.section__title { font-size:clamp(28px,3vw,40px); line-height:1.2; margin-bottom:32px; font-style:normal; }
.product-card { padding:0; }
.product-card__image { padding:20px; border-radius:12px; background:#f0f2f6; }
.product-card__image img { width:100%; max-height:270px; object-fit:contain; }
.product-card__name { font-size:22px; line-height:1.25; }
.product-card__description { font-size:14px; max-width:34ch; margin:14px auto; }
.product-card__price { font-family:var(--font-family); font-size:18px; }
a.product-card--clickable:hover { box-shadow:none; transform:translateY(-4px); }
a.product-card--clickable::after { opacity:1; }
.nag-power__grid, .science-love__grid, .partner__grid { gap:48px; }
.nag-power__title, .science-love__title { font-size:32px; line-height:1.2; }
.nag-power__image img { max-height:400px; width:100%; object-fit:contain; }
.science-love__image img { width:100%; max-height:420px; object-fit:contain; }
.science-love__icon img { max-height:110px; width:auto; margin:auto; }
.testimonials__grid { grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); }
.testimonial-card__image { height:auto; aspect-ratio:2/1; }
.testimonial-card__content { font-size:15px; }
.partner .btn--outline-white { background:#fff; color:var(--color-primary); border-radius:4px; }
.member-float-button { right:24px; bottom:94px; }
.footer { padding:48px 0; }
@media(max-width:1050px) {
 .nav__menu { gap:14px; } .nav__link { font-size:11px; }
 .nav { gap:16px; } .nav__logo img { width:106px; }
}
@media(max-width:900px) {
 :root { --header-height:72px; }
 .nav__menu { display:none; position:fixed; top:var(--header-height); left:0; right:0; flex-direction:column; padding:16px 24px; background:#fff; box-shadow:0 12px 24px #080f5714; gap:0; max-height:calc(100dvh - var(--header-height)); overflow-y:auto; }
 .nav__menu--open { display:flex; }
 .nav__menu .nav__item { width:100%; }
 .nav__menu .nav__link { display:block; padding:14px; font-size:15px; color:var(--color-primary); }
 .nav__toggle { display:inline-flex; flex-shrink:0; }
 .nav__actions { margin-left:auto; }
 .brand-intro__inner { align-items:flex-start; }
}
@media(max-width:600px) {
 :root { --container-padding:20px; }
 .nav { gap:8px; } .nav__logo { padding:8px 10px; } .nav__logo img { width:96px; }
 .nav__actions { gap:0; } .nav__search-btn { display:none; }
 .nav__icon, .nav__toggle { width:40px; min-height:44px; }
 .hero-carousel { margin-top:var(--header-height); aspect-ratio:1200/556; min-height:0; }
 .hero-carousel__arrow { width:32px; height:44px; border-radius:4px; font-size:12px; }
 .hero-carousel__arrow--prev { left:4px; } .hero-carousel__arrow--next { right:4px; }
 .hero-carousel__indicators { bottom:0; gap:6px; }
 .brand-intro { padding:32px 0; } .brand-intro__inner { flex-direction:column; gap:24px; }
 .brand-intro h1 { font-size:36px; } .brand-intro .btn { padding:14px 20px; }
 .section { padding:44px 0; } .section__title { font-size:28px; margin-bottom:24px; }
 .products-grid { gap:32px; }
 .product-card__image { margin-bottom:20px; padding:16px; } .product-card__image img { max-height:240px; }
 .nag-power__grid, .science-love__grid, .partner__grid { grid-template-columns:1fr; gap:28px; }
 .nag-power__title, .science-love__title { font-size:28px; }
 .science-love__content { text-align:left; } .science-love__icon { margin-bottom:20px; }
 .nag-power__image img, .science-love__image img { max-height:320px; }
 .testimonials__grid { grid-template-columns:1fr; gap:20px; }
 .member-float-button { bottom:82px; right:16px; }
 .member-float-link { padding:8px 10px; } .member-float-text { display:none; } .member-float-icon { width:28px; height:28px; }
 .whatsapp-float-button { right:16px; bottom:18px; }
 .footer__container { align-items:center; text-align:center; }
}
@media(prefers-reduced-motion:reduce) {
 html { scroll-behavior:auto; }
 *, *::before, *::after { animation:none!important; transition:none!important; }
}

.shop-products, .science-page, .contact-page, .blog-page { padding-top:var(--header-height); }
/* Keep floating assistance compact so it does not obscure product actions. */
.member-float-text { display:none; }
.member-float-link { padding:8px; border-radius:50%; box-shadow:0 3px 12px #080f5720; }
.member-float-icon { width:32px; height:32px; }
.header .nav__actions > a[target="_blank"] { display:none; }
.about-article__share-icons.nav__actions > a[target="_blank"] { display:inline-flex; }
.science-content, .contact-hero, .blog-hero { padding-top:var(--header-height); }
.about-banner { margin-top:var(--header-height); }
.product-detail { padding-top:calc(var(--header-height) + 32px); }
.input-wrapper { position:relative; }
.toggle-password { min-width:44px; min-height:44px; right:4px; top:50%; transform:translateY(-50%); }

@media(max-width:600px) { .cart-header h1 { font-size:30px; } }