/* Reuse the production homepage cover above the responsive activity cards. */
body[data-grid-preview]{--activity-button:#99482f;--activity-button-ink:#fff9ef;--activity-button-border:#8d3d27;--activity-button-hover:#7e3926;--activity-soft:#f2e3d3;--activity-selected-ink:#743c2a;--activity-selected-border:#c8a78f;padding-bottom:0}
body[data-grid-preview][data-grid-tray-visible]{padding-bottom:102px}
body[data-grid-preview] #site :is(.button,.grid-card-add,.grid-builder-primary){background:var(--activity-button);color:var(--activity-button-ink);border-color:var(--activity-button-border)}
body[data-grid-preview] #site :is(.button,.grid-card-add,.grid-builder-primary):is(:hover,:focus-visible){background:var(--activity-button-hover);color:var(--activity-button-ink)}
body[data-activities-grid] .activity-browser-heading{margin:16px 0 34px}
body[data-activities-grid] .party-builder{padding-top:4px}
.activity-browser-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 20px;align-items:stretch;scroll-margin-top:20px}
.activity-browser-grid:focus{outline:none}
.activity-browser-grid .grid-activity-card{position:static;display:flex;min-width:0;margin:0}
.activity-browser-grid .theme-collectible-inner{height:100%}.activity-browser-grid .grid-activity-link{display:block;width:100%;color:inherit;text-decoration:none;height:auto;cursor:pointer}
.activity-browser-grid .theme-collectible-photo{flex:none;aspect-ratio:1.35;overflow:hidden}
.activity-browser-grid .theme-collectible-photo img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;transition:transform .35s ease}
.activity-browser-grid .theme-collectible-photo h3{font-size:27px;line-height:1.08;left:15px;right:13px;bottom:17px;letter-spacing:-.7px}
.activity-browser-grid .grid-card-details{display:flex;flex-direction:column;flex:1;padding:15px 14px 13px}
.grid-card-description{font:400 12px/1.7 var(--sans);margin:0 0 15px;color:var(--ink)}
.grid-supply-preview{margin-top:auto;border-top:1px solid var(--line);padding-top:12px}
.grid-supply-preview-heading{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font:500 10px/1.5 var(--sans);color:var(--muted)}
.grid-supply-preview-heading>span:last-child{white-space:nowrap}
.grid-supply-thumbnails{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;list-style:none;padding:0;margin:10px 0 14px}
.grid-supply-thumbnails li{min-width:0;font:400 10px/1.4 var(--sans);text-align:center;color:var(--ink)}
.grid-supply-image{display:grid;place-items:center;aspect-ratio:1;background:#fff;border:1px solid #e8dfd3;border-radius:5px;margin-bottom:5px;overflow:hidden}
.grid-supply-image img{width:100%;height:100%;object-fit:contain;padding:6px;mix-blend-mode:multiply}
.grid-supply-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.8em}
.grid-supply-product-link{display:block;color:inherit;text-decoration:none;border-radius:5px}
.grid-supply-product-link .grid-supply-name{text-decoration:none}
.grid-supply-product-link:hover .grid-supply-image{border-color:var(--activity-button)}
.grid-supply-product-link:focus-visible{outline:3px solid var(--activity-button);outline-offset:3px}
.activity-browser-grid .grid-card-action{margin:0;min-height:43px;padding:10px 12px;font-size:11px;gap:10px;align-items:center;justify-content:space-between;background:var(--card-ink);color:#fffaf0;border-radius:6px}
.grid-activity-link:focus-visible{outline:3px solid var(--accent);outline-offset:5px;border-radius:10px}
@media(hover:hover){.grid-activity-link:hover .theme-collectible-photo>img{transform:scale(1.035)}.grid-activity-link:hover .grid-card-action{filter:brightness(.94)}}
.grid-detail-context{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 24px;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:24px;font:400 13px/1.6 var(--sans)}
.grid-detail-context>a{font-size:12px;text-decoration:underline;text-underline-offset:4px}.grid-detail-context>span{font-weight:600}
@media(max-width:1250px){.activity-browser-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 20px}.activity-browser-grid .theme-collectible-photo h3{font-size:28px}.grid-supply-preview-heading{font-size:10px}.grid-supply-thumbnails li{font-size:10px}}
@media(max-width:950px){.activity-browser-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.activity-browser-grid .theme-collectible-photo h3{font-size:30px}.activity-browser-grid .grid-card-details{padding:17px 17px 15px}.grid-card-description{font-size:13px}.activity-browser-grid .grid-card-action{font-size:12px}}
@media(max-width:600px){.activity-browser-grid{gap:16px 12px}.activity-browser-grid .theme-collectible-photo{aspect-ratio:1.1}.activity-browser-grid .theme-collectible-photo h3{font-size:22px;left:10px;right:9px;bottom:12px}.activity-browser-grid .grid-card-details{padding:12px 10px 11px}.grid-card-description{font-size:11px;line-height:1.6;margin-bottom:13px}.grid-supply-preview-heading{display:block;font-size:9px}.grid-supply-preview-heading>span:last-child{display:block;margin-top:3px}.grid-supply-thumbnails{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-bottom:12px}.grid-supply-thumbnails li:nth-child(4){display:none}.grid-supply-thumbnails li{font-size:10px}.grid-supply-image img{padding:4px}.activity-browser-grid .grid-card-action{font-size:10px;padding:9px 8px;gap:7px;min-height:41px}.grid-detail-context{font-size:12px;display:block}.grid-detail-context>span{display:block;margin-top:10px}}
@media(max-width:420px){.activity-browser-grid{grid-template-columns:1fr;gap:22px}.activity-browser-grid .theme-collectible-photo{aspect-ratio:1.65}.activity-browser-grid .theme-collectible-photo h3{font-size:30px;left:17px;right:15px;bottom:17px}.activity-browser-grid .grid-card-details{padding:15px 16px 14px}.grid-card-description{font-size:12px;line-height:1.7;margin-bottom:13px}.grid-supply-preview-heading{display:flex;font-size:10px}.grid-supply-preview-heading>span:last-child{margin-top:0}.grid-supply-thumbnails{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.grid-supply-thumbnails li:nth-child(4){display:block}.grid-supply-thumbnails li{font-size:10px}.grid-supply-image{max-height:62px;aspect-ratio:auto;height:62px}.activity-browser-grid .grid-card-action{font-size:12px;min-height:43px;padding-inline:13px}}
@media(prefers-reduced-motion:reduce){.activity-browser-grid .theme-collectible-photo img{transition:none}}
@media print{.activity-browser-grid{display:none!important}}

/* Choosing an activity is an explicit action, separate from opening its guide. */
body[data-grid-preview] .mobile-plan-bar{display:none!important}
body[data-grid-preview] :is(#activities,#party-shopping,#activity-supplies):focus{outline:none}
.grid-card-actions{display:grid;gap:4px;margin-top:auto}
.grid-card-add{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:44px;padding:10px 13px;border:1px solid var(--activity-button-border);border-radius:6px;font-size:12px;font-weight:600;line-height:1.4;background:var(--activity-button);color:var(--activity-button-ink)}
.grid-card-add>span{font-size:18px;font-weight:400;line-height:1}
body[data-grid-preview] #site .grid-card-add[aria-pressed="true"]{background:var(--activity-soft);color:var(--activity-selected-ink);border-color:var(--activity-selected-border)}
.grid-view-supplies{display:flex;align-items:center;justify-content:center;gap:9px;min-height:36px;font-size:11px;color:var(--muted);text-decoration:underline;text-underline-offset:3px}
.grid-view-supplies:hover{color:var(--activity-button)}
.grid-activity-card.is-added{box-shadow:0 0 0 2px var(--activity-button),0 5px 15px #49372e0d}
.grid-added-badge{position:absolute;top:11px;right:11px;z-index:2;background:var(--activity-soft);color:var(--activity-selected-ink);border:1px solid var(--activity-selected-border);border-radius:20px;padding:5px 10px;font-size:10px;font-weight:600;box-shadow:0 2px 8px #271a1426}
.activity-detail-intro>.grid-card-add{width:auto;margin-top:20px;min-width:170px}
.grid-detail-context>.grid-card-add{width:auto;min-width:155px;margin-left:auto}
.grid-card-add:focus-visible,.grid-view-supplies:focus-visible{outline:3px solid var(--activity-button);outline-offset:4px}

/* Keep the selected plan visible while browsing. */
.grid-builder-tray{position:fixed;left:0;right:0;bottom:0;z-index:35;background:#fffbf5f5;border-top:1px solid #d7c5b0;box-shadow:0 -6px 25px #49372e0d;backdrop-filter:blur(12px)}
.grid-builder-tray-inner{display:flex;align-items:center;gap:24px;width:min(1232px,calc(100% - 80px));margin:auto;min-height:84px;padding-block:14px}
.grid-builder-tray-copy{flex:none;min-width:145px;font-size:13px;line-height:1.5}.grid-builder-tray-copy strong{display:block;font-size:14px;font-weight:600}.grid-builder-tray-copy small,.grid-builder-tray-copy p{display:block;color:var(--muted);font-size:11px;margin:2px 0 0}
.grid-builder-tray-chips{display:flex;align-items:center;gap:7px;min-width:0;flex:1;overflow-x:auto;scrollbar-width:thin;padding:3px}
.grid-builder-tray-chips:empty{display:none}.grid-builder-tray-chips>span,.grid-builder-tray-chips>button{flex:none;display:inline-flex;align-items:center;gap:7px;border:1px solid #e0d0bd;border-radius:30px;padding:6px 10px;background:#f5ecdf;color:#6e513e;font-size:11px;white-space:nowrap}
.grid-builder-tray-action{display:inline-flex;align-items:center;justify-content:center;gap:15px;flex:none;margin-left:auto;min-height:46px;border:1px solid var(--activity-button-border);border-radius:6px;background:var(--activity-button);color:var(--activity-button-ink);padding:11px 22px;font-size:13px;font-weight:600}
.grid-builder-tray-action:hover{background:var(--activity-button-hover)}.grid-builder-tray-action:focus-visible{outline:3px solid var(--activity-button);outline-offset:4px}
body[data-grid-preview] #grid-party-tray .grid-builder-tray-action{background:var(--activity-button);color:var(--activity-button-ink);border-color:var(--activity-button-border)}
.grid-builder-tray-chips>.grid-builder-chip{flex:none;white-space:nowrap;font-size:11px;padding:5px 7px 5px 11px}
.grid-builder-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:21px}.grid-builder-heading h2{font:400 34px/1.15 var(--serif);letter-spacing:-.8px}.grid-builder-heading p{font-size:12px;color:var(--muted);margin-top:8px}
.grid-builder-empty{padding:18px 0 8px;max-width:640px}.grid-builder-empty p{font-size:14px;line-height:1.8;color:var(--muted);margin-bottom:20px}
.grid-builder-chips{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 24px;padding:0;list-style:none}.grid-builder-chip{display:inline-flex;align-items:center;gap:9px;background:var(--activity-soft);border:1px solid var(--activity-selected-border);border-radius:25px;padding:7px 10px 7px 13px;font-size:12px}.grid-builder-chip button{display:grid;place-items:center;min-width:24px;min-height:24px;border:0;border-radius:50%;padding:0;font-size:18px;background:transparent;color:var(--activity-selected-ink)}.grid-builder-chip button:hover{background:var(--activity-soft)}
.grid-builder-guest{display:flex;align-items:center;gap:12px;flex:none;font-size:12px}.grid-builder-guest>div{display:flex;align-items:center;border:1px solid var(--line);border-radius:6px;background:#fffaf2;min-height:42px}.grid-builder-guest button{min-width:33px;min-height:40px;font-size:20px;border:0;background:transparent}.grid-builder-guest input{width:38px;appearance:textfield;text-align:center;border:0;background:transparent;padding:0;font-size:14px}.grid-builder-guest input::-webkit-inner-spin-button{appearance:none}
.grid-builder-details{border-top:1px solid var(--line);margin-top:16px;padding-top:17px}.grid-builder-details>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;font:400 26px/1.25 var(--serif);cursor:pointer;list-style:none;min-height:45px}.grid-builder-details>summary::-webkit-details-marker{display:none}.grid-builder-details>summary::after{content:'+';font:400 22px var(--sans);color:var(--activity-button)}.grid-builder-details[open]>summary::after{content:'−'}.grid-builder-details>div{margin-top:16px}.grid-builder-details .complete-checklist-row{break-inside:avoid}.grid-builder-details .complete-checklist-item{align-items:center;padding-block:5px}.grid-builder-item-thumb{display:block;width:48px;height:48px;flex:0 0 48px;object-fit:contain;padding:4px;border:1px solid #e8dfd3;border-radius:5px;background:#fff;box-sizing:border-box}.grid-builder-item-name{min-width:0;overflow-wrap:break-word}.grid-builder-details .complete-checklist-quantity{flex:none}
.grid-builder-disclosure{font-size:11px;color:var(--muted);line-height:1.8;margin-top:20px}.grid-builder-disclosure a{text-decoration:underline;text-underline-offset:3px}
[data-grid-builder-plan] .list-actions{margin-top:22px}[data-grid-builder-plan] .grid-builder-primary{background:var(--activity-button);color:var(--activity-button-ink);border-color:var(--activity-button-border)}
[data-grid-builder-plan] .grid-builder-secondary{background:#fffaf2!important;color:var(--activity-selected-ink)!important;border:1px solid var(--activity-selected-border)!important}
[data-grid-builder-plan] .grid-builder-guest{margin:0;padding:0;border:0;background:none;flex-direction:row}
[data-grid-builder-plan] .party-plan-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-builder-details>summary strong{font-weight:400}.grid-builder-details>summary small{display:block;font:400 11px/1.6 var(--sans);color:var(--muted);margin-top:6px}
.grid-builder-plan-note{font-size:11px;line-height:1.8;color:var(--muted)}
@media(max-width:850px){.grid-builder-tray-inner{width:calc(100% - 40px);gap:16px}.grid-builder-tray-chips{display:none}.grid-builder-tray-action{padding-inline:18px}.grid-builder-heading{flex-wrap:wrap;align-items:flex-start}.grid-builder-heading h2{font-size:30px}.grid-detail-context>.grid-card-add{margin:10px 0 0}}
@media(max-width:600px){body[data-grid-preview][data-grid-tray-visible]{padding-bottom:105px}.grid-builder-tray-inner{min-height:88px;gap:12px}.grid-builder-tray-copy{min-width:0;flex:1}.grid-builder-tray-copy strong{font-size:12px}.grid-builder-tray-copy small,.grid-builder-tray-copy p{font-size:10px;max-width:190px}.grid-builder-tray-action{min-height:44px;padding:10px 13px;font-size:11px;gap:8px}.grid-card-add{font-size:11px;min-height:42px}.grid-view-supplies{font-size:10px;gap:5px}.grid-builder-heading h2{font-size:29px}.grid-builder-details>summary{font-size:23px}.grid-builder-chip{font-size:11px;padding:6px 8px 6px 11px}.grid-builder-heading{gap:18px}.grid-builder-guest{width:100%;justify-content:space-between}}
@media print{body[data-grid-preview],body[data-grid-preview][data-grid-tray-visible]{padding-bottom:0}.grid-builder-tray,.lookbook-hero,.activity-browser-grid,.activity-browser-heading,.grid-detail-context,[data-grid-builder-plan] .grid-builder-chips button,[data-grid-builder-plan] .grid-builder-guest,[data-grid-builder-plan] .list-actions{display:none!important}[data-grid-builder-plan]{display:block!important;border:0!important;background:none!important;padding:0!important}[data-grid-builder-plan] .grid-builder-details{display:block!important}[data-grid-builder-plan] .grid-builder-details>div{display:block!important}[data-grid-builder-plan] .grid-builder-details::details-content{content-visibility:visible!important}[data-grid-builder-plan] .grid-builder-details>summary::after{display:none}[data-grid-builder-plan] .complete-checklist-row.not-needed{display:none!important}}
@media(max-width:600px){.grid-builder-details .complete-checklist-row>div:first-child{grid-column:1 / -1}.grid-builder-details .complete-checklist-item{padding:0 0 5px}.grid-builder-item-thumb{width:42px;height:42px;flex-basis:42px}.grid-builder-details .complete-checklist-quantity{margin-left:79px;grid-row:2}.grid-builder-details .complete-checklist-shop{grid-row:2;align-self:center}.grid-builder-details .complete-checklist-item input{margin-top:0}}
@media print{.grid-builder-item-thumb{display:none!important}.grid-builder-details .complete-checklist-item{padding:0}}

/* Occasion colors follow the existing navigation palettes. */
body[data-activity-occasion=christmas]{--activity-button:#315f49;--activity-button-border:#28503c;--activity-button-hover:#244b38;--activity-soft:#e8f0e5;--activity-selected-ink:#28503c;--activity-selected-border:#a6c2a7}
body[data-activity-occasion=birthday]{--activity-button:#934666;--activity-button-border:#7e3655;--activity-button-hover:#773451;--activity-soft:#f6e5ec;--activity-selected-ink:#773451;--activity-selected-border:#d7adbf}
body[data-activity-occasion] input[type=checkbox]{accent-color:var(--activity-button)}
.activity-source-theme{font:500 10px/1.5 var(--sans);color:var(--activity-selected-ink);margin:0 0 7px}
.activity-browser-groups .birthday-audience-nav{margin:0 0 34px}
.activity-browser-groups .birthday-audience-section{scroll-margin-top:22px;margin-top:36px}
.activity-browser-groups .birthday-audience-section:focus{outline:none}
.activity-browser-groups .birthday-audience-heading{margin-bottom:24px}
.activity-browser-groups .birthday-audience-heading h3{font-size:32px}
.activity-party-entry{margin:46px auto 58px}
.activity-party-entry-inner{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:44px;border-top:1px solid var(--line);padding-top:36px}
.activity-party-entry-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.activity-party-entry-photos img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px}
.activity-party-entry .eyebrow{font-size:10px;color:var(--muted);letter-spacing:1.4px;margin:0 0 10px}
.activity-party-entry h2{font:400 32px/1.2 var(--serif);letter-spacing:-.6px;margin:0 0 20px}
.activity-party-entry .button{display:inline-flex;justify-content:space-between;align-items:center;gap:28px;min-height:46px;padding:12px 20px;text-decoration:none}
@media(max-width:600px){.activity-party-entry{margin:32px auto 40px}.activity-party-entry-inner{grid-template-columns:1fr;gap:24px;padding-top:26px}.activity-party-entry-photos{gap:8px}.activity-party-entry-photos img{aspect-ratio:1.2}.activity-party-entry h2{font-size:28px}.activity-party-entry .button{width:100%}.activity-browser-groups .birthday-audience-heading h3{font-size:28px}}
@media print{.activity-party-entry,.activity-browser-groups{display:none!important}}