/* V.26.09.15.3 — professional comic-book storefront polish for the homepage. */
body[data-page="home"]{
  --bt-border:3px solid var(--ink);
  --bt-shadow:5px 6px 0 var(--ink);
  --bt-radius:14px;
  background:#fff;
}

/* Quiet the announcement ticker so the brand/navigation leads. */
body[data-page="home"] .promo-ticker{display:none}

/* Header: compact, editorial, and consistent. */
body[data-page="home"] .site-header{
  position:sticky;
  top:0;
  z-index:60;
  min-height:74px;
  grid-template-columns:minmax(190px,1fr) auto auto;
  gap:clamp(16px,2.4vw,34px);
  padding:10px clamp(18px,3vw,54px);
  background:rgba(255,255,255,.97);
  border-bottom:3px solid var(--ink);
  backdrop-filter:blur(14px);
}
body[data-page="home"] .brand{
  position:relative;
  width:max-content;
  padding-bottom:0;
}
body[data-page="home"] .brand-logo-desktop{width:clamp(205px,18vw,300px);max-height:48px;object-fit:contain;object-position:left center}

body[data-page="home"] .site-nav{
  justify-self:end;
  gap:clamp(14px,1.8vw,28px);
}
body[data-page="home"] .site-nav a{
  font-size:.78rem;
  font-weight:900;
  white-space:nowrap;
}
body[data-page="home"] .site-nav a::after{height:2px;bottom:-.28rem}
body[data-page="home"] .site-nav .nav-shop-action{
  padding:.58rem .95rem;
  border:2px solid var(--ink);
  border-radius:8px;
  background:var(--yellow);
  box-shadow:3px 4px 0 var(--ink);
}
body[data-page="home"] .site-nav .nav-shop-action::after{display:none}
body[data-page="home"] .basket-nav{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  padding-left:18px;
  border-left:1px solid rgba(17,17,17,.55);
}
body[data-page="home"] .basket-count{
  min-width:28px;
  height:28px;
  display:inline-grid;
  place-items:center;
  border:2px solid var(--ink);
  border-radius:50%;
  background:var(--yellow);
  font-size:.68rem;
}
body[data-page="home"] .adult-card-preference{margin-left:0;gap:.35rem}
body[data-page="home"] .adult-card-preference-label{display:none}
body[data-page="home"] .adult-card-switch{
  min-height:38px;
  padding:.22rem .48rem .22rem .28rem;
  border-radius:999px;
  box-shadow:none;
}
body[data-page="home"] .adult-card-switch-copy small{display:none}
body[data-page="home"] .adult-card-switch-copy strong{font-size:.62rem}

/* Offer strip: one crisp comic masthead, not a second hero. */
body[data-page="home"] .home-deal-title{
  min-height:78px!important;
  padding:7px clamp(18px,4.5vw,86px)!important;
  border-top:0!important;
  border-bottom:3px solid var(--ink)!important;
  background:#ffdc3d!important;
}
body[data-page="home"] .home-deal-main{
  grid-template-columns:auto auto!important;
  gap:clamp(14px,2.2vw,36px)!important;
}
body[data-page="home"] .home-deal-van{width:clamp(72px,8vw,112px)!important}
body[data-page="home"] .home-deal-offer{
  grid-template-columns:auto auto auto!important;
  grid-template-areas:'headline price postage'!important;
  align-items:center!important;
  gap:clamp(12px,2vw,28px)!important;
}
body[data-page="home"] .home-deal-offer strong{
  font-size:clamp(1.25rem,2.3vw,2.25rem)!important;
  font-weight:950!important;
  letter-spacing:-.045em;
}
body[data-page="home"] .home-deal-price{
  position:relative;
  font-size:clamp(2.1rem,4vw,3.8rem)!important;
  line-height:.85;
  color:#e83b44;
  text-shadow:2px 2px 0 #111;
}
body[data-page="home"] .home-deal-postage{
  max-width:150px;
  padding-left:20px;
  border-left:3px solid var(--ink);
  font-size:clamp(.74rem,1.3vw,1.05rem)!important;
  line-height:1.02!important;
  text-decoration:none!important;
}
body[data-page="home"] .home-deal-terms{
  align-self:center!important;
  padding:10px 14px!important;
  border:2px solid var(--ink);
  border-radius:8px;
  background:#fff;
  box-shadow:3px 4px 0 var(--ink);
  font-size:.66rem!important;
  font-weight:900!important;
  text-decoration:none!important;
}

/* Hero bento: three disciplined comic panels. */
body[data-page="home"] .home-primary-grid{
  width:min(1500px,calc(100% - clamp(24px,4vw,72px)))!important;
  margin:22px auto 56px!important;
  gap:34px!important;
}
body[data-page="home"] .home-primary-rail{
  grid-template-columns:minmax(0,1.45fr) minmax(245px,.8fr) minmax(0,.92fr)!important;
  grid-template-rows:repeat(2,minmax(190px,235px))!important;
  gap:14px!important;
}
body[data-page="home"] .home-primary-rail>.seasonal-hero,
body[data-page="home"] .home-primary-rail>.home-ecard-promo,
body[data-page="home"] .home-primary-rail>.home-holiday-postcard,
body[data-page="home"] .home-primary-rail>#homeBabyBanner .baby-create-banner{
  border:var(--bt-border)!important;
  border-radius:var(--bt-radius)!important;
  box-shadow:var(--bt-shadow)!important;
  overflow:hidden!important;
}
body[data-page="home"] .home-primary-rail>.seasonal-hero{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  gap:10px!important;
  padding:clamp(18px,2vw,28px)!important;
  background:
    radial-gradient(circle,rgba(17,17,17,.12) 1px,transparent 1.4px) 0 0/12px 12px,
    linear-gradient(135deg,#22b9e8 0 62%,#ff3041 62% 78%,#ffd93d 78% 100%)!important;
}
body[data-page="home"] .home-primary-rail>.seasonal-hero::after{
  content:'365+ DESIGNS';
  position:absolute;
  z-index:4;
  right:18px;
  top:18px;
  padding:9px 12px;
  border:3px solid var(--ink);
  background:var(--yellow);
  box-shadow:3px 4px 0 var(--ink);
  font:950 clamp(.65rem,1vw,.82rem)/1 Montserrat,Arial,sans-serif;
  transform:rotate(3deg);
}
body[data-page="home"] .home-primary-rail .seasonal-doodles{display:none!important}
body[data-page="home"] .home-primary-rail .hero-copy{max-width:80%!important}
body[data-page="home"] .home-primary-rail .hero-copy h1{
  display:inline;
  margin:0!important;
  padding:.11em .17em .13em;
  background:#fff;
  border:3px solid var(--ink);
  box-decoration-break:clone;
  -webkit-box-decoration-break:clone;
  box-shadow:5px 6px 0 var(--ink);
  font-size:clamp(1.7rem,3vw,3.45rem)!important;
  font-weight:950;
  line-height:1.05!important;
  letter-spacing:-.055em;
  text-transform:uppercase;
}
body[data-page="home"] .home-primary-rail .hero-copy h1 em{
  display:inline!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:inherit;
  transform:none!important;
}
body[data-page="home"] .home-primary-rail .hero-intro{
  width:min(92%,470px);
  margin:18px 0 10px!important;
  padding:9px 11px;
  border:2px solid var(--ink);
  border-radius:6px;
  background:#fff;
  font-size:.72rem!important;
  font-weight:800;
  line-height:1.35!important;
}
body[data-page="home"] .hero-actions .button{
  min-height:39px;
  padding:.58rem .95rem;
  border-radius:7px;
  background:var(--yellow);
  color:var(--ink);
  box-shadow:3px 4px 0 var(--ink);
  font-size:.7rem;
}
body[data-page="home"] .home-primary-rail .hero-gallery{
  align-self:end!important;
  justify-content:start!important;
  grid-template-columns:repeat(3,minmax(0,112px))!important;
  gap:12px!important;
  padding:6px 2px 0!important;
}
body[data-page="home"] .home-primary-rail .hero-card,
body[data-page="home"] .home-primary-rail #heroGallery>.hero-card:nth-child(n){
  width:100%!important;
  border:2px solid var(--ink)!important;
  border-radius:4px!important;
  box-shadow:4px 5px 0 var(--ink)!important;
}
body[data-page="home"] .home-primary-rail #heroGallery>.hero-card:nth-child(1){transform:rotate(-4deg)!important}
body[data-page="home"] .home-primary-rail #heroGallery>.hero-card:nth-child(2){transform:translateY(3px) rotate(2deg)!important}
body[data-page="home"] .home-primary-rail #heroGallery>.hero-card:nth-child(3){transform:rotate(5deg)!important}

/* Middle bento tiles. */
body[data-page="home"] .home-primary-rail>.home-holiday-postcard{
  padding:0!important;
  background:#fff!important;
}
body[data-page="home"] .home-primary-rail>.home-holiday-postcard .holiday-postcard-carousel{height:100%!important}
body[data-page="home"] .home-primary-rail>.home-holiday-postcard .ecard-promo-stage{height:calc(100% - 34px)!important}
body[data-page="home"] .home-primary-rail>.home-holiday-postcard .holiday-postcard-meta{
  min-height:34px;
  padding:5px 9px;
  border-top:2px solid var(--ink);
  background:#fff;
}
body[data-page="home"] .home-primary-rail>#homeBabyBanner .baby-create-banner{height:100%;margin:0!important;background:#f8e1d0!important}
body[data-page="home"] .home-primary-rail>#homeBabyBanner .baby-home-link{height:100%;display:grid;grid-template-rows:minmax(0,1fr) auto;text-decoration:none}
body[data-page="home"] .home-primary-rail>#homeBabyBanner .baby-banner-art,
body[data-page="home"] .home-primary-rail>#homeBabyBanner .baby-banner-art picture,
body[data-page="home"] .home-primary-rail>#homeBabyBanner .baby-banner-art img{width:100%!important;height:100%!important;min-height:0!important;object-fit:cover!important}
body[data-page="home"] .home-primary-rail>#homeBabyBanner .baby-banner-details{
  min-height:58px!important;
  display:grid!important;
  grid-template-columns:1fr auto!important;
  gap:8px!important;
  align-items:center!important;
  padding:7px 10px!important;
  border-top:2px solid var(--ink)!important;
  background:var(--yellow)!important;
}
/* V.26.09.15.3 — matching middle tiles: framed artwork, decisive yellow action strip. */
body[data-page="home"] .home-primary-rail>#homeBabyBanner .baby-banner-art{background:#f7e5d4!important}
body[data-page="home"] .home-primary-rail>#homeBabyBanner .baby-banner-art img{object-position:center!important}
body[data-page="home"] .home-primary-rail>#homeBabyBanner .baby-banner-details strong{font-size:clamp(.78rem,.95vw,.98rem)!important;line-height:1.02!important}
body[data-page="home"] .home-primary-rail>#homeBabyBanner .baby-banner-details b{padding:7px 10px!important;border:2px solid var(--ink)!important;border-radius:999px!important;background:#fff!important;box-shadow:2px 2px 0 var(--ink)!important;font-size:.64rem!important}
body[data-page="home"] .home-primary-rail>.home-holiday-postcard{background:#fff!important}
body[data-page="home"] .home-primary-rail>.home-holiday-postcard .ecard-promo-stage{background:#fff8e8!important}
body[data-page="home"] .home-primary-rail>.home-holiday-postcard .ecard-promo-stage img{padding:7px!important;object-fit:contain!important;object-position:center!important}
body[data-page="home"] .home-primary-rail>.home-holiday-postcard .holiday-postcard-meta>span{font-size:clamp(.64rem,.78vw,.8rem)!important;letter-spacing:-.02em!important}
@media(max-width:700px){
  body[data-page="home"] .home-primary-rail>#homeBabyBanner .baby-banner-details b{padding:5px 7px!important;font-size:.55rem!important}
  body[data-page="home"] .home-primary-rail>.home-holiday-postcard .ecard-promo-stage img{padding:5px!important}
}
/* V.26.09.15.3 — fixed promo tiles, matching the supplied layouts exactly. */
body[data-page="home"] .home-primary-rail>.home-holiday-postcard{
  display:grid!important;grid-template-rows:minmax(0,1fr) 54px!important;overflow:hidden!important;
  border:3px solid var(--ink)!important;border-radius:18px!important;background:#fff!important;box-shadow:9px 11px 0 var(--ink)!important;
}
body[data-page="home"] .home-primary-rail>.home-holiday-postcard .home-postcard-art{
  position:relative;display:block;box-sizing:border-box;min-width:0;min-height:0;padding:10px 10px 0;background:#fff8e8;border-radius:15px 15px 0 0;overflow:hidden;
}
body[data-page="home"] .home-primary-rail>.home-holiday-postcard .home-postcard-art::before{
  content:'Wish you were here?  →';position:absolute;z-index:2;left:50%;top:-3px;transform:translateX(-50%);white-space:nowrap;
  padding:6px 12px;border:2px solid var(--ink);border-radius:999px;background:#fff8e8;box-shadow:2px 2px 0 var(--ink);color:var(--ink);font:900 clamp(.56rem,.78vw,.74rem)/1 Montserrat,sans-serif;
}
body[data-page="home"] .home-primary-rail>.home-holiday-postcard .home-postcard-art img{
  display:block;box-sizing:border-box;width:100%;height:calc(100% - 10px);object-fit:contain;object-position:center;border:2px solid var(--ink);border-radius:11px 11px 0 0;background:#fff8e8;
}
body[data-page="home"] .home-primary-rail>.home-holiday-postcard .holiday-postcard-meta{
  display:flex!important;align-items:center;gap:10px;min-height:54px!important;padding:10px 12px!important;border-top:2px solid var(--ink)!important;border-radius:0 0 14px 14px;background:#fff!important;
}
body[data-page="home"] .home-primary-rail>.home-holiday-postcard .holiday-postcard-meta>span{font-size:clamp(.72rem,.92vw,.92rem)!important;font-weight:900!important;letter-spacing:-.03em!important;white-space:nowrap}
body[data-page="home"] .home-primary-rail>.home-holiday-postcard .holiday-postcard-meta strong{margin-left:auto!important;font-size:clamp(.51rem,.64vw,.64rem)!important;color:#795f4d!important}
body[data-page="home"] .home-primary-rail>.home-holiday-postcard .holiday-postcard-meta>b{font-size:1.15rem;line-height:1}
body[data-page="home"] .home-primary-rail>.home-holiday-postcard .holiday-postcard-meta::after{content:none!important}
@media(max-width:700px){
  body[data-page="home"] .home-primary-rail>.home-holiday-postcard{grid-template-rows:minmax(0,1fr) 47px!important;box-shadow:6px 7px 0 var(--ink)!important}
  body[data-page="home"] .home-primary-rail>.home-holiday-postcard .home-postcard-art{padding:8px 8px 0}
  body[data-page="home"] .home-primary-rail>.home-holiday-postcard .home-postcard-art img{height:calc(100% - 8px)}
  body[data-page="home"] .home-primary-rail>.home-holiday-postcard .home-postcard-art::before{padding:5px 9px;font-size:.56rem}
  body[data-page="home"] .home-primary-rail>.home-holiday-postcard .holiday-postcard-meta{min-height:47px!important;padding:8px 10px!important}
}
/* V.26.09.15.3 — keep both middle panels inside their tiles; no empty image well or footer overlap. */
body[data-page="home"] .home-primary-rail>#homeBabyBanner .baby-create-banner--home{overflow:hidden!important}
body[data-page="home"] .home-primary-rail>#homeBabyBanner .baby-home-link{overflow:hidden!important}
body[data-page="home"] .home-primary-rail>#homeBabyBanner .baby-banner-art{
  display:block!important;box-sizing:border-box!important;min-height:0!important;height:100%!important;padding:5px 5px 0!important;
  background:#f7e5d4!important;overflow:hidden!important;
}
body[data-page="home"] .home-primary-rail>#homeBabyBanner .baby-banner-art picture{
  display:block!important;box-sizing:border-box!important;width:100%!important;height:calc(100% - 5px)!important;min-height:0!important;
  padding:0!important;border:0!important;border-radius:9px 9px 0 0!important;overflow:hidden!important;background:transparent!important;
}
body[data-page="home"] .home-primary-rail>#homeBabyBanner .baby-banner-art img{
  display:block!important;box-sizing:border-box!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;
  border:0!important;border-radius:9px 9px 0 0!important;object-fit:cover!important;object-position:center!important;transform:none!important;
}
body[data-page="home"] .home-primary-rail>#homeBabyBanner .baby-banner-details small{font-size:.48rem!important;letter-spacing:.07em}
body[data-page="home"] .home-primary-rail>#homeBabyBanner .baby-banner-details strong{display:block;font-size:.75rem!important;line-height:1.05!important}
body[data-page="home"] .home-primary-rail>#homeBabyBanner .baby-banner-details b{padding:6px 8px!important;border:2px solid var(--ink)!important;border-radius:999px!important;background:#fff!important;font-size:.58rem!important;white-space:nowrap}

/* eCard panel: keep the graphic loud, keep the copy quiet. */
body[data-page="home"] .home-primary-rail>.home-ecard-promo{
  padding:10px!important;
  gap:8px!important;
  background:#111!important;
}
body[data-page="home"] .home-primary-rail .ecard-promo-stage{border:0!important;border-radius:9px!important;overflow:hidden!important}
body[data-page="home"] .home-primary-rail .ecard-promo-stage img{object-fit:cover!important}
body[data-page="home"] .home-primary-rail .home-ecard-summary{
  grid-template-columns:1fr auto!important;
  gap:2px 10px!important;
  padding:10px 11px!important;
  border:0!important;
  border-radius:9px!important;
  background:#fff!important;
  box-shadow:none!important;
}
body[data-page="home"] .home-primary-rail .home-ecard-summary small{font-size:.5rem!important}
body[data-page="home"] .home-primary-rail .home-ecard-summary strong{font-size:.82rem!important}
body[data-page="home"] .home-primary-rail .home-ecard-summary span{font-size:.58rem!important;color:#4a4a4a}
body[data-page="home"] .home-primary-rail .home-ecard-summary a{
  align-self:center;
  padding:7px 9px;
  border:2px solid var(--ink);
  border-radius:7px;
  background:var(--yellow);
  box-shadow:2px 3px 0 var(--ink);
  font-size:.58rem!important;
  text-decoration:none;
}

/* Card finder: content, not a panel inside a panel. */
body[data-page="home"] .home-primary-grid>.home-guided-shop{
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body[data-page="home"] .home-guided-layout{gap:20px!important}
body[data-page="home"] .home-guided-menu{
  position:relative;
  gap:10px!important;
  padding:24px 0 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body[data-page="home"] .home-guided-menu::before{
  content:'FIND YOUR CARD';
  position:absolute;
  left:2px;
  top:-4px;
  padding:7px 12px 6px;
  border:2px solid var(--ink);
  background:#ff9dba;
  box-shadow:3px 3px 0 var(--ink);
  font:950 .72rem/1 Montserrat,Arial,sans-serif;
  letter-spacing:.05em;
  transform:rotate(-1.5deg);
}
body[data-page="home"] .home-guided-search{
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:8px!important;
  align-items:center!important;
}
body[data-page="home"] .home-guided-search label{display:block!important}
body[data-page="home"] .home-guided-search label>span{display:none!important}
body[data-page="home"] .home-guided-search input{
  min-height:54px!important;
  padding:.8rem 1rem!important;
  border:2px solid var(--ink)!important;
  border-radius:10px!important;
  background:#fff!important;
  box-shadow:2px 3px 0 rgba(17,17,17,.18)!important;
  font-size:.92rem!important;
}
body[data-page="home"] .home-guided-search-button{
  min-height:54px!important;
  padding:.7rem 1.35rem!important;
  border-radius:9px!important;
  box-shadow:3px 4px 0 var(--ink)!important;
  font-size:.78rem!important;
}
body[data-page="home"] .home-shop-choice-row{
  grid-template-columns:auto minmax(0,1fr)!important;
  gap:12px!important;
  align-items:center!important;
}
body[data-page="home"] .home-shop-choice-row>strong{
  min-width:76px;
  padding:0!important;
  font-size:.58rem!important;
  letter-spacing:.09em!important;
}
body[data-page="home"] .home-shop-choice-row>div{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:7px!important;
}
body[data-page="home"] .home-guided-nav-item{
  min-height:34px!important;
  padding:.43rem .74rem!important;
  border:2px solid var(--ink)!important;
  border-radius:8px!important;
  background:#fff!important;
  box-shadow:none!important;
  font-size:.66rem!important;
}
body[data-page="home"] .home-guided-nav-item:hover,
body[data-page="home"] .home-guided-nav-item:focus-visible{background:#fff5cc!important;transform:none!important;box-shadow:2px 2px 0 var(--ink)!important}
body[data-page="home"] .home-guided-nav-item.is-active{background:var(--yellow)!important;box-shadow:2px 2px 0 var(--ink)!important}
body[data-page="home"] .home-choice-clear{box-shadow:none!important}

/* Product section: artwork gets the attention, UI recedes. */
body[data-page="home"] .home-guided-results{
  position:relative;
  padding:30px 0 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body[data-page="home"] .home-guided-result-heading{
  align-items:flex-end!important;
  margin:0 0 18px!important;
  padding:0!important;
  border:0!important;
}
body[data-page="home"] .home-guided-result-heading .eyebrow{
  display:inline-block;
  margin:0 0 8px!important;
  padding:7px 11px 6px;
  border:2px solid var(--ink);
  background:#ff9dba;
  box-shadow:3px 3px 0 var(--ink);
  font-size:.61rem!important;
  letter-spacing:.06em!important;
  transform:rotate(-1deg);
}
body[data-page="home"] .home-guided-result-heading h3{
  margin:0!important;
  font-size:clamp(1.75rem,2.7vw,2.9rem)!important;
  letter-spacing:-.055em!important;
}
body[data-page="home"] .home-guided-result-heading p{
  margin:.28rem 0 0!important;
  max-width:680px!important;
  color:#555;
  font-size:.7rem!important;
  font-weight:700!important;
}
body[data-page="home"] .home-guided-count-control{
  border:1px solid #bdbdbd!important;
  background:#fff!important;
  box-shadow:none!important;
}
body[data-page="home"] .home-guided-count-control button{min-width:32px!important}
body[data-page="home"] .home-guided-card-grid{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:clamp(14px,1.6vw,24px)!important;
  align-items:start;
}
body[data-page="home"] .poster-shell{
  padding:0 3px 8px;
  border:1px solid #e3e3e3;
  border-radius:9px;
  background:#fff;
  box-shadow:0 7px 18px rgba(17,17,17,.08);
  transition:transform .16s ease,box-shadow .16s ease;
}
body[data-page="home"] .poster-shell:hover,
body[data-page="home"] .poster-shell:focus-within{
  transform:translateY(-3px);
  box-shadow:0 12px 24px rgba(17,17,17,.13);
}
body[data-page="home"] .poster-card{
  border-radius:4px!important;
  background:#fff!important;
  box-shadow:none!important;
}
body[data-page="home"] .poster-card:hover,
body[data-page="home"] .poster-card:focus-visible{
  transform:none!important;
  outline:2px solid var(--ink)!important;
  outline-offset:2px!important;
  box-shadow:none!important;
}
body[data-page="home"] .poster-card::after{background:linear-gradient(to top,rgba(0,0,0,.9),transparent 55%)}
body[data-page="home"] .poster-overlay{left:.65rem!important;right:.65rem!important;bottom:.65rem!important}
body[data-page="home"] .poster-overlay strong{font-size:.72rem!important}
body[data-page="home"] .poster-overlay span{font-size:.55rem!important}
body[data-page="home"] .poster-enlarge{
  top:7px!important;
  right:7px!important;
  width:29px!important;
  height:29px!important;
  border:1px solid rgba(17,17,17,.55)!important;
  box-shadow:none!important;
  opacity:.9;
}
body[data-page="home"] .poster-shell-upload-own{
  padding:6px!important;
  border:2px solid var(--ink)!important;
  border-radius:7px!important;
  box-shadow:3px 4px 0 var(--ink)!important;
}
body[data-page="home"] .poster-shell-upload-own::before{bottom:-13px!important;border-width:2px!important;font-size:.48rem!important}

/* Lower home page should feel editorial rather than another wall of panels. */
body[data-page="home"] .home-review-invite{
  width:min(1320px,calc(100% - 32px));
  margin:0 auto 24px;
  border:0;
  border-top:1px solid #ddd;
  background:#fff;
  box-shadow:none;
}

@media(max-width:1180px){
  body[data-page="home"] .site-header{grid-template-columns:minmax(185px,1fr) auto}
  body[data-page="home"] .adult-card-preference{grid-column:1/-1;justify-content:center;margin-top:-2px}
  body[data-page="home"] .home-primary-rail{grid-template-columns:1.2fr .8fr!important;grid-template-rows:auto auto!important;grid-template-areas:'season ecard' 'holiday baby'!important}
  body[data-page="home"] .home-guided-card-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
}
@media(max-width:920px){
  body[data-page="home"] .site-header{min-height:66px;grid-template-columns:1fr auto;padding:8px 14px}
  body[data-page="home"] .brand-logo-desktop{width:210px}
  body[data-page="home"] .site-nav{gap:14px}
  body[data-page="home"] .site-nav a{font-size:.7rem}
  body[data-page="home"] .home-deal-title{min-height:70px!important}
  body[data-page="home"] .home-primary-grid{width:calc(100% - 24px)!important}
  body[data-page="home"] .home-primary-rail{grid-template-columns:1fr 1fr!important;grid-template-areas:'season season' 'holiday baby' 'ecard ecard'!important}
  body[data-page="home"] .home-primary-rail>.seasonal-hero{min-height:420px!important}
  body[data-page="home"] .home-guided-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:700px){
  body[data-page="home"] .site-header{display:grid;grid-template-columns:1fr auto!important}
  body[data-page="home"] .brand{padding-bottom:0}
  body[data-page="home"] .brand-logo-desktop{display:none}
  body[data-page="home"] .brand-logo-mobile{display:block;width:48px;height:48px}
  body[data-page="home"] .site-nav{justify-self:stretch;gap:0}
  body[data-page="home"] .site-nav a{font-size:.75rem}
  body[data-page="home"] .basket-nav{padding-left:0;border-left:0}
  body[data-page="home"] .home-deal-title{padding:6px 9px!important}
  body[data-page="home"] .home-deal-main{grid-template-columns:48px 1fr!important}
  body[data-page="home"] .home-deal-offer{grid-template-columns:1fr auto!important;grid-template-areas:'headline price' 'postage postage'!important;gap:4px 8px!important}
  body[data-page="home"] .home-deal-postage{max-width:none;padding:3px 0 0;border-left:0;border-top:1px solid rgba(17,17,17,.45);font-size:.58rem!important}
  body[data-page="home"] .home-deal-terms{display:none}
  body[data-page="home"] .home-primary-grid{width:calc(100% - 16px)!important;margin-top:12px!important;gap:24px!important}
  body[data-page="home"] .home-primary-rail{grid-template-columns:1fr!important;grid-template-areas:'season' 'baby' 'holiday' 'ecard'!important;grid-template-rows:auto!important}
  body[data-page="home"] .home-primary-rail>.seasonal-hero{min-height:390px!important}
  body[data-page="home"] .home-primary-rail .hero-copy{max-width:95%!important}
  body[data-page="home"] .home-primary-rail .hero-gallery{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body[data-page="home"] .home-primary-rail>.home-holiday-postcard{min-height:240px}
  body[data-page="home"] .home-primary-rail>#homeBabyBanner .baby-create-banner{min-height:260px}
  body[data-page="home"] .home-shop-choice-row{grid-template-columns:1fr!important;gap:5px!important}
  body[data-page="home"] .home-shop-choice-row>strong{min-width:0}
  body[data-page="home"] .home-guided-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  body[data-page="home"] .home-guided-result-heading{align-items:flex-start!important}
  body[data-page="home"] .home-guided-count-control{margin-left:0!important;max-width:100%;overflow-x:auto}
}
@media(max-width:430px){
  body[data-page="home"] .home-guided-search{grid-template-columns:1fr!important}
  body[data-page="home"] .home-guided-search-button{width:100%}
  body[data-page="home"] .home-primary-rail>.seasonal-hero::after{font-size:.56rem;right:10px;top:10px}
}

/* V.26.09.15.3 — final loaded homepage layer: stable hero and card top edge. */
body[data-page="home"] .home-primary-rail>.seasonal-hero::after{content:none!important;display:none!important}
/* The eCard artwork is portrait-led on a desktop rail; keep each slide fully framed. */
body[data-page="home"] .home-primary-rail>.home-ecard-promo .ecard-promo-stage picture{display:none;width:100%;height:100%}
body[data-page="home"] .home-primary-rail>.home-ecard-promo [data-ecard-carousel]:not(.is-ready) .ecard-promo-stage picture:first-child,
body[data-page="home"] .home-primary-rail>.home-ecard-promo .ecard-promo-stage picture.is-active{display:block}
body[data-page="home"] .home-primary-rail>.home-ecard-promo .ecard-promo-stage{background:#f04b3e!important}
body[data-page="home"] .home-primary-rail>.home-ecard-promo .ecard-promo-stage picture img{display:block;width:100%;height:100%;object-fit:contain!important;object-position:center!important}
@media(min-width:901px) and (min-aspect-ratio:4/3){
  /* The desktop replacements are portrait (1060 × 1484), so give them a portrait stage. */
  body[data-page="home"] .home-primary-rail>.home-ecard-promo .ecard-promo-carousel{height:auto!important;grid-template-rows:auto auto!important}
  body[data-page="home"] .home-primary-rail>.home-ecard-promo .ecard-promo-stage{height:auto!important;aspect-ratio:3/4!important}
}
body[data-page="home"] .home-primary-rail>.seasonal-hero{
  grid-template-columns:minmax(0,1.08fr) minmax(190px,.92fr)!important;
  grid-template-rows:1fr!important;isolation:isolate!important;
}
body[data-page="home"] .home-primary-rail>.seasonal-hero .hero-copy{min-width:0!important;max-width:none!important}
body[data-page="home"] .home-primary-rail>.seasonal-hero .hero-copy h1{
  max-width:8ch!important;margin:0 0 12px!important;padding:0!important;border:0!important;background:transparent!important;
  color:var(--ink)!important;text-shadow:none!important;font-size:clamp(2rem,3.2vw,3.45rem)!important;line-height:.91!important;
}
body[data-page="home"] .home-primary-rail>.seasonal-hero .hero-intro{position:relative;z-index:2;max-width:31rem!important}
body[data-page="home"] .home-primary-rail>.seasonal-hero .hero-gallery{
  display:flex!important;position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
  width:100%!important;min-width:0!important;height:100%!important;min-height:0!important;align-self:end!important;justify-content:center!important;align-items:flex-end!important;
  padding:8px 0 0!important;overflow:visible!important;
}
body[data-page="home"] .home-primary-rail>.seasonal-hero .hero-card,
body[data-page="home"] .home-primary-rail>.seasonal-hero .hero-card:nth-child(n),
body[data-page="home"] .home-primary-rail>.seasonal-hero #heroGallery>.hero-card:nth-child(n){
  position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
  flex:0 0 47%!important;width:47%!important;max-width:142px!important;height:auto!important;margin:0 0 0 -20%!important;padding:0!important;
  transform:rotate(-6deg)!important;translate:none!important;
}
body[data-page="home"] .home-primary-rail>.seasonal-hero .hero-card:first-child{margin-left:0!important;transform:rotate(-10deg)!important}
body[data-page="home"] .home-primary-rail>.seasonal-hero .hero-card:nth-child(2){z-index:2!important;transform:translateY(-10px) rotate(2deg)!important}
body[data-page="home"] .home-primary-rail>.seasonal-hero .hero-card:nth-child(3){transform:rotate(9deg)!important}
body[data-page="home"] .home-primary-rail>.seasonal-hero .hero-card img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:5/7!important;object-fit:contain!important}
body[data-page="home"] .home-guided-card-grid .poster-shell:not(.poster-shell-upload-own){position:relative;margin-top:clamp(10px,1.25vw,17px);overflow:visible!important}
body[data-page="home"] .home-guided-card-grid .poster-shell:not(.poster-shell-upload-own)::before{
  content:"";position:absolute;z-index:3;pointer-events:none;left:1%;right:1%;top:clamp(-17px,-1.25vw,-10px);height:clamp(10px,1.25vw,17px);
  background:url("assets/card-top-edge.png") center bottom/100% 100% no-repeat;
}
@media(max-width:1050px){
  body[data-page="home"] .home-primary-rail>.seasonal-hero{grid-template-columns:1fr!important;grid-template-rows:auto 195px!important;min-height:0!important;padding:20px 22px 0!important}
  body[data-page="home"] .home-primary-rail>.seasonal-hero .hero-copy{align-self:start!important}
  body[data-page="home"] .home-primary-rail>.seasonal-hero .hero-copy h1{max-width:12ch!important;font-size:clamp(2rem,5.8vw,3.35rem)!important}
  body[data-page="home"] .home-primary-rail>.seasonal-hero .hero-gallery{width:min(420px,100%)!important;justify-self:center!important;height:195px!important;padding-top:0!important}
}
@media(max-width:700px){
  /* Mobile uses the supplied wide eCard artwork, so a 2:1 stage avoids empty red bands. */
  body[data-page="home"] .home-primary-rail>.home-ecard-promo{min-height:0!important}
  body[data-page="home"] .home-primary-rail>.home-ecard-promo .ecard-promo-carousel{height:auto!important;grid-template-rows:auto auto!important}
  body[data-page="home"] .home-primary-rail>.home-ecard-promo .ecard-promo-stage{height:auto!important;aspect-ratio:2/1!important}
  body[data-page="home"] .home-primary-rail>.seasonal-hero{grid-template-rows:auto 165px!important;padding:18px 18px 0!important}
  body[data-page="home"] .home-primary-rail>.seasonal-hero .hero-kicker{margin-bottom:6px!important;font-size:.66rem!important}
  body[data-page="home"] .home-primary-rail>.seasonal-hero .hero-copy h1{max-width:10ch!important;font-size:clamp(1.95rem,9.2vw,2.65rem)!important;line-height:.93!important}
  body[data-page="home"] .home-primary-rail>.seasonal-hero .hero-intro{margin-bottom:10px!important;font-size:.78rem!important}
  body[data-page="home"] .home-primary-rail>.seasonal-hero .hero-actions .button{min-height:40px!important;padding:9px 12px!important}
  body[data-page="home"] .home-primary-rail>.seasonal-hero .hero-gallery{height:165px!important;width:min(360px,100%)!important}
  body[data-page="home"] .home-primary-rail>.seasonal-hero .hero-card,
  body[data-page="home"] .home-primary-rail>.seasonal-hero .hero-card:nth-child(n),
  body[data-page="home"] .home-primary-rail>.seasonal-hero #heroGallery>.hero-card:nth-child(n){max-width:112px!important}
  body[data-page="home"] .home-guided-card-grid .poster-shell:not(.poster-shell-upload-own){margin-top:10px}
  body[data-page="home"] .home-guided-card-grid .poster-shell:not(.poster-shell-upload-own)::before{top:-10px;height:10px}
}

/* V.26.09.15.3 — predictable mobile tile heights plus neutral artwork placeholders. */
body[data-page="home"] .home-primary-rail img,
body[data-page="home"] .home-guided-card-grid img{background:#d9d9d9!important}
body[data-page="home"] .home-primary-rail>#homeBabyBanner:empty{
  min-height:170px;border:3px solid var(--ink);border-radius:18px;background:#d9d9d9;box-shadow:5px 6px 0 var(--ink);
}
@media(max-width:700px){
  body[data-page="home"] .home-primary-rail>#homeBabyBanner{min-height:260px!important}
  body[data-page="home"] .home-primary-rail>#homeBabyBanner .baby-create-banner--home{height:260px!important;min-height:260px!important;max-height:260px!important}
  body[data-page="home"] .home-primary-rail>#homeBabyBanner:empty{min-height:260px!important}
}

/* V.26.09.15.3 — physical-card top edge on every public portfolio shell. */
body:not([data-page="personalise"]) .poster-shell:not(.poster-shell-upload-own){
  position:relative!important;margin-top:clamp(10px,1.25vw,17px)!important;overflow:visible!important;
}
body:not([data-page="personalise"]) .poster-shell:not(.poster-shell-upload-own)::before{
  content:"";position:absolute;z-index:5;pointer-events:none;left:1%;right:1%;top:clamp(-17px,-1.25vw,-10px);height:clamp(10px,1.25vw,17px);
  background:url("assets/card-top-edge.png") center bottom/100% 100% no-repeat;
}
/* The eCard graphic owns the top of its tile; copy sits separately below it. */
body[data-page="home"] .home-primary-rail>.home-ecard-promo{
  padding:0!important;gap:12px!important;background:#111!important;
}
body[data-page="home"] .home-primary-rail>.home-ecard-promo .ecard-promo-carousel{gap:0!important}
body[data-page="home"] .home-primary-rail>.home-ecard-promo .ecard-promo-stage{
  border:0!important;border-radius:15px 15px 0 0!important;background:transparent!important;
}
body[data-page="home"] .home-primary-rail>.home-ecard-promo .ecard-promo-stage picture img{
  width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;
}
body[data-page="home"] .home-primary-rail>.home-ecard-promo .ecard-promo-dots{
  position:relative!important;margin:0!important;padding:7px 0!important;background:#111!important;
}
body[data-page="home"] .home-primary-rail>.home-ecard-promo .home-ecard-summary{
  margin:0 10px 10px!important;padding:13px 12px!important;border:0!important;border-radius:13px!important;background:#fff!important;
}
@media(max-width:700px){
  body:not([data-page="personalise"]) .poster-shell:not(.poster-shell-upload-own){margin-top:10px!important}
  body:not([data-page="personalise"]) .poster-shell:not(.poster-shell-upload-own)::before{top:-10px;height:10px}
  body[data-page="home"] .home-primary-rail>.home-ecard-promo .home-ecard-summary{margin:0 8px 8px!important;padding:11px 10px!important}
}

/* V.26.09.15.3 — reset inherited bento tracks before sizing the new promo layouts. */
body[data-page="home"] .home-primary-rail>.home-holiday-postcard{
  grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr) 54px!important;gap:0!important;padding:0!important;
}
body[data-page="home"] .home-primary-rail>.home-holiday-postcard .home-postcard-art{grid-column:1!important;grid-row:1!important;width:100%!important;height:100%!important}
body[data-page="home"] .home-primary-rail>.home-holiday-postcard .holiday-postcard-meta{grid-column:1!important;grid-row:2!important;width:100%!important}
body[data-page="home"] .home-primary-rail>.home-ecard-promo{
  grid-template-rows:minmax(0,1fr) auto!important;min-height:0!important;
}
body[data-page="home"] .home-primary-rail>.home-ecard-promo .ecard-promo-carousel{
  display:grid!important;grid-template-rows:minmax(0,1fr) auto!important;min-height:0!important;height:100%!important;
}
body[data-page="home"] .home-primary-rail>.home-ecard-promo .ecard-promo-stage{
  height:100%!important;min-height:0!important;aspect-ratio:auto!important;
}
@media(max-width:700px){
  body[data-page="home"] .home-primary-rail>.home-holiday-postcard{grid-template-rows:minmax(0,1fr) 47px!important}
}


/* V.26.09.15.3 — canonical homepage layout. Keep hero, card fan, eCard height and folded-card edge here. */

/* The bento uses one predictable set of tracks at each breakpoint. */
body[data-page="home"] .home-primary-rail{
  grid-template-columns:minmax(0,1.45fr) minmax(245px,.8fr) minmax(300px,.92fr)!important;
  grid-template-rows:repeat(2,minmax(210px,250px))!important;
  grid-template-areas:"season holiday ecard" "season baby ecard"!important;
  gap:14px!important;
  align-items:stretch!important;
}
body[data-page="home"] .home-primary-rail>.seasonal-hero{grid-area:season!important}
body[data-page="home"] .home-primary-rail>.home-holiday-postcard{grid-area:holiday!important}
body[data-page="home"] .home-primary-rail>#homeBabyBanner{grid-area:baby!important}
body[data-page="home"] .home-primary-rail>.home-ecard-promo{grid-area:ecard!important}

/* Hero: copy on the left, a genuinely centred three-card fan on the right. */
body[data-page="home"] .home-primary-rail>.seasonal-hero{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(250px,1fr) minmax(250px,.92fr)!important;
  grid-template-rows:minmax(0,1fr)!important;
  align-items:stretch!important;
  gap:clamp(12px,1.5vw,22px)!important;
  min-width:0!important;
  min-height:0!important;
  padding:clamp(18px,2vw,28px)!important;
  border:3px solid var(--ink)!important;
  border-radius:18px!important;
  box-shadow:7px 8px 0 var(--ink)!important;
  overflow:hidden!important;
}
body[data-page="home"] .home-primary-rail>.seasonal-hero .hero-copy{
  position:relative!important;
  z-index:5!important;
  grid-column:1!important;
  grid-row:1!important;
  align-self:center!important;
  box-sizing:border-box!important;
  width:100%!important;
  max-width:520px!important;
  height:auto!important;
  min-height:0!important;
  padding:clamp(16px,1.6vw,22px)!important;
  border:3px solid var(--ink)!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:6px 7px 0 var(--ink)!important;
}
body[data-page="home"] .home-primary-rail>.seasonal-hero .hero-copy h1{
  display:block!important;
  max-width:9ch!important;
  margin:0 0 12px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:var(--ink)!important;
  font-size:clamp(2rem,3.05vw,3.45rem)!important;
  line-height:.92!important;
  text-shadow:none!important;
}
body[data-page="home"] .home-primary-rail>.seasonal-hero .hero-copy h1 em{
  display:inline!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#e83142!important;
  text-shadow:2px 2px 0 #ffd93d!important;
  font-style:normal!important;
}
body[data-page="home"] .home-primary-rail>.seasonal-hero .hero-gallery,
body[data-page="home"] .home-primary-rail>.seasonal-hero #heroGallery{
  position:relative!important;
  inset:auto!important;
  right:auto!important;
  bottom:auto!important;
  z-index:3!important;
  display:block!important;
  grid-column:2!important;
  grid-row:1!important;
  align-self:stretch!important;
  justify-self:center!important;
  width:min(100%,390px)!important;
  max-width:390px!important;
  height:100%!important;
  min-height:330px!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  aspect-ratio:auto!important;
}
body[data-page="home"] .home-primary-rail>.seasonal-hero #heroGallery>.hero-card,
body[data-page="home"] .home-primary-rail>.seasonal-hero #heroGallery>.hero-card:nth-child(n){
  position:absolute!important;
  top:auto!important;
  right:auto!important;
  bottom:10px!important;
  display:block!important;
  width:min(45%,176px)!important;
  max-width:none!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  border:2px solid var(--ink)!important;
  border-radius:4px!important;
  background:#fff!important;
  box-shadow:5px 6px 0 rgba(17,17,17,.92)!important;
  overflow:hidden!important;
  transform-origin:50% 92%!important;
}
body[data-page="home"] .home-primary-rail>.seasonal-hero #heroGallery>.hero-card:nth-child(1){z-index:1!important;left:3%!important;transform:rotate(-12deg)!important}
body[data-page="home"] .home-primary-rail>.seasonal-hero #heroGallery>.hero-card:nth-child(2){z-index:3!important;left:28%!important;bottom:24px!important;transform:rotate(0deg)!important}
body[data-page="home"] .home-primary-rail>.seasonal-hero #heroGallery>.hero-card:nth-child(3){z-index:2!important;left:53%!important;transform:rotate(12deg)!important}
body[data-page="home"] .home-primary-rail>.seasonal-hero #heroGallery>.hero-card>img{
  position:static!important;
  inset:auto!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:1772/2506!important;
  object-fit:cover!important;
}

/* eCard carousel: never force the whole panel into a tiny fixed height. */
body[data-page="home"] .home-primary-rail>.home-ecard-promo{
  height:100%!important;
  min-height:0!important;
  padding:9px!important;
  display:grid!important;
  grid-template-rows:minmax(0,1fr) auto!important;
  gap:8px!important;
  overflow:hidden!important;
}
body[data-page="home"] .home-primary-rail>.home-ecard-promo .ecard-promo-carousel{
  display:grid!important;
  grid-template-rows:minmax(0,1fr) auto!important;
  min-height:0!important;
  height:100%!important;
}
body[data-page="home"] .home-primary-rail>.home-ecard-promo .ecard-promo-stage{
  position:relative!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  aspect-ratio:auto!important;
  overflow:hidden!important;
}
body[data-page="home"] .home-primary-rail>.home-ecard-promo .ecard-promo-stage picture{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
}
body[data-page="home"] .home-primary-rail>.home-ecard-promo .ecard-promo-stage picture img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center!important;
}

/* Catalogue cards: a CSS wedge is the folded back page, so it cannot disappear because an asset was cropped or cached. */
body[data-page="home"] .home-guided-card-grid{
  padding-top:14px!important;
  row-gap:clamp(24px,2.2vw,34px)!important;
  overflow:visible!important;
}
body[data-page="home"] .home-guided-card-grid .poster-shell:not(.poster-shell-upload-own){
  position:relative!important;
  margin-top:0!important;
  overflow:visible!important;
  isolation:isolate;
}
body[data-page="home"] .home-guided-card-grid .poster-shell:not(.poster-shell-upload-own)::before{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  left:3px!important;
  right:3px!important;
  top:-13px!important;
  height:14px!important;
  background:linear-gradient(180deg,#c9c9c9 0%,#adadad 100%)!important;
  background-image:linear-gradient(180deg,#c9c9c9 0%,#adadad 100%)!important;
  clip-path:polygon(0 100%,94% 0,100% 100%)!important;
  border-radius:0 8px 0 0!important;
  pointer-events:none!important;
}
body[data-page="home"] .home-guided-card-grid .poster-shell:not(.poster-shell-upload-own)>.poster-card,
body[data-page="home"] .home-guided-card-grid .poster-shell:not(.poster-shell-upload-own)>.poster-enlarge{position:relative;z-index:1}

/* + tile remains visually substantial; JavaScript swaps in a prebuilt 50-card batch without rerendering the shop. */
body[data-page="home"] .home-guided-more-tile{display:grid!important;min-height:100%;overflow:visible!important}
body[data-page="home"] .home-guided-more-tile button{display:grid;place-content:center;gap:5px;width:100%;min-height:100%;padding:18px 10px;border:3px solid var(--ink);border-radius:12px;background:#1aa9df;background-image:radial-gradient(rgba(17,17,17,.18) 1px,transparent 1px);background-size:8px 8px;box-shadow:6px 7px 0 var(--ink);color:var(--ink);font-family:Montserrat,sans-serif;cursor:pointer}
body[data-page="home"] .home-guided-more-tile button:hover{transform:translate(-2px,-2px);box-shadow:8px 9px 0 var(--ink)}
body[data-page="home"] .home-guided-more-plus{font-size:clamp(2.3rem,4vw,4.5rem);font-weight:950;line-height:.75;color:var(--yellow);text-shadow:2px 2px 0 var(--ink),-2px -2px 0 var(--ink),2px -2px 0 var(--ink),-2px 2px 0 var(--ink)}
body[data-page="home"] .home-guided-more-tile strong{font-size:clamp(.75rem,1vw,1rem);text-transform:uppercase;line-height:1.05}
body[data-page="home"] .home-guided-more-tile small{font-size:.62rem;font-weight:800}

/* Tablet: give the hero its own full row rather than squeezing the card fan into half a panel. */
@media (min-width:701px) and (max-width:1199px){
  body[data-page="home"] .home-primary-rail{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:auto minmax(220px,285px) auto!important;
    grid-template-areas:"season season" "baby holiday" "ecard ecard"!important;
  }
  body[data-page="home"] .home-primary-rail>.seasonal-hero{min-height:410px!important;grid-template-columns:minmax(0,1fr) minmax(280px,.85fr)!important}
  body[data-page="home"] .home-primary-rail>.seasonal-hero .hero-gallery,
  body[data-page="home"] .home-primary-rail>.seasonal-hero #heroGallery{min-height:350px!important;max-width:420px!important}
  body[data-page="home"] .home-primary-rail>.seasonal-hero #heroGallery>.hero-card,
  body[data-page="home"] .home-primary-rail>.seasonal-hero #heroGallery>.hero-card:nth-child(n){width:min(43%,172px)!important}
  body[data-page="home"] .home-primary-rail>.home-ecard-promo{height:auto!important;min-height:300px!important}
  body[data-page="home"] .home-primary-rail>.home-ecard-promo .ecard-promo-carousel{height:auto!important;grid-template-rows:auto auto!important}
  body[data-page="home"] .home-primary-rail>.home-ecard-promo .ecard-promo-stage{height:auto!important;aspect-ratio:2/1!important}
}

/* Mobile: copy first, visible card fan second, then a full landscape eCard carousel plus summary. */
@media (max-width:700px){
  body[data-page="home"] .home-primary-grid{width:calc(100% - 20px)!important;margin:10px auto 30px!important;gap:18px!important}
  body[data-page="home"] .home-primary-rail{
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto!important;
    grid-template-areas:"season" "baby" "holiday" "ecard"!important;
    gap:12px!important;
  }
  body[data-page="home"] .home-primary-rail>.seasonal-hero{
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto 205px!important;
    gap:12px!important;
    min-height:0!important;
    padding:16px 16px 0!important;
    overflow:hidden!important;
  }
  body[data-page="home"] .home-primary-rail>.seasonal-hero .hero-copy{
    grid-column:1!important;
    grid-row:1!important;
    align-self:start!important;
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    padding:16px!important;
  }
  body[data-page="home"] .home-primary-rail>.seasonal-hero .hero-copy h1{max-width:10ch!important;font-size:clamp(2rem,10vw,2.8rem)!important}
  body[data-page="home"] .home-primary-rail>.seasonal-hero .hero-gallery,
  body[data-page="home"] .home-primary-rail>.seasonal-hero #heroGallery{
    grid-column:1!important;
    grid-row:2!important;
    width:min(100%,360px)!important;
    max-width:360px!important;
    height:205px!important;
    min-height:205px!important;
    justify-self:center!important;
  }
  body[data-page="home"] .home-primary-rail>.seasonal-hero #heroGallery>.hero-card,
  body[data-page="home"] .home-primary-rail>.seasonal-hero #heroGallery>.hero-card:nth-child(n){width:min(42%,132px)!important;bottom:6px!important}
  body[data-page="home"] .home-primary-rail>.seasonal-hero #heroGallery>.hero-card:nth-child(1){left:8%!important}
  body[data-page="home"] .home-primary-rail>.seasonal-hero #heroGallery>.hero-card:nth-child(2){left:30%!important;bottom:18px!important}
  body[data-page="home"] .home-primary-rail>.seasonal-hero #heroGallery>.hero-card:nth-child(3){left:52%!important}

  body[data-page="home"] .home-primary-rail>.home-ecard-promo{
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    transform:none!important;
    overflow:hidden!important;
  }
  body[data-page="home"] .home-primary-rail>.home-ecard-promo .ecard-promo-carousel{height:auto!important;grid-template-rows:auto auto!important;overflow:hidden!important}
  body[data-page="home"] .home-primary-rail>.home-ecard-promo .ecard-promo-stage{display:block!important;visibility:visible!important;height:auto!important;min-height:0!important;aspect-ratio:2/1!important}
  body[data-page="home"] .home-primary-rail>.home-ecard-promo .ecard-promo-stage picture img{object-fit:cover!important}

  body[data-page="home"] .home-guided-card-grid{padding-top:10px!important;row-gap:23px!important}
  body[data-page="home"] .home-guided-card-grid .poster-shell:not(.poster-shell-upload-own)::before{top:-9px!important;height:10px!important}
}


/* V.26.09.15.3 — hero becomes a horizontal copy row above a large centred card fan. */
body[data-page="home"] .home-primary-rail>.seasonal-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:minmax(132px,1fr) minmax(245px,2fr)!important;
  gap:10px!important;
  min-height:445px!important;
  padding:16px!important;
  align-items:stretch!important;
}
body[data-page="home"] .home-primary-rail>.seasonal-hero .hero-copy{
  position:relative!important;
  z-index:5!important;
  grid-column:1!important;
  grid-row:1!important;
  align-self:stretch!important;
  justify-self:stretch!important;
  display:grid!important;
  grid-template-columns:minmax(250px,1.25fr) minmax(175px,.8fr) auto!important;
  grid-template-rows:auto 1fr!important;
  grid-template-areas:"kicker intro actions" "title intro actions"!important;
  column-gap:clamp(14px,1.7vw,24px)!important;
  row-gap:4px!important;
  align-items:center!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  padding:14px 16px!important;
  border:3px solid var(--ink)!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:5px 6px 0 var(--ink)!important;
}
body[data-page="home"] .home-primary-rail>.seasonal-hero .hero-kicker{
  grid-area:kicker!important;
  align-self:end!important;
  justify-self:start!important;
  margin:0!important;
  padding:5px 9px!important;
  font-size:.68rem!important;
}
body[data-page="home"] .home-primary-rail>.seasonal-hero .hero-copy h1{
  grid-area:title!important;
  align-self:start!important;
  max-width:none!important;
  margin:0!important;
  font-size:clamp(1.8rem,2.55vw,2.85rem)!important;
  line-height:.9!important;
  letter-spacing:-.065em!important;
}
body[data-page="home"] .home-primary-rail>.seasonal-hero .hero-intro{
  grid-area:intro!important;
  align-self:center!important;
  max-width:27ch!important;
  margin:0!important;
  font-size:clamp(.76rem,.92vw,.9rem)!important;
  line-height:1.34!important;
}
body[data-page="home"] .home-primary-rail>.seasonal-hero .hero-actions{
  grid-area:actions!important;
  align-self:center!important;
  justify-self:end!important;
  margin:0!important;
}
body[data-page="home"] .home-primary-rail>.seasonal-hero .hero-actions .button{
  min-height:42px!important;
  padding:9px 13px!important;
  white-space:nowrap!important;
}
body[data-page="home"] .home-primary-rail>.seasonal-hero .hero-gallery,
body[data-page="home"] .home-primary-rail>.seasonal-hero #heroGallery{
  position:relative!important;
  inset:auto!important;
  z-index:3!important;
  display:block!important;
  grid-column:1!important;
  grid-row:2!important;
  align-self:stretch!important;
  justify-self:stretch!important;
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
}
body[data-page="home"] .home-primary-rail>.seasonal-hero #heroGallery>.hero-card,
body[data-page="home"] .home-primary-rail>.seasonal-hero #heroGallery>.hero-card:nth-child(n){
  position:absolute!important;
  top:auto!important;
  right:auto!important;
  bottom:2%!important;
  left:50%!important;
  width:auto!important;
  max-width:none!important;
  height:94%!important;
  max-height:305px!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  aspect-ratio:1772/2506!important;
  border:2px solid var(--ink)!important;
  border-radius:5px!important;
  background:#fff!important;
  box-shadow:6px 8px 0 rgba(17,17,17,.92)!important;
  overflow:hidden!important;
  cursor:pointer!important;
  transform-origin:50% 92%!important;
  transition:transform .2s cubic-bezier(.2,.75,.25,1),box-shadow .2s ease,filter .2s ease!important;
  will-change:transform!important;
}
body[data-page="home"] .home-primary-rail>.seasonal-hero #heroGallery>.hero-card:nth-child(1){
  z-index:1!important;
  transform:translateX(-108%) rotate(-10deg)!important;
}
body[data-page="home"] .home-primary-rail>.seasonal-hero #heroGallery>.hero-card:nth-child(2){
  z-index:3!important;
  bottom:6%!important;
  transform:translateX(-50%) rotate(0deg)!important;
}
body[data-page="home"] .home-primary-rail>.seasonal-hero #heroGallery>.hero-card:nth-child(3){
  z-index:2!important;
  transform:translateX(8%) rotate(10deg)!important;
}
body[data-page="home"] .home-primary-rail>.seasonal-hero #heroGallery>.hero-card>img{
  width:100%!important;
  height:100%!important;
  aspect-ratio:auto!important;
  object-fit:cover!important;
}
@media (hover:hover) and (pointer:fine){
  body[data-page="home"] .home-primary-rail>.seasonal-hero #heroGallery>.hero-card:nth-child(1):hover,
  body[data-page="home"] .home-primary-rail>.seasonal-hero #heroGallery>.hero-card:nth-child(1):focus-visible{
    z-index:20!important;
    transform:translateX(-108%) translateY(-15px) rotate(-2deg) scale(1.14)!important;
    box-shadow:10px 14px 0 rgba(17,17,17,.95)!important;
  }
  body[data-page="home"] .home-primary-rail>.seasonal-hero #heroGallery>.hero-card:nth-child(2):hover,
  body[data-page="home"] .home-primary-rail>.seasonal-hero #heroGallery>.hero-card:nth-child(2):focus-visible{
    z-index:20!important;
    transform:translateX(-50%) translateY(-16px) rotate(0deg) scale(1.14)!important;
    box-shadow:10px 14px 0 rgba(17,17,17,.95)!important;
  }
  body[data-page="home"] .home-primary-rail>.seasonal-hero #heroGallery>.hero-card:nth-child(3):hover,
  body[data-page="home"] .home-primary-rail>.seasonal-hero #heroGallery>.hero-card:nth-child(3):focus-visible{
    z-index:20!important;
    transform:translateX(8%) translateY(-15px) rotate(2deg) scale(1.14)!important;
    box-shadow:10px 14px 0 rgba(17,17,17,.95)!important;
  }
}
body[data-page="home"] .home-primary-rail>.seasonal-hero #heroGallery>.hero-card:focus-visible{
  outline:4px solid var(--yellow)!important;
  outline-offset:3px!important;
}

/* Mid-size tablets keep the same hierarchy, with the copy row simplified rather than reverting to columns. */
@media (min-width:701px) and (max-width:920px){
  body[data-page="home"] .home-primary-rail>.seasonal-hero{
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:minmax(150px,1fr) minmax(270px,2fr)!important;
    min-height:470px!important;
    padding:14px!important;
  }
  body[data-page="home"] .home-primary-rail>.seasonal-hero .hero-copy{
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:auto auto auto!important;
    grid-template-areas:"kicker actions" "title actions" "intro intro"!important;
    column-gap:16px!important;
    padding:13px 14px!important;
  }
  body[data-page="home"] .home-primary-rail>.seasonal-hero .hero-copy h1{font-size:clamp(2rem,5vw,2.75rem)!important}
  body[data-page="home"] .home-primary-rail>.seasonal-hero .hero-intro{max-width:46ch!important;font-size:.8rem!important}
  body[data-page="home"] .home-primary-rail>.seasonal-hero #heroGallery>.hero-card,
  body[data-page="home"] .home-primary-rail>.seasonal-hero #heroGallery>.hero-card:nth-child(n){max-height:300px!important}
}

/* Phones: a compact white copy strip above the fan; cards remain visible and large. */
@media (max-width:700px){
  body[data-page="home"] .home-primary-rail>.seasonal-hero{
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:minmax(155px,auto) minmax(235px,1fr)!important;
    gap:9px!important;
    min-height:445px!important;
    padding:12px 12px 6px!important;
  }
  body[data-page="home"] .home-primary-rail>.seasonal-hero .hero-copy{
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:auto auto auto!important;
    grid-template-areas:"kicker kicker" "title title" "intro actions"!important;
    column-gap:10px!important;
    row-gap:5px!important;
    padding:12px!important;
  }
  body[data-page="home"] .home-primary-rail>.seasonal-hero .hero-kicker{font-size:.61rem!important;padding:4px 7px!important}
  body[data-page="home"] .home-primary-rail>.seasonal-hero .hero-copy h1{max-width:none!important;font-size:clamp(1.85rem,8.8vw,2.5rem)!important;line-height:.9!important}
  body[data-page="home"] .home-primary-rail>.seasonal-hero .hero-intro{max-width:31ch!important;font-size:.72rem!important;line-height:1.28!important}
  body[data-page="home"] .home-primary-rail>.seasonal-hero .hero-actions .button{min-height:38px!important;padding:8px 10px!important;font-size:.68rem!important}
  body[data-page="home"] .home-primary-rail>.seasonal-hero .hero-gallery,
  body[data-page="home"] .home-primary-rail>.seasonal-hero #heroGallery{
    width:100%!important;
    max-width:none!important;
    height:100%!important;
    min-height:235px!important;
  }
  body[data-page="home"] .home-primary-rail>.seasonal-hero #heroGallery>.hero-card,
  body[data-page="home"] .home-primary-rail>.seasonal-hero #heroGallery>.hero-card:nth-child(n){height:92%!important;max-height:245px!important}
  body[data-page="home"] .home-primary-rail>.seasonal-hero #heroGallery>.hero-card:nth-child(1){transform:translateX(-105%) rotate(-9deg)!important}
  body[data-page="home"] .home-primary-rail>.seasonal-hero #heroGallery>.hero-card:nth-child(2){transform:translateX(-50%) rotate(0deg)!important}
  body[data-page="home"] .home-primary-rail>.seasonal-hero #heroGallery>.hero-card:nth-child(3){transform:translateX(5%) rotate(9deg)!important}
}

/* V.26.09.15.3 — tidy hero copy into a calm two-column top panel while keeping the large card fan below. */
body[data-page="home"] .home-primary-rail>.seasonal-hero{
  grid-template-rows:minmax(178px,.95fr) minmax(300px,2.05fr)!important;
  gap:12px!important;
  min-height:500px!important;
  padding:16px!important;
}
body[data-page="home"] .home-primary-rail>.seasonal-hero .hero-copy{
  display:grid!important;
  grid-template-columns:minmax(0,1.18fr) minmax(220px,.82fr)!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;
  grid-template-areas:
    "kicker intro"
    "title intro"
    "title actions"!important;
  column-gap:clamp(20px,2.3vw,34px)!important;
  row-gap:6px!important;
  align-items:center!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  padding:18px clamp(20px,2.4vw,30px)!important;
  overflow:visible!important;
}
body[data-page="home"] .home-primary-rail>.seasonal-hero .hero-kicker{
  grid-area:kicker!important;
  align-self:end!important;
  justify-self:start!important;
  max-width:100%!important;
  margin:0!important;
}
body[data-page="home"] .home-primary-rail>.seasonal-hero .hero-copy h1{
  grid-area:title!important;
  align-self:start!important;
  justify-self:start!important;
  width:auto!important;
  max-width:11.5ch!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  font-size:clamp(2.05rem,2.55vw,2.85rem)!important;
  line-height:.88!important;
  letter-spacing:-.06em!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  text-wrap:balance;
}
body[data-page="home"] .home-primary-rail>.seasonal-hero .hero-intro{
  grid-area:intro!important;
  align-self:center!important;
  justify-self:stretch!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:12px 14px!important;
  font-size:clamp(.76rem,.9vw,.88rem)!important;
  line-height:1.35!important;
}
body[data-page="home"] .home-primary-rail>.seasonal-hero .hero-actions{
  grid-area:actions!important;
  align-self:end!important;
  justify-self:start!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding-top:9px!important;
}
body[data-page="home"] .home-primary-rail>.seasonal-hero .hero-actions .button{
  min-width:min(100%,178px)!important;
  min-height:43px!important;
  padding:9px 14px!important;
}
body[data-page="home"] .home-primary-rail>.seasonal-hero .hero-gallery,
body[data-page="home"] .home-primary-rail>.seasonal-hero #heroGallery{
  min-height:300px!important;
}
body[data-page="home"] .home-primary-rail>.seasonal-hero #heroGallery>.hero-card,
body[data-page="home"] .home-primary-rail>.seasonal-hero #heroGallery>.hero-card:nth-child(n){
  height:96%!important;
  max-height:330px!important;
}

@media (min-width:701px) and (max-width:1199px){
  body[data-page="home"] .home-primary-rail>.seasonal-hero{
    grid-template-rows:minmax(172px,.9fr) minmax(300px,2.1fr)!important;
    min-height:495px!important;
  }
  body[data-page="home"] .home-primary-rail>.seasonal-hero .hero-copy{
    grid-template-columns:minmax(0,1.2fr) minmax(225px,.8fr)!important;
    grid-template-rows:auto minmax(0,1fr) auto!important;
    grid-template-areas:"kicker intro" "title intro" "title actions"!important;
    column-gap:20px!important;
    padding:16px 18px!important;
  }
  body[data-page="home"] .home-primary-rail>.seasonal-hero .hero-copy h1{
    max-width:11.5ch!important;
    font-size:clamp(2.05rem,4.4vw,2.8rem)!important;
  }
  body[data-page="home"] .home-primary-rail>.seasonal-hero .hero-intro{
    font-size:.79rem!important;
  }
}

@media (max-width:700px){
  body[data-page="home"] .home-primary-rail>.seasonal-hero{
    grid-template-rows:auto minmax(235px,1fr)!important;
    min-height:455px!important;
    padding:12px 12px 7px!important;
  }
  body[data-page="home"] .home-primary-rail>.seasonal-hero .hero-copy{
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:auto auto auto!important;
    grid-template-areas:"kicker kicker" "title title" "intro actions"!important;
    column-gap:10px!important;
    row-gap:6px!important;
    padding:13px!important;
  }
  body[data-page="home"] .home-primary-rail>.seasonal-hero .hero-copy h1{
    max-width:100%!important;
    font-size:clamp(1.75rem,8.2vw,2.4rem)!important;
    line-height:.9!important;
  }
  body[data-page="home"] .home-primary-rail>.seasonal-hero .hero-intro{
    align-self:center!important;
    max-width:31ch!important;
    padding:9px 10px!important;
    font-size:.7rem!important;
  }
  body[data-page="home"] .home-primary-rail>.seasonal-hero .hero-actions{
    align-self:center!important;
    justify-self:end!important;
    width:auto!important;
    padding-top:0!important;
  }
  body[data-page="home"] .home-primary-rail>.seasonal-hero .hero-actions .button{
    min-width:0!important;
    min-height:38px!important;
    padding:8px 10px!important;
    font-size:.67rem!important;
  }
}

/* V.26.09.15.3 — make physical cards read as folded cards, not flat pictures. */
body[data-page="home"] .home-guided-card-grid .poster-shell:not(.poster-shell-upload-own){
  overflow:visible!important;
  isolation:isolate!important;
}
body[data-page="home"] .home-guided-card-grid .poster-shell:not(.poster-shell-upload-own)::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:0!important;
  left:7%!important;
  right:-6px!important;
  top:-15px!important;
  height:18px!important;
  background:linear-gradient(170deg,#dedede 0 43%,#bdbdbd 44% 68%,#969696 69% 100%)!important;
  background-image:linear-gradient(170deg,#dedede 0 43%,#bdbdbd 44% 68%,#969696 69% 100%)!important;
  clip-path:polygon(0 100%,88% 0,100% 20%,100% 100%)!important;
  border-radius:0 3px 0 0!important;
  filter:drop-shadow(0 -1.5px 0 #111)!important;
  pointer-events:none!important;
}
body[data-page="home"] .home-guided-card-grid .poster-shell:not(.poster-shell-upload-own)::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:0!important;
  top:5px!important;
  right:-7px!important;
  bottom:11px!important;
  width:8px!important;
  background:linear-gradient(90deg,#bdbdbd,#8f8f8f)!important;
  clip-path:polygon(0 0,100% 3%,100% 97%,0 100%)!important;
  filter:drop-shadow(1px 0 0 #111)!important;
  pointer-events:none!important;
}
body[data-page="home"] .home-guided-card-grid .poster-shell:not(.poster-shell-upload-own)>.poster-card,
body[data-page="home"] .home-guided-card-grid .poster-shell:not(.poster-shell-upload-own)>.poster-enlarge{
  position:relative!important;
  z-index:2!important;
}
@media(max-width:700px){
  body[data-page="home"] .home-guided-card-grid .poster-shell:not(.poster-shell-upload-own)::before{top:-11px!important;height:14px!important;right:-4px!important}
  body[data-page="home"] .home-guided-card-grid .poster-shell:not(.poster-shell-upload-own)::after{right:-5px!important;width:6px!important}
}

/* V.26.09.15.3 — seal the hero's right edge from inside the panel so no pale seam can survive rounded-border antialiasing. */
body[data-page="home"] .home-primary-rail>.seasonal-hero{
  border-right:3px solid #111!important;
  box-shadow:inset -1px 0 0 #111,7px 8px 0 #111!important;
  background-clip:border-box!important;
}

/* V.26.09.15.3 — portfolio card depth is now a real DOM layer, not a pseudo-element.
   This deliberately retires the older ::before/::after attempts so later CSS cannot
   silently replace the folded back page. */
body[data-page="home"] .home-guided-card-grid .poster-shell:not(.poster-shell-upload-own){
  --bt-card-depth-top:12px;
  --bt-card-depth-side:10px;
  position:relative!important;
  margin-top:0!important;
  padding:var(--bt-card-depth-top) var(--bt-card-depth-side) 8px 0!important;
  overflow:visible!important;
  isolation:isolate!important;
  background:transparent!important;
}
body[data-page="home"] .home-guided-card-grid .poster-shell:not(.poster-shell-upload-own)::before,
body[data-page="home"] .home-guided-card-grid .poster-shell:not(.poster-shell-upload-own)::after{
  content:none!important;
  display:none!important;
}
body[data-page="home"] .home-guided-card-grid .poster-card-depth{
  display:block!important;
  position:absolute!important;
  z-index:0!important;
  top:3px!important;
  left:8px!important;
  right:0!important;
  bottom:8px!important;
  border-radius:3px 4px 5px 3px!important;
  background:linear-gradient(155deg,#eeeeee 0 7%,#d2d2d2 8% 58%,#ababab 82%,#8f8f8f 100%)!important;
  clip-path:polygon(5% 0,100% 0,100% 100%,0 100%,0 5%)!important;
  filter:drop-shadow(0 -1.5px 0 #111) drop-shadow(1.5px 0 0 #111) drop-shadow(2px 3px 2px rgba(17,17,17,.22))!important;
  pointer-events:none!important;
}
body[data-page="home"] .home-guided-card-grid .poster-shell:not(.poster-shell-upload-own)>.poster-card{
  position:relative!important;
  z-index:2!important;
  width:100%!important;
  border:1.5px solid #111!important;
  border-radius:3px!important;
  background:#fff!important;
  box-shadow:0 2px 4px rgba(17,17,17,.18)!important;
}
body[data-page="home"] .home-guided-card-grid .poster-shell:not(.poster-shell-upload-own)>.poster-enlarge{
  z-index:12!important;
  top:calc(var(--bt-card-depth-top) + 7px)!important;
  right:calc(var(--bt-card-depth-side) + 7px)!important;
}
body[data-page="home"] .home-guided-card-grid .poster-shell:not(.poster-shell-upload-own):hover .poster-card-depth,
body[data-page="home"] .home-guided-card-grid .poster-shell:not(.poster-shell-upload-own):focus-within .poster-card-depth{
  filter:drop-shadow(0 -1.5px 0 #111) drop-shadow(1.5px 0 0 #111) drop-shadow(3px 5px 3px rgba(17,17,17,.28))!important;
}
@media(max-width:700px){
  body[data-page="home"] .home-guided-card-grid .poster-shell:not(.poster-shell-upload-own){
    --bt-card-depth-top:9px;
    --bt-card-depth-side:7px;
    padding-bottom:6px!important;
  }
  body[data-page="home"] .home-guided-card-grid .poster-card-depth{top:2px!important;left:6px!important;bottom:6px!important}
}

/* V.26.09.15.3 — physical-card cue: show only the folded rear leaf across the top.
   It begins as a hairline at the left, grows toward the right and stops short of the card edge.
   The previous vertical grey right-edge strip is deliberately removed. */
body[data-page="home"] .home-guided-card-grid .poster-shell:not(.poster-shell-upload-own){
  --bt-card-depth-top:11px;
  --bt-card-depth-side:0px;
  padding:var(--bt-card-depth-top) 0 0 0!important;
}
body[data-page="home"] .home-guided-card-grid .poster-card-depth{
  top:0!important;
  left:0!important;
  right:0!important;
  bottom:auto!important;
  height:var(--bt-card-depth-top)!important;
  background:transparent!important;
  clip-path:none!important;
  filter:none!important;
  border-radius:0!important;
  overflow:visible!important;
}
body[data-page="home"] .home-guided-card-grid .poster-card-depth::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:1px!important;
  top:0!important;
  width:calc(100% - 20px)!important;
  height:100%!important;
  background:linear-gradient(90deg,#f0f0f0 0%,#e3e3e3 55%,#cecece 78%,#ababab 100%)!important;
  clip-path:polygon(0 82%,48% 67%,76% 48%,100% 0,100% 100%,0 100%)!important;
  box-shadow:0 -1px 0 #111 inset,0 1px 0 rgba(255,255,255,.5) inset!important;
  border-radius:2px 2px 0 0!important;
  pointer-events:none!important;
}
body[data-page="home"] .home-guided-card-grid .poster-card-depth::after{
  content:none!important;
  display:none!important;
}
body[data-page="home"] .home-guided-card-grid .poster-shell:not(.poster-shell-upload-own)>.poster-enlarge{
  right:7px!important;
}
body[data-page="home"] .home-guided-card-grid .poster-shell:not(.poster-shell-upload-own):hover .poster-card-depth,
body[data-page="home"] .home-guided-card-grid .poster-shell:not(.poster-shell-upload-own):focus-within .poster-card-depth{
  filter:none!important;
}
@media(max-width:700px){
  body[data-page="home"] .home-guided-card-grid .poster-shell:not(.poster-shell-upload-own){
    --bt-card-depth-top:9px;
    padding:var(--bt-card-depth-top) 0 0 0!important;
  }
  body[data-page="home"] .home-guided-card-grid .poster-card-depth::before{width:calc(100% - 15px)!important}
}

/* Baby tile CTA: hover must change the button as a complete unit, never white text on white. */
body[data-page="home"] .home-primary-rail>#homeBabyBanner .baby-home-link:hover .baby-banner-details>b,
body[data-page="home"] .home-primary-rail>#homeBabyBanner .baby-home-link:focus-visible .baby-banner-details>b{
  background:#111!important;
  color:#fff!important;
}

/* Mobile keeps the same full Bold Types lockup as desktop, left aligned. */
@media(max-width:700px){
  body[data-page="home"] .brand{
    justify-self:start!important;
    min-width:0!important;
    width:max-content!important;
    padding-bottom:10px!important;
  }
  body[data-page="home"] .brand-logo-desktop{display:none!important}
  body[data-page="home"] .brand-logo-mobile{
    display:block!important;
    width:180px!important;
    height:auto!important;
    max-height:44px!important;
    object-fit:contain!important;
    object-position:left center!important;
  }
}


/* V.26.09.15.3 — portfolio hover keeps the grounding line at the bottom only. */
body[data-page="home"] .home-guided-card-grid .poster-card:hover,
body[data-page="home"] .home-guided-card-grid .poster-card:focus-visible{
  outline:none!important;
  outline-offset:0!important;
  box-shadow:0 3px 0 #111!important;
}


/* V.26.09.15.3 — on portfolio hover keep the bottom grounding edge only; the top edge must stay visually open so the folded rear leaf remains visible. */
body[data-page="home"] .home-guided-card-grid .poster-shell:not(.poster-shell-upload-own)>.poster-card:hover,
body[data-page="home"] .home-guided-card-grid .poster-shell:not(.poster-shell-upload-own)>.poster-card:focus-visible{
  border-top-color:transparent!important;
  box-shadow:0 3px 0 #111!important;
}


/* V.26.09.15.3 — design-your-own tile is a real portfolio card, not a promo block. */
body[data-page="home"] .home-guided-card-grid .poster-shell.poster-shell-upload-own{
  --bt-card-depth-top:11px;
  --bt-card-depth-side:0px;
  position:relative!important;
  margin-top:0!important;
  padding:var(--bt-card-depth-top) 0 0 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  isolation:isolate!important;
}
body[data-page="home"] .home-guided-card-grid .poster-shell.poster-shell-upload-own::before,
body[data-page="home"] .home-guided-card-grid .poster-shell.poster-shell-upload-own::after{
  content:none!important;
  display:none!important;
}
body[data-page="home"] .home-guided-card-grid .poster-shell.poster-shell-upload-own>.poster-card{
  position:relative!important;
  z-index:2!important;
  width:100%!important;
  border:1.5px solid #111!important;
  border-radius:3px!important;
  background:#fff!important;
  box-shadow:0 2px 4px rgba(17,17,17,.18)!important;
}
body[data-page="home"] .home-guided-card-grid .poster-shell.poster-shell-upload-own .poster-front-face,
body[data-page="home"] .home-guided-card-grid .poster-shell.poster-shell-upload-own .poster-card-upload-own img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:1559/2220!important;
  object-fit:cover!important;
  background:#fff!important;
}
body[data-page="home"] .home-guided-card-grid .poster-shell.poster-shell-upload-own>.poster-enlarge{
  z-index:12!important;
  top:calc(var(--bt-card-depth-top) + 7px)!important;
  right:7px!important;
}
body[data-page="home"] .home-guided-card-grid .poster-shell.poster-shell-upload-own:hover,
body[data-page="home"] .home-guided-card-grid .poster-shell.poster-shell-upload-own:focus-within{
  transform:none!important;
}
@media(max-width:700px){
  body[data-page="home"] .home-guided-card-grid .poster-shell.poster-shell-upload-own{
    --bt-card-depth-top:9px;
    padding:var(--bt-card-depth-top) 0 0 0!important;
  }
}

/* Hold the portfolio blank/neutral until the live uploaded-card catalogue has applied
   the same freshness rules customers will actually browse. This prevents first-paint
   cards disappearing and being replaced a few seconds after page load. */
body[data-page="home"] .home-portfolio-loading{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:clamp(.55rem,1.2vw,.9rem);
  padding-top:14px;
  min-height:250px;
}
body[data-page="home"] .home-portfolio-loading-card{
  display:block;
  width:100%;
  aspect-ratio:1559/2220;
  border:1.5px solid #d3d3d3;
  border-radius:3px;
  background:linear-gradient(110deg,#f0f0f0 30%,#fafafa 46%,#f0f0f0 62%);
  background-size:220% 100%;
  animation:bt-card-skeleton 1.25s linear infinite;
}
@media(max-width:1100px){body[data-page="home"] .home-portfolio-loading{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){body[data-page="home"] .home-portfolio-loading{grid-template-columns:repeat(2,minmax(0,1fr));min-height:220px}}
@media(prefers-reduced-motion:reduce){body[data-page="home"] .home-portfolio-loading-card{animation:none!important}}

/* V.26.10.14.14 — browser favourites */
body[data-page="home"] .poster-favourite{position:absolute;right:9px;bottom:9px;z-index:14;width:34px;height:34px;display:grid;place-items:center;padding:0;border:1px solid rgba(17,17,17,.36);border-radius:50%;background:rgba(255,255,255,.94);color:#7b7b7b;box-shadow:0 1px 4px rgba(0,0,0,.12);font:800 25px/1 Arial,sans-serif;cursor:pointer;transition:transform .15s ease,background .15s ease,color .15s ease}
body[data-page="home"] .poster-favourite:hover,body[data-page="home"] .poster-favourite:focus-visible{transform:scale(1.08);outline:2px solid #111;outline-offset:2px}
body[data-page="home"] .poster-favourite.is-favourite{color:#d91f32;background:#fff}
body[data-page="home"] .home-favourites-control{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0 0 14px}
body[data-page="home"] .home-favourites-control button{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:8px 14px;border:2px solid #111;border-radius:999px;background:#fff;color:#111;font:850 .8rem/1 Montserrat,Arial,sans-serif;cursor:pointer;box-shadow:2px 2px 0 #111}
body[data-page="home"] .home-favourites-control button span{font-size:1.25rem;color:#777;line-height:1}
body[data-page="home"] .home-favourites-control button.is-active{background:#fff0f3}
body[data-page="home"] .home-favourites-control button.is-active span{color:#d91f32}
body[data-page="home"] .home-favourites-control button b{display:grid;place-items:center;min-width:22px;height:22px;padding:0 5px;border-radius:999px;background:#111;color:#fff;font-size:.7rem}
body[data-page="home"] .home-favourites-control small{font-weight:650;color:#5d5852}
body[data-page="home"] .home-favourites-recommendations{margin-top:clamp(28px,5vw,58px);padding-top:clamp(24px,4vw,44px);border-top:1px solid rgba(17,17,17,.18)}
@media(max-width:600px){body[data-page="home"] .poster-favourite{right:7px;bottom:7px;width:32px;height:32px;font-size:23px}}

/* V.26.10.14.14 — Sale button must stay red after the later home-polish button rules. */
body[data-page="home"] .home-guided-nav-item[data-home-primary="sale"]{
  background:#c62828!important;
  color:#fff!important;
  border-color:var(--ink)!important;
  box-shadow:2px 3px 0 var(--ink)!important;
}
body[data-page="home"] .home-guided-nav-item[data-home-primary="sale"]:hover,
body[data-page="home"] .home-guided-nav-item[data-home-primary="sale"]:focus-visible,
body[data-page="home"] .home-guided-nav-item[data-home-primary="sale"].is-active{
  background:#a91f1f!important;
  color:#fff!important;
  border-color:var(--ink)!important;
  box-shadow:3px 4px 0 var(--ink)!important;
}

/* V.26.10.14.14 — mobile header follows the basket header as the site-wide source of truth. */
@media(max-width:720px){
  body[data-page="home"] .site-header{
    grid-template-columns:48px minmax(0,1fr) 48px!important;
    gap:.35rem!important;
    min-height:78px!important;
    padding:.5rem .7rem!important;
  }
  body[data-page="home"] .site-header .brand{
    position:static!important;
    grid-column:2!important;
    grid-row:1!important;
    justify-self:center!important;
    min-width:0!important;
    width:auto!important;
    padding:0!important;
  }
  body[data-page="home"] .site-header .brand::after{display:none!important}
  body[data-page="home"] .site-header .nav-toggle{
    grid-column:3!important;
    grid-row:1!important;
    justify-self:end!important;
    width:46px!important;
    height:46px!important;
  }
  body[data-page="home"] .site-header .brand-logo-desktop{
    display:block!important;
    width:min(235px,64vw)!important;
    max-width:none!important;
    height:auto!important;
    object-fit:contain!important;
    object-position:center!important;
  }
  body[data-page="home"] .site-header .brand-logo-mobile{display:none!important}
  body[data-page="home"] .site-nav{top:100%!important;padding:.45rem .7rem .85rem!important}
}

/* V.26.10.14.14 — The homepage header is logo artwork ONLY.
   Seasonal WebP assets already contain any intended artwork tagline.
   Never generate a second subtitle over the image on any viewport. */
body[data-page="home"] .site-header .brand::before,
body[data-page="home"] .site-header .brand::after{
  content:none!important;
  display:none!important;
}

/* V.26.10.15.6: honest P&P positioning, neutral nav, contained three-card fan. */
body[data-page="home"] .home-deal-price .price-pp-note{display:block;margin:5px 0 0;color:#111;text-shadow:none;font:900 clamp(.58rem,.84vw,.81rem)/1.05 Montserrat,Arial,sans-serif;letter-spacing:0;text-align:center;white-space:nowrap}
body[data-page="home"] .site-nav .nav-shop-action{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:inherit!important;font-weight:900!important}
body[data-page="home"] .site-nav .nav-shop-action:hover,body[data-page="home"] .site-nav .nav-shop-action:focus-visible{text-decoration:underline;text-underline-offset:5px}
body[data-page="home"] .site-nav .marketplace-coming-soon{font-size:.78rem;font-weight:900;color:#444;opacity:.78;cursor:default;white-space:nowrap}
body[data-page="home"] .home-primary-rail>.seasonal-hero .hero-gallery{box-sizing:border-box!important;width:100%!important;max-width:100%!important;padding:13px 9px 15px!important;gap:0!important;justify-content:center!important;overflow:hidden!important;isolation:isolate}
body[data-page="home"] .home-primary-rail>.seasonal-hero .hero-gallery>.hero-card,
body[data-page="home"] .home-primary-rail>.seasonal-hero #heroGallery>.hero-card:nth-child(n){box-sizing:border-box!important;flex:0 0 34%!important;width:34%!important;max-width:125px!important;margin:0 -3% 0 0!important;position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;translate:none!important;min-width:0!important}
body[data-page="home"] .home-primary-rail>.seasonal-hero #heroGallery>.hero-card:nth-child(1){transform:rotate(-6deg)!important;z-index:1!important}
body[data-page="home"] .home-primary-rail>.seasonal-hero #heroGallery>.hero-card:nth-child(2){transform:translateY(-5px) rotate(1deg)!important;z-index:2!important}
body[data-page="home"] .home-primary-rail>.seasonal-hero #heroGallery>.hero-card:nth-child(3){transform:rotate(5deg)!important;z-index:3!important;margin-right:0!important}
body[data-page="home"] .home-primary-rail>.seasonal-hero .hero-card img{width:100%!important;height:auto!important;max-width:100%!important;object-fit:contain!important}
@media(max-width:700px){body[data-page="home"] .home-deal-price .price-pp-note{font-size:.59rem;margin-top:3px}body[data-page="home"] .home-primary-rail>.seasonal-hero .hero-gallery{padding:8px 9px 12px!important}}

/* V.26.10.15.6 finishing pass: beat the legacy selected-nav red background without
   changing the accessible current-page indicator. Keep the entire fan within its panel. */
body[data-page="home"] .site-nav a.nav-shop-action[aria-current="page"],
body:not([data-page="personalise"])[data-page="home"] .site-nav a.nav-shop-action[aria-current="page"],
body[data-page="home"] .site-nav a.nav-shop-action:hover,
body[data-page="home"] .site-nav a.nav-shop-action:focus-visible{
  background:transparent!important;
  color:#111!important;
  padding:8px 0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
body[data-page="home"] .site-nav a.nav-shop-action[aria-current="page"]::after{
  display:block!important;
  bottom:-.22rem!important;
  height:2px!important;
  background:#111!important;
}
body[data-page="home"] .home-primary-rail>.seasonal-hero #heroGallery{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:flex-end!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
  gap:0!important;
  padding:14px 11px 15px!important;
}
body[data-page="home"] .home-primary-rail>.seasonal-hero #heroGallery>.hero-card,
body[data-page="home"] .home-primary-rail>.seasonal-hero #heroGallery>.hero-card:nth-child(n){
  display:block!important;
  position:relative!important;
  inset:auto!important;
  flex:0 0 auto!important;
  width:min(30%,182px)!important;
  max-width:182px!important;
  height:auto!important;
  max-height:calc(100% - 16px)!important;
  aspect-ratio:1772/2506!important;
  margin:0 -2% 0 0!important;
  transform:none!important;
  transform-origin:50% 92%!important;
  vertical-align:bottom!important;
  overflow:hidden!important;
}
body[data-page="home"] .home-primary-rail>.seasonal-hero #heroGallery>.hero-card:nth-child(1){transform:rotate(-5deg)!important;z-index:1!important}
body[data-page="home"] .home-primary-rail>.seasonal-hero #heroGallery>.hero-card:nth-child(2){transform:translateY(-7px) rotate(0deg)!important;z-index:2!important}
body[data-page="home"] .home-primary-rail>.seasonal-hero #heroGallery>.hero-card:nth-child(3){transform:rotate(5deg)!important;margin-right:0!important;z-index:3!important}
body[data-page="home"] .home-primary-rail>.seasonal-hero #heroGallery>.hero-card>img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;padding:0!important;margin:0!important}
@media(max-width:700px){
  body[data-page="home"] .home-primary-rail>.seasonal-hero #heroGallery{padding:6px 9px 12px!important}
  body[data-page="home"] .home-primary-rail>.seasonal-hero #heroGallery>.hero-card,
  body[data-page="home"] .home-primary-rail>.seasonal-hero #heroGallery>.hero-card:nth-child(n){width:min(31%,130px)!important;max-width:130px!important;max-height:calc(100% - 14px)!important}
}
