/* One responsive application; the same routes, state and navigation serve every viewport. */
#wzmobile-component img{max-width:100%;height:auto}
#wzmobile-component .hero__img,#wzmobile-component .abouthero img,#wzmobile-component .catalog-card__media img,#wzmobile-component .card__media img,#wzmobile-component .service-card__media img,#wzmobile-component .pdp-media__slide img{height:100%;object-fit:cover}
#wzmobile-component .cats{grid-template-columns:minmax(0,1fr);gap:12px}
#wzmobile-component .cat button{display:grid;grid-template-columns:86px minmax(0,1fr);grid-template-rows:1fr 1fr;gap:0 20px;align-items:center;padding:11px 18px 11px 11px;border:1px solid var(--line);border-radius:22px;background:var(--ivory);text-align:left}
#wzmobile-component .cats .cat .cat__media{grid-row:1/3;width:86px;aspect-ratio:.8;height:auto;border-radius:50px 50px 10px 10px!important;clip-path:none;-webkit-clip-path:none}
#wzmobile-component .cat__name{align-self:end;min-height:0;margin:0;font-family:var(--font-display);font-size:19px;font-weight:500;line-height:1.2;text-align:left;overflow-wrap:anywhere}
#wzmobile-component .cat__count{align-self:start;margin-top:8px;font-size:11px;text-align:left}
#wzmobile-component .section{min-width:0}
#wzmobile-component .catalog-card__media img{width:100%}
@media(min-width:640px){
 #wzmobile-component .hero{height:460px}
 #wzmobile-component .hero__bar{padding:22px 28px}
 #wzmobile-component .hero__copy{left:32px;right:32px;bottom:50px}
 #wzmobile-component .hero__title{font-size:46px;max-width:650px}
 #wzmobile-component .hero__actions .btn{flex:0 1 auto;min-width:170px;max-width:260px;padding:14px 28px}
 #wzmobile-component .cats{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
 #wzmobile-component .cat button{display:block;padding:18px;text-align:center}
 #wzmobile-component .cats .cat .cat__media{width:100%;max-width:180px;margin:auto;aspect-ratio:.85}
 #wzmobile-component .cat__name{margin-top:14px;text-align:center;font-size:21px}
 #wzmobile-component .cat__count{text-align:center;margin-top:8px}
 #wzmobile-component .section{padding:28px}
 #wzmobile-component .section--categories{padding:32px 28px 8px}
 #wzmobile-component .catalog-lookbook{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:12px 28px 45px}
 #wzmobile-component .catalog-card__media{height:auto;aspect-ratio:3/4}
 #wzmobile-component .catalog-card__name{font-size:13px}
 #wzmobile-component .home-services,#wzmobile-component .services-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
 #wzmobile-component .services-page,#wzmobile-component .contactpage{padding:28px}
 #wzmobile-component .contactgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
 #wzmobile-component .sheet{left:50%;right:auto;transform:translateX(-50%);width:min(620px,calc(100% - 48px));bottom:22px;border-radius:24px;animation:none;box-shadow:0 24px 100px rgba(46,39,36,.22)}
 #wzmobile-component .sheet__body{padding:24px}
 #wzmobile-component .sheet__head{padding:18px 24px 14px}
 #wzmobile-component .abouthero{height:360px}
}
@media(min-width:1024px){
 html:has(#wzmobile-component),body:has(#wzmobile-component){background:#efe9e1!important}
 #wzmobile-component{background:#efe9e1}
 #wzmobile-component .app{width:100%;max-width:1280px;margin:0 auto;box-shadow:0 0 70px rgba(55,42,29,.07)}
 #wzmobile-component .app__body{padding-bottom:108px;scrollbar-width:thin}
 #wzmobile-component .hero{height:500px}
 #wzmobile-component .hero__bar{padding:24px 40px}
 #wzmobile-component .hero__copy{left:44px;right:44px;bottom:64px}
 #wzmobile-component .hero__title{font-size:54px;max-width:760px}
 #wzmobile-component .hero__actions{max-width:620px;gap:14px}
 #wzmobile-component .section{padding:36px 40px}
 #wzmobile-component .section--categories{padding:38px 40px 8px}
 #wzmobile-component .section__title{font-size:28px}
 #wzmobile-component .cats{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
 #wzmobile-component .cats .cat .cat__media{max-width:210px}
 #wzmobile-component .catalog-lookbook{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding:20px 40px 48px}
 #wzmobile-component .featured-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
 #wzmobile-component .featured-grid__hero{grid-column:span 2;grid-row:span 2}
 #wzmobile-component .card__media--hero{height:480px}
 #wzmobile-component .services-page,#wzmobile-component .contactpage{padding:36px 40px}
 #wzmobile-component .home-services,#wzmobile-component .services-list{grid-template-columns:repeat(3,minmax(0,1fr))}
 #wzmobile-component .home-service-card{grid-template-columns:76px minmax(0,1fr) 24px;gap:10px}
 #wzmobile-component .home-service-card__media{width:76px;height:98px}
 #wzmobile-component .tabbar{position:absolute;bottom:18px;left:50%;right:auto;transform:translateX(-50%);width:500px;max-width:calc(100% - 48px);border:1px solid var(--line);border-radius:24px;padding:10px 16px;box-shadow:0 12px 44px rgba(46,39,36,.15);z-index:15;background:rgba(255,252,249,.96);backdrop-filter:blur(14px)}
 #wzmobile-component .tabbar__item{min-height:40px;gap:5px}
 #wzmobile-component .tabbar__item span{font-size:11px}
 #wzmobile-component #productDetail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;background:#fff;min-height:calc(100dvh - 90px)}
 #wzmobile-component .pdp-media-wrap{position:sticky;top:0;min-width:0}
 #wzmobile-component .pdp-media__slide,#wzmobile-component .pdp-media__empty{height:min(760px,calc(100dvh - 90px));min-height:520px}
 #wzmobile-component .pdp-content{padding:42px 36px 110px;min-width:0}
 #wzmobile-component .pdp-title{font-size:38px}
 #wzmobile-component .pdp-sticky{left:50%;padding:16px 28px;border-top:1px solid var(--line)}
 #wzmobile-component .pdp-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:0;gap:16px}
 #wzmobile-component .toast{left:50%;right:auto;transform:translateX(-50%);width:min(520px,calc(100% - 48px));bottom:105px}
 #wzmobile-component .abouthero{height:430px}
 #wzmobile-component .aboutbody{max-width:900px;margin:auto;padding:36px}
}
@media(prefers-reduced-motion:reduce){#wzmobile-component *{scroll-behavior:auto!important}}