/* MyFit landing — sirf logged-out page par. App ka CSS alag hai. */
.lp{--lp:#9d174d;--lp-d:#7d1240;--lp-l:#fdf2f7;--gold:#c79a3c;
  --ink:#1c1917;--mut:#6b6462;--line:#eee7e2;--bg:#fdfbfa;--soft:#f8f3f0;
  font:15px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}
.lp *{box-sizing:border-box}
.lp h1,.lp h2,.lp h3{margin:0;letter-spacing:-.025em;line-height:1.12}
.lp p{margin:0}
.lp .row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.lp-in{max-width:1080px;margin:0 auto;padding:0 20px}

.lp-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;
  padding:11px 18px;border-radius:10px;font-weight:650;font-size:14px;text-decoration:none;
  border:1px solid transparent;cursor:pointer;transition:.15s;white-space:nowrap}
.lp-btn.solid{background:linear-gradient(180deg,#a81a56,var(--lp));color:#fff;
  box-shadow:0 2px 10px rgba(157,23,77,.28)}
.lp-btn.solid:hover{background:linear-gradient(180deg,var(--lp),var(--lp-d));
  box-shadow:0 5px 18px rgba(157,23,77,.34);transform:translateY(-1px)}
.lp-btn.ghost{border-color:var(--line);color:var(--ink);background:#fff}
.lp-btn.ghost:hover{border-color:var(--lp);color:var(--lp)}
.lp-btn.big{padding:15px 30px;font-size:15.5px;border-radius:12px}
.lp-btn.full{width:100%;margin-top:14px}

.lp-nav{position:sticky;top:0;z-index:20;background:rgba(253,251,250,.9);
  backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.lp-nav .lp-in{display:flex;align-items:center;gap:18px;height:66px}
.lp-hi{font-size:13px;color:var(--mut);margin-right:6px;white-space:nowrap;font-weight:500}
.lp-hi b{color:var(--ink);font-weight:600}
@media(max-width:640px){.lp-hi{display:none}}
.lp-brand{text-decoration:none;color:var(--ink)}
.lp-tabs{display:flex;gap:2px;margin-left:8px;flex:1;overflow-x:auto;scrollbar-width:none}
.lp-tabs::-webkit-scrollbar{display:none}
.lp-tab{padding:8px 13px;border-radius:9px;font-size:14px;font-weight:600;color:var(--mut);
  text-decoration:none;white-space:nowrap}
.lp-tab:hover{color:var(--ink);background:var(--soft)}
.lp-tab.on{color:var(--lp);background:var(--lp-l)}
.lp-narrow{max-width:720px}
.lp-narrow h3{font-size:17px;margin:26px 0 8px}
.lp-narrow p{color:var(--mut);font-size:15px}
.lp-narrow a{color:var(--lp)}
.lp-signup{text-align:center}
.lp-signup .lp-lead{margin-left:auto;margin-right:auto}
.lp-form{max-width:420px;margin:26px auto 0;text-align:left}
.lp-form .auth{min-height:0;padding:0;background:none;display:block}
.lp-form .auth-box{box-shadow:none;border:1px solid var(--line);margin:0;max-width:100%}
.lp-brand{display:flex;align-items:center;gap:9px;font-size:17px}
.lp-mark{width:31px;height:31px;border-radius:10px;color:#fff;
  background:linear-gradient(145deg,#b81f5f,var(--lp-d));
  display:grid;place-items:center;font-weight:800;font-size:15px;
  box-shadow:0 2px 8px rgba(157,23,77,.3)}

/* =====================================================================
   PAGE BACKGROUND — asli design ki photo, poore page ke peeche.
   Fixed layer (background-attachment:fixed iPhone par atakta hai).
   Do parat hain taaki badalte waqt fade ho sake.
   ===================================================================== */
.lp-bg{position:fixed;inset:0;z-index:0;pointer-events:none;background:var(--bg)}
.lp-bg-i{position:absolute;inset:0;background-size:cover;background-position:center 22%;
  filter:blur(14px) saturate(1.15);transform:scale(1.08);
  opacity:0;transition:opacity 1.1s ease}
.lp-bg-i.on{opacity:1}
/* Parda — iske bina text nahi padha jaata */
.lp-bg::after{content:'';position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(253,251,250,.80) 0%,rgba(253,251,250,.88) 42%,
                             rgba(253,251,250,.94) 100%)}
.lp-bg-c{position:fixed;right:12px;bottom:10px;z-index:3;font-size:11.5px;
  color:var(--mut);text-decoration:none;background:rgba(255,255,255,.72);
  border:1px solid var(--line);border-radius:999px;padding:5px 11px;
  backdrop-filter:blur(6px);transition:.15s}
.lp-bg-c:hover{color:var(--lp);border-color:var(--lp)}
.lp-bg-c b{color:var(--ink);font-weight:650}
@media(max-width:560px){.lp-bg-c{display:none}}
/* Hero ke text ke peeche halka safed dhalaan — photo chahe kitni bhi tez ho,
   likha hua hamesha padha jaaye. Ye veil se alag hai aur sirf hero par lagta hai. */
.lp.hasbg .lp-hero::before{content:'';position:absolute;inset:0;z-index:0;
  background:linear-gradient(100deg,rgba(253,251,250,.72) 0%,rgba(253,251,250,.52) 26%,
                             rgba(253,251,250,.16) 48%,rgba(253,251,250,0) 62%)}
.lp.hasbg .lp-hero-in{position:relative;z-index:1}
@media(max-width:860px){
  .lp.hasbg .lp-hero::before{background:linear-gradient(180deg,rgba(253,251,250,.80),rgba(253,251,250,.62))}
}
.lp.hasbg .lp-band{background:rgba(253,251,250,.88)}

/* Saara content photo ke upar */
.lp-nav,.lp-hero,.lp-band,.lp-sec,.lp-cta,.lp-foot{position:relative;z-index:1}

/* Photo ke saath sections shishe jaise — likha hua saaf, rang jhalakta hua */
.lp.hasbg .lp-sec{background:rgba(253,251,250,.72);
  backdrop-filter:blur(7px)}
.lp.hasbg .lp-sec.alt{background:rgba(248,243,240,.86)}
.lp.hasbg .lp-f,.lp.hasbg .lp-p{background:rgba(255,255,255,.90)}
.lp.hasbg .lp-nav{background:rgba(253,251,250,.86)}
/* Neeche gehra parda — FAQ jaisa lamba section ek hi photo par ajeeb na lage */
.lp.hasbg #faq,.lp.hasbg #trust{background:rgba(253,251,250,.90)}

.lp-hero{padding:64px 0 48px;position:relative;overflow:hidden}
.lp:not(.hasbg) .lp-hero{
  background:
    radial-gradient(680px 380px at 78% -8%, #fbe9f1 0%, rgba(251,233,241,0) 62%),
    radial-gradient(520px 320px at 6% 106%, #fbf3e8 0%, rgba(251,243,232,0) 60%)}
.lp-hero-in{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center}
.lp-pill{display:inline-flex;align-items:center;gap:7px;background:#fff;color:var(--lp);
  border:1px solid #f3d3e2;border-radius:999px;padding:7px 15px;font-size:12.5px;
  font-weight:650;margin-bottom:20px;box-shadow:0 1px 6px rgba(157,23,77,.08)}
.lp-pill::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--lp);
  box-shadow:0 0 0 3px rgba(157,23,77,.16)}
.lp h1{font-size:clamp(31px,4.4vw,50px);font-weight:760}
.lp h1 span{color:var(--lp)}
.lp-sub{color:var(--mut);font-size:17px;margin:18px 0 26px;max-width:520px}
.lp-mini{color:var(--mut);font-size:12.5px;margin-top:12px}

.lp-phone{justify-self:center}
.lp-screen{width:290px;border:1px solid var(--line);border-radius:26px;background:#fff;
  padding:17px;box-shadow:0 26px 64px rgba(28,25,23,.16);transform:rotate(-1.2deg);
  transition:transform .3s}
.lp-phone:hover .lp-screen{transform:rotate(0deg) translateY(-4px)}
.lp-sh{display:flex;gap:11px;align-items:center;padding-bottom:13px;border-bottom:1px solid var(--line)}
.lp-sh-logo{width:38px;height:38px;border-radius:11px;background:var(--lp);color:#fff;
  display:grid;place-items:center;font-weight:800;font-size:14px}
.lp-sh-t{font-size:11.5px;color:var(--mut);font-weight:400}
.lp-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:13px 0}
.lp-c{background:var(--soft);border-radius:11px;padding:10px 11px}
.lp-c b{display:block;font-size:17px;letter-spacing:-.02em}
.lp-c span{font-size:10.5px;color:var(--mut)}
.lp-wa{background:#e7f7ea;border-radius:12px;padding:11px}
.lp-bub{font-size:12.5px;line-height:1.55}
.lp-t{color:var(--mut);font-size:11px}
.lp-cap{text-align:center;font-size:12px;color:var(--mut);margin-top:12px;max-width:290px}

.lp-band{background:linear-gradient(90deg,#fbf3e8,#fdf2f7,#fbf3e8);
  border-block:1px solid var(--line);padding:18px 0}
.lp-logos{display:flex;gap:26px;flex-wrap:wrap;justify-content:center;
  font-size:12.5px;color:var(--mut);font-weight:600;letter-spacing:.04em;text-transform:uppercase}

.lp-sec{padding:74px 0}
.lp-sec.alt{background:var(--soft);border-block:1px solid var(--line)}
.lp h2{font-size:clamp(25px,3.1vw,34px);font-weight:740}
.lp-lead{color:var(--mut);font-size:16.5px;margin:13px 0 34px;max-width:620px}
.lp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.lp-f{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px 24px;
  transition:transform .18s,box-shadow .18s,border-color .18s;position:relative}
.lp-f:hover{transform:translateY(-3px);border-color:#f0d9e4;
  box-shadow:0 14px 34px rgba(28,25,23,.09)}
.lp-sec.alt .lp-f{background:#fff}
.lp-i{width:44px;height:44px;border-radius:13px;color:#fff;
  background:linear-gradient(145deg,#b81f5f,var(--lp-d));
  display:grid;place-items:center;font-size:19px;margin-bottom:15px;
  box-shadow:0 4px 12px rgba(157,23,77,.26)}
.lp-f h3{font-size:16.5px;margin-bottom:8px}
.lp-f p{color:var(--mut);font-size:14.2px}

.lp-demo{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
/* min-width:0 zaroori hai — warna andar ki cheez column ko chauda kar deti hai */
.lp-demo>*{min-width:0}
.lp-list{margin:18px 0 0;padding:0;list-style:none}
.lp-list li{position:relative;padding-left:24px;margin-bottom:10px;color:var(--mut);font-size:14.5px}
.lp-list li:before{content:'\2713';position:absolute;left:0;color:var(--lp);font-weight:800}
.lp-demo-box{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;
  box-shadow:0 16px 44px rgba(28,25,23,.10)}
.lp-canv{position:relative;border-radius:12px;overflow:hidden;background:#efe9e5;
  border:1px solid var(--line);max-width:400px;margin:0 auto;cursor:zoom-in}
.lp-canv canvas{display:block;max-width:100%;touch-action:none}
/* Hint neeche rehta hai — kurti ke peeche chhup nahi jaata */
.lp-hint{position:absolute;left:0;right:0;bottom:0;color:var(--ink);
  font-size:12.5px;text-align:center;padding:10px 16px;pointer-events:none;
  background:linear-gradient(to top,rgba(255,255,255,.96),rgba(255,255,255,.86) 60%,transparent);
  font-weight:600}

.lp-price{display:grid;grid-template-columns:repeat(2,minmax(0,340px));gap:20px}
.lp-p{background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px 28px;
  transition:transform .18s,box-shadow .18s}
.lp-p:hover{transform:translateY(-3px);box-shadow:0 14px 36px rgba(28,25,23,.09)}
.lp-p.hot{border-color:var(--lp);border-width:2px;
  box-shadow:0 14px 40px rgba(157,23,77,.16)}
.lp-p-tag{font-size:12.5px;font-weight:700;color:var(--lp);text-transform:uppercase;letter-spacing:.05em}
.lp-p-amt{font-size:40px;font-weight:760;letter-spacing:-.03em;margin-top:10px}
.lp-p-per{color:var(--mut);font-size:13.5px}
.lp-p-sub{color:var(--mut);font-size:13.5px;margin-top:8px;line-height:1.5}
.lp-price{grid-template-columns:repeat(auto-fit,minmax(260px,320px));justify-content:center}
.lp-p ul{margin:18px 0 0;padding:0;list-style:none}
.lp-p li{position:relative;padding-left:22px;margin-bottom:9px;font-size:14px;color:var(--mut)}
.lp-p li:before{content:'\2713';position:absolute;left:0;color:var(--lp);font-weight:800}

.lp-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.lp-trust h3{font-size:16px;margin-bottom:7px}
.lp-trust p{color:var(--mut);font-size:14px}

.lp-cta{padding:78px 0;text-align:center;color:#fff;position:relative;overflow:hidden;
  background:linear-gradient(135deg,#7d1240 0%,#a81a56 52%,#8a1548 100%)}
.lp-cta::after{content:'';position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(520px 260px at 82% -20%, rgba(255,255,255,.14), transparent 70%)}
.lp-cta .lp-in{position:relative;z-index:1}
.lp-cta h2{color:#fff}
.lp-cta p{color:rgba(255,255,255,.85);margin:12px 0 22px}
.lp-cta .lp-btn.solid{background:#fff;color:var(--lp)}
.lp-cta .lp-btn.solid:hover{background:#fdf2f7}
.lp-cta .lp-mini{color:rgba(255,255,255,.8)}

.lp-foot{padding:26px 0;border-top:1px solid var(--line);font-size:13px;color:var(--mut)}
.lp-foot .lp-in{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
.lp-foot a{color:var(--mut);text-decoration:none}
.lp-foot a:hover{color:var(--lp)}

@media (max-width:900px){
  .lp-hero-in,.lp-demo{grid-template-columns:1fr;gap:32px}
  .lp-grid,.lp-trust{grid-template-columns:1fr 1fr}
  .lp-price{grid-template-columns:1fr}
  .lp h1{font-size:34px}
  .lp h2{font-size:26px}
  .lp-hero{padding:36px 0 26px}
  .lp-sec{padding:48px 0}
}
@media (max-width:560px){
  .lp-grid,.lp-trust{grid-template-columns:1fr}
  .lp h1{font-size:29px}
  .lp-nav .lp-in{height:56px}
  .lp-nav .lp-btn.ghost:first-child{display:none}
}

@media (max-width:760px){ .lp-tabs{display:none} }

/* ---- landing ke videos ---- */
.lp-vgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px;margin-top:18px}
.lp-vcard{border:1px solid var(--line,#e7e1e4);border-radius:14px;overflow:hidden;background:#fff;
  box-shadow:0 1px 3px rgba(0,0,0,.05)}
.lp-vframe{position:relative;width:100%;aspect-ratio:16/9;background:#000}
.lp-vframe img,.lp-vframe iframe{position:absolute;inset:0;width:100%;height:100%;border:0;
  display:block;object-fit:cover}
.lp-vplay{position:absolute;inset:0;border:0;background:transparent;color:#fff;font-size:34px;
  cursor:pointer;display:grid;place-items:center;text-shadow:0 2px 10px rgba(0,0,0,.6);
  transition:transform .15s}
.lp-vplay:hover{transform:scale(1.12)}
.lp-vmeta{padding:11px 14px;font-size:13.5px;line-height:1.55}
.lp-vmeta a{font-size:12.5px}

/* ---- bada karke dekhne wali khidki ---- */
.lp-zoom{position:fixed;inset:0;z-index:9999;background:rgba(20,14,17,.88);
  display:grid;place-items:center;padding:24px;cursor:zoom-out}
.lp-zoom img{max-width:min(92vw,560px);max-height:88vh;width:auto;height:auto;
  border-radius:14px;box-shadow:0 10px 40px rgba(0,0,0,.45);background:#f3efec}
.lp-zoom .lp-zx{position:absolute;top:18px;right:20px;width:40px;height:40px;border:0;
  border-radius:50%;background:rgba(255,255,255,.92);font-size:22px;line-height:1;
  cursor:pointer;color:#3a2b31}
.lp-zoom .lp-zt{position:absolute;bottom:22px;left:0;right:0;text-align:center;
  color:rgba(255,255,255,.82);font-size:13px}

/* =====================================================================
   ANIMATION — halki, dhyan bhatkane wali nahi.
   Jinke phone me "reduced motion" chalu hai, unke liye sab band.
   ===================================================================== */
@media (prefers-reduced-motion:no-preference){
  /* Sirf tab chhupao jab JS ne <html> par lp-js laga diya ho — warna JS fail hone
     par bhi content dikhta rahe. Kabhi khaali section nahi. */
  .lp-js .lp-rise{opacity:0;transform:translateY(18px);
    transition:opacity .6s cubic-bezier(.22,.8,.3,1),transform .6s cubic-bezier(.22,.8,.3,1)}
  .lp-js .lp-rise.in{opacity:1;transform:none}
  .lp-rise.d1{transition-delay:.07s} .lp-rise.d2{transition-delay:.14s}
  .lp-rise.d3{transition-delay:.21s} .lp-rise.d4{transition-delay:.28s}
  .lp-rise.d5{transition-delay:.35s} .lp-rise.d6{transition-delay:.42s}

  /* hero ka phone halka sa tairta hai */
  .lp-screen{animation:lpFloat 7s ease-in-out infinite}
  @keyframes lpFloat{
    0%,100%{transform:rotate(-1.2deg) translateY(0)}
    50%    {transform:rotate(-.4deg)  translateY(-9px)}
  }
  .lp-phone:hover .lp-screen{animation-play-state:paused}

  /* band ki patti chalti rehti hai */
  .lp-mq{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
    mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
  .lp-mq-in{display:flex;width:max-content;animation:lpSlide 26s linear infinite}
  .lp-mq:hover .lp-mq-in{animation-play-state:paused}
  @keyframes lpSlide{from{transform:translateX(0)}to{transform:translateX(-50%)}}

  /* free wale pill ka nabz */
  .lp-pill::before{animation:lpPulse 2.4s ease-in-out infinite}
  @keyframes lpPulse{
    0%,100%{box-shadow:0 0 0 3px rgba(157,23,77,.16)}
    50%    {box-shadow:0 0 0 6px rgba(157,23,77,.05)}
  }
}

.lp-mq-in span{padding:0 26px;white-space:nowrap;font-size:12.5px;color:var(--mut);
  font-weight:600;letter-spacing:.05em;text-transform:uppercase}

/* ---- designs ki jhalak ---- */
.lp-show{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center}
.lp-show>*{min-width:0}
.lp-shot{position:relative;border-radius:22px;padding:26px;overflow:hidden;
  background:linear-gradient(150deg,#fdf2f7,#fbf3e8);border:1px solid var(--line);
  box-shadow:0 18px 46px rgba(28,25,23,.10);display:grid;place-items:center}
.lp-shot img{width:100%;max-width:290px;height:auto;display:block;position:relative;z-index:1;
  filter:drop-shadow(0 12px 24px rgba(28,25,23,.16))}
.lp-shot::before{content:'';position:absolute;width:340px;height:340px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.95),rgba(255,255,255,0) 68%)}
.lp-tag{position:absolute;z-index:2;background:#fff;border:1px solid var(--line);
  border-radius:999px;padding:7px 14px;font-size:12.5px;font-weight:650;
  box-shadow:0 4px 16px rgba(28,25,23,.12);white-space:nowrap}
.lp-tag b{color:var(--lp)}
.lp-tag.t1{top:22px;left:20px}
.lp-tag.t2{bottom:70px;right:18px}
.lp-tag.t3{bottom:22px;left:28px}
@media (prefers-reduced-motion:no-preference){
  .lp-tag{animation:lpFloat2 5.5s ease-in-out infinite}
  .lp-tag.t2{animation-delay:.9s} .lp-tag.t3{animation-delay:1.8s}
  @keyframes lpFloat2{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
}

/* ---- rang ki thaali ---- */
.lp-sw{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.lp-sw i{width:38px;height:38px;border-radius:11px;display:block;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.06),0 3px 10px rgba(28,25,23,.10);
  transition:transform .18s}
.lp-sw i:hover{transform:translateY(-4px) scale(1.06)}

@media (max-width:860px){
  .lp-show{grid-template-columns:1fr;gap:28px}
}

/* ---- hero ki ek-line ---- */
.lp-one{margin:14px 0 4px;font-size:15.5px;color:var(--mut)}
.lp-one b{color:var(--ink)}

/* ---- asli boutiques ---- */
.lp-who{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.lp-whocard{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--line);
  border-radius:14px;background:#fff;text-decoration:none;color:var(--ink);
  transition:transform .16s,box-shadow .16s,border-color .16s}
.lp-whocard:hover{transform:translateY(-2px);border-color:#f0d9e4;box-shadow:0 10px 26px rgba(28,25,23,.08)}
.lp-whocard>span:nth-child(2){flex:1;min-width:0;display:grid}
.lp-whocard b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lp-whocard small{color:var(--mut);font-size:12.5px}
.lp-whomark{width:38px;height:38px;border-radius:11px;flex:none;color:#fff;display:grid;place-items:center;
  font-weight:800;font-size:15px;background:linear-gradient(145deg,#b81f5f,var(--lp-d))}
.lp-whogo{color:var(--mut);font-size:16px}
.lp-whocard:hover .lp-whogo{color:var(--lp)}

/* ---- WhatsApp "Poochhiye" — hamesha neeche daayen ---- */
.lp-ask{position:fixed;right:18px;bottom:18px;z-index:50;display:flex;align-items:center;gap:8px;
  padding:11px 16px 11px 13px;border-radius:999px;background:#25d366;color:#fff;text-decoration:none;
  font-weight:700;font-size:14px;box-shadow:0 8px 24px rgba(37,211,102,.38);transition:transform .16s}
.lp-ask:hover{transform:translateY(-2px)}
.lp-ask-ic{font-size:18px;line-height:1}
@media (max-width:560px){ .lp-ask-t{display:none} .lp-ask{padding:13px} }

/* FAQ */
.lp-faq details{border:1px solid var(--line);border-radius:12px;background:#fff;margin-bottom:8px;padding:0 16px}
.lp-faq summary{cursor:pointer;font-weight:650;padding:14px 0;list-style:none;display:flex;justify-content:space-between;gap:12px}
.lp-faq summary::-webkit-details-marker{display:none}
.lp-faq summary::after{content:'+';color:var(--mut);font-weight:400}
.lp-faq details[open] summary::after{content:'–'}
.lp-faq p{margin:0 0 14px;color:var(--mut);line-height:1.6}
.lp-nap address{font-style:normal;margin-top:4px;font-size:12.5px}
.lp-nap a{text-decoration:none}

/* homepage gallery — asli designs */
.lp-galh{margin:26px 0 12px;font-size:16px;color:var(--mut);font-weight:600}
.lp-gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}
.lp-galcard{display:block;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;text-decoration:none;color:inherit;transition:transform .15s,box-shadow .15s}
.lp-galcard:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,0,0,.10)}
.lp-galcard img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block;background:#f3efec}
.lp-galcard span{display:flex;justify-content:space-between;gap:6px;padding:8px 10px;font-size:12.5px}
.lp-galcard small{color:var(--rose,#9d174d);font-weight:700}