/* ============================================================
   ADI YOGPEETH — PAY NOW
   Page-only styles. Uses the locked AYP typography variables:
   --font-display: Playfair Display
   --font-body: PT Serif
   ============================================================ */

.ayp-payment-page{
    --pay-green:#173F35;
    --pay-deep:#102F2A;
    --pay-gold:#B79A63;
    --pay-gold-light:#D7C397;
    --pay-ivory:#FAF8F3;
    --pay-sand:#F1ECE2;
    --pay-sage:#EEF1E8;
    --pay-white:#FFFFFF;
    --pay-text:#26332F;
    --pay-muted:#68736D;
    --pay-line:rgba(23,63,53,.14);
    --pay-shadow:0 18px 55px rgba(16,47,42,.08);
    background:var(--pay-ivory);
    color:var(--pay-text);
    font-family:var(--font-body);
}

.ayp-payment-page *,
.ayp-payment-page *::before,
.ayp-payment-page *::after{box-sizing:border-box}

.ayp-payment-container{
    width:min(92%,1440px);
    margin-inline:auto;
}

/* HERO */
.ayp-payment-hero{
    position:relative;
    overflow:hidden;
    min-height:600px;
    background:var(--pay-deep);
    color:#fff;
}

.ayp-payment-hero__pattern{
    position:absolute;
    inset:0;
    opacity:.32;
    background:
        radial-gradient(circle at 75% 35%,rgba(183,154,99,.2),transparent 25%),
        linear-gradient(110deg,rgba(16,47,42,1) 0%,rgba(16,47,42,.96) 48%,rgba(23,63,53,.82) 100%);
}

.ayp-payment-hero__inner{
    position:relative;
    min-height:600px;
    display:grid;
    grid-template-columns:minmax(0,1fr) 220px;
    align-items:center;
    gap:70px;
    padding:90px 0;
}

.ayp-payment-breadcrumb{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:38px;
    color:rgba(255,255,255,.6);
    font-size:14px;
}

.ayp-payment-breadcrumb a{
    color:#fff;
    text-decoration:none;
}

.ayp-payment-breadcrumb a:hover{color:var(--pay-gold-light)}

.ayp-payment-eyebrow{
    margin:0 0 15px;
    color:var(--pay-gold);
    font:600 12px/1.3 var(--font-body);
    letter-spacing:.18em;
    text-transform:uppercase;
}

.ayp-payment-hero h1{
    max-width:850px;
    margin:0;
    font:500 clamp(48px,6vw,78px)/.98 var(--font-display);
    letter-spacing:-.035em;
}

.ayp-payment-hero h1 em{
    display:block;
    color:var(--pay-gold-light);
    font-style:italic;
}

.ayp-payment-hero__intro{
    max-width:650px;
    margin:28px 0 35px;
    color:rgba(255,255,255,.8);
    font-size:18px;
    line-height:1.75;
}

.ayp-payment-trust{
    display:flex;
    flex-wrap:wrap;
    gap:14px 28px;
}

.ayp-payment-trust div{
    display:grid;
    grid-template-columns:38px 1fr;
    grid-template-rows:auto auto;
    column-gap:10px;
    min-width:180px;
}

.ayp-payment-trust span{
    grid-row:1 / 3;
    display:grid;
    place-items:center;
    width:38px;
    height:38px;
    border:1px solid rgba(215,195,151,.5);
    border-radius:50%;
    color:var(--pay-gold-light);
}

.ayp-payment-trust strong{
    align-self:end;
    font-size:14px;
}

.ayp-payment-trust small{
    color:rgba(255,255,255,.54);
    font-size:12px;
}

.ayp-payment-hero__statement{
    align-self:center;
    justify-self:end;
    display:flex;
    flex-direction:column;
    gap:10px;
    padding-left:32px;
    border-left:1px solid rgba(215,195,151,.45);
    color:rgba(255,255,255,.65);
    font:500 12px/1.2 var(--font-body);
    letter-spacing:.28em;
    writing-mode:vertical-rl;
}

/* JOURNEY */
.ayp-payment-journey{
    position:relative;
    z-index:2;
    margin-top:-1px;
    background:var(--pay-white);
    border-bottom:1px solid var(--pay-line);
}

.ayp-payment-steps{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    max-width:850px;
    margin:auto;
}

.ayp-payment-step{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    padding:22px 15px;
    color:var(--pay-muted);
    font-size:15px;
}

.ayp-payment-step:not(:last-child)::after{
    content:"";
    position:absolute;
    right:0;
    top:50%;
    width:1px;
    height:24px;
    transform:translateY(-50%);
    background:var(--pay-line);
}

.ayp-payment-step span{
    display:grid;
    place-items:center;
    width:34px;
    height:34px;
    border:1px solid var(--pay-line);
    border-radius:50%;
    font:600 14px/1 var(--font-body);
}

.ayp-payment-step.is-active{
    color:var(--pay-green);
}

.ayp-payment-step.is-active span{
    border-color:var(--pay-green);
    background:var(--pay-green);
    color:#fff;
}

/* SECTION HEADINGS */
.ayp-payment-section-heading{
    max-width:700px;
    margin:0 auto 45px;
    text-align:center;
}

.ayp-payment-section-heading h2,
.ayp-payment-info h2,
.ayp-payment-security h2,
.ayp-payment-help h2{
    margin:0;
    color:var(--pay-green);
    font:500 clamp(36px,4.2vw,54px)/1.06 var(--font-display);
    letter-spacing:-.025em;
}

.ayp-payment-section-heading h2 em,
.ayp-payment-info h2 em,
.ayp-payment-security h2 em,
.ayp-payment-help h2 em{
    color:var(--pay-gold);
    font-style:italic;
}

.ayp-payment-section-heading>p:last-child{
    max-width:600px;
    margin:16px auto 0;
    color:var(--pay-muted);
    font-size:17px;
    line-height:1.7;
}

/* PAYMENT METHODS */
.ayp-payment-methods{
    padding:90px 0 100px;
}

.ayp-payment-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:22px;
}

.ayp-payment-card{
    position:relative;
    display:flex;
    flex-direction:column;
    min-width:0;
    padding:34px;
    border:1px solid var(--pay-line);
    border-radius:18px;
    background:var(--pay-white);
    box-shadow:var(--pay-shadow);
}

.ayp-payment-card.is-featured{
    border-color:rgba(183,154,99,.55);
}

.ayp-payment-card__number{
    position:absolute;
    top:26px;
    right:28px;
    color:rgba(23,63,53,.24);
    font:500 13px/1 var(--font-body);
    letter-spacing:.1em;
}

.ayp-payment-card__icon{
    display:grid;
    place-items:center;
    width:54px;
    height:54px;
    margin-bottom:28px;
    border:1px solid rgba(183,154,99,.42);
    border-radius:50%;
    color:var(--pay-gold);
}

.ayp-payment-card__icon svg{
    width:26px;
    height:26px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.5;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.ayp-payment-card__eyebrow{
    margin:0 0 9px;
    color:var(--pay-gold);
    font:600 11px/1.3 var(--font-body);
    letter-spacing:.15em;
    text-transform:uppercase;
}

.ayp-payment-card h3{
    margin:0 0 16px;
    color:var(--pay-green);
    font:500 clamp(28px,2.4vw,36px)/1.02 var(--font-display);
}

.ayp-payment-card h3 em{
    color:var(--pay-gold);
    font-style:italic;
}

.ayp-payment-card>p{
    margin:0;
    color:var(--pay-muted);
    font-size:16px;
    line-height:1.7;
}

.ayp-payment-card__gateway{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    min-height:155px;
    margin-top:26px;
    padding:22px;
    border-radius:12px;
    background:var(--pay-sage);
}

.ayp-payment-card__gateway>span{
    margin-bottom:13px;
    color:var(--pay-green);
    font:600 10px/1.3 var(--font-body);
    letter-spacing:.16em;
}

.ayp-payment-card__gateway form{
    min-height:52px;
}

.ayp-payment-card__gateway .razorpay-embed-btn{
    min-height:52px;
}

.ayp-payment-card__gateway small{
    margin-top:12px;
    color:var(--pay-muted);
    font-size:13px;
    line-height:1.5;
}

.ayp-payment-card__note{
    display:flex;
    gap:10px;
    margin-top:20px;
    padding-top:18px;
    border-top:1px solid var(--pay-line);
}

.ayp-payment-card__note>span{
    flex:0 0 auto;
    display:grid;
    place-items:center;
    width:23px;
    height:23px;
    border:1px solid rgba(183,154,99,.55);
    border-radius:50%;
    color:var(--pay-gold);
    font-size:12px;
}

.ayp-payment-card__note p{
    margin:0;
    color:var(--pay-muted);
    font-size:13px;
    line-height:1.55;
}

/* BANK */
.ayp-payment-card--bank{
    background:#fdfbf7;
}

.ayp-bank-details{
    margin-top:25px;
    border-top:1px solid var(--pay-line);
}

.ayp-bank-details div{
    display:flex;
    justify-content:space-between;
    gap:20px;
    padding:11px 0;
    border-bottom:1px solid var(--pay-line);
}

.ayp-bank-details span{
    flex:0 0 42%;
    color:var(--pay-muted);
    font-size:13px;
}

.ayp-bank-details strong{
    color:var(--pay-text);
    text-align:right;
    font:600 13px/1.4 var(--font-body);
}

/* INFO */
.ayp-payment-info{
    padding:90px 0;
    background:var(--pay-sand);
}

.ayp-payment-info__grid{
    display:grid;
    grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
    gap:90px;
    align-items:start;
}

.ayp-payment-info__intro{
    max-width:540px;
    margin:22px 0 0;
    color:var(--pay-muted);
    font-size:17px;
    line-height:1.75;
}

.ayp-payment-checklist{
    border-top:1px solid var(--pay-line);
}

.ayp-payment-checklist>div{
    display:grid;
    grid-template-columns:48px 1fr;
    gap:20px;
    padding:24px 0;
    border-bottom:1px solid var(--pay-line);
}

.ayp-payment-checklist span{
    color:var(--pay-gold);
    font:500 14px/1 var(--font-body);
}

.ayp-payment-checklist p{
    margin:0;
    color:var(--pay-muted);
    font-size:15px;
    line-height:1.6;
}

.ayp-payment-checklist strong{
    display:block;
    margin-bottom:4px;
    color:var(--pay-green);
    font-size:17px;
}

/* SECURITY */
.ayp-payment-security{
    padding:85px 0;
    background:var(--pay-white);
}

.ayp-payment-security__intro{
    max-width:700px;
    margin-bottom:38px;
}

.ayp-payment-security__intro>p:last-child{
    max-width:630px;
    margin:18px 0 0;
    color:var(--pay-muted);
    font-size:16px;
    line-height:1.7;
}

.ayp-payment-method-list{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    border-top:1px solid var(--pay-line);
    border-bottom:1px solid var(--pay-line);
}

.ayp-payment-method-list span{
    display:flex;
    flex-direction:column;
    gap:8px;
    padding:25px 18px;
    color:var(--pay-muted);
    text-align:center;
    font-size:14px;
}

.ayp-payment-method-list span+span{
    border-left:1px solid var(--pay-line);
}

.ayp-payment-method-list b{
    min-height:24px;
    color:var(--pay-green);
    font:600 15px/1 var(--font-body);
}

.ayp-payment-security__badge{
    display:flex;
    align-items:center;
    gap:14px;
    max-width:550px;
    margin:30px auto 0;
    padding:18px 22px;
    border:1px solid var(--pay-line);
    border-radius:12px;
    background:var(--pay-ivory);
}

.ayp-payment-security__badge>span{
    display:grid;
    place-items:center;
    width:34px;
    height:34px;
    border-radius:50%;
    background:var(--pay-green);
    color:#fff;
}

.ayp-payment-security__badge strong{
    display:block;
    color:var(--pay-green);
    font-size:15px;
}

.ayp-payment-security__badge small{
    display:block;
    margin-top:4px;
    color:var(--pay-muted);
    font-size:12px;
}

/* HELP */
.ayp-payment-help{
    padding:90px 0;
    background:var(--pay-deep);
    color:#fff;
}

.ayp-payment-help__inner{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(300px,.7fr);
    gap:90px;
    align-items:center;
}

.ayp-payment-help h2{color:#fff}

.ayp-payment-help__inner>div>p:not(.ayp-payment-eyebrow){
    max-width:650px;
    margin:20px 0 0;
    color:rgba(255,255,255,.7);
    font-size:16px;
    line-height:1.7;
}

.ayp-payment-help__actions{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:28px;
}

.ayp-payment-help__actions a{
    display:inline-flex;
    align-items:center;
    gap:12px;
    min-height:50px;
    padding:0 20px;
    border:1px solid rgba(215,195,151,.55);
    border-radius:8px;
    color:#fff;
    text-decoration:none;
    font:600 14px/1 var(--font-body);
    transition:background .2s ease,color .2s ease,border-color .2s ease;
}

.ayp-payment-help__actions a:first-child{
    background:var(--pay-gold);
    border-color:var(--pay-gold);
    color:var(--pay-deep);
}

.ayp-payment-help__actions a:hover{
    background:#fff;
    border-color:#fff;
    color:var(--pay-deep);
}

.ayp-payment-help blockquote{
    margin:0;
    padding-left:38px;
    border-left:1px solid rgba(215,195,151,.45);
    color:var(--pay-gold-light);
    font:italic 26px/1.35 var(--font-display);
}

.ayp-payment-help blockquote>span{
    display:block;
    margin-bottom:3px;
    font-size:52px;
    line-height:.6;
}

.ayp-payment-help blockquote small{
    display:block;
    margin-top:20px;
    color:rgba(255,255,255,.5);
    font:600 10px/1 var(--font-body);
    letter-spacing:.18em;
    font-style:normal;
}

/* CLOSING */
.ayp-payment-closing{
    padding:30px 0;
    background:var(--pay-ivory);
}

.ayp-payment-closing .ayp-payment-container{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:16px;
    color:var(--pay-green);
    font:600 11px/1 var(--font-body);
    letter-spacing:.2em;
}

.ayp-payment-closing .ayp-payment-container>span{
    width:90px;
    height:1px;
    background:var(--pay-gold);
}

/* RESPONSIVE */
@media (max-width:1100px){
    .ayp-payment-grid{grid-template-columns:1fr 1fr}
    .ayp-payment-card--bank{grid-column:1/-1}
    .ayp-payment-info__grid{gap:55px}
    .ayp-payment-method-list{grid-template-columns:repeat(3,1fr)}
    .ayp-payment-method-list span:nth-child(4){border-left:0;border-top:1px solid var(--pay-line)}
    .ayp-payment-method-list span:nth-child(5){border-top:1px solid var(--pay-line)}
}

@media (max-width:800px){
    .ayp-payment-hero,
    .ayp-payment-hero__inner{min-height:0}
    .ayp-payment-hero__inner{
        grid-template-columns:1fr;
        gap:35px;
        padding:65px 0 70px;
    }
    .ayp-payment-hero__statement{
        justify-self:start;
        writing-mode:horizontal-tb;
        flex-direction:row;
        padding:14px 0 0;
        border-left:0;
        border-top:1px solid rgba(215,195,151,.45);
    }
    .ayp-payment-trust{gap:18px}
    .ayp-payment-grid{grid-template-columns:1fr}
    .ayp-payment-card--bank{grid-column:auto}
    .ayp-payment-info__grid,
    .ayp-payment-help__inner{grid-template-columns:1fr;gap:45px}
    .ayp-payment-method-list{grid-template-columns:1fr 1fr}
    .ayp-payment-method-list span+span{border-left:1px solid var(--pay-line)}
    .ayp-payment-method-list span:nth-child(odd){border-left:0}
    .ayp-payment-method-list span:nth-child(3){border-top:1px solid var(--pay-line)}
    .ayp-payment-method-list span:nth-child(4){border-top:1px solid var(--pay-line)}
    .ayp-payment-method-list span:nth-child(5){grid-column:1/-1;border-top:1px solid var(--pay-line);border-left:0}
}

@media (max-width:560px){
    .ayp-payment-methods,
    .ayp-payment-info,
    .ayp-payment-security,
    .ayp-payment-help{padding:65px 0}
    .ayp-payment-breadcrumb{margin-bottom:28px}
    .ayp-payment-hero h1{font-size:43px}
    .ayp-payment-hero__intro{font-size:16px}
    .ayp-payment-trust{display:grid;grid-template-columns:1fr}
    .ayp-payment-trust div{min-width:0}
    .ayp-payment-steps{grid-template-columns:1fr}
    .ayp-payment-step{justify-content:flex-start;padding:13px 0}
    .ayp-payment-step:not(:last-child)::after{display:none}
    .ayp-payment-card{padding:26px 22px}
    .ayp-payment-card h3{font-size:30px}
    .ayp-bank-details div{display:block}
    .ayp-bank-details strong{display:block;margin-top:3px;text-align:left}
    .ayp-payment-method-list{grid-template-columns:1fr}
    .ayp-payment-method-list span,
    .ayp-payment-method-list span:nth-child(5){grid-column:auto;border-left:0!important;border-top:1px solid var(--pay-line)}
    .ayp-payment-method-list span:first-child{border-top:0}
    .ayp-payment-help blockquote{padding-left:25px}
    .ayp-payment-closing .ayp-payment-container>span{width:35px}
    .ayp-payment-closing .ayp-payment-container{gap:9px;letter-spacing:.13em}
}