/* Holiday Overview layout (pages 691, 742, 81, 103, 743) */
.hl-title{margin:0;font-size:var(--font-size-h2, clamp(1.75rem, 1.2rem + 2vw, 2.5rem));line-height:1.2}
#overview .hl-split .section-header{margin-bottom:var(--space-sm,16px)}
@media (min-width:992px){
  #overview,#overview .container{overflow:visible}
  #overview .hl-split{align-items:start}
  #overview .hl-split .split-intro__media{position:sticky;top:calc(var(--header-height,7.5rem) + 16px);align-self:start}
}
/* holiday chips (same look as the hub SKU chips) */
.hl-chips.hs-sku{margin:20px 0 20px;padding:16px 18px;border:1px solid #e3eaf5;border-radius:14px;background:linear-gradient(180deg,#f7faff,#fff)}
.hl-chips .hs-sku__label{margin:0 0 12px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#6b7280}
.hl-chips .hs-sku__label strong{margin-left:4px;letter-spacing:0;text-transform:none;font-size:14px;color:#2C63A8}
.hl-chips .hs-sku__chips{display:flex;flex-wrap:wrap;gap:10px}
.hl-chips .hs-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 16px 8px 10px;border:1px solid #dbe3ef;border-radius:999px;background:#fff;color:#1f2937;font:600 14px/1.2 inherit;text-decoration:none;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.hl-chips .hs-chip:hover{border-color:#2C63A8;transform:translateY(-1px);box-shadow:0 4px 12px rgba(44,99,168,.12)}
.hl-chips .hs-chip:focus-visible{outline:2px solid #2C63A8;outline-offset:2px}
.hl-chips .hs-chip__dot{width:12px;height:12px;border-radius:50%;background:var(--dot);box-shadow:0 0 0 2px #fff,0 0 0 3px rgba(0,0,0,.08);flex:none}
.hl-chips .hs-chip.is-active{background:#2C63A8;border-color:#2C63A8;color:#fff;box-shadow:0 6px 16px rgba(44,99,168,.28)}
.hl-chips .hs-chip.is-active .hs-chip__dot{box-shadow:0 0 0 2px #2C63A8,0 0 0 3px #fff}
/* one-line selling-point bar (guarantee strip) */
.hl-usp{position:relative;margin:0 0 16px;border-top:1px solid #eef1f6;border-bottom:1px solid #eef1f6}
.hl-usp__list{display:flex;flex-wrap:nowrap;align-items:center;gap:6px 18px;margin:0;padding:10px 0;list-style:none;white-space:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.hl-usp__list::-webkit-scrollbar{display:none}
.hl-usp__list li{display:inline-flex;align-items:center;gap:6px;flex:none;margin:0;font-size:13px;font-weight:600;color:#374151}
.hl-usp__list li+li::before{content:"";width:1px;height:12px;margin-right:12px;background:#d8dee8}
.hl-usp__list svg{color:#2C63A8;flex:none}
@media (max-width:767px){
  .hl-usp::after{content:"";position:absolute;top:0;right:0;bottom:0;width:36px;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,0),#fff)}
  .hl-usp__list{padding-right:36px}
}

/* open FAQ list (no accordion) on rebuilt category landings */
.hl-faq{display:grid;gap:14px;align-content:start}
.hl-faq__item{padding:18px 20px;border:1px solid var(--border-faint,#e5e9f0);border-radius:14px;background:#fff}
.hl-faq__q{display:flex;gap:10px;align-items:baseline;margin:0 0 8px;font-size:var(--font-size-md,1.05rem);line-height:1.35}
.hl-faq__q .num{flex:none;min-width:26px;height:26px;border-radius:50%;background:var(--brand-faint,#eaf1fb);color:var(--brand-strong,#2C63A8);font-size:13px}
.hl-faq__a{margin:0;color:var(--text-body,#4b5563)}


/* Section backgrounds on template pages: banner + Overview unchanged, then white / light grey by order.
   nth-of-type counts the page's top-level <section>s, so adjacent sections always differ when sections are added or removed.
   #details keeps its own light-blue tint: its neighbours are always white/grey, never light blue. */
body.hl-tpl #overview ~ section.section:not(#details):nth-of-type(odd){background:#f7f8fa!important}
body.hl-tpl #overview ~ section.section:not(#details):nth-of-type(even){background:#fff!important}
/* design groups on rebuilt category pages */
.hl-group{margin:0 0 48px;scroll-margin-top:calc(var(--header-height,7.5rem) + 64px)}
.hl-group:last-child{margin-bottom:0}
.hl-group__title{margin:0 0 6px;font-size:var(--font-size-h4,1.35rem)}
.hl-group__title span{color:var(--text-subtle,#6b7280);font-weight:500}
.hl-group__intro{margin:0 0 20px;color:var(--text-body,#4b5563)}
.hl-group__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
@media (max-width:991px){.hl-group__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:767px){.hl-group__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}

/* holiday #designs: show 12, expand in place (hidden only once JS is running) */
.hl-more{display:none;justify-content:center;margin-top:32px}
.hl-more-on .hl-more{display:flex}
.hl-more-on:not(.is-expanded) .hl-extra{display:none!important}
.hl-more__btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border:1.5px solid #2C63A8;border-radius:999px;background:#fff;color:#2C63A8;font:600 15px/1.2 inherit;cursor:pointer;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}
.hl-more__btn:hover,.hl-more__btn:focus-visible{background:#2C63A8;color:#fff;box-shadow:0 6px 16px rgba(44,99,168,.28);outline:none}

/* 2026-11-04 Overview thumbnail strip: square, exactly 4 per row (quarters, never stretched), all template pages, desktop + mobile */
body.hl-tpl:not(.colorido-artfood-landing):not(.page-id-691):not(.page-id-142):not(.page-id-22):not(.page-id-82):not(.page-id-742):not(.page-id-81):not(.page-id-103):not(.page-id-743):not(.page-id-744):not(.page-id-757):not(.page-id-758) .split-intro__thumbs{overflow:visible!important;margin-top:10px}
body.hl-tpl:not(.colorido-artfood-landing):not(.page-id-691):not(.page-id-142):not(.page-id-22):not(.page-id-82):not(.page-id-742):not(.page-id-81):not(.page-id-103):not(.page-id-743):not(.page-id-744):not(.page-id-757):not(.page-id-758) .split-intro__thumbs .swiper-wrapper{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px;transform:none!important;width:100%!important;height:auto!important}
body.hl-tpl:not(.colorido-artfood-landing):not(.page-id-691):not(.page-id-142):not(.page-id-22):not(.page-id-82):not(.page-id-742):not(.page-id-81):not(.page-id-103):not(.page-id-743):not(.page-id-744):not(.page-id-757):not(.page-id-758) .split-intro__thumbs .swiper-slide{width:auto!important;margin:0!important;aspect-ratio:1/1;height:auto!important;cursor:pointer;border:2px solid transparent;border-radius:8px;overflow:hidden;background:#f3f6fb;opacity:.75;transition:border-color .15s ease,opacity .15s ease}
body.hl-tpl:not(.colorido-artfood-landing):not(.page-id-691):not(.page-id-142):not(.page-id-22):not(.page-id-82):not(.page-id-742):not(.page-id-81):not(.page-id-103):not(.page-id-743):not(.page-id-744):not(.page-id-757):not(.page-id-758) .split-intro__thumbs .swiper-slide img{display:block;width:100%!important;height:100%!important;object-fit:cover}
body.hl-tpl:not(.colorido-artfood-landing):not(.page-id-691):not(.page-id-142):not(.page-id-22):not(.page-id-82):not(.page-id-742):not(.page-id-81):not(.page-id-103):not(.page-id-743):not(.page-id-744):not(.page-id-757):not(.page-id-758) .split-intro__thumbs .swiper-slide:hover{opacity:1}
body.hl-tpl:not(.colorido-artfood-landing):not(.page-id-691):not(.page-id-142):not(.page-id-22):not(.page-id-82):not(.page-id-742):not(.page-id-81):not(.page-id-103):not(.page-id-743):not(.page-id-744):not(.page-id-757):not(.page-id-758) .split-intro__thumbs .swiper-slide.is-thumb-active{border-color:#2C63A8;opacity:1}
@media (max-width:991px){body.hl-tpl:not(.colorido-artfood-landing):not(.page-id-691):not(.page-id-142):not(.page-id-22):not(.page-id-82):not(.page-id-742):not(.page-id-81):not(.page-id-103):not(.page-id-743):not(.page-id-744):not(.page-id-757):not(.page-id-758) .split-intro__thumbs{display:block!important;visibility:visible!important;height:auto!important}}

/* 2026-11-05: cat/dog Overview chips sized exactly like the pet page (142) SKU chips (line-height 1, 24px bottom margin). */
body.page-id-757 .hl-chips .hs-chip,body.page-id-758 .hl-chips .hs-chip,body.page-id-742 .hl-chips .hs-chip,body.page-id-81 .hl-chips .hs-chip,body.page-id-103 .hl-chips .hs-chip,body.page-id-743 .hl-chips .hs-chip{line-height:1}
body.page-id-757 .hl-chips.hs-sku,body.page-id-758 .hl-chips.hs-sku,body.page-id-742 .hl-chips.hs-sku,body.page-id-81 .hl-chips.hs-sku,body.page-id-103 .hl-chips.hs-sku,body.page-id-743 .hl-chips.hs-sku{margin-bottom:24px}

/* artfood-visual-fix-20261106: the new landing copies use the SAME native single-row
   Swiper thumbnail styles as Christmas (they must not enter the legacy grid overrides above). */
body.colorido-artfood-landing #overview .hl-chips .hs-chip {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  font:inherit;
  line-height:1;
  padding:8px 16px 8px 10px;
  min-height:0;
  height:auto;
  white-space:nowrap;
  text-decoration:none;
}
body.colorido-artfood-landing #overview .hl-chips.hs-sku { margin-bottom:24px; }
/* A listing link is not an expandable gallery; do not hide its View all CTA. */
body.colorido-artfood-landing #designs .hl-more { display:flex; }
body.colorido-artfood-landing #designs a.hl-more__btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  font:inherit;
  line-height:inherit;
  padding:12px 28px;
  text-decoration:none;
}/* 2026-11-06 hub art(22)/food(82): <a> SKU chips match holiday <button> height */
body.page-id-22 .hs-sku .hs-chip,body.page-id-82 .hs-sku .hs-chip{line-height:1;box-sizing:border-box}