/* Christiana v7 — single showcase, compact responsive hero, pre-order demo. */
@media(min-width:681px){
 .ccv3-hero{height:clamp(340px,30vw,410px)!important}
 .ccv3-hero-copy h1,.ccv3-hero-copy h2{font-size:clamp(41px,4.2vw,65px)!important}
 .ccv3-hero-copy p{font-size:clamp(16px,1.5vw,20px)!important}
}
@media(max-width:680px){.ccv3-hero{height:430px!important}.ccv3-hero-copy{padding-bottom:23px!important}}
@media(max-width:360px){.ccv3-hero{height:425px!important}.ccv3-hero-copy h1,.ccv3-hero-copy h2{font-size:35px!important}}
.ccv6-series-foot a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 18px;border:1px solid #bb8a5f;background:#6e1b3e;color:#fff!important;border-radius:2px;font:700 11px/1.3 Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;text-decoration:none!important}
.ccv6-series-foot a:hover{background:#99365c}
.ccv7-soon{position:relative;isolation:isolate;overflow:hidden;margin:40px 0 0!important;width:100%;max-width:none!important;background:#160d18;color:#eee3d7;border-top:1px solid #a77e5b;border-bottom:1px solid #a77e5b}
.ccv7-soon:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#140d17f7,#1c111de8),url("/darkromance/wp-content/uploads/ccv6-hero/hero-2.webp") center/cover}
.ccv7-soon-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,.85fr);max-width:1240px;margin:auto;gap:clamp(20px,5vw,60px);align-items:center;padding:clamp(27px,4vw,50px) clamp(17px,4vw,55px)}
.ccv7-eyebrow{font:700 11px/1.45 Arial,sans-serif;letter-spacing:.2em;color:#e8bb85}
.ccv7-soon h2{font:500 clamp(31px,3.6vw,54px)/1.08 Georgia,serif;color:#f1e1d4;margin:12px 0 20px;max-width:570px}
.ccv7-soon-copy p{font:18px/1.55 Georgia,serif;color:#dfc9bc;max-width:580px;margin:0 0 18px}
.ccv7-soon-copy small{font:13px/1.5 Arial,sans-serif;color:#c7a8b1}

.ccv7-preorder{background:#170e19e8;border:1px solid #aa805f;padding:clamp(16px,2vw,25px);box-shadow:0 16px 35px #0006}
.ccv7-demo{display:inline-block;border:1px solid #cc9b69;color:#ebc393;font:700 10px/1.25 Arial,sans-serif;letter-spacing:.1em;padding:5px 8px}
.ccv7-preorder h3{font:500 28px/1.15 Georgia,serif;color:#f5e5d9;margin:10px 0 6px}
.ccv7-preorder>p{font:13px/1.5 Arial,sans-serif;color:#cbb6b5;margin:0 0 15px}
.ccv7-preorder form{display:grid;gap:10px}
.ccv7-preorder form>label:not(.ccv7-consent){display:grid;gap:5px;color:#e8ccae;font:700 12px/1.3 Arial,sans-serif}
.ccv7-preorder input:not([type=checkbox]),.ccv7-preorder select{box-sizing:border-box;background:#fcf6ef;color:#302029;width:100%;min-height:41px;padding:9px 11px;border:1px solid #ad9989;border-radius:2px;font:15px Arial,sans-serif}
.ccv7-order-preview{border:1px solid #765542;background:rgba(255,255,255,.035);padding:12px;display:grid;gap:9px;color:#d9c3ae;font:13px/1.4 Arial,sans-serif}
.ccv7-order-preview strong{color:#ecc18c;font-size:15px}
.ccv7-order-preview small{border-top:1px solid #745543;padding-top:8px;color:#bca9a4;font-size:11px}
.ccv7-consent{display:grid;grid-template-columns:18px 1fr;gap:8px;align-items:start;font:11px/1.45 Arial,sans-serif;color:#d5c1b8}
.ccv7-consent input{margin:2px 0 0}
.ccv7-preorder button{min-height:45px;border:1px solid #caa37a;background:#8e2b4d;color:#fff;font:700 12px Arial,sans-serif;letter-spacing:.07em;cursor:pointer;padding:12px}
.ccv7-preorder button:hover{background:#a43257}
.ccv7-preorder form>small{text-align:center;color:#b8a3a2;font:11px/1.45 Arial,sans-serif}
.ccv7-alert{border:1px solid #cfaa70;color:#eed4aa;padding:9px;margin:0;font:12px/1.45 Arial,sans-serif}
.ccv7-trap{position:absolute!important;width:1px;height:1px;clip-path:inset(100%);overflow:hidden}

.ccv7-contact{background:#191017;padding:16px 24px;border-top:1px solid #8c6b4b}
.ccv7-contact-inner{max-width:1320px;margin:auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 24px;font:13px/1.5 Arial,sans-serif}
.ccv7-contact strong{font:700 12px/1.5 Arial,sans-serif;letter-spacing:.13em;color:#edc599}
.ccv7-contact a{color:#e3cbbb;text-decoration:none;overflow-wrap:anywhere}
.ccv7-contact a:hover{text-decoration:underline}
.ccv6-social-pending{display:none!important}
@media(max-width:780px){
 .ccv7-soon-layout{grid-template-columns:1fr;gap:22px}
 .ccv7-soon h2{font-size:35px}
 .ccv7-soon-copy p{font-size:16px}
 .ccv7-contact-inner{justify-content:center;text-align:center}
}
@media(max-width:480px){
 .ccv7-preorder{padding:16px}
 .ccv6-series-foot{justify-content:center}
 .ccv6-series-foot a{width:100%;margin-top:5px}
 .ccv7-soon-layout{padding:28px 15px}
}