:root {--pink:#d97aa6;--pink-light:#f0e1e8;--ottanio:#0f7c82;--ottanio-dark:#0b666b;--ottanio-light:#eaf7f7;--dark:#2b2b2b;--text:#555555;--white:#ffffff;--shadow:0 10px 30px rgba(0,0,0,.08);} * {margin:0;padding:0;box-sizing:border-box;} html {scroll-behavior:smooth;} body {font-family:'Montserrat',sans-serif;color:var(--dark);background:#fff;line-height:1.7;overflow-x:hidden;} img {max-width:100%;display:block;} a {text-decoration:none;} .container {width:90%;max-width:1200px;margin:auto;} header {position:sticky;top:0;z-index:9999;background:rgba(255,255,255,.95);backdrop-filter:blur(5px);box-shadow:0 2px 15px rgba(0,0,0,.05);transition:background .35s ease,box-shadow .35s ease;} .logo img {transition:transform .35s ease;} header.scrolled .logo img {transform:scale(.85);} header.scrolled {background:rgba(255,255,255,.97);box-shadow:0 8px 25px rgba(0,0,0,.08);} .header-container {display:flex;justify-content:space-between;align-items:center;padding:15px 0;} .logo img {width:auto;height:110px;max-width:none;display:block;} nav ul {list-style:none;display:flex;align-items:center;gap:20px;} nav ul li {list-style:none;} nav a {color:var(--dark);font-weight:500;transition:.3s;position:relative;} nav a:hover {color:var(--ottanio);} nav a::after {content:"";position:absolute;left:0;bottom:-6px;width:0;height:2px;background:var(--pink);transition:.3s;} nav a:hover::after {width:100%;} .menu-toggle {display:none;font-size:34px;cursor:pointer;color:var(--dark);appearance:none;-webkit-appearance:none;background:transparent;border:none;padding:0;margin:0;font:inherit;line-height:1;} .btn-primary {position:relative;overflow:hidden;background:var(--ottanio);color:#fff;padding:15px 30px;border-radius:50px;display:inline-block;font-weight:600;transition:transform .35s ease,box-shadow .35s ease;} .btn-primary::before {content:"";position:absolute;top:0;left:-120%;width:70%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-25deg);transition:left .8s ease;} .btn-primary:hover {background:var(--ottanio-dark);transform:translateY(-2px);} .btn-whatsapp {background:var(--pink);color:#fff;padding:15px 30px;border-radius:50px;display:inline-block;font-weight:600;transition:.3s;} .btn-whatsapp:hover {transform:translateY(-2px);} .btn-secondary {border:2px solid var(--pink);color:var(--pink);padding:15px 30px;border-radius:50px;display:inline-block;transition:.3s;} .btn-secondary:hover {background:var(--pink);color:#fff;} .hero {min-height:calc(100vh - 140px);padding:60px 0;background:linear-gradient(90deg,rgba(255,255,255,.34) 0%,rgba(255,255,255,.16) 26%,rgba(255,255,255,.05) 45%,rgba(255,255,255,0) 60%),url('../images/hero.webp?v=deda3a5ef1d3');background-size:cover;background-position:center 0%;background-repeat:no-repeat;display:flex;align-items:center;} .hero-content {max-width:700px;margin-left:5%;transform:translateY(-32px);} .hero-subtitle {color:var(--ottanio);letter-spacing:4px;font-weight:600;margin-bottom:20px;} .hero-title {display:flex;flex-direction:column;margin-bottom:25px;text-transform:none;} .hero-title-top {font-family:'Cormorant Garamond',serif;font-size:5.5rem;line-height:1;color:var(--dark);font-weight:400;text-transform:none;} .hero-title-bottom {font-family:'Allura',cursive;font-size:6.8rem;color:var(--pink);line-height:0.7;margin-top:-10px;font-weight:400;font-style:normal;text-transform:none;} .hero-location {font-family:'Cormorant Garamond',serif;font-size:1.8rem;font-weight:500;color:var(--ottanio);letter-spacing:.5px;margin:10px 0 22px;line-height:1.2;} .hero-description {font-size:1.2rem;color:var(--text);margin-bottom:35px;max-width:600px;} .hero-buttons {display:flex;gap:20px;flex-wrap:wrap;} .rating {margin-top:30px;color:var(--ottanio);font-weight:600;} .hero-subtitle,.hero-title,.hero-location,.hero-description,.hero-buttons,.rating {opacity:0;transform:translateY(20px);animation:heroFade .8s ease forwards;} .hero-subtitle {animation-delay:.2s;} .hero-title {animation-delay:.45s;} .hero-location {animation-delay:.7s;} .hero-description {animation-delay:.9s;} .hero-buttons {animation-delay:1.15s;} .rating {animation-delay:1.35s;} @keyframes heroFade {from {opacity:0;transform:translateY(20px);} to {opacity:1;transform:translateY(0);}} section {padding:100px 0;} .section-title {text-align:center;margin-bottom:50px;} .section-title h2 {font-family:'Cormorant Garamond',serif;font-size:3.4rem;color:var(--dark);} .section-tag {display:block;text-align:center;color:var(--ottanio);font-weight:600;letter-spacing:4px;margin-bottom:15px;} .section-intro {text-align:center;max-width:800px;margin:0 auto 60px;color:var(--text);} .about {background:#fff;} .about-text {max-width:900px;margin:auto;text-align:center;font-size:1.15rem;color:var(--text);} .treatments {background:var(--pink-light);} .treatments-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;} .treatment-card {background:#fff;padding:35px;border-radius:24px;border:1px solid rgba(217,122,166,.12);box-shadow:0 8px 25px rgba(0,0,0,.06);text-align:center;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;} .treatment-card:hover {transform:translateY(-10px);border-color:rgba(15,124,130,.25);box-shadow:0 20px 45px rgba(15,124,130,.15);} .treatment-card h3 {color:var(--ottanio);margin-bottom:15px;font-size:1.25rem;} .treatment-card p {color:var(--text);} .treatment-list {list-style-type:none;padding:0;margin-top:15px;display:flex;flex-direction:column;align-items:center;} .treatment-list li {margin-bottom:12px;font-size:0.95rem;perspective:1000px;} .treatment-list li a {color:var(--pink);display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:color 0.3s ease,transform 0.3s ease;font-weight:500;} .treatment-list li a::before {content:"•";color:var(--ottanio);font-size:1.3rem;line-height:1;transition:color 0.3s ease;} .treatment-list li:hover a {color:var(--ottanio);transform:scale(1.06);} .treatment-list li:hover a::before {color:var(--pink);} .card {background:#fff;border-radius:24px;box-shadow:var(--shadow);padding:30px;} .technologies {background:#fff;} .tech-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px;} .tech-card {position:relative;background:#fff;border-radius:24px;overflow:hidden;box-shadow:var(--shadow);transition:transform .4s ease,box-shadow .4s ease;} .tech-card::before {content:"";position:absolute;top:0;left:-130%;width:55%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg);transition:left .8s ease;z-index:2;pointer-events:none;} .tech-card:hover {transform:translateY(-10px);box-shadow:0 25px 55px rgba(15,124,130,.18);} .tech-card:hover::before {left:150%;} .tech-card img {width:100%;height:280px;object-fit:cover;transition:.5s;} .tech-card:hover img {transform:scale(1.08);} .tech-card h3 {color:var(--ottanio);padding:25px 25px 10px;font-size:1.3rem;} .tech-card p {padding:0 25px 30px;color:var(--text);} .location-map {margin:50px 0 80px;overflow:hidden;border-radius:20px;box-shadow:var(--shadow);} .location-map iframe {display:block;width:100%;height:420px;border:0;} .location-map iframe[hidden] {display:none;} .map-consent-placeholder {min-height:420px;display:grid;place-items:center;padding:40px 24px;background:radial-gradient(circle at 15% 20%,rgba(255,79,157,.14),transparent 34%),radial-gradient(circle at 85% 80%,rgba(0,109,119,.18),transparent 38%),linear-gradient(135deg,#fff 0%,#fff7fb 48%,#eef9f8 100%);} .map-consent-placeholder[hidden] {display:none;} .map-consent-content {max-width:620px;text-align:center;} .map-consent-icon {display:inline-grid;place-items:center;width:64px;height:64px;margin-bottom:16px;border-radius:50%;background:#fff;color:var(--ottanio);font-size:2rem;box-shadow:0 14px 35px rgba(0,109,119,.14);} .map-consent-content h3 {margin-bottom:12px;color:var(--ottanio);font-size:1.7rem;} .map-consent-content p {max-width:560px;margin:0 auto 22px;color:var(--text);line-height:1.7;} .map-consent-content .btn-primary {margin-bottom:16px;border:0;cursor:pointer;font-family:'Montserrat',sans-serif;} .map-consent-content>a,.map-noscript a {display:block;color:var(--ottanio);font-weight:600;text-decoration:underline;} .map-noscript {padding:30px;text-align:center;background:#fff;} .location {background:var(--ottanio-light);text-align:center;} .location-text {font-size:1.15rem;margin-bottom:35px;color:var(--dark);} .location-buttons {display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-bottom:50px;} .hours {max-width:400px;margin:auto;background:#fff;padding:30px;border-radius:24px;box-shadow:var(--shadow);margin-top:100px;} .hours h3 {color:var(--ottanio);margin-bottom:15px;} .contacts {background:#fff;} .contacts-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;} .contact-card {background:#fff;padding:35px;border-radius:24px;border-top:5px solid var(--ottanio);box-shadow:var(--shadow);text-align:center;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;} .contact-card:hover {transform:translateY(-12px);border-top-color:var(--pink);box-shadow:0 22px 50px rgba(15,124,130,.18);} .contact-card:hover img {transform:scale(1.10);filter:drop-shadow(0 8px 16px rgba(0,0,0,.18));} .contact-card:hover h3 {transform:translateY(-2px);color:var(--pink);} .contact-card:hover>a {transform:translateY(-2px);} .contact-card img {width:70px;height:70px;object-fit:contain;display:block;margin:0 auto 20px;transition:transform .35s ease,filter .35s ease;} .contact-card h3 {color:var(--ottanio);margin-bottom:15px;transition:transform .35s ease,color .35s ease;} .contact-card a {color:var(--dark);transition:.3s;display:block;text-align:center;word-break:break-word;transition:transform .35s ease,color .35s ease;} .contact-card a:hover {color:var(--pink);} .social-links {display:flex;flex-direction:column;gap:20px;margin-top:25px;width:100%;} .social-link {display:flex !important;flex-direction:row;align-items:center;justify-content:flex-start;gap:15px;width:100%;text-align:left;transition:transform .35s ease,color .35s ease;} .social-link img {width:40px !important;height:40px !important;min-width:40px;margin:0 !important;object-fit:contain;transition:transform .35s ease,filter .35s ease;} .social-link span {font-size:1.15rem;line-height:1;transition:transform .35s ease,color .35s ease;} .contact-card .social-link {color:var(--dark);} .contact-card .social-link:hover {color:var(--pink);transform:translateX(6px);} .contact-card .social-link:hover img {transform:scale(1.12) rotate(-6deg);filter:drop-shadow(0 6px 12px rgba(0,0,0,.15));} .contact-card .social-link:hover span {transform:translateX(4px);} .cta {background:linear-gradient(135deg,var(--ottanio),#145f63);color:#fff;text-align:center;} .cta h2 {font-family:'Cormorant Garamond',serif;font-size:3.5rem;margin-bottom:20px;} .cta p {font-size:1.1rem;margin-bottom:35px;} footer {background:#103d40;color:#fff;text-align:center;padding:60px 20px;} .footer-container {display:flex;flex-direction:column;align-items:center;gap:25px;} .footer-logo {height:60px;width:auto;object-fit:contain;} .footer-info p {line-height:1.6;opacity:0.95;font-size:0.95rem;margin-bottom:4px;} .footer-info .copyright {margin-top:15px;font-size:0.85rem;opacity:0.7;} .footer-legal {margin-top:10px;font-size:0.9rem;} .footer-legal a {color:#fff;opacity:0.8;transition:opacity 0.3s;} .footer-legal a:hover {opacity:1;text-decoration:underline;} .cookie-preferences-link {padding:0;border:0;background:transparent;color:#fff;opacity:.8;font:inherit;cursor:pointer;transition:opacity .3s;} .cookie-preferences-link:hover,.cookie-preferences-link:focus-visible {opacity:1;text-decoration:underline;} .footer-legal .separator {margin:0 10px;opacity:0.4;} .floating-whatsapp {position:fixed;right:20px;bottom:20px;background:#006d6f;color:#fff;text-decoration:none;padding:16px 24px;border-radius:50px;font-weight:600;box-shadow:0 10px 25px rgba(0,0,0,.25);z-index:99999;transition:.3s;} .floating-whatsapp:hover {transform:translateY(-3px);} @media (min-width:769px) and (max-width:1366px) {.container {width:90% !important;margin:0 auto !important;padding-left:0 !important;padding-right:0 !important;} .tech-card img {width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#fff;} .menu-toggle {display:block !important;font-size:34px;cursor:pointer;} .btn-whatsapp {display:none !important;} .header-container {width:90% !important;margin:auto !important;flex-wrap:wrap;} nav {width:100%;} nav ul {display:none;flex-direction:column;width:100%;text-align:center;gap:18px;padding:25px 0;background:#fff;} nav ul.active {display:flex !important;} .logo img {width:auto;height:75px;max-width:none;} .hero {min-height:85vh;background:linear-gradient(90deg,rgba(255,255,255,.32) 0%,rgba(255,255,255,.15) 28%,rgba(255,255,255,.04) 46%,rgba(255,255,255,0) 60%),url('../images/hero.webp?v=deda3a5ef1d3');background-size:cover;background-position:78% center;background-repeat:no-repeat;display:flex;align-items:center;} .hero-content {margin-left:0 !important;padding-left:20px !important;padding-right:15px !important;max-width:400px;} .hero-subtitle {font-size:.95rem;letter-spacing:2.5px;line-height:1.4;margin-bottom:18px;} .hero-title-top {font-family:'Cormorant Garamond',serif;font-size:4rem;line-height:1;} .hero-title-bottom {font-family:'Allura',cursive;font-size:5.2rem;line-height:.9;margin-top:-6px;} .hero-location {font-size:1.45rem;margin:12px 0 20px;} .hero-description {font-size:1.02rem;line-height:1.6;margin-bottom:28px;color:#333;} .hero-buttons {flex-direction:column;align-items:flex-start;gap:14px;width:100%;} .hero-buttons .btn-primary,.hero-buttons .btn-secondary {width:100%;text-align:center;padding:15px 28px;} .hero-buttons .btn-secondary {background:rgba(255,255,255,.85);color:#b84a7e;font-weight:600;} .rating {margin-top:22px;font-size:.9rem;} .treatments-grid,.tech-grid,.contacts-grid {grid-template-columns:1fr !important;gap:20px;} .section-title h2 {font-size:2.5rem;} section {padding:80px 0;} .treatment-card,.contact-card {padding:25px;} .location-buttons {flex-direction:column;align-items:center;} .cta h2 {font-size:2.5rem;} .floating-whatsapp {right:15px;bottom:15px;padding:14px 20px;}} @media (max-width:768px) {.container {width:90% !important;margin:0 auto !important;padding-left:0 !important;padding-right:0 !important;} .tech-card img {width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#fff;} .menu-toggle {display:block !important;font-size:34px;cursor:pointer;} .btn-whatsapp {display:none !important;} .header-container {width:90% !important;margin:auto !important;flex-wrap:wrap;} nav {width:100%;} nav ul {display:none;flex-direction:column;width:100%;text-align:center;gap:18px;padding:25px 0;background:#fff;} nav ul.active {display:flex !important;} .logo img {height:75px;} .hero {min-height:85vh;background:linear-gradient(90deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,.10) 45%,rgba(255,255,255,0) 70%),url('../images/hero-mobile-768.webp?v=b3c17f6cf496');background-size:cover;background-position:center center;background-repeat:no-repeat;display:flex;align-items:center;} .hero-content {margin-left:0 !important;padding-left:18px !important;padding-right:10px !important;max-width:310px;transform:translateY(-25px);} .hero-subtitle {font-size:0.82rem;letter-spacing:2px;line-height:1.4;max-width:200px;margin-bottom:15px;} .hero-title-top {font-family:'Cormorant Garamond',serif;font-size:3.1rem;line-height:1;text-transform:none;} .hero-title-bottom {font-family:'Allura',cursive;font-size:4.1rem;margin-top:-5px;line-height:0.9;text-transform:none;} .hero-description {font-size:0.92rem;line-height:1.5;margin-bottom:25px;color:#333;} .hero-description-line-1,.hero-description-line-2,.hero-description-line-3,.hero-description-line-4,.hero-description-line-5 {display:block;} .hero-description-desktop-separator {display:none;} .hero-buttons {flex-direction:column;align-items:flex-start;gap:12px;width:100%;} .hero-buttons .btn-primary {width:100%;text-align:center;padding:13px 25px;} .hero-buttons .btn-secondary {width:100%;text-align:center;padding:13px 25px;background:rgba(255,255,255,0.85);color:#b84a7e;font-weight:600;} .hero-location {font-size:1.2rem;margin-bottom:20px;} .hero-location-prefix,.hero-location-main,.hero-location-suffix {display:block;} .hero-location-prefix {margin-bottom:2px;} .hero-location-main {font-size:1.18rem;line-height:1.15;margin-bottom:2px;} .hero-location-suffix {font-size:1.18rem;line-height:1.15;} .rating {margin-top:20px;font-size:0.8rem;letter-spacing:0.2px;} .treatments-grid,.tech-grid,.contacts-grid {grid-template-columns:1fr !important;gap:20px;} .section-title h2 {font-size:2.5rem;} section {padding:80px 0;} .treatment-card,.contact-card {padding:25px;} .location-buttons {flex-direction:column;align-items:center;} .cta h2 {font-size:2.5rem;} .floating-whatsapp {right:15px;bottom:15px;padding:14px 20px;}} @media (max-width:480px) {.hero-content {max-width:260px;padding-left:12px !important;} .hero-title-top {font-size:2.6rem;} .hero-title-bottom {font-size:3.4rem;} .section-title h2 {font-size:2.2rem;} .hero-buttons a,.btn-primary,.btn-secondary {width:100%;text-align:center;}} .cookie-banner {position:fixed;bottom:0;left:0;width:100%;background:#ffffff;box-shadow:0 -5px 25px rgba(0,0,0,.15);z-index:999999;transform:translateY(100%);transition:transform 0.5s ease-in-out;display:flex;justify-content:center;} .cookie-banner.show {transform:translateY(0);} .cookie-content {width:90%;max-width:1200px;padding:20px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;} .cookie-content p {margin:0;font-size:0.95rem;color:var(--text);flex:1;min-width:280px;line-height:1.5;} .cookie-content a {color:var(--ottanio);font-weight:600;text-decoration:underline;transition:0.3s;} .cookie-content a:hover {color:var(--pink);} .cookie-buttons {display:flex;gap:15px;flex-wrap:wrap;} .cookie-buttons button {cursor:pointer;font-family:'Montserrat',sans-serif;font-size:0.95rem;padding:12px 24px;border-radius:50px;border:none;} .cookie-btn-reject {color:#9f4568;border-color:#9f4568;} @media (max-width:768px) {.cookie-content {flex-direction:column;text-align:center;padding:20px 15px;} .cookie-buttons {justify-content:center;width:100%;flex-direction:column;gap:10px;} .cookie-buttons button {width:100%;text-align:center;}} .fade-section {opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .8s ease;} .fade-section.show {opacity:1;transform:translateY(0);} .treatment-card,.tech-card,.contact-card {opacity:0;transform:translateY(25px);transition:opacity .6s ease,transform .6s ease;} .treatment-card.show,.tech-card.show,.contact-card.show {opacity:1;transform:translateY(0);} .about-wrapper {display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;margin-top:40px;} .about-image img {border-radius:24px;width:100%;height:auto;object-fit:cover;box-shadow:var(--shadow);} .about-content p {margin-bottom:20px;font-size:1.1rem;color:var(--text);line-height:1.8;} @media (max-width:768px) {.about-wrapper {grid-template-columns:1fr;gap:30px;}} section {scroll-margin-top:100px;} .product-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px;margin-top:30px;} .product-card {text-align:center;cursor:pointer;transition:all 0.4s ease;padding:20px;border-radius:20px;background:var(--white);box-shadow:0 5px 15px rgba(0,0,0,0.05);} .product-card:hover {box-shadow:var(--shadow);transform:translateY(-10px) scale(1.02);} .product-card img {border-radius:15px;margin-bottom:15px;width:100%;aspect-ratio:1/1;object-fit:cover;} .modal {display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background:rgba(15,124,130,0.3);backdrop-filter:blur(0px);transition:opacity 0.3s ease;justify-content:center;align-items:center;} .modal.show {display:flex;opacity:1;} .modal-content {background:white;padding:40px;border-radius:25px;max-width:500px;width:90%;position:relative;text-align:center;transform:scale(0.9);transition:transform 0.3s ease;} .modal.show .modal-content {transform:scale(1);} .close-modal {position:absolute;right:20px;top:10px;font-size:35px;cursor:pointer;color:var(--ottanio);} @media (max-width:768px) {.treatments,.treatments .container,.treatments-grid {width:100%;max-width:100%;overflow-x:hidden;} .treatments .container {width:90% !important;} .treatments-grid {display:grid;grid-template-columns:minmax(0,1fr) !important;gap:20px;} .treatment-card {width:100%;min-width:0;max-width:100%;margin-left:0;margin-right:0;transform:none !important;transition:opacity .6s ease !important;content-visibility:visible;contain:none;} .treatment-card.show {transform:none !important;} .treatment-card:hover,.treatment-card:active {transform:none !important;}} @supports (-webkit-touch-callout:none) {html,body {-webkit-text-size-adjust:100%;text-size-adjust:100%;} .hero-buttons {display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start;gap:12px;max-width:100%;} .hero-buttons>* {flex:0 1 auto !important;width:auto !important;min-width:0 !important;max-width:100% !important;align-self:flex-start;box-sizing:border-box;} .hero-buttons .btn-primary,.hero-buttons .btn-secondary,.hero-buttons .btn-whatsapp,.hero-buttons a,.hero-button,.product-modal-text .btn-primary {display:inline-flex;align-items:center;justify-content:center;white-space:normal;overflow-wrap:anywhere;word-break:break-word;text-align:center;max-width:100%;box-sizing:border-box;}} .premium-section-intro {max-width:860px;} .premium-treatments-grid {column-count:3;column-gap:28px;margin-top:28px;} .premium-treatment-card {position:relative;display:inline-block;width:100%;margin:0 0 28px;padding:30px 28px 26px;background:linear-gradient(180deg,#ffffff 0%,#fffdfd 100%);border:1px solid rgba(217,122,166,.12);border-radius:28px;box-shadow:0 16px 40px rgba(0,0,0,.06);text-align:left;overflow:hidden;break-inside:avoid;-webkit-column-break-inside:avoid;page-break-inside:avoid;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;} .premium-treatment-card::before {content:"";position:absolute;inset:0 auto auto 0;width:100%;height:4px;background:linear-gradient(90deg,var(--pink),var(--ottanio));} .premium-treatment-card:hover {transform:translateY(-8px);border-color:rgba(15,124,130,.22);box-shadow:0 22px 50px rgba(15,124,130,.14);} .premium-treatment-eyebrow {display:inline-block;margin-bottom:12px;color:var(--ottanio);font-size:.76rem;font-weight:600;letter-spacing:3px;text-transform:uppercase;} .premium-treatment-card h3 {color:var(--dark);margin-bottom:10px;font-size:1.32rem;font-weight:600;line-height:1.25;} .premium-treatment-summary {margin-bottom:18px;color:var(--text);font-size:.98rem;line-height:1.75;} .premium-treatment-list {list-style:none;padding:0;margin:0;} .premium-treatment-list li {margin-bottom:10px;font-size:0.95rem;} .premium-treatment-list li a {color:var(--pink);display:inline-flex;align-items:center;gap:8px;font-weight:500;transition:color .3s ease,transform .3s ease;} .premium-treatment-list li a::before {content:"•";color:var(--ottanio);font-size:1.3rem;line-height:1;transition:color .3s ease;} .premium-treatment-list li a:hover {color:var(--ottanio);transform:translateX(6px);} .premium-treatment-list li a:hover::before {color:var(--pink);} .premium-treatment-more {display:inline-flex;align-items:center;gap:8px;margin-top:18px;color:var(--ottanio-dark);font-weight:600;transition:color .3s ease,transform .3s ease;} .premium-treatment-more::after {content:"→";transition:transform .3s ease;} .premium-treatment-more:hover {color:var(--pink);} .premium-treatment-more:hover::after {transform:translateX(4px);} @media (min-width:769px) and (max-width:1366px) {.premium-treatments-grid {column-count:2;column-gap:22px;}} @media (max-width:768px) {.premium-treatments-grid {column-count:1;column-gap:0;} .premium-treatment-card {padding:24px 22px 22px;margin-bottom:20px;} .premium-treatment-card h3 {font-size:1.2rem;} .premium-treatment-summary {font-size:.95rem;}} @media (max-width:480px) {.premium-treatment-card {padding:22px 18px 20px;}} @media (max-width:768px) {.hero-buttons>a,.hero-buttons .btn-primary,.hero-buttons .btn-secondary {width:fit-content !important;max-width:100% !important;display:inline-flex !important;align-items:center;justify-content:center;padding:10px 18px !important;font-size:0.9rem !important;line-height:1.2;white-space:nowrap !important;flex:0 0 auto;}} body>main>header .header-container,body>header .header-container {padding-top:8px !important;padding-bottom:8px !important;} @media (min-width:769px) and (max-width:1366px) {body>main>header .header-container,body>header .header-container {padding-top:6px !important;padding-bottom:6px !important;}} @media (max-width:768px) {body>main>header .header-container,body>header .header-container {padding-top:4px !important;padding-bottom:4px !important;}} .google-reviews-section {background:radial-gradient(circle at 8% 20%,rgba(217,122,166,.10),transparent 32%),radial-gradient(circle at 92% 78%,rgba(15,124,130,.10),transparent 35%),#fff;overflow:hidden;} .google-reviews-title {margin-bottom:18px;} .google-reviews-intro {margin-bottom:48px;} .google-reviews-layout {display:grid;grid-template-columns:minmax(210px,245px) minmax(0,1fr);gap:34px;align-items:stretch;} .google-rating-summary {min-height:320px;padding:30px 26px;border-radius:28px;background:linear-gradient(145deg,#ffffff 0%,#fff8fb 58%,#eef9f8 100%);border:1px solid rgba(15,124,130,.12);box-shadow:0 18px 45px rgba(0,0,0,.07);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;} .google-rating-kicker {font-size:.78rem;font-weight:700;letter-spacing:2.7px;color:var(--dark);} .google-rating-stars,.review-stars {color:#f4b400;letter-spacing:2px;} .google-rating-stars {margin:12px 0 7px;font-size:1.75rem;line-height:1;} .google-rating-score {font-size:1.02rem;color:var(--dark);} .google-rating-count {margin-top:2px;color:var(--text);font-size:.86rem;line-height:1.45;} .google-wordmark {margin-top:20px;font-family:Arial,Helvetica,sans-serif;font-size:2.15rem;font-weight:600;letter-spacing:-2px;line-height:1;} .g-blue {color:#4285f4;} .g-red {color:#ea4335;} .g-yellow {color:#fbbc05;} .g-green {color:#34a853;} .google-rating-link {margin-top:22px;display:inline-flex;align-items:center;gap:7px;color:var(--ottanio-dark);font-size:.86rem;font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;transition:color .25s ease,transform .25s ease;} .google-rating-link:hover {color:var(--pink);transform:translateY(-2px);} .google-reviews-carousel {position:relative;min-width:0;padding:0 18px 24px;} .google-reviews-viewport {width:100%;overflow:hidden;scrollbar-width:none;padding:3px 2px 18px;touch-action:pan-y;} .google-reviews-viewport::-webkit-scrollbar {display:none;} .google-reviews-track {display:flex;gap:20px;width:100%;transform:translate3d(0,0,0);transition:transform .55s cubic-bezier(.22,.61,.36,1);will-change:transform;} .google-review-card {position:relative;flex:0 0 clamp(270px,28vw,315px);width:clamp(270px,28vw,315px);aspect-ratio:1 / 1;padding:24px;border-radius:24px;border:1px solid rgba(43,43,43,.10);background:rgba(255,255,255,.96);box-shadow:0 12px 34px rgba(0,0,0,.065);display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;} .google-review-card::before {content:"";position:absolute;inset:0 auto 0 0;width:4px;border-radius:24px 0 0 24px;background:linear-gradient(180deg,var(--pink),var(--ottanio));opacity:.82;} .google-review-card:hover {transform:translateY(-5px);border-color:rgba(15,124,130,.22);box-shadow:0 19px 42px rgba(15,124,130,.13);} .google-review-head {display:grid;grid-template-columns:46px minmax(0,1fr) 28px;gap:12px;align-items:center;} .review-avatar {width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,var(--pink-light),var(--ottanio-light));color:var(--ottanio-dark);font-weight:700;font-size:.84rem;} .review-person {min-width:0;} .review-person h3 {margin:0;color:var(--dark);font-size:.96rem;font-weight:600;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .review-person time {display:block;margin-top:3px;color:#8b8b8b;font-size:.72rem;line-height:1.2;} .review-google-badge {width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-family:Arial,Helvetica,sans-serif;font-size:1rem;font-weight:700;color:#4285f4;background:#fff;border:1px solid rgba(43,43,43,.08);box-shadow:0 4px 12px rgba(0,0,0,.05);} .review-stars {margin:17px 0 13px;font-size:1.05rem;line-height:1;} .google-review-card p {margin:0;color:#414141;font-size:.91rem;line-height:1.63;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:7;overflow:hidden;} .review-source {margin-top:auto;padding-top:15px;color:#9a9a9a;font-size:.7rem;letter-spacing:.25px;} .reviews-arrow {position:absolute;top:calc(50% - 28px);z-index:3;width:42px;height:42px;border-radius:50%;border:1px solid rgba(43,43,43,.13);background:rgba(255,255,255,.95);color:var(--ottanio-dark);box-shadow:0 8px 22px rgba(0,0,0,.11);display:grid;place-items:center;font-family:Arial,Helvetica,sans-serif;font-size:1.85rem;line-height:1;cursor:pointer;transition:transform .25s ease,background .25s ease,color .25s ease;} .reviews-arrow:hover {transform:scale(1.08);background:var(--ottanio);color:#fff;} .reviews-arrow-prev {left:-3px;} .reviews-arrow-next {right:-3px;} .reviews-progress {width:min(260px,58%);height:3px;margin:5px auto 0;border-radius:999px;background:rgba(15,124,130,.10);overflow:hidden;} .reviews-progress span {display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--pink),var(--ottanio));transform-origin:left center;transform:scaleX(.18);transition:transform .3s ease;} @media (min-width:769px) and (max-width:1366px) {.google-reviews-layout {grid-template-columns:220px minmax(0,1fr);gap:24px;} .google-review-card {flex-basis:min(300px,42vw);width:min(300px,42vw);}} @media (max-width:768px) {.google-reviews-intro {margin-bottom:32px;} .google-reviews-layout {grid-template-columns:1fr;gap:24px;} .google-rating-summary {min-height:0;padding:25px 20px;} .google-rating-stars {font-size:1.55rem;} .google-wordmark {font-size:1.9rem;} .google-reviews-carousel {width:calc(100vw - 5vw);margin-right:calc(50% - 50vw);padding:0 0 22px;} .google-reviews-viewport {padding-right:9vw;} .google-reviews-track {gap:14px;} .google-review-card {flex-basis:min(82vw,315px);width:min(82vw,315px);padding:22px;} .reviews-arrow {display:none;} .reviews-progress {margin-left:0;width:50%;}} @media (max-width:420px) {.google-review-card {flex-basis:80vw;width:80vw;border-radius:22px;} .google-review-card p {font-size:.88rem;line-height:1.58;}} @media (prefers-reduced-motion:reduce) {.google-reviews-track,.google-review-card,.reviews-arrow,.google-rating-link,.reviews-progress span {transition:none !important;}} .instagram-updates {position:relative;overflow:hidden;background:radial-gradient(circle at 15% 10%,rgba(217,122,166,.15),transparent 30%),radial-gradient(circle at 88% 92%,rgba(15,124,130,.14),transparent 34%),linear-gradient(145deg,#fffafd 0%,#ffffff 48%,#f4fbfb 100%);} .instagram-updates::before {content:"";position:absolute;width:320px;height:320px;border-radius:50%;top:-210px;right:-100px;border:1px solid rgba(217,122,166,.16);pointer-events:none;} .instagram-updates-title {margin-bottom:16px;} .instagram-updates-intro {margin-bottom:46px;} .instagram-feed {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;align-items:stretch;width:100%;} .instagram-card {min-width:0;border-radius:24px;overflow:hidden;background:rgba(255,255,255,.96);border:1px solid rgba(43,43,43,.09);box-shadow:0 16px 42px rgba(0,0,0,.075);opacity:0;transform:translateY(20px);transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease,opacity .45s ease;} .instagram-card.show {opacity:1;transform:translateY(0);transition-delay:var(--instagram-delay,0ms);} .instagram-card:not(.instagram-card-skeleton):hover {transform:translateY(-7px);border-color:rgba(15,124,130,.22);box-shadow:0 22px 48px rgba(15,124,130,.14);} .instagram-card>a {display:flex;flex-direction:column;min-height:100%;color:inherit;} .instagram-card-media {position:relative;aspect-ratio:1 / 1;overflow:hidden;background:linear-gradient(145deg,var(--pink-light),var(--ottanio-light));} .instagram-card-media img {width:100%;height:100%;object-fit:cover;transition:transform .55s ease;} .instagram-card:hover .instagram-card-media img {transform:scale(1.035);} .instagram-card-type,.instagram-card-mark {position:absolute;z-index:2;top:16px;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);box-shadow:0 5px 18px rgba(0,0,0,.09);} .instagram-card-type {left:16px;padding:7px 11px;border-radius:999px;color:#fff;background:rgba(43,43,43,.66);font-size:.68rem;font-weight:600;letter-spacing:.8px;text-transform:uppercase;} .instagram-card-mark {right:16px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,rgba(217,122,166,.92),rgba(15,124,130,.92));font-size:1.35rem;line-height:1;} .instagram-card-body {display:flex;flex:1;flex-direction:column;padding:22px 23px 24px;} .instagram-card-body time {margin-bottom:8px;color:var(--ottanio-dark);font-size:.72rem;font-weight:600;letter-spacing:.3px;} .instagram-card-body p {margin:0;color:#454545;font-size:.91rem;line-height:1.62;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;} .instagram-card-link {margin-top:auto;padding-top:18px;color:var(--ottanio-dark);font-size:.78rem;font-weight:600;} .instagram-updates-actions {margin-top:38px;text-align:center;} .instagram-profile-button {display:inline-flex;align-items:center;justify-content:center;gap:8px;} .instagram-profile-icon {font-size:1.35em;line-height:1;} .instagram-feed-fallback {max-width:660px;margin:0 auto;padding:28px;border:1px solid rgba(15,124,130,.13);border-radius:24px;background:rgba(255,255,255,.78);text-align:center;color:var(--text);} .instagram-card-skeleton {aspect-ratio:.78 / 1;opacity:1;transform:none;background:#fff;position:relative;} .instagram-card-skeleton::before,.instagram-card-skeleton::after,.instagram-card-skeleton span {content:"";position:absolute;left:0;background:linear-gradient(90deg,#f5f5f5 20%,#fbfbfb 40%,#f5f5f5 60%);background-size:220% 100%;animation:instagramSkeleton 1.4s ease-in-out infinite;} .instagram-card-skeleton::before {top:0;width:100%;aspect-ratio:1 / 1;} .instagram-card-skeleton::after {left:22px;right:22px;bottom:62px;height:12px;border-radius:999px;} .instagram-card-skeleton span {left:22px;right:76px;bottom:36px;height:10px;border-radius:999px;} @keyframes instagramSkeleton {0% {background-position:120% 0;} 100% {background-position:-120% 0;}} @media (max-width:1100px) and (min-width:769px) {.instagram-feed {gap:16px;} .instagram-card-body {padding:17px 17px 19px;} .instagram-card-body p {font-size:.84rem;}} @media (max-width:900px) {.instagram-feed {gap:16px;} .instagram-card-body {padding:18px 18px 20px;}} @media (max-width:980px) and (min-width:769px) {.instagram-feed {grid-template-columns:repeat(2,minmax(0,1fr));max-width:820px;margin-left:auto;margin-right:auto;}} @media (max-width:768px) {.instagram-updates-intro {margin-bottom:32px;} .instagram-feed {grid-template-columns:1fr;gap:20px;max-width:460px;margin:0 auto;} .instagram-card {border-radius:23px;} .instagram-card-body p {-webkit-line-clamp:2;} .instagram-updates-actions {margin-top:30px;}} @media (prefers-reduced-motion:reduce) {.instagram-card,.instagram-card-media img,.instagram-card-skeleton::before,.instagram-card-skeleton::after,.instagram-card-skeleton span {transition:none !important;animation:none !important;}} .btn-secondary{border-color:#b84a7e;color:#b84a7e} .btn-secondary:hover,.btn-secondary:focus-visible{background:#b84a7e;color:#fff} .btn-whatsapp{background:#b84a7e;color:#fff} .cookie-buttons .cookie-btn-reject{color:#8f315b!important;background:#fff!important;border:2px solid #8f315b!important} .cookie-buttons .cookie-btn-reject:hover,.cookie-buttons .cookie-btn-reject:focus-visible{background:#8f315b!important;color:#fff!important} .products-hero {position:relative;display:flex;align-items:center;width:100%;min-height:90vh;margin:0 !important;padding:0 !important;overflow:hidden;background:var(--white,#fff);} .products-hero::before {content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.42) 0%,rgba(255,255,255,.22) 30%,rgba(255,255,255,.06) 48%,rgba(255,255,255,0) 62% );} .hero-picture {position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;pointer-events:none;} .hero-picture img {display:block;width:100%;height:100%;object-fit:cover;object-position:70% 100%;} .hero-overlay {position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;width:90%;max-width:1200px;margin:0 auto;transform:translateY(-25px);} .hero-overlay>* {max-width:560px;} .hero-tag {display:inline-block;margin:0 0 24px;padding:11px 24px;border-radius:999px;background:rgba(255,255,255,.92);color:var(--ottanio,#0f7c82);box-shadow:0 12px 30px rgba(0,0,0,.05);font-size:.82rem;font-weight:600;letter-spacing:4px;} .hero-overlay h1 {margin:0 0 24px;color:var(--dark,#2b2b2b);font-family:'Cormorant Garamond',serif;font-size:clamp(4.4rem,6vw,6.3rem);font-weight:400;line-height:.88;letter-spacing:-2px;} .hero-overlay p {margin:0 0 34px;color:var(--text,#555);font-size:1.03rem;line-height:1.8;} .hero-button {position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;overflow:hidden;padding:15px 30px;border-radius:50px;background:var(--ottanio,#0f7c82);color:var(--white,#fff);font-weight:600;text-decoration:none;box-shadow:0 14px 30px rgba(15,124,130,.22);transition:transform .35s ease,box-shadow .35s ease,background .35s ease;} .hero-button::before {content:"";position:absolute;top:0;left:-120%;width:70%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-25deg);transition:left .8s ease;} .hero-button:hover {background:var(--ottanio-dark,#0b666b);transform:translateY(-2px);box-shadow:0 18px 36px rgba(15,124,130,.28);} .hero-button:hover::before {left:150%;} .hero-button:focus-visible {outline:3px solid var(--pink,#d97aa6);outline-offset:5px;} .hero-tag,.hero-overlay h1,.hero-overlay p,.hero-button {opacity:0;transform:translateY(20px);animation:productsHeroFade .8s ease forwards;} .hero-tag {animation-delay:.2s;} .hero-overlay h1 {animation-delay:.45s;} .hero-overlay p {animation-delay:.75s;} .hero-button {animation-delay:1s;} @keyframes productsHeroFade {to {opacity:1;transform:translateY(0);}} .products-page {position:relative;margin:0;padding:110px 0 120px;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#fff 16%,#fff7fb 31%,#f9e5ee 58%,#edf8f8 82%,#e4f4f4 100% );} .products-page .container {width:90%;max-width:1200px;margin:0 auto;} .section-tag {display:block;margin-bottom:15px;color:var(--ottanio,#0f7c82);font-weight:600;letter-spacing:4px;text-align:center;} .products-intro {max-width:820px;margin:0 auto 60px;color:var(--text,#555);font-size:1.05rem;line-height:1.85;text-align:center;} .products-story {max-width:900px;margin:0 auto 60px;text-align:center;} .products-story h2,.products-collection-title h2,.products-cta h2 {margin:0 0 24px;color:var(--dark,#2b2b2b);font-family:'Cormorant Garamond',serif;font-size:clamp(2.8rem,4vw,3.4rem);font-weight:500;line-height:1.15;} .products-story p {margin:0 0 20px;color:var(--text,#555);font-size:1.05rem;line-height:1.9;} .products-story a {color:var(--ottanio,#0f7c82);font-weight:600;text-decoration:none;transition:color .3s ease;} .products-story a:hover {color:var(--pink,#d97aa6);} .products-story a:focus-visible {outline:3px solid var(--pink,#d97aa6);outline-offset:4px;} .section-divider {display:flex;align-items:center;justify-content:center;gap:22px;max-width:500px;margin:55px auto 45px;} .section-divider span {flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(15,124,130,.35),transparent);} .divider-diamond {width:14px;height:14px;border-radius:2px;background:linear-gradient(135deg,var(--pink,#d97aa6),var(--ottanio,#0f7c82));box-shadow:0 0 15px rgba(217,122,166,.25);transform:rotate(45deg);} .products-features {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:0 0 90px;} .feature-card {padding:42px 32px;border:1px solid rgba(15,124,130,.10);border-radius:28px;background:rgba(255,255,255,.92);box-shadow:0 16px 38px rgba(0,0,0,.06);text-align:center;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;} .feature-card:hover {border-color:rgba(217,122,166,.35);transform:translateY(-6px);box-shadow:0 24px 48px rgba(0,0,0,.10);} .feature-icon {margin-bottom:18px;color:var(--ottanio,#0f7c82);font-size:2rem;} .feature-card h3 {margin:0 0 14px;color:var(--ottanio,#0f7c82);font-family:'Cormorant Garamond',serif;font-size:2rem;font-weight:600;line-height:1.1;} .feature-card p {margin:0;color:var(--text,#555);line-height:1.75;} #collezione {scroll-margin-top:120px;} .products-collection-title {max-width:800px;margin:15px auto 55px;text-align:center;} .products-collection-title h2::after {content:"";display:block;width:90px;height:3px;margin:18px auto 0;border-radius:999px;background:linear-gradient(90deg,var(--pink,#d97aa6),var(--ottanio,#0f7c82));} .products-collection-title p {margin:0;color:var(--text,#555);font-size:1.05rem;line-height:1.8;} .products-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:34px;max-width:1200px;margin:0 auto;} .product-card {position:relative;display:block;width:100%;margin:0;padding:0 0 28px;overflow:hidden;appearance:none;-webkit-appearance:none;border:1px solid rgba(15,124,130,.10);border-radius:28px;background:var(--white,#fff);color:inherit;font:inherit;text-align:inherit;cursor:pointer;box-shadow:0 16px 38px rgba(0,0,0,.07);transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;content-visibility:auto;contain-intrinsic-size:360px 540px;} .product-card:hover {border-color:rgba(217,122,166,.42);transform:translateY(-7px);box-shadow:0 24px 48px rgba(0,0,0,.11);} .product-card:focus-visible {outline:3px solid var(--pink,#d97aa6);outline-offset:5px;} .product-card img {display:block;width:100%;height:auto;object-fit:contain;transition:transform .55s ease;} .product-card:hover img {transform:scale(1.045);} .product-card-title {display:block;margin:26px 22px 0;color:var(--ottanio,#0f7c82);font-family:'Cormorant Garamond',serif;font-size:1.9rem;font-weight:600;line-height:1.1;text-align:center;} .products-cta {padding:100px 0;background:var(--ottanio-light,#eaf7f7);text-align:center;content-visibility:auto;contain-intrinsic-size:1px 650px;} .products-cta p {max-width:700px;margin:0 auto 35px;color:var(--text,#555);line-height:1.8;} .product-modal {position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;padding:20px;visibility:hidden;opacity:0;background:rgba(0,0,0,.72);backdrop-filter:blur(5px);transition:opacity .3s ease,visibility .3s ease;} .product-modal.show {visibility:visible;opacity:1;} .product-modal-content {position:relative;display:grid;grid-template-columns:minmax(300px,420px) minmax(0,1fr);align-items:center;gap:40px;width:min(1100px,95%);min-height:500px;padding:40px;border-radius:30px;background:var(--white,#fff);box-shadow:0 20px 60px rgba(0,0,0,.25);opacity:0;transform:scale(.94) translateY(12px);transition:transform .35s ease,opacity .35s ease;} .product-modal.show .product-modal-content {opacity:1;transform:scale(1) translateY(0);} .product-modal-content img {display:block;width:100%;max-width:420px;max-height:520px;margin:auto;object-fit:contain;} .product-modal-text {min-width:0;text-align:left;} .product-modal-text h2 {margin:0 0 20px;color:var(--ottanio,#0f7c82);font-family:'Cormorant Garamond',serif;font-size:3rem;font-weight:600;line-height:1.1;} .product-modal-text p {margin:0 0 25px;color:var(--text,#555);font-size:1rem;line-height:1.8;} .product-modal-text .btn-primary {display:inline-flex;align-items:center;justify-content:center;margin-top:10px;} .close-modal {position:absolute;top:14px;right:20px;display:grid;place-items:center;width:48px;height:48px;margin:0;padding:0;appearance:none;-webkit-appearance:none;border:0;border-radius:50%;background:transparent;color:#666;font-size:40px;line-height:1;cursor:pointer;transition:color .3s ease,background .3s ease;} .close-modal:hover {background:rgba(15,124,130,.08);color:var(--ottanio,#0f7c82);} .close-modal:focus-visible {outline:3px solid var(--pink,#d97aa6);outline-offset:3px;} body.modal-open {overflow:hidden;} .sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;} .reveal,.reveal-scroll,.reveal-card {opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .8s cubic-bezier(.22,.61,.36,1);} .reveal-scroll {transform:translateY(55px);} .reveal-card {transform:translateY(45px);} .reveal.show,.reveal-scroll.show,.reveal-card.show {opacity:1;transform:translateY(0);} .reveal-delay-1 {transition-delay:.1s;} .reveal-delay-2 {transition-delay:.25s;} .reveal-delay-3 {transition-delay:.4s;} @media (prefers-reduced-motion:reduce) {html {scroll-behavior:auto;} *,*::before,*::after {scroll-behavior:auto !important;animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;} .reveal,.reveal-scroll,.reveal-card {opacity:1;transform:none;}} @media (min-width:769px) and (max-width:1100px) {.products-hero {min-height:840px;} .products-hero::before {background:linear-gradient(180deg,rgba(255,255,255,.64) 0%,rgba(255,255,255,.24) 42%,rgba(255,255,255,0) 64% );} .hero-picture img {object-position:50% 100%;} .hero-overlay {align-self:flex-start;width:90%;padding-top:45px;transform:none;} .hero-overlay>* {max-width:600px;} .hero-overlay h1 {font-size:4.2rem;} .products-features {gap:22px;} .feature-card {padding:34px 24px;} .products-grid {grid-template-columns:repeat(2,minmax(0,1fr));} .product-modal-content {display:flex;flex-direction:column;gap:24px;width:95%;max-height:90vh;padding:30px;overflow-y:auto;} .product-modal-content img {max-width:290px;max-height:290px;} .product-modal-text {text-align:center;} .product-modal-text h2 {font-size:2.5rem;}} @media (max-width:768px) {.products-hero {align-items:flex-start;min-height:750px;} .products-hero::before {background:linear-gradient(180deg,rgba(255,255,255,.72) 0%,rgba(255,255,255,.28) 42%,rgba(255,255,255,0) 62% );} .hero-picture img {object-position:center bottom;} .hero-overlay {width:90%;padding-top:38px;transform:none;} .hero-overlay>* {max-width:100%;} .hero-tag {margin-bottom:18px;padding:9px 18px;font-size:.72rem;letter-spacing:3px;} .hero-overlay h1 {max-width:92%;margin-bottom:18px;font-size:clamp(2.9rem,13vw,4rem);line-height:.92;letter-spacing:-1px;} .hero-overlay p {max-width:94%;margin-bottom:24px;font-size:.95rem;line-height:1.65;} .hero-button {width:fit-content;max-width:100%;padding:11px 20px;font-size:.88rem;white-space:normal;text-align:center;} .products-page {padding:72px 0 80px;} .products-story h2,.products-collection-title h2,.products-cta h2 {font-size:2.45rem;} .products-story p,.products-collection-title p {font-size:1rem;} .products-features,.products-grid {grid-template-columns:1fr;} .products-features {gap:18px;margin-bottom:70px;} .feature-card {padding:30px 24px;} .products-grid {gap:24px;} .product-card-title {font-size:1.8rem;} .products-cta {padding:72px 0;} .product-modal {padding:14px;} .product-modal-content {display:flex;flex-direction:column;gap:18px;width:100%;max-height:92vh;min-height:0;padding:54px 22px 26px;overflow-y:auto;} .product-modal-content img {max-width:240px;max-height:240px;} .product-modal-text {text-align:center;} .product-modal-text h2 {font-size:2.15rem;} .product-modal-text p {font-size:.94rem;line-height:1.7;} .close-modal {top:8px;right:10px;}} @media (min-width:1101px) and (max-height:850px) {.products-hero {min-height:560px;height:calc(100vh - 140px);height:calc(100dvh - 140px);} .hero-picture img {object-position:70% 50%;}} @media (min-width:2000px) and (min-aspect-ratio:21 / 9) {.products-hero {min-height:700px;} .hero-picture img {object-position:65% 70%;}} @supports (-webkit-touch-callout:none) {html,body {-webkit-text-size-adjust:100%;text-size-adjust:100%;} .hero-button,.product-modal-text .btn-primary {display:inline-flex;align-items:center;justify-content:center;max-width:100%;box-sizing:border-box;overflow-wrap:anywhere;word-break:break-word;white-space:normal;text-align:center;}} .products-hero{position:relative;width:100%;min-height:90vh;overflow:hidden;margin:0 !important;padding:0 !important;background:#fff;display:flex;align-items:center;} .products-hero::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.32) 0%,rgba(255,255,255,.15) 28%,rgba(255,255,255,.04) 46%,rgba(255,255,255,0) 60% );} .products-hero .hero-picture{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;} .products-hero .hero-picture img{width:100%;height:100%;display:block;object-fit:cover;object-position:center center;} .products-hero .products-hero-content{position:relative;z-index:2;width:auto;max-width:700px;margin-left:5%;margin-right:0;padding:0;transform:translateY(-35px);text-align:left;} .products-hero .products-hero-content>*{max-width:600px;} .products-hero .hero-subtitle{margin:0 0 20px;font-family:'Montserrat',sans-serif;font-size:1rem;font-weight:600;line-height:1.4;letter-spacing:4px;color:var(--ottanio,#0f7c82);} .products-hero .products-hero-title{display:flex !important;flex-direction:column;visibility:visible !important;margin:0 0 25px;padding:0;text-align:left;text-transform:none;} .products-hero .products-title-top{display:block !important;visibility:visible !important;opacity:1 !important;font-family:'Cormorant Garamond',serif;font-size:5.5rem;font-weight:400;line-height:1;letter-spacing:0;color:var(--dark,#2b2b2b);text-transform:none;} .products-hero .products-title-bottom{display:block !important;visibility:visible !important;opacity:1 !important;margin-top:-10px;font-family:'Allura',cursive;font-size:6.8rem;font-weight:400;font-style:normal;line-height:.7;letter-spacing:0;color:var(--pink,#d97aa6);text-transform:none;} .products-hero .products-hero-location{margin:10px 0 22px;font-family:'Cormorant Garamond',serif;font-size:1.8rem;font-weight:500;line-height:1.2;letter-spacing:.5px;color:var(--ottanio,#0f7c82);} .products-hero .products-hero-description{max-width:600px;margin:0 0 35px;font-family:'Montserrat',sans-serif;font-size:.95rem;line-height:1.7;color:var(--text,#555);} .products-hero .desktop-description{display:block} .products-hero .mobile-description{display:none} .products-hero .hero-buttons{display:flex;gap:20px;flex-wrap:wrap;align-items:center;} .products-hero .rating{margin-top:30px;color:var(--ottanio,#0f7c82);font-weight:600;} .products-hero .rating a.rating-link{color:inherit;text-decoration:none;display:inline-flex;align-items:center;flex-wrap:wrap;gap:.3rem .55rem;} .products-hero .rating-link-cta{display:inline-flex;align-items:center;gap:.2rem;font-size:.84em;font-weight:600;line-height:1.2;white-space:nowrap;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;} .products-hero .hero-subtitle,.products-hero .products-hero-title,.products-hero .products-hero-location,.products-hero .products-hero-description,.products-hero .hero-buttons,.products-hero .rating{visibility:visible !important;} @media (min-width:769px) and (max-width:1366px){.products-hero{min-height:78vh;align-items:flex-start;} .products-hero::before{background:linear-gradient(180deg,rgba(255,255,255,.34) 0%,rgba(255,255,255,.18) 30%,rgba(255,255,255,.04) 50%,rgba(255,255,255,0) 66% );} .products-hero .hero-picture img{object-position:center 84%;} .products-hero .products-hero-content{width:min(48%,560px);max-width:560px;margin:0 !important;padding:5.5vh 18px 0 5% !important;transform:none !important;text-align:left;} .products-hero .products-hero-content>*{max-width:100%;} .products-hero .hero-subtitle{margin-bottom:10px;font-size:.8rem;line-height:1.3;letter-spacing:2.6px;} .products-hero .products-hero-title{margin-bottom:10px;} .products-hero .products-title-top{font-size:3.55rem;line-height:.92;} .products-hero .products-title-bottom{font-size:4.45rem;line-height:.82;margin-top:-2px;} .products-hero .products-hero-location{margin:6px 0 10px;font-size:1.28rem;line-height:1.15;} .products-hero .products-hero-description{max-width:460px;margin-bottom:14px;font-size:.9rem;line-height:1.4;color:#333;} .products-hero .hero-buttons{display:grid;grid-template-columns:max-content max-content;align-items:center;gap:10px;width:auto;} .products-hero .hero-buttons .btn-primary,.products-hero .hero-buttons .btn-secondary{width:auto;min-width:0;padding:11px 18px;font-size:.84rem;line-height:1.2;text-align:center;white-space:normal;} .products-hero .rating{margin-top:12px;font-size:.76rem;line-height:1.3;}} @media (max-width:768px){.products-hero{min-height:820px;height:auto;align-items:flex-start;} .products-hero::before{background:linear-gradient(180deg,rgba(255,255,255,.40) 0%,rgba(255,255,255,.20) 28%,rgba(255,255,255,.06) 44%,rgba(255,255,255,0) 60% );} .products-hero .hero-picture img{object-position:center 85%;} .products-hero .products-hero-content{width:100%;max-width:390px;margin:0 !important;padding:34px 18px 0 !important;transform:none !important;text-align:left;} .products-hero .products-hero-content>*{max-width:100%;} .products-hero .desktop-description{display:none} .products-hero .mobile-description{display:block} .products-hero .hero-subtitle{max-width:260px;margin-bottom:8px;font-size:.7rem;line-height:1.3;letter-spacing:1.7px;} .products-hero .products-hero-title{margin-bottom:8px;} .products-hero .products-title-top{font-size:2.55rem;line-height:.92;} .products-hero .products-title-bottom{font-size:3.25rem;line-height:.82;margin-top:-1px;} .products-hero .products-hero-location{max-width:290px;margin:6px 0 10px;font-size:1rem;line-height:1.2;} .products-hero .products-hero-description{max-width:310px;margin-bottom:12px;font-size:.8rem;line-height:1.35;color:#333;} .products-hero .hero-buttons{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%;max-width:310px;} .products-hero .hero-buttons .btn-primary,.products-hero .hero-buttons .btn-secondary{width:100%;min-width:0;box-sizing:border-box;padding:10px 14px;font-size:.78rem;line-height:1.2;white-space:normal;text-align:center;} .products-hero .rating{max-width:310px;margin-top:10px;font-size:.7rem;line-height:1.25;} .products-hero .rating a.rating-link{justify-content:flex-start;gap:.12rem .35rem;}} @media (max-width:480px){.products-hero{min-height:760px;} .products-hero .hero-picture img{object-position:center 94%;} .products-hero .products-hero-content{max-width:350px;padding:28px 14px 0 !important;} .products-hero .products-title-top{font-size:2.35rem;} .products-hero .products-title-bottom{font-size:2.95rem;} .products-hero .products-hero-location{font-size:.96rem;} .products-hero .products-hero-description{max-width:285px;font-size:.77rem;} .products-hero .hero-buttons{max-width:285px;} .products-hero .hero-buttons .btn-primary,.products-hero .hero-buttons .btn-secondary{padding:9px 12px;font-size:.74rem;}} @media (min-width:769px) and (max-width:1366px){.products-hero .hero-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:min(100%,470px);} .products-hero .hero-buttons .btn-primary,.products-hero .hero-buttons .btn-secondary{width:100%;min-width:0;padding:11px 14px;font-size:.8rem;line-height:1.2;white-space:nowrap;text-align:center;} .products-hero .rating{width:max-content;max-width:none;font-size:.72rem;white-space:nowrap;} .products-hero .rating a.rating-link{display:inline-flex;flex-wrap:nowrap;align-items:center;gap:.35rem;white-space:nowrap;} .products-hero .rating-link-label,.products-hero .rating-link-cta{white-space:nowrap;}} @media (max-width:768px){.products-hero .hero-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;max-width:360px;} .products-hero .hero-buttons .btn-primary,.products-hero .hero-buttons .btn-secondary{width:100%;min-width:0;padding:10px 8px;font-size:.67rem;line-height:1.15;white-space:nowrap;text-align:center;} .products-hero .rating{width:max-content;max-width:none;margin-top:10px;font-size:.62rem;line-height:1.2;white-space:nowrap;} .products-hero .rating a.rating-link{display:inline-flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:.3rem;white-space:nowrap;} .products-hero .rating-link-label,.products-hero .rating-link-cta{white-space:nowrap;}} @media (max-width:480px){.products-hero .hero-buttons{max-width:330px;gap:6px;} .products-hero .hero-buttons .btn-primary,.products-hero .hero-buttons .btn-secondary{padding:9px 6px;font-size:.62rem;} .products-hero .rating{font-size:.56rem;}} @media (min-width:769px) and (max-width:1366px){.products-hero .hero-picture img{object-position:center 98% !important;} .products-hero .hero-subtitle{font-size:.86rem;} .products-hero .products-title-top{font-size:3.75rem;} .products-hero .products-title-bottom{font-size:4.7rem;} .products-hero .products-hero-location{font-size:1.36rem;} .products-hero .products-hero-description{font-size:.96rem;line-height:1.45;} .products-hero .hero-buttons{display:grid !important;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr) !important;gap:10px !important;width:min(100%,500px) !important;max-width:500px !important;} .products-hero .hero-buttons .btn-primary,.products-hero .hero-buttons .btn-secondary{width:100% !important;min-width:0 !important;box-sizing:border-box !important;padding:11px 12px !important;font-size:.78rem !important;line-height:1.15 !important;white-space:nowrap !important;overflow:visible !important;text-align:center !important;} .products-hero .rating{display:block !important;width:auto !important;max-width:none !important;margin-top:12px !important;font-size:.7rem !important;line-height:1 !important;white-space:nowrap !important;} .products-hero .rating a.rating-link{display:inline-flex !important;flex-wrap:nowrap !important;align-items:center !important;gap:.3rem !important;white-space:nowrap !important;} .products-hero .rating-link-label,.products-hero .rating-link-cta{display:inline !important;white-space:nowrap !important;}} @media (max-width:768px){.products-hero .hero-picture img{object-position:center 100% !important;} .products-hero .hero-subtitle{font-size:.76rem;} .products-hero .products-title-top{font-size:2.7rem;} .products-hero .products-title-bottom{font-size:3.45rem;} .products-hero .products-hero-location{font-size:1.08rem;} .products-hero .products-hero-description{font-size:.86rem;line-height:1.4;} .products-hero .hero-buttons{display:grid !important;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr) !important;gap:7px !important;width:100% !important;max-width:370px !important;} .products-hero .hero-buttons .btn-primary,.products-hero .hero-buttons .btn-secondary{width:100% !important;min-width:0 !important;box-sizing:border-box !important;padding:10px 5px !important;font-size:.64rem !important;line-height:1.1 !important;letter-spacing:-.1px !important;white-space:nowrap !important;overflow:visible !important;text-align:center !important;} .products-hero .rating{display:block !important;width:auto !important;max-width:none !important;margin-top:10px !important;font-size:.54rem !important;line-height:1 !important;white-space:nowrap !important;} .products-hero .rating a.rating-link{display:inline-flex !important;flex-wrap:nowrap !important;align-items:center !important;justify-content:flex-start !important;gap:.2rem !important;white-space:nowrap !important;} .products-hero .rating-link-label,.products-hero .rating-link-cta{display:inline !important;flex:none !important;white-space:nowrap !important;}} @media (max-width:480px){.products-hero .hero-picture img{object-position:center 100% !important;} .products-hero .products-hero-content{padding-left:12px !important;padding-right:12px !important;} .products-hero .products-title-top{font-size:2.5rem;} .products-hero .products-title-bottom{font-size:3.2rem;} .products-hero .products-hero-location{font-size:1.03rem;} .products-hero .products-hero-description{font-size:.82rem;} .products-hero .hero-buttons{max-width:345px !important;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr) !important;gap:6px !important;} .products-hero .hero-buttons .btn-primary,.products-hero .hero-buttons .btn-secondary{padding:9px 4px !important;font-size:.59rem !important;} .products-hero .rating{font-size:.49rem !important;letter-spacing:-.1px !important;}} @media (min-width:769px) and (max-width:1366px){.products-hero .desktop-description{display:none !important;} .products-hero .mobile-description{display:block !important;} .products-hero .products-hero-content{width:min(70%,760px) !important;max-width:760px !important;} .products-hero .products-hero-description{width:100% !important;max-width:720px !important;font-size:.96rem !important;line-height:1.45 !important;} .products-hero .hero-buttons{display:flex !important;flex-direction:column !important;align-items:flex-start !important;gap:8px !important;width:100% !important;max-width:310px !important;} .products-hero .hero-buttons .btn-primary,.products-hero .hero-buttons .btn-secondary{width:100% !important;min-width:0 !important;box-sizing:border-box !important;padding:11px 16px !important;font-size:.82rem !important;line-height:1.2 !important;white-space:normal !important;text-align:center !important;}} @media (max-width:768px){.products-hero .hero-picture img{object-position:center 100% !important;transform:translateY(-10px) scale(1.025);transform-origin:center center;} .products-hero .products-hero-content{width:100% !important;max-width:none !important;padding-left:14px !important;padding-right:14px !important;} .products-hero .products-hero-description{width:100% !important;max-width:none !important;font-size:.84rem !important;line-height:1.38 !important;} .products-hero .hero-buttons{display:flex !important;flex-direction:column !important;align-items:flex-start !important;gap:7px !important;width:100% !important;max-width:300px !important;} .products-hero .hero-buttons .btn-primary,.products-hero .hero-buttons .btn-secondary{width:100% !important;min-width:0 !important;box-sizing:border-box !important;padding:10px 14px !important;font-size:.76rem !important;line-height:1.2 !important;white-space:normal !important;text-align:center !important;}} @media (max-width:480px){.products-hero .hero-picture img{transform:translateY(-14px) scale(1.035);} .products-hero .products-hero-description{font-size:.82rem !important;line-height:1.35 !important;} .products-hero .hero-buttons{max-width:285px !important;} .products-hero .hero-buttons .btn-primary,.products-hero .hero-buttons .btn-secondary{padding:9px 12px !important;font-size:.74rem !important;}} @media (max-width:1366px){.products-hero .hero-subtitle,.products-hero .products-hero-location{max-width:none !important;width:max-content !important;white-space:nowrap !important;}} @media (max-width:480px){.products-hero .hero-subtitle{font-size:.68rem !important;letter-spacing:1.35px !important;} .products-hero .products-hero-location{font-size:.98rem !important;letter-spacing:0 !important;}} body>header .header-container{padding-top:8px !important;padding-bottom:8px !important;} .products-hero .products-hero-description{font-size:1rem !important;line-height:1.48 !important;} .products-hero .hero-buttons{width:auto !important;max-width:none !important;} .products-hero .hero-buttons .btn-primary,.products-hero .hero-buttons .btn-secondary{width:auto !important;min-width:0 !important;padding-left:22px !important;padding-right:22px !important;} .products-hero .rating{font-size:.82rem !important;} @media (min-width:769px) and (max-width:1366px){body>header .header-container{padding-top:6px !important;padding-bottom:6px !important;} .products-hero .products-hero-description{font-size:1.02rem !important;line-height:1.48 !important;} .products-hero .hero-buttons{max-width:235px !important;} .products-hero .hero-buttons .btn-primary,.products-hero .hero-buttons .btn-secondary{width:auto !important;min-width:205px !important;padding:10px 16px !important;align-self:flex-start !important;} .products-hero .rating{font-size:.8rem !important;}} @media (max-width:768px){body>header .header-container{padding-top:4px !important;padding-bottom:4px !important;} .products-hero .products-hero-description{font-size:.9rem !important;line-height:1.43 !important;} .products-hero .hero-buttons{width:auto !important;max-width:230px !important;} .products-hero .hero-buttons .btn-primary,.products-hero .hero-buttons .btn-secondary{width:auto !important;min-width:210px !important;padding:10px 14px !important;align-self:flex-start !important;} .products-hero .rating{font-size:.62rem !important;}} @media (max-width:480px){.products-hero .products-hero-description{font-size:.87rem !important;} .products-hero .hero-buttons{max-width:220px !important;} .products-hero .hero-buttons .btn-primary,.products-hero .hero-buttons .btn-secondary{min-width:200px !important;} .products-hero .rating{font-size:.58rem !important;}} @media (min-width:769px) and (max-width:1366px){.products-hero .hero-picture img{object-position:center 95% !important;}} @media (max-width:768px){.products-hero .hero-picture img{object-position:center 97% !important;transform:translateY(-4px) scale(1.02) !important;}} @media (max-width:480px){.products-hero .hero-picture img{object-position:center 97% !important;transform:translateY(-6px) scale(1.025) !important;}} @keyframes productsHeroFadeIn{from{opacity:0;transform:translateY(18px);} to{opacity:1;transform:translateY(0);}} .products-hero .hero-subtitle,.products-hero .products-hero-title,.products-hero .products-hero-location,.products-hero .products-hero-description,.products-hero .hero-buttons,.products-hero .rating{visibility:visible !important;opacity:0;transform:translateY(18px);transition:none !important;animation:productsHeroFadeIn .75s ease forwards !important;} .products-hero .hero-subtitle{animation-delay:.12s !important;} .products-hero .products-hero-title{animation-delay:.3s !important;} .products-hero .products-hero-location{animation-delay:.48s !important;} .products-hero .products-hero-description{animation-delay:.66s !important;} .products-hero .hero-buttons{animation-delay:.84s !important;} .products-hero .rating{animation-delay:1.02s !important;} @media (prefers-reduced-motion:reduce){.products-hero .hero-subtitle,.products-hero .products-hero-title,.products-hero .products-hero-location,.products-hero .products-hero-description,.products-hero .hero-buttons,.products-hero .rating{opacity:1 !important;transform:none !important;animation:none !important;}} @media (min-width:769px) and (max-width:1366px){.products-hero .hero-picture img{object-position:center 100% !important;transform:translateY(-8px) scale(1.015) !important;} .products-hero .hero-buttons{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:8px !important;width:100% !important;max-width:430px !important;} .products-hero .hero-buttons .btn-primary,.products-hero .hero-buttons .btn-secondary{width:100% !important;min-width:0 !important;padding:9px 12px !important;font-size:.76rem !important;line-height:1.15 !important;white-space:nowrap !important;}} @media (max-width:768px){.products-hero .hero-picture img{object-position:center 100% !important;transform:translateY(-14px) scale(1.03) !important;} .products-hero .hero-buttons{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:6px !important;width:100% !important;max-width:345px !important;} .products-hero .hero-buttons .btn-primary,.products-hero .hero-buttons .btn-secondary{width:100% !important;min-width:0 !important;padding:9px 6px !important;font-size:.63rem !important;line-height:1.1 !important;white-space:nowrap !important;letter-spacing:-.1px !important;}} @media (max-width:480px){.products-hero .hero-picture img{transform:translateY(-18px) scale(1.035) !important;} .products-hero .hero-buttons{max-width:325px !important;gap:5px !important;} .products-hero .hero-buttons .btn-primary,.products-hero .hero-buttons .btn-secondary{padding:8px 4px !important;font-size:.59rem !important;}} @media (min-width:769px) and (max-width:1366px){.products-hero .hero-picture img{object-position:center 100% !important;transform:translateY(-18px) scale(1.02) !important;}} @media (max-width:768px){.products-hero .hero-picture img{object-position:center 100% !important;transform:translateY(-26px) scale(1.035) !important;}} @media (max-width:480px){.products-hero .hero-picture img{transform:translateY(-30px) scale(1.04) !important;}} @media (min-width:769px) and (max-width:1366px){.products-hero .hero-subtitle{font-size:.9rem !important;} .products-hero .products-title-top{font-size:3.95rem !important;} .products-hero .products-title-bottom{font-size:4.95rem !important;} .products-hero .products-hero-location{font-size:1.42rem !important;} .products-hero .products-hero-description{font-size:1.06rem !important;line-height:1.48 !important;} .products-hero .hero-buttons{max-width:455px !important;gap:10px !important;} .products-hero .hero-buttons .btn-primary,.products-hero .hero-buttons .btn-secondary{padding:11px 15px !important;font-size:.82rem !important;} .products-hero .rating{width:max-content !important;max-width:none !important;font-size:.82rem !important;line-height:1.1 !important;white-space:nowrap !important;} .products-hero .rating a.rating-link{display:inline-flex !important;flex-wrap:nowrap !important;align-items:center !important;gap:.35rem !important;white-space:nowrap !important;} .products-hero .rating-link-label,.products-hero .rating-link-cta{display:inline-flex !important;flex:none !important;white-space:nowrap !important;}} @media (max-width:768px){.products-hero .hero-subtitle{font-size:.8rem !important;} .products-hero .products-title-top{font-size:2.85rem !important;} .products-hero .products-title-bottom{font-size:3.65rem !important;} .products-hero .products-hero-location{font-size:1.14rem !important;} .products-hero .products-hero-description{font-size:.93rem !important;line-height:1.42 !important;} .products-hero .hero-buttons{max-width:360px !important;gap:7px !important;} .products-hero .hero-buttons .btn-primary,.products-hero .hero-buttons .btn-secondary{padding:10px 8px !important;font-size:.68rem !important;} .products-hero .rating{width:max-content !important;max-width:none !important;font-size:.62rem !important;line-height:1.05 !important;letter-spacing:-.08px !important;white-space:nowrap !important;} .products-hero .rating a.rating-link{display:inline-flex !important;flex-wrap:nowrap !important;align-items:center !important;justify-content:flex-start !important;gap:.2rem !important;white-space:nowrap !important;} .products-hero .rating-link-label,.products-hero .rating-link-cta{display:inline-flex !important;flex:none !important;white-space:nowrap !important;}} @media (max-width:480px){.products-hero .hero-subtitle{font-size:.72rem !important;} .products-hero .products-title-top{font-size:2.62rem !important;} .products-hero .products-title-bottom{font-size:3.35rem !important;} .products-hero .products-hero-location{font-size:1.06rem !important;} .products-hero .products-hero-description{font-size:.88rem !important;} .products-hero .hero-buttons{max-width:338px !important;} .products-hero .hero-buttons .btn-primary,.products-hero .hero-buttons .btn-secondary{padding:9px 5px !important;font-size:.63rem !important;} .products-hero .rating{font-size:.55rem !important;letter-spacing:-.15px !important;}} .products-hero .rating-link-single{display:inline-block;white-space:nowrap;} @media (min-width:769px) and (max-width:1366px){.products-hero .hero-subtitle{font-size:.94rem !important;} .products-hero .products-title-top{font-size:4.15rem !important;} .products-hero .products-title-bottom{font-size:5.2rem !important;} .products-hero .products-hero-location{font-size:1.5rem !important;} .products-hero .products-hero-description{font-size:1.1rem !important;line-height:1.5 !important;} .products-hero .hero-buttons{max-width:470px !important;} .products-hero .hero-buttons .btn-primary,.products-hero .hero-buttons .btn-secondary{padding:12px 16px !important;font-size:.86rem !important;} .products-hero .rating{font-size:.86rem !important;}} @media (max-width:768px){.products-hero .hero-subtitle{font-size:.84rem !important;} .products-hero .products-title-top{font-size:3rem !important;} .products-hero .products-title-bottom{font-size:3.85rem !important;} .products-hero .products-hero-location{font-size:1.2rem !important;} .products-hero .products-hero-description{font-size:.98rem !important;line-height:1.44 !important;} .products-hero .hero-buttons{max-width:370px !important;} .products-hero .hero-buttons .btn-primary,.products-hero .hero-buttons .btn-secondary{padding:11px 9px !important;font-size:.72rem !important;} .products-hero .rating{width:auto !important;max-width:none !important;font-size:.66rem !important;white-space:nowrap !important;} .products-hero .rating a.rating-link{display:inline-block !important;white-space:nowrap !important;}} @media (max-width:480px){.products-hero .hero-subtitle{font-size:.75rem !important;} .products-hero .products-title-top{font-size:2.75rem !important;} .products-hero .products-title-bottom{font-size:3.5rem !important;} .products-hero .products-hero-location{font-size:1.12rem !important;} .products-hero .products-hero-description{font-size:.92rem !important;} .products-hero .hero-buttons{max-width:345px !important;} .products-hero .hero-buttons .btn-primary,.products-hero .hero-buttons .btn-secondary{padding:10px 6px !important;font-size:.66rem !important;} .products-hero .rating{font-size:.59rem !important;letter-spacing:-.12px !important;}} @media (min-width:1367px) and (max-width:1920px){.products-hero .hero-picture img{object-position:center center !important;transform:translateY(-14px) scale(1.015) !important;transform-origin:center center;}} @media (min-width:1367px) and (max-width:1920px){.products-hero .hero-picture img{transform:translateY(-22px) scale(1.015) !important;}} @media (min-width:1367px) and (max-width:1920px){.products-hero .hero-picture img{transform:translateY(-32px) scale(1.015) !important;}} @media (min-width:1367px) and (max-width:1920px){.products-hero .hero-picture img{transform:translateY(-37px) scale(1.015) !important;}} @media (min-width:1367px){.products-hero .products-hero-description{font-size:1.08rem !important;line-height:1.52 !important;} .products-hero .rating{font-size:.9rem !important;}} #percorsi-correlati{scroll-margin-top:120px;} .products-related{position:relative;margin:110px 0 10px;padding:90px 0 20px;border-top:1px solid rgba(15,124,130,.12);} .products-related::before{content:"";position:absolute;top:-1px;left:50%;width:110px;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--pink,#d97aa6),var(--ottanio,#0f7c82) );transform:translateX(-50%);} .products-related>.section-tag{margin-bottom:16px;} .products-related-heading{max-width:850px;margin:0 auto 50px;text-align:center;} .products-related-heading h2{margin:0 0 20px;color:var(--dark,#2b2b2b);font-family:'Cormorant Garamond',serif;font-size:clamp(2.7rem,4vw,3.4rem);font-weight:500;line-height:1.12;} .products-related-heading p{max-width:790px;margin:0 auto;color:var(--text,#555);font-size:1.05rem;line-height:1.8;} .products-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;width:100%;margin:0 auto;} .products-related-card{position:relative;display:flex;flex-direction:column;min-height:255px;padding:32px 30px 28px;overflow:hidden;border:1px solid rgba(15,124,130,.11);border-radius:26px;background:rgba(255,255,255,.94);color:inherit;text-decoration:none;box-shadow:0 16px 38px rgba(0,0,0,.065);transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;} .products-related-card::after{content:"";position:absolute;right:-42px;bottom:-48px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(217,122,166,.13) 0%,rgba(15,124,130,.06) 52%,transparent 72% );pointer-events:none;} .products-related-card:hover,.products-related-card:focus-visible{border-color:rgba(217,122,166,.42);transform:translateY(-7px);box-shadow:0 24px 48px rgba(0,0,0,.105);} .products-related-card:focus-visible{outline:3px solid var(--pink,#d97aa6);outline-offset:4px;} .related-card-kicker{display:block;margin-bottom:14px;color:var(--pink,#d97aa6);font-size:.72rem;font-weight:700;line-height:1.3;letter-spacing:2.2px;text-transform:uppercase;} .products-related-card h3{margin:0 0 15px;color:var(--ottanio,#0f7c82);font-family:'Cormorant Garamond',serif;font-size:2rem;font-weight:600;line-height:1.08;} .products-related-card p{margin:0 0 24px;color:var(--text,#555);font-size:.96rem;line-height:1.7;} .related-card-link{display:inline-flex;align-items:center;margin-top:auto;color:var(--ottanio,#0f7c82);font-size:.9rem;font-weight:700;transition:color .3s ease,transform .3s ease;} .products-related-card:hover .related-card-link{color:var(--pink,#d97aa6);transform:translateX(4px);} @media (min-width:769px) and (max-width:1100px){.products-related{margin-top:90px;padding-top:75px;} .products-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;} .products-related-card{min-height:235px;}} @media (max-width:768px){.products-related{margin-top:75px;padding:68px 0 5px;} .products-related-heading{margin-bottom:34px;} .products-related-heading h2{font-size:2.45rem;} .products-related-heading p{font-size:.98rem;line-height:1.7;} .products-related-grid{grid-template-columns:1fr;gap:18px;} .products-related-card{min-height:auto;padding:27px 24px 24px;border-radius:22px;} .products-related-card h3{font-size:1.8rem;}} @media (max-width:480px){.products-related{margin-top:65px;padding-top:58px;} .products-related-heading h2{font-size:2.2rem;} .products-related-heading p{font-size:.93rem;} .products-related-card{padding:24px 21px 22px;}} .products-related-card{color:inherit;text-decoration:none;} .related-treatment-title{color:inherit;text-decoration:none;transition:color .3s ease;} .related-treatment-title:hover,.related-treatment-title:focus-visible{color:var(--pink,#d97aa6);} .related-treatment-title:focus-visible{outline:2px solid var(--pink,#d97aa6);outline-offset:4px;border-radius:4px;} .related-products{margin:3px 0 24px;} .related-products-label{display:block;margin-bottom:11px;color:var(--dark,#2b2b2b);font-size:.76rem;font-weight:700;line-height:1.3;letter-spacing:1.5px;text-transform:uppercase;} .related-products-list{display:flex;flex-wrap:wrap;gap:9px;margin:0;padding:0;list-style:none;} .related-products-list li{display:inline-flex;align-items:center;min-height:34px;padding:7px 13px;border:1px solid rgba(15,124,130,.16);border-radius:999px;background:linear-gradient(135deg,rgba(234,247,247,.92),rgba(255,247,251,.95));color:var(--ottanio,#0f7c82);font-size:.82rem;font-weight:650;line-height:1.2;} .products-related-card{min-height:345px;} .products-related-card>p{margin-bottom:18px;} .products-related-note{max-width:900px;margin:34px auto 0;padding:18px 22px;border:1px solid rgba(15,124,130,.11);border-radius:18px;background:rgba(255,255,255,.58);color:var(--text,#555);font-size:.9rem;line-height:1.65;text-align:center;} @media (min-width:769px) and (max-width:1100px){.products-related-card{min-height:330px;}} @media (max-width:768px){.products-related-card{min-height:auto;} .related-products-list{gap:8px;} .related-products-list li{min-height:32px;padding:7px 11px;font-size:.78rem;} .products-related-note{margin-top:26px;padding:16px 17px;font-size:.84rem;}} .products-related-card-nails{grid-column:1 / -1;min-height:auto;} .related-nails-treatments{margin:2px 0 24px;} .related-nails-links{display:flex;flex-wrap:wrap;gap:9px;} .related-nails-links a{display:inline-flex;align-items:center;min-height:34px;padding:7px 13px;border:1px solid rgba(217,122,166,.22);border-radius:999px;background:linear-gradient(135deg,rgba(255,247,251,.98),rgba(234,247,247,.92) );color:var(--ottanio,#0f7c82);font-size:.82rem;font-weight:650;line-height:1.2;text-decoration:none;transition:color .25s ease,border-color .25s ease,background .25s ease,transform .25s ease;} .related-nails-links a:hover,.related-nails-links a:focus-visible{border-color:rgba(217,122,166,.55);background:#fff;color:var(--pink,#d97aa6);transform:translateY(-2px);} .related-nails-links a:focus-visible{outline:2px solid var(--pink,#d97aa6);outline-offset:3px;} @media (min-width:769px){.products-related-card-nails{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);column-gap:42px;align-items:start;} .products-related-card-nails .related-card-kicker,.products-related-card-nails h3,.products-related-card-nails>p{grid-column:1;} .products-related-card-nails .related-products,.products-related-card-nails .related-nails-treatments{grid-column:2;} .products-related-card-nails .related-products{grid-row:1 / span 2;align-self:end;margin-top:18px;} .products-related-card-nails .related-nails-treatments{grid-row:3 / span 2;} .products-related-card-nails .related-card-link{grid-column:1;align-self:end;}} @media (max-width:768px){.related-nails-links{gap:8px;} .related-nails-links a{min-height:32px;padding:7px 11px;font-size:.78rem;}}
.product-card img{border-radius:0;margin-bottom:0}

.product-card{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch}
/* Header CTA WhatsApp compatto - desktop */
@media (min-width:1367px){header .btn-whatsapp{padding:11px 20px!important;font-size:.92rem!important;line-height:1.2!important;white-space:nowrap!important}}/*rating-google-centered-mobile-tablet-20260810*/@media (max-width:1180px){.rating a.rating-link{display:inline-flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:.28rem!important;text-align:center!important;white-space:normal!important}.rating a.rating-link .rating-link-label{display:block!important;text-align:center!important;white-space:normal!important}.rating a.rating-link .rating-link-cta{display:inline-flex!important;align-items:center!important;justify-content:center!important;margin-inline:auto!important;white-space:nowrap!important}}

/* TABLET FIX 2026-08-21: hero prodotti */
.products-hero .tablet-portrait-description,.products-hero .tablet-landscape-description{display:none;}
@media (min-width:769px) and (max-width:1366px) and (orientation:landscape){
  .products-hero .products-hero-content{width:min(64%,670px) !important;max-width:670px !important;}
  .products-hero .desktop-description,.products-hero .mobile-description{display:none !important;}
  .products-hero .tablet-landscape-description{display:block !important;}
  .products-hero .tablet-landscape-description>span{display:block;white-space:nowrap;}
  .products-hero .products-hero-description{width:100% !important;max-width:620px !important;line-height:1.5 !important;}
}
@media (min-width:700px) and (max-width:1100px) and (orientation:portrait){
  .products-hero .desktop-description,.products-hero .mobile-description,.products-hero .tablet-landscape-description{display:none !important;}
  .products-hero .tablet-portrait-description{display:block !important;}
  .products-hero .tablet-portrait-description>span{display:block;white-space:nowrap;}
  .products-hero .products-hero-description{width:100% !important;max-width:700px !important;line-height:1.5 !important;}
  .products-hero .hero-picture img{object-position:center 80% !important;}
}