/* Catalog and About Us: customer revision, 19 October. */
#main .ysr-sortbar{display:flex;align-items:center;justify-content:space-between;gap:20px;flex:1;min-width:0;padding:4px 0;color:#202124}
#main .ysr-sort-links{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px}
#main .ysr-sort-link{display:inline-flex;align-items:center;gap:4px;text-decoration:none;color:#222;font-size:14px;font-weight:600;line-height:1.5;white-space:nowrap;padding:6px 0}
#main .ysr-sort-link.is-active,#main .ysr-sort-link:hover{color:#e32463}
#main .ysr-sort-link:focus-visible{outline:2px solid #e32463;outline-offset:4px}
#main .ysr-item-count{white-space:nowrap;font-size:14px;color:#555}
#main .ysr-paging{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;margin:32px 0 40px;clear:both}
#main .ysr-paging p{width:100%;text-align:center;margin:0;font-size:14px;color:#666}
#main .ysr-pagination{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
#main .ysr-pagination>a,#main .ysr-pagination>span{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 10px;border:1px solid #e5e5e5;border-radius:4px;text-decoration:none;color:#333;background:white;font-size:14px}
#main .ysr-pagination .is-current,#main .ysr-pagination a:hover{background:#ed3872;border-color:#ed3872;color:white}
#main .ysr-pagination [aria-disabled=true]{color:#bbb;background:#fafafa}
#main .ysr-pagination .ysr-ellipsis{border:0}
#main .ysr-no-results{padding:24px 0;color:#555}
.woocommerce ul.products li.product,.yuzu-product-card.product,#main div.product:has(>.ysr-discount-badge){position:relative}
body .ysr-discount-badge,body .woocommerce span.onsale.ysr-discount-badge{position:absolute;z-index:3;top:12px;left:12px;right:auto;bottom:auto;display:inline-flex;align-items:center;justify-content:center;min-width:0;min-height:0;margin:0;padding:5px 10px;background:#e82f60;color:#fff;border-radius:4px;font-size:13px;font-weight:600;line-height:1.4;white-space:nowrap;pointer-events:none}
#ysr-about{max-width:1920px;margin:0 auto;padding:8px clamp(24px,4vw,80px) 60px;color:#1b2320}
body:has(#ysr-about) #primary,body:has(#ysr-about) #main{width:100%;max-width:none;margin:0;padding:0}
body:has(#ysr-about) #secondary{display:none}
body:has(#ysr-about) .content-container{max-width:1920px;padding:0}
#ysr-about .ysr-about-section{margin:48px 0 64px}
#ysr-about h2{font-size:clamp(30px,3.3vw,58px);line-height:1.08;letter-spacing:-1.5px;margin:16px 0 20px;color:#17241e;font-weight:700}
#ysr-about p{font-size:16px;line-height:1.7;color:#5c6861;margin:0 0 18px;max-width:680px}
#ysr-about p.yr-eyebrow{font-size:12px;letter-spacing:2px;font-weight:600;color:#80c619;margin:0 0 16px}
#ysr-about .ysr-about-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:32px}
#ysr-about .ysr-about-grid article{padding:32px;border:1px solid #e0e7e0;border-radius:18px;background:#f3f6f0;min-width:0}
#ysr-about .ysr-stat{display:block;font-size:clamp(32px,3.3vw,54px);line-height:1.1;letter-spacing:-1.5px;color:#80c619;font-weight:700;margin-bottom:16px;overflow-wrap:anywhere}
#ysr-about h3{font-size:21px;line-height:1.3;letter-spacing:-.4px;margin:0 0 12px;color:#1c2c23;font-weight:700}
#ysr-about article p:last-child{margin:0}
#ysr-about .ysr-about-custom{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;background:linear-gradient(110deg,#f0f5ef,#f5f7ef);border:1px solid #e2e9df;border-radius:24px;padding:48px}
#ysr-about .ysr-about-custom img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:18px;display:block;max-height:600px}
#ysr-about .ysr-about-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:28px}
#ysr-about .ysr-about-actions a{font-size:14px;font-weight:600;text-decoration:none;color:#193b2a}
#ysr-about .ysr-about-actions .yr-button{background:#183a29;color:#fff;padding:15px 23px;border-radius:7px}
#ysr-about .ysr-about-actions a:hover{color:#c72749}
#ysr-about .ysr-about-actions .yr-button:hover{background:#26563d;color:white}
#ysr-about .ysr-about-center{text-align:center}
#ysr-about .ysr-about-center p{margin-left:auto;margin-right:auto}
#ysr-about .ysr-service-grid h3{font-size:clamp(21px,2vw,30px)}
@media(max-width:1024px){#ysr-about .ysr-about-custom{gap:28px;padding:32px}#ysr-about .ysr-about-grid{gap:16px}#ysr-about .ysr-about-grid article{padding:24px}#ysr-about h2{letter-spacing:-1px}#main .ysr-sort-links{gap:10px 16px}}
@media(max-width:767px){#main .ysr-sortbar{flex-basis:100%;gap:14px;flex-wrap:wrap}#main .ysr-sort-links{gap:6px 16px}#main .ysr-sort-link{font-size:13px}#main .ysr-item-count{font-size:13px}#main .ysr-paging{justify-content:center;margin:24px 0 32px}#main .ysr-paging p{width:100%;text-align:center}body .ysr-discount-badge,body .woocommerce span.onsale.ysr-discount-badge{top:8px;left:8px;padding:4px 7px;font-size:11px}#ysr-about{padding:0 24px 24px}#ysr-about .ysr-about-section{margin:32px 0 40px}#ysr-about .ysr-about-grid{grid-template-columns:1fr}#ysr-about .ysr-about-grid article{padding:28px}#ysr-about .ysr-about-custom{grid-template-columns:1fr;padding:24px;gap:28px}#ysr-about h2{font-size:32px}#ysr-about h2 br{display:none}#ysr-about p{font-size:15px}#ysr-about .ysr-about-actions{gap:20px}#ysr-about .ysr-about-center{text-align:left}#ysr-about .ysr-stat{font-size:42px}}

/* Keep the About promotional banner on the homepage advertising grid. */
@media(min-width:1025px){
 #ysr-about>.ysr-about-custom{
  width:calc(100% + 2 * clamp(24px,4vw,80px) - 30px);
  max-width:calc(var(--global-content-width,1430px) - 30px);
  margin-left:50%;margin-right:0;transform:translateX(-50%);
 }
}