/* Iccha's Beauty — info pages (about, policies, privacy, faq, contact) */
.pg-wrap{max-width:1100px;margin:0 auto;padding:120px clamp(18px,5vw,48px) 70px}
.pg-wrap .crumbs{margin-bottom:26px}
.pg-kicker{display:inline-block;font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;color:var(--gold-light);font-weight:600;margin-bottom:14px}
.pg-hero{text-align:center;max-width:720px;margin:0 auto 46px}
.pg-hero h1{font-size:clamp(2.2rem,5.5vw,3.8rem);line-height:1.1;margin-bottom:14px}
.pg-hero p{color:var(--text-dim);font-size:1.05rem;line-height:1.7;font-weight:300}
.pg-hero .upd{display:block;margin-top:14px;color:var(--text-faint);font-size:.78rem}
.doc-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:48px;align-items:start}
.doc-layout:not(:has(.doc-toc)){grid-template-columns:minmax(0,1fr);max-width:780px;margin:0 auto}
.doc-toc{position:sticky;top:104px;display:flex;flex-direction:column;gap:2px;padding:18px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.6);backdrop-filter:blur(10px)}
.doc-toc b{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-light);margin-bottom:8px}
.doc-toc a{padding:8px 10px;border-radius:10px;font-size:.88rem;color:var(--text-dim);transition:all .25s}
.doc-toc a:hover,.doc-toc a.on{background:var(--gold-pale);color:var(--gold-deep);font-weight:600}
.prose{background:rgba(255,255,255,.72);border:1px solid var(--line);border-radius:26px;padding:clamp(22px,4vw,46px);box-shadow:0 24px 60px -34px rgba(82,20,59,.3)}
.prose section{scroll-margin-top:100px;padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid var(--line)}
.prose section:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.prose h2{font-size:1.7rem;margin-bottom:14px;color:var(--gold-deep)}
.prose h3{font-size:1.15rem;margin:22px 0 8px;color:var(--text)}
.prose p,.prose li{color:var(--text-dim);line-height:1.8;font-size:.97rem}
.prose p{margin-bottom:12px}
.prose ul{padding-left:1.2em;margin:8px 0 14px}.prose li{margin-bottom:8px}.prose li::marker{color:var(--gold)}
.prose a{color:var(--gold);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.prose b{color:var(--text)}
.callout{background:var(--gold-pale);border-left:4px solid var(--gold);border-radius:14px;padding:16px 18px;color:var(--gold-deep);line-height:1.7;font-size:.94rem;margin:14px 0}
/* faq */
.faq{display:flex;flex-direction:column;gap:12px;max-width:780px;margin:0 auto}
.faq-item{border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.75);overflow:hidden;transition:box-shadow .3s,border-color .3s}
.faq-item[open]{border-color:var(--gold);box-shadow:0 18px 40px -26px rgba(138,36,100,.5)}
.faq-item summary{list-style:none;cursor:pointer;padding:18px 54px 18px 20px;font-weight:600;position:relative;line-height:1.4}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:1.5rem;color:var(--gold);transition:transform .3s}
.faq-item[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.faq-item p{padding:0 20px 20px;color:var(--text-dim);line-height:1.75;animation:fadeDown .35s ease}
@keyframes fadeDown{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.faq-more{text-align:center;margin-top:28px;color:var(--text-dim)}.faq-more a{color:var(--gold);font-weight:600;text-decoration:underline}
/* contact */
.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.c-card{display:flex;flex-direction:column;gap:6px;padding:26px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.8);transition:transform .35s,box-shadow .35s,border-color .35s}
.c-card:hover{transform:translateY(-5px);border-color:var(--gold);box-shadow:0 24px 44px -24px rgba(138,36,100,.55)}
.c-card b{font-family:'Fraunces',serif;font-size:1.25rem;font-weight:500}.c-card span:not(.c-ic){color:var(--gold);font-weight:600}.c-card small{color:var(--text-faint)}
.c-ic{width:48px;height:48px;border-radius:14px;background:var(--gold-pale);color:var(--gold);display:grid;place-items:center;margin-bottom:8px}.c-ic svg{width:24px;height:24px}.c-ic.wa{background:#e3f6ea;color:#1f9d57}
/* about */
.about{max-width:1080px}
.ab-hero{text-align:center;padding:10px 0 40px}
.ab-logo-wrap{position:relative;width:150px;height:150px;margin:0 auto 26px}
.ab-logo{position:relative;width:150px;height:150px;object-fit:contain;animation:floaty 6s ease-in-out infinite;filter:drop-shadow(0 12px 26px rgba(138,36,100,.28))}
.ring{position:absolute;inset:-14px;border-radius:50%;border:1.5px solid rgba(138,36,100,.28);animation:ringPulse 3.6s ease-out infinite}.ring.r2{animation-delay:1.8s}
@keyframes ringPulse{0%{transform:scale(.8);opacity:.9}100%{transform:scale(1.6);opacity:0}}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.ab-hero h1{font-size:clamp(2.6rem,7vw,4.9rem);line-height:1.06;margin-bottom:20px}
.wline{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.12em}
.wline>span{display:inline-block;transform:translateY(110%);animation:rise 1s cubic-bezier(.2,.8,.2,1) .3s forwards}
.wline:nth-of-type(2)>span{animation-delay:.55s}
@keyframes rise{to{transform:none}}
.grad{background:var(--gold-grad);background-size:280% 280%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 7s linear infinite}
@keyframes shimmer{0%{background-position:0 50%}100%{background-position:200% 50%}}
.ab-sub{max-width:640px;margin:0 auto;color:var(--text-dim);font-size:1.1rem;line-height:1.75;font-weight:300;opacity:0;animation:fadeUp 1s ease 1s forwards}
.ab-sub b{color:var(--gold);font-weight:600}
@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.ab-story{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center;padding:46px clamp(20px,4vw,50px);border-radius:30px;background:linear-gradient(135deg,#52143b,#8a2464 70%,#a8317f);color:#fff;margin:20px 0 40px;position:relative;overflow:hidden}
.ab-story::before{content:"";position:absolute;right:-80px;top:-80px;width:300px;height:300px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,214,140,.35),transparent)}
.ab-quote{font-family:'Fraunces',serif;font-size:clamp(1.9rem,4vw,2.9rem);line-height:1.15;position:relative}
.ab-quote span{display:block;font-size:4.5rem;line-height:.6;color:#ffd48a;opacity:.8}.ab-quote em{color:#ffd9ec}
.ab-text p{color:rgba(255,255,255,.88);line-height:1.8;margin-bottom:14px;position:relative}
.ab-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:60px}
.ab-stats div{text-align:center;padding:26px 10px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.75)}
.ab-stats b{display:block;font-family:'Fraunces',serif;font-size:clamp(2.2rem,5vw,3.2rem);font-weight:500;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.ab-stats span{font-size:.8rem;color:var(--text-dim);letter-spacing:.04em}
.ab-sec{margin-bottom:64px}.sec-head{text-align:center;margin-bottom:30px}.sec-head h2{font-size:clamp(1.8rem,4vw,2.6rem)}
.v-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.v-card{padding:26px 22px;border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.8);transition:transform .4s,box-shadow .4s,border-color .4s;transition-delay:0s}
.v-card:hover{transform:translateY(-8px);border-color:var(--gold);box-shadow:0 28px 50px -28px rgba(138,36,100,.55)}
.v-card.reveal{transition:opacity .8s ease var(--d,0ms),transform .8s cubic-bezier(.2,.7,.2,1) var(--d,0ms),box-shadow .4s,border-color .4s}
.v-ic{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:var(--gold-pale);color:var(--gold);margin-bottom:16px;transition:transform .5s}.v-card:hover .v-ic{transform:rotate(-8deg) scale(1.1)}.v-ic svg{width:26px;height:26px}
.v-card h3{font-size:1.15rem;margin-bottom:8px}.v-card p{color:var(--text-dim);font-size:.9rem;line-height:1.7}
.ab-steps{list-style:none;max-width:720px;margin:0 auto;position:relative;padding-left:0}
.ab-steps::before{content:"";position:absolute;left:25px;top:20px;bottom:20px;width:2px;background:linear-gradient(var(--gold),rgba(138,36,100,.15))}
.ab-steps li{display:flex;gap:20px;align-items:flex-start;margin-bottom:26px;position:relative}
.ab-steps li.reveal{transition:opacity .8s ease var(--d,0ms),transform .8s cubic-bezier(.2,.7,.2,1) var(--d,0ms)}
.s-n{flex:none;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--gold-grad);color:#fff;font-family:'Fraunces',serif;font-size:1.3rem;box-shadow:0 10px 24px -8px rgba(138,36,100,.6);position:relative;z-index:1}
.ab-steps h3{font-size:1.2rem;margin:4px 0 4px}.ab-steps p{color:var(--text-dim);line-height:1.65}
.ab-brands{margin-bottom:56px;overflow:hidden;border-block:1px solid var(--line);padding:18px 0;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.mq-track{display:flex;gap:28px;width:max-content;animation:mq 38s linear infinite;align-items:center}
.mq-track span{font-family:'Fraunces',serif;font-size:1.35rem;color:var(--gold-deep);white-space:nowrap}.mq-track i{color:var(--gold);font-style:normal}
@keyframes mq{to{transform:translateX(-50%)}}
.ig-cta{display:flex;align-items:center;gap:22px;flex-wrap:wrap;justify-content:space-between;padding:30px clamp(20px,4vw,40px);border-radius:28px;border:1px solid var(--line);background:linear-gradient(120deg,rgba(243,220,234,.9),rgba(255,248,240,.9));margin-bottom:56px}
.ig-ic{width:62px;height:62px;border-radius:18px;background:var(--gold-grad);color:#fff;display:grid;place-items:center;flex:none;animation:floaty 5s ease-in-out infinite}.ig-ic svg{width:30px;height:30px}
.ig-cta>div:nth-child(2){flex:1;min-width:220px}.ig-cta h2{font-size:1.5rem;margin-bottom:4px}.ig-cta p{color:var(--text-dim)}
.btn-ig{display:inline-flex;align-items:center;gap:10px;padding:15px 26px;border-radius:100px;background:var(--gold-grad);background-size:220% 220%;color:#fff;font-weight:700;font-size:.92rem;box-shadow:0 14px 30px -12px rgba(138,36,100,.6);transition:transform .3s,background-position .6s}.btn-ig:hover{transform:translateY(-3px);background-position:100% 50%}.btn-ig svg{width:20px;height:20px}
.ab-final{text-align:center;padding:10px 0 0}.ab-final h2{font-size:clamp(1.8rem,4vw,2.5rem);margin-bottom:10px}.ab-final p{color:var(--text-dim);margin-bottom:24px}
.ab-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.ab-btns .btn-order{flex:none;min-height:56px}.ab-btns .btn-share{min-height:56px}
@media (min-width:881px){footer .footer-grid{grid-template-columns:1.5fr 1fr 1.1fr 1.3fr}}
.ig-link{display:flex!important;align-items:center;gap:8px}
.reveal{opacity:0}.reveal.in-view{opacity:1}
@media (max-width:880px){.doc-layout{grid-template-columns:1fr;gap:20px}.doc-toc{position:static;flex-direction:row;flex-wrap:wrap;gap:6px}.doc-toc b{width:100%}.ab-story{grid-template-columns:1fr;gap:22px}.v-grid{grid-template-columns:repeat(2,1fr)}.ab-stats{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.pg-wrap{padding-top:104px}.contact-grid,.v-grid{grid-template-columns:1fr}.ig-cta{flex-direction:column;text-align:center;align-items:center}.btn-ig{width:100%;justify-content:center}.ab-steps::before{left:25px}}
@media (prefers-reduced-motion:reduce){.wline>span,.ab-sub{animation:none;transform:none;opacity:1}.ab-logo,.ring,.ig-ic,.mq-track,.grad{animation:none}.reveal{opacity:1;transform:none}}