/* ======================================================
   HostNamaste Premium Payment Cards
====================================================== */

#paymentGatewaysContainer .text-center{

display:grid;
grid-template-columns:repeat(auto-fit,minmax(360px,1fr));
gap:18px;
margin-top:20px;
text-align:left!important;

}

#paymentGatewaysContainer label.radio-inline{

position:relative;

display:flex!important;

align-items:flex-start;

gap:18px;

padding:22px;

margin:0!important;

width:100%;

min-height:105px;

background:#fafafa;

border:1px solid #e5e7eb;

border-radius:16px;

cursor:pointer;

transition:all .25s ease;

box-shadow:0 2px 8px rgba(15,23,42,.05);

}

#paymentGatewaysContainer label.radio-inline:hover{

background:#fff7ed;

border-color:#f97316;

transform:translateY(-3px);

box-shadow:0 12px 30px rgba(15,23,42,.12);

}

#paymentGatewaysContainer label.radio-inline:has(input:checked){

background:#f0fdf4;

border:2px solid #22c55e;

box-shadow:0 0 0 4px rgba(34,197,94,.10);

}

#paymentGatewaysContainer label.radio-inline input{

margin-top:6px;

}

@media(max-width:768px){

#paymentGatewaysContainer .text-center{

grid-template-columns:1fr;

}

}

.hn-payment-icon{

width:48px;
height:48px;

min-width:48px;

border-radius:12px;

background:#fff7ed;

display:flex;

align-items:center;

justify-content:center;

margin-right:14px;

font-size:22px;

color:#f97316;

}

.hn-payment-icon i{

line-height:1;

}

.hn-payment-info{

display:flex;
flex-direction:column;
justify-content:center;

}

.hn-payment-title{

font-size:18px;

font-weight:700;

color:#111827;

margin-bottom:6px;

}

.hn-payment-subtitle{

font-size:14px;

color:#6b7280;

line-height:1.5;

}

#paymentGatewaysContainer{

margin-top:25px;

}

#paymentGatewaysContainer p{

margin-bottom:20px;

font-size:17px;

color:#4b5563;

}