/*
Theme Name: Velmira Aesthetics Approved V10
Theme URI: https://velmira.uk
Author: Velmira Aesthetics
Description: WordPress theme matching the approved Velmira website Version 10.
Version: 10.0.0
Requires at least: 6.0
Text Domain: velmira-v10
*/
/* Theme Name: Velmira Aesthetics */
:root{--ivory:#f9f5ed;--sand:#eee5d7;--champagne:#d4b998;--bronze:#9b765b;--ink:#302a26;--muted:#766d64}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,.serif{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.14}h1{font-size:clamp(2.9rem,6vw,6rem);margin:12px 0 20px}h2{font-size:clamp(2.1rem,4vw,3.5rem);margin:12px 0 25px}h3{font-size:1.5rem;margin:8px 0}p{margin:0 0 18px}.eyebrow{text-transform:uppercase;letter-spacing:.25em;font-size:.7rem;color:var(--bronze);font-weight:bold}.shell{width:min(1200px,92%);margin:auto}.topbar{background:#2a2421;color:#f5e8d9;text-align:center;font-size:.73rem;letter-spacing:.1em;padding:8px}.nav{background:rgba(249,245,237,.96);position:sticky;top:0;z-index:20;border-bottom:1px solid #e7ded2}.nav-inner{display:flex;align-items:center;justify-content:space-between;min-height:88px;gap:20px}.brand{display:flex;align-items:center;gap:12px}.brand img{width:67px;height:67px;object-fit:cover;border-radius:50%}.brand span{font-family:Georgia,serif;letter-spacing:.13em;font-size:1.1rem}.brand small{display:block;letter-spacing:.28em;font:9px Arial;margin-top:4px}.links{display:flex;align-items:center;gap:25px;font-size:.83rem}.links a:hover{color:var(--bronze)}.btn{display:inline-block;padding:13px 25px;border:1px solid var(--bronze);background:var(--bronze);color:#fff;text-transform:uppercase;letter-spacing:.13em;font-size:.72rem;font-weight:bold;transition:.2s;cursor:pointer}.btn:hover{background:#76563f}.btn-outline{background:transparent;color:var(--ink)}.btn-outline:hover{color:white}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:650px;background:linear-gradient(110deg,#f8f2e9,#e9dac6)}.hero-copy{padding:clamp(45px,7vw,110px) 6vw;display:flex;flex-direction:column;justify-content:center}.hero-copy p{max-width:460px;color:#6b625a}.hero-photo{background:url('assets/studio.jpg.png') center center/cover no-repeat;min-height:430px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:15px}.section{padding:95px 0}.center{text-align:center}.intro{max-width:680px;margin:auto;color:var(--muted)}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:45px}.feature{border-top:1px solid #c8b59f;padding-top:25px}.feature b{font-family:Georgia,serif;font-size:1.35rem;font-weight:normal}.split{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.split img{width:100%;height:510px;object-fit:cover}.sand{background:var(--sand)}.treat-head{display:flex;align-items:end;justify-content:space-between;gap:20px;flex-wrap:wrap}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:30px 0}.tab{background:transparent;border:1px solid #cbbba9;padding:10px 15px;cursor:pointer;font-size:.78rem;color:var(--ink)}.tab.active{background:var(--ink);color:white}.treat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.treat{background:#fffdfa;border:1px solid #e7ded2;padding:24px;min-height:195px;display:flex;flex-direction:column}.treat h3{font-size:1.36rem}.treat p{color:var(--muted);font-size:.88rem;flex:1}.treat-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #eee4d9;padding-top:13px}.price{font-family:Georgia,serif;font-size:1.45rem;color:#87684f}.duration{font-size:.76rem;color:var(--muted)}.small-link{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid var(--bronze)}.spotlight{background:#f1e7d9}.spotlight img{max-height:530px;object-fit:cover;width:100%}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.gallery img{height:330px;width:100%;object-fit:cover}.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:70px}.contact-grid p{color:var(--muted)}.footer{background:#2a2421;color:#f4eadf;padding:50px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:45px}.footer a{color:#f4eadf}.footer p{color:#d6c9bb}.fine{font-size:.73rem;color:#a89a8b;margin-top:35px;border-top:1px solid #5b5048;padding-top:18px}.note{font-size:.78rem;color:#786c60}.mobile-toggle{display:none}@media(max-width:850px){.links{display:none}.mobile-toggle{display:block;border:0;background:transparent;font-size:1.7rem}.links.open{display:flex;position:absolute;left:0;right:0;top:88px;background:var(--ivory);padding:20px;flex-direction:column;align-items:flex-start;box-shadow:0 12px 15px #0002}.hero,.split,.contact-grid{grid-template-columns:1fr}.hero-photo{order:-1;min-height:350px}.hero-copy{padding:55px 6vw}.features,.treat-grid,.gallery{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.section{padding:65px 0}}@media(max-width:560px){.features,.treat-grid,.gallery,.footer-grid{grid-template-columns:1fr}.gallery img{height:310px}.brand span{font-size:.9rem}.nav-inner{min-height:75px}.links.open{top:75px}}

[hidden]{display:none!important}

/* Compact illustrated treatment menu */
.treat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.treat{padding:0;min-height:0;overflow:hidden;border-radius:7px}
.treat-image{width:100%;height:142px;object-fit:cover;background:#e9dfd2}
.treat-body{padding:13px 14px 14px;display:flex;flex:1;flex-direction:column}
.treat h3{font-size:1.13rem;margin:0 0 6px;line-height:1.22}
.treat p{font-size:.79rem;line-height:1.4;margin:0 0 10px}
.treat-foot{padding-top:9px}.price{font-size:1.24rem}.small-link{font-size:.65rem;letter-spacing:.045em}.duration{font-size:.72rem}
.krx-photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:28px}
.krx-photo-grid img{width:100%;height:auto;aspect-ratio:4/5;object-fit:contain;background:#eee4d7;border-radius:5px}
.krx-intro{max-width:740px}.krx-spotlight{background:#f1e7d9}.krx-spotlight h2{margin-bottom:12px}.krx-spotlight .section{padding:0}
@media(max-width:1000px){.treat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.treat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.krx-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:430px){.treat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.treat-image{height:110px}.treat-body{padding:10px}.treat h3{font-size:1rem}.treat p{font-size:.72rem}.treat-foot{flex-wrap:wrap}.small-link{font-size:.62rem}}

/* V3: smaller visual treatment cards, uncut original promo images */
.treat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.treat-image{height:128px;object-fit:cover}
.treat-body{padding:11px 12px 12px}.treat h3{font-size:1.04rem}.treat p{font-size:.76rem;line-height:1.35}
.zemits-promo{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:22px 0 0}.zemits-promo img{width:100%;height:auto;object-fit:contain;border-radius:7px;background:#eee5d8}
.results-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}.result-card{background:white;padding:12px;border:1px solid #e7dacb;border-radius:8px}.result-card img{width:100%;height:auto;display:block;object-fit:contain}.result-card h3{font-size:1rem;margin:12px 0 3px}.result-card p{font-size:.78rem;margin:0;color:#74685f}
@media(max-width:900px){.zemits-promo{grid-template-columns:repeat(3,minmax(0,1fr))}.results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.zemits-promo{grid-template-columns:repeat(2,minmax(0,1fr))}.results-grid{grid-template-columns:1fr 1fr;gap:9px}.result-card{padding:6px}.result-card h3{font-size:.85rem}.treat-image{height:105px}}

/* V4: no images in treatment cards, elegant colour-block cards */
#treatments{background:#fbf5f0}
.treat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.treat{border:1px solid rgba(137,91,68,.12);border-radius:16px;min-height:164px;box-shadow:0 8px 25px rgba(105,70,52,.06);transition:transform .2s,box-shadow .2s}
.treat:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(105,70,52,.14)}
.treat-body{padding:20px 18px 16px;min-height:164px}
.treat h3{font-size:1.2rem;line-height:1.2;margin-bottom:9px}
.treat p{font-size:.81rem;line-height:1.45;margin-bottom:13px;color:inherit;opacity:.84}
.treat-foot{border-color:rgba(100,65,48,.2);padding-top:12px}
.treat .price{font-size:1.3rem;color:inherit}.treat .duration{color:inherit;opacity:.8}.treat .small-link{color:inherit;border-color:currentColor}
.tone-1{background:linear-gradient(135deg,#a77e56,#d6b28a);color:#fffaf3}
.tone-2{background:linear-gradient(135deg,#f8e7dd,#eec7b7);color:#52392f}
.tone-3{background:linear-gradient(135deg,#bc7f76,#d9a39b);color:#fffaf8}
.tone-4{background:linear-gradient(135deg,#f3d9cc,#f8ebe4);color:#51382e}
.tone-5{background:linear-gradient(135deg,#ead5c9,#f8e9de);color:#51382e}
.tone-6{background:linear-gradient(135deg,#b9796d,#d89a8a);color:#fffaf8}
.tone-7{background:linear-gradient(135deg,#d5c4e5,#eee4f5);color:#43334f}
.tone-8{background:linear-gradient(135deg,#6d8e80,#9db6a8);color:#fffaf5}
.facial-carousel{height:clamp(250px,35vw,430px);position:relative;overflow:hidden;border-radius:15px;margin-bottom:45px;background:#c4a68f;box-shadow:0 16px 40px #8c634422}
.facial-slides,.facial-slide{position:absolute;inset:0}
.facial-slide{opacity:0;transition:opacity .9s ease;pointer-events:none}
.facial-slide.active{opacity:1;pointer-events:auto}
.facial-slide img{width:100%;height:100%;object-fit:cover;object-position:center 42%}
.facial-slide:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(44,25,20,.45),transparent 65%)}
.slide-caption{position:absolute;z-index:1;left:9%;bottom:18%;color:#fff;display:flex;flex-direction:column;text-shadow:0 2px 8px #0006}
.slide-caption strong{font-family:Georgia,serif;font-size:clamp(2rem,5vw,4.4rem);font-weight:400;letter-spacing:.08em}
.slide-caption span{text-transform:uppercase;font-size:.8rem;letter-spacing:.24em}
.slide-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:42px;height:42px;border-radius:50%;border:1px solid #fff9;background:#2d1b1855;color:#fff;font-size:24px;cursor:pointer}
.slide-prev{left:15px}.slide-next{right:15px}
.slide-dots{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);z-index:3;display:flex;gap:8px}
.slide-dot{width:8px;height:8px;border-radius:50%;border:1px solid white;background:transparent;padding:0;cursor:pointer}.slide-dot.active{background:white}
@media(max-width:900px){.treat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.treat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.treat-body{padding:14px 12px;min-height:190px}.treat h3{font-size:1.04rem}.treat p{font-size:.74rem}.facial-carousel{height:270px;margin-bottom:30px}.slide-caption{bottom:22%}.slide-arrow{width:34px;height:34px}}
@media(prefers-reduced-motion:reduce){.facial-slide{transition:none}.treat{transition:none}}

/* V5: seamless automatically moving photo ribbon */
.auto-facial-carousel{height:285px;overflow:hidden;position:relative;border-radius:18px}
.auto-facial-carousel .facial-slides{position:absolute;inset:0;display:flex;width:max-content;animation:velmira-marquee 38s linear infinite}
.auto-facial-carousel .facial-slide{position:relative;inset:auto;flex:0 0 260px;width:260px;height:100%;opacity:1!important;pointer-events:auto;transition:none}
.auto-facial-carousel .facial-slide img{width:100%;height:100%;object-fit:cover}
.auto-facial-carousel .slide-caption{bottom:18px;left:15px;right:15px}
@keyframes velmira-marquee{to{transform:translateX(-50%)}}
.treatment-detail{margin:10px 0 15px;border-top:1px solid rgba(83,52,36,.2);padding-top:9px;font-size:.85rem}
.treatment-detail summary{cursor:pointer;font-weight:700;letter-spacing:.015em;list-style:none;color:#5d3527}
.treatment-detail summary:after{content:' + ';float:right;font-size:1.15rem}
.treatment-detail[open] summary:after{content:' − '}
.treatment-detail p{margin:10px 0 4px!important;font-size:.84rem!important;line-height:1.5!important}
@media(max-width:650px){.auto-facial-carousel{height:210px}.auto-facial-carousel .facial-slide{flex-basis:185px;width:185px}.auto-facial-carousel .facial-slides{animation-duration:32s}}
@media(prefers-reduced-motion:reduce){.auto-facial-carousel .facial-slides{animation:none;overflow-x:auto;width:100%}}

/* V6: clean image-only moving ribbon; no moving/overlapping words */
.auto-facial-carousel .slide-caption{display:none!important}
.auto-facial-carousel .facial-slide::after{display:none!important}
.auto-facial-carousel .facial-slide{overflow:hidden}
.auto-facial-carousel .facial-slide img{display:block}


/* V7: exactly one full-width image at a time; automatic crossfade. */
.auto-facial-carousel{height:clamp(240px,35vw,430px)!important;overflow:hidden;position:relative}
.auto-facial-carousel .facial-slides{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;animation:none!important;transform:none!important}
.auto-facial-carousel .facial-slide{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;flex:none!important;opacity:0!important;visibility:hidden;pointer-events:none!important;transition:opacity 1s ease,visibility 1s ease!important;overflow:hidden}
.auto-facial-carousel .facial-slide.active{opacity:1!important;visibility:visible!important;pointer-events:auto!important;z-index:1}
.auto-facial-carousel .facial-slide img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;object-position:center!important}
.auto-facial-carousel .slide-caption,.auto-facial-carousel .facial-slide::after{display:none!important}
@media(max-width:650px){.auto-facial-carousel{height:260px!important}}
@media(prefers-reduced-motion:reduce){.auto-facial-carousel .facial-slide{transition:none!important}}


/* V8 redesigned slideshow: one entire image, with all text outside image */
.auto-facial-carousel{display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr)!important;gap:0!important;height:390px!important;min-height:0!important;position:relative!important;background:#e8d8c7!important;border-radius:22px!important;overflow:hidden!important;box-shadow:0 14px 35px #654e3a15}
.auto-facial-carousel .facial-slides{position:relative!important;inset:auto!important;width:100%!important;height:390px!important;overflow:hidden!important;transform:none!important;animation:none!important;display:block!important}
.auto-facial-carousel .facial-slide{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;opacity:0!important;visibility:hidden!important;transition:opacity 900ms ease,visibility 900ms ease!important;background:#e8d8c7!important;transform:none!important;overflow:hidden!important}
.auto-facial-carousel .facial-slide.active{opacity:1!important;visibility:visible!important;z-index:2!important}
.auto-facial-carousel .facial-slide img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center center!important;display:block!important;transform:none!important;filter:none!important}
.auto-facial-carousel .facial-slide::after,.auto-facial-carousel .slide-caption{display:none!important}
.auto-facial-carousel .banner-copy{position:relative!important;display:flex!important;flex-direction:column!important;justify-content:center!important;padding:30px 38px!important;text-align:left!important;background:linear-gradient(135deg,#f6e9de,#d9bba2)!important;z-index:3!important;color:#4d352b!important}
.auto-facial-carousel .banner-copy span{font-size:11px!important;letter-spacing:2px!important;font-weight:700!important;margin-bottom:16px!important}
.auto-facial-carousel .banner-copy strong{font-family:Georgia,serif!important;font-size:clamp(27px,3vw,43px)!important;line-height:1.14!important;font-weight:400!important}
.auto-facial-carousel .banner-copy p{font-size:14px!important;line-height:1.6!important;margin-top:18px!important}
.auto-facial-carousel .banner-dots{margin-top:12px!important;letter-spacing:7px!important;color:#90644d!important}
@media(max-width:700px){.auto-facial-carousel{grid-template-columns:1fr!important;height:auto!important}.auto-facial-carousel .facial-slides{height:250px!important}.auto-facial-carousel .banner-copy{padding:22px 25px!important}.auto-facial-carousel .banner-copy strong{font-size:28px!important}}
@media(prefers-reduced-motion:reduce){.auto-facial-carousel .facial-slide{transition:none!important}}