.elementor-7 .elementor-element.elementor-element-e32949f{--display:flex;}body.elementor-page-7:not(.elementor-motion-effects-element-type-background), body.elementor-page-7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}/* Start custom CSS for html, class: .elementor-element-03a0621 */.chope-feature__body{
    position:relative;
    z-index:1;
    flex:1;
    min-width:0; /* ← ADD THIS: lets the flex item shrink instead of forcing overflow/odd wrapping */
}

.chope-feature__name{
    font-family:'Bebas Neue',sans-serif;
    font-size:clamp(24px, 5vw, 36px); /* ← was fixed 36px; now scales down in narrow containers */
    letter-spacing:.02em;
    margin-top:8px;
    display:inline-block;
    white-space:nowrap; /* keeps "CHOPE ARTESANAL" on one line */
}

@media (max-width:640px){
  .chope-feature__volume{display:block;margin-left:0;margin-top:2px;}
}/* End custom CSS */