body.page-id-12 .bogo-preview #new-products > .bogo-home-product {
  flex: 0 0 calc((100% - 48px)/3);
  min-width: 0;
  display: flex;
  flex-direction: column;
  scroll-snap-align: start;
}

/* Selected hero CTA: shopping ticket, with native link destinations retained. */
body.page-id-12 .bogo-preview .hero .bogo-hero-cta {
  display:flex; align-items:center; flex-wrap:wrap; gap:16px;
  width:max-content; max-width:min(780px,calc(100vw - 48px));
}
body.page-id-12 .bogo-preview .hero .bogo-hero-shop {
  display:inline-flex; align-items:center; gap:16px; min-height:76px;
  padding:10px 18px 10px 10px; border:1px solid #f5c979; border-radius:18px;
  background:#f0b55d; color:#101711!important; text-decoration:none;
  font:700 16px/1.35 Epilogue,Arial,sans-serif; white-space:normal;
  box-shadow:none; transition:background .2s ease-out, transform .2s ease-out;
}
body.page-id-12 .bogo-preview .hero .bogo-hero-icon-cell {
  display:flex; align-items:center; padding-right:14px;
  border-right:1px dashed rgba(242,241,233,.65); flex:none;
}
body.page-id-12 .bogo-preview .hero .bogo-hero-icon-tile {
  display:grid; place-items:center; width:52px; height:52px;
  border-radius:12px; background:#886322;
}
body.page-id-12 .bogo-preview .hero .bogo-hero-cta-copy {
  display:grid; gap:4px; text-align:left;
}
body.page-id-12 .bogo-preview .hero .bogo-hero-cta-copy small {
  font:400 12px/1.45 Epilogue,Arial,sans-serif; color:#101711;
}
body.page-id-12 .bogo-preview .hero .bogo-hero-cta img {
  display:block; width:24px; height:24px; max-width:none;
  border:0; border-radius:0; margin:0; padding:0; flex:none;
  transition:transform .2s cubic-bezier(.16,1,.3,1);
}
body.page-id-12 .bogo-preview .hero .bogo-hero-icon-tile img {width:30px;height:30px;}
body.page-id-12 .bogo-preview .hero img.bogo-hero-arrow {width:26px;height:26px;margin-left:4px;}
body.page-id-12 .bogo-preview .hero .bogo-hero-secondary {
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  min-height:56px; padding:14px 20px; border:1px solid rgba(242,241,233,.75);
  border-radius:999px; background:transparent; color:#f2f1e9!important;
  font:600 14px/1.4 Epilogue,Arial,sans-serif; text-decoration:none; white-space:normal;
  box-shadow:none; transition:background .2s ease-out,border-color .2s ease-out,transform .2s ease-out;
}
body.page-id-12 .bogo-preview .hero .bogo-hero-cta a:focus-visible {
  outline:2px solid #f2f1e9; outline-offset:5px;
}
@media(hover:hover) and (pointer:fine) {
  body.page-id-12 .bogo-preview .hero .bogo-hero-shop:hover {background:#f7c775;transform:translateY(-2px);}
  body.page-id-12 .bogo-preview .hero .bogo-hero-shop:hover .bogo-hero-arrow {transform:translateX(4px);}
  body.page-id-12 .bogo-preview .hero .bogo-hero-shop:hover .bogo-hero-icon-tile img {animation:bogo-hero-bag .32s ease-out 1;}
  body.page-id-12 .bogo-preview .hero .bogo-hero-secondary:hover {background:rgba(242,241,233,.08);border-color:#f0b55d;transform:translateY(-1px);}
  body.page-id-12 .bogo-preview .hero .bogo-hero-secondary:hover img {transform:translateY(-2px);}
}
body.page-id-12 .bogo-preview .hero .bogo-hero-cta a:active {transform:scale(.985);}
@keyframes bogo-hero-bag {0%,100%{transform:rotate(0)}35%{transform:rotate(-7deg)}65%{transform:rotate(3deg)}}
@media(max-width:760px) {
  body.page-id-12 .bogo-preview .hero .bogo-hero-cta {width:100%;max-width:100%;gap:12px;}
  body.page-id-12 .bogo-preview .hero .bogo-hero-shop {width:100%;min-height:74px;}
  body.page-id-12 .bogo-preview .hero .bogo-hero-cta-copy {flex:1;}
  body.page-id-12 .bogo-preview .hero .bogo-hero-secondary {flex:1 1 calc((100% - 12px)/2);min-width:0;padding:12px 10px;min-height:60px;font-size:12px;}
  body.page-id-12 .bogo-preview .hero .bogo-hero-secondary img {width:22px;height:22px;}
}
@media(prefers-reduced-motion:reduce) {
  body.page-id-12 .bogo-preview .hero .bogo-hero-cta a,
  body.page-id-12 .bogo-preview .hero .bogo-hero-cta img {transition:none!important;animation:none!important;transform:none!important;}
}
@media(max-width:400px) {
  body.page-id-12 .bogo-preview .hero .bogo-hero-shop {font-size:14px;gap:10px;padding:8px 12px 8px 8px;}
  body.page-id-12 .bogo-preview .hero .bogo-hero-icon-cell {padding-right:10px;}
  body.page-id-12 .bogo-preview .hero .bogo-hero-icon-tile {width:44px;height:44px;}
  body.page-id-12 .bogo-preview .hero .bogo-hero-cta-copy small {font-size:11px;}
  body.page-id-12 .bogo-preview .hero img.bogo-hero-arrow {width:24px;height:24px;margin-left:0;}
}
body.page-id-12 .bogo-preview #new-products .bogo-home-product > a {
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  min-height: 0;
}
body.page-id-12 .bogo-preview #new-products .bogo-home-product-actions {
  padding-top: 12px;
  display: flex;
  align-items: center;
}
body.page-id-12 .bogo-preview #new-products a.bogo-home-cart {
  flex: 0 1 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  max-width: 100%;
  padding: 9px 15px;
  border: 1px solid var(--line, #53654e);
  border-radius: 12px;
  background: rgba(161,198,145,.08);
  color: var(--text, #f7f7f2);
  font: 600 13px/1.35 Epilogue, Arial, sans-serif;
  text-decoration: none;
  transform: none;
  transition: border-color .18s, background .18s;
}
body.page-id-12 .bogo-preview #new-products a.bogo-home-cart:hover {
  background: rgba(161,198,145,.16);
  border-color: var(--sage, #a1c691);
  transform: none;
}
body.page-id-12 .bogo-preview .bogo-home-cart:focus-visible {
  outline: 2px solid var(--amber, #f0b55d); outline-offset: 4px;
}
@media (max-width:800px) {
  body.page-id-12 .bogo-preview #new-products > .bogo-home-product { flex-basis: calc((100% - 22px)/2); }
}
@media (max-width:600px) {
  body.page-id-12 .bogo-preview #new-products > .bogo-home-product { flex-basis: 82%; }
}
@media (prefers-reduced-motion:reduce) {
  body.page-id-12 .bogo-preview #new-products a.bogo-home-cart { transition: none; }
}