/* All rules are scoped to this component. Existing search, forms and cards are untouched. */
@font-face{font-family:"VRS Raleway";src:url('fonts/raleway-variable.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
.vrs-slot{width:100%;max-width:100%;min-width:0;margin:0;padding:0;grid-column:1/-1;flex:0 0 100%}
.vrs-slot:empty{display:none}
.vrs-section,.vrs-section *{box-sizing:border-box;font-family:"Raleway","VRS Raleway",sans-serif}
.vrs-section{--vrs-cta-size:16px;--vrs-cta-inline:30px;--vrs-cta-block:14px;width:100%;max-width:none;margin:0;padding:0 3% clamp(56px,5vw,96px);padding-left:var(--vrs-side-start,3%);padding-right:var(--vrs-side-end,3%);background:#fff;color:#000;text-align:left;font-style:normal;clear:both}
/* Tighten only the boundary immediately above an actual recommendation section. */
.elementor :is(.elementor-top-section,.e-con):has(+.vrs-slot:not(:empty)){margin-bottom:0!important;padding-bottom:clamp(40px,4vw,80px)!important}
.vrs-section .vrs-heading{display:block;margin:0 0 clamp(40px,5vw,80px)!important;padding:0 0 0 1.5%;border:0;border-left:5px solid #000;border-radius:0 0 0 3px;color:#000;font:900 60px/1 "Raleway","VRS Raleway",sans-serif;letter-spacing:0;text-transform:uppercase;text-decoration:none;overflow-wrap:normal}
.vrs-section .vrs-heading-line{display:block;font:inherit;letter-spacing:inherit}
.vrs-section .vrs-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:auto;gap:clamp(12px,1.2vw,24px);align-items:stretch;margin:0;padding:0}
.vrs-section .vrs-card{display:flex;flex-direction:column;height:auto;min-width:0;margin:0 0 var(--vrs-row-space,0px);padding:0 0 25px;border:3px solid #000;border-radius:0;background:#ffdb08;color:#000;box-shadow:none;transition:transform .22s ease;position:relative}
.vrs-section .vrs-card:hover,.vrs-section .vrs-card:focus-within{transform:translateY(-4px);z-index:1}
.vrs-section .vrs-image{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:100%;height:303px;margin:0 0 20px;padding:0;border:0;border-bottom:3px solid #000;border-radius:0;background:#fff;text-decoration:none;overflow:hidden}
.vrs-section .vrs-image .vrs-product-image{display:block;width:260px;height:300px;max-width:100%;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;object-fit:contain;object-position:center;opacity:1;filter:none}
/* The grid equalizes card borders; keep this block at its natural height so
   the hover panel starts after the price, even beside a longer product name. */
.vrs-section .vrs-card-body{position:relative;display:flex;flex:0 0 auto;flex-direction:column;align-items:flex-start;min-width:0;padding:0 15px}
.vrs-section .vrs-category{display:table;max-width:100%;margin:0 0 15px;padding:8px;background:#000;color:#fff;font:700 12px/1.4 "Raleway","VRS Raleway",sans-serif;letter-spacing:0;text-transform:uppercase;overflow-wrap:anywhere}
.vrs-section .vrs-name{margin:0 0 15px;padding:0;color:#000;font:900 15px/1.2 "Raleway","VRS Raleway",sans-serif;letter-spacing:0;text-transform:uppercase;overflow-wrap:anywhere}
.vrs-section .vrs-name a{color:#000;font:inherit;letter-spacing:inherit;text-decoration:none}
.vrs-section .vrs-price{margin:0;padding:0 0 12px;color:#000;font:900 25px/1.1 "Raleway","VRS Raleway",sans-serif;letter-spacing:0;text-transform:uppercase;overflow-wrap:anywhere}
.vrs-section .vrs-more{position:absolute;top:100%;left:-3px;right:-3px;padding:0 15px 25px;border:3px solid #000;border-top:0;background:#ffdb08;align-self:stretch;display:grid;grid-template-rows:0fr;visibility:hidden;opacity:0;transform:translateY(6px);pointer-events:none;transition:grid-template-rows .46s ease,opacity .26s ease,transform .26s ease,visibility 0s linear .26s}
.vrs-section .vrs-more-inner{min-height:0;overflow:hidden}
.vrs-section .vrs-card:hover .vrs-more,.vrs-section .vrs-card:focus-within .vrs-more{grid-template-rows:1fr;visibility:visible;opacity:1;transform:none;pointer-events:auto;transition:grid-template-rows .46s ease,opacity .26s ease,transform .26s ease}
.vrs-section .vrs-description{margin:5px 0 14px;padding:0;color:#000;font:600 16px/1.2 "Raleway","VRS Raleway",sans-serif;letter-spacing:-.5px;overflow-wrap:anywhere}
.vrs-section .vrs-features{list-style:none;margin:0 0 20px;padding:0}
.vrs-section .vrs-features li{display:flex;gap:7px;align-items:flex-start;margin:0 0 5px;padding:0;color:#000;font:700 15px/1.5 "Raleway","VRS Raleway",sans-serif;letter-spacing:-.5px}
.vrs-section .vrs-check{flex:none;display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;margin-top:3px;border-radius:50%;color:#ffdb08;background:#000;font:900 10px/1 "Raleway","VRS Raleway",sans-serif}
.vrs-section .vrs-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;max-width:100%;margin:5px 0 15px;padding:14px 30px;border:3px solid #000;border-radius:0;color:#fff;background:#000;font:700 16px/1 "Raleway","VRS Raleway",sans-serif;letter-spacing:0;text-transform:uppercase;text-decoration:none;box-shadow:none}
/* Elementor's global .elementor-button default must not turn this CTA green. */
.vrs-section .vrs-actions a.vrs-button.elementor-button,.vrs-section .vrs-actions a.vrs-button.elementor-button:is(:hover,:focus,:active,:visited){background:#000!important;background-image:none!important;color:#fff!important;border:3px solid #000!important;border-radius:0!important;box-shadow:none!important;text-decoration:none!important;font:700 var(--vrs-cta-size)/1 "Raleway","VRS Raleway",sans-serif!important;letter-spacing:0!important;text-transform:uppercase!important;padding:var(--vrs-cta-block) var(--vrs-cta-inline)!important}
.vrs-section .vrs-actions a.vrs-button.elementor-button>span:not(.vrs-sr-only){color:inherit!important;font:inherit!important;letter-spacing:inherit!important;text-transform:inherit!important}
.vrs-section .vrs-button:hover,.vrs-section .vrs-button:active{color:#fff;background:#000;border-color:#000;text-decoration:none}
.vrs-section .vrs-actions .elementor-button-wrapper{display:flex;flex-direction:column;align-items:flex-start;gap:10px;width:100%;margin:5px 0 15px;padding:0}
.vrs-section .vrs-actions .vrs-button{margin:0}
.vrs-section .vrs-actions button.vql-add,.vrs-section .vrs-list-placeholder{display:inline-flex;align-items:center;justify-content:center;gap:8px;max-width:100%;width:auto;min-height:44px;height:auto;margin:0;padding:14px 20px;border:0;border-radius:0;background:#fff;color:#000;box-shadow:none;font:700 var(--vrs-cta-size)/1 "Raleway","VRS Raleway",sans-serif!important;letter-spacing:0!important;text-transform:uppercase!important;white-space:normal;text-decoration:none;cursor:pointer}
.vrs-section .vrs-actions button.vql-add:hover,.vrs-section .vrs-list-placeholder:hover{color:#000;background:#fff;border:0}
.vrs-section .vrs-actions button.vql-add span,.vrs-section .vrs-list-placeholder span{font:inherit!important;letter-spacing:inherit!important;text-transform:inherit!important;color:inherit}
.vrs-section .vrs-actions button.vql-add:focus-visible,.vrs-section .vrs-list-placeholder:focus-visible{outline:3px solid #000;outline-offset:3px}
.vrs-section .vrs-list-placeholder:disabled{opacity:.55;cursor:wait}
.vrs-section .elementor-button-wrapper:has(>.vql-add)>.vrs-list-placeholder{display:none}
.vrs-section a:focus-visible{outline:3px solid #000;outline-offset:4px}
.vrs-section .vrs-button:focus-visible{outline:3px solid #fff;outline-offset:-6px}
.vrs-section .vrs-no-image{font:600 14px/1.4 "Raleway","VRS Raleway",sans-serif;color:#555}
.vrs-section .vrs-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
/* Additional cards and the button follow the space reserved by each row. */
.vrs-section .vrs-pagination{display:flex;justify-content:center;margin:clamp(32px,4vw,64px) 0 0;padding:0;overflow-anchor:none}
.vrs-section button.vrs-load-more,.vrs-section button.vrs-load-more:is(:hover,:focus,:active){display:inline-flex;align-items:center;justify-content:center;max-width:100%;min-height:44px;width:auto;height:auto;margin:0;padding:var(--vrs-cta-block) var(--vrs-cta-inline)!important;border:3px solid #000!important;border-radius:0!important;background:#000!important;background-image:none!important;color:#fff!important;box-shadow:none!important;font:700 var(--vrs-cta-size)/1 "Raleway","VRS Raleway",sans-serif!important;letter-spacing:0!important;text-transform:uppercase!important;white-space:normal;text-decoration:none;cursor:pointer}
.vrs-section button.vrs-load-more:focus-visible{outline:3px solid #000;outline-offset:4px}
.vrs-section button.vrs-load-more:disabled{opacity:.65;cursor:wait}
.vrs-section .vrs-load-status:not(.vrs-sr-only){margin:16px 0 0;font:600 15px/1.4 "Raleway","VRS Raleway",sans-serif;color:#000}
@media(max-width:1366px){
 .vrs-section .vrs-heading{font-size:50px;padding-left:2%}
 .vrs-section .vrs-card{padding-bottom:30px}
 .vrs-section .vrs-image{height:243px}
 .vrs-section .vrs-image .vrs-product-image{width:180px;height:240px}
 .vrs-section .vrs-category{font-size:9.5px}
 .vrs-section .vrs-name{font-size:13.5px}
 .vrs-section .vrs-price{font-size:20.5px;padding-bottom:0}
 .vrs-section .vrs-description{font-size:15px;letter-spacing:-.2px;margin-top:15px}
 .vrs-section .vrs-features li{font-size:14px}
 .vrs-section{--vrs-cta-size:13px}
 .vrs-section .vrs-button{font-size:13px}
}
@media(max-width:1200px){
 .vrs-section .vrs-heading{font-size:45px}
 .vrs-section .vrs-image{height:203px}
 .vrs-section .vrs-image .vrs-product-image{width:160px;height:200px}
 .vrs-section .vrs-category{font-size:8px}
 .vrs-section .vrs-name{font-size:12.5px;margin-bottom:10px}
 .vrs-section .vrs-price{font-size:17px}
 .vrs-section .vrs-description{font-size:14px;line-height:1.3;letter-spacing:-.3px}
 .vrs-section .vrs-features li{font-size:13px}
 .vrs-section{--vrs-cta-size:12px;--vrs-cta-inline:20px}
 .vrs-section .vrs-button{font-size:12px;padding:14px 20px;margin-bottom:10px}
}
@media(max-width:1024px){
 .vrs-section{padding-top:0}
 .vrs-section .vrs-heading{font-size:40px;margin:0 0 clamp(48px,8vw,80px)!important;padding-left:3.5%}
 .vrs-section .vrs-grid{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto;gap:25px;align-items:start}
 .vrs-section .vrs-card{height:auto;padding-bottom:0}
 .vrs-section .vrs-card:hover,.vrs-section .vrs-card:focus-within{transform:none}
 .vrs-section .vrs-image{height:373px;margin-bottom:25px}
 .vrs-section .vrs-image .vrs-product-image{width:300px;height:370px}
 .vrs-section .vrs-category{font-size:12px}
 .vrs-section .vrs-name{font-size:16px;margin-bottom:15px}
 .vrs-section .vrs-price{font-size:25px;padding-bottom:15px}
 .vrs-section .vrs-more{position:static;inset:auto;padding:0;border:0;background:transparent;grid-template-rows:1fr;opacity:1;visibility:visible;transform:none;pointer-events:auto;transition:none}
 .vrs-section .vrs-more-inner{overflow:visible}
 .vrs-section .vrs-description{font-size:15px;line-height:1.5;margin-top:0;max-width:85%}
 .vrs-section .vrs-features li{font-size:15px}
 .vrs-section{--vrs-cta-size:13px}
 .vrs-section .vrs-button{font-size:13px;margin-bottom:30px}
}
@media(max-width:767px){
 .vrs-section .vrs-heading{font-size:8vw}
 .vrs-section .vrs-card{padding-bottom:15px}
 .vrs-section .vrs-image{height:293px}
 .vrs-section .vrs-image .vrs-product-image{width:220px;height:290px}
 .vrs-section .vrs-category{font-size:3vw}
 .vrs-section .vrs-name{font-size:4vw}
 .vrs-section .vrs-price{font-size:7vw;padding-bottom:10px}
 .vrs-section .vrs-description{font-size:3.5vw;line-height:1.2;letter-spacing:0;margin-top:5px;max-width:95%}
 .vrs-section .vrs-features li{font-size:3.5vw}
 .vrs-section{--vrs-cta-size:3vw;--vrs-cta-block:13px}
 .vrs-section .vrs-button{font-size:3vw;padding:13px 20px;margin-bottom:20px}
 .vrs-section .vrs-actions button.vql-add,.vrs-section .vrs-list-placeholder{font-size:3vw;padding:13px 20px}
}
@media(hover:none),(pointer:coarse){
 .vrs-section .vrs-more{position:static;inset:auto;padding:0;border:0;background:transparent;grid-template-rows:1fr;opacity:1;visibility:visible;transform:none;pointer-events:auto;transition:none}
 .vrs-section .vrs-more-inner{overflow:visible}
 .vrs-section .vrs-card:hover{transform:none}
}
@media(prefers-reduced-motion:reduce){.vrs-section .vrs-card,.vrs-section .vrs-more{transition:none!important;transform:none!important}}
.vrs-admin-preview.vrs-preview-expanded .vrs-section .vrs-more{position:static;inset:auto;padding:0;border:0;background:transparent;grid-template-rows:1fr;opacity:1;visibility:visible;transform:none;pointer-events:auto;transition:none}
.vrs-admin-preview.vrs-preview-expanded .vrs-section .vrs-more-inner{overflow:visible}