#ydburger{display:none}
#ydtab{display:none!important}
#ydmenu{display:none}

@media(max-width:1024px){

.hdr .nav{display:none!important}
.subnav{display:none!important}
body.ydscrolled .subnav,body.ydscrolled #ydol-top .subnav{display:none!important}
.hdr .hdrin,.hdrin{height:56px!important;min-height:0!important;padding:0 12px!important;display:flex;align-items:center;justify-content:space-between}
.hdr .brandmark,.brandmark{position:static!important;left:auto!important;transform:none!important}
.brandmark svg{height:32px!important;width:auto!important}
.hdr .tools .cur{display:none!important}
#ydburger{display:flex!important;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;
  background:transparent;border:0;padding:8px;cursor:pointer;-webkit-tap-highlight-color:transparent;flex:0 0 auto}
#ydburger span{display:block;height:2.5px;border-radius:2px;background:#221B46;transition:.2s}

#ydmscrim{position:fixed;inset:0;background:rgba(20,15,40,.5);opacity:0;visibility:hidden;transition:.25s;z-index:9590}
#ydmscrim.on{opacity:1;visibility:visible}
.ydm-logo{height:40px}
#ydmenu{display:flex;position:fixed;inset:0 auto 0 0;width:86vw;max-width:420px;box-shadow:24px 0 60px rgba(0,0,0,.35);z-index:9600;background:#221B46;color:#fff;
  transform:translateX(-102%);transition:transform .28s ease;
  flex-direction:column;padding:16px 24px calc(28px + env(safe-area-inset-bottom));overflow:auto}
#ydmenu.on{transform:none}
.ydm-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}
.ydm-title{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.55);font-weight:800}
.ydm-x{background:rgba(255,255,255,.10);border:0;color:#fff;width:44px;height:44px;border-radius:50%;font-size:24px;line-height:1;cursor:pointer;-webkit-tap-highlight-color:transparent}
.ydm-nav{display:flex;flex-direction:column}
.ydm-nav a{color:#fff;text-decoration:none;font-size:27px;font-weight:900;padding:12px 0;-webkit-tap-highlight-color:transparent}
.ydm-nav.sub a{font-size:16px;font-weight:700;color:rgba(255,255,255,.82);padding:10px 0}
.ydm-nav a.act{color:#F6C944}
.ydm-nav a .st{color:#E5188A;letter-spacing:4px;font-size:18px}
.ydm-sep{height:1px;background:rgba(255,255,255,.12);margin:14px 0;flex:0 0 auto}

#drawer{width:100vw!important;max-width:100vw!important}

.reassin{display:grid!important;grid-template-columns:1fr 1fr!important;gap:26px 12px!important;justify-items:center!important;padding:0 18px!important}
.reass .rcol{align-items:center!important;text-align:center!important}
.reass .rcol:last-child{grid-column:1/-1}
.reass .ric{margin:0 auto 10px!important;width:38px!important;height:38px!important}
.reass .rcol span{font-size:13px}

.footgrid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:26px 18px!important}
.footbrand{grid-column:1/-1;max-width:none!important;text-align:center}
.footbrand img{margin:0 auto 12px!important}
.footbrand p{margin:0 auto!important}
.copy{flex-direction:column;gap:8px;text-align:center}

.lucy,#yd-lucy{aspect-ratio:auto!important;min-height:620px!important;height:auto!important;
  background-position:74% bottom!important;background-size:cover!important;overflow:hidden}
.lucyin,#yd-lucy .ydl-c{position:absolute!important;left:18px!important;top:26px!important;transform:none!important;
  max-width:66%!important;margin:0!important;padding:0!important;background:transparent!important;border-radius:0!important;box-shadow:none!important}
.lucyin h2,#yd-lucy h2{font-size:42px!important;line-height:1.02!important}
#yd-lucy h2 span{font-size:16px!important}
.lucyul,#yd-lucy ul{margin:16px 0!important;padding:0!important;list-style:none!important}
.lucyul li,#yd-lucy li{font-size:14.5px!important;margin-bottom:9px!important}
#yd-lucy .ydl-btn,.lucyin .ydl-btn{display:inline-block!important;padding:13px 26px!important}
#yd-lucy .ydl-dl,.lucyin .ydl-dl{font-size:12.5px!important}
}

@media(max-width:700px){
html{-webkit-text-size-adjust:100%}
input,select,textarea{font-size:16px!important} 

.ydp-bar-in{flex-wrap:wrap!important;gap:8px 14px!important;padding:10px 14px calc(10px + env(safe-area-inset-bottom))!important}
.ydp-bi .l{font-size:9px!important}
.ydp-bi .v{font-size:16px!important}
.ydp-bi .v.prixnow{font-size:19px!important}
.ydp-sep{display:none!important}
.ydp-jauge{order:5;flex-basis:100%!important;gap:4px!important}
.ydp-jauge .l{font-size:11px!important;white-space:normal!important}
.ydp-track{width:100%!important}
.ydp-bar-cta{order:6;flex-basis:100%!important;text-align:center;margin-left:0!important;padding:14px 20px!important}

.ydp-cards{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}

.ydp-reco-grid{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory;gap:14px!important;padding-bottom:12px;-webkit-overflow-scrolling:touch}
.ydp-reco-grid>*{flex:0 0 78%!important;scroll-snap-align:center;min-width:0}

.ydp-cons-title .l2{font-size:54px!important}

.rev3-grid{grid-template-columns:1fr!important}
.rev3-vs-col{grid-row:auto!important;justify-content:center}
.rev3-calc-btn{max-width:none!important}
.rev3-shopbtn{max-width:none!important}
#rev3-rank-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
}

@media(max-width:700px){

.hero .big{font-size:clamp(54px,17vw,84px)!important}
.hero h1{font-size:clamp(24px,6.6vw,36px)!important}
.postit{transform:scale(.55)!important;transform-origin:top right!important}

.prodimg{height:auto!important;max-height:420px!important;min-height:0!important}
.sh-gold,.sh-mag,.sh-lav{height:auto!important;min-height:225px!important}

.sech h2,.sect h2{font-size:clamp(24px,6.4vw,34px)!important}

.yvtitle .l2{font-size:clamp(44px,13vw,64px)!important}

.wrap .it{font-size:clamp(32px,9vw,48px)!important}

.wrap{padding-left:18px!important;padding-right:18px!important}
}

@media(max-width:700px){
.ydc-title{font-size:21px!important;letter-spacing:0!important}
.ydc-head{flex-wrap:wrap!important;gap:12px!important;align-items:center!important}
.ydc-img{flex:0 0 64px!important;width:64px!important}
.ydc-img img{width:64px!important;height:auto!important}
.ydc-name{flex:1 1 55%!important;min-width:0}
.ydc-price{margin-left:0!important;text-align:left!important;flex-basis:100%!important;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ydc-meta{font-size:13px!important;white-space:nowrap}
.ydc-edit{white-space:nowrap!important}
.ydc-card{padding:16px!important}
}

@media(max-width:700px){

.ydc-single{flex-wrap:wrap!important;row-gap:10px!important}
.ydc-single>div:nth-child(2){flex:1 1 calc(100% - 76px)!important;min-width:calc(100% - 76px)!important}
.ydc-single .ydc-step{order:3}
.ydc-single .ydc-x{order:4}
.ydc-single>div:last-child{order:5;margin-left:auto}

.ydp-tagline,.ydegtag{text-align:center!important;margin-left:auto!important;margin-right:auto!important;max-width:none!important}

#incbar .incin{flex-wrap:wrap!important;gap:8px 14px!important;padding:10px 14px calc(10px + env(safe-area-inset-bottom))!important}
#incbar .yjauge{order:5!important;flex-basis:100%!important;display:flex!important;flex-direction:column!important;gap:5px!important;max-width:none!important}
#incbar #inctxt{font-size:11px!important;white-space:normal!important}
#incbar .ytrack{width:100%!important;display:block!important}
#incbar .inccta{order:6;flex-basis:100%!important;text-align:center}
}

@media(max-width:700px){

.ydp-tagline .tgc,.ydegtag .tgc{display:none!important}
.ydp-tagline .tg1,.ydp-tagline .tg2,.ydegtag .tg1,.ydegtag .tg2{display:block!important}
.ydp-tagline .tg2::first-letter,.ydegtag .tg2::first-letter{text-transform:uppercase}

.ar .arqty{display:flex!important;justify-content:center!important;align-items:center!important;gap:8px!important}

.footsoc{justify-content:center}
.copy{padding:0 10px}
}

@media(max-width:700px){
.ngrid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:18px 10px!important}
.ngrid .ar{padding:6px 2px!important}
.ngrid .arimg img{max-width:92px!important}
.ngrid .arname{font-size:11.5px!important}
.ngrid .arqty button{width:30px!important;height:30px!important}
}
@media(max-width:700px){
.ngrid .ar::before{width:100px!important;height:100px!important;top:6px!important}
.ngrid .arimg img{max-width:84px!important}
}

@media(max-width:1024px){
#drawer{overflow-y:auto!important;-webkit-overflow-scrolling:touch}
#drawer .items{flex:0 0 auto!important;overflow:visible!important;min-height:0!important;max-height:none!important}
#drawer .dh{position:sticky!important;top:0;background:#fff;z-index:6}
#drawer .ship{position:sticky!important;top:52px;z-index:5}
#drawer .dfoot{position:sticky!important;bottom:0;background:#fff;z-index:6;box-shadow:0 -10px 24px rgba(34,27,70,.10)}
}

@media(max-width:700px){
.ypwrap{max-width:100%!important;overflow-x:hidden!important;box-sizing:border-box}
.ypintro{display:block!important;padding:0 16px!important}
.ypintro .ypimg{text-align:center;margin-bottom:14px}
.ypintro .ypimg img{max-width:210px!important;height:auto!important}
.ypintro .yptxt{max-width:100%!important;width:auto!important;padding:0!important}
.yptxt p{font-size:15.5px!important;line-height:1.55!important}
}