:root{
--maroon:#6f0f0c;
--maroon2:#8f1812;
--dark:#3a0a08;
--gold:#c98917;
--gold2:#e0b04d;
--cream:#fbf5e8;
--cream2:#fffaf2;
--ink:#2d1714;
--muted:#75645c;
--line:#ead9b6;
--shadow:0 12px 30px rgba(89,38,12,.12);
--radius:22px
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fffaf2;color:var(--ink);font-family:'Hind',Arial,sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
.container{width:min(1220px,calc(100% - 36px));margin:auto}

/* ================= TOP BAR ================= */

.topbar{
background:linear-gradient(90deg,#8d1610,#640b09);
color:#fff;
font-size:13px
}

.topbar-inner{
height:36px;
display:flex;
justify-content:space-between;
align-items:center
}

.topbar-links{
display:flex;
gap:14px;
align-items:center
}

.social-dot{
width:22px;
height:22px;
border-radius:50%;
background:rgba(255,255,255,.14);
display:inline-grid;
place-items:center
}

/* ================= HEADER ================= */

.site-header{
position:sticky;
top:0;
z-index:50;
background:rgba(255,252,246,.96);
backdrop-filter:blur(14px);
border-bottom:1px solid #ead8b0;
box-shadow:0 4px 18px rgba(82,35,7,.05)
}

.nav-wrap{
min-height:82px;
display:flex;
align-items:center;
justify-content:space-between
}

.brand img{
display:block;
width:225px;
height:auto
}

.nav{
display:flex;
align-items:center;
gap:19px;
font-weight:600;
font-size:15px
}

.nav>a,
.nav-drop>button{
padding:29px 0 24px;
border:none;
background:none;
color:#3d211c;
cursor:pointer
}

.nav>a.active{
    color:var(--maroon);
    border-bottom:none !important;
}

.nav-drop{position:relative}

.dropdown{
display:none;
position:absolute;
top:60px;
left:-18px;
width:245px;
background:#fffaf1;
border:1px solid var(--line);
border-radius:15px;
box-shadow:var(--shadow);
padding:9px;
z-index:60
}

.dropdown a{
display:block;
padding:10px 12px;
border-radius:9px
}

.dropdown a:hover{
background:#f8ead0;
color:var(--maroon)
}

.nav-drop:hover .dropdown,
.nav-drop:focus-within .dropdown{
display:block
}

.icon-login{
width:34px;
height:34px!important;
border:1px solid #9d6d35!important;
border-radius:50%;
display:grid;
place-items:center;
padding:0!important
}

.menu-toggle{
display:none;
border:0;
background:none;
width:42px;
height:42px
}

.menu-toggle span{
display:block;
height:2px;
background:#54100c;
margin:6px 0;
border-radius:2px
}

/* ================= BUTTONS ================= */

.btn{
display:inline-flex;
justify-content:center;
align-items:center;
gap:8px;
border-radius:13px;
padding:13px 22px;
font-weight:700;
transition:.2s;
border:1px solid transparent;
cursor:pointer
}

.btn:hover{transform:translateY(-2px)}

.btn-primary{
color:white;
background:linear-gradient(180deg,#9f1a13,#6f0d0a);
box-shadow:0 8px 18px rgba(126,18,14,.25),inset 0 1px rgba(255,255,255,.2)
}

.btn-small{
padding:12px 16px!important;
border-bottom:0!important
}

.btn-light{
background:#fff;
border-color:#dfc797;
color:#4b261d
}

.btn-outline-gold{
border-color:#d8a22e;
color:#ffe3a0
}

/* ================= HERO ================= */

.hero{
position:relative;
overflow:hidden;
background:
radial-gradient(circle at 27% 35%,rgba(212,149,37,.18),transparent 28%),
linear-gradient(90deg,#f8ecd2,#fffaf0 58%,#f9e8c5);
border-bottom:1px solid #ead6ad
}

.hero:before,
.hero:after{
content:"";
position:absolute;
border:1px solid rgba(185,126,18,.2);
border-radius:50%;
width:520px;
height:520px;
top:48%;
transform:translateY(-50%)
}

.hero:before{
left:-310px;
box-shadow:
0 0 0 35px rgba(183,122,23,.03),
0 0 0 75px rgba(183,122,23,.03)
}

.hero:after{
right:-340px;
box-shadow:
0 0 0 45px rgba(183,122,23,.03),
0 0 0 88px rgba(183,122,23,.03)
}

.hero-grid{
min-height:585px;
display:grid;
grid-template-columns:1.05fr 1fr;
align-items:center;
gap:55px;
position:relative;
z-index:2
}

.sage-card{
height:460px;
border-radius:36px;
background:radial-gradient(circle at 50% 35%,#c25f22,#52100d 66%);
position:relative;
overflow:hidden;
box-shadow:
0 25px 60px rgba(83,24,8,.25),
inset 0 0 0 1px rgba(245,189,70,.45)
}

.sage-orbit{
position:absolute;
inset:-60px;
border:1px solid rgba(253,200,79,.4);
border-radius:50%;
animation:spin 40s linear infinite
}

.sage-orbit:before,
.sage-orbit:after{
content:"✦";
position:absolute;
color:#f6c45c;
font-size:28px
}

.sage-orbit:before{left:18%;top:8%}
.sage-orbit:after{right:10%;bottom:22%}

.sage-figure{
position:absolute;
left:50%;
bottom:-4px;
transform:translateX(-50%);
font-size:240px;
filter:drop-shadow(0 12px 13px rgba(0,0,0,.3))
}

.planet{
position:absolute;
width:48px;
height:48px;
border-radius:50%;
background:radial-gradient(circle at 30% 30%,#ffd168,#a53218);
box-shadow:0 0 25px #e9a23c
}

.p1{top:50px;left:60px}
.p2{right:60px;top:95px;width:70px;height:70px}
.p3{left:35px;bottom:80px;width:40px;height:40px}

.hero-kicker,
.section-kicker{
font-weight:700;
letter-spacing:.6px;
color:#7a2117;
text-transform:uppercase
}

.hero h1{
font-family:'Playfair Display',Georgia,serif;
font-size:80px;
line-height:.94;
margin:10px 0 7px;
color:#5b100d
}

.hero h2{
font-family:'Playfair Display',Georgia,serif;
font-size:26px;
margin:0 0 14px
}

.hero-copy{
font-size:18px;
line-height:1.55;
color:#594840;
max-width:610px
}

.hero-actions{
display:flex;
gap:14px;
margin-top:25px
}

.trust-strip{
display:grid;
grid-template-columns:repeat(4,1fr);
margin-top:27px;
background:rgba(255,255,255,.78);
border:1px solid #ead6b2;
border-radius:16px;
box-shadow:0 10px 25px rgba(90,43,16,.08)
}

.trust-strip div{
text-align:center;
padding:13px 10px;
border-right:1px solid #ead6b2
}

.trust-strip div:last-child{border:0}
.trust-strip strong{font-size:20px;display:block}
.trust-strip small{color:#78645d}

/* ================= SECTIONS ================= */

.section{padding:58px 0}

.section-title{
text-align:center;
margin-bottom:31px
}

.section-title h2{
font:700 38px 'Playfair Display',serif;
color:#5b1410;
margin:0 0 7px
}

.section-title p{
margin:0;
color:#78665f
}

/* ================= SERVICES ================= */

.service-grid{
display:grid;
grid-template-columns:repeat(5,1fr);
gap:14px
}

.service-card{
min-height:158px;
background:linear-gradient(180deg,#fffdf7,#fbf2de);
border:1px solid #ead4a8;
border-radius:17px;
padding:20px;
text-align:center;
box-shadow:0 8px 22px rgba(91,46,17,.06);
transition:.22s
}

.service-card:hover{
transform:translateY(-5px);
box-shadow:var(--shadow)
}

.service-card.featured{
color:#fff;
background:linear-gradient(145deg,#941710,#5b0908);
border-color:#c78820
}

.service-icon{
width:62px;
height:62px;
margin:auto auto 12px;
border-radius:50%;
display:grid;
place-items:center;
font-size:29px;
background:linear-gradient(145deg,#9c1710,#620b09);
color:#ffc961;
border:1px solid #e5ad47;
box-shadow:inset 0 0 15px rgba(255,196,71,.18)
}

.featured .service-icon{
background:rgba(255,255,255,.06)
}

.service-card h3{
font:700 20px 'Playfair Display',serif;
margin:8px 0
}

.service-card p{
font-size:14px;
color:#78665d;
margin:0 0 10px
}

.featured p{color:#f0d9cf}

.service-arrow{
font-size:24px;
color:#7a100c
}

.featured .service-arrow{color:#ffd069}

/* ================= WHY ================= */

.why{
background:#fff7e8;
border:1px solid #ead4a7;
border-radius:20px;
padding:24px;
margin-top:28px
}

.why h2{
text-align:center;
font:700 28px 'Playfair Display',serif;
color:#6e1712
}

.why-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:14px
}

.why-item{
display:flex;
gap:12px;
background:#fffdf8;
border:1px solid #efdfc2;
border-radius:12px;
padding:15px
}

.why-item .ico{font-size:27px}
.why-item strong{display:block}
.why-item small{color:#7b6a62}

/* ================= PAGE HERO ================= */

.page-hero{
background:
radial-gradient(circle at 10% 50%,rgba(200,139,26,.12),transparent 30%),
linear-gradient(90deg,#fbf0dc,#fffaf1);
padding:36px 0 31px;
border-bottom:1px solid #ead6b0;
text-align:center;
position:relative
}

.page-hero h1{
font:700 55px 'Playfair Display',serif;
color:#4c0b09;
margin:3px 0 8px
}

.page-hero p{
font-size:17px;
color:#5f504b;
margin:0
}

.page-hero .kicker{
color:#98601b;
font-weight:700;
text-transform:uppercase;
letter-spacing:1.6px
}

.content-section{padding:24px 0 60px}

/* ================= TWO COLUMN ================= */

.two-col{
display:grid;
grid-template-columns:390px 1fr;
gap:22px
}

.info-panel{
background:linear-gradient(160deg,#76100c,#4c0807);
color:#fff;
border:1px solid #ce8d28;
border-radius:22px;
padding:27px;
box-shadow:var(--shadow);
position:relative;
overflow:hidden
}

.info-panel:after{
content:"✦";
position:absolute;
font-size:160px;
color:rgba(255,207,111,.05);
right:-18px;
bottom:-40px
}

.info-panel .badge{
display:inline-block;
border:1px solid #d99e38;
border-radius:30px;
padding:6px 17px;
color:#ffd278;
font-family:'Playfair Display',serif
}

.info-panel h2{
font:700 31px/1.08 'Playfair Display',serif;
margin:17px 0 7px
}

.info-panel p{
color:#f2ded7;
line-height:1.45
}

.feature-list{
display:grid;
gap:9px;
margin-top:22px
}

.feature-row{
display:flex;
justify-content:space-between;
align-items:center;
padding:11px 13px;
border:1px solid rgba(233,172,72,.55);
border-radius:10px;
background:rgba(255,255,255,.025)
}

.feature-row span:first-child{color:#ffd260}

/* ================= FORMS ================= */

.form-card,
.result-card{
background:rgba(255,255,255,.73);
border:1px solid #ead9b8;
border-radius:22px;
padding:28px;
box-shadow:var(--shadow);
backdrop-filter:blur(6px)
}

.form-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:16px
}

.field.full{grid-column:1/-1}

.field label{
display:flex;
gap:7px;
align-items:center;
font-weight:700;
margin-bottom:7px
}

.field input,
.field select,
.field textarea{
width:100%;
border:1px solid #d8cdbd;
background:#fff;
border-radius:10px;
padding:13px 14px;
outline:0
}

.field input:focus,
.field select:focus,
.field textarea:focus{
border-color:#b27a1c;
box-shadow:0 0 0 3px rgba(181,125,29,.1)
}

.field small{color:#786960}

.notice{
padding:12px 14px;
background:#fff5d9;
border:1px solid #ebd28c;
border-radius:10px;
margin:15px 0
}

.form-card .btn-primary{
width:100%;
font-size:18px
}

.location-meta{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:12px
}

.suggestions{
position:absolute;
left:0;
right:0;
top:100%;
background:#fff;
border:1px solid #dfcfac;
border-radius:10px;
box-shadow:var(--shadow);
display:none;
max-height:250px;
overflow:auto;
z-index:30
}

.suggestions.show{display:block}

.suggestion{
padding:10px 12px;
cursor:pointer;
border-bottom:1px solid #f1e8d8
}

.suggestion:hover{background:#fff3d9}
.field.positioned{position:relative}

/* ================= TABS ================= */

.tabs{
display:flex;
gap:8px;
flex-wrap:wrap;
margin-bottom:16px
}

.tab{
border:1px solid #e0cba2;
background:#fff9ed;
color:#5d2019;
padding:9px 14px;
border-radius:9px;
font-weight:700
}

.tab.active{
background:#77120e;
color:#fff;
border-color:#77120e
}

/* ================= RESULT ================= */

.summary-grid{
display:grid;
grid-template-columns:1.25fr 1fr;
gap:16px
}

.person-card{
display:flex;
gap:16px;
align-items:center;
border:1px solid #ead9b8;
border-radius:14px;
padding:16px;
background:#fffdf9
}

.avatar{
width:70px;
height:70px;
border-radius:50%;
display:grid;
place-items:center;
font-size:34px;
background:#f2e4d6
}

.quick-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:9px
}

.quick{
background:#fffdf9;
border:1px solid #ead9b8;
border-radius:12px;
padding:12px;
text-align:center
}

.quick strong{
display:block;
color:#8a140f;
font-size:17px
}

.chart-table-grid{
display:grid;
grid-template-columns:1fr 1.1fr;
gap:16px;
margin-top:18px
}

.kundli-chart{
aspect-ratio:1;
border:2px solid #b97d20;
border-radius:12px;
position:relative;
background:#fff9e9
}

.kundli-chart:before,
.kundli-chart:after{
content:"";
position:absolute;
inset:14.5%;
border:1.5px solid #b97d20;
transform:rotate(45deg)
}

.chart-label{
position:absolute;
font-size:13px;
color:#6e3717;
font-weight:700
}

.cl1{top:7%;left:47%}
.cl2{right:7%;top:47%}
.cl3{bottom:7%;left:47%}
.cl4{left:7%;top:47%}

/* ================= TABLE ================= */

.table{
width:100%;
border-collapse:collapse;
background:#fff;
border-radius:12px;
overflow:hidden
}

.table th{
background:#f4e0b7;
color:#6f2418;
text-align:left
}

.table th,
.table td{
border-bottom:1px solid #eee2cf;
padding:9px 10px;
font-size:14px
}

/* ================= SCORE ================= */

.score-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:12px;
margin-top:18px
}

.score{
border:1px solid #e5d4b4;
border-radius:12px;
background:#fff;
padding:12px
}

.score strong{
display:flex;
justify-content:space-between
}

.bar{
height:7px;
border-radius:10px;
background:#ece5da;
margin-top:8px;
overflow:hidden
}

.bar i{
display:block;
height:100%;
background:linear-gradient(90deg,#d7a321,#8a130e)
}

/* ================= ZODIAC ================= */

.zodiac-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:13px
}

.zodiac-card{
background:#fff;
border:1px solid #ead7b4;
border-radius:15px;
padding:17px;
text-align:center
}

.zodiac-card .zicon{font-size:33px}

.zodiac-card.featured{
background:linear-gradient(145deg,#921610,#640b09);
color:#fff
}

.zodiac-detail{
margin-top:14px;
text-align:left;
font-size:14px;
line-height:1.75
}

.mini-stats{
display:flex;
justify-content:space-between;
gap:7px;
margin-top:13px
}

.mini-stats span{
flex:1;
background:#fff8e9;
border:1px solid #efdfbd;
border-radius:8px;
padding:7px;
color:#55231c;
font-size:12px
}

/* ================= PANCHANG ================= */

.panchang-layout{
display:grid;
grid-template-columns:1.1fr .9fr;
gap:18px
}

.panchang-main,
.panchang-side{
display:grid;
gap:14px
}

.metric-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:12px
}

.metric{
background:#fff;
border:1px solid #ead8b8;
border-radius:13px;
padding:15px;
text-align:center
}

.metric b{
display:block;
font-size:18px;
color:#74120e
}

.metric small{
display:block;
margin-top:6px;
font-size:12px;
line-height:1.45;
font-weight:500
}

.choghadiya{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:7px
}

.choghadiya div{
padding:10px;
border-radius:9px;
background:#fff;
border:1px solid #ead8b8;
text-align:center
}

.choghadiya>div{min-width:110px}

/* ================= CTA ================= */

.journey{
background:linear-gradient(90deg,#86130e,#570908);
color:white;
padding:28px 0;
border-top:1px solid #c37f21
}

.journey-inner{
display:flex;
justify-content:space-between;
align-items:center
}

.journey h2{
font:700 30px 'Playfair Display',serif;
margin:0 0 4px
}

.journey p{
margin:0;
color:#f0d9d1
}

/* ================= FOOTER ================= */

.footer{
background:#4b0907;
color:#f8e9dc
}

.footer-grid{
padding:34px 0;
display:grid;
grid-template-columns:1.5fr .8fr .8fr 1.2fr;
gap:30px
}

.footer-logo{width:220px}
.footer p{color:#d8bfb7}
.footer h4{color:#ffd071;margin:0 0 12px}

.footer a{
display:block;
color:#ead3c9;
margin:7px 0
}

.footer-socials{
display:flex;
gap:8px;
margin-top:12px
}

.footer-socials a{
width:29px;
height:29px;
border-radius:50%;
background:#7e1712;
display:grid;
place-items:center
}

.footer-bottom{
border-top:1px solid rgba(255,255,255,.12);
font-size:13px;
color:#c9ada6;
padding:12px 0
}

.footer-bottom .container{
display:flex;
justify-content:center;
gap:8px
}

.footer-bottom a{
display:inline;
color:#eec36b;
margin:0
}

/* ================= LEGAL ================= */

.legal{max-width:880px}

.legal h2{
font:700 28px 'Playfair Display',serif;
color:#6c1712
}

.legal p,
.legal li{
line-height:1.7;
color:#574943
}

/* ================= AUTH ================= */

.auth-shell{
max-width:470px;
margin:20px auto
}

.auth-card{
background:#fff;
border:1px solid #ead8b8;
border-radius:20px;
padding:28px;
box-shadow:var(--shadow)
}

.auth-card h2{
font:700 30px 'Playfair Display',serif;
color:#62110d;
text-align:center
}

.status{
padding:12px 14px;
border-radius:10px;
margin:12px 0
}

.status.error{
background:#fff0ed;
border:1px solid #e6b6ad;
color:#7d1a14
}

.status.success{
background:#edf8ef;
border:1px solid #add8b5;
color:#215c2c
}

/* ================= DASHBOARD ================= */

.dashboard-grid{
display:grid;
grid-template-columns:270px 1fr;
gap:20px
}

.dash-side{
background:linear-gradient(#7d120e,#4f0907);
border-radius:18px;
padding:18px;
color:white;
align-self:start
}

.dash-side a{
display:block;
padding:11px;
border-radius:9px;
margin:4px 0
}

.dash-side a:hover,
.dash-side a.active{
background:rgba(255,255,255,.1)
}

.dash-cards{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:12px
}

.dash-stat{
background:#fff;
border:1px solid #ead9b8;
border-radius:14px;
padding:16px
}

.dash-stat strong{
font-size:24px;
color:#77120e;
display:block
}

.dash-logout{
border:0;
background:transparent;
color:inherit;
font:inherit;
padding:12px 14px;
width:100%;
text-align:left;
cursor:pointer
}

/* ================= LOADING ================= */

.loading{
display:none;
align-items:center;
gap:10px;
justify-content:center;
padding:12px
}

.loading.show{display:flex}

.spinner{
width:20px;
height:20px;
border:2px solid #e7bd6a;
border-top-color:#74120e;
border-radius:50%;
animation:spin .7s linear infinite
}

@keyframes spin{
to{transform:rotate(360deg)}
}

/* ================= API / REPORT ================= */

.table-wrap{
overflow-x:auto;
border-radius:16px
}

.json-pretty{
white-space:pre-wrap;
word-break:break-word;
background:#fffaf0;
border:1px solid #ead5aa;
border-radius:16px;
padding:16px;
font-family:'Hind',sans-serif;
font-size:14px;
line-height:1.65;
color:#4b2720;
max-height:520px;
overflow:auto
}

.analysis-columns{
display:grid;
grid-template-columns:1fr 1fr;
gap:18px
}

.action-row{
display:flex;
gap:12px;
justify-content:flex-end;
align-items:center;
flex-wrap:wrap;
margin-top:18px
}

.report-list{
display:grid;
gap:10px
}

.report-row{
display:flex;
justify-content:space-between;
align-items:center;
gap:15px;
padding:14px 16px;
border:1px solid #ead9b9;
background:#fffdf8;
border-radius:14px
}

.ai-answer{
margin-top:22px;
padding-top:20px;
border-top:1px solid #e8d5b1
}

.result-card{margin-top:18px}
.result-card+.result-card{margin-top:18px}
.tabs a{text-decoration:none}

.form-card textarea{
width:100%;
border:1px solid #dbc9b8;
border-radius:12px;
padding:13px 14px;
font:inherit;
resize:vertical;
background:#fff
}

/* ================= CALCULATIONS ================= */

.calc-list{
display:grid;
gap:8px
}

.calc-row{
display:grid;
grid-template-columns:minmax(120px,180px) 1fr;
gap:12px;
padding:10px 12px;
border:1px solid #efdfc3;
border-radius:12px;
background:#fffdf8
}

.calc-row b{color:#721510}
.calc-row .calc-list{margin-top:4px}

.calc-panels{
display:grid;
grid-template-columns:1fr 1fr;
gap:16px
}

.calc-panels>div{
padding:14px;
border:1px solid #ead8b7;
border-radius:14px;
background:#fffdf8
}

/* ==================================================
   SERVICES BUTTON + ARROW FINAL FIX
   ================================================== */

.services-btn{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
gap:5px !important;
border:0;
background:transparent;
color:#3d211c;
cursor:pointer;
padding:29px 0 24px;
font:inherit;
font-weight:600;
line-height:1;
white-space:nowrap
}

.services-btn .services-arrow{
display:inline-flex !important;
align-items:center;
justify-content:center;
width:12px;
height:12px;
font-size:15px;
line-height:1;
margin:0;
position:relative;
top:-1px;
transition:transform .2s ease
}

.nav-drop:hover .services-arrow,
.nav-drop:focus-within .services-arrow{
transform:rotate(180deg)
}

/* ================= RESPONSIVE 1050 ================= */

@media(max-width:1050px){

.nav{gap:12px;font-size:14px}
.nav .btn-small{display:none}
.service-grid{grid-template-columns:repeat(3,1fr)}
.hero h1{font-size:68px}
.two-col{grid-template-columns:330px 1fr}
.zodiac-grid{grid-template-columns:repeat(3,1fr)}

}

/* ================= RESPONSIVE 850 ================= */

@media(max-width:850px){

.analysis-columns{grid-template-columns:1fr}

.action-row{justify-content:stretch}

.action-row .btn{
width:100%;
text-align:center
}

.report-row{
align-items:flex-start;
flex-direction:column
}

.json-pretty{
font-size:12px;
max-height:420px
}

}

/* ================= MOBILE 820 ================= */

@media(max-width:820px){

.topbar-links a:nth-child(2),
.social-dot{
display:none
}

.nav-wrap{min-height:68px}

.brand img{width:195px}

.menu-toggle{display:block}

.nav{
position:fixed;
top:104px;
right:16px;
left:16px;
background:#fffaf1;
border:1px solid #e6d1aa;
border-radius:18px;
padding:15px;
box-shadow:0 22px 50px rgba(70,24,9,.2);
display:none;
flex-direction:column;
align-items:stretch;
gap:0;
max-height:calc(100vh - 125px);
overflow:auto
}

.nav.open{display:flex}

.nav>a,
.nav-drop>button{
padding:11px;
border-bottom:1px solid #eee1cb!important;
text-align:left
}

.nav-drop>button{width:100%}

.dropdown{
position:static;
width:100%;
box-shadow:none;
border:0;
background:#f9efd9;
display:none;
margin:4px 0
}

.nav-drop.open .dropdown{display:block}

.nav-drop:hover .dropdown{display:none}

.nav-drop.open:hover .dropdown{display:block}

.icon-login{
width:auto;
height:auto!important;
border:0!important
}

.nav .btn-small{display:flex}

.hero-grid{
grid-template-columns:1fr;
min-height:auto;
padding:35px 0
}

.sage-card{
height:320px;
order:2
}

.sage-figure{font-size:170px}
.hero h1{font-size:56px}
.hero-copy{font-size:16px}

.service-grid{
grid-template-columns:repeat(2,1fr)
}

.why-grid{
grid-template-columns:repeat(2,1fr)
}

.two-col,
.summary-grid,
.chart-table-grid,
.panchang-layout,
.dashboard-grid{
grid-template-columns:1fr
}

.info-panel{order:2}
.form-grid{grid-template-columns:1fr}
.field.full{grid-column:auto}

.location-meta,
.score-grid,
.dash-cards{
grid-template-columns:repeat(2,1fr)
}

.zodiac-grid{
grid-template-columns:repeat(2,1fr)
}

.footer-grid{
grid-template-columns:repeat(2,1fr)
}

.journey-inner{gap:18px}
.page-hero h1{font-size:44px}

/* Services mobile alignment */

.services-btn{
width:100% !important;
display:flex !important;
align-items:center !important;
justify-content:flex-start !important;
gap:6px !important;
padding:11px !important;
text-align:left;
border-bottom:1px solid #eee1cb !important
}

.services-btn .services-arrow{
top:0;
margin-left:1px
}

.nav-drop.open .services-arrow{
transform:rotate(180deg)
}

}

/* ================= MOBILE 760 ================= */

@media(max-width:760px){

.calc-row{
grid-template-columns:1fr
}

.calc-panels{
grid-template-columns:1fr
}

}

/* ================= SMALL MOBILE ================= */

@media(max-width:520px){

.container{
width:min(100% - 24px,1220px)
}

.topbar{display:none}

.site-header{top:0}

.nav{top:78px}

.hero-grid{gap:22px}

.sage-card{
height:255px;
border-radius:24px
}

.sage-figure{font-size:140px}

.hero h1{font-size:45px}

.hero h2{font-size:21px}

.hero-actions{
flex-direction:column
}

.trust-strip{
grid-template-columns:repeat(2,1fr)
}

.trust-strip div:nth-child(2){
border-right:0
}

.trust-strip div:nth-child(-n+2){
border-bottom:1px solid #ead6b2
}

.section{padding:40px 0}

.section-title h2{font-size:31px}

.service-grid,
.why-grid,
.zodiac-grid,
.footer-grid,
.location-meta,
.score-grid,
.dash-cards{
grid-template-columns:1fr
}

.service-card{min-height:140px}

.page-hero{padding:28px 0}

.page-hero h1{font-size:37px}

.form-card,
.result-card{
padding:18px
}

.metric-grid{
grid-template-columns:repeat(2,1fr)
}

.choghadiya{
grid-template-columns:repeat(2,1fr)
}

.journey-inner{
flex-direction:column;
align-items:flex-start
}

.footer-bottom .container{
display:block;
text-align:center
}

.topbar-inner{
justify-content:center
}

.topbar-inner>span{
font-size:12px
}

}

/* ================= PRINT ================= */

@media print{

.topbar,
.site-header,
.journey,
.footer,
.no-print,
.btn,
.tabs{
display:none!important
}

body{background:#fff}

.container{width:100%}

.result-card{
box-shadow:none;
border:0;
padding:0
}

.page-hero{
background:#fff;
padding:0 0 15px
}

.watermark-print:before{
content:"Astroviax";
position:fixed;
inset:45% auto auto 25%;
font:700 90px 'Playfair Display',serif;
color:rgba(100,15,10,.05);
transform:rotate(-30deg);
z-index:-1
}

.page-break{
break-before:page
}

.table{
break-inside:avoid
}

.json-pretty{
max-height:none;
overflow:visible;
background:#fff;
border-color:#ddd
}

.result-card{
break-inside:avoid-page
}

}
/* REMOVE ACTIVE NAV UNDERLINE COMPLETELY */
.site-header .nav > a,
.site-header .nav > a.active,
.site-header .nav > a:hover,
.site-header .nav > a:focus{
    border-bottom: none !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

.site-header .nav > a::before,
.site-header .nav > a::after,
.site-header .nav > a.active::before,
.site-header .nav > a.active::after{
    display: none !important;
    content: none !important;
}
/* FORCE ASTROVIAX ORIGINAL LOGO ONLY */

.site-header .brand{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    width:225px !important;
    min-width:225px !important;
    height:58px !important;
    overflow:visible !important;
    font-size:0 !important;
    line-height:0 !important;
    color:transparent !important;
    text-indent:-9999px !important;
}

.site-header .brand img{
    display:block !important;
    width:225px !important;
    height:58px !important;
    max-width:none !important;
    object-fit:contain !important;
    object-position:left center !important;
    opacity:1 !important;
    visibility:visible !important;
    position:relative !important;
    z-index:2 !important;
    text-indent:0 !important;
}

.site-header .brand::before,
.site-header .brand::after{
    content:none !important;
    display:none !important;
}

@media(max-width:820px){
    .site-header .brand{
        width:195px !important;
        min-width:195px !important;
        height:58px !important;
    }

    .site-header .brand img{
        width:195px !important;
        height:auto !important;
    }
}

/* ================= PREMIUM KUNDLI REPORT ================= */
.kundli-cover-logo{width:min(310px,72vw);height:auto;margin:0 auto 18px;display:block}
.kundli-cover h2{font:700 28px 'Playfair Display',serif;margin:12px 0 8px;color:#f7dfad}
.pdf-only{display:none}
.pdf-kicker{font-size:12px;letter-spacing:1.8px;text-transform:uppercase;color:#a16c18;font-weight:800;margin-bottom:8px}
.pdf-detail-page h2{color:#67110d;font:700 30px 'Playfair Display',serif;margin:0 0 20px}
.pdf-detail-page h3{color:#7b1a13;margin-top:24px}
.pdf-detail-page p,.pdf-bullets{font-size:16px;line-height:1.9;color:#382521}
.pdf-fact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}
.pdf-fact-grid>div{border:1px solid #e2c891;background:#fffaf0;border-radius:12px;padding:13px;text-align:center}
.pdf-fact-grid span,.pdf-fact-grid b{display:block}.pdf-fact-grid span{font-size:12px;color:#806b5d}.pdf-fact-grid b{color:#74120e;font-size:17px;margin-top:4px}
.pdf-bullets li{margin:9px 0}
.chart-mini-list{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;margin-top:8px;font-size:11px;color:#5b3930}
.chart-mini-list span{border-bottom:1px dotted #dbc49b;padding:3px}.chart-mini-list b{color:#74120e}
.consult-card{margin-top:22px;padding:20px;border:1px solid #c99a43;border-radius:16px;background:#fffaf0;text-align:center}.consult-card h3{margin:0 0 8px;color:#6b1024}.consult-card p{margin:0 auto 14px;max-width:760px}.consult-links{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.consult-links a{display:block;padding:10px;border:1px solid #ead7b4;border-radius:10px;background:#fff;color:#6b1024;text-decoration:none}.consult-links b,.consult-links span{display:block}.consult-links span{font-size:13px;margin-top:3px}
.ashtaka-legend{display:flex;gap:18px;flex-wrap:wrap;margin:12px 0 16px;font-size:13px;color:#66534a}.ashtaka-legend span{display:flex;align-items:center;gap:6px}.ashtaka-legend i{width:12px;height:12px;border-radius:50%;display:inline-block}.ashtaka-table,.varga-table{min-width:1050px;table-layout:fixed}.ashtaka-table th,.ashtaka-table td,.varga-table th,.varga-table td{text-align:center;padding:8px 5px}.ashtaka-table thead th,.varga-table thead th{background:#6d120e;color:#fff}.ashtaka-table tbody th,.varga-table tbody th{background:#fff4dc;color:#6d120e;white-space:nowrap}.point{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;font-weight:800}.point-low{background:#f9dfdc;color:#8c231c}.point-mid{background:#fff0bf;color:#795a00}.point-high{background:#dcefdc;color:#24652a}.point-total{font-weight:800;color:#6d120e;background:#fff7e8}.ashtaka-note{margin-top:16px}.varga-guide{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:18px}.varga-guide>div{border:1px solid #e7d1a9;border-radius:12px;padding:12px;background:#fffaf0}.varga-guide b,.varga-guide span{display:block}.varga-guide b{color:#74120e}.varga-guide span{font-size:13px;margin-top:4px;color:#66534a}

@media(max-width:620px){.ashtaka-legend{gap:9px}.varga-guide,.consult-links{grid-template-columns:1fr}.ashtaka-wrap,.varga-wrap{margin-left:-18px;margin-right:-18px;border-radius:0}}

@media print{
@page{size:A4 portrait;margin:0}
html,body{width:210mm;margin:0!important;padding:0!important;background:#fff!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
body{counter-reset:astro-page}.content-section{padding:0!important}.content-section>.container{width:100%!important;max-width:none!important;margin:0!important}
.kundli-cover{display:flex!important;align-items:center;justify-content:center;min-height:297mm!important;padding:18mm!important;box-sizing:border-box;background:linear-gradient(145deg,#5d0b08,#8b1710 58%,#3f0806)!important;color:#fff!important;break-after:page;page-break-after:always;text-align:center}
.kundli-cover .container{width:100%!important}.kundli-cover h1{font-size:34pt!important;color:#fff!important}.kundli-cover h2{font-size:22pt!important;color:#f5d99a!important}.kundli-cover p{color:#f5e8dc!important;line-height:1.8}.kundli-cover-logo{width:76mm!important}.pdf-only{display:block!important}
.pdf-sheet{counter-increment:astro-page;position:relative;box-sizing:border-box;width:210mm!important;min-height:297mm;margin:0!important;padding:17mm 15mm 20mm!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;break-before:page;page-break-before:always;break-after:page;page-break-after:always;overflow:visible}.pdf-detail-page{overflow:hidden!important}
.pdf-sheet:before{content:'ASTROVIAX  •  सम्पूर्ण वैदिक जन्म कुंडली';display:block;border-bottom:1px solid #c99639;padding-bottom:3mm;margin-bottom:7mm;color:#6b100c;font-size:9pt;font-weight:800}.pdf-sheet:after{content:'astroviax.in  •  +91 9471544388  •  contact@astroviax.in  |  पृष्ठ ' counter(astro-page);position:absolute;left:15mm;right:15mm;bottom:8mm;border-top:1px solid #e4cfaa;padding-top:2.5mm;color:#725f51;font-size:8pt;text-align:center}
.watermark-print:before{content:'ASTROVIAX';position:fixed;left:31mm!important;top:125mm!important;inset:auto;font:700 48pt 'Playfair Display',serif;color:rgba(103,17,13,.035);transform:rotate(-28deg);z-index:0}.pdf-sheet>*{position:relative;z-index:1}
.result-card{break-inside:auto!important}.result-card h2{color:#67110d}.summary-grid{grid-template-columns:1.15fr .85fr!important}.chart-table-grid{grid-template-columns:repeat(3,1fr)!important;gap:7mm!important}.kundli-chart{width:52mm!important;height:52mm!important;aspect-ratio:auto!important;border-width:1px!important}.chart-label{font-size:7.5pt!important}.chart-mini-list{font-size:6.5pt!important;grid-template-columns:1fr!important}.quick-grid{gap:3mm!important}.quick,.metric{padding:3mm!important}.table-wrap{overflow:visible!important}.table{font-size:8pt!important;break-inside:auto!important}.table thead{display:table-header-group}.table tr{break-inside:avoid}.table th,.table td{font-size:8pt!important;padding:2mm!important}.notice{padding:3mm!important;margin:3mm 0!important;font-size:9pt}.metric-grid{grid-template-columns:repeat(4,1fr)!important;gap:3mm!important}.metric{font-size:8pt}.metric b{font-size:10pt}.analysis-columns{grid-template-columns:1fr 1fr!important;gap:4mm!important}.pdf-detail-page h2{font-size:24pt!important}.pdf-detail-page p,.pdf-bullets{font-size:11pt!important;line-height:1.8!important}.pdf-fact-grid{grid-template-columns:repeat(4,1fr)!important}.pdf-bullets{padding-left:7mm}
.ashtaka-table,.varga-table{min-width:0!important;width:100%!important;table-layout:fixed!important}.ashtaka-table th,.ashtaka-table td{font-size:5.6pt!important;padding:1.2mm .5mm!important}.ashtaka-table th:first-child{width:18mm}.ashtaka-table th:last-child,.ashtaka-table td:last-child{width:10mm}.point{width:6mm!important;height:6mm!important;font-size:6pt!important}.ashtaka-legend{font-size:7.5pt!important;gap:4mm!important}.ashtaka-legend i{width:3mm;height:3mm}.ashtaka-note{font-size:8pt!important}.varga-table th,.varga-table td{font-size:6.5pt!important;padding:1.5mm .6mm!important}.varga-table th:first-child{width:24mm}.varga-guide{grid-template-columns:repeat(2,1fr)!important;gap:2.5mm!important}.varga-guide>div{padding:2.5mm!important}.varga-guide b{font-size:8pt}.varga-guide span{font-size:7pt}
}
/* ==================================================
   ASTROVIAX GLOBAL GLASS UI + CLICK ANIMATION
================================================== */

:root {
    --ax-glass-bg: rgba(255, 253, 247, 0.72);
    --ax-glass-border: rgba(191, 145, 58, 0.28);
    --ax-glass-shadow: 0 14px 38px rgba(72, 12, 21, 0.09);
    --ax-maroon: #68131e;
    --ax-gold: #d4a54e;
}

/* Glass effect on main website cards */
.result-card,
.service-card,
.why,
.why-item,
.sage-card,
.login-card,
.dashboard-card,
.form-card,
.contact-card,
.profile-card,
.stat-card,
.faq-item {
    border: 1px solid var(--ax-glass-border);
    background: var(--ax-glass-bg);
    box-shadow: var(--ax-glass-shadow);
    backdrop-filter: blur(16px) saturate(135%);
    -webkit-backdrop-filter: blur(16px) saturate(135%);
}

/* Transparent premium page background */
body {
    position: relative;
    background:
        radial-gradient(
            circle at 12% 18%,
            rgba(213, 165, 78, 0.13),
            transparent 28%
        ),
        radial-gradient(
            circle at 88% 72%,
            rgba(104, 19, 30, 0.09),
            transparent 30%
        ),
        linear-gradient(145deg, #fffdf7, #f9f0df);
    background-attachment: fixed;
}

/* Soft fixed decorative lights */
body::before,
body::after {
    content: "";
    position: fixed;
    z-index: -1;
    width: 340px;
    height: 340px;
    border-radius: 50%;
    filter: blur(25px);
    pointer-events: none;
}

body::before {
    top: 8%;
    left: -140px;
    background: rgba(217, 170, 78, 0.13);
    animation: axGlassFloatOne 12s ease-in-out infinite;
}

body::after {
    right: -150px;
    bottom: 5%;
    background: rgba(111, 20, 31, 0.1);
    animation: axGlassFloatTwo 15s ease-in-out infinite;
}

/* Header glass effect */
.site-header,
header {
    background: rgba(255, 252, 243, 0.82);
    border-bottom: 1px solid rgba(190, 143, 54, 0.22);
    box-shadow: 0 8px 28px rgba(75, 12, 21, 0.07);
    backdrop-filter: blur(18px) saturate(145%);
    -webkit-backdrop-filter: blur(18px) saturate(145%);
}

/* Glass cards hover animation */
.result-card,
.service-card,
.why-item {
    position: relative;
    overflow: hidden;
    transition:
        transform 0.28s ease,
        border-color 0.28s ease,
        box-shadow 0.28s ease,
        background 0.28s ease;
}

.result-card:hover,
.service-card:hover,
.why-item:hover {
    border-color: rgba(192, 143, 53, 0.58);
    background: rgba(255, 254, 250, 0.86);
    box-shadow: 0 20px 48px rgba(73, 12, 21, 0.13);
    transform: translateY(-5px);
}

/* Moving glass shine */
.result-card::before,
.service-card::before,
.why-item::before {
    content: "";
    position: absolute;
    z-index: 0;
    top: -70%;
    left: -120%;
    width: 55%;
    height: 240%;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.54),
        transparent
    );
    pointer-events: none;
    transform: rotate(22deg);
    transition: left 0.75s ease;
}

.result-card:hover::before,
.service-card:hover::before,
.why-item:hover::before {
    left: 150%;
}

/* Keep card content above shine */
.result-card > *,
.service-card > *,
.why-item > * {
    position: relative;
    z-index: 1;
}

/* Global gold click ripple */
.ax-click-ripple {
    position: fixed;
    z-index: 999999;
    width: 14px;
    height: 14px;
    border: 2px solid rgba(203, 151, 58, 0.9);
    border-radius: 50%;
    background: rgba(255, 224, 151, 0.24);
    box-shadow:
        0 0 0 5px rgba(203, 151, 58, 0.1),
        0 0 22px rgba(203, 151, 58, 0.55);
    pointer-events: none;
    transform: translate(-50%, -50%) scale(0.2);
    animation: axClickRipple 0.75s ease-out forwards;
}

/* Small particles around click */
.ax-click-particle {
    position: fixed;
    z-index: 999998;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #d4a54e;
    box-shadow: 0 0 8px rgba(212, 165, 78, 0.75);
    pointer-events: none;
    animation: axClickParticle 0.7s ease-out forwards;
}

@keyframes axClickRipple {
    0% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(0.2);
    }

    100% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(5.5);
    }
}

@keyframes axClickParticle {
    0% {
        opacity: 1;
        transform:
            translate(-50%, -50%)
            rotate(var(--ax-angle))
            translateX(0)
            scale(1);
    }

    100% {
        opacity: 0;
        transform:
            translate(-50%, -50%)
            rotate(var(--ax-angle))
            translateX(42px)
            scale(0);
    }
}

@keyframes axGlassFloatOne {
    0%,
    100% {
        transform: translate(0, 0);
    }

    50% {
        transform: translate(45px, 35px);
    }
}

@keyframes axGlassFloatTwo {
    0%,
    100% {
        transform: translate(0, 0);
    }

    50% {
        transform: translate(-40px, -30px);
    }
}

/* Apply stronger animation only on mouse-supported devices */
@media (hover: hover) and (pointer: fine) {
    .btn,
    button,
    .service-card,
    .why-item,
    nav a {
        transition:
            transform 0.22s ease,
            box-shadow 0.22s ease,
            color 0.22s ease,
            background 0.22s ease;
    }

    .btn:hover,
    button:hover {
        transform: translateY(-2px);
    }
}

/* Mobile performance and accessibility */
@media (max-width: 650px) {
    body::before,
    body::after {
        width: 230px;
        height: 230px;
    }

    .result-card,
    .service-card,
    .why,
    .why-item {
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
    }

    .result-card:hover,
    .service-card:hover,
    .why-item:hover {
        transform: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    body::before,
    body::after,
    .ax-click-ripple,
    .ax-click-particle {
        animation: none !important;
    }

    .result-card,
    .service-card,
    .why-item {
        transition: none;
    }
}
/* ===== ASTROVIAX V10 PREMIUM HOME UPGRADE ===== */
.brand{display:flex;align-items:center;isolation:isolate}.brand img{width:226px!important;height:auto!important;max-height:64px!important;object-fit:contain!important;filter:none!important;opacity:1!important;transform:none!important;mix-blend-mode:normal!important}
.ax-home-hero{min-height:650px}.ax-home-hero .hero-grid{min-height:650px}.ax-zodiac-ring{position:absolute;width:680px;height:680px;border:1px solid rgba(185,126,18,.13);border-radius:50%;right:-330px;top:-160px;display:grid;place-items:center;animation:spin 70s linear infinite}.ax-zodiac-ring:before,.ax-zodiac-ring:after{content:"";position:absolute;border:1px dashed rgba(111,15,12,.10);border-radius:50%;inset:65px}.ax-zodiac-ring:after{inset:140px}.ax-zodiac-ring span{font:700 72px Georgia;color:rgba(111,15,12,.08)}
.ax-cosmic-card{background:radial-gradient(circle at 50% 42%,rgba(213,156,56,.33),transparent 23%),linear-gradient(145deg,#7b1711,#3f0907 68%,#250504);display:grid;place-items:center}.ax-cosmic-copy{position:relative;z-index:3;text-align:center;color:#fff;padding:30px}.ax-cosmic-copy img{width:min(300px,75%);background:rgba(255,250,239,.96);padding:12px 18px;border-radius:18px;box-shadow:0 14px 35px rgba(0,0,0,.22)}.ax-cosmic-copy small{display:block;margin:20px 0 5px;color:#f1d79d;letter-spacing:1px}.ax-cosmic-copy strong{display:block;font:700 92px Georgia;color:#f1c66a;text-shadow:0 0 35px rgba(241,198,106,.3)}.ax-cosmic-copy p{margin:0;color:#fff3d8;font-size:18px}.ax-hero-copy{position:relative}.ax-feature-rail{margin-top:-24px;position:relative;z-index:4}.ax-rail-card{display:flex;justify-content:center;gap:28px;flex-wrap:wrap;padding:16px 22px;border:1px solid rgba(193,146,60,.28);border-radius:18px;background:rgba(255,253,247,.82);backdrop-filter:blur(18px);box-shadow:0 15px 40px rgba(78,20,12,.09);font-weight:700;color:#6f2118}.ax-eyebrow{display:inline-block;color:#9a6b20;font-size:12px;font-weight:800;letter-spacing:2.2px;margin-bottom:8px}.ax-premium-services .service-card{min-height:235px}.ax-card-badge{position:absolute;right:16px;top:15px;padding:5px 9px;border:1px solid rgba(201,137,23,.28);border-radius:999px;background:rgba(255,247,226,.8);color:#7b5316;font-size:10px;font-weight:800;letter-spacing:.4px}.ax-insight-section{background:linear-gradient(135deg,rgba(111,15,12,.96),rgba(69,7,6,.98));color:#fff;position:relative;overflow:hidden}.ax-insight-section:before{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(226,178,79,.15);border-radius:50%;right:-190px;top:-220px}.ax-split-feature{display:grid;grid-template-columns:1.08fr .92fr;gap:65px;align-items:center}.ax-feature-copy h2{font-family:'Playfair Display',Georgia,serif;font-size:43px;line-height:1.15;margin:5px 0 18px;color:#fff}.ax-feature-copy p{color:#eadbd0;font-size:17px;line-height:1.75}.ax-check-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;margin:25px 0}.ax-check-grid span{color:#fff4dd}.ax-report-preview{background:#fffaf0;color:#351914;border:1px solid #e3bd6b;border-radius:28px;padding:26px;box-shadow:0 30px 70px rgba(0,0,0,.28);transform:rotate(1.5deg)}.ax-report-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ead5a8;padding-bottom:15px}.ax-report-top img{width:170px}.ax-report-top span{font-size:10px;letter-spacing:1.4px;color:#8c631f}.ax-chart-mock{height:230px;margin:25px auto;max-width:310px;border:2px solid #8c241a;position:relative;display:grid;place-items:center;transform:rotate(45deg)}.ax-chart-mock:before,.ax-chart-mock:after{content:"";position:absolute;inset:0;border-top:1px solid #b77d38;transform:rotate(90deg)}.ax-chart-mock:after{transform:rotate(0)}.ax-chart-mock b,.ax-chart-mock small{position:absolute;transform:rotate(-45deg)}.ax-chart-mock b{font-size:20px}.ax-chart-mock small{margin-top:42px;color:#806c5f}.ax-report-lines{display:grid;gap:9px}.ax-report-lines span{height:8px;border-radius:10px;background:linear-gradient(90deg,#ead7b0 75%,transparent 75%)}.ax-report-lines span:nth-child(2){width:86%}.ax-report-lines span:nth-child(3){width:70%}.ax-report-stamp{text-align:center;margin-top:20px;border:1px solid #c89b46;padding:8px;border-radius:8px;color:#8b5f1c;font-size:10px;font-weight:800;letter-spacing:1px}.ax-why-grid .why-item{min-height:125px}.ax-journey-steps{background:rgba(255,249,237,.55)}.ax-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.ax-step{padding:30px;border:1px solid rgba(191,145,58,.28);border-radius:24px;background:rgba(255,253,247,.75);box-shadow:var(--ax-glass-shadow)}.ax-step b{font:800 42px 'Playfair Display',serif;color:rgba(111,15,12,.16)}.ax-step h3{font:700 22px 'Playfair Display',serif;color:#5f100d;margin:4px 0 8px}.ax-step p{color:#75645c;margin:0}.ax-final-cta{padding-top:15px}.ax-cta-card{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:42px 48px;border-radius:30px;background:linear-gradient(120deg,#fff7e8,#f2dfb8);border:1px solid #dfbd78;box-shadow:0 22px 55px rgba(92,38,10,.12)}.ax-cta-card span{color:#8d5d16;font-weight:700}.ax-cta-card h2{font:700 36px 'Playfair Display',serif;color:#5f100d;margin:8px 0}.ax-cta-card p{margin:0;color:#6e5a50}.ax-reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.ax-reveal.ax-visible{opacity:1;transform:none}
@media(max-width:900px){.ax-split-feature{grid-template-columns:1fr}.ax-report-preview{max-width:600px;margin:auto}.ax-steps{grid-template-columns:1fr}.ax-cta-card{display:block}.ax-cta-card .hero-actions{margin-top:25px}.ax-home-hero .hero-grid{min-height:auto;padding:45px 0}.ax-feature-rail{margin-top:0}}
@media(max-width:650px){.brand img{width:190px!important;max-height:56px!important}.ax-feature-rail{padding-top:12px}.ax-rail-card{justify-content:flex-start;gap:9px 16px;font-size:12px}.ax-feature-copy h2{font-size:33px}.ax-check-grid{grid-template-columns:1fr}.ax-report-preview{padding:18px;transform:none}.ax-chart-mock{height:190px;max-width:250px}.ax-cta-card{padding:28px 22px}.ax-cta-card h2{font-size:29px}.ax-cosmic-copy strong{font-size:72px}}
@media(prefers-reduced-motion:reduce){.ax-reveal{opacity:1;transform:none;transition:none}}

/* ===== ASTROVIAX V11 PLATFORM EXPERIENCE ===== */
.ax-dash-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;margin-bottom:24px}.ax-welcome{padding:30px;border-radius:26px;background:linear-gradient(135deg,#6f0f0c,#3c0807);color:#fff;position:relative;overflow:hidden}.ax-welcome:after{content:'ॐ';position:absolute;right:25px;top:-18px;font:700 130px Georgia;color:rgba(241,198,106,.10)}.ax-welcome small{color:#eacb8d;letter-spacing:1.5px;font-weight:800}.ax-welcome h2{color:#fff;font:700 34px 'Playfair Display',Georgia;margin:7px 0}.ax-welcome p{color:#eadbd0;max-width:620px}.ax-profile-meter{padding:25px;border:1px solid rgba(191,145,58,.28);border-radius:26px;background:rgba(255,253,247,.8);box-shadow:var(--ax-glass-shadow)}.ax-meter{height:9px;background:#eadfc8;border-radius:20px;overflow:hidden;margin:13px 0}.ax-meter span{display:block;height:100%;background:linear-gradient(90deg,#7a1510,#c89535);border-radius:inherit}.ax-quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0 0 24px}.ax-action-card{display:block;padding:20px;border-radius:20px;border:1px solid rgba(191,145,58,.25);background:rgba(255,253,247,.76);text-decoration:none;color:#4f1712;box-shadow:0 10px 28px rgba(80,24,13,.06);transition:.25s}.ax-action-card:hover{transform:translateY(-3px);border-color:#c6973d}.ax-action-card b{display:block;font:700 18px 'Playfair Display',Georgia;margin:7px 0}.ax-action-card span{font-size:13px;color:#77645b}.ax-action-icon{font-size:25px;color:#a87620}.ax-report-row-actions{display:flex;gap:8px;align-items:center}.ax-empty-state{text-align:center;padding:34px 15px}.ax-empty-state .ax-empty-icon{font-size:38px;color:#a87620}.ax-ai-shell{display:grid;grid-template-columns:260px 1fr;gap:18px;align-items:start}.ax-ai-side{position:sticky;top:105px;padding:20px;border:1px solid rgba(191,145,58,.24);border-radius:22px;background:rgba(255,253,247,.78)}.ax-ai-side b{display:block;color:#61110d;margin-bottom:12px}.ax-ai-chip{display:block;width:100%;text-align:left;border:1px solid #ead8b3;background:#fffaf0;color:#5f251c;border-radius:14px;padding:11px 12px;margin:8px 0;cursor:pointer;font:inherit}.ax-ai-main .result-card:first-child{margin-top:0}.ax-ai-trust{display:flex;gap:12px;flex-wrap:wrap;margin:14px 0 0}.ax-ai-trust span{font-size:12px;padding:7px 10px;border-radius:999px;background:#f7ecd6;color:#744b13;border:1px solid #e8cf9c}.ax-ai-compose{position:relative}.ax-ai-compose textarea{padding-right:55px!important;min-height:130px}.ax-ai-note{font-size:12px;color:#826f66;margin-top:9px}.ax-download-hub{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
@media(max-width:900px){.ax-dash-hero,.ax-ai-shell{grid-template-columns:1fr}.ax-quick-actions{grid-template-columns:repeat(2,1fr)}.ax-ai-side{position:static}}
@media(max-width:560px){.ax-quick-actions{grid-template-columns:1fr}.ax-welcome{padding:23px}.ax-welcome h2{font-size:28px}.ax-welcome:after{font-size:95px}.ax-report-row-actions{align-items:flex-start;flex-direction:column}}


/* =========================================================
   ASTROVIAX RESPONSIVE FINAL — MOBILE / TABLET / LAPTOP / PC
   Keeps the approved maroon-gold-cream identity intact.
========================================================= */

/* Safe viewport + tap behavior */
html{max-width:100%;overflow-x:hidden}
body{max-width:100%;overflow-x:hidden}
img,svg,video,canvas{max-width:100%;height:auto}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
input,select,textarea{min-width:0}

/* Better fluid container on all screens */
.container{
    width:min(1220px,calc(100% - clamp(24px,4vw,52px)));
}

/* Header + logo remain sharp and unclipped */
.brand{
    display:flex;
    align-items:center;
    flex:0 0 auto;
    min-width:0;
}
.brand img{
    width:clamp(150px,18vw,225px);
    height:auto;
    object-fit:contain;
    image-rendering:auto;
}
.site-header{
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
}
.nav-wrap{
    gap:20px;
}
.nav{
    min-width:0;
}
.nav>a,
.nav-drop>button{
    line-height:1.2;
}

/* Hero: fluid typography and balanced proportions */
.hero-grid{
    min-height:clamp(500px,58vw,620px);
    gap:clamp(28px,4vw,55px);
}
.hero h1{
    font-size:clamp(48px,7vw,80px);
}
.hero h2{
    font-size:clamp(22px,2.4vw,28px);
}
.hero-copy{
    font-size:clamp(16px,1.6vw,18px);
}
.sage-card{
    min-height:360px;
    height:clamp(390px,42vw,460px);
}

/* Service grid: 5 desktop / 3 tablet / 2 mobile / 1 small mobile */
.service-grid{
    grid-template-columns:repeat(5,minmax(0,1fr));
    align-items:stretch;
}
.service-card{
    min-width:0;
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
}
.service-card h3{
    line-height:1.25;
}
.service-card p{
    line-height:1.55;
}
.service-arrow{
    margin-top:auto;
}
.service-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:22px;
    padding:4px 8px;
    border-radius:999px;
    font-size:11px;
    line-height:1;
    font-weight:700;
    letter-spacing:.15px;
    white-space:nowrap;
}

/* Prevent report/feature blocks from overflowing */
.panchang-layout,
.summary-grid,
.chart-table-grid,
.analysis-columns,
.dashboard-grid,
.footer-grid,
.why-grid,
.score-grid,
.quick-grid,
.metric-grid,
.location-meta,
.form-grid{
    min-width:0;
}
.result-card,
.form-card,
.info-panel,
.auth-card,
.service-card,
.zodiac-card,
.quick,
.metric{
    min-width:0;
}

/* Tables usable on smaller screens */
.table-wrap{
    width:100%;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
}
.table{
    min-width:640px;
}

/* Footer remains readable */
.footer-grid{
    align-items:start;
}
.footer-logo{
    max-width:220px;
    height:auto;
}

/* =========================
   LAPTOP / SMALL DESKTOP
   901px–1180px
========================= */
@media (max-width:1180px){
    .nav{
        gap:13px;
        font-size:14px;
    }
    .nav>a,
    .nav-drop>button{
        padding-top:27px;
        padding-bottom:22px;
    }
    .service-grid{
        grid-template-columns:repeat(4,minmax(0,1fr));
    }
    .why-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .score-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

/* =========================
   TABLET
   701px–900px
========================= */
@media (max-width:900px){
    .topbar{
        display:none;
    }

    .site-header{
        top:0;
    }

    .nav-wrap{
        min-height:72px;
        position:relative;
    }

    .brand img{
        width:clamp(150px,28vw,190px);
    }

    .menu-toggle{
        display:block;
        flex:0 0 42px;
        position:relative;
        z-index:72;
    }

    .nav{
        position:absolute;
        left:0;
        right:0;
        top:100%;
        display:none;
        flex-direction:column;
        align-items:stretch;
        gap:0;
        background:rgba(255,250,242,.985);
        border:1px solid #ead8b0;
        border-top:0;
        border-radius:0 0 18px 18px;
        box-shadow:0 18px 36px rgba(82,35,7,.12);
        overflow:hidden;
        max-height:calc(100vh - 78px);
        overflow-y:auto;
        z-index:70;
    }

    .nav.open{
        display:flex;
    }

    .nav>a,
    .nav-drop>button{
        width:100%;
        display:flex;
        align-items:center;
        justify-content:space-between;
        padding:15px 18px;
        border-bottom:1px solid #eadfca;
        text-align:left;
        font-size:16px;
        line-height:1.3;
    }

    .nav-drop{
        width:100%;
    }

    .dropdown{
        position:static;
        width:100%;
        border:0;
        border-radius:0;
        box-shadow:none;
        background:#fff8ea;
        padding:0;
    }

    .nav-drop.open .dropdown{
        display:block;
    }

    .nav-drop:hover .dropdown{
        display:none;
    }

    .nav-drop.open:hover .dropdown{
        display:block;
    }

    .dropdown a{
        padding:13px 28px;
        border-radius:0;
        border-bottom:1px solid #efe2c9;
    }

    .nav .btn-small{
        margin:12px 16px 16px;
        width:auto;
        justify-content:center;
    }

    .hero-grid{
        grid-template-columns:1fr;
        min-height:auto;
        padding:46px 0 50px;
        gap:34px;
    }

    .hero-copy{
        max-width:none;
    }

    .sage-card{
        max-width:620px;
        width:100%;
        margin:0 auto;
    }

    .trust-strip{
        grid-template-columns:repeat(2,1fr);
    }

    .trust-strip div:nth-child(2){
        border-right:0;
    }
    .trust-strip div:nth-child(-n+2){
        border-bottom:1px solid #ead6b2;
    }

    .service-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }

    .two-col,
    .summary-grid,
    .chart-table-grid,
    .panchang-layout,
    .analysis-columns,
    .dashboard-grid{
        grid-template-columns:1fr;
    }

    .dash-side{
        position:static;
    }

    .dash-cards{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .zodiac-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }

    .footer-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .journey-inner{
        gap:20px;
        flex-wrap:wrap;
    }

    .page-hero h1{
        font-size:clamp(40px,7vw,52px);
    }
}

/* =========================
   MOBILE LANDSCAPE / LARGE PHONE
   521px–700px
========================= */
@media (max-width:700px){
    .container{
        width:min(100% - 24px,1220px);
    }

    .hero-grid{
        padding:34px 0 40px;
    }

    .hero h1{
        font-size:clamp(42px,12vw,58px);
    }

    .hero h2{
        font-size:22px;
    }

    .hero-actions{
        flex-wrap:wrap;
    }

    .hero-actions .btn{
        flex:1 1 220px;
    }

    .service-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:12px;
    }

    .service-card{
        padding:16px;
        min-height:170px;
    }

    .service-icon{
        width:54px;
        height:54px;
        font-size:25px;
    }

    .why-grid,
    .score-grid,
    .metric-grid,
    .location-meta,
    .quick-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .form-grid{
        grid-template-columns:1fr;
    }
    .field.full{
        grid-column:auto;
    }

    .zodiac-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .footer-grid{
        grid-template-columns:1fr 1fr;
        gap:24px;
    }

    .footer-bottom .container{
        flex-wrap:wrap;
        text-align:center;
    }

    .journey{
        padding:24px 0;
    }

    .journey-inner{
        align-items:flex-start;
        flex-direction:column;
    }

    .journey .btn{
        width:100%;
    }

    .auth-shell{
        max-width:100%;
    }

    .auth-card{
        padding:22px;
    }
}

/* =========================
   SMALL MOBILE
   <=520px
========================= */
@media (max-width:520px){
    .container{
        width:calc(100% - 20px);
    }

    .nav-wrap{
        min-height:66px;
    }

    .brand img{
        width:150px;
    }

    .menu-toggle{
        width:40px;
        height:40px;
    }

    .page-hero{
        padding:28px 0 24px;
    }

    .page-hero h1{
        font-size:38px;
        line-height:1.06;
    }

    .page-hero p{
        font-size:15px;
    }

    .hero-grid{
        padding:26px 0 34px;
        gap:26px;
    }

    .sage-card{
        min-height:310px;
        height:330px;
        border-radius:26px;
    }

    .hero h1{
        font-size:44px;
        line-height:.98;
    }

    .hero-copy{
        font-size:15px;
        line-height:1.6;
    }

    .hero-actions{
        display:grid;
        grid-template-columns:1fr;
        gap:10px;
    }

    .hero-actions .btn{
        width:100%;
    }

    .trust-strip{
        grid-template-columns:1fr 1fr;
    }

    .trust-strip strong{
        font-size:18px;
    }

    .section{
        padding:42px 0;
    }

    .section-title h2{
        font-size:30px;
        line-height:1.15;
    }

    .service-grid{
        grid-template-columns:1fr;
    }

    .service-card{
        min-height:auto;
        text-align:left;
        display:grid;
        grid-template-columns:58px 1fr auto;
        grid-template-areas:
            "icon badge arrow"
            "icon title arrow"
            "icon copy arrow";
        column-gap:13px;
        align-items:center;
        padding:15px;
    }

    .service-icon{
        grid-area:icon;
        margin:0;
    }

    .service-badge{
        grid-area:badge;
        justify-self:start;
    }

    .service-card h3{
        grid-area:title;
        margin:4px 0 0;
        font-size:18px;
        text-align:left;
    }

    .service-card p{
        grid-area:copy;
        margin:3px 0 0;
        font-size:13px;
        text-align:left;
    }

    .service-arrow{
        grid-area:arrow;
        margin:0;
        align-self:center;
    }

    .why-grid,
    .score-grid,
    .metric-grid,
    .location-meta,
    .quick-grid,
    .zodiac-grid,
    .dash-cards{
        grid-template-columns:1fr;
    }

    .form-card,
    .result-card{
        padding:18px;
        border-radius:18px;
    }

    .info-panel{
        padding:22px;
        border-radius:18px;
    }

    .choghadiya{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .choghadiya>div{
        min-width:0;
    }

    .table{
        min-width:560px;
    }

    .footer-grid{
        grid-template-columns:1fr;
    }

    .footer-logo{
        width:180px;
    }

    .journey h2{
        font-size:25px;
    }

    .auth-card{
        padding:18px;
        border-radius:18px;
    }

    .auth-card h2{
        font-size:27px;
    }

    .ax-ai-shell{
        display:block !important;
    }

    .ax-ai-side{
        position:static !important;
        width:100% !important;
        margin-bottom:16px;
    }
}

/* =========================
   VERY SMALL MOBILE
   <=380px
========================= */
@media (max-width:380px){
    .brand img{
        width:136px;
    }

    .hero h1{
        font-size:39px;
    }

    .page-hero h1{
        font-size:34px;
    }

    .btn{
        padding:12px 16px;
    }

    .service-card{
        grid-template-columns:52px 1fr 22px;
        column-gap:10px;
    }

    .service-icon{
        width:50px;
        height:50px;
        font-size:23px;
    }
}


/* Homepage premium-card badge readability */
.ax-card-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:22px;
    padding:4px 8px;
    border-radius:999px;
    font-size:11px;
    line-height:1;
    font-weight:700;
    letter-spacing:.1px;
    white-space:nowrap;
}
@media(max-width:520px){
    .ax-card-badge{
        font-size:10px;
        min-height:20px;
        padding:3px 7px;
    }
}


/* =========================================================
   ASTROVIAX GLOBAL PREMIUM POLISH — 2026-08-14
   Shared UI consistency, accessibility and responsive finish.
========================================================= */

/* Keyboard accessibility */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible{
    outline:3px solid rgba(201,137,23,.28);
    outline-offset:3px;
}

/* Smooth but respectful motion */
@media(prefers-reduced-motion:reduce){
    html{scroll-behavior:auto!important}
    *,
    *:before,
    *:after{
        animation-duration:.001ms!important;
        animation-iteration-count:1!important;
        transition-duration:.001ms!important;
    }
}

/* Shared premium cards */
.result-card,
.form-card,
.service-card,
.zodiac-card,
.metric,
.quick,
.dash-stat{
    transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease;
}

.result-card:hover{
    border-color:#dfc58f;
}

/* Keep headings balanced and prevent ugly overflow */
h1,h2,h3,h4,
.result-card strong,
.service-card strong{
    overflow-wrap:anywhere;
}

.page-hero .container{
    position:relative;
    z-index:1;
}

.page-hero:after{
    content:"";
    position:absolute;
    inset:auto 0 0;
    height:1px;
    background:linear-gradient(90deg,transparent,#d4a85c,transparent);
    opacity:.45;
}

/* Buttons */
.btn{
    min-height:44px;
}
.btn:active{
    transform:translateY(0);
}

/* Forms */
.field input[readonly]{
    background:#faf6ee;
    color:#685950;
}
.field textarea{
    line-height:1.6;
}

/* Safe mobile spacing */
@media(max-width:620px){
    .content-section{
        padding-top:18px;
        padding-bottom:42px;
    }

    .page-hero{
        padding-top:28px;
        padding-bottom:26px;
    }

    .page-hero h1{
        font-size:clamp(34px,10vw,42px);
    }

    .section-title h2{
        font-size:clamp(26px,8vw,32px);
    }

    .btn{
        min-height:46px;
    }
}

/* Better print baseline across report pages */
@media print{
    .site-header,
    .topbar,
    .journey,
    .footer,
    .no-print{
        display:none!important;
    }

    body{
        background:#fff!important;
        color:#2d1714!important;
        -webkit-print-color-adjust:exact!important;
        print-color-adjust:exact!important;
    }

    .content-section{
        padding:0!important;
    }

    a{
        text-decoration:none!important;
    }
}


/* =========================================================
   ACCOUNT / GLOBAL LOCATION AUTOCOMPLETE — FINAL FIX
========================================================= */
.field.positioned{
    position:relative;
    z-index:120;
}
.suggestions{
    z-index:9999!important;
    max-height:320px;
    overscroll-behavior:contain;
}
.suggestions.show{
    display:block!important;
}
.suggestion{
    background:#fff;
    line-height:1.35;
}
.suggestion strong{
    color:#68130f;
}
.suggestion small{
    color:#8a776d;
}
.ax-location-searching{
    color:#806d64;
    cursor:default;
}
#profile{
    overflow:visible!important;
}
#profile .form-grid{
    overflow:visible!important;
}
@media(max-width:620px){
    .suggestions{
        max-height:260px;
        border-radius:12px;
        box-shadow:0 18px 44px rgba(63,19,9,.18);
    }
}


/* =========================================================
   MOBILE HEADER MENU FALLBACK — ACCOUNT/DASHBOARD RELIABILITY
========================================================= */
@media(max-width:900px){
    #mainNav.open{
        display:flex!important;
        position:fixed!important;
        left:12px!important;
        right:12px!important;
        top:84px!important;
        z-index:9998!important;
        max-height:calc(100vh - 108px)!important;
        overflow-y:auto!important;
        flex-direction:column!important;
        align-items:stretch!important;
        gap:0!important;
        padding:10px!important;
        border:1px solid #dfc58f!important;
        border-radius:18px!important;
        background:rgba(255,250,240,.985)!important;
        box-shadow:0 26px 70px rgba(62,18,7,.25)!important;
        backdrop-filter:blur(18px)!important;
        -webkit-backdrop-filter:blur(18px)!important;
    }

    #mainNav.open>a,
    #mainNav.open>.nav-drop,
    #mainNav.open .nav-account-link{
        width:100%!important;
    }

    .ax-nav-open body{
        overflow:hidden!important;
    }
}



/* ======================================================================
   ASTROVIAX DASHBOARD V2 — TODAY FOR YOU
   Kept in global stylesheet so the cards are styled even if page-level
   inline style parsing/caching is affected.
====================================================================== */
.ax-today-for-you{
  margin:24px auto 18px!important;
  padding:0!important;
}
.ax-today-head{
  display:flex!important;
  justify-content:space-between!important;
  align-items:flex-end!important;
  gap:18px!important;
  margin-bottom:16px!important;
}
.ax-today-head>div{min-width:0}
.ax-today-head small{
  display:block!important;
  color:#9d742b!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:1.15px!important;
}
.ax-today-head h2{
  margin:5px 0 6px!important;
  color:#68130f!important;
  font:800 32px/1.15 "Playfair Display",Georgia,serif!important;
}
.ax-today-head p{
  margin:0!important;
  color:#78655d!important;
  line-height:1.65!important;
}
.ax-today-head>a{
  flex:0 0 auto!important;
  color:#71140f!important;
  font-weight:800!important;
  text-decoration:none!important;
}
.ax-today-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
  width:100%!important;
}
.ax-today-grid>article{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  min-height:220px!important;
  padding:20px!important;
  border:1px solid #e0c995!important;
  border-radius:20px!important;
  background:
    radial-gradient(circle at 90% 5%,rgba(207,156,48,.10),transparent 28%),
    linear-gradient(145deg,#fffefb,#fff7e5)!important;
  box-shadow:0 14px 34px rgba(73,27,9,.07)!important;
  overflow:hidden!important;
}
.ax-today-grid>article>span{
  width:44px!important;
  height:44px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:14px!important;
  background:linear-gradient(145deg,#7b1510,#4b0907)!important;
  color:#ffd46d!important;
  font-size:21px!important;
  line-height:1!important;
}
.ax-today-grid>article>small{
  display:block!important;
  margin-top:14px!important;
  color:#9c762e!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:.75px!important;
}
.ax-today-grid>article>h3{
  margin:5px 0 9px!important;
  color:#68130f!important;
  font-size:22px!important;
  line-height:1.25!important;
}
.ax-today-grid>article>p{
  margin:0 0 14px!important;
  color:#6e5b53!important;
  font-size:12px!important;
  line-height:1.7!important;
}
.ax-today-grid>article>a{
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  max-width:100%!important;
  margin-top:auto!important;
  padding:9px 12px!important;
  border:1px solid #d8b875!important;
  border-radius:999px!important;
  background:#fffaf0!important;
  color:#74140f!important;
  font-weight:800!important;
  font-size:11px!important;
  text-decoration:none!important;
}
.ax-today-grid>article>a:hover{
  background:#74140f!important;
  color:#fff1c8!important;
  border-color:#74140f!important;
}
@media(max-width:900px){
  .ax-today-grid{grid-template-columns:1fr!important}
}
@media(max-width:600px){
  .ax-today-for-you{margin-top:18px!important}
  .ax-today-head{align-items:flex-start!important;flex-direction:column!important}
  .ax-today-head h2{font-size:28px!important}
  .ax-today-grid>article{min-height:auto!important;padding:17px!important}
}