/*
Theme Name: Ritu's Mobile Couture
Theme URI: https://ritusbeauty.example
Author: Custom for Ritu's Beauty Salon & Academy
Description: Ultra-premium mobile-first salon and academy theme with dynamic galleries, service proof, video hero and WhatsApp booking.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: ritus-mobile-couture
*/
:root{--ink:#171311;--paper:#f8f5f1;--cream:#eee5db;--gold:#b39158;--rose:#9d5e6b;--glass:rgba(255,255,255,.12);--line:rgba(255,255,255,.22);--shadow:0 24px 70px rgba(27,19,15,.18);--radius:28px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden;padding-bottom:78px}img,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{width:min(100% - 30px,1180px);margin-inline:auto}.serif,h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:400}.eyebrow{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);font-weight:700}.section{padding:74px 0}.section-head{margin-bottom:28px}.section-head h2{font-size:clamp(2.1rem,9vw,4.8rem);line-height:.95;margin:.45rem 0 1rem}.section-head p{color:#625851;line-height:1.7;max-width:58ch}.site-header{position:fixed;z-index:50;top:12px;left:12px;right:12px;border:1px solid rgba(255,255,255,.3);border-radius:20px;background:rgba(16,13,12,.58);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 10px 35px rgba(0,0,0,.2)}.header-inner{min-height:62px;display:flex;align-items:center;justify-content:space-between;padding:7px 10px}.brand{display:flex;align-items:center;gap:9px;color:white}.brand img{width:45px;height:45px;border-radius:50%;object-fit:cover;background:white}.brand strong{font-family:Georgia,serif;font-size:.96rem;display:block}.brand small{opacity:.65;font-size:.62rem;letter-spacing:.06em}.menu-toggle{width:44px;height:44px;border-radius:14px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.1);color:white;font-size:1.2rem}.desktop-nav{display:none}.mobile-menu{display:none;padding:8px 12px 16px}.mobile-menu.open{display:grid;gap:7px}.mobile-menu a{color:white;padding:12px;border-radius:13px;background:rgba(255,255,255,.08)}.hero{min-height:100svh;position:relative;background:#120f0e;color:white;display:flex;align-items:flex-end;overflow:hidden}.hero video,.hero-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,8,7,.2),rgba(10,8,7,.35) 35%,rgba(10,8,7,.92) 92%)}.hero-content{position:relative;z-index:2;padding:150px 0 116px}.hero h1{font-size:clamp(3.2rem,15vw,7.5rem);line-height:.82;letter-spacing:-.05em;margin:.7rem 0 1.2rem;max-width:8ch}.hero-copy{font-size:1rem;line-height:1.65;color:rgba(255,255,255,.78);max-width:34ch}.hero-actions{display:grid;gap:10px;margin-top:28px}.btn{min-height:54px;border-radius:999px;display:inline-flex;justify-content:center;align-items:center;padding:0 22px;font-size:.78rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;border:1px solid transparent}.btn-gold{background:linear-gradient(135deg,#d0b47a,#a67c42);color:#17110b;box-shadow:0 16px 35px rgba(179,145,88,.28)}.btn-glass{border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.09);backdrop-filter:blur(12px);color:white}.hero-meta{display:flex;gap:10px;overflow:auto;margin-top:26px;padding-bottom:5px;scrollbar-width:none}.hero-meta span{white-space:nowrap;padding:9px 13px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);font-size:.72rem}.luxury-strip{margin-top:-48px;position:relative;z-index:5}.strip-card{border-radius:28px;padding:22px;background:rgba(255,255,255,.72);backdrop-filter:blur(22px);box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.8)}.strip-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.micro{background:white;border-radius:18px;padding:16px;min-height:114px}.micro b{font-family:Georgia,serif;font-size:1.05rem}.micro span{display:block;color:#766b64;font-size:.76rem;line-height:1.4;margin-top:8px}.service-rail,.proof-rail{display:grid;grid-auto-flow:column;grid-auto-columns:86%;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 15px 24px;margin-inline:-15px;scrollbar-width:none}.service-card{scroll-snap-align:center;position:relative;min-height:510px;border-radius:30px;overflow:hidden;color:white;box-shadow:var(--shadow)}.service-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.service-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,rgba(12,9,8,.9))}.service-card .copy{position:absolute;z-index:2;left:22px;right:22px;bottom:22px}.service-card h3{font-size:2.25rem;margin:.4rem 0}.service-card p{color:rgba(255,255,255,.72);line-height:1.55}.service-card a{display:inline-flex;margin-top:12px;color:#f0d59f;font-weight:700}.dark{background:#15110f;color:white}.dark .section-head p{color:rgba(255,255,255,.6)}.premises-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.premises-item{border:0;padding:0;border-radius:22px;overflow:hidden;position:relative;background:#29201c}.premises-item:first-child{grid-column:1/-1;aspect-ratio:16/11}.premises-item:not(:first-child){aspect-ratio:4/5}.premises-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.premises-item:active img{transform:scale(1.04)}.proof-card{scroll-snap-align:center;background:white;border-radius:26px;padding:8px;box-shadow:0 16px 45px rgba(41,30,25,.1)}.proof-card img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:20px}.proof-card div{padding:15px}.proof-card h3{font-size:1.4rem;margin:0 0 5px}.proof-card p{font-size:.78rem;color:#766b64;margin:0}.masonry{columns:2;column-gap:9px}.masonry button{width:100%;display:block;margin:0 0 9px;border:0;padding:0;border-radius:18px;overflow:hidden;background:#ddd}.masonry img{width:100%;height:auto}.academy-card{position:relative;border-radius:34px;overflow:hidden;background:linear-gradient(135deg,#261b18,#0e0c0b);color:white;padding:34px 24px;box-shadow:var(--shadow)}.academy-card:before{content:"";position:absolute;width:240px;height:240px;border-radius:50%;background:rgba(179,145,88,.22);filter:blur(40px);right:-100px;top:-80px}.academy-card>*{position:relative}.academy-steps{display:grid;gap:10px;margin:25px 0}.academy-step{display:flex;gap:13px;padding:15px;border-radius:18px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1)}.academy-step i{font-style:normal;color:#d0b47a}.visit-card{border-radius:34px;background:#e9dfd4;padding:30px 23px}.visit-card h2{font-size:2.6rem;margin:.5rem 0}.visit-card p{line-height:1.65;color:#625851}.visit-actions{display:grid;gap:10px;margin-top:22px}.footer{padding:50px 0 110px;background:#0f0d0c;color:white}.footer p{color:rgba(255,255,255,.55);line-height:1.6}.mobile-dock{position:fixed;z-index:60;bottom:8px;left:8px;right:8px;height:66px;border-radius:22px;background:rgba(17,14,13,.88);backdrop-filter:blur(22px);display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 35px rgba(0,0,0,.28);padding:6px}.mobile-dock a{color:white;display:grid;place-items:center;font-size:.63rem;border-radius:16px}.mobile-dock a span{font-size:1.2rem;display:block}.mobile-dock .primary{background:linear-gradient(135deg,#c5a56d,#94703f);color:#17110b}.lightbox{position:fixed;z-index:100;inset:0;background:rgba(8,6,5,.94);display:none;align-items:center;justify-content:center;padding:20px}.lightbox.open{display:flex}.lightbox img{max-height:88vh;border-radius:20px}.lightbox-close{position:absolute;top:18px;right:18px;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.1);color:white}.reveal{opacity:0;transform:translateY(18px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}
@media(min-width:760px){body{padding-bottom:0}.site-header{left:24px;right:24px}.menu-toggle,.mobile-menu,.mobile-dock{display:none!important}.desktop-nav{display:flex;gap:22px;color:white;align-items:center;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.hero-content{padding-bottom:120px}.hero-actions{display:flex}.strip-grid{grid-template-columns:repeat(4,1fr)}.service-rail{grid-template-columns:repeat(4,1fr);grid-auto-flow:unset;overflow:visible;margin:0;padding:0}.service-card{min-height:520px}.premises-grid{grid-template-columns:2fr 1fr 1fr}.premises-item:first-child{grid-column:auto;grid-row:span 2;aspect-ratio:auto}.premises-item:not(:first-child){aspect-ratio:1}.proof-rail{grid-template-columns:repeat(4,1fr);grid-auto-flow:unset;overflow:visible;margin:0;padding:0}.masonry{columns:4}.academy-card{display:grid;grid-template-columns:1.1fr .9fr;padding:56px}.visit-card{display:flex;justify-content:space-between;align-items:center;padding:48px}.visit-actions{min-width:280px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}