/* Category layout: persistent navigation, quiet typography, consistent controls. */
#view-home{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#282529;-webkit-font-smoothing:antialiased}
#view-home .wrap{max-width:1320px;padding-left:32px;padding-right:32px}
#view-home .header{min-height:92px;border-bottom:1px solid #eee9eb;gap:24px}
#view-home #menu,#rubric-open,#rubric-close,#rubric-shade,#view-home .hero,.rubric-toolbar{display:none!important}
.rubric-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:40px;align-items:start;padding-top:30px}
.rubric-sidebar{position:sticky;top:28px;min-width:0}
.rubric-primary{display:grid;gap:4px}
.rubric-primary a{position:relative;display:block;padding:13px 14px;color:#696168;font-size:14px;font-weight:500;line-height:1.45;text-decoration:none;border-radius:8px;transition:background .15s,color .15s}
.rubric-primary a:hover{color:#262127;background:#f8f5f6}
.rubric-primary a[aria-current="page"]{color:#bd2251;background:#fcf0f4;font-weight:650}
.rubric-primary a[aria-current="page"]:before{content:"";position:absolute;left:0;top:13px;bottom:13px;width:3px;border-radius:3px;background:#d92b60}
.rubric-content{min-width:0}.rubric-crumb{font-size:12px;line-height:1.6;color:#827981;margin:0 0 23px}.rubric-crumb a{color:inherit;text-decoration:none}.rubric-crumb a:hover{text-decoration:underline}
#rubric-heading{font-size:clamp(30px,3.2vw,44px);line-height:1.12;letter-spacing:-1.3px;font-weight:650;margin:0 0 28px;text-wrap:balance}
.rubric-choices{margin:0 0 30px}.rubric-choice-links{display:flex;flex-wrap:wrap;gap:9px}
.rubric-choice-links a{display:block;padding:9px 13px;line-height:1.4;font-size:14px;font-weight:450;border:1px solid #e8e1e5;border-radius:8px;color:#534b52;text-decoration:none;background:#fff}
.rubric-choice-links a:hover{border-color:#ce9eaf;color:#ad224a}.rubric-choice-links a[aria-current="page"]{background:#fcf0f4;border-color:#e1a7b9;color:#ad224a}
.rubric-name-selectors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:32px;max-width:730px}
.rubric-name-selectors label{display:flex;flex-direction:column;gap:10px;min-width:0;font-size:14px;font-weight:600;color:#51484f}
.rubric-name-selectors select{width:100%;box-sizing:border-box;min-height:50px;padding:12px 14px;border:1px solid #dcd4d9;border-radius:9px;background:#fff;color:#282529;font:inherit;font-size:16px;font-weight:400}
.rubric-primary a:focus-visible,.rubric-choice-links a:focus-visible,.rubric-name-selectors select:focus-visible{outline:2px solid #d92b60;outline-offset:3px}
#view-home #catalog{padding-top:0}#view-home #catalog>.catalog-tools{display:none}
#view-home #cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 20px}
#view-home #cards .card{min-width:0}#view-home #cards .portrait{border-radius:14px}
#view-home #cards .card>h3{font-size:16px;font-weight:600;line-height:1.4;letter-spacing:-.2px;margin:13px 0 0;min-height:23px;overflow-wrap:anywhere}
#view-home #cards .card>p{display:none}
#view-home #cards .card>.card-pick{position:static;transform:none;display:block;width:100%;margin:12px 0 0;min-height:46px;border-radius:9px;border:0;background:#e63268;color:#fff;font:inherit;font-size:14px;font-weight:600;box-shadow:none;opacity:1}
#view-home #cards .card>.card-pick:hover{background:#cd2457}#view-home #cards .card>.card-pick:focus-visible{outline:2px solid #9f1540;outline-offset:3px}
#view-home #how,#view-home #faq{margin-left:240px}
/* The seasonal colour belongs to the introduction; primary actions retain brand colour. */
body[data-holiday]{--holiday-accent:#24624e;--holiday-ink:#234d3f;--holiday-tint:#edf4ee;--holiday-edge:#d1dfd2}
body[data-holiday="christmas"]{--holiday-accent:#96702e;--holiday-ink:#605037;--holiday-tint:#faf5e9;--holiday-edge:#eadfc5}
body[data-holiday="defender"]{--holiday-accent:#617763;--holiday-ink:#3b503d;--holiday-tint:#eff3ed;--holiday-edge:#d1dbc9}
body[data-holiday="women"]{--holiday-accent:#b15b78;--holiday-ink:#7d4057;--holiday-tint:#fbf0f3;--holiday-edge:#efcfd9}
body[data-holiday="fools"]{--holiday-accent:#8250a3;--holiday-ink:#614176;--holiday-tint:#f5eff9;--holiday-edge:#e0ceec}
body[data-holiday="victory"]{--holiday-accent:#a4564e;--holiday-ink:#723f3a;--holiday-tint:#f7f2ec;--holiday-edge:#e1d4c9}
.holiday-intro{position:relative;isolation:isolate;display:flex;align-items:center;gap:22px;overflow:hidden;padding:38px 40px;min-height:218px;box-sizing:border-box;margin:0 0 34px;background:var(--holiday-tint);border-radius:20px}
.holiday-intro-copy{flex:1;min-width:0;max-width:590px;z-index:1}
.holiday-date{font-size:11px;line-height:1.5;letter-spacing:1.3px;text-transform:uppercase;font-weight:650;color:var(--holiday-accent);margin:0 0 18px}
.holiday-intro #rubric-heading{color:var(--holiday-ink);font-size:clamp(34px,3.8vw,50px);font-weight:650;letter-spacing:-1.5px;line-height:1.1;margin:0 0 20px}
.holiday-intro-copy>p:last-child{font-size:15px;line-height:1.7;color:#625d61;margin:0;max-width:440px}
.holiday-art{flex:0 0 210px;align-self:stretch;display:flex;align-items:center;justify-content:center}.holiday-art svg{width:100%;max-height:240px;display:block;height:auto}
.holiday-catalog-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 20px}
.holiday-catalog-heading h2{font-size:20px;font-weight:600;letter-spacing:-.4px;line-height:1.4;margin:0}
.holiday-catalog-heading>a{font-size:13px;color:#796c73;text-decoration:none;white-space:nowrap;padding:6px 0;border-bottom:1px solid #e1d9de}
@media(max-width:1000px) and (min-width:761px){.rubric-layout{grid-template-columns:170px minmax(0,1fr);gap:26px}.holiday-intro{padding:28px}.holiday-art{flex-basis:140px}.holiday-intro #rubric-heading{font-size:38px}#view-home #how,#view-home #faq{margin-left:196px}}
@media(max-width:760px){
 #view-home .wrap{padding-left:18px;padding-right:18px}#view-home .header{min-height:76px;flex-wrap:wrap;gap:12px;padding-top:18px;padding-bottom:17px}
 #view-home .header nav{display:flex!important;position:static!important;inset:auto!important;flex-wrap:wrap;gap:18px;padding:0;background:none;border:0;box-shadow:none;width:100%}
 #view-home .header nav a{font-size:13px;padding:0;color:#736970}#view-home .header nav a[href$="#how"],#view-home .header nav a[href$="#faq"]{display:none}
 .rubric-layout{display:flex;flex-direction:column;gap:23px;padding-top:16px}.rubric-sidebar{position:static;width:100%;max-height:none;overflow:visible;padding:0;border:0;background:none;box-shadow:none}
 .rubric-primary{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px;row-gap:0;padding-bottom:14px;border-bottom:1px solid #eee8ec}
 .rubric-primary a{display:flex;align-items:center;padding:11px 0;min-height:42px;box-sizing:border-box;border:0;border-radius:0;background:none;font-size:13px;line-height:1.4}
 .rubric-primary a[aria-current="page"]{background:none;color:#bd2251}.rubric-primary a[aria-current="page"]:before{display:none}
 .rubric-primary a[aria-current="page"]:after{content:"";height:5px;width:5px;min-width:5px;margin-left:7px;border-radius:50%;background:#d92b60}
 .rubric-content{width:100%}.rubric-crumb{font-size:11px;margin-bottom:16px}#rubric-heading{font-size:31px;letter-spacing:-.9px;margin-bottom:23px}
 .rubric-choice-links{gap:8px}.rubric-choice-links a{padding:8px 11px;font-size:13px}.rubric-choices{margin-bottom:26px}
 .rubric-name-selectors{grid-template-columns:1fr;gap:18px;margin-bottom:28px}
 #view-home #cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 14px}#view-home #cards .portrait{border-radius:11px}#view-home #cards .card>h3{font-size:14px;line-height:1.4;margin-top:10px;min-height:20px}#view-home #cards .card>.card-pick{min-height:44px;font-size:13px;margin-top:10px}
 #view-home #how,#view-home #faq{margin-left:0}
 .holiday-intro{min-height:0;padding:26px 24px 28px;border-radius:15px;margin-bottom:27px;display:block}.holiday-intro-copy{max-width:none}.holiday-date{font-size:10px;letter-spacing:1px;margin-bottom:15px}
 .holiday-intro #rubric-heading{font-size:36px;letter-spacing:-1.15px;line-height:1.08;max-width:260px;margin-bottom:18px}
 .holiday-intro-copy>p:last-child{font-size:14px;line-height:1.65;max-width:none;padding-right:0}
 .holiday-art{position:absolute;width:110px;height:110px;right:-10px;top:0;opacity:.22;z-index:0;pointer-events:none}
 .holiday-catalog-heading{gap:12px;margin-bottom:17px}.holiday-catalog-heading h2{font-size:17px;letter-spacing:-.25px;max-width:215px}.holiday-catalog-heading>a{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.rubric-primary a{transition:none}}
@media(max-width:760px){.rubric-primary a[aria-current="page"]:after{display:none}}
@media(hover:none){.rubric-primary a:hover{background:none}}
.name-directory-link{margin:-12px 0 28px;font-size:13px}.name-directory-link a{color:#8c5268;text-underline-offset:3px}.name-directory{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin:0 0 30px}.name-directory h2{font-size:20px;margin:0 0 16px}.name-directory section>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.name-directory a{font-size:14px;color:#51484f;text-underline-offset:3px;overflow-wrap:anywhere}
.category-copy{max-width:780px;margin:54px 0 20px;border-top:1px solid #eee8ec;padding-top:28px}.category-copy h2{font-size:23px;letter-spacing:-.4px;line-height:1.3}.category-copy h3{font-size:16px;font-weight:600;margin:24px 0 10px}.category-copy p,.category-copy blockquote{font-size:15px;line-height:1.75;color:#6a6068}.category-copy blockquote{margin:0;padding:14px 20px;background:#faf6f8;border-left:3px solid #e4b7c7;border-radius:0 8px 8px 0}#view-home #cards a.card-pick{box-sizing:border-box;text-align:center;text-decoration:none;display:flex;align-items:center;justify-content:center}#view-home #cards a.portrait{display:block}
/* Category flow uses the same light canvas as its catalogue. */
body[data-category-flow="1"]{background:#fff!important;color:#282529;--ink:#282529;--muted:#746972;--line:#e7dfe4}
body[data-category-flow="1"] #view-character,body[data-category-flow="1"] #view-result,body[data-category-flow="1"] .result-stage,body[data-category-flow="1"] .result-side,body[data-category-flow="1"] .character-page{background:#fff;color:#282529}
body[data-category-flow="1"] .page-bar{background:#fff;border-color:#e7dfe4}body[data-category-flow="1"] .page-bar .back-link{color:#60555e}body[data-category-flow="1"] .character-copy h1,body[data-category-flow="1"] #result-title{color:#282529}
body[data-category-flow="1"] .field,body[data-category-flow="1"] .form-note,body[data-category-flow="1"] .result-caption{color:#70666d}
body[data-category-flow="1"] input,body[data-category-flow="1"] textarea,body[data-category-flow="1"] select{background:#fff;color:#282529;border-color:#dcd3d9;color-scheme:light}
body[data-category-flow="1"] .pay-method{background:#fff;color:#282529;border:1px solid #e1d9df}body[data-category-flow="1"] .pay-method:hover{background:#fcf7f9;border-color:#c98ba0}body[data-category-flow="1"] .pay-method-hint{color:#776b75}body[data-category-flow="1"] .pay-method-go{color:#9c8e98}
body[data-category-flow="1"] .email-capture-summary,body[data-category-flow="1"] .email-checkout-price{color:#282529;border-color:#e5dce2}body[data-category-flow="1"] .email-capture-summary span,body[data-category-flow="1"] .email-capture-summary p{color:#746972}body[data-category-flow="1"] .email-capture-summary strong{color:#282529}
body[data-category-flow="1"] .flow-steps{color:#837580;border-color:#e5dce2}body[data-category-flow="1"] .pay-agree-field{color:#776b75}
@media(max-width:760px){.name-directory{grid-template-columns:1fr;gap:28px}.name-directory section>div{grid-template-columns:repeat(3,minmax(0,1fr))}.category-copy{margin-top:36px;padding-top:20px}.category-copy h2{font-size:21px}.category-copy p,.category-copy blockquote{font-size:14px}}
body[data-category-flow="1"] .field input,body[data-category-flow="1"] .field textarea,body[data-category-flow="1"] .field select{border-radius:9px}
@media(min-width:900px){body[data-category-flow="1"] #view-character:not([hidden]){display:grid;grid-template-columns:minmax(0,400px) minmax(0,460px);justify-content:center;gap:26px 44px;max-width:1120px;margin:auto;padding:0 32px 48px}body[data-category-flow="1"] #view-character .page-bar{grid-column:1/-1;margin:0 -32px 5px}body[data-category-flow="1"] #view-character .character-media{margin:0;width:100%;max-width:400px;aspect-ratio:3/4}body[data-category-flow="1"] #view-character .character-page.wrap{padding:0;margin:0;width:100%;max-width:none;min-width:0}body[data-category-flow="1"] #view-character .character-copy h1{margin-top:0}body[data-category-flow="1"] #view-character .character-media video,body[data-category-flow="1"] #view-character .character-media img{height:100%;width:100%;object-fit:cover}}
@media(max-width:760px){body[data-category-flow="1"] #view-character .character-media{width:100%;max-width:none;max-height:none;height:auto;aspect-ratio:3/4;margin:0 0 22px;border-radius:0}body[data-category-flow="1"] #view-character .character-media video,body[data-category-flow="1"] #view-character .character-media img{height:100%;width:100%;object-fit:cover}}
/* Explicitly override the older email-step theme, which uses ID selectors. */
body[data-category-flow="1"] #view-result[data-email-phase] #script-text,body[data-category-flow="1"] #email-capture-step input{background:#fff;color:#282529;border-color:#dcd3d9;border-radius:9px}
body[data-category-flow="1"] #email-capture-step input::placeholder{color:#8c818a}
body[data-category-flow="1"] #view-result[data-email-phase="payment"] .pay-method{background:#fff;color:#282529;border-color:#e1d9df;border-radius:10px}
body[data-category-flow="1"] #view-result[data-email-phase="payment"] .pay-method:hover{background:#fcf7f9;border-color:#c98ba0}
body[data-category-flow="1"] #view-result[data-email-phase="payment"] .pay-method-copy small{color:#776b75}
body[data-category-flow="1"] #view-result[data-email-phase="payment"] #email-capture-summary{background:#fff;color:#282529;border-color:#e5dce2}
body[data-category-flow="1"] #view-result[data-email-phase="payment"] #email-capture-summary strong{color:#282529}
body[data-category-flow="1"] #view-result[data-email-phase="payment"] #email-capture-summary small,body[data-category-flow="1"] #email-checkout-price span{color:#776b75}
body[data-category-flow="1"] #view-result[data-email-phase="payment"] #email-capture-summary button{color:#b62351}
body[data-category-flow="1"] #view-result[data-email-phase="payment"] #pay-agree-field,body[data-category-flow="1"] #view-result[data-email-phase="payment"] #pay-agree-field a{color:#776b75}
body[data-category-flow="1"] #view-result[data-email-phase] #script-count{color:#8c818a}
@media(min-width:900px){body[data-category-flow="1"] #view-result[data-email-phase="email"] .result-stage{display:grid;grid-template-columns:minmax(0,400px) minmax(0,460px);gap:44px;max-width:1000px;min-height:0;margin:28px auto;padding:0 24px 40px;align-items:start}body[data-category-flow="1"] #view-result[data-email-phase="email"] .result-side.wrap{width:100%;max-width:none;margin:0;padding:0;min-width:0}body[data-category-flow="1"] #view-result[data-email-phase="email"] #result-video{max-height:540px!important;object-fit:contain}}
html:has(body[data-category-flow="1"]){background:#fff}
body[data-category-flow="1"] #view-result[data-email-phase] .page-bar{display:block!important;background:#fff;border-bottom:1px solid #e7dfe4}
body[data-category-flow="1"] #view-result[data-email-phase="email"] #result-title{display:block!important;margin:0 0 18px;font-size:26px;font-weight:650;letter-spacing:-.6px;line-height:1.2}
@media(min-width:900px){body[data-category-flow="1"] #view-character:not([hidden]){align-content:start}}

/* Keep the submit action below the fields instead of overlapping them on phones. */
@media(max-width:899px){body[data-category-flow="1"] #greeting-form #prepare-text{position:static!important;inset:auto!important;transform:none!important;margin-top:18px;width:100%}}