/* VS Home Plus 1.0.0 — navy · ivory · gold */

/* ---------- 1. Gochara bar: clickable ---------- */
.vhp-on .vs-ticker a{text-decoration:none !important;color:inherit;}
.vhp-on a.vhp-tk-label{color:var(--vs-gold-bright,#d9a441) !important;display:flex;align-items:center;gap:6px;cursor:pointer;transition:filter .2s;}
.vhp-on a.vhp-tk-label i{font-style:normal;font-size:1.1em;opacity:.8;}
.vhp-on a.vhp-tk-label:hover{filter:brightness(1.25);}
.vhp-on .vs-ticker-run li{padding:0 !important;}
.vhp-on a.vhp-tk{display:flex;align-items:center;gap:9px;padding:11px 26px;border-radius:999px;transition:background .2s,color .2s;}
.vhp-on a.vhp-tk:hover,.vhp-on a.vhp-tk:focus-visible{background:#fbf3e4;}
.vhp-on a.vhp-tk:hover b{color:#8a5d12;text-decoration:underline;text-underline-offset:3px;}

/* ---------- 2. Shop & Courses: wide rows, big pictures ---------- */
.vhp-on .vhp-shop .vs-mduo{grid-template-columns:minmax(0,1fr) !important;gap:48px;}
.vhp-on .vhp-shop .vs-mtiles{display:grid;gap:20px;}
.vhp-on .vhp-shop .vs-mtiles--5{grid-template-columns:repeat(5,minmax(0,1fr));}
.vhp-on .vhp-shop .vs-mtiles--4{grid-template-columns:repeat(4,minmax(0,1fr));}
.vhp-on .vhp-shop .vs-mtile{position:relative;grid-column:auto !important;display:block;border-radius:18px;overflow:hidden;border:1px solid #e6d5b0;background:#0f1b3d;box-shadow:0 10px 26px rgba(15,27,61,.10);transition:transform .3s,box-shadow .3s,border-color .3s;text-decoration:none;}
.vhp-on .vhp-shop .vs-mtile:hover{transform:translateY(-6px);box-shadow:0 22px 44px rgba(15,27,61,.22);border-color:#e9bd5f;}
.vhp-on .vhp-shop .vs-mtile img{display:block;width:100%;height:auto;aspect-ratio:4/5 !important;object-fit:cover;transition:transform .7s ease;}
.vhp-on .vhp-shop .vs-mtiles--4 .vs-mtile img{aspect-ratio:4/3.6 !important;}
.vhp-on .vhp-shop .vs-mtile:hover img{transform:scale(1.07);}
.vhp-on .vhp-shop .vs-mtile::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(11,22,52,0) 42%,rgba(11,22,52,.86) 100%);}
.vhp-on .vhp-shop .vs-mtile::after{content:"";position:absolute;inset:8px;z-index:1;pointer-events:none;border:1px solid rgba(233,189,95,.0);border-radius:12px;transition:border-color .3s;}
.vhp-on .vhp-shop .vs-mtile:hover::after{border-color:rgba(233,189,95,.65);}
.vhp-on .vhp-shop .vs-mtile div{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding:16px 16px 16px 18px;background:none !important;}
.vhp-on .vhp-shop .vs-mtile b{font-family:"Cormorant Garamond",Georgia,serif !important;font-size:1.32rem !important;line-height:1.12 !important;font-weight:700;color:#fff !important;text-shadow:0 2px 10px rgba(0,0,0,.35);}
.vhp-on .vhp-shop .vs-mtile i{width:36px;height:36px;flex:none;border:0 !important;border-radius:50%;background:linear-gradient(180deg,#e9bd5f,#c99232);color:#1f1503 !important;display:grid;place-items:center;box-shadow:0 4px 12px rgba(0,0,0,.3);transition:transform .25s;}
.vhp-on .vhp-shop .vs-mtile:hover i{transform:translateX(3px);}
.vhp-on .vhp-shop .vs-mtile i svg{width:14px;height:14px;}
@media (max-width:1024px){
  .vhp-on .vhp-shop .vs-mtiles--5{grid-template-columns:repeat(3,minmax(0,1fr));}
  .vhp-on .vhp-shop .vs-mtiles--4{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:600px){
  /* phones: swipe sideways through big cards */
  .vhp-on .vhp-shop .vs-mtiles--5,.vhp-on .vhp-shop .vs-mtiles--4{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:74%;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:18px;padding:4px 18px 14px;margin:0 -18px;scrollbar-width:none;}
  .vhp-on .vhp-shop .vs-mtiles::-webkit-scrollbar{display:none;}
  .vhp-on .vhp-shop .vs-mtile{scroll-snap-align:start;}
  .vhp-on .vhp-shop .vs-mtile b{font-size:1.4rem !important;}
}

/* ---------- 3. Events: clickable cards ---------- */
.vhp-on a.vhp-ev-link{display:block;height:100%;color:inherit;text-decoration:none !important;border-radius:12px;}
.vhp-on a.vhp-ev-link:focus-visible{outline:3px solid #c99232;outline-offset:3px;}
.vhp-on .vhp-ev-go{display:inline-flex;align-items:center;gap:6px;margin-top:12px;padding:8px 16px;border-radius:999px;background:#0f1b3d;color:#f0c86f;font:700 .82rem/1 Manrope,system-ui,sans-serif;align-self:flex-start;transition:background .2s,color .2s;}
.vhp-on .vhp-ev:hover .vhp-ev-go{background:linear-gradient(180deg,#e9bd5f,#c99232);color:#1f1503;}

/* ---------- 4. YouTube: golden Subscribe ---------- */
.vhp-on a.vhp-subscribe{display:inline-flex;align-items:center;gap:10px;padding:12px 24px;border-radius:999px;background:linear-gradient(135deg,#f6d27a 0%,#e3a93b 50%,#c98a1e 100%);color:#231703 !important;font:800 .95rem/1 Manrope,system-ui,sans-serif;letter-spacing:.02em;text-decoration:none !important;box-shadow:0 8px 22px rgba(233,169,59,.35),inset 0 1px 0 rgba(255,255,255,.5);border:1px solid #f3cf7c;transition:transform .2s,box-shadow .2s,filter .2s;white-space:nowrap;}
.vhp-on a.vhp-subscribe:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(233,169,59,.5);filter:brightness(1.05);}
.vhp-on a.vhp-subscribe svg{width:22px;height:22px;color:#c4171b;flex:none;}
.vhp-on #videos{position:relative;overflow:hidden;}
.vhp-on #videos::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(900px 320px at 90% 0%,rgba(233,189,95,.14),transparent 60%),radial-gradient(700px 300px at 0% 100%,rgba(214,42,42,.10),transparent 60%);}
.vhp-on #videos .vs-wrap{position:relative;}
.vhp-on #videos .vs-mhd h2{color:#fff;}
.vhp-on #videos .vs-xvid--feat .vs-xvid-th{border:2px solid rgba(233,189,95,.65) !important;box-shadow:0 18px 44px rgba(0,0,0,.45),0 0 0 6px rgba(233,189,95,.08) !important;}
@media (max-width:600px){.vhp-on #videos .vs-mhd{gap:14px;}.vhp-on a.vhp-subscribe{padding:11px 20px;}}

/* ---------- 5. Podcasts ---------- */
.vhp-pods{position:relative;padding:54px 0;background:linear-gradient(135deg,#15244f 0%,#0b1634 60%,#1a1230 100%);color:#fdfaf3;border-top:1px solid rgba(233,189,95,.25);overflow:hidden;}
.vhp-pods::before{content:"";position:absolute;right:-120px;top:-120px;width:420px;height:420px;border-radius:50%;border:1px solid rgba(233,189,95,.18);box-shadow:0 0 0 40px rgba(233,189,95,.04),0 0 0 90px rgba(233,189,95,.03);pointer-events:none;}
.vhp-pods .vs-wrap{position:relative;}
.vhp-pods-in{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.5fr);gap:40px;align-items:center;}
.vhp-pods-kick{display:inline-flex;align-items:center;gap:8px;margin:0 0 10px;padding:6px 14px;border:1px solid rgba(233,189,95,.5);border-radius:999px;color:#f0c86f;font:800 .74rem/1 Manrope,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;}
.vhp-pods h2{margin:0 0 10px;font:700 clamp(1.9rem,3vw,2.6rem)/1.08 "Cormorant Garamond",Georgia,serif;color:#fff;}
.vhp-pods h2::after{display:none !important;}
.vhp-pods-copy p:not(.vhp-pods-kick){margin:0;color:#c7cee3;font:400 1rem/1.6 Manrope,system-ui,sans-serif;}
.vhp-pods-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.vhp-pod{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(233,189,95,.28);color:#fff !important;text-decoration:none !important;transition:transform .25s,background .25s,border-color .25s;}
a.vhp-pod:hover{transform:translateY(-3px);background:rgba(255,255,255,.11);border-color:#e9bd5f;}
.vhp-pod-ic{width:44px;height:44px;flex:none;border-radius:12px;display:grid;place-items:center;background:#fff;color:var(--c);box-shadow:0 4px 12px rgba(0,0,0,.25);}
.vhp-pod-ic svg{width:26px;height:26px;}
.vhp-pod-t{display:flex;flex-direction:column;min-width:0;}
.vhp-pod-t small{font:700 .66rem/1.2 Manrope,system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#aab3cf;}
.vhp-pod-t b{font:700 1.02rem/1.25 Manrope,system-ui,sans-serif;color:#fff;}
.vhp-pod-go{margin-left:auto;color:#f0c86f;font-weight:800;}
.vhp-pod--soon{opacity:.55;cursor:default;}
.vhp-pod--soon .vhp-pod-ic{filter:grayscale(.6);}
@media (max-width:1024px){.vhp-pods-in{grid-template-columns:1fr;gap:24px;}}
@media (max-width:600px){.vhp-pods{padding:40px 0;}.vhp-pods-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}.vhp-pod{padding:12px;gap:10px;}.vhp-pod-ic{width:38px;height:38px;}.vhp-pod-t b{font-size:.92rem;}.vhp-pod-go{display:none;}}

/* ---------- 6. Blog page cards (theme): normal-size titles, bigger pictures ---------- */
body.vhp-blog .vsj-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr)) !important;gap:26px !important;}
body.vhp-blog .vsj-card-img{aspect-ratio:3/2 !important;}
body.vhp-blog .vsj-card-t,body.vhp-blog .vsj-card-t a{font-family:"Cormorant Garamond",Georgia,serif !important;font-weight:700 !important;font-size:1.42rem !important;line-height:1.22 !important;letter-spacing:0 !important;}
body.vhp-blog .vsj-card-t{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
body.vhp-blog .vsj-card-x{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:.9rem !important;}
body.vhp-blog .vsj-card--feat .vsj-card-t,body.vhp-blog .vsj-card--feat .vsj-card-t a{font-size:clamp(1.7rem,2.6vw,2.25rem) !important;line-height:1.14 !important;}
body.vhp-blog .vsj-card--feat .vsj-card-t{-webkit-line-clamp:4;}
body.vhp-blog .vsj-card{border-radius:16px;}
body.vhp-blog .vsj-card-body{gap:9px;}
@media (max-width:600px){
  body.vhp-blog .vsj-card-t,body.vhp-blog .vsj-card-t a{font-size:1.3rem !important;}
  body.vhp-blog .vsj-card--feat .vsj-card-t,body.vhp-blog .vsj-card--feat .vsj-card-t a{font-size:1.6rem !important;}
}

/* ---------- 7. Login page: client login label ---------- */
.vhp-role{display:flex;flex-direction:column;gap:6px;margin:0 0 18px;padding:12px 14px;border-radius:14px;background:#fbf5e6;border:1px solid #ead9b6;}
.vhp-role-on{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding:5px 12px;border-radius:999px;background:#0f1b3d;color:#f0c86f;font:800 .78rem/1.2 Manrope,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;}
.vhp-role-on svg{width:16px;height:16px;}
.vhp-role-x{font:500 .9rem/1.45 Manrope,system-ui,sans-serif;color:#4f5670;}
.vhp-role-other{font:500 .84rem/1.5 Manrope,system-ui,sans-serif;color:#6e7590;}
.vhp-role-other a{color:#8a3712 !important;font-weight:700;text-decoration:underline;text-underline-offset:3px;}

/* ---------- 8. Client login prompt ---------- */
html.vhp-noscroll{overflow:hidden;}
.vhp-gate{position:fixed;inset:0;z-index:2147483000;display:none;align-items:center;justify-content:center;padding:16px;}
.vhp-gate.is-open{display:flex;}
.vhp-gate-bg{position:absolute;inset:0;background:rgba(8,14,34,.72);backdrop-filter:blur(3px);}
.vhp-gate-box{position:relative;width:min(460px,100%);padding:30px 26px 24px;border-radius:20px;background:#fffdf8;border:1px solid #e6d5b0;box-shadow:0 30px 70px rgba(0,0,0,.45);text-align:center;animation:vhpIn .25s ease;}
@keyframes vhpIn{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
.vhp-gate-box::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;border-radius:20px 20px 0 0;background:linear-gradient(90deg,#c99232,#f0c86f,#c99232);}
.vhp-gate-x{position:absolute;right:10px;top:10px;width:36px;height:36px;border:0;border-radius:50%;background:#f5ecda;color:#0f1b3d;font-size:1.4rem;line-height:1;cursor:pointer;}
.vhp-gate-kick{margin:0 0 6px;font:800 .72rem/1.2 Manrope,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#8a6516;}
.vhp-gate h2{margin:0 0 10px !important;font:700 1.9rem/1.1 "Cormorant Garamond",Georgia,serif !important;color:#0f1b3d !important;}
.vhp-gate h2::after{display:none !important;}
.vhp-gate-p{margin:0 0 18px;font:400 .95rem/1.6 Manrope,system-ui,sans-serif;color:#4f5670;}
.vhp-gate-btns{display:flex;flex-direction:column;gap:10px;}
.vhp-gate-btn{display:block;padding:14px 18px;border-radius:999px;border:1.5px solid #0f1b3d;color:#0f1b3d !important;font:800 .98rem/1 Manrope,system-ui,sans-serif;text-decoration:none !important;transition:transform .2s,filter .2s;}
.vhp-gate-btn--gold{border-color:#e9bd5f;background:linear-gradient(180deg,#f0c86f,#c99232);color:#1f1503 !important;box-shadow:0 8px 20px rgba(201,146,50,.35);}
.vhp-gate-btn:hover{transform:translateY(-1px);filter:brightness(1.04);}
.vhp-gate-other{margin:16px 0 0;font:500 .84rem/1.5 Manrope,system-ui,sans-serif;color:#6e7590;}
.vhp-gate-other a{color:#8a3712 !important;font-weight:700;}
@media (prefers-reduced-motion:reduce){.vhp-gate-box{animation:none;}.vhp-on .vhp-shop .vs-mtile img{transition:none;}}

/* ---------- 9. Header: the Book button no longer runs off the screen on 1300–1600 px laptops ---------- */
@media (min-width:1281px) and (max-width:1599px){
  .vs-root .vs-mhead-cta .vs-mbtn--gold span{font-size:0 !important;}
  .vs-root .vs-mhead-cta .vs-mbtn--gold span::after{content:"Book";font-size:.9rem;}
  .vs-root .vs-mhead-cta .vs-mbtn{padding:11px 16px !important;}
  .vs-root .vs-mhead-cta{gap:2px;}
}
@media (min-width:1281px) and (max-width:1420px){
  .vs-root .vs-mhead .vs-wrap{gap:8px !important;padding-left:16px !important;padding-right:16px !important;}
}