/* Party Pack marketing: quiet, editorial promotions with an owner-first editor. */
.pp-promotion-section{margin-top:clamp(26px,4vw,55px);margin-bottom:clamp(30px,4.5vw,65px)}
.pp-promo-card{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);min-height:315px;isolation:isolate;overflow:hidden;border:1px solid #e5e0e4;border-radius:22px;background:#f1eff1;box-shadow:0 12px 35px rgba(54,44,51,.055)}
.pp-promo-copy{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;padding:clamp(27px,4.6vw,58px);background:linear-gradient(115deg,#f5f3f4,#eeebed)}
.pp-promo-eyebrow{color:#8a507b;letter-spacing:.16em;font-size:10px;line-height:1.4;font-weight:750;text-transform:uppercase}
.pp-promo-copy h2{font-family:Georgia,serif;letter-spacing:-.035em;font-size:clamp(27px,3.5vw,45px);line-height:1.08;font-weight:500;color:#273f34;margin:14px 0 13px;max-width:12.5em;text-wrap:balance}
.pp-promo-copy p{font-size:14px;line-height:1.65;color:#68766c;margin:0 0 24px;max-width:44ch}
.pp-promo-link{min-height:43px;display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:10px 18px;border-radius:8px;background:#80356c;color:#fff!important;font-size:13px;font-weight:720;text-decoration:none;box-shadow:0 5px 13px rgba(128,53,108,.13);transition:background-color .2s ease,transform .2s ease}
.pp-promo-link span{font-size:17px;line-height:1;transition:transform .2s ease}
.pp-promo-link:hover,.pp-promo-link:focus-visible{background:#662a56;transform:translateY(-1px)}
.pp-promo-link:hover span{transform:translate(2px,-2px)}
.pp-promo-visual{min-width:0;min-height:100%;position:relative;overflow:hidden;background:radial-gradient(ellipse at 40% 44%,#eae6e9 0 25%,#ded9dd 70%,#dec1d6 100%)}
.pp-promo-visual:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(72,38,63,.04),transparent 23%)}
.pp-promo-photo{display:block;width:100%;height:100%;min-height:315px;object-fit:cover;transition:transform .55s cubic-bezier(.25,.6,.25,1)}
.pp-promo-art-placeholder{height:100%;min-height:280px;display:grid;place-items:center;overflow:hidden}
.pp-promo-art-placeholder span{font-family:Georgia,serif;font-size:clamp(100px,13vw,210px);color:rgba(137,77,121,.25);transform:rotate(-15deg)}
@media(hover:hover) and (pointer:fine){.pp-promo-card:hover .pp-promo-photo{transform:scale(1.035)}}
@media(max-width:680px){
 .pp-promo-card{grid-template-columns:1fr;min-height:0}
 .pp-promo-copy{padding:30px 26px}
 .pp-promo-copy h2{font-size:clamp(29px,6vw,38px)}
 .pp-promo-visual{height:205px;min-height:205px}
 .pp-promo-photo,.pp-promo-art-placeholder{min-height:205px}
}
@media(prefers-reduced-motion:reduce){.pp-promo-photo,.pp-promo-link,.pp-promo-link span{transition:none!important;transform:none!important}}
.pp-individual-product-badge{position:absolute;z-index:5;right:13px;top:13px;display:inline-flex;align-items:center;justify-content:center;padding:7px 12px;border-radius:999px;background:rgba(255,252,248,.96);color:#405849;border:1px solid rgba(64,88,73,.10);font-size:11px;font-weight:750;line-height:1;letter-spacing:.015em;box-shadow:0 3px 12px rgba(20,30,25,.09);pointer-events:none}
.pp-individual-product-badge.pp-badge-promo{background:#82366e;color:#fff;border-color:transparent}
.pp-individual-product-badge.pp-badge-limited{background:#294c3c;color:#fff;border-color:transparent}
.pp-individual-product-badge.pp-badge-popular{background:#faf4e8;color:#755c36}
.pp-product-badge-help{display:block;margin-top:7px;font-size:11px;color:#7e8b81;line-height:1.45}

/* Marketing workspace */
.pp-marketing-studio{max-width:1450px;margin:0 auto 80px}
.pp-marketing-intro{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:25px 29px;margin-bottom:22px;background:#faf9f6;border:1px solid #e8ebe5;border-radius:16px}
.pp-marketing-intro .eyebrow{font-size:10px;color:#788979}
.pp-marketing-intro h2{font-family:Georgia,serif;font-weight:500;font-size:clamp(23px,2.8vw,30px);color:#293f33;letter-spacing:-.025em;line-height:1.2;margin:8px 0}
.pp-marketing-intro p{color:#738179;line-height:1.6;margin:0;max-width:70ch;font-size:13px}
.pp-marketing-status{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;border-radius:999px;border:1px solid #e6e9e5;background:#f1f2ee;color:#7d877e;font-size:11px;font-weight:750;padding:9px 13px}
.pp-marketing-status:before{content:"";width:7px;height:7px;border-radius:100%;background:#b9c2b8}
.pp-marketing-status.is-on{color:#2e654d;background:#ecf4ef;border-color:#dce9df}
.pp-marketing-status.is-on:before{background:#438866}
.pp-marketing-workspace{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:22px;align-items:start}
.pp-marketing-editor,.pp-marketing-preview-panel{min-width:0;background:#fff;border:1px solid #e3e9e2;border-radius:16px;overflow:hidden;box-shadow:0 4px 16px rgba(24,44,33,.035)}
.pp-marketing-section-heading{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #edf0eb;gap:12px}
.pp-marketing-section-heading .pp-marketing-status{font-size:11px;letter-spacing:0;line-height:1.25;font-weight:650;padding:7px 10px;white-space:nowrap}
.pp-marketing-section-heading .pp-marketing-status.is-on{color:#2e654d}
.pp-marketing-section-heading .pp-marketing-status.is-off{color:#7d877e}
.pp-marketing-section-heading h3{font-size:15px;line-height:1.2;color:#2a4536;margin:0}
.pp-marketing-section-heading span{font-size:10px;color:#94a196;font-weight:750;letter-spacing:.08em}
.pp-marketing-section-heading small{display:block;color:#8c9a8e;font-size:11px;margin-top:5px}
.pp-marketing-editor-content{padding:22px 24px 24px}
.pp-marketing-image-field{display:flex;align-items:center;gap:17px;border:1px solid #e7ebe5;background:#fbfcfa;border-radius:11px;padding:11px;margin-bottom:6px}
.pp-marketing-image-thumb{width:107px;height:92px;flex:none;display:grid;place-items:center;overflow:hidden;border-radius:7px;background:#e6e2e5}
.pp-marketing-image-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.pp-marketing-empty-image{color:#9b4283;font-size:45px}
.pp-marketing-image-copy{min-width:0;flex:1}
.pp-marketing-image-copy strong{display:block;font-size:13px;color:#30483a;margin-bottom:4px}
.pp-marketing-image-copy small{display:block;line-height:1.5;color:#859186;font-size:11px}
.pp-marketing-image-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}
.pp-marketing-upload{cursor:pointer}
.pp-marketing-image-message{font-size:11px;color:#567861;min-height:17px;line-height:1.5;margin:3px 0 15px}
.pp-marketing-editor .field{margin:0 0 17px}
.pp-marketing-editor .field label{display:block;color:#344d3f;font-size:12px;font-weight:750;margin:0 0 7px}
.pp-marketing-optional{color:#9da79d;font-weight:450;font-size:11px;margin-left:5px}
.pp-marketing-editor input:not([type=file]):not([type=checkbox]),.pp-marketing-editor select,.pp-marketing-editor textarea{display:block;width:100%;max-width:100%;min-width:0;box-sizing:border-box;border:1px solid #dbe3da;border-radius:8px;background:#fcfdfa;min-height:44px;padding:11px 12px;color:#30483b;font-family:inherit;font-size:13px;outline-offset:2px}
.pp-marketing-editor textarea{resize:vertical;min-height:90px}
.pp-marketing-editor input:focus-visible,.pp-marketing-editor select:focus-visible,.pp-marketing-editor textarea:focus-visible{border-color:#a57b9a;outline:2px solid #ded9dd}
.pp-marketing-form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.pp-marketing-publish-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:19px 0;border-top:1px solid #ecf0eb;border-bottom:1px solid #ecf0eb}
.pp-marketing-publish-row strong{font-size:13px;color:#2f4939}
.pp-marketing-publish-row p{margin:5px 0 0;font-size:11px;color:#88958b;line-height:1.5}
.pp-marketing-switch{position:relative;display:block;flex:none;width:47px;height:27px;cursor:pointer}
.pp-marketing-switch input{position:absolute;inset:0;opacity:0;cursor:pointer;z-index:1}
.pp-marketing-switch-track{position:absolute;inset:0;background:#cbd5cb;border-radius:30px;transition:background-color .2s ease}
.pp-marketing-switch-track:after{content:"";position:absolute;top:4px;left:4px;width:19px;height:19px;border-radius:100%;background:#fff;box-shadow:0 1px 4px #0002;transition:transform .2s ease}
.pp-marketing-switch input:checked+.pp-marketing-switch-track{background:#79416a}
.pp-marketing-switch input:checked+.pp-marketing-switch-track:after{transform:translateX(20px)}
.pp-marketing-switch input:focus-visible+.pp-marketing-switch-track{outline:3px solid #a6478c;outline-offset:3px}
.pp-marketing-save-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:20px}
.pp-marketing-save-row strong{display:block;color:#566d5c;font-size:12px}
.pp-marketing-save-row small{display:block;font-size:11px;color:#91a093;line-height:1.5;margin-top:5px;max-width:240px}
.pp-marketing-save-actions{display:flex;gap:9px}
.pp-marketing-preview-panel{position:sticky;top:16px}
.pp-marketing-preview-toolbar{display:flex;gap:4px;padding:14px 20px 12px}
.pp-marketing-preview-toolbar button{background:transparent;border:1px solid transparent;border-radius:8px;color:#7c8a7e;font-size:12px;font-weight:700;padding:8px 13px;cursor:pointer}
.pp-marketing-preview-toolbar button.active{background:#eff4ef;border-color:#e5ece5;color:#315b43}
.pp-marketing-preview-toolbar button:focus-visible{outline:3px solid #cfb1c7;outline-offset:2px}
.pp-marketing-preview-stage{padding:clamp(14px,2.5vw,25px);background:#f7f8f5;min-height:245px;display:flex;align-items:center;justify-content:center}
.pp-marketing-preview-stage #pp-marketing-preview-body{width:100%;min-width:0}
.pp-marketing-preview-stage .pp-promo-card{min-height:250px;border-radius:12px;box-shadow:0 6px 20px #2e42320a}
.pp-marketing-preview-stage .pp-promo-copy{padding:clamp(20px,2.5vw,33px)}
.pp-marketing-preview-stage .pp-promo-copy h2{font-size:clamp(22px,2.5vw,29px);margin:12px 0 9px}
.pp-marketing-preview-stage .pp-promo-copy p{font-size:11px;line-height:1.5;margin:0 0 18px}
.pp-marketing-preview-stage .pp-promo-eyebrow{font-size:9px}
.pp-marketing-preview-stage .pp-promo-link{font-size:11px;min-height:37px;padding:8px 11px;box-shadow:none}
.pp-marketing-preview-stage .pp-promo-photo{min-height:250px}
.pp-marketing-preview-stage.is-mobile #pp-marketing-preview-body{max-width:312px}
.pp-marketing-preview-stage.is-mobile .pp-promo-card{grid-template-columns:1fr}
.pp-marketing-preview-stage.is-mobile .pp-promo-copy{padding:23px 22px}
.pp-marketing-preview-stage.is-mobile .pp-promo-copy h2{font-size:27px}
.pp-marketing-preview-stage.is-mobile .pp-promo-visual{height:170px;min-height:170px}
.pp-marketing-preview-stage.is-mobile .pp-promo-photo,.pp-marketing-preview-stage.is-mobile .pp-promo-art-placeholder{min-height:170px}
.pp-marketing-preview-hint{display:flex;gap:9px;padding:18px 23px;color:#87958a;font-size:11px;line-height:1.6}
.pp-marketing-preview-hint p{margin:0}
.pp-marketing-preview-dot{width:8px;height:8px;flex:none;border:2px solid #b8c9bb;border-radius:50%;margin-top:4px}
@media(max-width:1050px){.pp-marketing-workspace{grid-template-columns:1fr}.pp-marketing-preview-panel{position:static}}
@media(max-width:620px){
 .pp-marketing-intro{align-items:flex-start;flex-direction:column;padding:22px 18px}
 .pp-marketing-editor-content{padding:20px 17px}
 .pp-marketing-section-heading{padding:18px 17px}
 .pp-marketing-form-row{grid-template-columns:1fr;gap:0}
 .pp-marketing-image-thumb{width:80px;height:83px}
 .pp-marketing-save-row{align-items:stretch;flex-direction:column}
 .pp-marketing-save-actions .btn{flex:1}
 .pp-marketing-preview-toolbar{padding-left:15px}
 .pp-marketing-preview-stage{padding:12px}
 .pp-marketing-preview-stage:not(.is-mobile) .pp-promo-card{grid-template-columns:1fr}
 .pp-marketing-preview-stage:not(.is-mobile) .pp-promo-visual{height:180px}
 .pp-marketing-preview-stage:not(.is-mobile) .pp-promo-photo{min-height:180px}
}
@media(prefers-reduced-motion:reduce){.pp-marketing-switch-track,.pp-marketing-switch-track:after{transition:none!important}}


/* Compact owner-first Marketing workspace. Advanced contact/credit details
   stay collapsed until needed, using the same saved settings as the banner. */
.pp-marketing-intro{padding:16px 21px;margin-bottom:15px;border-radius:12px}
.pp-marketing-intro h2{font-size:clamp(21px,2.2vw,26px);margin:4px 0 0}
.pp-marketing-section-heading{padding:17px 21px}
.pp-marketing-editor-content{padding:18px 21px 21px}
.pp-marketing-image-field{gap:12px}
.pp-marketing-contact{border-top:1px solid #e9ede8;margin-top:3px}
.pp-marketing-contact>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px;padding:13px 1px;list-style:none;cursor:pointer;color:#2e4938}
.pp-marketing-contact>summary::-webkit-details-marker{display:none}
.pp-marketing-contact>summary strong{display:block;font-size:13px;font-weight:650}
.pp-marketing-contact>summary small{display:block;margin-top:3px;color:#748479;font-size:11px;font-weight:400;overflow-wrap:anywhere}
.pp-marketing-contact>summary svg{flex:0 0 auto;transition:transform .15s ease}
.pp-marketing-contact[open]>summary svg{transform:rotate(180deg)}
.pp-marketing-contact>summary:focus-visible{outline:2px solid #8a4577;outline-offset:3px;border-radius:6px}
.pp-marketing-contact-fields{padding:7px 0 14px}
.pp-marketing-contact-fields .field{margin-bottom:12px}
.pp-marketing-contact-fields .field label{margin-bottom:6px}
.pp-marketing-contact-fields .field input{min-height:41px}
.pp-marketing-contact-note{margin:0 0 11px;font-size:11px;color:#718077;line-height:1.5}
.pp-marketing-credit-preview{padding:10px 12px;border-radius:8px;border:1px solid #e7e6e8;background:#faf9fb;color:#735d70;font-size:11px;overflow-wrap:anywhere}
.pp-marketing-save-row{padding-top:16px}
.pp-marketing-save-row small{max-width:300px}
.pp-marketing-preview-hint{padding:13px 19px}
@media(max-width:620px){
 .pp-marketing-intro{padding:15px 17px;gap:9px}
 .pp-marketing-editor-content{padding:17px}
 .pp-marketing-contact>summary{min-height:60px}
}
@media(prefers-reduced-motion:reduce){.pp-marketing-contact>summary svg{transition:none}}