.offcanvas{
    width:28rem !important;
    
}  

@media only screen and (max-width: 700px) {
  .offcanvas {
    width:88% !important;
  }
}
body {
       padding-right: 0px !important; 
}

/*transition-delay:4s;
.offcanvas .offcanvas-end {
  overflow: hidden;
}


.offcanvas {
    padding-right: 0px !important;
    overflow: hidden;
}

body {overflow:hidden}
*/
html {
  overflow-x: hidden;
  margin-right: calc(-1 * (100vw - 100%));
}

/* A11y fix: WooCommerce star rating outputs its label as real text
   (e.g. "Rated 4.50 out of 5") inherited in the light star color, which
   fails WCAG color-contrast audits. The text is visually clipped by the
   star widget and the accessible name is already provided by the parent's
   aria-label, so giving the hidden text a high-contrast color resolves the
   audit with no visual change (stars are drawn via ::before and unaffected). */
.star-rating span {
  color: #333 !important;
}