/* WR Beauty — „B" látványterv, designtokenek Verzió: B-v1 · 2026.09.18. Kísérő dokumentum: docs/design-spec-b-v1.md Az értékek a Claude Design vászon B-sorából származnak, a logó eredeti aranyfólia-hátteréből (gold_bg.jpg) kimért tónusokkal. */ :root { /* ---- felületek ---- */ --wr-sand: #F6F1E7; /* az oldal alapfelülete */ --wr-surface: #FFFFFF; /* kártya, panel, táblázat */ --wr-sunken: #EFE8D9; /* táblázat- és csoportfejléc */ --wr-teal: #0B6867; /* türkiz panel */ --wr-teal-tint: #E7EFEC; /* fotó-helykitöltő, halvány kiemelés */ --wr-ink: #14312F; /* lábléc háttere */ /* ---- szöveg ---- */ --wr-text: #14312F; /* címsor, kezelésnév, ár 12,4:1 homokon */ --wr-text-body: #4A5F58; /* törzsszöveg 6,1:1 homokon */ --wr-text-muted: #5A6E6A; /* meta, képaláírás 5,4:1 fehéren */ --wr-gold-text: #8A6410; /* eyebrow, arany link 4,8:1 homokon */ --wr-gold-on-teal: #F1DC96; /* arany szöveg türkizen 4,8:1 türkizen */ --wr-on-gold: #2C2003; /* felirat arany gombon 8,1:1 aranyon */ --wr-table-head: #6B5A33; /* táblázatfejléc felirata 5,1:1 sunkenen */ --wr-on-ink: #DCEAE7; /* szöveg ink/türkiz felületen 10,2:1 */ --wr-on-ink-muted: #A9C1BE; /* halvány szöveg ink felületen 6,3:1 */ /* ---- vonalak ---- */ --wr-line-sand: #E6DECB; --wr-line-white: #EDE6D6; --wr-line-input: #DCD3BE; --wr-line-teal: #B7CCC8; --wr-line-inverse: rgba(255, 255, 255, 0.14); /* ---- arany ---- */ --wr-gold-gradient: linear-gradient(135deg, #F0DA93 0%, #D9B54C 28%, #BF9729 55%, #E7C866 78%, #C9A238 100%); --wr-gold-gradient-hover: linear-gradient(135deg, #F6E4AE 0%, #E3C25F 28%, #CBA332 55%, #F0D680 78%, #D6AF44 100%); --wr-gold-gradient-active: linear-gradient(135deg, #D9BE6E 0%, #C2A13C 28%, #A9861E 55%, #D2B45C 78%, #B08D26 100%); --wr-gold-inset: inset 0 1px 0 rgba(255, 255, 255, 0.5); --wr-gold-inset-active: inset 0 2px 4px rgba(64, 46, 6, 0.28); --wr-gold-rule: linear-gradient(90deg, #A97E1C, #F3E0A6 50%, #A97E1C); --wr-gold-rule-fade: linear-gradient(90deg, #D9C79A, rgba(217, 199, 154, 0)); --wr-gold-edge: #A97E1C; /* hatszög aranyszegélye */ --wr-gold-underline: #C49E32; /* aktív menüpont, aktív csip */ --wr-placeholder-ink: #A8996F; /* fotó-helykitöltő ikonja */ /* ---- árnyék ---- */ --wr-shadow-card: 0 8px 26px rgba(20, 49, 47, 0.08); --wr-shadow-card-sm: 0 6px 18px rgba(20, 49, 47, 0.07); --wr-shadow-card-hover: 0 14px 34px rgba(20, 49, 47, 0.14); --wr-shadow-float: 0 10px 30px rgba(20, 49, 47, 0.16); /* ---- tipográfia ---- */ --wr-font-display: "Marcellus", Georgia, serif; --wr-font-body: "Jost", "Helvetica Neue", Arial, sans-serif; --wr-h1-hero: 76px; /* mobil: 46px, 320-on 38px */ --wr-h1-page: 62px; /* mobil: 42px */ --wr-h2: 50px; /* mobil: 34px, 320-on 30px */ --wr-h2-sub: 40px; /* mobil: 28px */ --wr-h3: 26px; /* mobil: 23px */ --wr-row-title: 23px; /* mobil: 20px */ --wr-lead: 18px; /* mobil: 16px */ --wr-body: 15px; --wr-caption: 13px; --wr-eyebrow: 14px; /* mobil: 13px */ --wr-lh-display: 1.05; --wr-lh-heading: 1.15; --wr-lh-body: 1.7; --wr-ls-eyebrow: 0.2em; /* mobil: 0.18em */ --wr-ls-button: 0.1em; /* ---- térköz és szerkezet ---- */ --wr-container: 1200px; --wr-gutter: 120px; /* 768-on 40px, mobilon 16px */ --wr-section: 76px; /* mobilon 28px */ --wr-grid-gap: 26px; /* mobilon 14px */ --wr-card-pad: 26px; /* mobilon 16px */ --wr-radius: 0; /* sarkok élesek, mindenhol */ --wr-header-h: 92px; /* mobilon 64px */ --wr-tap: 44px; /* legkisebb érintési célpont */ /* ---- mozgás ---- */ --wr-dur: 160ms; --wr-ease: cubic-bezier(0.16, 1, 0.3, 1); } /* Hatszög: szélesség : magasság ≈ 1 : 1,157 (pl. 24×28, 56×65, 500×616) */ .wr-hex { clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); } /* Szemcseréteg: mindig külön, abszolút pozicionált rétegként a felület fölé. */ .wr-grain::after { content: ""; position: absolute; inset: 0; background-image: url("/assets/grain.png"); background-size: 200px 200px; opacity: 0.5; /* türkiz vagy ink felületen: 0.4 */ pointer-events: none; } /* Aranyfóliás nagy szám. A sötétítő réteg nélkül a fólia 2,04:1 fehéren — a réteggel ≈4,3:1, ami nagy szövegre megfelel. */ .wr-foil-number { font-family: var(--wr-font-display); background-image: linear-gradient(rgba(58, 41, 4, 0.46), rgba(58, 41, 4, 0.46)), url("/assets/gold-foil.jpg"); background-size: 340px 340px, 340px 340px; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; } /* Fókusz — sehol nem kapcsolható ki. */ :focus-visible { outline: 2px solid var(--wr-gold-text); outline-offset: 2px; } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.01ms !important; transition-property: color, background-color, border-color, box-shadow !important; transition-duration: var(--wr-dur) !important; } } *{box-sizing:border-box}html{scroll-padding-top:112px;scroll-behavior:smooth}body{margin:0;background:var(--wr-sand);color:var(--wr-text);font:300 16px/1.7 var(--wr-font-body)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit}img{display:block;max-width:100%;object-fit:cover}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--wr-font-display);font-weight:400;line-height:1.08;text-wrap:pretty}h1{font-size:62px}h2{font-size:50px}h3{font-size:26px}p{color:var(--wr-text-body)}p+p{margin-top:14px}h2+p,h3+p{margin-top:18px}.container{max-width:1200px;width:calc(100% - 80px);margin-inline:auto}.section{padding-block:76px}.white{background:white}.lead{font-size:18px;line-height:1.7;margin-top:26px;max-width:580px}.label{font-size:12px;font-weight:600;letter-spacing:.16em;color:var(--wr-gold-text);margin-bottom:10px}.note{font-size:13px;line-height:1.55;margin-top:14px;max-width:420px}.draft{font-size:13px;color:var(--wr-text-muted);padding:16px 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:fixed;top:-100px;left:20px;background:white;padding:12px;z-index:100}.skip:focus{top:10px}.hex{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)}.foil{background:url('/assets/gold-foil.jpg') center/cover}.eyebrow{display:flex;align-items:center;gap:12px;color:var(--wr-gold-text);font-size:14px;font-weight:600;letter-spacing:.2em;line-height:1.4;margin-bottom:18px}.eyebrow .hex{display:block;flex:0 0 24px;height:28px}.grain{position:relative;isolation:isolate}.grain:before{content:'';position:absolute;inset:0;background:url('/assets/grain.png') repeat;background-size:200px;opacity:.5;z-index:-1;pointer-events:none}.teal{background:var(--wr-teal);color:white}.teal.grain:before{opacity:.4}.teal p{color:var(--wr-on-ink)}.teal .eyebrow{color:var(--wr-gold-on-teal)}.teal .eyebrow .hex{display:none}.teal .secondary{box-shadow:inset 0 0 0 1px #ffffff6b;color:white}.teal :focus-visible,footer :focus-visible{outline-color:var(--wr-gold-on-teal)} .btn{display:inline-flex;justify-content:center;align-items:center;gap:22px;min-height:58px;padding:16px 24px;background:var(--wr-gold-gradient);box-shadow:var(--wr-gold-inset);color:var(--wr-on-gold);font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;line-height:1.4;transition:background var(--wr-dur),box-shadow var(--wr-dur),transform var(--wr-dur)}.btn>span{font-size:21px;font-weight:400}.btn:hover{background:var(--wr-gold-gradient-hover);transform:translateY(-2px)}.btn:active{background:var(--wr-gold-gradient-active);box-shadow:var(--wr-gold-inset-active);transform:none}.secondary{background:transparent;box-shadow:inset 0 0 0 1px var(--wr-teal);color:var(--wr-teal);font-weight:500}.secondary:hover{background:var(--wr-teal-tint)}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.text-link{display:inline-flex;align-items:center;min-height:44px;color:var(--wr-gold-text);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--wr-line-sand)}.text-link:hover{border-color:var(--wr-gold-edge)}.inverse-link{color:var(--wr-gold-on-teal)}.header{height:92px;position:sticky;top:0;z-index:30;background:rgba(246,241,231,.97);border-bottom:1px solid var(--wr-line-sand)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:100%;gap:20px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand-mark{width:44px;height:auto}.wordmark{height:24px;width:auto;object-fit:contain}.desktop-nav{display:flex;gap:26px;align-items:center}.desktop-nav a{display:flex;align-items:center;min-height:48px;font-size:15px;white-space:nowrap}.desktop-nav a:hover{color:var(--wr-gold-text)}.desktop-nav a[aria-current]{box-shadow:inset 0 -2px 0 #c49e32;font-weight:500}.header .btn{min-height:48px;padding:12px 18px;font-size:12px}.header-actions{display:flex;gap:8px}.mobile-only{display:none}.icon-btn{width:46px;height:46px;background:transparent;border:1px solid var(--wr-line-input);font-size:24px;align-items:center;justify-content:center}.header .mobile-only{display:none} .hero{padding:54px 0 62px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:52px;align-items:center}.hero h1{font-size:76px;line-height:1}.hero h1 em{font-style:normal;color:var(--wr-gold-text)}.hero .actions{gap:12px}.hero .btn{padding-inline:18px;font-size:12px}.hero-visual{position:relative;min-width:0;padding:0 0 0 26px}.hex-frame{background:var(--wr-gold-edge);padding:4px;width:100%;aspect-ratio:500/616;max-width:500px;position:relative}.hex-inner{height:100%;width:100%}.hex-inner img{height:100%;width:100%;object-position:50% 45%}.teal-back{position:absolute;top:18%;bottom:15%;left:46%;width:calc(100% + 250px);background:var(--wr-teal)}.teal-back:before{opacity:.4}.floating-card{position:absolute;bottom:11%;left:-45px;background:white;box-shadow:var(--wr-shadow-float);border-bottom:4px solid var(--wr-gold-edge);padding:22px 28px;min-width:240px}.floating-card small{font-size:11px;letter-spacing:.15em;color:var(--wr-gold-text);font-weight:600}.floating-card strong{display:block;font:26px/1.5 var(--wr-font-display)}.floating-card>span{display:flex;justify-content:space-between;color:var(--wr-text-body)}.floating-card b{color:var(--wr-gold-text)}.hero-location{border-top:1px solid var(--wr-line-sand);margin-top:30px;padding-top:18px;font-size:13px;color:var(--wr-text-muted)}.hero-location span{color:var(--wr-gold-text);margin-right:10px}.treatment-strip{display:grid;grid-template-columns:repeat(3,1fr);padding-block:24px;gap:30px}.treatment-strip>a{display:flex;align-items:center;gap:22px}.treatment-strip>a+a{border-left:1px solid var(--wr-line-white);padding-left:32px}.treatment-strip h2{font-size:25px}.treatment-strip p{font-size:14px;margin:4px 0 0}.foil-number{font:62px/1.1 var(--wr-font-display);background-image:linear-gradient(#3a290475,#3a290475),url('/assets/gold-foil.jpg');background-size:340px;background-clip:text;-webkit-background-clip:text;color:transparent}.heading-row{display:flex;justify-content:space-between;align-items:flex-end;gap:48px;margin-bottom:36px}.heading-row>.btn{flex-shrink:0}.aside{max-width:345px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:32px}.treatment-card{background:white;box-shadow:var(--wr-shadow-card);min-width:0;transition:transform 160ms,box-shadow 160ms}.treatment-card>a{display:block;height:100%}.card-image{height:232px;overflow:hidden}.card-image img{width:100%;height:100%;transition:transform 160ms;object-position:center 40%}.card-body{padding:23px 25px;border-top:3px solid transparent}.card-body p{font-size:15px}.card-meta{border-top:1px solid var(--wr-line-white);padding-top:16px;margin-top:22px;display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:13px}.card-meta .text-link{border:0;flex-shrink:0;letter-spacing:.02em}.treatment-card:hover{transform:translateY(-2px);box-shadow:var(--wr-shadow-card-hover)}.treatment-card:hover img{transform:scale(1.04)}.treatment-card:hover .card-body{border-top-color:#c49e32}.placeholder{height:100%;min-height:160px;background:var(--wr-teal-tint);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:var(--wr-text-muted)}.placeholder>span{font-size:55px;color:var(--wr-placeholder-ink)}.placeholder small{font-size:12px;letter-spacing:.08em}.specialists{display:grid;grid-template-columns:1fr 1fr;gap:32px}.specialist{display:grid;grid-template-columns:.85fr 1.15fr;gap:24px}.specialist>img,.specialist>.placeholder{width:100%;height:315px;object-position:center 20%}.specialist>div:not(.placeholder){align-self:center}.specialist p:not(.label){font-size:15px}.specialist h3{font-size:26px}.specialist .text-link{margin-top:12px;font-size:12px}.help-grid,.split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.nail-block>img{width:100%;height:450px;object-position:center 30%}.nail-block p,.salon p{margin-top:22px}.nail-block .eyebrow,.salon .eyebrow{margin-top:0}.chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.chips a,.chips span{display:inline-flex;align-items:center;padding:8px 16px;min-height:44px;background:white;border:1px solid var(--wr-line-sand);font-size:14px}.chips span{min-height:34px;background:var(--wr-sand)}.chips a:hover{box-shadow:inset 3px 0 #c49e32}.salon{grid-template-columns:.8fr 1.2fr}.video{position:relative;aspect-ratio:16/10;background:var(--wr-ink);overflow:hidden}.video>img{width:100%;height:100%;opacity:.72}.video-play{position:absolute;inset:0;width:100%;border:0;background:linear-gradient(transparent,#14312f85);display:grid;place-items:center}.video-play>.hex{background:var(--wr-gold-gradient);width:92px;height:106px;display:grid;place-items:center;color:var(--wr-on-gold);font-size:25px;padding-left:4px}.video-play:hover>.hex{background:var(--wr-gold-gradient-hover)}.video-caption{position:absolute;bottom:22px;left:24px;right:20px;color:white;pointer-events:none}.video-caption strong,.video-caption small{display:block}.video-caption small{font-size:12px}.video iframe{width:100%;height:100%;border:0;position:absolute;inset:0}.video-status{position:absolute;inset:0;display:grid;place-items:center;color:var(--wr-gold-on-teal);padding:24px;text-align:center}.video-fallback{font-size:13px;margin-top:8px;text-decoration:underline;display:inline-block;min-height:44px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}.gallery img{height:112px;width:100%;border-bottom:4px solid var(--wr-gold-edge)}.phones{display:grid;grid-template-columns:1fr 1fr;gap:20px}.phones>a{border:1px solid var(--wr-line-teal);padding:20px;min-width:0}.phones small,.phones span{display:block}.phones small{font-size:11px;letter-spacing:.1em;font-weight:500}.phones span{font-family:var(--wr-font-display);font-size:23px;margin-top:7px;white-space:nowrap}.teal .phones>a{border-color:var(--wr-line-inverse)}.contact-bottom{display:grid;grid-template-columns:1.6fr 1fr;gap:48px;align-items:start}.contact-bottom .note{max-width:340px}.contact-bottom>.phones{gap:16px} footer{background:var(--wr-ink);color:var(--wr-on-ink);padding:44px 0 24px}footer .wordmark{height:28px}footer p{color:var(--wr-on-ink-muted);font-size:13px}footer h2{font-family:var(--wr-font-body);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--wr-gold-on-teal);margin-bottom:16px}.footer-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr 1.3fr;gap:34px;align-items:start}.footer-grid>div>a{display:block;font-size:14px;min-height:36px;overflow-wrap:anywhere}.footer-bottom{border-top:1px solid var(--wr-line-inverse);margin-top:35px;padding-top:22px;display:flex;justify-content:space-between;gap:30px;align-items:start}.footer-bottom p{max-width:450px;margin:0}.footer-bottom a{display:inline-block;min-height:36px;text-decoration:underline}.footer-short{display:flex;justify-content:space-between;align-items:center;gap:30px}.sticky-book{display:none}.breadcrumb{display:flex;flex-wrap:wrap;gap:12px;font-size:13px;color:var(--wr-text-muted);margin-bottom:28px}.breadcrumb a{min-height:30px;text-decoration:underline;text-underline-offset:4px}.page-heading{display:grid;grid-template-columns:1.4fr .6fr;gap:80px;align-items:start}.expert{background:white;box-shadow:var(--wr-shadow-card)}.expert>img{width:100%;height:260px;object-position:center 25%}.expert>div{padding:22px}.expert h2{font-size:32px}.expert .text-link{font-size:14px}.group-list{padding-bottom:76px}.treatment-group{margin-bottom:44px}.treatment-group h2{font-size:38px;display:flex;align-items:center;gap:22px;margin-bottom:24px}.treatment-group h2:after{content:'';height:1px;flex:1;background:var(--wr-gold-rule-fade)}.rows{background:white;box-shadow:var(--wr-shadow-card-sm)}.treatment-row{display:grid;grid-template-columns:56px 1fr 185px 110px;gap:20px;align-items:center;padding:16px 26px;min-height:98px;border-bottom:1px solid var(--wr-line-white)}.treatment-row:hover{background:#fffdf7;box-shadow:inset 3px 0 #c49e32}.thumb{width:56px;height:65px;display:grid;place-items:center;background:var(--wr-sunken);color:var(--wr-placeholder-ink);font-size:25px}.thumb img{width:100%;height:100%}.row-body strong{display:block;font:23px/1.2 var(--wr-font-display)}.row-body>span{font-size:14px;display:block;color:var(--wr-text-body);margin-top:5px}.row-meta{font-size:14px}.row-link{border:0;font-size:12px}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}details{background:white;border-bottom:1px solid var(--wr-line-white)}summary{display:flex;justify-content:space-between;gap:20px;padding:22px 26px;font-size:18px;font-weight:500;cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}summary span{color:var(--wr-gold-text);font-size:24px}details[open] summary span{transform:rotate(45deg)}details>p{padding:0 26px 24px;font-size:16px}.detail-hero{display:grid;grid-template-columns:1.12fr .88fr;gap:55px;align-items:center}.detail-hero h1{font-size:56px}.detail-photo{height:530px}.detail-photo>img{width:100%;height:100%;border-bottom:4px solid var(--wr-gold-edge)}.facts{display:grid;grid-template-columns:1fr 1.2fr 1fr;background:white;margin-top:28px;padding:22px 0}.facts>div{padding:0 16px}.facts>div+div{border-left:1px solid var(--wr-line-sand)}.facts small{font-size:11px;letter-spacing:.12em;color:var(--wr-gold-text);display:block;font-weight:600}.facts strong{font:21px/1.6 var(--wr-font-display);display:block;overflow-wrap:anywhere}.info-cards article{background:white;padding:26px;min-width:0;box-shadow:var(--wr-shadow-card-sm)}.info-cards h2{font-size:30px}.info-cards p{font-size:14px;overflow-wrap:anywhere}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin-top:36px}.steps h3{font-size:22px;margin-top:16px}.steps p{font-size:15px}.validity{background:white;padding:24px;max-width:330px}.validity h2{font-size:28px}.validity p{font-size:14px}.price-layout{display:grid;grid-template-columns:240px 1fr;gap:48px}.price-nav{position:sticky;top:116px;align-self:start;display:flex;flex-direction:column;background:white}.price-nav>a{padding:13px 16px;font-size:15px;min-height:48px;border-bottom:1px solid var(--wr-line-white)}.price-nav a:hover,.price-nav a[aria-current]{box-shadow:inset 3px 0 #c49e32;background:#fffcf4}.price-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.price-title .eyebrow{margin:0}.price-title>a{font-size:14px}.price-group{margin-bottom:32px}.price-group>h2{background:var(--wr-sunken);padding:18px 22px;font-size:25px}.price-group table{width:100%;border-collapse:collapse;background:white}.price-group thead{background:var(--wr-sunken);color:var(--wr-table-head)}th{text-align:left;font-weight:400}th,td{padding:16px 22px;border-bottom:1px solid var(--wr-line-white)}thead th{font-size:12px;letter-spacing:.08em;font-weight:500}tbody th{font-family:var(--wr-font-display);font-size:20px}td{font-size:15px;white-space:nowrap}tbody th a{display:block;min-height:32px}tbody th a:hover{color:var(--wr-gold-text)}.gift{background:white;padding:32px}.gift h2{font-size:34px}.gift .btn{margin-top:22px} #mobile-menu{border:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0 24px 24px;background:var(--wr-sand);color:var(--wr-text)}#mobile-menu::backdrop{background:var(--wr-sand)}.menu-top{display:flex;align-items:center;justify-content:space-between;height:76px;border-bottom:1px solid var(--wr-line-sand);position:sticky;top:0;background:var(--wr-sand);z-index:1}#mobile-menu nav>a{display:flex;align-items:center;justify-content:space-between;min-height:60px;border-bottom:1px solid var(--wr-line-sand);font:26px/1.3 var(--wr-font-display)}#mobile-menu nav>a:after{content:'↗';color:var(--wr-gold-text)}#mobile-menu .phones{margin-top:24px}.menu-bottom{padding-top:24px}.menu-bottom .btn{width:100%}.menu-bottom>p{font-size:13px}.menu-open{overflow:hidden} @media(max-width:1200px){.desktop-nav{gap:16px}.desktop-nav a{font-size:13px}.hero h1{font-size:65px}.header .btn{padding-inline:12px;font-size:11px}.header-inner{gap:16px}.specialist{grid-template-columns:1fr}.specialist>img,.specialist>.placeholder{height:330px}.specialists{gap:26px}.contact-bottom{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.hero-grid{gap:30px}.treatment-strip h2{font-size:23px}} @media(max-width:1000px){.desktop-nav,.desktop-book{display:none}.header .mobile-only{display:flex}.header{height:76px}.hero h1{font-size:57px}.hero-copy .actions{flex-direction:column;align-items:start}.hero-visual{padding-left:0}.floating-card{left:-20px;min-width:210px;padding:18px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.cards>.treatment-card:last-child{grid-column:auto}.treatment-strip{gap:15px}.treatment-strip>a{gap:12px}.treatment-strip>a+a{padding-left:15px}.treatment-strip h2{font-size:21px}.foil-number{font-size:50px}.split,.help-grid{gap:35px}.heading-row{gap:28px}.page-heading{gap:35px;grid-template-columns:1.25fr .75fr}.treatment-row{grid-template-columns:56px 1fr 140px;gap:16px}.row-link{display:none}.row-meta{font-size:12px}.price-layout{grid-template-columns:190px 1fr;gap:24px}.detail-hero{gap:30px}.detail-hero h1{font-size:44px}.facts{grid-template-columns:1fr}.facts>div{display:flex;justify-content:space-between;gap:10px;align-items:center}.facts>div+div{border-left:0}.facts strong{font-size:20px}.faq-grid{gap:35px}.footer-short{flex-wrap:wrap}} @media(max-width:800px){.hero-grid,.page-heading,.detail-hero,.split,.help-grid,.faq-grid{grid-template-columns:1fr}.hero-copy .actions{flex-direction:row}.hero-visual{width:min(500px,100%);margin:20px auto 0}.hero-copy{max-width:600px}.hero h1{font-size:64px}.hero-visual .teal-back{left:50%}.floating-card{left:-20px}.hero{padding-top:38px}.treatment-strip{grid-template-columns:1fr}.treatment-strip>a+a{border-left:0;border-top:1px solid var(--wr-line-white);padding:18px 0 0}.treatment-strip>a{padding-bottom:4px}.treatment-strip h2{font-size:25px}.price-layout{grid-template-columns:1fr}.price-nav{position:static;flex-direction:row;flex-wrap:wrap;gap:8px;background:none}.price-nav>a{background:white;border:1px solid var(--wr-line-sand)}.expert{display:grid;grid-template-columns:120px 1fr;max-width:420px}.expert>img{height:160px}.expert>div{padding:16px}.expert h2{font-size:28px}.detail-photo{height:430px}.facts{grid-template-columns:1fr 1.2fr 1fr}.facts>div{display:block}.facts>div+div{border-left:1px solid var(--wr-line-sand)}.steps{grid-template-columns:1fr 1fr}.info-cards{grid-template-columns:1fr}.nail-block>img{height:460px}.salon h2 br{display:none}.salon .gallery img{height:145px}.section{padding-block:54px}.heading-row{align-items:start}.heading-row h2{font-size:42px}} @media(max-width:600px){html{scroll-padding-top:82px}.container{width:calc(100% - 32px)}body{padding-bottom:calc(80px + env(safe-area-inset-bottom))}.section{padding-block:28px}.header{height:64px}.brand-mark{width:34px}.wordmark{height:18px}.brand{gap:8px}.header-inner{gap:10px}.header-actions{gap:6px}.hero{padding:28px 0}.hero h1{font-size:46px;line-height:1.02}.hero .eyebrow{font-size:12px}.eyebrow{font-size:13px;letter-spacing:.18em;margin-bottom:14px}.eyebrow .hex{flex-basis:22px;height:25px}h1{font-size:42px}h2,.heading-row h2{font-size:34px}h3{font-size:23px}.lead{font-size:16px;margin-top:20px}.hero-copy .actions{display:grid;grid-template-columns:1fr;width:100%;margin-top:22px}.hero .btn,.btn{font-size:14px;min-height:54px;padding:14px 18px}.hero-visual{margin-top:0;width:100%;padding-bottom:35px}.hero-grid{gap:26px}.hex-frame{aspect-ratio:358/396}.floating-card{left:0;bottom:0;min-width:225px;padding:14px 20px}.floating-card strong{font-size:23px}.hero-location{margin-top:18px}.note{font-size:12px}.treatment-strip{padding-block:18px;gap:12px}.foil-number{font-size:44px}.treatment-strip>a{gap:20px}.treatment-strip h2{font-size:23px}.heading-row{display:block;margin-bottom:22px}.heading-row>.btn{margin-top:22px}.heading-row>.aside{margin-top:20px}.cards{grid-template-columns:1fr;gap:14px;margin-top:24px}.card-image{height:180px}.card-body{padding:16px 18px}.card-body h3{font-size:23px}.card-body p{margin-top:12px}.card-meta{margin-top:16px;padding-top:10px;font-size:12px}.specialists{grid-template-columns:1fr;gap:28px}.specialist{grid-template-columns:1fr;gap:18px}.specialist>img,.specialist>.placeholder{height:330px}.specialist h3{font-size:26px}.specialist .text-link{font-size:13px}.help-grid,.split{gap:24px}.help-grid .actions{display:grid}.nail-block>img{height:350px}.nail-block .actions{display:grid}.chips{gap:8px;margin-top:20px}.chips a,.chips span{padding-inline:12px;font-size:13px}.video{aspect-ratio:4/3}.video-play>.hex{width:72px;height:83px}.video-caption{left:16px;bottom:14px}.video-caption small{font-size:11px}.salon .gallery img{height:95px}.phones{grid-template-columns:1fr;gap:12px}.phones span{font-size:24px}.phones>a{padding:16px}.contact-bottom{gap:24px}.contact-bottom .btn{width:100%}.contact-bottom .note{max-width:none}.contact-bottom>.phones{gap:12px}.teal .heading-row>div+div{margin-top:22px}.footer-grid{grid-template-columns:1fr 1fr;gap:25px}.footer-grid>.brand{grid-column:1/-1}.footer-grid>div>a{font-size:13px}.footer-grid h2{font-size:10px;letter-spacing:.1em}footer{padding-top:28px}.footer-bottom{display:block;margin-top:24px;padding-top:18px}.footer-bottom p+p{margin-top:16px}.footer-short{display:grid;grid-template-columns:1fr;gap:20px}.sticky-book{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:25;align-items:center;justify-content:space-between;gap:12px;background:rgba(246,241,231,.97);border-top:1px solid var(--wr-line-sand);padding:12px 16px calc(12px + env(safe-area-inset-bottom))}.sticky-book>span{font-size:12px;font-weight:500;line-height:1.5;letter-spacing:.08em}.sticky-book small{font-size:10px;color:var(--wr-text-muted)}.sticky-book .btn{font-size:12px;min-height:50px;padding:12px 16px}.breadcrumb{font-size:12px;margin-bottom:18px}.page-heading{gap:24px}.expert{grid-template-columns:100px 1fr}.expert>img{height:145px}.group-list{padding-bottom:28px}.treatment-group{margin-bottom:28px}.treatment-group h2{font-size:28px;gap:12px;margin-bottom:18px}.treatment-row{grid-template-columns:48px 1fr;gap:6px 14px;padding:16px;min-height:110px}.thumb{width:48px;height:56px;grid-row:1/3}.row-body strong{font-size:20px}.row-body>span{font-size:13px}.row-meta{grid-column:2;font-size:13px}.faq-grid{gap:24px}summary{font-size:16px;padding:18px}details>p{padding:0 18px 20px;font-size:15px}.detail-hero{gap:26px}.detail-hero h1{font-size:42px}.detail-photo{height:360px}.facts{padding:16px 0}.facts>div{padding-inline:10px}.facts strong{font-size:17px}.facts small{font-size:9px;letter-spacing:.08em}.detail-hero .actions{display:grid}.detail-hero .text-link{justify-content:center}.steps{gap:24px 16px}.steps h3{font-size:20px;overflow-wrap:anywhere}.steps p{font-size:15px}.info-cards article{padding:20px}.info-cards h2{font-size:28px}.validity{max-width:none;margin-top:22px;padding:18px}.price-layout{gap:24px}.price-title{display:block}.price-title>a{display:inline-block;margin-top:12px;min-height:44px}.price-group>h2{font-size:23px;padding:16px}.price-group thead{display:none}.price-group table,.price-group tbody{display:block}.price-group tr{display:grid;grid-template-columns:minmax(0,1fr) 74px;gap:0;padding:14px 16px;border-bottom:1px solid var(--wr-line-white)}.price-group th,.price-group td{border:0;padding:0}.price-group tbody th{grid-row:1/3;padding-right:16px;font-size:19px;overflow-wrap:anywhere}.price-group td{grid-column:2;text-align:right;font-size:14px}.gift{padding:22px}.gift h2{font-size:30px}.gift .btn{width:100%}#mobile-menu{padding-inline:16px}.menu-top{height:64px}#mobile-menu .phones{grid-template-columns:1fr}.menu-bottom{padding-bottom:env(safe-area-inset-bottom)}} @media(max-width:600px){.facts{grid-template-columns:1.25fr 1fr 1fr}.facts strong{font-size:16px;white-space:nowrap}} @media(max-width:360px){.hero h1{font-size:38px}h1,.detail-hero h1{font-size:36px}h2,.heading-row h2{font-size:30px}.header-actions .icon-btn{width:44px;height:44px}.brand{gap:5px}.wordmark{height:16px}.brand-mark{width:30px}.facts strong{font-size:14px}.facts>div{padding-inline:7px}.sticky-book>span{font-size:10px}.sticky-book .btn{font-size:11px;gap:12px}.card-meta{gap:6px}.card-meta .text-link{font-size:11px}.footer-grid{gap:20px}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.btn:hover,.treatment-card:hover,.treatment-card:hover img{transform:none}} /* The source dates stay visible while the imported commercial data is unconfirmed. */ .source-note{font-size:12px;line-height:1.6;border-left:2px solid var(--wr-gold-edge);padding:10px 14px;margin:20px 0;color:var(--wr-text-muted);max-width:900px}.source-note a{text-decoration:underline;text-underline-offset:3px}.source-note a:focus-visible{outline-offset:1px}footer .source-note{color:var(--wr-on-ink-muted);margin-top:28px}.step-empty{grid-column:1/-1;max-width:640px}.price-group td{white-space:normal;overflow-wrap:anywhere}.facts strong{font-size:20px}.card-meta{flex-wrap:wrap} /* Rich navigation in the accepted B visual language. */ .nav-chevron{width:18px;height:18px;flex:0 0 18px;color:var(--wr-gold-text);transition:transform .2s ease} .nav-disclosure[open]>summary>.nav-chevron,#mobile-menu .nav-category[open]>summary>.nav-chevron{transform:rotate(180deg)} .nav-disclosure>summary:hover{background:var(--wr-teal-tint)} .icon-btn svg{display:block;margin:auto}.icon-btn:hover{background:var(--wr-teal-tint);border-color:var(--wr-gold-edge)} .offer-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 12px;border:1px solid var(--wr-gold-edge);color:var(--wr-gold-text);font:500 13px/1.3 var(--wr-font-body);white-space:nowrap;background:transparent;transition:background .2s ease} .offer-button svg{width:18px;height:18px;flex:0 0 18px}.offer-button:hover{background:var(--wr-teal-tint);color:var(--wr-teal)} .header-actions{flex-shrink:0;align-items:center}.menu-offer{width:100%;margin:12px 0 18px} @media(min-width:1201px){.header-inner{width:calc(100% - 48px);max-width:1400px}.header .brand{gap:8px}.header .wordmark{height:21px}.header .brand-mark{width:38px}.header .desktop-nav{gap:6px}.header .desktop-nav .nav-landing,.header .desktop-nav .nav-direct,.header .nav-disclosure>summary{font-size:13px}.header .btn{gap:10px;padding-inline:12px}.header .offer-button{font-size:12px;padding-inline:10px}} @media(max-width:1200px){.header .desktop-offer{display:none}body{padding-bottom:calc(80px + env(safe-area-inset-bottom))}.sticky-book{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:25;align-items:center;justify-content:center;gap:12px;background:rgba(246,241,231,.97);border-top:1px solid var(--wr-line-sand);padding:12px 16px calc(12px + env(safe-area-inset-bottom))}.sticky-book .btn{font-size:12px;min-height:50px;padding:12px 16px;gap:12px}.sticky-book .offer-button{min-height:50px}} @media(max-width:600px){.sticky-book{gap:8px}.sticky-book .offer-button{font-size:12px;padding-inline:10px;gap:6px}.sticky-book>a{flex:1}.sticky-book .btn{letter-spacing:.04em;font-size:11px;gap:6px;padding-inline:10px}.sticky-book .offer-button svg{width:15px;height:15px;flex-basis:15px}} @media(prefers-reduced-motion:reduce){.nav-chevron,.offer-button{transition:none}} .desktop-nav{gap:12px}.nav-item{display:flex;align-items:center;min-width:0}.desktop-nav .nav-landing,.desktop-nav .nav-direct{font-size:14px;min-height:48px}.nav-disclosure{background:none;border:0}.nav-disclosure>summary{font-family:var(--wr-font-body);font-size:14px;font-weight:400;min-height:48px;display:flex;align-items:center;gap:6px;list-style:none;padding:0 6px;white-space:nowrap}.nav-disclosure>.arrow-summary{width:32px;justify-content:center;padding:0}.nav-disclosure>summary>span{font-size:18px;line-height:1;transform:none;color:var(--wr-gold-text)}.nav-disclosure[open]>summary>span{transform:rotate(180deg)}.nav-disclosure[open]>summary{color:var(--wr-gold-text)}.nav-panel{position:absolute;top:100%;left:50%;transform:translateX(-50%);width:min(1200px,calc(100vw - 48px));background:var(--wr-sand);border:1px solid var(--wr-line-sand);border-top:2px solid var(--wr-gold-edge);box-shadow:0 20px 35px #14312f24;max-height:calc(100dvh - 112px);overflow-y:auto;overscroll-behavior:contain;padding:26px 30px 18px;z-index:35}.nav-panel-top{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--wr-line-sand);padding-bottom:18px;margin-bottom:22px}.nav-panel-top .label{font-size:10px;margin-bottom:6px}.nav-title{font:30px/1.2 var(--wr-font-display);color:var(--wr-text)}.nav-panel-top .text-link{font-size:12px}.nav-columns{columns:3;column-gap:30px}.nav-wide .nav-columns{columns:4}.nav-category{break-inside:avoid;margin-bottom:22px}.nav-category-title{font-family:var(--wr-font-body);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;line-height:1.5;color:var(--wr-gold-text);border-bottom:1px solid var(--wr-line-sand);padding-bottom:9px;margin-bottom:7px}.desktop-nav .nav-category a{display:flex;flex-wrap:wrap;column-gap:8px;justify-content:space-between;align-content:center;min-height:44px;padding:8px 0;font-size:14px;line-height:1.35;white-space:normal}.nav-category a:hover{color:var(--wr-gold-text);text-decoration:underline;text-underline-offset:3px}.legacy-tag{font:400 10px/1.4 var(--wr-font-body);color:var(--wr-text-muted);white-space:nowrap}.nav-panel .nav-hint{font-size:12px;line-height:1.5;border-top:1px solid var(--wr-line-sand);padding:12px 0 0;margin:4px 0 0}.nav-panel :focus-visible{outline-offset:2px}.header-inner{gap:16px} @media(max-width:1200px){.desktop-nav,.desktop-book{display:none}.header .mobile-only{display:flex}.header{height:76px}.nav-panel{position:static;transform:none;width:100%;max-height:none;box-shadow:none}} /* Split link + toggle: the label navigates, the separate chevron expands. */ #mobile-menu nav .nav-item{position:relative;display:block;border-bottom:1px solid var(--wr-line-sand)} #mobile-menu nav .nav-landing{position:absolute;top:0;left:0;width:calc(100% - 48px);height:60px;display:flex;align-items:center;font:26px/1.3 var(--wr-font-display);z-index:1} #mobile-menu .nav-disclosure{margin:0;background:none;border:0} #mobile-menu .nav-disclosure>summary{height:60px;min-height:60px;white-space:normal;font:26px/1.3 var(--wr-font-display);padding:0;justify-content:space-between} #mobile-menu .nav-disclosure>.arrow-summary{width:48px;margin-left:auto;justify-content:center} #mobile-menu .nav-disclosure>summary>span{font-size:23px;color:var(--wr-gold-text);transform:none} #mobile-menu .nav-disclosure[open]>summary>span{transform:rotate(180deg)} #mobile-menu .nav-panel{position:static;transform:none;width:100%;max-height:none;padding:4px 0 20px;border:0;box-shadow:none;background:none;overflow:visible} #mobile-menu .nav-panel-top{display:none} #mobile-menu .nav-columns{columns:auto} #mobile-menu .nav-category{border:0;border-top:1px solid var(--wr-line-sand);background:transparent;margin:0} #mobile-menu .nav-category>summary{padding:12px 10px;min-height:50px;font:500 16px/1.5 var(--wr-font-body);color:var(--wr-gold-text);display:flex;gap:12px;justify-content:space-between} #mobile-menu .nav-category>summary:after{content:none} #mobile-menu .nav-category>div{background:white;padding:6px 14px} #mobile-menu .nav-category a{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;justify-content:space-between;min-height:48px;padding:10px 0;font:400 15px/1.45 var(--wr-font-body);border-bottom:1px solid var(--wr-line-white)} #mobile-menu .nav-category a:last-child{border-bottom:0} #mobile-menu .nav-hint{font-size:11px;padding-top:12px;margin-top:14px} @media(max-width:600px){.header{height:64px}.desktop-nav{display:none}}