/* Beebre News Blocks - matches the Lily & Roo style (charcoal #383737, EB Garamond headings, Inter caps labels) */
html body .bb-news{--bbn-cols:3;max-width:1360px;margin:0 auto;padding:56px 32px 64px;box-sizing:border-box;clear:both;width:100%}
html body .bb-news .bb-news__title{margin:0 0 32px;text-align:center;font-family:var(--bb-serif,"EB Garamond",Garamond,Baskerville,"Times New Roman",serif);font-weight:400;font-size:clamp(26px,2.6vw,36px);line-height:1.2;letter-spacing:.01em;text-transform:none;color:#000}
html body .bb-news__grid{display:grid;grid-template-columns:repeat(var(--bbn-cols),minmax(0,1fr));gap:2.5rem 1.5rem;margin:0;padding:0}
html body .bb-news__card{display:flex;flex-direction:column;min-width:0;margin:0;padding:0;background:transparent}
html body .bb-news__media{display:block;position:relative;aspect-ratio:3/2;overflow:hidden;background:#f2f2f2;margin:0}
html body .bb-news__media img.bb-news__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;margin:0;transition:transform .8s ease}
html body .bb-news__card:hover img.bb-news__img{transform:scale(1.04)}
html body .bb-news__body{padding:16px 2px 0;display:flex;flex-direction:column;flex:1 1 auto;text-align:left}
html body .bb-news__date{display:block;margin:0 0 8px;font-family:var(--bb-head,"Inter",system-ui,Arial,sans-serif);font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:#6a6a6a;line-height:1.5}
html body .bb-news__name{margin:0 0 10px;font-family:var(--bb-serif,"EB Garamond",Garamond,Baskerville,"Times New Roman",serif);font-weight:400;font-size:clamp(20px,1.7vw,24px);line-height:1.25;letter-spacing:.01em;text-transform:none;color:#000;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;overflow-wrap:anywhere}
html body .bb-news__name a{color:#000;text-decoration:none}
html body .bb-news__name a:hover{color:#383737;text-decoration:underline;text-underline-offset:3px}
html body .bb-news__excerpt{margin:0 0 14px;font-family:var(--bb-sans,"Instrument Sans",system-ui,Arial,sans-serif);font-size:14px;line-height:1.65;color:#4a4a4a;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}
html body a.bb-news__more{margin-top:auto;align-self:flex-start;font-family:var(--bb-head,"Inter",system-ui,Arial,sans-serif);font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:#383737;text-decoration:none;border-bottom:1px solid #383737;padding-bottom:2px}
html body a.bb-news__more:hover{color:#000;border-color:#000}
html body .bb-news__all{margin:40px 0 0;text-align:center}
/* product page */
html body.single-product .bb-news--product{border-top:1px solid #ddd;margin-top:56px;padding-top:56px}
html body.single-product div.product>.bb-news,html body.single-product div.product>section.related{flex:0 0 100%;width:100%}
/* recommended products: four across on desktop/tablet (phones keep the shop's 2-column rule) */
@media (min-width:768px){
  html body.single-product section.related.products ul.products.oceanwp-row.grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:3rem 1.5rem;width:100%!important;margin:0!important;padding:0;float:none!important}
  html body.single-product section.related.products ul.products.oceanwp-row.grid:before,html body.single-product section.related.products ul.products.oceanwp-row.grid:after{display:none!important}
  html body.single-product section.related.products ul.products.oceanwp-row.grid li.product{width:auto!important;max-width:none!important;margin:0!important;float:none!important;clear:none!important;padding:0!important}
}
@media (max-width:959px){
  html body .bb-news__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  html body .bb-news{padding:44px 20px 52px}
}
@media (max-width:600px){
  html body .bb-news{padding:36px 16px 44px}
  html body .bb-news__grid{grid-template-columns:minmax(0,1fr);gap:28px}
  html body.single-product .bb-news--product{margin-top:36px;padding-top:36px}
  html body.single-product section.related.products{padding:0}
}
@media (prefers-reduced-motion:reduce){html body .bb-news__media img.bb-news__img{transition:none}}