/* VAYEN — APPROVED REFERENCE DESIGN. Scoped to this product page only. */
body.product-body.vayen-approved{background:#080b10!important;color:#f7f7fb!important;font-family:Arial,Helvetica,sans-serif!important;overflow-x:hidden}
body.vayen-approved .product-header{height:67px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;background:#080b10!important;border-bottom:1px solid #1b2029!important;padding:0 clamp(18px,3.4vw,55px)!important}
body.vayen-approved .product-brand{font-size:30px!important;letter-spacing:-1.4px!important;color:#fff!important;font-weight:900!important}
body.vayen-approved .product-back,body.vayen-approved .product-account{color:#eee!important;text-decoration:none!important}
body.vayen-approved .product-page{max-width:1560px!important;margin:0 auto!important;padding:12px clamp(12px,2.1vw,34px) 75px!important}
body.vayen-approved .ap-breadcrumb{display:flex;gap:13px;align-items:center;margin:0 0 13px 14px;font-size:13px;color:#aaaeb9}body.vayen-approved .ap-breadcrumb b{color:#fff}
body.vayen-approved .ap-hero{display:grid;grid-template-columns:minmax(0,0.55fr) minmax(0,1fr);gap:24px;align-items:stretch}
body.vayen-approved .ap-media{min-width:0;display:flex;flex-direction:column;gap:11px}
body.vayen-approved .ap-cover{height:456px;position:relative;overflow:hidden;border-radius:15px;border:1px solid var(--ap-edge,#57312c);background:radial-gradient(circle at 65% 35%,var(--ap-glow),transparent 68%),linear-gradient(145deg,#25222c,#0b101b);display:flex;align-items:center;justify-content:center}
body.vayen-approved .ap-cover img{width:100%;height:100%;object-fit:cover;display:block}
body.vayen-approved .ap-cover-label{position:absolute;top:16px;left:16px;padding:7px 12px;border-radius:20px;background:rgba(153,17,33,.84);color:white;font-size:13px;font-weight:800;letter-spacing:1px}
body.vayen-approved .ap-cover-bottom{position:absolute;bottom:18px;left:8px;right:8px;text-align:center;color:#fff;font-size:11px;letter-spacing:1.1px;font-weight:800;text-shadow:0 2px 8px #000}
body.vayen-approved .ap-cover-fallback{padding:25px;text-align:center;font-size:clamp(28px,3.6vw,55px);line-height:1.05;font-weight:900;max-width:90%;color:#fff;text-shadow:0 5px 30px #000}
body.vayen-approved .ap-cover-arrow{position:absolute;top:48%;border:1px solid #ffffff55;background:#080a0db8;color:white;width:37px;height:37px;border-radius:50%;cursor:pointer;font-size:23px;z-index:2}body.vayen-approved .ap-cover-arrow.prev{left:12px}body.vayen-approved .ap-cover-arrow.next{right:12px}
body.vayen-approved .ap-thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}body.vayen-approved .ap-thumb{height:72px;border:1px solid #343039;border-radius:10px;overflow:hidden;background:radial-gradient(circle at 75% 20%,var(--ap-glow),transparent 70%),#11131d;color:#f3f1f5;padding:8px;cursor:pointer;position:relative;text-align:left}body.vayen-approved .ap-thumb.active{border:2px solid var(--ap-accent);box-shadow:0 0 13px var(--ap-glow)}body.vayen-approved .ap-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.84}body.vayen-approved .ap-thumb span{position:relative;font-size:10px;font-weight:800;line-height:1.3;text-shadow:0 2px 8px #000;display:block;max-width:90%}
body.vayen-approved .ap-info{min-width:0;border:1px solid #1f2630;border-radius:17px;background:linear-gradient(145deg,#0b0d13,#070a0e);padding:23px;display:flex;flex-direction:column;gap:15px}
body.vayen-approved .ap-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:14px;align-items:start}body.vayen-approved .ap-category{display:inline-block;color:var(--ap-accent);background:var(--ap-glow);border-radius:25px;padding:8px 12px;font-size:11px;font-weight:800;letter-spacing:.3px;max-width:100%}body.vayen-approved .ap-title{font-size:clamp(30px,3.1vw,48px);line-height:1.05;letter-spacing:-1.8px;margin:13px 0 10px;color:#fff;overflow-wrap:anywhere}body.vayen-approved .ap-title .accent{color:var(--ap-accent)}body.vayen-approved .ap-subtitle{font-size:15px;line-height:1.55;color:#d6d5db;max-width:650px;margin:0}body.vayen-approved .ap-price{font-size:clamp(27px,2.6vw,43px);font-weight:900;color:var(--ap-accent);white-space:nowrap;margin-top:30px}body.vayen-approved .ap-price small{font-size:11px;display:block;color:#9b9aa4;text-align:right;font-weight:600;margin-top:8px}
body.vayen-approved .ap-slider{min-height:170px;background:linear-gradient(105deg,var(--ap-glow),#1a1018 58%,#17111b);border:1px solid var(--ap-edge);border-radius:14px;padding:15px 18px;display:flex;flex-direction:column;gap:14px;overflow:hidden}body.vayen-approved .ap-slider-top{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:11px;color:#d9c5c6}body.vayen-approved .ap-dots{display:flex;gap:5px;flex:1;max-width:180px}body.vayen-approved .ap-dots span{height:4px;border-radius:5px;flex:1;background:#ffffff28}body.vayen-approved .ap-dots span.active{background:var(--ap-accent)}body.vayen-approved .ap-pause{border:1px solid #ffffff77;background:#0005;color:#fff;border-radius:50%;width:25px;height:25px;cursor:pointer}body.vayen-approved .ap-slide-content{display:grid;grid-template-columns:44px minmax(0,1fr) minmax(110px,27%);gap:14px;align-items:center;flex:1}body.vayen-approved .ap-slide-icon{width:44px;height:44px;border-radius:10px;background:var(--ap-accent);color:#1a1112;display:grid;place-items:center;font-size:23px;font-weight:900}body.vayen-approved .ap-slide-text h2{font-size:clamp(17px,1.5vw,24px);line-height:1.18;color:#fff;margin:0 0 9px}body.vayen-approved .ap-slide-text p{font-size:13px;line-height:1.5;color:#e2dce3;margin:0}body.vayen-approved .ap-slide-art{min-height:112px;border:1px solid #ffffff24;border-radius:11px;background:radial-gradient(circle at 65% 20%,var(--ap-glow),transparent 75%),#121521;display:grid;place-items:center;text-align:center;padding:10px}body.vayen-approved .ap-slide-art b{font-size:26px;display:block;color:var(--ap-accent)}body.vayen-approved .ap-slide-art span{font-size:11px;color:#d5d4df;line-height:1.4}
body.vayen-approved .ap-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}body.vayen-approved .ap-benefit{font-size:11px;line-height:1.5;color:#e4e2e8;display:flex;gap:7px;align-items:center}body.vayen-approved .ap-benefit i{font-style:normal;border:1px solid #9c7839;border-radius:50%;color:var(--ap-accent);width:33px;height:33px;flex:0 0 33px;display:grid;place-items:center;font-size:17px}
body.vayen-approved .ap-actions{display:grid;grid-template-columns:minmax(0,1fr) 115px;gap:12px}body.vayen-approved .ap-buy{min-height:54px;background:var(--ap-accent);border-radius:10px;color:#101011!important;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:17px;text-decoration:none;box-shadow:0 5px 22px var(--ap-glow)}body.vayen-approved .ap-buy[aria-disabled=true]{background:#3a3d44;color:#ccc!important;pointer-events:none}body.vayen-approved .ap-save{background:transparent;border:1px solid #8a6c2c;border-radius:10px;color:var(--ap-accent);font-weight:800;cursor:pointer}
body.vayen-approved .ap-editions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}body.vayen-approved .ap-edition{border:1px solid #1e242e;border-radius:11px;background:#111720;padding:12px 13px;display:flex;gap:10px;align-items:center}body.vayen-approved .ap-edition i{font-style:normal;background:var(--ap-glow);color:var(--ap-accent);font-size:21px;width:33px;height:33px;border-radius:8px;display:grid;place-items:center;flex:0 0 33px}body.vayen-approved .ap-edition b{display:block;color:#fff;font-size:12px;margin-bottom:4px}body.vayen-approved .ap-edition small{color:#c1c4ce;font-size:11px}
body.vayen-approved .ap-tabs{display:flex;gap:8px;justify-content:space-around;overflow-x:auto;scrollbar-width:none;background:#10151d;border:1px solid #202630;border-radius:10px;margin:15px 0 8px;padding:5px}body.vayen-approved .ap-tabs a{white-space:nowrap;padding:12px 15px;text-decoration:none;color:#e7e6ec;font-size:13px;border-bottom:2px solid transparent}body.vayen-approved .ap-tabs a:first-child{border-color:var(--ap-accent);color:#fff}
body.vayen-approved .ap-cards{display:grid;grid-template-columns:1.03fr 1fr 1.17fr .82fr;gap:12px;align-items:stretch}body.vayen-approved .ap-card{border:1px solid #1e2530;border-radius:12px;background:#0e141c;padding:16px;min-width:0}body.vayen-approved .ap-card h3{font-size:14px;margin:0 0 12px;color:#fff;display:flex;gap:9px;align-items:center}body.vayen-approved .ap-card h3 i{font-style:normal;background:#b51630;color:#fff;border-radius:5px;padding:5px}body.vayen-approved .ap-card ul{list-style:none;padding:0;margin:0}body.vayen-approved .ap-card li{font-size:12px;line-height:1.48;color:#e2e3e8;padding:3px 0 3px 20px;position:relative;overflow-wrap:anywhere}body.vayen-approved .ap-card li:before{content:'✓';position:absolute;left:0;color:var(--ap-accent);font-weight:900}body.vayen-approved .ap-example{display:flex;gap:6px;align-items:stretch;margin-top:16px}body.vayen-approved .ap-example-step{flex:1;min-width:0;background:linear-gradient(145deg,var(--ap-glow),#1b202c);border:1px solid #2b2d38;border-radius:8px;padding:10px 6px;min-height:95px;text-align:center;display:flex;flex-direction:column;justify-content:space-between}body.vayen-approved .ap-example-step b{font-size:20px;color:var(--ap-accent)}body.vayen-approved .ap-example-step span{font-size:10px;color:#e4e3e9;line-height:1.35}body.vayen-approved .ap-more{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}body.vayen-approved .ap-more .ap-card{min-height:150px}body.vayen-approved .ap-more p{font-size:13px;color:#cbd0d9;line-height:1.7;margin:0}
@media(max-width:1100px){body.vayen-approved .ap-hero{grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:13px}body.vayen-approved .ap-info{padding:16px;gap:11px}body.vayen-approved .ap-cover{height:440px}body.vayen-approved .ap-slide-content{grid-template-columns:34px 1fr}body.vayen-approved .ap-slide-art{display:none}body.vayen-approved .ap-benefits{grid-template-columns:1fr 1fr}body.vayen-approved .ap-cards{grid-template-columns:1fr 1fr}}
@media(max-width:750px){body.vayen-approved .ap-hero{grid-template-columns:1fr}body.vayen-approved .ap-cover{height:min(70vw,420px)}body.vayen-approved .ap-info{padding:16px}body.vayen-approved .ap-title{font-size:clamp(27px,7vw,40px)}body.vayen-approved .ap-price{font-size:25px;margin-top:24px}body.vayen-approved .ap-subtitle{font-size:13px}body.vayen-approved .ap-tabs{justify-content:flex-start}body.vayen-approved .ap-cards{grid-template-columns:1fr 1fr}body.vayen-approved .ap-more{grid-template-columns:1fr}body.vayen-approved .ap-thumb{height:65px}}
@media(max-width:470px){body.vayen-approved .ap-heading{grid-template-columns:1fr}body.vayen-approved .ap-price{margin:8px 0 0}body.vayen-approved .ap-price small{text-align:left}body.vayen-approved .ap-cards{grid-template-columns:1fr}body.vayen-approved .ap-editions{grid-template-columns:1fr 1fr}body.vayen-approved .ap-edition{padding:8px;gap:6px}body.vayen-approved .ap-edition small{font-size:10px}body.vayen-approved .ap-actions{grid-template-columns:1fr 90px}body.vayen-approved .ap-benefits{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){body.vayen-approved *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* VAYEN approved reference — interaction and legibility corrections */
body.vayen-approved .ap-header-nav{display:flex;align-items:center;gap:32px;margin-right:auto;margin-left:clamp(25px,5vw,80px)}
body.vayen-approved .ap-header-nav a,body.vayen-approved .ap-breadcrumb a{color:#e9e9f1;text-decoration:none;transition:color .2s ease}
body.vayen-approved .ap-header-nav a:hover,body.vayen-approved .ap-breadcrumb a:hover{color:var(--ap-accent)}
body.vayen-approved .ap-tabs a.active{border-color:var(--ap-accent);color:#fff}
body.vayen-approved .ap-tabs a:first-child:not(.active){border-color:transparent}
body.vayen-approved .ap-tabs a:hover{color:var(--ap-accent)}
body.vayen-approved .ap-thumb.ap-cover-thumb span{display:none!important}
body.vayen-approved .ap-thumb.ap-cover-thumb{background:radial-gradient(circle at 55% 35%,var(--ap-glow),transparent 70%),#17121b}
body.vayen-approved .ap-slide-art b{font-size:35px;line-height:1.2}
body.vayen-approved .ap-slide-art span{display:block;margin-top:8px;font-size:12px;max-width:180px;overflow-wrap:break-word}
body.vayen-approved .ap-workflow-list{padding-left:22px;margin:10px 0 0;display:grid;gap:12px}
body.vayen-approved .ap-workflow-list li{color:var(--ap-accent);padding-left:4px;font-size:13px}
body.vayen-approved .ap-workflow-list strong{display:block;color:#fff;font-size:14px;margin-bottom:3px}
body.vayen-approved .ap-workflow-list p{color:#cbd0d9;font-size:13px;line-height:1.55;margin:0}
body.vayen-approved .ap-faq-item{border-bottom:1px solid #29313e;padding:11px 0;color:#fff}
body.vayen-approved .ap-faq-item summary{cursor:pointer;font-size:13px;font-weight:700;line-height:1.5}
body.vayen-approved .ap-faq-item summary:hover{color:var(--ap-accent)}
body.vayen-approved .ap-faq-item p{padding-top:9px!important;color:#cbd0d9!important}
body.vayen-approved [id^="ap-"]{scroll-margin-top:88px}
body.vayen-approved .ap-info,body.vayen-approved .ap-cover,body.vayen-approved .ap-card{box-shadow:0 12px 35px rgba(0,0,0,.08)}
body.vayen-approved .ap-buy,body.vayen-approved .ap-thumb,body.vayen-approved .ap-cover-arrow{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
body.vayen-approved .ap-buy:hover,body.vayen-approved .ap-thumb:hover{transform:translateY(-2px)}
body.vayen-approved .ap-cover-arrow:hover{transform:scale(1.08)}
body.vayen-approved .ap-thumb:focus-visible,body.vayen-approved .ap-tabs a:focus-visible,body.vayen-approved .ap-header-nav a:focus-visible{outline:2px solid var(--ap-accent);outline-offset:3px}
@media(max-width:750px){body.vayen-approved .ap-header-nav{margin-left:16px;gap:14px}body.vayen-approved .ap-header-nav a{font-size:12px}body.vayen-approved .product-brand{font-size:23px!important}}
@media(max-width:430px){body.vayen-approved .ap-header-nav{gap:9px;margin-left:10px}body.vayen-approved .product-account{display:none!important}body.vayen-approved .ap-header-nav a{font-size:11px}}
@media(prefers-reduced-motion:reduce){body.vayen-approved .ap-buy,body.vayen-approved .ap-thumb,body.vayen-approved .ap-cover-arrow{transition:none}}

/* VAYEN v3 — small, reference-preserving polish */
body.vayen-approved .ap-slider-top>span:nth-child(3){display:none!important}
body.vayen-approved .ap-card-intro{font-size:13px!important;line-height:1.55!important;color:#aeb8c6!important;margin:3px 0 15px!important;max-width:38ch}
body.vayen-approved .ap-card{transition:border-color .32s ease,box-shadow .32s ease,background-color .32s ease!important}
body.vayen-approved .ap-card.ap-target-highlight,body.vayen-approved .ap-hero.ap-target-highlight{border-color:var(--ap-accent)!important;box-shadow:0 0 0 1px var(--ap-accent),0 0 28px var(--ap-glow)!important;background-color:#151a23!important}
body.vayen-approved .ap-tabs a{transition:color .2s ease,border-color .2s ease,background-color .2s ease}
body.vayen-approved .ap-tabs a.active{background:linear-gradient(0deg,var(--ap-glow),transparent 70%);border-bottom-color:var(--ap-accent)!important}
body.vayen-approved .ap-workflow-list li{list-style-position:outside!important;padding-left:10px!important}
body.vayen-approved .ap-workflow-list li::marker{font-weight:800;color:var(--ap-accent)}
body.vayen-approved .ap-workflow-list strong{display:block!important;margin:0 0 6px!important}
body.vayen-approved .ap-workflow-list p{display:block!important;margin:0!important;line-height:1.6!important}
@media(max-width:750px){body.vayen-approved .ap-card-intro{max-width:none}body.vayen-approved [id^="ap-"]{scroll-margin-top:70px}}

/* VAYEN v4: exact approved layout, structural fixes */
body.vayen-approved .ap-slider-top .ap-timer-label{display:none!important}
body.vayen-approved .ap-slider-top>span:not(:first-child){display:none!important}
body.vayen-approved .ap-workflow-list{list-style:none!important;padding:0!important;margin:14px 0 0!important;display:grid!important;gap:12px!important;counter-reset:none!important}
body.vayen-approved .ap-workflow-list>li{list-style:none!important;display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;gap:12px!important;align-items:start!important;position:relative!important;padding:12px!important;margin:0!important;border:1px solid #29313e;border-radius:10px;background:#101923;color:#fff!important}
body.vayen-approved .ap-workflow-list>li::before,body.vayen-approved .ap-workflow-list>li::after{content:none!important;display:none!important}
body.vayen-approved .ap-workflow-list>li::marker{content:''!important;font-size:0!important}
body.vayen-approved .ap-step-number{display:grid!important;place-items:center!important;width:30px;height:30px;border-radius:8px;background:var(--ap-glow);border:1px solid var(--ap-edge);color:var(--ap-accent);font-size:12px;font-weight:800}
body.vayen-approved .ap-step-copy{min-width:0!important}
body.vayen-approved .ap-step-copy strong{display:block!important;position:static!important;line-height:1.4!important;margin:0 0 5px!important}
body.vayen-approved .ap-step-copy p{display:block!important;position:static!important;line-height:1.6!important;margin:0!important}
body.vayen-approved .ap-slide-art{background:linear-gradient(135deg,var(--ap-glow),#101723)!important;border-color:var(--ap-edge)!important}
body.vayen-approved .ap-slide-art b{display:none!important}
body.vayen-approved .ap-slide-art span{display:block!important;font-size:clamp(13px,1.2vw,17px)!important;font-weight:750!important;line-height:1.4!important;color:#fff!important;max-width:190px}
body.vayen-approved .ap-slide-art::before{content:'01  /  LEARN';display:block;color:var(--ap-accent);font-size:10px;letter-spacing:.13em;font-weight:800;margin-bottom:10px}
body.vayen-approved .ap-card h3 i{background:var(--ap-edge)!important}
body.vayen-approved .ap-card.ap-target-highlight{animation:apFocus .55s ease both}
@keyframes apFocus{0%{box-shadow:0 0 0 0 transparent}55%{box-shadow:0 0 0 2px var(--ap-accent),0 0 26px var(--ap-glow)}100%{box-shadow:0 0 0 1px var(--ap-edge),0 0 20px var(--ap-glow)}}
body.vayen-approved[data-ap-product="youtube-creator-system"] .ap-slide-art{background:linear-gradient(135deg,#40111c,#121827)!important}
body.vayen-approved[data-ap-product="vlogging-mastery"] .ap-slide-art{background:linear-gradient(135deg,#543222,#111a24)!important}
body.vayen-approved[data-ap-product="ai-prompt-box"] .ap-slide-art{background:linear-gradient(135deg,#30215e,#0b1a36)!important}
body.vayen-approved[data-ap-product="animation-mastery"] .ap-slide-art{background:linear-gradient(135deg,#352052,#191324)!important}
body.vayen-approved[data-ap-product="build-your-own-ai"] .ap-slide-art{background:linear-gradient(135deg,#12433f,#0b1d2d)!important}
@media(max-width:750px){body.vayen-approved .ap-workflow-list>li{grid-template-columns:30px minmax(0,1fr)!important;padding:10px!important}}

/* VAYEN v4.1 — Mobile only: one purchase action, matching product theme. */
@media (max-width: 768px) {
  body.vayen-approved .ap-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }
  body.vayen-approved .ap-actions .ap-buy {
    display: none !important;
  }
  body.vayen-approved .ap-actions .ap-save {
    min-height: 42px;
    width: 100%;
    border-color: var(--ap-edge, #755b38);
    color: var(--ap-accent, #ffbd66);
  }
  body.vayen-approved .product-mobile-get {
    background: rgba(12, 15, 22, .96) !important;
    border: 1px solid var(--ap-edge, #755b38) !important;
    box-shadow: 0 -4px 28px rgba(0,0,0,.35), 0 0 18px var(--ap-glow, transparent) !important;
    z-index: 1000 !important;
  }
  body.vayen-approved .product-mobile-get .product-get {
    background: var(--ap-accent, #ffbd66) !important;
    color: #111318 !important;
    border: 0 !important;
    font-weight: 850 !important;
  }
  body.vayen-approved .product-page {
    padding-bottom: 120px !important;
  }
}

/* AI Prompt Box: distinct content emphasis, approved layout unchanged */
body.vayen-approved[data-ap-product="ai-prompt-box"] .ap-ai-count{display:inline-flex;align-items:center;margin:12px 0 4px;padding:8px 12px;border-radius:9px;border:1px solid rgba(167,139,250,.48);background:rgba(110,70,210,.17);color:#d9cbff;font-size:12px;font-weight:850;letter-spacing:.035em}
body.vayen-approved[data-ap-product="ai-prompt-box"] .ap-ai-use{color:#c8c4dc;font-size:13px;line-height:1.5;margin:7px 0 0}

/* AI Prompt Box: clear value emphasis, approved layout unchanged */
body[data-vayen-product="ai-prompt-box"] .ap-ai-count{font-weight:900;letter-spacing:.045em;font-size:clamp(13px,1.1vw,17px);line-height:1.4;}
body[data-vayen-product="ai-prompt-box"] .ap-ai-use{line-height:1.65;max-width:650px;}

/* AI Prompt Box: real prompt-to-result example, preserving approved card grid */
body.vayen-approved[data-ap-product="ai-prompt-box"] .ap-prompt-demo{display:grid;grid-template-columns:1fr;gap:9px;margin-top:12px;align-items:stretch}
body.vayen-approved[data-ap-product="ai-prompt-box"] .ap-prompt-demo>div{min-width:0;padding:12px 13px;border-radius:10px;border:1px solid rgba(167,139,250,.28);background:linear-gradient(130deg,rgba(115,77,218,.12),rgba(13,18,28,.8));text-align:left}
body.vayen-approved[data-ap-product="ai-prompt-box"] .ap-prompt-demo .ap-demo-eyebrow{display:block;font-size:9px;letter-spacing:.09em;font-weight:800;color:#bca6ff;margin-bottom:6px;line-height:1.4}
body.vayen-approved[data-ap-product="ai-prompt-box"] .ap-prompt-demo strong{display:block;color:#f6f2ff;font-size:12px;line-height:1.55}
body.vayen-approved[data-ap-product="ai-prompt-box"] .ap-prompt-demo p{margin:0!important;color:#f1edfa!important;font-size:12px!important;line-height:1.55!important;overflow-wrap:anywhere}
body.vayen-approved[data-ap-product="ai-prompt-box"] .ap-prompt-result{border-color:rgba(96,217,179,.4)!important;background:linear-gradient(125deg,rgba(32,125,108,.15),#101820)!important}
body.vayen-approved[data-ap-product="ai-prompt-box"] .ap-prompt-result .ap-demo-eyebrow{color:#85e5cb!important}
body.vayen-approved[data-ap-product="ai-prompt-box"] .ap-prompt-result small{display:block;color:#aab9bb;font-size:10px;line-height:1.45;margin-top:8px}
body.vayen-approved[data-ap-product="ai-prompt-box"] #ap-examples{scroll-margin-top:85px}

/* Compact AI example: match the approved four-card row without tall stacked panels. */
body.vayen-approved[data-ap-product="ai-prompt-box"] .ap-prompt-compact{gap:6px;margin-top:8px}
body.vayen-approved[data-ap-product="ai-prompt-box"] .ap-prompt-compact>div{padding:8px 10px;border-radius:8px}
body.vayen-approved[data-ap-product="ai-prompt-box"] .ap-prompt-compact .ap-demo-eyebrow{font-size:9px;margin-bottom:3px}
body.vayen-approved[data-ap-product="ai-prompt-box"] .ap-prompt-compact p{font-size:12px!important;line-height:1.4!important}
body.vayen-approved[data-ap-product="ai-prompt-box"] #ap-examples .ap-card-intro{margin-bottom:8px!important}

/* Surgical image fit: original premium layout untouched. */
body.vayen-approved .ap-cover img{object-fit:contain!important;object-position:center!important}
body.vayen-approved .ap-thumb img{object-fit:contain!important;object-position:center!important}
/* No placeholder product UI or transient heart before the approved layout is mounted. */
body.product-body.vayen-product-ready:not(.vayen-approved) .product-page,body.product-body.vayen-product-ready:not(.vayen-approved) .product-mobile-get{visibility:hidden!important}
body.vayen-approved .vayen-save-heart{display:none!important}

/* Portrait cover fix only — layout, controls and cards unchanged. */
body.vayen-approved .ap-cover.ap-portrait-cover img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
body.vayen-approved .ap-cover.ap-portrait-cover .ap-cover-label,
body.vayen-approved .ap-cover.ap-portrait-cover .ap-cover-bottom{display:none!important}
body.vayen-approved[data-ap-product="ai-prompt-box"] .ap-ai-use{margin-top:8px;max-width:720px}

/* Full-size clear portrait cover only: no layout changes */
body.vayen-approved .ap-cover.ap-portrait-cover>img{object-fit:cover!important;object-position:center!important}

/* Surgical fix: keep the complete portrait artwork visible inside existing cover box. */
body.vayen-approved .ap-cover.ap-portrait-cover > img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
}
body.vayen-approved .ap-thumb img {
  object-fit: contain !important;
  object-position: center center !important;
}

/* FINAL: no image crop, regardless of older cover overrides. */
body.vayen-approved .ap-cover.ap-portrait-cover > img{object-fit:contain!important;object-position:center!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;}

/* FIX: keep the product-specific learning slider visible below the cover on all screens.
   This affects visibility only; it does not change existing page layout or design. */
body.vayen-approved .ap-info > .ap-slider {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  min-height: 170px !important;
  max-height: none !important;
  overflow: hidden;
}
body.vayen-approved .ap-info > .ap-slider .ap-slide-content {
  display: grid !important;
  visibility: visible !important;
  opacity: 1 !important;
}
body.vayen-approved .ap-info > .ap-slider .ap-slider-top {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* AI Prompt Box only: keep the 3,000+ note compact so the slider stays in normal flow. */
body.vayen-approved[data-ap-product="ai-prompt-box"] .ap-ai-count{margin:7px 0 0!important;padding:6px 10px!important;font-size:11px!important}
body.vayen-approved[data-ap-product="ai-prompt-box"] .ap-ai-use{margin:4px 0 0!important;font-size:12px!important;line-height:1.45!important}


/* VAYEN 12 Worlds — approved JS renders a NEW .ap-cover.
   Previous .product-visual rules cannot affect this generated element.
   Restrict to the twelve product IDs; preserve other products. */
body.vayen-approved:is([data-ap-product="reels-growth"],[data-ap-product="web-creator"],[data-ap-product="youtube-algorithm"],[data-ap-product="earn-from-social-media"],[data-ap-product="creator-studio"],[data-ap-product="business-launch"],[data-ap-product="content-strategy"],[data-ap-product="design-thumbnails"],[data-ap-product="edit-videos"],[data-ap-product="ai-automation"],[data-ap-product="seller-commerce"],[data-ap-product="personal-brand"]) .ap-cover {
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  padding: 0 !important;
  overflow: hidden !important;
}
body.vayen-approved:is([data-ap-product="reels-growth"],[data-ap-product="web-creator"],[data-ap-product="youtube-algorithm"],[data-ap-product="earn-from-social-media"],[data-ap-product="creator-studio"],[data-ap-product="business-launch"],[data-ap-product="content-strategy"],[data-ap-product="design-thumbnails"],[data-ap-product="edit-videos"],[data-ap-product="ai-automation"],[data-ap-product="seller-commerce"],[data-ap-product="personal-brand"]) .ap-cover > img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center !important;
}
body.vayen-approved:is([data-ap-product="reels-growth"],[data-ap-product="web-creator"],[data-ap-product="youtube-algorithm"],[data-ap-product="earn-from-social-media"],[data-ap-product="creator-studio"],[data-ap-product="business-launch"],[data-ap-product="content-strategy"],[data-ap-product="design-thumbnails"],[data-ap-product="edit-videos"],[data-ap-product="ai-automation"],[data-ap-product="seller-commerce"],[data-ap-product="personal-brand"]) .ap-cover > .ap-cover-label,
body.vayen-approved:is([data-ap-product="reels-growth"],[data-ap-product="web-creator"],[data-ap-product="youtube-algorithm"],[data-ap-product="earn-from-social-media"],[data-ap-product="creator-studio"],[data-ap-product="business-launch"],[data-ap-product="content-strategy"],[data-ap-product="design-thumbnails"],[data-ap-product="edit-videos"],[data-ap-product="ai-automation"],[data-ap-product="seller-commerce"],[data-ap-product="personal-brand"]) .ap-cover > .ap-cover-bottom {
  display: none !important;
}

/* Restore original full-cover display for YouTube Creator System only.
   The 12 Worlds rules above remain unchanged. */
body.vayen-approved[data-ap-product="youtube-creator-system"] .ap-cover > img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
}

/* Vlogging Mastery only: restore original full-cover image fit.
   Keep YouTube Creator System and all 12 Worlds unchanged. */
body.vayen-approved[data-ap-product="vlogging-mastery"] .ap-cover > img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
}


/* Only the six Premium detail covers. 12 Worlds rules above are preserved. */
body.vayen-approved:is([data-ap-product="animation-mastery"],[data-ap-product="social-media-tips"],[data-ap-product="ai-prompt-box"],[data-ap-product="build-your-own-ai"],[data-ap-product="claude-ai-youtube-autopilot"],[data-ap-product="trading-strategy-masterclass"]) .ap-cover {height:auto!important;min-height:0!important;aspect-ratio:16/9!important;display:block!important;padding:0!important;overflow:hidden!important}
body.vayen-approved:is([data-ap-product="animation-mastery"],[data-ap-product="social-media-tips"],[data-ap-product="ai-prompt-box"],[data-ap-product="build-your-own-ai"],[data-ap-product="claude-ai-youtube-autopilot"],[data-ap-product="trading-strategy-masterclass"]) .ap-cover > img {position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:fill!important;display:block!important}
body.vayen-approved:is([data-ap-product="animation-mastery"],[data-ap-product="social-media-tips"],[data-ap-product="ai-prompt-box"],[data-ap-product="build-your-own-ai"],[data-ap-product="claude-ai-youtube-autopilot"],[data-ap-product="trading-strategy-masterclass"]) .ap-cover-label,
body.vayen-approved:is([data-ap-product="animation-mastery"],[data-ap-product="social-media-tips"],[data-ap-product="ai-prompt-box"],[data-ap-product="build-your-own-ai"],[data-ap-product="claude-ai-youtube-autopilot"],[data-ap-product="trading-strategy-masterclass"]) .ap-cover-bottom {display:none!important}
body.vayen-approved:is([data-ap-product="animation-mastery"],[data-ap-product="social-media-tips"],[data-ap-product="ai-prompt-box"],[data-ap-product="build-your-own-ai"],[data-ap-product="claude-ai-youtube-autopilot"],[data-ap-product="trading-strategy-masterclass"]) .ap-cover-fallback {display:none!important}
body.vayen-approved:is([data-ap-product="animation-mastery"],[data-ap-product="social-media-tips"],[data-ap-product="ai-prompt-box"],[data-ap-product="build-your-own-ai"],[data-ap-product="claude-ai-youtube-autopilot"],[data-ap-product="trading-strategy-masterclass"]) .ap-cover.ap-image-missing .ap-cover-fallback {display:block!important;position:absolute;inset:0;display:grid!important;place-items:center}


/* Desktop-only: fill the left-side whitespace with real Premium guide topics.
   No changes to cover image geometry, thumbnails, 12 Worlds or mobile. */
@media (min-width: 1101px) {
    body.vayen-approved .ap-media .ap-premium-inside {
        display: flex;
        flex: 1 1 auto;
        flex-direction: column;
        justify-content: center;
        min-height: 125px;
        padding: 15px 19px;
        border: 1px solid var(--ap-edge, #373344);
        border-radius: 14px;
        background: linear-gradient(115deg, var(--ap-glow, rgba(80,70,90,.15)), #0d131c 76%);
        box-sizing: border-box;
    }
    body.vayen-approved .ap-premium-inside-kicker {
        color: var(--ap-accent, #c3a2ff);
        font-size: 10px;
        font-weight: 800;
        letter-spacing: .11em;
    }
    body.vayen-approved .ap-premium-inside-heading h2 {
        color: #fff;
        font-size: 17px;
        line-height: 1.3;
        margin: 5px 0 12px;
    }
    body.vayen-approved .ap-premium-inside-topics {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 9px 16px;
        list-style: none;
        margin: 0;
        padding: 0;
    }
    body.vayen-approved .ap-premium-inside-topics li {
        color: #dbe2ed;
        font-size: 12px;
        line-height: 1.4;
        overflow-wrap: anywhere;
        padding-left: 17px;
        position: relative;
    }
    body.vayen-approved .ap-premium-inside-topics li::before {
        content: '✓';
        position: absolute;
        left: 0;
        color: var(--ap-accent, #c3a2ff);
        font-weight: 800;
    }
}
@media (max-width: 1100px) {
    body.vayen-approved .ap-media .ap-premium-inside {
        display: none !important;
    }
}