/* MSBD v3.5.12.1: refine category arrows and remove card outlines. */
.reference-home .reference-collection{padding-top:6px;}
.reference-home .reference-collection .section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:14px;}
.reference-home .reference-collection .section-heading h2{margin:0;line-height:1.16;font-size:clamp(28px,2.6vw,42px);}
.reference-home .reference-collection .text-link{align-self:center;flex-shrink:0;}
.reference-home .reference-collection .yb-category-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 26px;}
.reference-home .reference-collection .yb-category-card{position:relative;display:block;overflow:hidden;min-height:118px;padding:0;border-radius:22px;text-decoration:none;border:0;box-shadow:0 6px 18px rgba(8,64,44,.04);transition:transform .22s ease,box-shadow .22s ease;background:linear-gradient(135deg,#edf7f1 0%,#d8ece0 100%);}
.reference-home .reference-collection .yb-category-card:hover,
.reference-home .reference-collection .yb-category-card:focus-visible{transform:translateY(-2px);box-shadow:0 10px 22px rgba(8,64,44,.08);}
.reference-home .reference-collection .yb-category-card:focus-visible{outline:2px solid #d9aa56;outline-offset:2px;}
.reference-home .reference-collection .yb-category-card--electronics{background:linear-gradient(135deg,#0f7b60 0%,#066246 52%,#0c4a37 100%)}
.reference-home .reference-collection .yb-category-card--kitchen{background:linear-gradient(135deg,#fff6da 0%,#f7e4af 100%)}
.reference-home .reference-collection .yb-category-card--baby-kids{background:linear-gradient(135deg,#fff0f5 0%,#ffdfe9 100%)}
.reference-home .reference-collection .yb-category-card--home-living{background:linear-gradient(135deg,#eefaf0 0%,#d5f0dd 100%)}
.reference-home .reference-collection .yb-category-card--full-banner .yb-category-card__full-art{position:absolute;inset:0;display:block;width:100%;height:100%;z-index:1;}
.reference-home .reference-collection .yb-category-card--full-banner .yb-category-card__full-art img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;}
.reference-home .reference-collection .yb-category-card__media{width:100%;height:100%;display:flex;align-items:center;justify-content:center;min-height:118px;position:relative;z-index:1;}
.reference-home .reference-collection .yb-category-card__placeholder{width:86px;height:86px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:38px;font-weight:800;color:#ffffffcc;background:linear-gradient(135deg, rgba(255,255,255,.35), rgba(255,255,255,.14));}
/* Glass-like theme colored arrows; whole card remains clickable. */
.reference-home .reference-collection .yb-category-card--kitchen{--msbd-arrow-tint:rgba(15,114,79,.22);--msbd-arrow-tint-2:rgba(15,114,79,.12);--msbd-arrow-border:rgba(15,114,79,.30);--msbd-arrow-color:#0b6e4d;--msbd-arrow-shadow:rgba(9,86,60,.18)}
.reference-home .reference-collection .yb-category-card--baby-kids{--msbd-arrow-tint:rgba(215,93,137,.24);--msbd-arrow-tint-2:rgba(215,93,137,.12);--msbd-arrow-border:rgba(215,93,137,.32);--msbd-arrow-color:#cb4c78;--msbd-arrow-shadow:rgba(159,66,102,.18)}
.reference-home .reference-collection .yb-category-card--home-living{--msbd-arrow-tint:rgba(173,127,52,.22);--msbd-arrow-tint-2:rgba(173,127,52,.12);--msbd-arrow-border:rgba(173,127,52,.32);--msbd-arrow-color:#9a6f24;--msbd-arrow-shadow:rgba(117,82,24,.18)}
.reference-home .reference-collection .yb-category-card--electronics{--msbd-arrow-tint:rgba(40,121,190,.22);--msbd-arrow-tint-2:rgba(40,121,190,.12);--msbd-arrow-border:rgba(40,121,190,.30);--msbd-arrow-color:#0f629d;--msbd-arrow-shadow:rgba(22,87,136,.18)}
.reference-home .reference-collection .yb-category-card__arrow{position:absolute;right:14px;bottom:12px;width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;z-index:4;border-radius:999px;border:1px solid var(--msbd-arrow-border,rgba(15,114,79,.30));background:linear-gradient(180deg,rgba(255,255,255,.74),rgba(255,255,255,.52));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--msbd-arrow-color,#0b6e4d);font-size:0;line-height:0;font-weight:700;box-shadow:0 8px 18px var(--msbd-arrow-shadow,rgba(9,86,60,.18)),inset 0 1px 0 rgba(255,255,255,.78);-webkit-font-smoothing:antialiased;transition:transform .22s ease,box-shadow .22s ease,background .22s ease;border-color:var(--msbd-arrow-border,rgba(15,114,79,.30));}
.reference-home .reference-collection .yb-category-card__arrow::before{content:"";display:block;width:10px;height:10px;border-top:2.2px solid currentColor;border-right:2.2px solid currentColor;transform:translateX(-1px) rotate(45deg);}
@media(hover:hover) and (pointer:fine){.reference-home .reference-collection .yb-category-card:hover .yb-category-card__arrow{transform:translateY(-1px) scale(1.05);box-shadow:0 10px 22px var(--msbd-arrow-shadow,rgba(9,86,60,.18)),inset 0 1px 0 rgba(255,255,255,.8);}}
.reference-home .reference-collection .yb-category-card:focus-visible .yb-category-card__arrow{transform:translateY(-1px);}
.reference-home .reference-collection .yb-category-card:active .yb-category-card__arrow{transform:scale(.97);}

.reference-home .reference-collection .yb-category-sections{display:flex;flex-direction:column;gap:28px;}
.reference-home .reference-collection .yb-category-section{scroll-margin-top:120px;}
.reference-home .reference-collection .yb-category-section__heading{margin-bottom:18px;}
.reference-home .reference-collection .yb-category-section__subheading{margin:6px 0 0;color:#536b61;font-size:15px;line-height:1.4;}
.reference-home .reference-collection .yb-category-section__archive-link{padding:11px 18px;border-radius:999px;border:1px solid #b9d2c4;background:#fff;text-decoration:none;color:#0d533a;}
.reference-home .reference-collection .yb-category-section__archive-link:hover,.reference-home .reference-collection .yb-category-section__archive-link:focus-visible{background:#edf6f0;border-color:#96c0a7;}
.reference-home .reference-collection .products{margin-bottom:0;}
.reference-home .reference-collection .msbd-product-banner-row{list-style:none;margin:2px 0 6px;padding:0;}
.reference-home .reference-collection .yb-category-section__actions{display:flex;justify-content:center;margin:19px 0 5px;}
.reference-home .reference-collection .yb-category-section__actions .yb-category-section__archive-link{display:inline-flex;justify-content:center;align-items:center;gap:9px;min-height:43px;min-width:135px;padding:10px 20px;margin:0;border-radius:999px;font-size:13px;font-weight:650;line-height:1.3;white-space:nowrap;transition:background-color .2s ease,border-color .2s ease,transform .2s ease;}
.reference-home .reference-collection .yb-category-section__actions .yb-category-section__archive-link:hover{transform:translateY(-1px);}
@media(max-width:1100px){.reference-home .reference-collection .yb-category-cards{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:767px){.reference-home .reference-collection{padding-top:2px;}.reference-home .reference-collection .section-heading{gap:10px;margin-bottom:12px;align-items:flex-start;flex-direction:column;}.reference-home .reference-collection .section-heading h2{font-size:clamp(22px,6vw,28px);}.reference-home .reference-collection .yb-category-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:20px;}.reference-home .reference-collection .yb-category-card{min-width:0;min-height:108px;border-radius:15px;}.reference-home .reference-collection .yb-category-card__media{min-height:108px;}.reference-home .reference-collection .yb-category-card__placeholder{width:45px;height:45px;border-radius:12px;font-size:24px;}.reference-home .reference-collection .yb-category-card__arrow{width:32px;height:32px;right:9px;bottom:10px;font-size:0;line-height:0;} .reference-home .reference-collection .yb-category-card__arrow::before{width:8px;height:8px;border-top-width:2px;border-right-width:2px;transform:translateX(-1px) rotate(45deg);}.reference-home .reference-collection .yb-category-section__actions{margin:14px 0 4px;}.reference-home .reference-collection .yb-category-section__actions .yb-category-section__archive-link{min-height:40px;min-width:125px;font-size:12px;}.reference-home .reference-collection .yb-category-sections{gap:22px;}}
@media(prefers-reduced-motion:reduce){.reference-home .reference-collection .yb-category-card,.reference-home .reference-collection .yb-category-card__arrow,.reference-home .reference-collection .yb-category-section__actions .yb-category-section__archive-link{transition:none}.reference-home .reference-collection .yb-category-card:hover .yb-category-card__arrow{transform:none}}

/* MSBD v3.5.12.38 — five product cards per desktop row; 1200 × 1200 (1:1) image frame.
 * Scoped to the homepage collection. Existing card body, buttons, inventory and
 * mobile/touch column counts remain controlled by the approved layout.
 */
@media (min-width: 1201px) {
  .reference-home .reference-collection .woocommerce ul.products,
  .reference-home .reference-collection ul.products {
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  }
}
.reference-home .reference-collection .woocommerce ul.products li.product a.woocommerce-LoopProduct-link img,
.reference-home .reference-collection .woocommerce ul.products li.product a img {
  width:100%;
  height:auto;
  aspect-ratio:1 / 1 !important;
  object-fit:contain !important;
  object-position:center;
}
/* Supports demo-image placeholders alongside real WooCommerce image elements. */
.reference-home .reference-collection .woocommerce ul.products li.product .product-photo {
  aspect-ratio:1 / 1 !important;
}


/* MSBD v3.5.12.39 — compact homepage product cards without changing the
 * 5-column grid, square image aspect ratio, or two-line title/status layout.
 * On large/medium screens the square product image is rendered smaller and
 * centered rather than stretched to the full card width. Original image files
 * (including 1200 x 1200 uploads) remain unmodified.
 */
@media (min-width:601px) {
  .reference-home .reference-collection .woocommerce ul.products li.product a.woocommerce-LoopProduct-link img,
  .reference-home .reference-collection .woocommerce ul.products li.product a img {
    width:min(100%, 212px) !important;
    max-width:212px;
    height:auto !important;
    aspect-ratio:1 / 1 !important;
    display:block;
    margin:0 auto 5px !important;
    object-fit:contain !important;
    object-position:center;
  }
  .reference-home .reference-collection .woocommerce ul.products li.product .product-photo {
    width:min(100%, 212px) !important;
    max-width:212px;
    margin:0 auto 5px !important;
    aspect-ratio:1 / 1 !important;
  }
  .reference-home .reference-collection .woocommerce ul.products li.product .woocommerce-loop-product__title {
    margin-bottom:5px !important;
  }
  .reference-home .reference-collection .woocommerce ul.products li.product a.msbd-review-rating,
  .reference-home .reference-collection .woocommerce ul.products li.product .review-prompt {
    margin-bottom:5px !important;
  }
  .reference-home .reference-collection .woocommerce ul.products li.product .price {
    margin-top:5px !important;
    margin-bottom:7px !important;
  }
}

/* MSBD v3.5.12.42 — slimmer category photo cards; no large promo heading. */
.reference-home .reference-collection .yb-category-cards__header{
  display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:2px 0 13px;
}
.reference-home .reference-collection .yb-category-cards__heading-copy{min-width:0;}
.reference-home .reference-collection .yb-category-cards__eyebrow{
  display:inline-flex;align-items:center;gap:11px;margin:0;color:#17684b;
  font-size:16px;font-weight:800;line-height:1.5;
}
.reference-home .reference-collection .yb-category-cards__eyebrow>span{
  width:23px;height:4px;display:inline-block;border-radius:10px;background:#078a58;box-shadow:0 0 0 2px #dcf1e6;
}
.reference-home .reference-collection .yb-category-cards__view-all{
  display:inline-flex;align-items:center;gap:10px;margin-bottom:6px;white-space:nowrap;
  color:#006744;font-weight:750;font-size:14px;line-height:1.4;text-decoration:none;
}
.reference-home .reference-collection .yb-category-cards__view-all span{font-size:23px;line-height:1;transition:transform .2s ease;}
.reference-home .reference-collection .yb-category-cards__view-all:hover span{transform:translateX(4px)}
.reference-home .reference-collection .yb-category-cards{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 0 23px;
}
.reference-home .reference-collection .yb-category-card{
  display:flex;flex-direction:column;min-width:0;min-height:0;padding:0;
  background:#fff;border:1px solid #f0efe9;border-radius:19px;overflow:hidden;
  box-shadow:0 8px 23px rgba(15,59,43,.065);color:#172a21;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.reference-home .reference-collection .yb-category-card:hover,
.reference-home .reference-collection .yb-category-card:focus-visible{
  transform:translateY(-3px);box-shadow:0 15px 30px rgba(15,59,43,.11);border-color:#d9e5dc;
}
.reference-home .reference-collection .yb-category-card__photo{
  display:block;position:relative;flex:none;width:100%;aspect-ratio:2 / 1;
  overflow:hidden;background:#f4f5f0;
}
.reference-home .reference-collection .yb-category-card__photo img{
  display:block;width:100%;height:100%;max-width:none;object-fit:cover;
  object-position:center;transition:transform .25s ease;
}
.reference-home .reference-collection .yb-category-card:hover .yb-category-card__photo img{transform:scale(1.03)}
/* Older category artworks were horizontal text-and-photo banners. Display the
   right-hand product-photo portion so the old text is not doubled on the card. */
.reference-home .reference-collection .yb-category-card--legacy-art .yb-category-card__photo img{
  width:310%;max-width:none;margin-left:-177%;object-fit:cover;object-position:center;
}
.reference-home .reference-collection .yb-category-card__photo--empty{
  display:flex;align-items:center;justify-content:center;
}
.reference-home .reference-collection .yb-category-card__info{
  display:flex;flex-direction:column;justify-content:center;gap:1px;position:relative;
  min-height:72px;padding:9px 54px 9px 16px;background:#fff;
}
.reference-home .reference-collection .yb-category-card__title{
  display:block;color:#1a2420;font-size:18px;font-weight:800;line-height:1.3;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.reference-home .reference-collection .yb-category-card__subtitle{
  display:block;color:#79817b;font-size:12.5px;font-weight:500;line-height:1.45;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.reference-home .reference-collection .yb-category-card .yb-category-card__arrow{
  position:absolute;right:15px;bottom:50%;transform:translateY(50%);
  width:35px;height:35px;border:0;border-radius:50%;z-index:1;
  display:inline-flex;align-items:center;justify-content:center;
  background:#005a40;color:#fff;font-size:23px;line-height:1;
  box-shadow:0 2px 5px rgba(0,65,43,.17);backdrop-filter:none;
  -webkit-backdrop-filter:none;
  transition:transform .2s ease,background .2s ease;
}
.reference-home .reference-collection .yb-category-card .yb-category-card__arrow::before{display:none}
.reference-home .reference-collection .yb-category-card:hover .yb-category-card__arrow,
.reference-home .reference-collection .yb-category-card:focus-visible .yb-category-card__arrow{
  transform:translateY(50%) translateX(2px);background:#004e37;
}
@media(max-width:1100px){
  .reference-home .reference-collection .yb-category-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;}
}
@media(max-width:767px){
  .reference-home .reference-collection .yb-category-cards__header{margin:0 0 14px;gap:8px;align-items:flex-end;flex-direction:row;}
  .reference-home .reference-collection .yb-category-cards__eyebrow{font-size:13px;gap:7px;margin-bottom:0;}
  .reference-home .reference-collection .yb-category-cards__eyebrow>span{width:18px;height:3px;}
  .reference-home .reference-collection .yb-category-cards__view-all{font-size:10px;gap:3px;margin-bottom:2px;}
  .reference-home .reference-collection .yb-category-cards__view-all span{font-size:17px;}
  .reference-home .reference-collection .yb-category-cards{gap:11px;margin-bottom:18px;}
  .reference-home .reference-collection .yb-category-card{border-radius:15px;}
  .reference-home .reference-collection .yb-category-card__photo{aspect-ratio:1.75 / 1;min-height:0;}
  .reference-home .reference-collection .yb-category-card__info{min-height:70px;padding:9px 40px 9px 11px;}
  .reference-home .reference-collection .yb-category-card__title{font-size:14px;}
  .reference-home .reference-collection .yb-category-card__subtitle{font-size:11px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;}
  .reference-home .reference-collection .yb-category-card .yb-category-card__arrow{width:31px;height:31px;right:8px;font-size:19px;bottom:50%;}
}
@media(max-width:360px){
  .reference-home .reference-collection .yb-category-cards__header{flex-wrap:wrap;}
  .reference-home .reference-collection .yb-category-cards__view-all{margin-left:auto;}
  .reference-home .reference-collection .yb-category-card__title{font-size:12.5px;}
}
@media(prefers-reduced-motion:reduce){
  .reference-home .reference-collection .yb-category-card__photo img,
  .reference-home .reference-collection .yb-category-cards__view-all span{transition:none;}
}