/* LoanBazaar — Products page styles */
@keyframes icRing{0%{transform:scale(.85);opacity:.9}100%{transform:scale(1.45);opacity:0}}
@keyframes pillIn{from{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:none}}
.lb-application-modal{
            font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
        }
.lb-application-modal input::placeholder,.lb-application-modal textarea::placeholder{
            color: #94a3b8;
        }
.lb-application-modal select{
            appearance: auto;
        }
.text-slate-700{
            color: #102A43 !important;
        }
.border-brand-100{
            border-color: #FFE4A3 !important;
        }
.border-brand-300{
            border-color: #FFB52E !important;
        }
#applicationFormModal{
                background: rgba(255, 249, 232, 0.88) !important;
                backdrop-filter: blur(8px);
                -webkit-backdrop-filter: blur(8px);
            }
#applicationFormModal h2{
                color: #102A43 !important;
                margin-top: 2px;
            }
#applicationFormModal p{
                color: #667085 !important;
            }
#applicationFormModal label{
                color: #102A43 !important;
            }
#applicationFormModal input,#applicationFormModal select,#applicationFormModal textarea{
                background: #FFFFFF !important;
                color: #344054 !important;
                border: 1px solid #FFE4A3 !important;
                border-radius: 11px !important;
                transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
            }
#applicationFormModal input::placeholder,#applicationFormModal textarea::placeholder{
                color: #98A2B3 !important;
                opacity: 1;
            }
#applicationFormModal input:hover,#applicationFormModal select:hover,#applicationFormModal textarea:hover{
                border-color: #FFB52E !important;
            }
#applicationFormModal input:focus,#applicationFormModal select:focus,#applicationFormModal textarea:focus{
                border-color: #FF7A00 !important;
                box-shadow: 0 0 0 3px rgba(255, 181, 46, 0.18) !important;
                outline: none !important;
            }
#applicationFormModal select{
                appearance: auto;
                -webkit-appearance: auto;
            }
#applicationFormModal button[aria-label="Close"]{
                background: #FFF4D6 !important;
                color: #FF7A00 !important;
                border: 1px solid #FFE4A3 !important;
                width: 32px !important;
                height: 32px !important;
                font-size: 18px !important;
                box-shadow: 0 4px 12px rgba(255, 122, 0, 0.10);
                transition: all .2s ease;
            }
#applicationFormModal button[aria-label="Close"]:hover{
                background: #FFB52E !important;
                color: #FFFFFF !important;
                border-color: #FFB52E !important;
                transform: rotate(90deg);
            }
#applicationFormModal #lbApplicationMessage{
                border: 1px solid #FFE4A3;
                background: #FFF9E8;
                color: #102A43;
            }
#applicationFormModal button[type="submit"]{
                background: linear-gradient(135deg, #FFB52E 0%, #FF7A00 58%, #FF6B00 100%) !important;
                color: #FFFFFF !important;
                border: 0 !important;
                border-radius: 11px !important;
                box-shadow: 0 8px 22px rgba(255, 122, 0, 0.22) !important;
                transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
            }
#applicationFormModal button[type="submit"]:hover{
                filter: brightness(1.03);
                transform: translateY(-1px);
                box-shadow: 0 12px 28px rgba(255, 107, 0, 0.28) !important;
            }
@media (max-width: 600px){#applicationFormModal{
                    padding: 10px !important;
                }}
.prod-wrap{position:relative;max-width:1600px;margin:0 auto;padding:70px 24px 110px;display:flex;flex-direction:column;gap:20px;overflow:hidden;background:radial-gradient(70% 50% at 50% 0%,#FFF1CB,transparent 70%)}
#page-products h2{font-family:var(--display) !important;letter-spacing:-.035em !important;color:var(--ink) !important}
#page-products #pillContainer > *{transition:transform .5s var(--ease),box-shadow .5s var(--ease) !important}
#page-products #pillContainer > *:hover{transform:translateY(-8px) !important;box-shadow:var(--glow) !important}
#page-products h3,#page-products h4{font-family:var(--display);letter-spacing:-.02em}
#page-products #pillContainer > *{animation:pillIn .8s var(--ease) both}
#page-products #pillContainer > *:nth-child(6n/**/+2){animation-delay:.06s}
#page-products #pillContainer > *:nth-child(6n/**/+3){animation-delay:.12s}
#page-products #pillContainer > *:nth-child(6n/**/+4){animation-delay:.18s}
#page-products #pillContainer > *:nth-child(6n/**/+5){animation-delay:.24s}
#page-products #pillContainer > *:nth-child(6n){animation-delay:.3s}
#page-products #subProductGrid > *{animation:pillIn .6s var(--ease) both}
@media (max-width:760px){.prod-wrap{padding:44px 14px 80px}}
#page-products,#productModal,#applicationFormModal{--c-fg:43 37 32;--c-fg-100:43 37 32;--c-fg-200:74 64 56;--c-fg-300:92 82 74;--c-fg-400:110 98 90}
#page-products .text-slate-100,#page-products .text-slate-200,#page-products .text-slate-300,#page-products .text-white,#productModal .text-slate-100,#productModal .text-slate-200,#productModal .text-slate-300{color:var(--ink) !important}
#page-products [class*="text-[#102A43]"],#productModal [class*="text-[#102A43]"],#applicationFormModal [class*="text-[#102A43]"]{color:var(--ink) !important}
#pillContainer > .lbx-cat{min-height:212px;border-radius:20px !important;box-shadow:0 18px 40px -30px rgba(120,70,20,.55)}
#pillContainer > .lbx-cat > div:nth-child(2){padding:26px 16px 20px !important;gap:4px}
#pillContainer > .lbx-cat h4{font-size:15px !important;margin-bottom:16px}
#subProductGrid > .lbx-sub{border-radius:18px !important;min-height:215px}
#subProductGrid > .lbx-sub > div:nth-child(2){padding:22px 14px 18px !important}
#subProductGrid > .lbx-sub h4{font-size:14px !important}
#modalContent,#applicationFormModal > div{will-change:transform}
@media (max-width:760px){#pillContainer > .lbx-cat{min-height:190px}#pillContainer > .lbx-cat h4{font-size:13px !important}}
#pillContainer > .lbx-cat .rounded-full,#subProductGrid > .lbx-sub .rounded-full{position:relative;overflow:visible}
#pillContainer > .lbx-cat .rounded-full::before{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid rgba(255,122,0,.35);animation:icRing 2.6s ease-out infinite;pointer-events:none}
#pillContainer > .lbx-cat:hover .rounded-full::before{animation-duration:1.2s}
.lbx-cat .fa-house-lock,.lbx-sub .fa-house-lock{animation-name:icShield}
#pillContainer > .lbx-cat:nth-child(3n/**/+2) .rounded-full i{animation-delay:-.7s}
#pillContainer > .lbx-cat:nth-child(3n) .rounded-full i{animation-delay:-1.4s}
#pillContainer > .lbx-cat:nth-child(3n/**/+2) .rounded-full::before{animation-delay:-.9s}
#pillContainer > .lbx-cat:nth-child(3n) .rounded-full::before{animation-delay:-1.8s}
@media (prefers-reduced-motion:reduce){#pillContainer > .lbx-cat .rounded-full::before{animation:none !important}}
#subProductGrid > .lbx-sub > div:last-child > div{margin:0 !important;gap:8px !important;display:flex;width:100%}
#subProductGrid > .lbx-sub > div:last-child button,#subProductGrid > .lbx-sub > div:last-child a{flex:1 1 0 !important;min-width:0;height:38px;padding:0 10px !important;border-radius:11px !important;font:700 12.5px/1 var(--body) !important;letter-spacing:.01em;display:flex !important;align-items:center;justify-content:center;gap:7px !important;white-space:nowrap}
#subProductGrid > .lbx-sub > div:last-child button[onclick^="openModal"]{background:#fff !important;color:var(--ink) !important;border:1.5px solid rgba(232,132,47,.35) !important;box-shadow:0 4px 10px -6px rgba(120,70,20,.35) !important}
#subProductGrid > .lbx-sub > div:last-child button[onclick^="openModal"]:hover{border-color:var(--orange) !important;color:var(--deep) !important}
#subProductGrid > .lbx-sub > div:last-child button[onclick^="openApplicationForm"]{background:linear-gradient(135deg,#FFB52E,#FF7A00) !important;color:#fff !important;border:0 !important;box-shadow:0 8px 16px -8px rgba(255,122,0,.75) !important;text-shadow:0 1px 1px rgba(120,50,0,.25)}
#subProductGrid > .lbx-sub > div:last-child a{background:linear-gradient(135deg,#E8842F,#B8540F) !important;color:#fff !important;border:0 !important;box-shadow:0 8px 16px -8px rgba(160,70,10,.7) !important;text-shadow:0 1px 1px rgba(80,30,0,.35)}
#subProductGrid > .lbx-sub > div:last-child a:hover{background:linear-gradient(135deg,#D9731F,#9E4509) !important}
@media (max-width:760px){#subProductGrid > .lbx-sub > div:last-child button,#subProductGrid > .lbx-sub > div:last-child a{height:36px;font-size:11.5px !important;padding:0 6px !important;gap:5px !important}}
@media (max-width:560px){#subProductGrid > .lbx-sub > div:last-child > div:first-child{flex-direction:column}#subProductGrid > .lbx-sub > div:last-child button,#subProductGrid > .lbx-sub > div:last-child a{flex:0 0 auto !important;width:100%;height:36px;font-size:12px !important}#subProductGrid > .lbx-sub > div:last-child{padding:10px !important}}