@media (max-width:1180px){
.ecpdp-root{
--ecpdp-device-pad:16px;
--ecpdp-device-max:100%;
}
.ecpdp-layout{
display:grid;
grid-template-columns:1fr;
gap:18px;
width:100%;
max-width:100%;
margin:0;
padding:0;
}
.ecpdp-layout__gallery,
.ecpdp-layout__buybox{
width:100%;
max-width:100%;
min-width:0;
}
.ecpdp-layout__buybox,
.ecpdp-root--buybox .ecpdp-buybox,
.ecpdp-gallery__main{
position:static;
top:auto;
max-height:none;
overflow:visible;
align-self:auto;
}
.ecpdp-gallery__desktop{display:none !important;}
.ecpdp-gallery__mobile{
display:block !important;
width:100%;
max-width:var(--ecpdp-device-max);
margin:0 auto;
background:#fff;
}
.ecpdp-gallery__track{
display:flex;
overflow-x:auto;
scroll-snap-type:x mandatory;
overscroll-behavior-x:contain;
}
.ecpdp-gallery__slide{
flex:0 0 100%;
min-width:100%;
max-width:100%;
scroll-snap-align:start;
}
.ecpdp-gallery__mobile .ecpdp-gallery__link,
.ecpdp-gallery__mobile .ecpdp-gallery__video-link{
display:block;
width:100%;
height:auto;
aspect-ratio:var(--ecpdp-gallery-ratio);
padding:0;
margin:0;
overflow:hidden;
background:#fff;
line-height:0;
}
.ecpdp-gallery__mobile .ecpdp-gallery__img,
.ecpdp-gallery__mobile .ecpdp-gallery__video{
display:block;
width:100%;
height:100%;
aspect-ratio:var(--ecpdp-gallery-ratio);
object-fit:cover;
background:#f6f6f6;
}
.ecpdp-buybox{
width:100%;
max-width:var(--ecpdp-device-max);
margin:0 auto;
padding:20px var(--ecpdp-device-pad);
border:0;
box-shadow:none;
background:#fff;
}
.ecpdp-breadcrumbs{
font-size:10px;
line-height:1.35;
margin-bottom:14px;
letter-spacing:.08em;
}
.ecpdp-breadcrumbs__sep{margin:0 9px;}
.ecpdp-buybox__brand{
font-size:10px;
margin-bottom:10px;
letter-spacing:.08em;
}
.ecpdp-buybox__title{
font-size:16px;
line-height:1.36;
margin-bottom:14px;
letter-spacing:.015em;
}
.ecpdp-buybox__stock{
font-size:9px;
margin-bottom:8px;
letter-spacing:.18em;
}
.ecpdp-preorder-note{
font-size:11px;
line-height:1.55;
margin-bottom:13px;
}
.ecpdp-buybox__price{
font-size:14px;
line-height:1.2;
margin-bottom:18px;
min-height:20px;
}
.ecpdp-buybox__price > .price,
.ecpdp-buybox__price .ecpdp-price{
gap:8px 10px;
}
.ecpdp-buybox__price .ecpdp-price__badge{
min-height:22px;
padding:4px 7px;
font-size:8px;
}
.ecpdp-buybox__excerpt,
.ecpdp-buybox__excerpt p{
font-size:12px;
line-height:1.58;
}
.ecpdp-buybox__excerpt{margin-bottom:16px;}
.ecpdp-buybox__meta{
font-size:11px;
line-height:1.5;
margin-bottom:16px;
}
.ecpdp-colorblock{margin-bottom:16px;}
.ecpdp-colorblock__label{
font-size:10px;
margin-bottom:10px;
letter-spacing:.13em;
}
.ecpdp-colorblock__label-value{
max-width:54%;
overflow-wrap:anywhere;
}
.ecpdp-colorlist{
gap:12px;
flex-wrap:wrap;
}
.ecpdp-colorbtn,
.ecpdp-colorbtn:hover,
.ecpdp-colorbtn:active,
.ecpdp-colorbtn:focus{
--ecpdp-color-hit:28px;
--ecpdp-color-dot:20px;
--ecpdp-color-line:18px;
--ecpdp-color-line-bottom:0px;
flex-basis:var(--ecpdp-color-hit);
width:var(--ecpdp-color-hit);
height:34px;
min-width:var(--ecpdp-color-hit);
min-height:34px;
padding:0 0 8px;
align-items:flex-start;
justify-content:center;
}
.ecpdp-colorbtn__surface{
width:var(--ecpdp-color-dot);
height:var(--ecpdp-color-dot);
flex-basis:var(--ecpdp-color-dot);
margin:0 auto;
top:auto;
left:auto;
}
.ecpdp-sizehead{
gap:12px;
margin-bottom:8px;
align-items:flex-end;
}
.ecpdp-sizehead__left,
.ecpdp-sizehead__right a,
.ecpdp-sizeguide-trigger{
font-size:11px;
line-height:1.4;
}
.ecpdp-sizegrid{
gap:5px;
margin-bottom:14px;
}
.ecpdp-sizebtn{
min-height:38px;
padding:6px 6px;
font-size:11px;
line-height:1.1;
letter-spacing:.035em;
}
.ecpdp-sizegrid--count-5 .ecpdp-sizebtn,
.ecpdp-sizegrid--count-6 .ecpdp-sizebtn,
.ecpdp-sizegrid--count-7 .ecpdp-sizebtn,
.ecpdp-sizegrid--count-8 .ecpdp-sizebtn,
.ecpdp-sizegrid--count-9 .ecpdp-sizebtn,
.ecpdp-sizegrid--count-10 .ecpdp-sizebtn{
font-size:10px;
letter-spacing:0;
padding-left:2px;
padding-right:2px;
}
.ecpdp-other-attr{margin-bottom:14px;}
.ecpdp-actions{
display:grid;
grid-template-columns:1fr;
gap:6px;
margin-top:10px;
}
.ecpdp-btn{
min-height:46px;
padding:11px 14px;
font-size:11px;
letter-spacing:.12em;
}
.ecpdp-heart-svg{width:17px;height:17px;}
.ecpdp-promo{
margin:32px 0 22px;
font-size:11px;
line-height:1.35;
}
.ecpdp-accordion{
margin-top:26px;
border-top:1px solid #dedbd2;
}
.ecpdp-promo + .ecpdp-accordion{margin-top:0;}
.ecpdp-accordion__summary{
min-height:58px;
padding:0;
font-size:12px;
line-height:1.35;
}
.ecpdp-accordion__summary::after{
width:18px;
height:18px;
font-size:21px;
}
.ecpdp-accordion__content{
padding-bottom:18px;
font-size:12px;
line-height:1.68;
}
.ecpdp-gallery__arrow{
width:34px;
height:50px;
font-size:31px;
color:rgba(17,17,17,.72);
}
.ecpdp-gallery__arrow--prev{left:6px;}
.ecpdp-gallery__arrow--next{right:6px;}
.ecpdp-gallery__dots{
bottom:8px;
gap:3px;
max-width:calc(100% - 28px);
}
.ecpdp-gallery__dot{
width:19px;
max-width:19px;
height:1px;
}
.ecpdp-gallery__dot.is-active{
width:30px;
max-width:30px;
}
} @media (min-width:768px) and (max-width:1180px){
.ecpdp-root{
--ecpdp-device-pad:18px;
--ecpdp-device-max:680px;
}
.ecpdp-layout{gap:16px;}
.ecpdp-gallery__mobile{
max-width:680px;
}
.ecpdp-buybox{
max-width:680px;
padding:18px var(--ecpdp-device-pad) 22px;
}
.ecpdp-buybox__title{
font-size:15px;
margin-bottom:12px;
}
.ecpdp-buybox__price{
font-size:13px;
margin-bottom:16px;
}
.ecpdp-buybox__price .ecpdp-price__regular{font-size:.9em;}
.ecpdp-buybox__excerpt,
.ecpdp-buybox__excerpt p{
font-size:11.5px;
line-height:1.56;
}
.ecpdp-actions{
grid-template-columns:1fr 1fr;
}
.ecpdp-btn{
min-height:42px;
padding:10px 12px;
font-size:10.5px;
}
.ecpdp-accordion{margin-top:24px;}
.ecpdp-accordion__summary{
min-height:54px;
font-size:11.5px;
}
.ecpdp-accordion__content{
font-size:11.5px;
line-height:1.65;
}
.ecpdp-gallery__arrow{
width:32px;
height:46px;
font-size:29px;
}
.ecpdp-gallery__dot{
width:22px;
max-width:22px;
}
.ecpdp-gallery__dot.is-active{
width:32px;
max-width:32px;
}
} @media (max-width:767px){
.ecpdp-root{
--ecpdp-device-pad:16px;
--ecpdp-device-max:100%;
}
.ecpdp-layout{gap:18px;}
.ecpdp-buybox{padding:20px 16px;}
.ecpdp-colorlist{gap:10px;}
.ecpdp-colorbtn,
.ecpdp-colorbtn:hover,
.ecpdp-colorbtn:active,
.ecpdp-colorbtn:focus{
--ecpdp-color-hit:26px;
--ecpdp-color-dot:19px;
--ecpdp-color-line:17px;
height:32px;
min-height:32px;
padding-bottom:7px;
}
.ecpdp-actions{grid-template-columns:1fr;}
}