/* ORVAANA mobile layout (phones only, <= 720px). Desktop is not changed. */
.mob-only{display:none}
@media (max-width:720px){
.mob-only{display:block}
body{padding-bottom:74px}
.wrap{padding-left:16px!important;padding-right:16px!important}
/* 1. one clean top: promo bars move into the bottom bar */
.top-banner-diag,.top-banner-2027{display:none!important}
/* 2. hero */
.hero{padding:26px 0 24px!important}
.hero h1{font-size:25px!important;line-height:1.28!important;margin:8px 0 10px!important}
.hero .lead{font-size:14.5px!important;line-height:1.55!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:16px!important}
.hero-eyebrow{font-size:10px!important;letter-spacing:.14em!important}
.hero-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:10px!important}
.hero-actions .btn{padding:13px 8px!important;font-size:11.5px!important;text-align:center;white-space:normal;line-height:1.25}
/* 3. trust strip: one row of four */
.trust-strip{padding:14px 0!important}
.trust-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:4px!important}
.trust-item{padding:0 2px!important;text-align:center;border:0!important}
.trust-item b{font-size:17px!important;display:block}
.trust-item span{font-size:8.5px!important;letter-spacing:.05em!important;line-height:1.25;display:block;margin-top:3px}
/* 4. section rhythm */
.section-title{margin-bottom:14px!important;text-align:left!important}
.section-title h2{font-size:21px!important;line-height:1.25!important}
.section-title p{font-size:13.5px!important;margin-top:6px!important;line-height:1.5!important}
.cream-section,.dark-bottom{padding-top:26px!important}
#consultations,#insights,.reviews-section{margin-top:26px!important;margin-bottom:0!important}
/* 5. pillars: swipe cards */
.pillars-grid{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px!important;margin:0 -16px 22px!important;padding:2px 16px 8px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.pillars-grid::-webkit-scrollbar{display:none}
.pillar-card{flex:0 0 74%;scroll-snap-align:start;padding:16px!important}
.pillar-card h3{font-size:16px!important;margin-bottom:6px!important}
.pillar-card p{font-size:13px!important;line-height:1.5!important;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
/* 6. founder: small card */
.founder-box{display:grid!important;grid-template-columns:76px 1fr!important;gap:6px 14px!important;padding:16px!important;margin-bottom:0!important}
.founder-img-col{height:76px!important;min-height:76px!important;width:76px;border-radius:50%;overflow:hidden;grid-row:1}
.founder-img-col img{width:76px!important;height:76px!important;object-fit:cover;border-radius:50%}
.founder-info{display:contents}
.founder-info .eyebrow{grid-column:2;font-size:9.5px!important;align-self:end}
.founder-info h3{grid-column:2;font-size:19px!important;margin:0!important;align-self:center}
.founder-info .founder-title{grid-column:1/-1;font-size:11px!important;margin-top:4px}
.founder-info .lead-bio{grid-column:1/-1;font-size:13.5px!important;line-height:1.55!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:4px 0!important}
.founder-box.open .lead-bio{-webkit-line-clamp:unset;display:block}
.founder-badges,.gratitude-quote,.founder-info>div:last-child{grid-column:1/-1}
.founder-box:not(.open) .founder-badges,.founder-box:not(.open) .gratitude-quote{display:none!important}
.founder-badges{display:flex!important;flex-wrap:wrap;gap:6px!important}
.f-badge{font-size:11.5px!important}
.mob-more{grid-column:1/-1;background:none;border:0;color:#9c7a2e;font:700 12.5px/1 inherit;font-family:inherit;padding:8px 0;text-align:left;cursor:pointer}
.founder-info>div:last-child .btn{width:100%;text-align:center;padding:12px!important;font-size:11.5px!important}
.founder-box:not(.open) .founder-info>div:last-child{display:none}
/* 7. consultations: tap-to-open list */
.services-row-5{display:flex!important;flex-direction:column;gap:10px!important}
.service-card-compact{padding:0!important;display:block!important;overflow:hidden}
.service-card-compact>div{display:grid!important;grid-template-columns:1fr auto;align-items:center;padding:14px 16px 12px;cursor:pointer;position:relative}
.service-card-compact h3{grid-column:1;font-size:16px!important;margin:0!important;padding-right:6px}
.service-card-compact .service-duration{grid-column:1;font-size:11px!important;margin-top:2px}
.service-card-compact .compact-price{grid-column:2;grid-row:1/3;text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:2px;padding-right:22px}
.service-card-compact .compact-price .amount{font-size:17px!important;line-height:1}
.service-card-compact .cur-note{display:none!important}
.service-card-compact>div::after{content:"";position:absolute;right:16px;top:50%;width:8px;height:8px;border-right:2px solid #9c7a2e;border-bottom:2px solid #9c7a2e;transform:translateY(-70%) rotate(45deg);transition:transform .2s}
.service-card-compact.open>div::after{transform:translateY(-30%) rotate(-135deg)}
.service-card-compact .service-desc-short,.service-card-compact .compact-features,.service-card-compact .details-link-btn,.service-card-compact>.btn{display:none!important}
.service-card-compact.open .service-desc-short{display:block!important;grid-column:1/-1;margin-top:10px!important;font-size:13.5px!important}
.service-card-compact.open .compact-features{display:block!important;grid-column:1/-1;margin-top:6px!important}
.service-card-compact.open .details-link-btn{display:block!important;grid-column:1/-1;margin-top:8px!important;text-align:left}
.service-card-compact.open>.btn{display:block!important;margin:0 16px 16px!important;width:calc(100% - 32px)!important;padding:13px!important;font-size:12px!important}
.service-card-compact .card-tag{top:7px!important;left:16px!important;right:auto!important}
.service-card-compact:has(.card-tag)>div{padding-top:28px}
/* 8. tarot + logo tiles replace the two big banners */
.canva-feature-container{display:none!important}
.mob-tiles{display:grid!important;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}
.mob-tile{display:block;background:#0d0c14;border:1px solid rgba(201,162,74,.5);border-radius:12px;padding:14px 14px 13px;text-decoration:none}
.mob-tile svg{display:block;margin-bottom:8px}
.mob-tile b{display:block;color:#e3c77d;font:600 14px/1.25 'Cinzel',Georgia,serif}
.mob-tile span{display:block;color:#bdb29a;font-size:11.5px;line-height:1.4;margin-top:4px}
/* 9. articles: slim list, one tap opens the article */
.articles-grid{display:flex!important;flex-direction:column;gap:8px!important;margin-bottom:6px!important}
.article-card-photo{position:relative;display:block!important;padding:0!important;border-top-width:2px!important}
.article-card-photo .article-card-thumb,.article-card-photo img{display:none!important}
.article-card-photo .article-card-body{padding:13px 40px 13px 14px!important;display:block!important;min-height:0!important}
.article-card-photo h4{font-size:14.5px!important;line-height:1.35!important;margin:0!important}
.article-card-photo p{display:none!important}
.article-card-photo .article-link{font-size:11px!important;margin-top:5px!important;display:block}
.article-card-photo .article-link::before{content:"";position:absolute;inset:0}
.article-card-photo::after{content:"";position:absolute;right:16px;top:50%;width:8px;height:8px;border-right:2px solid #9c7a2e;border-bottom:2px solid #9c7a2e;transform:translateY(-50%) rotate(-45deg)}
.article-card-photo.mob-hide{display:none!important}
.mob-more-art{display:block;width:100%;background:transparent;border:1px solid rgba(201,162,74,.55);color:#e3c77d;border-radius:10px;padding:12px;font:700 12.5px inherit;font-family:inherit;margin:4px 0 8px;cursor:pointer}
/* 10. reviews + footer */
.reviews-section .section-title p{display:none}
footer{padding-top:22px!important}
/* 11. sticky bottom action bar */
.mob-bar{position:fixed;left:0;right:0;bottom:0;z-index:900;display:grid!important;grid-template-columns:1fr 1fr 1.15fr;gap:8px;padding:9px 12px calc(9px + env(safe-area-inset-bottom));background:rgba(13,12,20,.96);border-top:1px solid rgba(201,162,74,.4);backdrop-filter:blur(8px)}
.mob-bar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-decoration:none;border-radius:10px;padding:8px 4px;font:700 11px/1.2 'Manrope',system-ui,sans-serif;text-align:center;min-height:46px}
.mob-bar a small{font-weight:500;font-size:9.5px;opacity:.85}
.mob-bar .b1{border:1px solid rgba(201,162,74,.6);color:#e3c77d}
.mob-bar .b2{border:1px solid rgba(201,162,74,.6);color:#e3c77d}
.mob-bar .b3{background:linear-gradient(135deg,#e3c77d,#c9a24a);color:#0d0c14}
}
.mob-tiles,.mob-bar{display:none}