Merrell Men's Hiking Boots
(12)
<>
/* =====================================================
CAROUSEL WRAPPER
===================================================== */
.mt-slider {
position: relative;
width: 100%;
margin: 24px 0;
text-align: center;
}
/* =====================================================
MASK (VIEWPORT)
===================================================== */
.mt-slider-mask {
width: 100%;
overflow: hidden;
position: relative;
}
/* =====================================================
SLIDER LIST
===================================================== */
.mt-slider-list {
display: flex;
flex-wrap: nowrap;
transition: transform 0.8s ease;
will-change: transform;
}
/* =====================================================
SLIDES â DESKTOP DEFAULT (7 VISIBLE)
===================================================== */
.mt-slide {
flex: 0 0 calc(100% / 7);
box-sizing: border-box;
text-align: center;
}
/* =====================================================
RESPONSIVE BREAKPOINTS (DESKTOP/TABLET)
===================================================== */
@media (max-width: 1200px) {
.mt-slide { flex: 0 0 calc(100% / 5); }
}
@media (max-width: 992px) {
.mt-slide { flex: 0 0 calc(100% / 4); }
}
/* =====================================================
LINK RESET
===================================================== */
.mt-link {
text-decoration: none;
color: inherit;
display: block;
}
/* =====================================================
GREY BUBBLE â HARD GUARANTEE (NO WHITE PATCH)
===================================================== */
.product_bg {
width: 138px;
height: 138px;
margin: 0 auto;
border-radius: 50%;
background-color: #efefef !important;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
/* Kill ALL inner backgrounds */
.product_bg *,
.product_bg a,
.product_bg img {
background: transparent !important;
box-shadow: none !important;
}
/* Image containment */
.product_bg img {
max-width: 70%;
max-height: 70%;
object-fit: contain;
mix-blend-mode: multiply;
display: block;
}
/* Hide broken image icons */
.product_bg img[src=""],
.product_bg img:not([src]) {
display: none;
}
/* =====================================================
TITLE
===================================================== */
.mt-title {
margin-top: 12px;
font-size: 14px;
font-weight: 500;
color: #212322;
white-space: nowrap;
}
/* =====================================================
DESKTOP ARROWS (MONETATE STYLE)
===================================================== */
.mt-prev,
.mt-next {
position: absolute;
top: 40%;
width: 40px;
height: 40px;
border-radius: 50%;
background: #ffffff;
border: 1px solid #1C4951;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
z-index: 10;
padding: 0;
}
.mt-prev { left: -20px; }
.mt-next { right: -20px; }
.mt-prev svg,
.mt-next svg {
width: 16px;
height: 16px;
fill: #1C4951;
}
/* =====================================================
REMOVE BULLETS / LIST MARKERS
===================================================== */
.mt-slider-list,
.mt-slider-list li,
.mt-slide {
list-: none !important;
margin: 0 !important;
padding: 0 !important;
}
.mt-slider-list li::marker {
content: none !important;
}
/* =====================================================
MOBILE / TOUCH DEVICES
===================================================== */
@media (hover: none) and (pointer: coarse) {
/* Enable finger scrolling */
.mt-slider-mask {
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
padding: 0 12px;
}
/* Fixed slide width (NOT percentage) */
.mt-slide {
flex: 0 0 120px !important;
padding: 0 8px !important;
scroll-snap-align: start;
}
/* Smaller bubbles on mobile */
.product_bg {
width: 110px;
height: 110px;
}
.mt-title {
font-size: 13px;
margin-top: 8px;
white-space: normal;
line-height: 1.2;
}
/* Hide arrows on mobile */
.mt-prev,
.mt-next {
display: none !important;
}
}
/* =====================================================
HIDE SCROLLBAR (ALL BROWSERS)
===================================================== */
.mt-slider-mask::-webkit-scrollbar {
display: none;
}
.mt-slider-mask {
scrollbar-width: none;
}
/* ===== Track carousel (transform-based) ===== */
.mt-slider { position: relative; width: 100%; margin: 24px 0; text-align: center; }
.mt-slider-mask{
width: 100%;
overflow: hidden; /* REQUIRED for transform carousel */
position: relative;
touch-action: pan-y; /* allow vertical page scrollbut we handle horizontal drag */
}
.mt-slider-list{
display: flex;
flex-wrap: nowrap;
transition: transform 0.8s ease;
will-change: transform;
}
/* 7 desktop / 3 mobile */
.mt-slide{ flex: 0 0 calc(100% / 7); box-sizing: border-box; text-align: center; }
@media (max-width: 768px){
.mt-slide{ flex: 0 0 calc(100% / 3); }
}
/* bullets reset */
.mt-slider-list.mt-slider-list li.mt-slide{
list-:none !important; margin:0 !important; padding:0 !important;
}
.mt-slider-list li::marker{ content:none !important; }
Filters
Pick Up in Store
Ship To Home
Merrell Men's Accentor 3 Waterproof Mid Hiking Boots
Sale price:
$66.77
Original price:
$119.95
In Select Stores
Ship To Home
Added to Your Cart
