/* MAUVIEL SA - MOBILE. Standing rule: every page responsive and very mobile friendly. */

/* 1. iOS zooms any input under 16px */
@media (max-width:820px){
 input,select,textarea,.mv-search__input,.mv-sort__sel,
 .woocommerce input,.woocommerce select,.woocommerce textarea,
 .woocommerce div.product form.cart .variations select{font-size:16px!important}
}

/* 2. Touch targets. A 12px checkbox is not tappable. */
@media (max-width:900px){
 .mv-opt{padding:.6rem 0;font-size:.9375rem;gap:.7rem;min-height:44px;align-items:center}
 .mv-opt input{width:20px;height:20px}
 .mv-opt input:checked::after{left:6px;top:2px;width:6px;height:12px;border-right-width:2px;border-bottom-width:2px}
 .mv-facet__toggle{padding:1rem 0;font-size:.8125rem;min-height:48px}
 .mv-chip{padding:.5rem .75rem;font-size:.75rem}
 .mv-btn{padding:.95rem 1.5rem}
 .mv-filters__close{min-height:44px;padding:0 .5rem}
 .mv-textlink,.mv-pick__t a{display:inline-block;padding:.25rem 0}
}

/* 3. Tables become stacked records */
@media (max-width:700px){
 .mv-spec-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
 .mv-spec-table,.mv-spec-table tbody,.mv-spec-table tr,.mv-spec-table td,.mv-spec-table th{display:block;width:100%}
 .mv-spec-table tr{border-bottom:var(--mv-rule);padding:.7rem 0}
 .mv-spec-table td,.mv-spec-table th{border:0;padding:.2rem 0;font-size:.875rem}
 .mv-spec-table td::before{content:attr(data-l);display:block;font-family:var(--mv-font-data);font-size:.625rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mv-ink-55)}
 .mv-spec-table--pairs th[scope=row]{font-weight:600;padding-top:.5rem}
 .mv-compare th[scope=row]{white-space:normal;font-size:1rem;font-weight:600;padding-top:.6rem}
 .mv-tablewrap{overflow-x:visible}
}

/* 4. Diagrams: SVG text must not shrink below readable */
@media (max-width:640px){
 .mv-dia__label{font-size:17px}
 .mv-dia__micro{font-size:13px}
 .mv-dia__num{font-size:16px}
 .mv-dia__eyebrow{font-size:14px}
 .mv-dia__count{font-size:30px}
 .mv-dia__big{font-size:34px}
}

/* 5. Shop */
@media (max-width:900px){
 .mv-shop{padding-left:5%;padding-right:5%}
 .mv-shop__bar{gap:.75rem;flex-wrap:wrap}
 .mv-count{margin-inline-start:0;order:3;width:100%;padding-top:.2rem}
 .mv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .mv-card__link{padding:.6rem}
 .mv-card__title{font-size:.875rem}
 .mv-card__sizes{display:none}
}
@media (max-width:400px){.mv-grid{grid-template-columns:minmax(0,1fr)}}

/* 6. Editorial and home */
@media (max-width:900px){
 .mv-page,.mv-cat{padding-left:5%;padding-right:5%}
 .mv-page .mv-lead,.mv-cat__lead .mv-lead{font-size:1.25rem;max-width:none}
 .mv-page .mv-body,.mv-cat__body .mv-body{font-size:1rem;max-width:none}
 .mv-picks,.mv-tiles,.mv-mat,.mv-home .mv-tiles{grid-template-columns:minmax(0,1fr)}
 .mv-hero{min-height:auto;padding-top:var(--mv-space-8)}
 .mv-hero__inner{padding-top:var(--mv-space-8);padding-bottom:var(--mv-space-6)}
 .mv-hero__title{font-size:clamp(2rem,9vw,3rem);max-width:none}
 .mv-hero__actions{flex-direction:column;align-items:flex-start}
 .mv-hero__actions .mv-btn{width:100%;text-align:center}
 .mv-sec{padding:var(--mv-space-8) 0}
 .mv-sec>*,.mv-hero__inner,.mv-band__inner,.mv-rail__head{padding-left:5%;padding-right:5%}
 .mv-mat,.mv-home .mv-tiles{width:90%}
 .mv-rail{padding-left:5%;padding-right:5%;scroll-padding-left:5%;grid-auto-columns:minmax(200px,1fr)}
}
@media (max-width:560px){.mv-mat,.mv-home .mv-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:420px){.mv-mat,.mv-home .mv-tiles{grid-template-columns:minmax(0,1fr)}}

/* 7. Search overlay */
@media (max-width:760px){
 .mv-search__panel{max-height:100vh;height:100vh;padding:var(--mv-space-3) 5%}
 .mv-sg{grid-template-columns:minmax(0,1fr)}
 .mv-sg__p img{width:44px;height:44px}
 .mv-search__input{font-size:1.25rem}
}

/* 8. Product page */
@media (max-width:900px){
 .woocommerce div.product,.woocommerce-products-header,.woocommerce .woocommerce-breadcrumb{padding-left:5%;padding-right:5%}
 .woocommerce div.product div.images,.woocommerce div.product div.summary{width:100%!important;float:none!important;margin-right:0!important}
 .woocommerce div.product .product_title{font-size:1.6rem}
 .woocommerce .single_add_to_cart_button{max-width:none}
 .woocommerce div.product .woocommerce-tabs ul.tabs{gap:var(--mv-space-2);overflow-x:auto;flex-wrap:nowrap}
 .woocommerce div.product .woocommerce-tabs ul.tabs li a{white-space:nowrap}
}

/* 9. Nothing may scroll sideways */
html,body{max-width:100%;overflow-x:clip}
img,video,iframe,table{max-width:100%}

/* 10. Price colour cannot be overridden by a Divi module */
.woocommerce div.product p.price,.woocommerce div.product span.price,
.et_pb_wc_price .price,.et_pb_wc_price .price *,.et_pb_module .price,
.et_pb_wc_price span,.woocommerce-Price-amount,.woocommerce-Price-currencySymbol{color:var(--mv-ink)!important}
.woocommerce div.product p.price del,.woocommerce div.product p.price del *{color:var(--mv-ink-55)!important}
.woocommerce-price-suffix{color:var(--mv-ink-55)!important;font-weight:400}