:root{
  --vph-bg:#f7f1e7;
  --vph-bg-soft:#fbf7f0;
  --vph-card:#fffaf3;
  --vph-card-2:#f3eadc;
  --vph-text:#4e4032;
  --vph-text-strong:#2f241b;
  --vph-muted:#7e6c5c;
  --vph-line:rgba(126,108,92,.18);
  --vph-gold:#c6a26b;
  --vph-gold-2:#e8d1ae;
  --vph-accent:#b48b62;
  --vph-white:#fffdf9;
  --vph-shadow:0 20px 55px rgba(109,88,67,.12);
}

.vph-shell{width:min(1180px,calc(100% - 32px));margin:0 auto}
.vph-hero,.vph-card-section,.vph-player-wrap,.vph-cta,.vph-stats{font-family:"Plus Jakarta Sans",sans-serif;color:var(--vph-text)}

.vph-hero{
  padding:96px 0;
  background:
    radial-gradient(circle at top left,rgba(232,209,174,.8),transparent 34%),
    radial-gradient(circle at bottom right,rgba(198,162,107,.20),transparent 28%),
    linear-gradient(135deg,#f8f1e8 0%,#f4eadf 42%,#efe3d4 100%);
  border:1px solid rgba(198,162,107,.20);
  border-radius:32px;
  overflow:hidden;
  position:relative;
  box-shadow:var(--vph-shadow);
}
.vph-hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(255,255,255,.42),transparent 30%);
  pointer-events:none;
  z-index:0;
}
.vph-eyebrow{
  display:inline-block;
  text-transform:uppercase;
  letter-spacing:.22em;
  font-size:12px;
  font-weight:800;
  color:#a27c50;
  margin-bottom:14px
}
.vph-hero h1,.vph-card-section h2,.vph-player-wrap h2,.vph-cta h2,.vph-wall-card h3,.vph-stat strong,.vph-player-card h3{
  font-family:"Cormorant Garamond",serif;
  font-weight:600;
  line-height:1.03;
  letter-spacing:-.02em;
  color:var(--vph-text-strong)
}
.vph-hero h1{font-size:clamp(46px,6vw,86px);max-width:820px;margin:0 0 18px}
.vph-hero p{max-width:720px;font-size:18px;line-height:1.7;color:var(--vph-muted);margin:0 0 30px}

.vph-hero-custom{
  background-color:#efe4d5;
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  display:flex;
  align-items:var(--vph-hero-content-align,center);
  min-height:var(--vph-hero-min-height,620px);
  height:var(--vph-hero-height,auto);
  isolation:isolate;
}
.vph-hero-custom:before{
  background:var(--vph-hero-overlay,linear-gradient(180deg,rgba(255,255,255,.42),transparent 30%));
  backdrop-filter:blur(var(--vph-hero-blur,0px));
}
.vph-hero-custom .vph-shell{position:relative;z-index:2;width:min(1180px,calc(100% - 32px));}
.vph-hero-content{max-width:var(--vph-hero-content-width,840px)}
.vph-hero-custom h1,.vph-hero-custom p,.vph-hero-custom .vph-eyebrow{position:relative;z-index:1}

.vph-hero-custom.has-vph-shape .vph-shell{position:relative;z-index:1}
.vph-hero-shape{
  position:absolute;left:50%;width:var(--vph-hero-shape-width,100%);max-width:none;
  transform:translateX(calc(-50% + var(--vph-hero-shape-offset-x,0px)));
  margin-top:var(--vph-hero-shape-margin-top,0px);opacity:var(--vph-hero-shape-opacity,1);
  pointer-events:none;z-index:1;line-height:0;
}
.vph-hero-shape img{display:block;width:100%;height:auto}
.vph-hero-shape-cover img{width:100%;height:auto;object-fit:cover}
.vph-hero-shape-contain img{width:100%;height:auto;object-fit:contain}
.vph-shape-anchor-top .vph-hero-shape{top:0}
.vph-shape-anchor-middle .vph-hero-shape{top:50%;transform:translateX(calc(-50% + var(--vph-hero-shape-offset-x,0px))) translateY(-50%)}
.vph-shape-anchor-bottom .vph-hero-shape{bottom:0}

.vph-actions{display:flex;flex-wrap:wrap;gap:12px}
.vph-btn{
  display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:14px 24px;
  border:1px solid var(--vph-line);text-decoration:none;font-weight:700;cursor:pointer;transition:.25s ease;
  background:rgba(255,255,255,.72);color:var(--vph-text-strong);backdrop-filter:blur(6px)
}
.vph-btn:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(126,108,92,.12)}
.vph-btn-primary{
  background:linear-gradient(135deg,#bf8f44 0%,#d2a55a 45%,#e4c78f 100%);
  color:#fffaf1;border-color:transparent;box-shadow:0 14px 32px rgba(191,143,68,.32)
}
.vph-btn-secondary{background:rgba(255,253,249,.82)}
.vph-btn-ghost{background:transparent}

.vph-card-section,.vph-player-wrap,.vph-cta,.vph-stats{padding:38px 0}
.vph-card-section::before,
.vph-card-section::after,
.vph-player-wrap::before,
.vph-player-wrap::after{
  content:"";
  position:absolute;
  pointer-events:none;
  opacity:.65;
  z-index:0;
  background-repeat:no-repeat;
  background-size:contain;
}
.vph-form-experience,
.vph-wall-experience,
.vph-player-wrap{position:relative;isolation:isolate}
.vph-form-experience > .vph-shell,
.vph-wall-experience > .vph-shell,
.vph-player-wrap > .vph-shell{position:relative;z-index:1}
.vph-form-experience::before,
.vph-wall-experience::before,
.vph-player-wrap::before{
  top:18px;
  right:-18px;
  width:min(22vw,260px);
  height:min(18vw,220px);
  background-image:url('../images/bg-dove-right.svg');
}
.vph-form-experience::after,
.vph-wall-experience::after,
.vph-player-wrap::after{
  bottom:8px;
  right:16px;
  width:min(12vw,120px);
  height:min(12vw,120px);
  background-image:url('../images/bg-cross-rays.svg');
  opacity:.45;
}
.vph-form-experience .vph-shell:before,
.vph-wall-experience .vph-shell:before,
.vph-player-wrap .vph-shell:before{
  content:"";
  position:absolute;
  left:-26px;
  bottom:22px;
  width:min(10vw,96px);
  height:min(10vw,96px);
  background:url('../images/bg-sparkles.svg') no-repeat center/contain;
  opacity:.35;
  pointer-events:none;
}

.vph-player-hero{
  position:relative;
  overflow:hidden;
  border-radius:var(--vph-player-radius,32px);
  background-color:#f1e7da;
  box-shadow:var(--vph-shadow);
  border:1px solid rgba(198,162,107,.18);
  isolation:isolate;
}
.vph-player-hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(255,255,255,.12),transparent 34%);
  backdrop-filter:blur(var(--vph-player-blur,0px));
  pointer-events:none;
  z-index:0;
}
.vph-player-hero .vph-shell{position:relative;z-index:2;padding:72px 0}
.vph-grid-2{display:grid;grid-template-columns:1fr 1.05fr;gap:24px}
.vph-form,.vph-player-panel,.vph-cta-inner,.vph-wall-card,.vph-stat{
  background:linear-gradient(180deg,rgba(255,251,244,.97),rgba(246,238,226,.96));
  border:1px solid rgba(198,162,107,.18);
  border-radius:26px;
  box-shadow:var(--vph-shadow)
}

.vph-form{padding:26px}
.vph-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:12px}
.vph-form input,.vph-form textarea,.vph-form select,.vph-encourage-box textarea,.vph-encourage-box input{
  width:100%;border-radius:16px;border:1px solid rgba(126,108,92,.16);background:rgba(255,255,255,.72);
  color:var(--vph-text-strong);padding:14px 16px;outline:none;font-family:"Plus Jakarta Sans",sans-serif
}
.vph-form input::placeholder,.vph-form textarea::placeholder,.vph-encourage-box textarea::placeholder,.vph-encourage-box input::placeholder{color:#9a8978}
.vph-form input:focus,.vph-form textarea:focus,.vph-form select:focus,.vph-encourage-box textarea:focus,.vph-encourage-box input:focus{
  border-color:rgba(198,162,107,.6);box-shadow:0 0 0 4px rgba(198,162,107,.12)
}
.vph-checkbox-grid{grid-template-columns:repeat(2,1fr)}
.vph-checkbox-grid label{font-size:14px;color:var(--vph-muted)}
.vph-message{margin-top:12px;font-weight:700;color:#a27c50}
.vph-feature-list{list-style:none;padding:0;margin:18px 0 0}
.vph-feature-list li{padding:10px 0;border-bottom:1px solid rgba(126,108,92,.12);color:var(--vph-muted)}

.vph-heading-row{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:20px}
.vph-wall-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.vph-wall-card{padding:22px}
.vph-wall-card h3{margin:14px 0 10px;font-size:31px}
.vph-wall-card p{color:var(--vph-muted);margin:0 0 16px;line-height:1.65}
.vph-chip-row{display:flex;gap:8px;flex-wrap:wrap}
.vph-chip{
  display:inline-flex;border:1px solid rgba(126,108,92,.12);border-radius:999px;padding:6px 12px;font-size:12px;
  font-weight:800;text-transform:uppercase;letter-spacing:.08em;background:rgba(255,255,255,.66);color:var(--vph-text)
}
.vph-chip-gold{background:rgba(198,162,107,.14);color:#a27c50;border-color:rgba(198,162,107,.28)}
.vph-card-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.vph-count{font-size:14px;color:var(--vph-muted)}
.vph-encourage-box{margin-top:14px}
.vph-encourage-box summary{cursor:pointer;color:#a27c50;margin-bottom:10px}

.vph-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.vph-stat{padding:30px;text-align:center}
.vph-stat strong{display:block;font-size:48px;color:#8d6a45}
.vph-stat span{color:var(--vph-muted);font-weight:700}

.vph-player-panel{padding:28px;background:var(--vph-player-panel-bg,linear-gradient(180deg,rgba(255,251,244,.97),rgba(246,238,226,.96)));backdrop-filter:blur(10px)}
.vph-timer-row{display:flex;gap:10px;margin:16px 0 18px}
.vph-timer{
  border:1px solid rgba(126,108,92,.14);background:rgba(255,255,255,.74);color:var(--vph-text-strong);
  padding:10px 16px;border-radius:999px;cursor:pointer;font-family:"Plus Jakarta Sans",sans-serif;font-weight:700
}
.vph-timer.active{background:rgba(198,162,107,.16);border-color:rgba(198,162,107,.48);color:#8d6a45}
.vph-player-card{
  padding:26px;border-radius:24px;background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(248,241,232,.8));
  border:1px solid rgba(198,162,107,.16)
}
.vph-player-card h3{font-size:42px;margin:10px 0 14px}
.vph-player-card p{font-size:18px;line-height:1.72;color:var(--vph-muted);max-width:900px}
.vph-player-progress{height:8px;border-radius:999px;background:rgba(126,108,92,.10);overflow:hidden}
.vph-player-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--vph-gold),var(--vph-gold-2))}
.vph-guided-prompts{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 24px}
.vph-guided-prompts span{
  padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.66);border:1px solid rgba(126,108,92,.12);
  font-size:14px;color:var(--vph-muted)
}
.vph-cta-inner{padding:28px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px}

@media (max-width: 980px){
  .vph-player-hero .vph-shell{padding:34px 0}
  .vph-grid-2,.vph-wall-grid,.vph-stats-grid,.vph-cta-inner{grid-template-columns:1fr}
  .vph-form-grid,.vph-checkbox-grid{grid-template-columns:1fr}
  .vph-hero h1{font-size:52px}
  .vph-player-card h3{font-size:32px}
}


.vph-hero-custom .vph-eyebrow{color:var(--vph-hero-eyebrow-color,#a27c50);text-shadow:var(--vph-hero-text-shadow,none)}
.vph-hero-custom h1{color:var(--vph-hero-title-color,#2f241b);text-shadow:var(--vph-hero-text-shadow,none)}
.vph-hero-custom p{color:var(--vph-hero-description-color,#7e6c5c);text-shadow:var(--vph-hero-text-shadow,none)}

.vph-player-hero{min-height:var(--vph-player-height,620px);display:flex;align-items:var(--vph-player-content-align,center)}
.vph-player-hero .vph-shell{width:min(1180px,calc(100% - 32px));max-width:none}
.vph-player-hero .vph-grid-2{width:100%;align-items:center}
.vph-player-hero .vph-eyebrow{color:var(--vph-player-eyebrow-color,#a27c50);text-shadow:var(--vph-player-text-shadow,none)}
.vph-player-hero h2{color:var(--vph-player-title-color,#2f241b);text-shadow:var(--vph-player-text-shadow,none)}
.vph-player-hero > .vph-shell > div:first-child > p{color:var(--vph-player-description-color,#7e6c5c);text-shadow:var(--vph-player-text-shadow,none)}

.vph-player-hero.has-vph-player-shape .vph-shell{position:relative;z-index:1}
.vph-player-shape{position:absolute;left:50%;width:var(--vph-player-shape-width,100%);max-width:none;transform:translateX(calc(-50% + var(--vph-player-shape-offset-x,0px)));margin-top:var(--vph-player-shape-margin-top,0px);opacity:var(--vph-player-shape-opacity,1);pointer-events:none;z-index:1;line-height:0}
.vph-player-shape img{display:block;width:100%;height:auto}
.vph-player-shape-cover img{width:100%;height:auto;object-fit:cover}
.vph-player-shape-contain img{width:100%;height:auto;object-fit:contain}
.vph-player-shape-anchor-top .vph-player-shape{top:0}
.vph-player-shape-anchor-middle .vph-player-shape{top:50%;transform:translateX(calc(-50% + var(--vph-player-shape-offset-x,0px))) translateY(-50%)}
.vph-player-shape-anchor-bottom .vph-player-shape{bottom:0}

@media (max-width: 980px){
  .vph-hero-custom{height:var(--vph-hero-mobile-height,auto)}
  .vph-player-hero{min-height:var(--vph-player-mobile-height,auto)}
}


/* v1.0.7 overlay fix */
.vph-hero-custom.has-vph-shape .vph-hero-shape,
.vph-player-hero.has-vph-player-shape .vph-player-shape{display:block !important;visibility:visible !important;}

.vph-message,.vph-inline-message{display:none;margin-top:12px;padding:12px 14px;border-radius:14px;font-weight:700}
.vph-message.is-success,.vph-inline-message.is-success{display:block;background:rgba(67,160,71,.12);color:#2d6a31}
.vph-message.is-error,.vph-inline-message.is-error{display:block;background:rgba(186,73,73,.12);color:#8a2f2f}
.vph-btn.is-loading{opacity:.75;pointer-events:none}
.vph-btn.is-loading:after{content:'…';margin-left:6px}

.vph-player-topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.vph-player-counter{font-weight:700;color:var(--vph-muted);font-size:14px}

.vph-admin-wrap .vph-admin-cards{display:grid;grid-template-columns:repeat(2,minmax(280px,1fr));gap:18px;margin:20px 0}
.vph-admin-wrap .vph-admin-card{background:#fff;border:1px solid #e8e1d6;border-radius:16px;padding:20px;box-shadow:0 6px 20px rgba(53,38,22,.05)}
.vph-admin-wrap .vph-admin-form{background:#fff;border:1px solid #e8e1d6;border-radius:16px;padding:20px;max-width:920px}
.vph-admin-wrap th{width:280px}

@media (max-width: 767px){
  .vph-shell{width:min(100% - 20px, 100%)}
  .vph-hero,.vph-player-hero{border-radius:24px}
  .vph-hero{padding:34px 0}
  .vph-hero h1{font-size:clamp(38px,13vw,58px);line-height:0.95}
  .vph-hero p{font-size:16px;line-height:1.55}
  .vph-actions{gap:10px}
  .vph-hero .vph-actions .vph-btn,
  .vph-player-card .vph-actions .vph-btn,
  .vph-form button[type="submit"]{width:100%}
  .vph-player-panel{padding:18px}
  .vph-player-card{padding:18px}
  .vph-player-card h3{font-size:28px;line-height:1.05}
  .vph-player-card p{font-size:16px;line-height:1.55}
  .vph-guided-prompts{gap:8px;margin-bottom:18px}
  .vph-guided-prompts span{font-size:12px;padding:8px 10px}
  .vph-player-topbar{align-items:flex-start}
  .vph-timer-row{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}
  .vph-timer{width:100%;padding:11px 8px}
  .vph-card-footer{align-items:stretch}
  .vph-card-footer .vph-btn{width:100%}
  .vph-count{width:100%;text-align:center}
  .vph-admin-wrap .vph-admin-cards{grid-template-columns:1fr}
}

/* v3 experience */
.vph-section-intro{max-width:760px;margin:0 auto 28px;text-align:center}
.vph-section-intro h2{margin-bottom:12px}
.vph-section-intro p{font-size:18px;line-height:1.7;color:var(--vph-muted)}
.vph-form-experience-grid{display:grid;grid-template-columns:320px minmax(0,1fr);gap:28px;align-items:start}
.vph-form-sidebar{display:grid;gap:16px;position:sticky;top:24px}
.vph-sidebar-card,.vph-help-card{background:rgba(255,255,255,.78);border:1px solid rgba(126,108,92,.12);border-radius:24px;padding:20px;box-shadow:0 18px 40px rgba(59,41,24,.06)}
.vph-sidebar-card.is-active{border-color:rgba(198,162,107,.45);box-shadow:0 22px 50px rgba(166,126,72,.12);background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(248,241,232,.94))}
.vph-step-pill{display:inline-flex;margin-bottom:10px;padding:6px 10px;border-radius:999px;background:rgba(198,162,107,.14);color:#9b754c;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.16em}
.vph-help-card h3{margin:0 0 12px}
.vph-form-steps{padding:28px;border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,241,232,.94));border:1px solid rgba(198,162,107,.16);box-shadow:0 28px 70px rgba(57,39,24,.07)}
.vph-form-progress{height:8px;background:rgba(126,108,92,.08);border-radius:999px;overflow:hidden;margin-bottom:24px}
.vph-form-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--vph-gold),var(--vph-gold-2));transition:width .25s ease}
.vph-step-head h3{margin:0 0 8px;font-size:34px}
.vph-step-head p{margin:0 0 24px;color:var(--vph-muted)}
.vph-step-label{display:block;margin-bottom:8px;color:#9b754c;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.14em}
.vph-step-panel label{display:grid;gap:8px;font-weight:600;color:var(--vph-text-strong)}
.vph-step-panel label span{font-size:14px}
.vph-form-grid.is-single{grid-template-columns:1fr}
.vph-form-grid textarea{min-height:220px}
.vph-form-note{margin-top:14px;padding:14px 16px;border-radius:18px;background:rgba(198,162,107,.10);color:var(--vph-muted)}
.vph-preference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:18px}
.vph-choice-card{display:flex;gap:12px;align-items:flex-start;padding:18px;border-radius:20px;background:rgba(255,255,255,.72);border:1px solid rgba(126,108,92,.12);cursor:pointer}
.vph-choice-card input{margin-top:3px}
.vph-choice-card strong{display:block;margin-bottom:4px}
.vph-choice-card small{display:block;color:var(--vph-muted);font-size:13px;line-height:1.5}
.vph-privacy-select{display:grid;gap:8px;margin-bottom:18px}
.vph-submit-reassurance{padding:18px 20px;border-radius:22px;background:linear-gradient(180deg,rgba(198,162,107,.12),rgba(255,255,255,.7));border:1px solid rgba(198,162,107,.18)}
.vph-submit-reassurance strong{display:block;margin-bottom:6px;color:var(--vph-text-strong)}
.vph-submit-reassurance p{margin:0;color:var(--vph-muted)}
.vph-form-nav{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:28px}

.vph-wall-experience .vph-shell{display:grid;gap:24px}
.vph-wall-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:end;padding:26px 28px;border-radius:30px;background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(248,241,232,.85));border:1px solid rgba(198,162,107,.14);box-shadow:0 24px 60px rgba(57,39,24,.06)}
.vph-wall-hero p{max-width:780px;margin:12px 0 0;color:var(--vph-muted)}
.vph-wall-actions{display:flex;gap:12px;flex-wrap:wrap}
.vph-wall-toolbar{display:flex;justify-content:flex-start}
.vph-filter-pills{display:flex;flex-wrap:wrap;gap:10px}
.vph-filter-pill{border:1px solid rgba(126,108,92,.14);background:rgba(255,255,255,.72);padding:11px 16px;border-radius:999px;font-weight:700;color:var(--vph-text-strong);cursor:pointer}
.vph-filter-pill.is-active{background:rgba(198,162,107,.16);border-color:rgba(198,162,107,.5);color:#8d6a45}
.vph-wall-list{display:grid;gap:18px}
.vph-wall-story{padding:26px;border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(250,245,238,.92));border:1px solid rgba(198,162,107,.14);box-shadow:0 20px 50px rgba(57,39,24,.05)}
.vph-wall-story[hidden]{display:none !important}
.vph-wall-story-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:start;margin-bottom:18px}
.vph-wall-story h3{margin:10px 0 10px;font-size:32px;line-height:1.08}
.vph-story-meta{color:var(--vph-muted);font-size:14px}
.vph-wall-story-body p{margin:0;font-size:18px;line-height:1.8;color:var(--vph-text-strong);white-space:pre-line}
.vph-card-footer.is-story-footer{margin-top:22px;border-top:1px solid rgba(126,108,92,.10);padding-top:18px;align-items:flex-start}
.vph-card-footer.is-story-footer .vph-count{padding-top:10px}
.vph-encourage-box summary{cursor:pointer;font-weight:700;color:#8d6a45}
.vph-encourage-box[open]{display:grid;gap:10px;min-width:min(100%,440px)}
.vph-encourage-box input,.vph-encourage-box textarea{width:100%;border:1px solid rgba(126,108,92,.14);border-radius:16px;padding:12px 14px;background:rgba(255,255,255,.9)}

@media (max-width: 980px){
  .vph-form-experience-grid,.vph-wall-hero,.vph-wall-story-top{grid-template-columns:1fr}
  .vph-form-sidebar{position:static}
  .vph-preference-grid{grid-template-columns:1fr}
  .vph-form-nav{flex-wrap:wrap}
  .vph-form-nav .vph-btn{width:100%}
  .vph-wall-actions{width:100%}
  .vph-wall-actions .vph-btn{flex:1 1 auto;text-align:center}
}

@media (max-width: 767px){
  .vph-section-intro p,.vph-wall-story-body p{font-size:16px;line-height:1.65}
  .vph-form-steps,.vph-wall-hero,.vph-wall-story,.vph-sidebar-card,.vph-help-card{padding:18px;border-radius:22px}
  .vph-step-head h3{font-size:28px}
  .vph-wall-story h3{font-size:24px}
  .vph-filter-pills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  .vph-filter-pill{width:100%}
}


/* v3.1 polish */
.vph-required{font-style:normal;color:#b88751}
.vph-step-panel label span,.vph-privacy-select span{display:flex;align-items:center;gap:6px}
.vph-form-steps{position:relative}
.vph-form-steps:after{content:"";position:absolute;inset:0;border-radius:30px;padding:1px;background:linear-gradient(180deg,rgba(198,162,107,.22),rgba(255,255,255,0));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.vph-step-head h3{font-family:"Cormorant Garamond",serif;font-size:40px;line-height:1}
.vph-form-grid label,.vph-privacy-select{padding:16px;border-radius:20px;background:rgba(255,255,255,.58);border:1px solid rgba(126,108,92,.10)}
.vph-form-grid label:focus-within,.vph-privacy-select:focus-within{border-color:rgba(198,162,107,.45);box-shadow:0 12px 30px rgba(166,126,72,.10)}
.vph-choice-card{transition:.22s ease;min-height:104px}
.vph-choice-card:hover{transform:translateY(-1px);border-color:rgba(198,162,107,.30);box-shadow:0 14px 30px rgba(57,39,24,.06)}
.vph-choice-card input{width:18px;height:18px;accent-color:#b88751}
.vph-choice-card.is-selected{background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(244,232,214,.92));border-color:rgba(198,162,107,.42);box-shadow:0 18px 34px rgba(166,126,72,.10)}
.vph-privacy-select small{color:var(--vph-muted);font-size:13px;line-height:1.5}
.vph-submit-helper{display:none;margin-top:16px;padding:14px 16px;border-radius:16px;background:rgba(198,162,107,.10);color:#8d6a45;font-weight:700}
.vph-btn.is-disabled,.vph-btn:disabled{opacity:.45;pointer-events:none;box-shadow:none;transform:none}
.vph-step-next{margin-left:auto}
.vph-form-nav{padding-top:8px;border-top:1px solid rgba(126,108,92,.08)}
@media (max-width:767px){
  .vph-step-head h3{font-size:32px}
  .vph-choice-card{min-height:auto;padding:16px}
  .vph-form-grid label,.vph-privacy-select{padding:14px}
}

/* v3.2 simplified form */
.vph-shell-narrow{width:min(900px,calc(100% - 24px))}
.vph-section-intro-compact{margin-bottom:18px}
.vph-section-intro-compact h2{margin-bottom:8px}
.vph-section-intro-compact p{font-size:16px}
.vph-form-steps-compact{padding:22px 22px 18px;border-radius:28px;background:linear-gradient(180deg,#fffdf9,rgba(248,241,232,.96));box-shadow:0 24px 60px rgba(57,39,24,.08)}
.vph-step-chips{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}
.vph-step-chip{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 14px;border-radius:999px;background:rgba(255,255,255,.75);border:1px solid rgba(126,108,92,.10);color:var(--vph-muted);font-weight:700}
.vph-step-chip span{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:rgba(198,162,107,.12);color:#9b754c;font-size:13px}
.vph-step-chip.is-active{background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(244,232,214,.9));border-color:rgba(198,162,107,.36);color:var(--vph-text-strong);box-shadow:0 10px 24px rgba(166,126,72,.08)}
.vph-form-progress-compact{margin-bottom:16px;height:6px}
.vph-step-head-compact{text-align:left}
.vph-step-head-compact h3{font-size:34px;margin-bottom:4px}
.vph-step-head-compact p{margin-bottom:18px;font-size:15px}
.vph-form-grid-compact{gap:12px}
.vph-form-grid-compact textarea{min-height:170px}
.vph-form-grid-compact label,.vph-privacy-wrap{padding:0;border:none;background:transparent;box-shadow:none}
.vph-form-grid-compact label span,.vph-privacy-title{font-size:14px;font-weight:700;color:var(--vph-text-strong);margin-bottom:8px;display:flex;align-items:center;gap:6px}
.vph-form-grid-compact input,.vph-form-grid-compact select,.vph-form-grid-compact textarea{background:#fff;border:1px solid rgba(126,108,92,.14);border-radius:18px;padding:15px 16px}
.vph-form-note-compact{margin-top:12px;padding:12px 14px;border-radius:16px;font-size:14px}
.vph-preference-grid-compact{gap:12px;margin-bottom:14px}
.vph-choice-card{background:#fff;border:1px solid rgba(126,108,92,.12);border-radius:18px;min-height:auto;padding:16px}
.vph-choice-card strong{font-size:16px}
.vph-choice-card small{font-size:13px}
.vph-privacy-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:8px}
.vph-privacy-card{min-height:96px}
.vph-privacy-card input{accent-color:#b88751}
.vph-submit-reassurance-compact{margin-top:14px;padding:14px 16px;border-radius:18px}
.vph-form-nav-compact{margin-top:18px;padding-top:14px;justify-content:space-between}
.vph-form-nav-compact .vph-btn{min-width:150px}
.vph-submit-hidden[hidden]{display:none!important}
.vph-submit-helper{font-size:14px}
.vph-message{margin-top:14px}
@media (max-width:980px){
  .vph-step-chips{grid-template-columns:1fr}
  .vph-privacy-cards{grid-template-columns:1fr}
}
@media (max-width:767px){
  .vph-shell-narrow{width:min(100% - 16px,100%)}
  .vph-form-steps-compact{padding:16px 16px 14px;border-radius:22px}
  .vph-step-head-compact h3{font-size:28px}
  .vph-step-chip{justify-content:flex-start}
  .vph-form-nav-compact .vph-btn{width:100%;min-width:0}
}


.vph-message.is-pending{
  background:#eef3e3;
  color:#5f6f39;
  border-color:#dce5c8;
}

/* v3.3.0 final confirmation polish */
.vph-form-nav [hidden],
.vph-step-panel[hidden],
.vph-submit-hidden[hidden]{display:none !important}
.vph-confirm-card{
  background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(248,241,232,.82));
  border:1px solid rgba(198,162,107,.18);
  border-radius:22px;
  padding:20px;
}
.vph-step-label-inline{display:inline-block;margin-bottom:8px}
.vph-confirm-card h4{margin:0 0 8px;font-size:30px;line-height:1.1}
.vph-confirm-card p{margin:0 0 16px;color:var(--vph-muted)}
.vph-confirm-list{list-style:none;padding:0;margin:0 0 16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.vph-confirm-list li{background:rgba(255,255,255,.7);border:1px solid rgba(126,108,92,.12);border-radius:16px;padding:14px}
.vph-confirm-list strong{display:block;font-size:16px;color:var(--vph-text-strong);margin-bottom:4px;word-break:break-word}
.vph-confirm-list span{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#a27c50}
.vph-submit-reassurance.is-confirm{margin-top:0}
.vph-btn[data-vph-submit]{
  background:linear-gradient(135deg,#caa465,#b98b3d);
  border-color:#b98b3d;
  color:#fff;
  box-shadow:0 12px 26px rgba(185,139,61,.24);
}
.vph-btn[data-vph-submit]{min-width:196px;position:relative;padding-left:26px;padding-right:28px;font-weight:800;letter-spacing:.01em}
.vph-btn[data-vph-submit]:hover:not(.is-disabled){transform:translateY(-1px);box-shadow:0 18px 34px rgba(185,139,61,.34)}
.vph-btn[data-vph-submit].is-disabled{opacity:.6;filter:saturate(.75);cursor:not-allowed}
.vph-btn-icon{display:inline-flex;align-items:center;justify-content:center;margin-right:8px;font-size:16px}
.vph-message.is-pending{display:block;background:rgba(198,162,107,.12);color:#8d6a45}
@media (max-width: 767px){
  .vph-confirm-list{grid-template-columns:1fr}
}


/* v3.4.0 visual library */
.vph-form-experience,.vph-wall-experience,.vph-player-wrap,.vph-stats{position:relative;overflow:hidden}
.vph-form-experience:before,.vph-wall-experience:before,.vph-player-wrap:after{content:"";position:absolute;pointer-events:none;opacity:.5;z-index:0}
.vph-form-experience:before{width:240px;height:240px;right:1.5%;top:36px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 180'%3E%3Cg fill='none' stroke='%23d7b98e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M120 26c10 18 16 36 16 55 0 28-13 53-35 74'/%3E%3Cpath d='M132 62c10 3 18 11 22 22'/%3E%3Cpath d='M108 39c-13 11-23 26-27 44'/%3E%3Cpath d='M83 84c-5-11-12-17-21-17-9 0-16 6-17 16-2 14 11 28 38 43 27-15 40-29 38-43-1-10-8-16-17-16-8 0-14 5-19 14-3-5-7-8-12-11'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}
.vph-wall-experience:before{width:170px;height:170px;left:2%;top:120px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 140'%3E%3Cg fill='none' stroke='%23d7b98e' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M72 18v30M57 33h30'/%3E%3Cpath d='M41 67c11-7 20-16 27-28 7 12 16 21 27 28'/%3E%3Cpath d='M28 94c10-6 18-14 24-25M112 94c-10-6-18-14-24-25'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}
.vph-player-wrap:after{width:180px;height:180px;right:2%;bottom:34px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 140'%3E%3Cg fill='none' stroke='%23d7b98e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M35 86c4-18 15-27 32-27 17 0 28 9 32 27'/%3E%3Cpath d='M48 59c4-13 11-20 22-20s18 7 22 20'/%3E%3Cpath d='M60 30c4 4 7 9 9 15 2-6 5-11 9-15'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}
.vph-form-experience .vph-shell,.vph-wall-experience .vph-shell,.vph-player-wrap .vph-shell,.vph-stats .vph-shell{position:relative;z-index:1}
.vph-card-section{padding:52px 0}
.vph-section-intro-compact{margin:0 auto 24px;text-align:center;max-width:780px}
.vph-section-intro-compact h2{font-size:clamp(34px,4vw,54px);margin:0 0 8px}
.vph-step-chip,.vph-filter-pill,.vph-chip,.vph-choice-card,.vph-privacy-card{display:inline-flex;align-items:center;gap:10px}
.vph-inline-icon{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;color:#c49560;flex:0 0 auto}
.vph-inline-icon svg{width:100%;height:100%;display:block}
.vph-step-chip .vph-inline-icon{width:20px;height:20px;color:#bb8f60}
.vph-filter-pill{padding:10px 16px;border-radius:999px;border:1px solid var(--vph-line);background:rgba(255,255,255,.78);font-weight:700;color:var(--vph-text)}
.vph-filter-pill.is-active{background:linear-gradient(135deg,#c88b57,#d8b284);color:#fff;border-color:transparent;box-shadow:0 10px 24px rgba(200,139,87,.22)}
.vph-filter-pill.is-active .vph-inline-icon{color:#fff}
.vph-chip .vph-inline-icon{width:16px;height:16px}
.vph-choice-card,.vph-privacy-card{position:relative;background:rgba(255,255,255,.74);border:1px solid rgba(198,162,107,.18);border-radius:22px;padding:18px 18px 18px 54px;min-height:92px}
.vph-choice-card input{position:absolute;left:18px;top:20px}
.vph-choice-card .vph-inline-icon{position:absolute;right:16px;top:16px;width:28px;height:28px;opacity:.72}
.vph-choice-card span{display:block}
.vph-choice-card strong{display:block;font-size:16px;color:var(--vph-text-strong)}
.vph-choice-card small{display:block;font-size:13px;color:var(--vph-muted);line-height:1.5}
.vph-choice-card.is-selected,.vph-privacy-card.is-selected{background:linear-gradient(180deg,rgba(255,248,239,.96),rgba(247,236,219,.95));border-color:rgba(198,162,107,.42);box-shadow:0 16px 36px rgba(187,143,96,.12)}
.vph-step-chips{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.vph-step-chip{justify-content:center;background:rgba(255,255,255,.76);border:1px solid rgba(198,162,107,.2);padding:16px;border-radius:999px;color:var(--vph-muted)}
.vph-step-chip span:first-child{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;background:rgba(198,162,107,.12);font-weight:800;color:#a27c50}
.vph-step-chip.is-active{background:linear-gradient(180deg,rgba(255,249,241,.98),rgba(246,236,219,.96));color:var(--vph-text-strong);border-color:rgba(198,162,107,.4)}
.vph-form{background:linear-gradient(180deg,rgba(255,251,245,.98),rgba(248,241,231,.98));}
.vph-wall-story{position:relative;padding:24px 24px 22px 24px;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(249,243,235,.96));border:1px solid rgba(198,162,107,.16);border-radius:24px;box-shadow:0 18px 45px rgba(109,88,67,.08)}
.vph-wall-story:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:4px;border-radius:999px;background:linear-gradient(180deg,#d4af7e,#ecd6b4)}
.vph-wall-story-top{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}
.vph-story-meta{color:var(--vph-muted);font-size:14px;margin-top:10px}
.vph-wall-story-body p{font-size:17px;line-height:1.75}
.vph-filter-pills{display:flex;flex-wrap:wrap;gap:12px}
.vph-wall-list{display:grid;gap:18px}
@media (max-width:980px){.vph-step-chips{grid-template-columns:1fr 1fr}.vph-form-experience:before,.vph-wall-experience:before,.vph-player-wrap:after{opacity:.22}.vph-choice-card,.vph-privacy-card{padding-right:48px}}

@media (max-width: 900px){
  .vph-form-experience::before,.vph-wall-experience::before,.vph-player-wrap::before{width:150px;height:126px;right:-30px;top:8px;opacity:.5}
  .vph-form-experience::after,.vph-wall-experience::after,.vph-player-wrap::after{width:70px;height:70px;right:10px;bottom:10px}
}

/* v3.5.0 live approval + stronger religious visuals */
.vph-form-experience::after,
.vph-wall-experience::after,
.vph-player-wrap::before{
  content:"";
  position:absolute;
  pointer-events:none;
  z-index:0;
}
.vph-wall-experience::after{
  width:220px;
  height:220px;
  right:-20px;
  top:10px;
  opacity:.42;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 220'%3E%3Cg fill='none' stroke='%23d1ab79' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 110c26-10 44-10 68 0 26 11 47 11 73 0'/%3E%3Cpath d='M152 61c14-18 32-28 54-30-10 13-16 25-18 39 12 4 22 12 29 25-17 5-35 5-54 0-8 18-22 32-42 42 9-15 12-29 8-43-10 3-20 2-29-2-7-3-10-7-10-12 19-24 41-37 62-39'/%3E%3Cpath d='M169 92c8 3 15 9 19 17'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;
}
.vph-form-experience::after{
  width:180px;
  height:180px;
  left:-18px;
  bottom:18px;
  opacity:.26;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 180'%3E%3Cg fill='none' stroke='%23d1ab79' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M66 34c0 26-13 42-36 48 14 6 26 17 36 33 10-16 22-27 36-33-23-6-36-22-36-48Z'/%3E%3Cpath d='M114 34c0 26-13 42-36 48 14 6 26 17 36 33 10-16 22-27 36-33-23-6-36-22-36-48Z'/%3E%3Cpath d='M90 116v30M76 131h28'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;
}
.vph-player-wrap::before{
  width:170px;
  height:170px;
  left:2%;
  top:24px;
  opacity:.28;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cg fill='none' stroke='%23d1ab79' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M80 20v42M59 41h42'/%3E%3Cpath d='M34 116c9-23 24-35 46-35s37 12 46 35'/%3E%3Cpath d='M54 70c6-17 15-25 26-25s20 8 26 25'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;
}
.vph-wall-story.is-newly-approved{
  border-color:rgba(198,162,107,.46);
  box-shadow:0 18px 50px rgba(198,162,107,.24);
  animation:vphApprovedPulse 2.6s ease;
}
.vph-fade-live{animation:vphFadeLive .7s ease both}
@keyframes vphFadeLive{from{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:none}}
@keyframes vphApprovedPulse{0%{transform:translateY(-10px);box-shadow:0 22px 60px rgba(198,162,107,.34)}100%{transform:none;box-shadow:0 18px 50px rgba(198,162,107,.16)}}
.vph-filter-pill .vph-inline-icon,.vph-chip .vph-inline-icon,.vph-choice-card .vph-inline-icon{filter:drop-shadow(0 4px 10px rgba(198,162,107,.12))}


/* v3.5.2 submit processing */
.vph-message.is-pending{
  position:relative;
  display:block;
  background:rgba(198,162,107,.14);
  color:#8d6a45;
  overflow:hidden;
  padding-bottom:18px;
}
.vph-message.is-pending::after{
  content:"";
  position:absolute;
  left:14px;
  right:14px;
  bottom:10px;
  height:6px;
  border-radius:999px;
  background:rgba(255,255,255,.55);
}
.vph-message.is-pending::before{
  content:"";
  position:absolute;
  left:14px;
  bottom:10px;
  width:34%;
  height:6px;
  border-radius:999px;
  background:linear-gradient(90deg,#cfa45f,#b88751,#e2c48c);
  box-shadow:0 0 0 1px rgba(184,135,81,.08),0 4px 12px rgba(184,135,81,.22);
  animation:vph-processing-bar 1.2s ease-in-out infinite;
}
@keyframes vph-processing-bar{
  0%{transform:translateX(0);width:22%}
  50%{transform:translateX(120%);width:34%}
  100%{transform:translateX(215%);width:22%}
}
.vph-btn[data-vph-submit].is-loading,
.vph-btn[data-vph-submit][disabled]{opacity:.95}


/* v3.5.4 live approved badge + blur reveal */
.vph-wall-story{position:relative}
.vph-live-badge{position:absolute;top:14px;right:14px;z-index:3;background:linear-gradient(135deg,#d9b26c,#c18d37);color:#fff;font-size:12px;font-weight:800;letter-spacing:.04em;border-radius:999px;padding:8px 12px;box-shadow:0 10px 24px rgba(193,141,55,.28)}
.vph-fade-live{box-shadow:0 18px 38px rgba(193,141,55,.12);border-color:#dfc89d}

.vph-live-toast-stack{position:fixed;right:18px;bottom:18px;z-index:99999;display:flex;flex-direction:column;gap:10px;max-width:min(360px,calc(100vw - 24px));pointer-events:none}
.vph-live-toast{background:#fffaf2;border:1px solid rgba(199,160,99,.28);box-shadow:0 18px 44px rgba(72,42,20,.14);border-radius:16px;padding:14px 16px;color:#4a3425;display:flex;flex-direction:column;gap:4px}
.vph-live-toast strong{font-size:14px;line-height:1.2}
.vph-live-toast span{font-size:13px;line-height:1.35;color:#7a5f4a}
.vph-live-toast.is-approved{border-left:4px solid #caa15a}
.vph-live-toast.is-prayed{border-left:4px solid #7d9b5a}
.vph-live-toast.is-encouragement{border-left:4px solid #8b6c4f}
@media (max-width: 782px){.vph-live-toast-stack{left:12px;right:12px;bottom:12px;max-width:none}}


/* prayer showcase */
.vph-showcase-section{padding:24px 0 12px;--vph-showcase-card-width:280px}
.vph-showcase-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:18px}
.vph-showcase-head h2{margin:0 0 8px;color:#35261e;font-size:40px;line-height:1.02;font-family:'Cormorant Garamond',serif}
.vph-showcase-head p{margin:0;color:#726152;max-width:760px;font-size:16px;line-height:1.6}
.vph-showcase-track-wrap{position:relative;isolation:isolate}
.vph-showcase-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x proximity;scroll-behavior:smooth;padding:14px 56px 18px 4px;-ms-overflow-style:none;scrollbar-width:none;perspective:1400px}
.vph-showcase-track::-webkit-scrollbar{height:6px}.vph-showcase-track::-webkit-scrollbar-thumb{background:#e4d5c2;border-radius:999px}
.vph-showcase-card{flex:0 0 var(--vph-showcase-card-width);min-width:var(--vph-showcase-card-width);max-width:var(--vph-showcase-card-width);scroll-snap-align:center;background:linear-gradient(180deg,#fffdf9,#faf5ec);border:1px solid rgba(205,168,107,.14);border-radius:22px;padding:18px;box-shadow:0 16px 36px rgba(71,51,33,.06);transform-origin:center center;transition:transform .3s ease, opacity .3s ease, filter .3s ease, box-shadow .3s ease}
.vph-showcase-card:hover{box-shadow:0 20px 44px rgba(71,51,33,.1);transform:translateY(-4px)}
.vph-showcase-top{display:flex;justify-content:space-between;gap:8px;align-items:flex-start;margin-bottom:10px}.vph-showcase-link{font-size:12px;color:#9e7a50;text-decoration:none;white-space:nowrap;font-weight:700}.vph-showcase-card h3{margin:0 0 8px;font-size:22px;line-height:1.08;color:#34261d;font-family:'Cormorant Garamond',serif}.vph-showcase-body p{margin:0 0 10px;color:#615042;line-height:1.6;font-size:14px}.vph-showcase-footer{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(205,168,107,.10)}.vph-showcase-actions{display:flex;flex-direction:column;gap:8px;align-items:stretch}.vph-showcase-actions .vph-btn,.vph-showcase-actions summary{font-size:14px;padding:13px 15px}.vph-showcase-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:999px;border:1px solid rgba(205,168,107,.18);background:#fffaf2;color:#8f6e45;font-size:22px;cursor:pointer;z-index:3;box-shadow:0 10px 20px rgba(71,51,33,.08)}.vph-showcase-arrow.is-prev{left:0}.vph-showcase-arrow.is-next{right:0}.vph-showcase-dots{display:flex;justify-content:center;gap:8px;margin-top:8px}.vph-showcase-dot{width:8px;height:8px;border-radius:999px;border:none;background:#e4d5c2;cursor:pointer}.vph-showcase-dot.is-active{background:#c99f5c;transform:scale(1.15)}.vph-empty{padding:24px;border-radius:20px;background:#fffaf2;color:#7c6757;width:100%}.vph-showcase-section.is-effect-slide .vph-fade-live{animation:none}.vph-showcase-section.is-effect-none .vph-fade-live{animation:none;box-shadow:none}.vph-showcase-section.is-effect-coverflow .vph-showcase-track,.vph-showcase-section.is-effect-perspective .vph-showcase-track{overflow:visible;padding-left:24px;padding-right:24px}.vph-showcase-section.is-effect-stack .vph-showcase-card{margin-left:-30px}.vph-showcase-section.is-effect-stack .vph-showcase-card:first-child{margin-left:0}
@media (max-width:767px){.vph-showcase-head{flex-direction:column;align-items:flex-start}.vph-showcase-head h2{font-size:32px}.vph-showcase-track{padding-right:42px}.vph-showcase-card{flex-basis:240px;min-width:240px;max-width:240px}.vph-showcase-arrow{display:none}}


/* v3.6.5 showcase fixes */
.vph-showcase-section.is-effect-coverflow .vph-showcase-track{padding-left:10px;padding-right:10px;overflow-x:auto;}
.vph-showcase-section.is-effect-coverflow .vph-showcase-card,.vph-showcase-section.is-effect-perspective .vph-showcase-card,.vph-showcase-section.is-effect-stack .vph-showcase-card{will-change:transform,opacity,filter;}
.vph-showcase-section.is-effect-coverflow .vph-showcase-card:hover,.vph-showcase-section.is-effect-perspective .vph-showcase-card:hover,.vph-showcase-section.is-effect-stack .vph-showcase-card:hover{transform:none;}
.vph-showcase-section.is-effect-fade .vph-showcase-card{transition:box-shadow .3s ease, opacity .3s ease, transform .3s ease;}
.vph-showcase-section.is-effect-fade .vph-showcase-card.vph-fade-live{box-shadow:0 0 0 2px rgba(201,159,92,.22),0 18px 38px rgba(71,51,33,.12);}
.vph-stats [data-vph-stat]{display:inline-block;min-width:1ch;}


/* v3.6.6 showcase polish */
.vph-showcase-section .vph-shell{width:min(var(--vph-showcase-width,100%), 100%);margin-inline:auto;}
.vph-showcase-track-wrap{padding-inline:34px;}
.vph-showcase-arrow{top:calc(50% - 10px);transform:translateY(-50%);}
.vph-showcase-arrow.is-prev{left:-14px}
.vph-showcase-arrow.is-next{right:-14px}
.vph-showcase-section.is-effect-slide .vph-showcase-card{transition:transform .45s ease, opacity .45s ease, box-shadow .45s ease, filter .45s ease;}
.vph-showcase-section.is-effect-slide .vph-showcase-card.is-current{transform:translateY(-6px);box-shadow:0 18px 38px rgba(71,51,33,.12)}
.vph-showcase-section.is-effect-fade .vph-showcase-card{transition:opacity .45s ease, transform .45s ease, box-shadow .45s ease;}
.vph-showcase-section.is-effect-coverflow .vph-showcase-track-wrap,.vph-showcase-section.is-effect-perspective .vph-showcase-track-wrap,.vph-showcase-section.is-effect-stack .vph-showcase-track-wrap{padding-inline:20px;}
@media (max-width:767px){.vph-showcase-track-wrap{padding-inline:6px}.vph-showcase-arrow.is-prev{left:-6px}.vph-showcase-arrow.is-next{right:-6px}}

/* v3.6.8 showcase autoplay scroll fix */
.vph-showcase-track{scroll-behavior:auto !important; overscroll-behavior-inline:contain; overscroll-behavior-y:contain;}
.vph-showcase-track-wrap{overflow:visible;}
.vph-showcase-arrow{z-index:5;}

/* v3.6.9 prevent page from following offscreen showcase autoplay */
.vph-showcase-section{overflow-anchor:none;}


/* v3.6.10 showcase exact visible cards + outside arrows + smoother slide */
.vph-showcase-track-wrap{padding-inline:64px !important;}
.vph-showcase-track{padding:14px 0 18px 0 !important;}
.vph-showcase-card{box-sizing:border-box;}
.vph-showcase-arrow{top:50%;transform:translateY(-50%);}
.vph-showcase-arrow.is-prev{left:8px !important;}
.vph-showcase-arrow.is-next{right:8px !important;}
.vph-showcase-section.is-effect-slide .vph-showcase-track,
.vph-showcase-section.is-effect-fade .vph-showcase-track{scroll-snap-type:x mandatory;}
.vph-showcase-section.is-effect-slide .vph-showcase-card,
.vph-showcase-section.is-effect-fade .vph-showcase-card{transition:transform .62s cubic-bezier(.22,.61,.36,1), opacity .62s cubic-bezier(.22,.61,.36,1), box-shadow .62s cubic-bezier(.22,.61,.36,1), filter .62s cubic-bezier(.22,.61,.36,1);} 
@media (max-width:767px){
  .vph-showcase-track-wrap{padding-inline:28px !important;}
  .vph-showcase-arrow.is-prev{left:0 !important;}
  .vph-showcase-arrow.is-next{right:0 !important;}
}


/* v3.6.11 exact visible cards + smoother motion + lighter effects */
.vph-showcase-track-wrap{overflow:hidden !important;padding-inline:72px !important;}
.vph-showcase-track{gap:18px !important;padding:14px 0 18px 0 !important;overflow-x:auto;overflow-y:hidden;}
.vph-showcase-card{box-sizing:border-box;flex:0 0 var(--vph-showcase-card-width) !important;min-width:var(--vph-showcase-card-width) !important;max-width:var(--vph-showcase-card-width) !important;}
.vph-showcase-arrow{top:50%;transform:translateY(-50%);z-index:6;}
.vph-showcase-arrow.is-prev{left:12px !important;}
.vph-showcase-arrow.is-next{right:12px !important;}
.vph-showcase-section.is-effect-slide .vph-showcase-card,
.vph-showcase-section.is-effect-fade .vph-showcase-card,
.vph-showcase-section.is-effect-soft3d .vph-showcase-card,
.vph-showcase-section.is-effect-lift .vph-showcase-card{transition:transform .72s cubic-bezier(.22,.61,.36,1),opacity .72s cubic-bezier(.22,.61,.36,1),box-shadow .72s cubic-bezier(.22,.61,.36,1),filter .72s cubic-bezier(.22,.61,.36,1);} 
.vph-showcase-section.is-effect-slide .vph-showcase-card.is-current{transform:translateY(-4px);box-shadow:0 18px 38px rgba(71,51,33,.10)}
.vph-showcase-section.is-effect-fade .vph-showcase-card{opacity:.72;transform:scale(.985)}
.vph-showcase-section.is-effect-fade .vph-showcase-card.is-current{opacity:1;transform:translateY(-5px) scale(1);box-shadow:0 18px 38px rgba(71,51,33,.10)}
@media (max-width:767px){.vph-showcase-track-wrap{padding-inline:34px !important;}.vph-showcase-arrow.is-prev{left:2px !important;}.vph-showcase-arrow.is-next{right:2px !important;}}


/* v3.6.12 showcase exact full cards + new effects + smoother single-step motion */
.vph-showcase-track-wrap{overflow:hidden !important;padding-inline:72px !important;}
.vph-showcase-track{gap:18px !important;padding:14px 0 18px !important;scroll-snap-type:none !important;}
.vph-showcase-card{width:var(--vph-showcase-card-width) !important;min-width:var(--vph-showcase-card-width) !important;max-width:var(--vph-showcase-card-width) !important;}
.vph-showcase-arrow.is-prev{left:16px !important;}
.vph-showcase-arrow.is-next{right:16px !important;}
.vph-showcase-section.is-effect-slide .vph-showcase-card{transition:transform .55s cubic-bezier(.22,.61,.36,1),opacity .45s ease,box-shadow .45s ease,filter .45s ease;}
.vph-showcase-section.is-effect-slide .vph-showcase-card.is-current{transform:translateY(-4px);box-shadow:0 18px 42px rgba(71,51,33,.14);}
.vph-showcase-section.is-effect-slide .vph-showcase-card:not(.is-current){opacity:.92;}
.vph-showcase-section.is-effect-fade .vph-showcase-card{transition:transform .45s ease,opacity .45s ease,box-shadow .45s ease,filter .45s ease;}
.vph-showcase-section.is-effect-fade .vph-showcase-card.is-current{opacity:1;box-shadow:0 18px 42px rgba(71,51,33,.12);}
.vph-showcase-section.is-effect-fade .vph-showcase-card:not(.is-current){opacity:.72;filter:saturate(.88);}
.vph-showcase-section.is-effect-soft3d .vph-showcase-card,
.vph-showcase-section.is-effect-lift .vph-showcase-card,
.vph-showcase-section.is-effect-zoomfade .vph-showcase-card,
.vph-showcase-section.is-effect-tilt .vph-showcase-card,
.vph-showcase-section.is-effect-coverflow .vph-showcase-card,
.vph-showcase-section.is-effect-perspective .vph-showcase-card,
.vph-showcase-section.is-effect-stack .vph-showcase-card{transition:transform .55s cubic-bezier(.22,.61,.36,1),opacity .45s ease,filter .45s ease,box-shadow .45s ease;}
.vph-showcase-section.is-effect-zoomfade .vph-showcase-card.is-current,
.vph-showcase-section.is-effect-tilt .vph-showcase-card.is-current{box-shadow:0 18px 42px rgba(71,51,33,.13);}
.vph-showcase-section.is-effect-coverflow .vph-showcase-track,
.vph-showcase-section.is-effect-perspective .vph-showcase-track,
.vph-showcase-section.is-effect-stack .vph-showcase-track{overflow-x:auto;padding-inline:0 !important;}
@media (max-width:767px){
  .vph-showcase-track-wrap{padding-inline:56px !important;}
  .vph-showcase-arrow.is-prev{left:8px !important;}
  .vph-showcase-arrow.is-next{right:8px !important;}
}