.eco-range-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.eco-range-card{background:#f5f1ea;border:1px solid #d9d6cd;border-radius:9px;overflow:hidden;transition:border-color .2s,box-shadow .2s}.eco-range-card:hover{border-color:#b74b1b;box-shadow:0 8px 22px #232d2717}.eco-range-zoom{display:block;position:relative;padding:24px 20px 12px}.eco-range-zoom img{display:block;height:260px;width:100%;object-fit:contain;filter:drop-shadow(4px 5px 5px #0002);transition:transform .2s}.eco-range-zoom:hover img{transform:translateY(-3px)}.eco-range-zoom>span{position:absolute;right:12px;top:12px;border-radius:50%;background:white;color:#983b13;width:30px;height:30px;display:grid;place-items:center;font-size:20px}.eco-range-body{padding:14px 20px 22px}.eco-range-body h3{font-size:21px;margin:0 0 6px}.eco-range-body p{font-size:13px;margin:0 0 15px;color:#4c574e}.eco-range-pick{display:block;border-top:1px solid #d8d0c2;padding-top:12px;font-weight:700;color:#9b3d13;font-size:13px}.eco-range-filters{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0 12px}.eco-range-filters button{font:inherit;font-size:14px;cursor:pointer;border:1px solid #b8bdb3;border-radius:5px;padding:10px 16px;background:white;color:#29392f}.eco-range-filters button[aria-pressed=true]{background:#26382d;color:#fff;border-color:#26382d}.eco-range-filters button:hover{border-color:#a64113}.eco-range-filters button:focus-visible{outline:3px solid #b74b1b;outline-offset:3px}.eco-range-count{font-size:13px;color:#59635b}.eco-range-card[hidden]{display:none}.eco-range-advice{border-left:3px solid #b74b1b;padding:17px 22px;background:#fff;margin-top:20px}.eco-range-advice b{color:#29392f}.eco-range-advice p{margin:6px 0 0;font-size:15px}.eco-range-related>div{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.eco-range-related>div>a{display:flex;align-items:center;gap:18px;border:1px solid #d9d6cd;border-radius:7px;overflow:hidden;color:#25362b;font-weight:700;background:#f5f1ea}.eco-range-related img{width:90px;height:105px;object-fit:cover}.eco-range-related b{color:#b74b1b;margin-left:12px}.eco-range-related a:hover{border-color:#b74b1b}.eco-range-gallery .el-image,.eco-range-gallery>.uk-grid>div:first-child .el-image{object-fit:contain!important;background:#ece7df}.eco-range-gallery>.uk-grid>div:first-child .el-image{height:410px}.eco-product:has(.eco-range-gallery){padding-top:22px!important}
@media(max-width:959px){.eco-range-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.eco-range-related>div{gap:10px}.eco-range-related>div>a{gap:10px}.eco-range-related img{width:70px}.eco-range-gallery>.uk-grid>div:first-child .el-image{height:380px}}
@media(max-width:639px){.eco-range-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.eco-range-zoom{padding:22px 12px 6px}.eco-range-zoom img{height:215px}.eco-range-body{padding:12px}.eco-range-body h3{font-size:18px}.eco-range-body p{font-size:12px;min-height:36px}.eco-range-pick{font-size:12px}.eco-range-filters button{font-size:12px;padding:9px 12px}.eco-range-related>div{grid-template-columns:1fr}.eco-range-related img{height:80px;width:85px}.eco-range-gallery>.uk-grid>div:first-child .el-image{height:330px}.eco-range-advice{padding:15px}}
@media(prefers-reduced-motion:reduce){.eco-range-zoom img,.eco-range-card{transition:none}.eco-range-zoom:hover img{transform:none}}