/* Shop landing pages (inc/shop-landing.php). Mockup: dpc-shop-layouts.pages.dev. Jenn's palette via the --dpch-* vars in home.css. */
.dpc-shop-landing{--sc-ink:#2f3338;--sc-line:#d4d4d4;--sc-teal:#46a3b6;--sc-teal-deep:#238397;--sc-gray-soft:#f0f0f0;--sc-display:Georgia,'Times New Roman',serif;--sc-body:'Raleway',Arial,Helvetica,sans-serif;--sc-hand:'Caveat','Comic Sans MS',cursive}
.editor-styles-wrapper{--sc-ink:#2f3338;--sc-line:#d4d4d4;--sc-teal:#46a3b6;--sc-teal-deep:#238397;--sc-gray-soft:#f0f0f0;--sc-display:Georgia,'Times New Roman',serif;--sc-body:'Raleway',Arial,Helvetica,sans-serif;--sc-hand:'Caveat','Comic Sans MS',cursive}

/* full-width sections */
.dpc-shop-landing article.dpc-page{padding-bottom:0!important;margin-bottom:0!important}
.dpc-shop-landing .entry-content>p:empty{display:none}
.dpc-shop-landing .entry-content .sc-bq,.dpc-shop-landing .entry-content .sc-sec{width:100vw;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:0!important;box-sizing:border-box}
.dpc-shop-landing{overflow-x:clip}
.sc-sec{padding:72px 20px;background:#fff;border-top:1px solid var(--sc-line);color:var(--sc-ink);font-family:var(--sc-body)}
.sc-sec.sc-first{border-top:0;padding-top:56px}
.sc-sec>*{max-width:1140px;margin-left:auto!important;margin-right:auto!important}
.sc-sec.sc-search-sec,.sc-search-sec+.sc-sec{border-top:0}
.sc-search-shop{background:#dce9e3!important}.sc-search-stk{background:#fae4e6!important}.sc-search-pln{background:#e5f0f6!important}

/* section heads: light serif title + one-line description */
.sc-sec .dpc-home-head,.sc-sec .sc-head{text-align:center;margin-bottom:36px!important}
.entry-content .sc-sec h2.wp-block-heading,.editor-styles-wrapper .sc-sec h2.wp-block-heading{font-family:var(--sc-display);font-weight:400;font-size:40px;line-height:1.2;letter-spacing:-.01em;color:var(--sc-ink);text-align:center;margin:0}
.entry-content .sc-sec .sc-desc,.entry-content .sc-sec .dpc-home-head p,.editor-styles-wrapper .sc-sec .sc-desc{font-size:19px;line-height:1.5;text-align:center;margin:10px auto 36px!important;color:var(--sc-ink)}
.entry-content .sc-sec .dpc-home-head p{margin-bottom:0!important}
.sc-center,.sc-sec .wp-block-buttons.sc-center{display:flex;justify-content:center;margin-top:36px!important}

/* banner: one soft color, centered light serif title, line, category link row */
.sc-bq{padding:0!important;background:#fff;border:0}
.sc-bq-band{text-align:center;padding:42px 24px!important;margin:0!important}
.sc-bq-band.is-sage{background:#dce9e3}.sc-bq-band.is-blush{background:#fae4e6}.sc-bq-band.is-sky{background:#e5f0f6}
.entry-content .sc-bq-band h1,.editor-styles-wrapper .sc-bq-band h1{font-family:var(--sc-display);font-size:60px;line-height:1.1;font-weight:400;letter-spacing:-.01em;color:var(--sc-ink);text-align:center;margin:0 auto}
.entry-content .sc-bq-band p,.editor-styles-wrapper .sc-bq-band p{font-size:19px;line-height:1.6;color:var(--sc-ink);text-align:center;margin:14px auto 0!important}
.entry-content .sc-bq-links,.editor-styles-wrapper .sc-bq-links{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 0;padding:22px 20px;margin:0!important;border-bottom:1px solid var(--sc-line);text-align:center}
.entry-content .sc-bq-links a,.editor-styles-wrapper .sc-bq-links a{color:var(--sc-ink);text-decoration:none;font:600 13px/1.2 var(--sc-body);letter-spacing:.14em;text-transform:uppercase;padding:6px 20px;border-left:1px solid var(--sc-line)}
.entry-content .sc-bq-links a:first-child{border-left:0}
.entry-content .sc-bq-links a:hover{color:var(--sc-teal-deep)}

/* cards shared */
.sc-img{display:block;width:100%;aspect-ratio:1;overflow:hidden;background:var(--sc-gray-soft)}
.sc-img img{width:100%;height:100%;object-fit:cover;display:block}
.entry-content a.sc-card:hover,.entry-content a.sc-tile:hover,.entry-content a.sc-wide:hover,.entry-content a.sc-cutie:hover,.sc-theme-card:hover,.sc-door:hover,.sc-feat-card:hover{transform:translateY(-3px);transition:transform .2s}

/* three doors + feature cards (blocks: group > image + heading + paragraph) */
.sc-doors{display:grid!important;grid-template-columns:repeat(3,1fr);gap:28px}
.sc-feat-cards,.sc-learns{display:grid!important;grid-template-columns:1fr 1fr;gap:28px}
.sc-door,.sc-feat-card,.sc-learn{display:flex!important;flex-direction:column;background:#fff;padding:14px 14px 26px!important;box-shadow:0 8px 24px rgba(47,51,56,.08);color:var(--sc-ink);box-sizing:border-box;margin:0!important}
.sc-door{text-align:center;align-items:center}
.sc-door>*,.sc-feat-card>*,.sc-learn>*{margin-top:0!important;margin-bottom:0!important}
.sc-door figure,.sc-feat-card figure,.sc-learn figure{margin:0!important;width:100%}
.sc-door figure img{width:100%;aspect-ratio:1;object-fit:cover;display:block}
.sc-feat-card figure img,.sc-learn figure img,.sc-glow figure img{width:100%;aspect-ratio:2/1;object-fit:cover;display:block}
.entry-content .sc-door h3,.entry-content .sc-feat-card h3,.entry-content .sc-learn h3,.entry-content .sc-glow h3,.editor-styles-wrapper .sc-door h3,.editor-styles-wrapper .sc-learn h3{font-family:var(--sc-display);font-weight:400;font-size:26px;line-height:1.25;color:var(--sc-ink);margin:18px 8px 6px!important}
.entry-content .sc-door h3{font-size:28px;margin-top:16px!important}
.entry-content .sc-door h3 a,.entry-content .sc-feat-card h3 a{color:inherit;text-decoration:none}
.entry-content .sc-door p,.entry-content .sc-feat-card p,.entry-content .sc-learn p{font-size:17px;line-height:1.5;margin:0 8px!important}
.entry-content .sc-door p{max-width:30ch}
.sc-learn .wp-block-buttons{margin:auto 8px 0!important;padding-top:20px}
.sc-glow{display:grid!important;grid-template-columns:1.25fr 1fr;gap:36px;align-items:center;background:#fff;padding:16px!important;box-shadow:0 8px 24px rgba(47,51,56,.08)}
.sc-glow>*{margin:0!important}
.entry-content .sc-glow-txt h3{font-size:28px;margin:0 0 10px!important}
.entry-content .sc-glow-txt p{font-size:18px;line-height:1.5;margin:0 0 20px!important}
.sc-glow-txt{padding-right:20px}
.sc-glow-rel{margin-top:32px!important}

/* product cards: whole card is the link, no underline */
.sc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.entry-content a.sc-card{display:flex;flex-direction:column;background:#fff;padding:12px;box-shadow:0 8px 24px rgba(47,51,56,.08);text-decoration:none!important;color:var(--sc-ink)}
.sc-card b{font-weight:600;font-size:16px;line-height:1.4;margin-top:10px;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sc-card em{font-style:normal;font-weight:700;margin-top:6px}

/* category tiles */
.sc-tiles{display:grid;gap:28px}
.sc-cols-3{grid-template-columns:repeat(3,1fr)}.sc-cols-4{grid-template-columns:repeat(4,1fr)}
.entry-content a.sc-tile{display:flex;flex-direction:column;align-items:center;text-align:center;background:#fff;padding:12px 12px 22px;box-shadow:0 8px 24px rgba(47,51,56,.08);text-decoration:none!important;color:var(--sc-ink)}
.sc-tile b{font-family:var(--sc-display);font-size:24px;line-height:1.3;font-weight:400;margin-top:14px}
.sc-wides{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:28px}
.entry-content a.sc-wide{display:grid;grid-template-columns:44% 1fr;gap:24px;align-items:center;background:#fff;padding:12px;box-shadow:0 8px 24px rgba(47,51,56,.08);text-decoration:none!important;color:var(--sc-ink)}
.sc-wide-txt{display:flex;flex-direction:column;gap:8px;padding-right:12px}
.sc-wide-txt b{font-family:var(--sc-display);font-size:26px;line-height:1.25;font-weight:400}
.sc-wide-txt span{font-size:17px;line-height:1.5}
.sc-wide-txt i{font-style:normal;font-weight:600;font-size:15px;letter-spacing:.04em;text-transform:uppercase;color:var(--sc-teal-deep);margin-top:6px}

/* The DPC Cuties: grey circles on white */
.sc-cuties{display:grid;grid-template-columns:repeat(5,1fr);gap:28px 20px}
.entry-content a.sc-cutie{display:flex;flex-direction:column;align-items:center;text-align:center;text-decoration:none!important;color:var(--sc-ink)}
.sc-cutie-fig{display:grid;place-items:center;width:160px;max-width:100%;aspect-ratio:1;border-radius:50%;background:var(--sc-gray-soft)}
.sc-cutie-fig img{width:66%;height:auto;display:block}
.sc-cutie b{font-family:var(--sc-display);font-size:21px;font-weight:400;margin-top:12px}
.sc-cutie span{font-family:var(--sc-hand);font-size:1.45rem;line-height:1.2;color:var(--sc-teal-deep)}

/* color theme cards */
.sc-theme-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.sc-theme-card{display:flex;flex-direction:column;align-items:stretch;background:#fff;border:0;padding:12px 12px 18px;box-shadow:0 8px 24px rgba(47,51,56,.08);cursor:pointer;font:inherit;color:var(--sc-ink);border-radius:0}
.sc-sw{display:flex}
.sc-theme-card .sc-sw{margin-top:12px}.sc-theme-card .sc-sw i{flex:1;height:18px;display:block}
.sc-theme-card b{font-family:var(--sc-display);font-size:26px;line-height:1.25;font-weight:400;margin-top:12px;text-align:center}
.sc-theme-card.on{box-shadow:0 0 0 3px var(--sc-teal),0 8px 24px rgba(47,51,56,.08)}

/* featured search */
.sc-sec.sc-search-sec{padding-top:84px;padding-bottom:84px}
.sc-search-box{position:relative;max-width:780px;margin:0 auto!important}
.sc-search-box input{width:100%;box-sizing:border-box;font:400 21px/1.4 var(--sc-body);color:var(--sc-ink);background:#fff;border:2px solid var(--sc-teal);border-radius:4px;padding:20px 22px 20px 60px;box-shadow:0 8px 24px rgba(47,51,56,.08);-webkit-appearance:none;appearance:none}
.sc-search-box input:focus{outline:none;border-color:var(--sc-teal-deep);box-shadow:0 0 0 4px rgba(70,163,182,.2)}
.sc-search-ico{position:absolute;left:22px;top:50%;width:20px;height:20px;margin-top:-12px;border:3px solid var(--sc-teal);border-radius:50%}
.sc-search-ico::after{content:"";position:absolute;width:3px;height:10px;background:var(--sc-teal);right:-6px;bottom:-9px;transform:rotate(-45deg)}
.sc-types{display:flex;justify-content:center;gap:8px;margin-top:18px!important}
.sc-types button,.sc-more,.sc-clear{font:600 15px/1.2 var(--sc-body);color:var(--sc-ink);background:#fff;border:1px solid var(--sc-line);border-radius:4px;padding:10px 16px;cursor:pointer}
.sc-types button.on{background:var(--sc-teal);border-color:var(--sc-teal);color:#fff}
.sc-results{margin-top:36px!important}
.sc-results[hidden],.sc-more[hidden]{display:none}
.sc-results-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px!important}
.sc-count{margin:0!important;font-weight:600}

@media(max-width:1024px){.sc-doors,.sc-grid,.sc-tiles,.sc-wides,.sc-feat-cards,.sc-learns,.sc-theme-cards{gap:18px}.entry-content .sc-door h3{font-size:24px}.sc-tile b{font-size:21px}.entry-content .sc-bq-band h1{font-size:48px}}
@media(max-width:820px){.sc-grid,.sc-theme-cards,.sc-cols-4{grid-template-columns:repeat(2,1fr)}.sc-doors{gap:12px}.sc-door{padding:8px 8px 16px!important}.entry-content .sc-door h3{font-size:20px}.entry-content .sc-door p{font-size:15px}.sc-wides,.sc-feat-cards,.sc-learns,.sc-glow{grid-template-columns:1fr}.sc-glow-txt{padding:0 8px 8px}.sc-cuties{grid-template-columns:repeat(3,1fr)}.entry-content .sc-bq-band h1{font-size:42px}.entry-content .sc-bq-links a{padding:6px 12px;font-size:12px}}
@media(max-width:640px){.sc-doors,.sc-cols-3{grid-template-columns:1fr 1fr}.sc-doors>.sc-door:last-child{grid-column:1/-1}.entry-content a.sc-wide{grid-template-columns:40% 1fr;gap:14px}.sc-wide-txt b{font-size:21px}.sc-wide-txt span{font-size:15px}.sc-tile b{font-size:18px}.sc-cuties{grid-template-columns:repeat(2,1fr)}.sc-search-box input{font-size:17px}.sc-sec{padding:52px 16px}.entry-content .sc-sec h2.wp-block-heading{font-size:32px}.sc-theme-card b{font-size:21px}.entry-content .sc-sec .sc-desc{font-size:17px}}

/* Empty categories: diagonal Coming Soon strip, not a link (Bob 2026-11-04) */
.sc-soon-tile .sc-img{position:relative;overflow:hidden}
.sc-soon-tile .sc-img img{opacity:.6}
.sc-soon{position:absolute;top:34px;left:-58px;width:240px;transform:rotate(-38deg);background:#2f3338;color:#fff;text-align:center;font:700 14px/1 var(--w-body,Raleway,Arial,sans-serif);letter-spacing:.12em;text-transform:uppercase;padding:11px 0;box-shadow:0 4px 12px rgba(0,0,0,.25);pointer-events:none}
.sc-soon-tile{cursor:default}
.entry-content a.sc-soon-tile:hover{transform:none!important;box-shadow:0 8px 24px rgba(47,51,56,.08)}
.sc-wide .sc-soon-txt{color:#6b7075!important}

/* Whole card clickable on the shop landing pages (Bob 2026-11-06): the heading link is stretched over the card; other links in a card stay on top. Front end only (not in the editor). */
.entry-content .sc-door,.entry-content .sc-feat-card,.entry-content .sc-learn{position:relative;cursor:pointer}
.entry-content :is(.sc-door,.sc-feat-card,.sc-learn) h3 a:after{content:"";position:absolute;inset:0;z-index:1}
.entry-content :is(.sc-door,.sc-feat-card,.sc-learn) a:not(h3 a){position:relative;z-index:2}