/* Start:/local/static/css/swiper.css?17927410484277*/ :root{--swiper-theme-color:#007aff}:host{z-index:1;margin-left:auto;margin-right:auto;display:block;position:relative}.swiper{z-index:1;margin-left:auto;margin-right:auto;padding:0;list-style:none;display:block;position:relative;overflow:hidden}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{z-index:1;width:100%;height:100%;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box;display:flex;position:relative}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate(0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;transition-property:transform;display:block;position:relative}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;& .swiper-slide,& .swiper-cube-shadow{transform-style:preserve-3d}}.swiper-css-mode{&>.swiper-wrapper{scrollbar-width:none;-ms-overflow-style:none;overflow:auto;&::-webkit-scrollbar{display:none}}&>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{&>.swiper-wrapper{scroll-snap-type:x mandatory}&>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}&>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}}&.swiper-vertical{&>.swiper-wrapper{scroll-snap-type:y mandatory}&>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}&>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}}&.swiper-free-mode{&>.swiper-wrapper{scroll-snap-type:none}&>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{&>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}&>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{&>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}&>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{&>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}&>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}}}.swiper-3d{& .swiper-slide-shadow,& .swiper-slide-shadow-left,& .swiper-slide-shadow-right,& .swiper-slide-shadow-top,& .swiper-slide-shadow-bottom,& .swiper-slide-shadow,& .swiper-slide-shadow-left,& .swiper-slide-shadow-right,& .swiper-slide-shadow-top,& .swiper-slide-shadow-bottom{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}& .swiper-slide-shadow{background:#00000026}& .swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}& .swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}& .swiper-slide-shadow-top{background-image:linear-gradient(#0000,#00000080)}& .swiper-slide-shadow-bottom{background-image:linear-gradient(#00000080,#0000)}}.swiper-lazy-preloader{z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-top-color:#0000;border-radius:50%;width:42px;height:42px;margin-top:-21px;margin-left:-21px;position:absolute;top:50%;left:50%}.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible{& .swiper-lazy-preloader{animation:1s linear infinite swiper-preloader-spin}}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}} /* End */ /* Start:/local/static/css/swiper-modules.css?179274104812988*/ .swiper-fade{&.swiper-free-mode{& .swiper-slide{transition-timing-function:ease-out}}& .swiper-slide{pointer-events:none;transition-property:opacity;& .swiper-slide{pointer-events:none}}& .swiper-slide-active{pointer-events:auto;& .swiper-slide-active{pointer-events:auto}}}.swiper-pagination{text-align:center;z-index:10;transition:opacity .3s;position:absolute;transform:translate(0,0);&.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>&,&.swiper-pagination-disabled{display:none!important}}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);width:100%;left:0}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden;& .swiper-pagination-bullet{position:relative;transform:scale(.33)}& .swiper-pagination-bullet-active,& .swiper-pagination-bullet-active-main{transform:scale(1)}& .swiper-pagination-bullet-active-prev{transform:scale(.66)}& .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}& .swiper-pagination-bullet-active-next{transform:scale(.66)}& .swiper-pagination-bullet-active-next-next{transform:scale(.33)}}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);display:inline-block;button&{box-shadow:none;appearance:none;border:none;margin:0;padding:0}.swiper-pagination-clickable &{cursor:pointer}&:only-child{display:none!important}}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity,1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translateY(-50%);& .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}&.swiper-pagination-bullets-dynamic{width:8px;top:50%;transform:translateY(-50%);& .swiper-pagination-bullet{transition:transform .2s,top .2s;display:inline-block}}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets{& .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}&.swiper-pagination-bullets-dynamic{white-space:nowrap;left:50%;transform:translate(-50%);& .swiper-pagination-bullet{transition:transform .2s,left .2s}}}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute;& .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));transform-origin:0 0;width:100%;height:100%;position:absolute;top:0;left:0;transform:scale(0)}.swiper-rtl & .swiper-pagination-progressbar-fill{transform-origin:100% 0}.swiper-horizontal>&,&.swiper-pagination-horizontal,.swiper-vertical>&.swiper-pagination-progressbar-opposite,&.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);top:0;left:0}.swiper-vertical>&,&.swiper-pagination-vertical,.swiper-horizontal>&.swiper-pagination-progressbar-opposite,&.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size,4px);height:100%;top:0;left:0}}.swiper-pagination-lock{display:none} :root{--swiper-navigation-size:44px}.swiper-button-prev,.swiper-button-next{width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);z-index:10;cursor:pointer;color:var(--swiper-navigation-color,var(--swiper-theme-color));justify-content:center;align-items:center;display:flex;position:absolute;&.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}&.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled &{display:none!important}& ::slotted(svg),& svg{object-fit:contain;transform-origin:50%;fill:currentColor;pointer-events:none;width:100%;height:100%}}.swiper-button-lock{display:none}.swiper-button-prev,.swiper-button-next{top:var(--swiper-navigation-top-offset,50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2))}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto;& ::slotted(.swiper-navigation-icon),& .swiper-navigation-icon{transform:rotate(180deg)}}.swiper-button-next{right:var(--swiper-navigation-sides-offset,4px);left:auto}.swiper-horizontal{& .swiper-button-prev,& .swiper-button-next,&~.swiper-button-prev,&~.swiper-button-next{top:var(--swiper-navigation-top-offset,50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));margin-left:0}& .swiper-button-prev,&~.swiper-button-prev,&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next{left:var(--swiper-navigation-sides-offset,4px);right:auto}& .swiper-button-next,&~.swiper-button-next,&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{right:var(--swiper-navigation-sides-offset,4px);left:auto}& .swiper-button-prev,&~.swiper-button-prev,&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next{& ::slotted(.swiper-navigation-icon),& .swiper-navigation-icon{transform:rotate(180deg)}}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{& ::slotted(.swiper-navigation-icon),& .swiper-navigation-icon{transform:rotate(0)}}}.swiper-vertical{& .swiper-button-prev,& .swiper-button-next,&~.swiper-button-prev,&~.swiper-button-next{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - (var(--swiper-navigation-size) / 2));margin-top:0;right:auto}& .swiper-button-prev,&~.swiper-button-prev{top:var(--swiper-navigation-sides-offset,4px);bottom:auto;& ::slotted(.swiper-navigation-icon),& .swiper-navigation-icon{transform:rotate(-90deg)}}& .swiper-button-next,&~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto;& ::slotted(.swiper-navigation-icon),& .swiper-navigation-icon{transform:rotate(90deg)}}} :root{--swiper-navigation-size:44px}.swiper-button-prev,.swiper-button-next{width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);z-index:10;cursor:pointer;color:var(--swiper-navigation-color,var(--swiper-theme-color));justify-content:center;align-items:center;display:flex;position:absolute;&.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}&.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled &{display:none!important}& ::slotted(svg),& svg{object-fit:contain;transform-origin:50%;fill:currentColor;pointer-events:none;width:100%;height:100%}}.swiper-button-lock{display:none}.swiper-button-prev,.swiper-button-next{top:var(--swiper-navigation-top-offset,50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2))}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto;& ::slotted(.swiper-navigation-icon),& .swiper-navigation-icon{transform:rotate(180deg)}}.swiper-button-next{right:var(--swiper-navigation-sides-offset,4px);left:auto}.swiper-horizontal{& .swiper-button-prev,& .swiper-button-next,&~.swiper-button-prev,&~.swiper-button-next{top:var(--swiper-navigation-top-offset,50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));margin-left:0}& .swiper-button-prev,&~.swiper-button-prev,&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next{left:var(--swiper-navigation-sides-offset,4px);right:auto}& .swiper-button-next,&~.swiper-button-next,&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{right:var(--swiper-navigation-sides-offset,4px);left:auto}& .swiper-button-prev,&~.swiper-button-prev,&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next{& ::slotted(.swiper-navigation-icon),& .swiper-navigation-icon{transform:rotate(180deg)}}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{& ::slotted(.swiper-navigation-icon),& .swiper-navigation-icon{transform:rotate(0)}}}.swiper-vertical{& .swiper-button-prev,& .swiper-button-next,&~.swiper-button-prev,&~.swiper-button-next{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - (var(--swiper-navigation-size) / 2));margin-top:0;right:auto}& .swiper-button-prev,&~.swiper-button-prev{top:var(--swiper-navigation-sides-offset,4px);bottom:auto;& ::slotted(.swiper-navigation-icon),& .swiper-navigation-icon{transform:rotate(-90deg)}}& .swiper-button-next,&~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto;& ::slotted(.swiper-navigation-icon),& .swiper-navigation-icon{transform:rotate(90deg)}}} .swiper-fade{&.swiper-free-mode{& .swiper-slide{transition-timing-function:ease-out}}& .swiper-slide{pointer-events:none;transition-property:opacity;& .swiper-slide{pointer-events:none}}& .swiper-slide-active{pointer-events:auto;& .swiper-slide-active{pointer-events:auto}}}.swiper-pagination{text-align:center;z-index:10;transition:opacity .3s;position:absolute;transform:translate(0,0);&.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>&,&.swiper-pagination-disabled{display:none!important}}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);width:100%;left:0}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden;& .swiper-pagination-bullet{position:relative;transform:scale(.33)}& .swiper-pagination-bullet-active,& .swiper-pagination-bullet-active-main{transform:scale(1)}& .swiper-pagination-bullet-active-prev{transform:scale(.66)}& .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}& .swiper-pagination-bullet-active-next{transform:scale(.66)}& .swiper-pagination-bullet-active-next-next{transform:scale(.33)}}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);display:inline-block;button&{box-shadow:none;appearance:none;border:none;margin:0;padding:0}.swiper-pagination-clickable &{cursor:pointer}&:only-child{display:none!important}}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity,1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translateY(-50%);& .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}&.swiper-pagination-bullets-dynamic{width:8px;top:50%;transform:translateY(-50%);& .swiper-pagination-bullet{transition:transform .2s,top .2s;display:inline-block}}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets{& .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}&.swiper-pagination-bullets-dynamic{white-space:nowrap;left:50%;transform:translate(-50%);& .swiper-pagination-bullet{transition:transform .2s,left .2s}}}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute;& .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));transform-origin:0 0;width:100%;height:100%;position:absolute;top:0;left:0;transform:scale(0)}.swiper-rtl & .swiper-pagination-progressbar-fill{transform-origin:100% 0}.swiper-horizontal>&,&.swiper-pagination-horizontal,.swiper-vertical>&.swiper-pagination-progressbar-opposite,&.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);top:0;left:0}.swiper-vertical>&,&.swiper-pagination-vertical,.swiper-horizontal>&.swiper-pagination-progressbar-opposite,&.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size,4px);height:100%;top:0;left:0}}.swiper-pagination-lock{display:none} /* End */ /* Start:/local/static/css/layout.css?1792741048115502*/ :root{--iti-flag-width:20px;--iti-flag-count:244}.iti__ac{--iti-flag-offset:0}.iti__ad{--iti-flag-offset:-1}.iti__ae{--iti-flag-offset:-2}.iti__af{--iti-flag-offset:-3}.iti__ag{--iti-flag-offset:-4}.iti__ai{--iti-flag-offset:-5}.iti__al{--iti-flag-offset:-6}.iti__am{--iti-flag-offset:-7}.iti__ao{--iti-flag-offset:-8}.iti__ar{--iti-flag-offset:-9}.iti__as{--iti-flag-offset:-10}.iti__at{--iti-flag-offset:-11}.iti__au{--iti-flag-offset:-12}.iti__aw{--iti-flag-offset:-13}.iti__ax{--iti-flag-offset:-14}.iti__az{--iti-flag-offset:-15}.iti__ba{--iti-flag-offset:-16}.iti__bb{--iti-flag-offset:-17}.iti__bd{--iti-flag-offset:-18}.iti__be{--iti-flag-offset:-19}.iti__bf{--iti-flag-offset:-20}.iti__bg{--iti-flag-offset:-21}.iti__bh{--iti-flag-offset:-22}.iti__bi{--iti-flag-offset:-23}.iti__bj{--iti-flag-offset:-24}.iti__bl{--iti-flag-offset:-25}.iti__bm{--iti-flag-offset:-26}.iti__bn{--iti-flag-offset:-27}.iti__bo{--iti-flag-offset:-28}.iti__bq{--iti-flag-offset:-29}.iti__br{--iti-flag-offset:-30}.iti__bs{--iti-flag-offset:-31}.iti__bt{--iti-flag-offset:-32}.iti__bw{--iti-flag-offset:-33}.iti__by{--iti-flag-offset:-34}.iti__bz{--iti-flag-offset:-35}.iti__ca{--iti-flag-offset:-36}.iti__cc{--iti-flag-offset:-37}.iti__cd{--iti-flag-offset:-38}.iti__cf{--iti-flag-offset:-39}.iti__cg{--iti-flag-offset:-40}.iti__ch{--iti-flag-offset:-41}.iti__ci{--iti-flag-offset:-42}.iti__ck{--iti-flag-offset:-43}.iti__cl{--iti-flag-offset:-44}.iti__cm{--iti-flag-offset:-45}.iti__cn{--iti-flag-offset:-46}.iti__co{--iti-flag-offset:-47}.iti__cr{--iti-flag-offset:-48}.iti__cu{--iti-flag-offset:-49}.iti__cv{--iti-flag-offset:-50}.iti__cw{--iti-flag-offset:-51}.iti__cx{--iti-flag-offset:-52}.iti__cy{--iti-flag-offset:-53}.iti__cz{--iti-flag-offset:-54}.iti__de{--iti-flag-offset:-55}.iti__dj{--iti-flag-offset:-56}.iti__dk{--iti-flag-offset:-57}.iti__dm{--iti-flag-offset:-58}.iti__do{--iti-flag-offset:-59}.iti__dz{--iti-flag-offset:-60}.iti__ec{--iti-flag-offset:-61}.iti__ee{--iti-flag-offset:-62}.iti__eg{--iti-flag-offset:-63}.iti__eh{--iti-flag-offset:-64}.iti__er{--iti-flag-offset:-65}.iti__es{--iti-flag-offset:-66}.iti__et{--iti-flag-offset:-67}.iti__fi{--iti-flag-offset:-68}.iti__fj{--iti-flag-offset:-69}.iti__fk{--iti-flag-offset:-70}.iti__fm{--iti-flag-offset:-71}.iti__fo{--iti-flag-offset:-72}.iti__fr{--iti-flag-offset:-73}.iti__ga{--iti-flag-offset:-74}.iti__gb{--iti-flag-offset:-75}.iti__gd{--iti-flag-offset:-76}.iti__ge{--iti-flag-offset:-77}.iti__gf{--iti-flag-offset:-78}.iti__gg{--iti-flag-offset:-79}.iti__gh{--iti-flag-offset:-80}.iti__gi{--iti-flag-offset:-81}.iti__gl{--iti-flag-offset:-82}.iti__gm{--iti-flag-offset:-83}.iti__gn{--iti-flag-offset:-84}.iti__gp{--iti-flag-offset:-85}.iti__gq{--iti-flag-offset:-86}.iti__gr{--iti-flag-offset:-87}.iti__gt{--iti-flag-offset:-88}.iti__gu{--iti-flag-offset:-89}.iti__gw{--iti-flag-offset:-90}.iti__gy{--iti-flag-offset:-91}.iti__hk{--iti-flag-offset:-92}.iti__hn{--iti-flag-offset:-93}.iti__hr{--iti-flag-offset:-94}.iti__ht{--iti-flag-offset:-95}.iti__hu{--iti-flag-offset:-96}.iti__id{--iti-flag-offset:-97}.iti__ie{--iti-flag-offset:-98}.iti__il{--iti-flag-offset:-99}.iti__im{--iti-flag-offset:-100}.iti__in{--iti-flag-offset:-101}.iti__io{--iti-flag-offset:-102}.iti__iq{--iti-flag-offset:-103}.iti__ir{--iti-flag-offset:-104}.iti__is{--iti-flag-offset:-105}.iti__it{--iti-flag-offset:-106}.iti__je{--iti-flag-offset:-107}.iti__jm{--iti-flag-offset:-108}.iti__jo{--iti-flag-offset:-109}.iti__jp{--iti-flag-offset:-110}.iti__ke{--iti-flag-offset:-111}.iti__kg{--iti-flag-offset:-112}.iti__kh{--iti-flag-offset:-113}.iti__ki{--iti-flag-offset:-114}.iti__km{--iti-flag-offset:-115}.iti__kn{--iti-flag-offset:-116}.iti__kp{--iti-flag-offset:-117}.iti__kr{--iti-flag-offset:-118}.iti__kw{--iti-flag-offset:-119}.iti__ky{--iti-flag-offset:-120}.iti__kz{--iti-flag-offset:-121}.iti__la{--iti-flag-offset:-122}.iti__lb{--iti-flag-offset:-123}.iti__lc{--iti-flag-offset:-124}.iti__li{--iti-flag-offset:-125}.iti__lk{--iti-flag-offset:-126}.iti__lr{--iti-flag-offset:-127}.iti__ls{--iti-flag-offset:-128}.iti__lt{--iti-flag-offset:-129}.iti__lu{--iti-flag-offset:-130}.iti__lv{--iti-flag-offset:-131}.iti__ly{--iti-flag-offset:-132}.iti__ma{--iti-flag-offset:-133}.iti__mc{--iti-flag-offset:-134}.iti__md{--iti-flag-offset:-135}.iti__me{--iti-flag-offset:-136}.iti__mf{--iti-flag-offset:-137}.iti__mg{--iti-flag-offset:-138}.iti__mh{--iti-flag-offset:-139}.iti__mk{--iti-flag-offset:-140}.iti__ml{--iti-flag-offset:-141}.iti__mm{--iti-flag-offset:-142}.iti__mn{--iti-flag-offset:-143}.iti__mo{--iti-flag-offset:-144}.iti__mp{--iti-flag-offset:-145}.iti__mq{--iti-flag-offset:-146}.iti__mr{--iti-flag-offset:-147}.iti__ms{--iti-flag-offset:-148}.iti__mt{--iti-flag-offset:-149}.iti__mu{--iti-flag-offset:-150}.iti__mv{--iti-flag-offset:-151}.iti__mw{--iti-flag-offset:-152}.iti__mx{--iti-flag-offset:-153}.iti__my{--iti-flag-offset:-154}.iti__mz{--iti-flag-offset:-155}.iti__na{--iti-flag-offset:-156}.iti__nc{--iti-flag-offset:-157}.iti__ne{--iti-flag-offset:-158}.iti__nf{--iti-flag-offset:-159}.iti__ng{--iti-flag-offset:-160}.iti__ni{--iti-flag-offset:-161}.iti__nl{--iti-flag-offset:-162}.iti__no{--iti-flag-offset:-163}.iti__np{--iti-flag-offset:-164}.iti__nr{--iti-flag-offset:-165}.iti__nu{--iti-flag-offset:-166}.iti__nz{--iti-flag-offset:-167}.iti__om{--iti-flag-offset:-168}.iti__pa{--iti-flag-offset:-169}.iti__pe{--iti-flag-offset:-170}.iti__pf{--iti-flag-offset:-171}.iti__pg{--iti-flag-offset:-172}.iti__ph{--iti-flag-offset:-173}.iti__pk{--iti-flag-offset:-174}.iti__pl{--iti-flag-offset:-175}.iti__pm{--iti-flag-offset:-176}.iti__pr{--iti-flag-offset:-177}.iti__ps{--iti-flag-offset:-178}.iti__pt{--iti-flag-offset:-179}.iti__pw{--iti-flag-offset:-180}.iti__py{--iti-flag-offset:-181}.iti__qa{--iti-flag-offset:-182}.iti__re{--iti-flag-offset:-183}.iti__ro{--iti-flag-offset:-184}.iti__rs{--iti-flag-offset:-185}.iti__ru{--iti-flag-offset:-186}.iti__rw{--iti-flag-offset:-187}.iti__sa{--iti-flag-offset:-188}.iti__sb{--iti-flag-offset:-189}.iti__sc{--iti-flag-offset:-190}.iti__sd{--iti-flag-offset:-191}.iti__se{--iti-flag-offset:-192}.iti__sg{--iti-flag-offset:-193}.iti__sh{--iti-flag-offset:-194}.iti__si{--iti-flag-offset:-195}.iti__sj{--iti-flag-offset:-196}.iti__sk{--iti-flag-offset:-197}.iti__sl{--iti-flag-offset:-198}.iti__sm{--iti-flag-offset:-199}.iti__sn{--iti-flag-offset:-200}.iti__so{--iti-flag-offset:-201}.iti__sr{--iti-flag-offset:-202}.iti__ss{--iti-flag-offset:-203}.iti__st{--iti-flag-offset:-204}.iti__sv{--iti-flag-offset:-205}.iti__sx{--iti-flag-offset:-206}.iti__sy{--iti-flag-offset:-207}.iti__sz{--iti-flag-offset:-208}.iti__tc{--iti-flag-offset:-209}.iti__td{--iti-flag-offset:-210}.iti__tg{--iti-flag-offset:-211}.iti__th{--iti-flag-offset:-212}.iti__tj{--iti-flag-offset:-213}.iti__tk{--iti-flag-offset:-214}.iti__tl{--iti-flag-offset:-215}.iti__tm{--iti-flag-offset:-216}.iti__tn{--iti-flag-offset:-217}.iti__to{--iti-flag-offset:-218}.iti__tr{--iti-flag-offset:-219}.iti__tt{--iti-flag-offset:-220}.iti__tv{--iti-flag-offset:-221}.iti__tw{--iti-flag-offset:-222}.iti__tz{--iti-flag-offset:-223}.iti__ua{--iti-flag-offset:-224}.iti__ug{--iti-flag-offset:-225}.iti__us{--iti-flag-offset:-226}.iti__uy{--iti-flag-offset:-227}.iti__uz{--iti-flag-offset:-228}.iti__va{--iti-flag-offset:-229}.iti__vc{--iti-flag-offset:-230}.iti__ve{--iti-flag-offset:-231}.iti__vg{--iti-flag-offset:-232}.iti__vi{--iti-flag-offset:-233}.iti__vn{--iti-flag-offset:-234}.iti__vu{--iti-flag-offset:-235}.iti__wf{--iti-flag-offset:-236}.iti__ws{--iti-flag-offset:-237}.iti__xk{--iti-flag-offset:-238}.iti__ye{--iti-flag-offset:-239}.iti__yt{--iti-flag-offset:-240}.iti__za{--iti-flag-offset:-241}.iti__zm{--iti-flag-offset:-242}.iti__zw{--iti-flag-offset:-243}:root{--iti-hover-color:#0000000d;--iti-border-color:#ccc;--iti-country-selector-bg:white;--iti-icon-color:#555;--iti-spacer-horizontal:10px;--iti-flag-height:calc(var(--iti-flag-width) * 3 / 4);--iti-globe-icon-size:17px;--iti-clear-icon-size:15px;--iti-close-icon-size:20px;--iti-border-width:1px;--iti-arrow-size:5px;--iti-arrow-width:1.5px;--iti-arrow-padding:7px;--iti-mobile-popup-margin:44px;--iti-strict-reject-flash-color:#ff00001f}.iti{display:inline-block;position:relative}.iti *{box-sizing:border-box}.iti input.iti__tel-input,.iti input.iti__tel-input[type=text],.iti input.iti__tel-input[type=tel]{z-index:0;min-width:100%;display:block;position:relative;margin:0!important}.iti__a11y-text{clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;position:absolute;overflow:hidden}.iti__country-container{padding:var(--iti-border-width);position:absolute;top:0;bottom:0;left:0}.iti__selected-country{z-index:1;height:100%;font-family:inherit;font-size:inherit;color:inherit;font-weight:inherit;line-height:inherit;background:0 0;border:0;border-radius:0;align-items:center;margin:0;padding:0;text-decoration:none;display:flex;position:relative}.iti__selected-country-primary{height:100%;padding:0 var(--iti-arrow-padding) 0 var(--iti-spacer-horizontal);align-items:center;display:flex}.iti__selected-dial-code{margin-left:4px}.iti__arrow{margin-left:var(--iti-arrow-padding);width:var(--iti-arrow-size);height:var(--iti-arrow-size);box-sizing:border-box;border-right:var(--iti-arrow-width) solid var(--iti-icon-color);border-bottom:var(--iti-arrow-width) solid var(--iti-icon-color);margin-top:-2px;transform:rotate(45deg)}.iti__arrow--up{margin-top:4px;transform:rotate(-135deg)}.iti__country-selector{background-color:var(--iti-country-selector-bg);border-radius:3px}.iti--inline-country-selector .iti__country-selector{border:var(--iti-border-width) solid var(--iti-border-color);box-shadow:1px 1px 4px #0003}.iti--inline-country-selector:not(.iti--detached-country-selector) .iti__country-selector{z-index:2;position:absolute;left:0}.iti__search-input{width:100%;padding-left:calc(var(--iti-spacer-horizontal) + var(--iti-globe-icon-size) + var(--iti-spacer-horizontal));padding-right:calc(var(--iti-spacer-horizontal) + var(--iti-clear-icon-size) + var(--iti-spacer-horizontal));border-width:0;border-radius:3px}[dir=rtl] .iti__search-input{padding-left:inherit;background-position:right 8px center;padding-right:30px}.iti__search-input::-webkit-search-cancel-button{appearance:none}.iti__search-input,.iti__country{padding-top:8px;padding-bottom:8px}.iti__search-input-wrapper{border-bottom:1px solid var(--iti-border-color);align-items:center;display:flex;position:relative}.iti__search-icon{left:var(--iti-spacer-horizontal);pointer-events:none;display:flex;position:absolute}[dir=rtl] .iti__search-icon{left:auto;right:var(--iti-spacer-horizontal)}.iti__search-icon-svg{width:var(--iti-globe-icon-size);height:var(--iti-globe-icon-size);stroke:var(--iti-icon-color);fill:none;stroke-width:3px;display:block}.iti__search-clear{right:calc(var(--iti-spacer-horizontal) / 2);cursor:pointer;padding:calc(var(--iti-spacer-horizontal) / 2);background:0 0;border:0;border-radius:3px;justify-content:center;align-items:center;transition:background-color .15s;display:flex;position:absolute}.iti__search-clear .iti__search-clear-x{stroke-width:2px}.iti__search-clear .iti__search-clear-bg{fill:var(--iti-icon-color)}[dir=rtl] .iti__search-clear{right:auto;left:var(--iti-spacer-horizontal)}.iti__search-clear:hover,.iti__search-clear:focus-visible{background:var(--iti-hover-color);outline:none}.iti__search-clear-svg{width:var(--iti-clear-icon-size);height:var(--iti-clear-icon-size);display:block}.iti__no-results{text-align:center;padding:30px 0}.iti__country-list{cursor:pointer;-webkit-overflow-scrolling:touch;outline:none;margin:0;padding:0;list-style:none;overflow-y:scroll}.iti--inline-country-selector .iti__country-list{max-height:185px}.iti--flexible-dropdown-width .iti__country-list{white-space:nowrap}@media (width<=500px){.iti--flexible-dropdown-width .iti__country-list{white-space:normal}}.iti__country{padding-left:var(--iti-spacer-horizontal);padding-right:var(--iti-spacer-horizontal);align-items:center;display:flex}.iti__country.iti__highlight{background-color:var(--iti-hover-color)}.iti__country-name{flex-grow:1}.iti__country-check{margin-left:var(--iti-spacer-horizontal);color:var(--iti-icon-color);align-items:center;display:flex}.iti__country-check-svg{width:var(--iti-clear-icon-size);height:var(--iti-clear-icon-size);display:block}.iti__country-list .iti__flag{margin-right:var(--iti-spacer-horizontal);flex-shrink:0}[dir=rtl] :is(.iti__country-list .iti__flag){margin-right:0;margin-left:var(--iti-spacer-horizontal)}:is(.iti--has-country-selector .iti__country-container:has(+input[disabled]),.iti--has-country-selector .iti__country-container:has(+input[readonly])) button.iti__selected-country{cursor:not-allowed}:is(.iti--has-country-selector .iti__country-container:has(+input[disabled]),.iti--has-country-selector .iti__country-container:has(+input[readonly])) button.iti__selected-country .iti__arrow{visibility:hidden}.iti--has-country-selector .iti__country-container:not(:has(+input[disabled])):not(:has(+input[readonly])) .iti__selected-country-primary:hover,.iti--has-country-selector .iti__country-container:not(:has(+input[disabled])):not(:has(+input[readonly])) .iti__selected-country[aria-expanded=true] .iti__selected-country-primary{background-color:var(--iti-hover-color)}.iti--detached-country-selector{z-index:1060;position:fixed;top:-1000px;left:-1000px}.iti--detached-country-selector:hover{cursor:pointer}.iti--detached-country-selector{top:calc(anchor(bottom) + 3px);left:anchor(left);position-try-fallbacks:--iti-flip-above}@position-try --iti-flip-above{top:auto;bottom:calc(anchor(top) + 3px)}.iti__hide{display:none}.iti__v-hide{visibility:hidden}.iti--fullscreen-popup.iti--detached-country-selector{padding:var(--iti-mobile-popup-margin);padding-bottom:calc(var(--iti-mobile-popup-margin) + var(--iti-virtual-keyboard-height,0px));background-color:#00000080;flex-direction:column;justify-content:flex-start;display:flex;position:fixed;inset:0}.iti--fullscreen-popup .iti__country-selector{flex-direction:column;max-height:100%;display:flex;position:relative}.iti--fullscreen-popup .iti__close-button{bottom:100%;right:calc(-1 * var(--iti-mobile-popup-margin));width:var(--iti-mobile-popup-margin);height:var(--iti-mobile-popup-margin);color:#fff;cursor:pointer;background:0 0;border:0;border-radius:3px;justify-content:center;align-items:center;padding:0;display:flex;position:absolute}[dir=rtl] :is(.iti--fullscreen-popup .iti__close-button){right:auto;left:calc(-1 * var(--iti-mobile-popup-margin))}.iti--fullscreen-popup .iti__close-button:focus-visible{outline-offset:-2px;outline:2px solid}.iti--fullscreen-popup .iti__close-button-svg{width:var(--iti-close-icon-size);height:var(--iti-close-icon-size);fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;display:block}.iti--fullscreen-popup .iti__country,.iti--fullscreen-popup .iti__search-input{padding-top:10px;padding-bottom:10px}.iti--fullscreen-popup .iti__search-input{font-size:max(16px,1em)}.iti--fullscreen-popup .iti__country{padding-left:10px;padding-right:10px;line-height:1.5em}.iti__flag{height:var(--iti-flag-height);width:var(--iti-flag-width);background-image:image-set(var(--iti-path-flags-1x) 1x, var(--iti-path-flags-2x) 2x);background-repeat:no-repeat;background-position:calc(var(--iti-flag-offset,100) * var(--iti-flag-width)) 0;background-size:calc(var(--iti-flag-count) * var(--iti-flag-width)) var(--iti-flag-height);border-radius:1px;box-shadow:0 0 1px #888}.iti__loading{box-shadow:none;background:0 0;position:relative}.iti__loading:after{content:"";width:var(--iti-flag-height);height:var(--iti-flag-height);box-sizing:border-box;border:2px solid var(--iti-icon-color);border-right-color:#0000;border-radius:50%;margin:auto;animation:1s linear infinite iti-spinner;position:absolute;inset:0}@keyframes iti-spinner{to{transform:rotate(360deg)}}.iti__strict-reject-animation .iti__tel-input,.iti__strict-reject-animation .iti__selected-country{animation:.3s cubic-bezier(.36,.07,.19,.97) iti-strict-reject-shake}@media (prefers-reduced-motion:reduce){.iti__strict-reject-animation .iti__tel-input{animation:.3s ease-out both iti-strict-reject-flash}.iti__strict-reject-animation .iti__selected-country{animation:none}}@keyframes iti-strict-reject-shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-3px)}40%,60%{transform:translate(3px)}}@keyframes iti-strict-reject-flash{40%{background-color:var(--iti-strict-reject-flash-color)}}.iti__globe{box-shadow:none;height:var(--iti-globe-icon-size);background:0 0;justify-content:center;align-items:center;padding:0;display:flex}.iti__globe .iti__globe-svg{width:100%;height:100%;fill:var(--iti-icon-color)}@supports ((-webkit-appearance:none)) and (not (background:-webkit-canvas(foo))){.iti__tel-input:focus{outline-offset:1px}}:root{--iti-path-flags-1x:url(/local/static/img/flags.webp);--iti-path-flags-2x:url(/local/static/img/flags@2x.webp)}.air-datepicker-cell.-year-.-other-decade-,.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.air-datepicker-cell.-year-.-other-decade-:hover,.air-datepicker-cell.-day-.-other-month-:hover{color:var(--adp-color-other-month-hover)}.-disabled-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-disabled-.-focus-.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.-selected-.air-datepicker-cell.-year-.-other-decade-,.-selected-.air-datepicker-cell.-day-.-other-month-{color:#fff;background:var(--adp-background-color-selected-other-month)}.-selected-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-selected-.-focus-.air-datepicker-cell.-day-.-other-month-{background:var(--adp-background-color-selected-other-month-focused)}.-in-range-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range);color:var(--adp-color)}.-in-range-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.-focus-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range-focused)}.air-datepicker-cell.-year-.-other-decade-:empty,.air-datepicker-cell.-day-.-other-month-:empty{background:0 0;border:none}.air-datepicker-cell{border-radius:var(--adp-cell-border-radius);box-sizing:border-box;cursor:pointer;z-index:1;justify-content:center;align-items:center;display:flex;position:relative}.air-datepicker-cell.-focus-{background:var(--adp-cell-background-color-hover)}.air-datepicker-cell.-current-{color:var(--adp-color-current-date)}.air-datepicker-cell.-current-.-focus-{color:var(--adp-color)}.air-datepicker-cell.-current-.-in-range-{color:var(--adp-color-current-date)}.air-datepicker-cell.-disabled-{cursor:default;color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-in-range-{color:var(--adp-color-disabled-in-range)}.air-datepicker-cell.-disabled-.-current-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-in-range-{background:var(--adp-cell-background-color-in-range);border-radius:0}.air-datepicker-cell.-in-range-:hover,.air-datepicker-cell.-in-range-.-focus-{background:var(--adp-cell-background-color-in-range-hover)}.air-datepicker-cell.-range-from-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:var(--adp-cell-border-radius) 0 0 var(--adp-cell-border-radius)}.air-datepicker-cell.-range-to-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:0 var(--adp-cell-border-radius) var(--adp-cell-border-radius) 0}.air-datepicker-cell.-range-to-.-range-from-{border-radius:var(--adp-cell-border-radius)}.air-datepicker-cell.-selected-{color:#fff;background:var(--adp-cell-background-color-selected);border:none}.air-datepicker-cell.-selected-.-current-{color:#fff;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-focus-{background:var(--adp-cell-background-color-selected-hover)}.air-datepicker-body{transition:all var(--adp-transition-duration) var(--adp-transition-ease)}.air-datepicker-body.-hidden-{display:none}.air-datepicker-body--day-names{grid-template-columns:repeat(7, var(--adp-day-cell-width));margin:8px 0 3px;display:grid}.air-datepicker-body--day-name{color:var(--adp-day-name-color);text-align:center;text-transform:uppercase;flex:1;justify-content:center;align-items:center;font-size:.8em;display:flex}.air-datepicker-body--day-name.-clickable-{cursor:pointer}.air-datepicker-body--day-name.-clickable-:hover{color:var(--adp-day-name-color-hover)}.air-datepicker-body--cells{display:grid}.air-datepicker-body--cells.-days-{grid-template-columns:repeat(7, var(--adp-day-cell-width));grid-auto-rows:var(--adp-day-cell-height)}.air-datepicker-body--cells.-months-{grid-template-columns:repeat(3,1fr);grid-auto-rows:var(--adp-month-cell-height)}.air-datepicker-body--cells.-years-{grid-template-columns:repeat(4,1fr);grid-auto-rows:var(--adp-year-cell-height)}.air-datepicker-nav{border-bottom:1px solid var(--adp-border-color-inner);min-height:var(--adp-nav-height);padding:var(--adp-padding);box-sizing:content-box;justify-content:space-between;display:flex}.-only-timepicker- .air-datepicker-nav{display:none}.air-datepicker-nav--title,.air-datepicker-nav--action{cursor:pointer;justify-content:center;align-items:center;display:flex}.air-datepicker-nav--action{width:var(--adp-nav-action-size);border-radius:var(--adp-border-radius);-webkit-user-select:none;-moz-user-select:none;user-select:none}.air-datepicker-nav--action:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--action:active{background:var(--adp-background-color-active)}.air-datepicker-nav--action.-disabled-{visibility:hidden}.air-datepicker-nav--action svg{width:32px;height:32px}.air-datepicker-nav--action path{fill:none;stroke:var(--adp-nav-arrow-color);stroke-width:2px}.air-datepicker-nav--title{border-radius:var(--adp-border-radius);padding:0 8px}.air-datepicker-nav--title i{color:var(--adp-nav-color-secondary);margin-left:.3em;font-style:normal}.air-datepicker-nav--title:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--title:active{background:var(--adp-background-color-active)}.air-datepicker-nav--title.-disabled-{cursor:default;background:0 0}.air-datepicker-buttons{grid-auto-columns:1fr;grid-auto-flow:column;display:grid}.air-datepicker-button{color:var(--adp-btn-color);border-radius:var(--adp-btn-border-radius);cursor:pointer;height:var(--adp-btn-height);background:#fff0;border:none;display:inline-flex}.air-datepicker-button:hover{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover)}.air-datepicker-button:focus{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover);outline:none}.air-datepicker-button:active{background:var(--adp-btn-background-color-active)}.air-datepicker-button span{outline:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.air-datepicker-time{grid-column-gap:12px;padding:0 var(--adp-time-padding-inner);grid-template-columns:max-content 1fr;align-items:center;display:grid;position:relative}.-only-timepicker- .air-datepicker-time{border-top:none}.air-datepicker-time--current{text-align:center;flex:1;align-items:center;font-size:14px;display:flex}.air-datepicker-time--current-colon{margin:0 2px 3px;line-height:1}.air-datepicker-time--current-hours,.air-datepicker-time--current-minutes{z-index:1;font-family:Century Gothic,CenturyGothic,AppleGothic,sans-serif;font-size:19px;line-height:1;position:relative}.air-datepicker-time--current-hours:after,.air-datepicker-time--current-minutes:after{content:"";background:var(--adp-background-color-hover);border-radius:var(--adp-border-radius);z-index:-1;opacity:0;position:absolute;inset:-3px -2px -2px}.air-datepicker-time--current-hours.-focus-:after,.air-datepicker-time--current-minutes.-focus-:after{opacity:1}.air-datepicker-time--current-ampm{text-transform:uppercase;color:var(--adp-time-day-period-color);align-self:flex-end;margin-bottom:1px;margin-left:6px;font-size:11px}.air-datepicker-time--row{background:linear-gradient(to right, var(--adp-time-track-color), var(--adp-time-track-color)) left 50%/100% var(--adp-time-track-height) no-repeat;align-items:center;height:17px;font-size:11px;display:flex}.air-datepicker-time--row:first-child{margin-bottom:4px}.air-datepicker-time--row input[type=range]{cursor:pointer;-webkit-appearance:none;background:0 0;flex:1;width:100%;height:100%;margin:0;padding:0}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-ms-tooltip{display:none}.air-datepicker-time--row input[type=range]:hover::-webkit-slider-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-moz-range-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-ms-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:focus{outline:none}.air-datepicker-time--row input[type=range]:focus::-webkit-slider-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-moz-range-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-ms-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{box-sizing:border-box;border:1px solid var(--adp-time-track-color);cursor:pointer;width:12px;height:12px;-webkit-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration);background:#fff;border-radius:3px}.air-datepicker-time--row input[type=range]::-moz-range-thumb{box-sizing:border-box;border:1px solid var(--adp-time-track-color);cursor:pointer;width:12px;height:12px;-moz-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration);background:#fff;border-radius:3px}.air-datepicker-time--row input[type=range]::-ms-thumb{box-sizing:border-box;border:1px solid var(--adp-time-track-color);cursor:pointer;width:12px;height:12px;-ms-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration);background:#fff;border-radius:3px}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{margin-top:calc(var(--adp-time-thumb-size) / 2 * -1)}.air-datepicker-time--row input[type=range]::-webkit-slider-runnable-track{height:var(--adp-time-track-height);cursor:pointer;color:#0000;background:0 0;border:none}.air-datepicker-time--row input[type=range]::-moz-range-track{height:var(--adp-time-track-height);cursor:pointer;color:#0000;background:0 0;border:none}.air-datepicker-time--row input[type=range]::-ms-track{height:var(--adp-time-track-height);cursor:pointer;color:#0000;background:0 0;border:none}.air-datepicker-time--row input[type=range]::-ms-fill-lower{background:0 0}.air-datepicker-time--row input[type=range]::-ms-fill-upper{background:0 0}.air-datepicker{--adp-font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--adp-font-size:14px;--adp-width:246px;--adp-z-index:100;--adp-padding:4px;--adp-grid-areas:"nav" "body" "timepicker" "buttons";--adp-transition-duration:.3s;--adp-transition-ease:ease-out;--adp-transition-offset:8px;--adp-background-color:#fff;--adp-background-color-hover:#f0f0f0;--adp-background-color-active:#eaeaea;--adp-background-color-in-range:#5cc4ef1a;--adp-background-color-in-range-focused:#5cc4ef33;--adp-background-color-selected-other-month-focused:#8ad5f4;--adp-background-color-selected-other-month:#a2ddf6;--adp-color:#4a4a4a;--adp-color-secondary:#9c9c9c;--adp-accent-color:#4eb5e6;--adp-color-current-date:var(--adp-accent-color);--adp-color-other-month:#dedede;--adp-color-disabled:#aeaeae;--adp-color-disabled-in-range:#939393;--adp-color-other-month-hover:#c5c5c5;--adp-border-color:#dbdbdb;--adp-border-color-inner:#efefef;--adp-border-radius:4px;--adp-border-color-inline:#d7d7d7;--adp-nav-height:32px;--adp-nav-arrow-color:var(--adp-color-secondary);--adp-nav-action-size:32px;--adp-nav-color-secondary:var(--adp-color-secondary);--adp-day-name-color:#ff9a19;--adp-day-name-color-hover:#8ad5f4;--adp-day-cell-width:1fr;--adp-day-cell-height:32px;--adp-month-cell-height:42px;--adp-year-cell-height:56px;--adp-pointer-size:10px;--adp-poiner-border-radius:2px;--adp-pointer-offset:14px;--adp-cell-border-radius:4px;--adp-cell-background-color-hover:var(--adp-background-color-hover);--adp-cell-background-color-selected:#5cc4ef;--adp-cell-background-color-selected-hover:#45bced;--adp-cell-background-color-in-range:#5cc4ef1a;--adp-cell-background-color-in-range-hover:#5cc4ef33;--adp-cell-border-color-in-range:var(--adp-cell-background-color-selected);--adp-btn-height:32px;--adp-btn-color:var(--adp-accent-color);--adp-btn-color-hover:var(--adp-color);--adp-btn-border-radius:var(--adp-border-radius);--adp-btn-background-color-hover:var(--adp-background-color-hover);--adp-btn-background-color-active:var(--adp-background-color-active);--adp-time-track-height:1px;--adp-time-track-color:#dedede;--adp-time-track-color-hover:#b1b1b1;--adp-time-thumb-size:12px;--adp-time-padding-inner:10px;--adp-time-day-period-color:var(--adp-color-secondary);--adp-mobile-font-size:16px;--adp-mobile-nav-height:40px;--adp-mobile-width:320px;--adp-mobile-day-cell-height:38px;--adp-mobile-month-cell-height:48px;--adp-mobile-year-cell-height:64px}.air-datepicker-overlay{--adp-overlay-background-color:#0000004d;--adp-overlay-transition-duration:.3s;--adp-overlay-transition-ease:ease-out;--adp-overlay-z-index:99}.air-datepicker{background:var(--adp-background-color);border:1px solid var(--adp-border-color);border-radius:var(--adp-border-radius);box-sizing:content-box;grid-template-rows:repeat(4,max-content);grid-template-columns:1fr;grid-template-areas:var(--adp-grid-areas);font-family:var(--adp-font-family), sans-serif;font-size:var(--adp-font-size);color:var(--adp-color);width:var(--adp-width);transition:opacity var(--adp-transition-duration) var(--adp-transition-ease), transform var(--adp-transition-duration) var(--adp-transition-ease);z-index:var(--adp-z-index);display:grid;position:absolute;box-shadow:0 4px 12px #00000026}.air-datepicker:not(.-custom-position-){opacity:0}.air-datepicker.-from-top-{transform:translateY(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-from-right-{transform:translateX(var(--adp-transition-offset))}.air-datepicker.-from-bottom-{transform:translateY(var(--adp-transition-offset))}.air-datepicker.-from-left-{transform:translateX(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-active-:not(.-custom-position-){opacity:1;transform:translate(0)}.air-datepicker.-active-.-custom-position-{transition:none}.air-datepicker.-inline-{border-color:var(--adp-border-color-inline);box-shadow:none;opacity:1;position:static;left:auto;right:auto;transform:none}.air-datepicker.-inline- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-{--adp-font-size:var(--adp-mobile-font-size);--adp-day-cell-height:var(--adp-mobile-day-cell-height);--adp-month-cell-height:var(--adp-mobile-month-cell-height);--adp-year-cell-height:var(--adp-mobile-year-cell-height);--adp-nav-height:var(--adp-mobile-nav-height);--adp-nav-action-size:var(--adp-mobile-nav-height);width:var(--adp-mobile-width);border:none;position:fixed}.air-datepicker.-is-mobile- *{-webkit-tap-highlight-color:#0000}.air-datepicker.-is-mobile- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-:not(.-custom-position-){transform:translate(-50%, calc(-50% + var(--adp-transition-offset)))}.air-datepicker.-is-mobile-.-active-:not(.-custom-position-){transform:translate(-50%,-50%)}.air-datepicker.-custom-position-{transition:none}.air-datepicker-global-container{position:absolute;top:0;left:0}.air-datepicker--pointer{--pointer-half-size:calc(var(--adp-pointer-size) / 2);width:var(--adp-pointer-size);height:var(--adp-pointer-size);z-index:-1;position:absolute}.air-datepicker--pointer:after{content:"";border-top:1px solid var(--adp-border-color-inline);border-right:1px solid var(--adp-border-color-inline);border-top-right-radius:var(--adp-poiner-border-radius);width:var(--adp-pointer-size);height:var(--adp-pointer-size);box-sizing:border-box;background:#fff;position:absolute}.-top-left- .air-datepicker--pointer,.-top-center- .air-datepicker--pointer,.-top-right- .air-datepicker--pointer,[data-popper-placement^=top] .air-datepicker--pointer{top:calc(100% - var(--pointer-half-size) + 1px)}.-top-left- .air-datepicker--pointer:after,.-top-center- .air-datepicker--pointer:after,.-top-right- .air-datepicker--pointer:after,[data-popper-placement^=top] .air-datepicker--pointer:after{transform:rotate(135deg)}.-right-top- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer,[data-popper-placement^=right] .air-datepicker--pointer{right:calc(100% - var(--pointer-half-size) + 1px)}.-right-top- .air-datepicker--pointer:after,.-right-center- .air-datepicker--pointer:after,.-right-bottom- .air-datepicker--pointer:after,[data-popper-placement^=right] .air-datepicker--pointer:after{transform:rotate(225deg)}.-bottom-left- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer,[data-popper-placement^=bottom] .air-datepicker--pointer{bottom:calc(100% - var(--pointer-half-size) + 1px)}.-bottom-left- .air-datepicker--pointer:after,.-bottom-center- .air-datepicker--pointer:after,.-bottom-right- .air-datepicker--pointer:after,[data-popper-placement^=bottom] .air-datepicker--pointer:after{transform:rotate(315deg)}.-left-top- .air-datepicker--pointer,.-left-center- .air-datepicker--pointer,.-left-bottom- .air-datepicker--pointer,[data-popper-placement^=left] .air-datepicker--pointer{left:calc(100% - var(--pointer-half-size) + 1px)}.-left-top- .air-datepicker--pointer:after,.-left-center- .air-datepicker--pointer:after,.-left-bottom- .air-datepicker--pointer:after,[data-popper-placement^=left] .air-datepicker--pointer:after{transform:rotate(45deg)}.-top-left- .air-datepicker--pointer,.-bottom-left- .air-datepicker--pointer{left:var(--adp-pointer-offset)}.-top-right- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer{right:var(--adp-pointer-offset)}.-top-center- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer{left:calc(50% - var(--adp-pointer-size) / 2)}.-left-top- .air-datepicker--pointer,.-right-top- .air-datepicker--pointer{top:var(--adp-pointer-offset)}.-left-bottom- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer{bottom:var(--adp-pointer-offset)}.-left-center- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer{top:calc(50% - var(--adp-pointer-size) / 2)}.air-datepicker--navigation{grid-area:nav}.air-datepicker--content{box-sizing:content-box;padding:var(--adp-padding);grid-area:body}.-only-timepicker- .air-datepicker--content{display:none}.air-datepicker--time{grid-area:timepicker}.air-datepicker--buttons{grid-area:buttons}.air-datepicker--buttons,.air-datepicker--time{padding:var(--adp-padding);border-top:1px solid var(--adp-border-color-inner)}.air-datepicker-overlay{background:var(--adp-overlay-background-color);opacity:0;width:0;height:0;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease), left 0s, height 0s, width 0s;transition-delay:0s, var(--adp-overlay-transition-duration), var(--adp-overlay-transition-duration), var(--adp-overlay-transition-duration);z-index:var(--adp-overlay-z-index);position:fixed;top:0;left:0}.air-datepicker-overlay.-active-{opacity:1;width:100%;height:100%;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease), height 0s, width 0s}@layer reset{*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}h1,h2,h3,h4,h5,h6{text-wrap:balance}p{text-wrap:pretty}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}#root,#__next{isolation:isolate}}@layer base,components,utilities;@font-face{font-family:Jun;src:url(/local/static/fonts/Jun-Italic.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Jun;src:url(/local/static/fonts/Jun-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--container-padding:clamp(1rem, .410995rem + 2.51309vw, 2.5rem);--container-width:90rem;--xs:23.4375rem;--sm:36rem;--md:51.25rem;--lg:62rem;--xl:75rem;--font-display:"Jun", sans-serif;--font-body:"Geist", sans-serif;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-bold:700;--font-weight-button:500;--text-xs:clamp(.625rem, .575916rem + .209424vw, .75rem);--text-sm:clamp(.8125rem, .787958rem + .104712vw, .875rem);--text-md:clamp(.9375rem, .912958rem + .104712vw, 1rem);--text-lg:clamp(1rem, .950916rem + .209424vw, 1.125rem);--heading-1-plus:clamp(2.25rem, .777487rem + 6.28272vw, 6rem);--heading-1:clamp(2rem, 1.60733rem + 1.67539vw, 3rem);--heading-2:clamp(1.75rem, 1.4555rem + 1.25654vw, 2.5rem);--heading-3:clamp(1.5rem, 1.30366rem + .837696vw, 2rem);--heading-4:clamp(1.25rem, 1.05366rem + .837696vw, 1.75rem);--heading-5:clamp(1.125rem, .977749rem + .628272vw, 1.5rem);--heading-6:clamp(1rem, .901832rem + .418848vw, 1.25rem);--heading-6-sm:clamp(1rem, .950916rem + .209424vw, 1.125rem);--spacing-none:0;--spacing-4xs:clamp(0rem, -.0490838rem + .209424vw, .125rem);--spacing-3xs:clamp(.125rem, .0759162rem + .209424vw, .25rem);--spacing-2xs:clamp(.25rem, .151832rem + .418848vw, .5rem);--spacing-xs:clamp(.625rem, .575916rem + .209424vw, .75rem);--spacing-sm:clamp(.875rem, .825916rem + .209424vw, 1rem);--spacing-md:clamp(1rem, .901832rem + .418848vw, 1.25rem);--spacing-lg:clamp(1.125rem, .977749rem + .628272vw, 1.5rem);--spacing-xl:clamp(1.25rem, 1.05366rem + .837696vw, 1.75rem);--spacing-2xl:clamp(1.5rem, 1.30366rem + .837696vw, 2rem);--spacing-3xl:clamp(1.75rem, 1.4555rem + 1.25654vw, 2.5rem);--spacing-grid:clamp(.5rem, .205497rem + 1.25654vw, 1.25rem);--radius-xxs:clamp(.5rem, .450916rem + .209424vw, .625rem);--radius-xs:clamp(.625rem, .575916rem + .209424vw, .75rem);--radius-s:clamp(.875rem, .825916rem + .209424vw, 1rem);--radius-md:clamp(1.125rem, 1.07592rem + .209424vw, 1.25rem);--radius-lg:clamp(1.25rem, 1.15183rem + .418848vw, 1.5rem);--radius-xl:clamp(1.75rem, 1.65183rem + .418848vw, 2rem);--radius-max:9999px;--button-xs:clamp(2rem, 1.90183rem + .418848vw, 2.25rem);--button-sm:clamp(2.25rem, 2.10275rem + .628272vw, 2.625rem);--button-md:clamp(3rem, 2.85275rem + .628272vw, 3.375rem);--button-lg:clamp(3.375rem, 3.12958rem + 1.04712vw, 4rem);--surfaces-borders:#d4d4d4;--surfaces-borders-on-color:#ffffff1a;--surfaces-medium:#737373;--surfaces-low:#9b9b9b;--surfaces-default:#2c2d2e;--surfaces-bg-default:#f6f3ef;--surfaces-surface:#f5f5f5;--surfaces-black:#353439;--surfaces-bg-beige:#f0eae4;--surfaces-surface-contrast:#ece9e5;--status-success:#0dc268;--status-success-sub:#dbf6e8;--status-warning:#ff9e00;--status-warning-sub:#fff5e5;--status-error:#ed0a34;--status-error-sub:#fde6eb;--extra-blue-link:#005bd1;--extra-beige:#d6caba;--extra-inverse:#f0ebe4}.hidden{display:none!important}@keyframes Spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-open{overflow:hidden}body{font-family:var(--font-body);background:var(--surfaces-bg-default);color:var(--surfaces-black);font-size:var(--text-md);font-weight:var(--font-weight-regular);grid-template-rows:auto 1fr auto;grid-template-areas:"header""main""footer";min-height:100vh;display:grid}.main{width:100%;min-width:0;max-width:var(--container-width);border-left:1px solid var(--surfaces-borders);border-right:1px solid var(--surfaces-borders);grid-area:main;margin:0 auto}.main:has(.page-header){padding-top:clamp(2.5rem,1.02749rem + 6.28272vw,6.25rem)}.main:has(.breadcrumbs){padding-top:clamp(2.5rem,2.25458rem + 1.04712vw,3.125rem)}.main:has(.product-header){padding-top:0}@media (width<=90rem){.main{border:none}}.derham-icon{vertical-align:baseline;font-size:.73em;display:inline}.page-header{margin-bottom:clamp(1.875rem,1.13874rem + 3.14136vw,3.75rem)}.page-header__title{font-size:clamp(2.25rem,.924738rem + 5.65445vw,5.625rem)}.page-header:has(.page-header__products-counter){align-items:start;display:flex}.page-header__products-counter{margin-top:clamp(.25rem,.200916rem + .209424vw,.375rem);margin-left:clamp(1.25rem,.759162rem + 2.09424vw,2.5rem)}h1,.h1{font-family:var(--font-display);line-height:1;font-weight:var(--font-weight-medium);letter-spacing:-.025em;text-transform:uppercase;font-size:var(--heading-1)}h2,.h2{font-family:var(--font-display);line-height:1;font-weight:var(--font-weight-medium);letter-spacing:-.025em;text-transform:uppercase;font-size:var(--heading-2)}h3,.h3{font-family:var(--font-display);line-height:1;font-weight:var(--font-weight-medium);letter-spacing:-.025em;text-transform:uppercase;font-size:var(--heading-3)}h4,.h4{font-family:var(--font-display);line-height:1;font-weight:var(--font-weight-medium);letter-spacing:-.025em;text-transform:uppercase;font-size:var(--heading-4)}h5,.h5{font-family:var(--font-display);line-height:1;font-weight:var(--font-weight-medium);letter-spacing:-.025em;text-transform:uppercase;font-size:var(--heading-5)}h6,.h6{font-family:var(--font-display);line-height:1;font-weight:var(--font-weight-medium);letter-spacing:-.025em;text-transform:uppercase;font-size:var(--heading-6)}.h6-sm{font-family:var(--font-display);line-height:1;font-weight:var(--font-weight-medium);letter-spacing:-.025em;text-transform:uppercase;font-size:var(--heading-6-sm)}.img-full{width:100%}a{color:inherit;text-decoration:none}.container{max-width:var(--container-width);padding-inline:var(--container-padding);margin-left:auto;margin-right:auto}@media only screen and (width<=51.25rem){.container{max-width:100%}}.text-primary{color:var(--surfaces-black)}.text-secondary{color:var(--brand-secondary)}.text-success{color:var(--feedback-success)}.text-error{color:var(--feedback-error)}.text-warning{color:var(--feedback-warning)}.text-medium{color:var(--surfaces-medium)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-md{font-size:var(--text-md)}.text-lg{font-size:var(--text-lg)}@media (width>=23.4375rem){.hide-xs{display:none!important}.show-xs{display:block!important}.show-xs-flex{display:flex!important}.show-xs-inline-flex{display:inline-flex!important}.show-xs-inline{display:inline!important}}@media (width>=36rem){.hide-sm{display:none!important}.show-sm{display:block!important}.show-sm-flex{display:flex!important}.show-sm-inline-flex{display:inline-flex!important}.show-sm-inline{display:inline!important}}@media (width>=51.25rem){.hide-md{display:none!important}.show-md{display:block!important}.show-md-flex{display:flex!important}.show-md-inline-flex{display:inline-flex!important}.show-md-inline{display:inline!important}}@media (width>=62rem){.hide-lg{display:none!important}.show-lg{display:block!important}.show-lg-flex{display:flex!important}.show-lg-inline-flex{display:inline-flex!important}.show-lg-inline{display:inline!important}}@media (width>=75rem){.hide-xl{display:none!important}.show-xl{display:block!important}.show-xl-flex{display:flex!important}.show-xl-inline-flex{display:inline-flex!important}.show-xl-inline{display:inline!important}}.logo-spin{animation:20s linear infinite Spin}.typo>:first-child{margin-block-start:0!important}.typo>:last-child{margin-block-end:0!important}.typo p{margin-block:1lh}.typo img{max-width:100%;margin-block:clamp(1.25rem,.759162rem + 2.09424vw,2.5rem)}.typo h1{margin-block:clamp(1.25rem,.759162rem + 2.09424vw,2.5rem)}.typo h2,.typo h3,.typo h4,.typo h5,.typo h6,.typo ul{margin-block:clamp(1.25rem,1.15183rem + .418848vw,1.5rem)}.typo blockquote{font-family:var(--font-display);line-height:1;font-weight:var(--font-weight-medium);letter-spacing:-.025em;text-transform:uppercase;font-size:var(--heading-6);border-left:5px solid var(--surfaces-black);margin-block:clamp(1.25rem,1.15183rem + .418848vw,1.5rem);padding:clamp(1rem,.60733rem + 1.67539vw,2rem);font-style:italic;font-weight:600}.c-radio{gap:var(--spacing-xs);align-items:center;display:flex}.c-radio__input{opacity:0;width:0;height:0;position:absolute}.c-radio__label_with-subtext{flex-direction:column;gap:.25rem;display:flex}.c-radio__checkmark{border:1px var(--surfaces-borders) solid;cursor:pointer;border-radius:50%;flex:none;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;transition:all .2s ease-in-out;display:flex;position:relative}.c-radio__checkmark:before{content:"";background:var(--surfaces-black);opacity:0;pointer-events:none;border-radius:50%;width:.75rem;height:.75rem;transition:all .2s ease-in-out;position:absolute;top:50%;left:50%;translate:-50% -50%}.c-radio:has(input:checked) .c-radio__checkmark{border-color:var(--surfaces-black)}.c-radio:has(input:checked) .c-radio__checkmark:before{opacity:1}.c-radio:has(input:disabled){opacity:.5;pointer-events:none}.c-radio_error{color:var(--status-error)}.c-radio_error .c-radio__checkmark{background:var(--status-error-sub)}.button{color:inherit;cursor:pointer;vertical-align:middle;justify-content:center;align-items:center;gap:var(--spacing-2xs);font-size:var(--text-lg);font-weight:var(--font-weight-regular);font-family:var(--font-display);padding:0;padding-inline:var(--spacing-lg);padding-block:var(--spacing-xs);letter-spacing:-.05em;background:0 0;border:none;margin:0;text-decoration:none;transition:color .2s ease-in-out,background-color .2s ease-in-out,text-decoration-color .2s ease-in-out,fill .2s ease-in-out,stroke .2s ease-in-out;display:inline-flex}.button_xs{min-height:var(--button-xs);padding-block:var(--spacing-3xs)}.button_xs svg{font-size:1rem}.button_sm{min-height:var(--button-sm);padding-block:var(--spacing-2xs)}.button_sm svg{font-size:1rem}.button_md{min-height:var(--button-md);padding-block:var(--spacing-xs)}.button_md svg{font-size:1.5rem}.button_lg{min-height:var(--button-lg);padding-block:var(--spacing-sm)}.button_lg svg{font-size:1.5rem}.button_rounded{border-radius:var(--radius-max);aspect-ratio:1;padding:0}.button_square{aspect-ratio:1;padding:0}.button_full-width{width:100%}.button_primary{background:var(--surfaces-black);color:#fff}@media (any-hover:hover){.button_primary:hover{background:color-mix(in srgb, var(--surfaces-black) 0%, black)}}.button_secondary{color:var(--surfaces-default);background:#fff}@media (any-hover:hover){.button_secondary:hover{color:#fff;background:var(--surfaces-black)}}.button_contrast{background:var(--surfaces-surface-contrast);color:var(--surfaces-default)}@media (any-hover:hover){.button_contrast:hover{color:#fff;background:var(--surfaces-black)}}.button_transparent{color:var(--extra-beige);background:#d6caba1a}@media (any-hover:hover){.button_transparent:hover{background:var(--surfaces-black);color:var(--extra-beige)}}.button_action{height:auto;color:inherit;white-space:nowrap;background:0 0;padding:0}.button_action svg{flex:none}@media (any-hover:hover){.button_action:hover{background:var(--surfaces-black);color:#fff}}.button:disabled,.button_disabled{opacity:.7;pointer-events:none}.button_loading{pointer-events:none;position:relative}.button_loading:after{content:"";border:2px solid;border-left-color:#0000;border-radius:50%;width:1.25rem;height:1.25rem;animation:.5s linear infinite Spin;display:block}.button_loading{gap:var(--spacing-xs)}.badge{font-family:var(--font-display);line-height:1;font-weight:var(--font-weight-medium);letter-spacing:-.025em;text-transform:uppercase;font-size:var(--heading-6-sm);min-width:clamp(1.25rem,1.15183rem + .418848vw,1.5rem);min-height:clamp(1.25rem,1.15183rem + .418848vw,1.5rem);padding-inline:var(--spacing-2xs);border-radius:999px;justify-content:center;align-items:center;font-size:clamp(.75rem,.700916rem + .209424vw,.875rem);transition:color .2s ease-in-out,background-color .2s ease-in-out,text-decoration-color .2s ease-in-out,fill .2s ease-in-out,stroke .2s ease-in-out;display:inline-flex}.badge_primary{background:var(--brand-primary);color:#fff}.badge_secondary{background:var(--surfaces-surface)}.badge_success{background:var(--status-success);color:#fff}.badge_warning{background:var(--status-warning);color:#fff}.badge_danger{background:var(--status-error);color:#fff}.badge_black{background:var(--surfaces-default);color:#fff}.dropdown{position:relative}.dropdown__content{z-index:10;background:var(--surfaces-bg-default);padding:var(--spacing-lg);opacity:0;pointer-events:none;position:absolute;top:calc(100% + 1px);box-shadow:0 8px 40px #00000014}.is-ready .dropdown__content{transition:all .2s ease-in-out}.dropdown__content.dropdown__content_left{left:0;right:auto}.dropdown__content.dropdown__content_right{left:auto;right:0}.dropdown__content.dropdown__content_center{left:50%;transform:translate(-50%)}.dropdown__content.dropdown__content_full{left:0;right:0}.dropdown__content.is-open{opacity:1;pointer-events:auto}.modal{pointer-events:none;opacity:0;backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;padding:1rem;transition:opacity .3s;display:flex;position:fixed;inset:0;overflow:auto}.modal:has(.modal__content_right){overflow:hidden}@media only screen and (width<=36rem){.modal{padding:0}}.modal__overlay{position:fixed;inset:0}.modal__content{background:var(--surfaces-bg-default);opacity:0;max-width:100%;transition:transform .2s ease-in-out}.modal__content_right{width:100%;max-width:28rem;height:100%;position:fixed;top:0;right:0}.modal__content_center{width:100%;max-width:47.5rem;margin:auto}.modal.is-open{pointer-events:auto;opacity:1}.modal.is-open .modal__content_center{animation:.3s alternate forwards ModalFadeIn}.modal.is-open .modal__content_right{animation:.3s alternate forwards ModalSlideIn}.modal__close{color:inherit;cursor:pointer;top:var(--spacing-md);right:var(--spacing-md);background:0 0;border:none;margin:0;padding:0;text-decoration:none;position:absolute}@media (any-hover:hover){.modal__close:hover{opacity:.5}}@keyframes ModalFadeIn{0%{opacity:0;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes ModalSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.c-checkbox{gap:var(--spacing-xs);align-items:center;display:flex}.c-checkbox__input{opacity:0;width:0;height:0;position:absolute}.c-checkbox__label_with-subtext{flex-direction:column;gap:.25rem;display:flex}.c-checkbox__checkmark{cursor:pointer;background:#fff;border-radius:.375rem;flex:none;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;transition:all .2s ease-in-out;display:flex}.c-checkbox__icon{color:#fff;opacity:0;pointer-events:none;width:1.125rem;height:1.125rem;transition:all .2s ease-in-out}.c-checkbox:has(input:checked) .c-checkbox__checkmark{background:var(--surfaces-black)}.c-checkbox:has(input:checked) .c-checkbox__icon{opacity:1}.c-checkbox:has(input:disabled){opacity:.5;pointer-events:none}.c-checkbox_error{color:var(--status-error)}.c-checkbox_error .c-checkbox__checkmark{background:var(--status-error-sub)}.chip-list{flex-wrap:wrap;gap:clamp(.375rem,.325916rem + .209424vw,.5rem);display:flex}.chip{border-radius:999px;gap:clamp(.375rem,.276832rem + .418848vw,.625rem);padding-block:clamp(.375rem,.350458rem + .104712vw,.4375rem);padding-inline:clamp(.875rem,.825916rem + .209424vw,1rem);display:inline-flex}.chip_primary{background:var(--surfaces-black);color:#fff}.chip_secondary{border:1px solid var(--surfaces-borders)}.chip_success{background:var(--status-success);color:#fff}.chip_warning{background:var(--status-warning);color:#fff}.chip_error{background:var(--status-error);color:#fff}.input-control{border-top:1px solid #ccc;height:clamp(3.75rem,3.50458rem + 1.04712vw,4.375rem);display:block;position:relative}.input-control__label{pointer-events:none;font-size:var(--text-sm);color:var(--surfaces-medium);position:absolute;top:clamp(.5rem,.450916rem + .209424vw,.625rem);left:clamp(1rem,.901832rem + .418848vw,1.25rem)}.input-control__input{padding-inline:clamp(1rem,.901832rem + .418848vw,1.25rem);background:0 0;border:none;width:100%;height:100%;padding-top:clamp(1.25rem,1.15183rem + .418848vw,1.5rem)}.input-control__input:disabled{opacity:.5;cursor:not-allowed}.input-control_error .input-control__input,.input-control_error .input-control__label{color:var(--status-error)}.input-control .iti{width:100%;height:100%}.input-control .iti__country-container{padding:0}.input-control .iti__selected-country{cursor:pointer;padding-top:clamp(1.25rem,1.20092rem + .209424vw,1.375rem)}.input-control .iti__selected-country-primary{padding-left:clamp(1rem,.852749rem + .628272vw,1.375rem);background:0 0!important}.textarea-control{resize:none;background:0 0;border:none;border-top:1px solid #ccc;width:100%;min-height:10rem;padding:clamp(1rem,.901832rem + .418848vw,1.25rem);display:block;position:relative}.textarea-control_error{color:var(--status-error)}.filters-modal{flex-direction:column;height:100%;display:flex}.filters-modal__header{padding:var(--container-padding);border-bottom:1px var(--surfaces-borders) solid;flex:none;justify-content:space-between;display:flex}.filters-modal__header button{position:static}.filters-modal__body{flex:auto;overflow-y:auto}@supports not selector(::-webkit-scrollbar){.filters-modal__body{scrollbar-width:thin;scrollbar-color:var(--surfaces-black) transparent}}@supports selector(::-webkit-scrollbar){.filters-modal__body::-webkit-scrollbar{width:4px;height:4px}.filters-modal__body::-webkit-scrollbar-thumb{background:var(--surfaces-black)}.filters-modal__body::-webkit-scrollbar-track{background:0 0}.filters-modal__body::-webkit-scrollbar-button{width:0;height:0;display:none}}.filters-modal__footer{flex:none;grid-template-columns:1fr 1fr;display:grid}.filters__item{gap:var(--spacing-lg);padding:var(--container-padding);display:grid}.filters__item:not(:last-child){border-bottom:1px var(--surfaces-borders) solid}.filters__options{gap:var(--spacing-xs);display:grid}.stories-modal .modal__content{background:0 0;width:100%}.stories-modal .modal__overlay{background-color:#353439e6}.stories-modal__content{height:100%;display:flex}.stories-modal .swiper-button-disabled{visibility:hidden;pointer-events:none}.stories-slider{border-radius:1rem;max-width:400px;margin:auto}@media only screen and (width<=36rem){.stories-slider{border-radius:0;max-width:100%;height:100vh}}.stories-slider__nav-prev,.stories-slider__nav-next{appearance:none;color:#fff;font:inherit;cursor:pointer;cursor:pointer;z-index:2;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:3.375rem;height:3.375rem;padding:0;font-size:1.5rem;display:flex;position:absolute;top:50%;transform:translateY(-50%)}@media only screen and (width<=36rem){.stories-slider__nav-prev,.stories-slider__nav-next{background:0 0;border-radius:0;width:50%;height:auto;top:5rem;bottom:0;transform:none}.stories-slider__nav-prev svg,.stories-slider__nav-next svg{display:none}}.stories-slider__nav-prev{left:0;transform:translateY(-50%)}@media only screen and (width<=36rem){.stories-slider__nav-prev{transform:none}}.stories-slider__nav-next{right:0}@media only screen and (width<=36rem){.stories-slider__nav-next{transform:rotate(180deg)}}.stories-slider__slide-image,.stories-slider__slide-video{object-fit:cover;width:100%;height:100%}.stories-slider__pagination{z-index:2;gap:.25em;padding:1rem;position:absolute;display:flex!important;top:0!important;bottom:auto!important}@media only screen and (width<=36rem){.stories-slider__pagination{padding-block:1.5rem}}.stories-slider__pagination .swiper-pagination-bullet{opacity:1;background:#ffffff80;border-radius:2px;flex:auto;width:auto;height:2px;position:relative;overflow:hidden;margin:0!important}.stories-slider__pagination .swiper-pagination-bullet:after{content:"";transform-origin:0;background:#fff;position:absolute;inset:0;transform:scaleX(0)}.stories-slider__pagination .swiper-pagination-bullet.is-passed:after{transform:scaleX(1)}.stories-slider__pagination .swiper-pagination-bullet-active:after{animation:stories-progress var(--duration,5s) linear forwards}.stories-modal:not(.is-open) .stories-slider__pagination .swiper-pagination-bullet-active:after{animation:none}@keyframes stories-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.sell-modal__header{gap:clamp(.5rem,.401832rem + .418848vw,.75rem);margin-right:35%;padding:clamp(1rem,.60733rem + 1.67539vw,2rem);display:grid}@media only screen and (width<=36rem){.sell-modal__header{margin:0}}.sell-modal__close{appearance:none;color:inherit;font:inherit;cursor:pointer;padding:0;z-index:2;background:0 0;border:none;padding:.25rem;font-size:1.5rem;transition:color .2s ease-in-out,background-color .2s ease-in-out,text-decoration-color .2s ease-in-out,fill .2s ease-in-out,stroke .2s ease-in-out;position:absolute;top:clamp(.5rem,.303665rem + .837696vw,1rem);right:clamp(.5rem,.303665rem + .837696vw,1rem)}@media (any-hover:hover){.sell-modal__close:hover{background:var(--surfaces-black);color:#fff}}.sell-modal .upload-files-container{margin-right:35%}@media only screen and (width<=36rem){.sell-modal .upload-files-container{margin:0}}.sell-modal-watch{justify-items:center;gap:clamp(.5rem,.401832rem + .418848vw,.75rem);width:40%;padding:clamp(1rem,.60733rem + 1.67539vw,2rem);display:grid;position:absolute;top:0;right:0}.sell-modal-watch img{max-width:80%;margin-top:10%}@media only screen and (width<=36rem){.sell-modal-watch img{width:5rem;max-width:100%;margin:0}}.sell-modal-watch__info{text-align:center;gap:.25rem;display:grid}.sell-modal-watch__model{color:var(--surfaces-medium);font-size:var(--text-sm)}@media only screen and (width<=36rem){.sell-modal-watch{align-items:center;width:100%;margin:0;padding-block:0;display:flex;position:static}}.catalog-tools{grid-template-columns:1fr 1fr;display:grid}.catalog-tools:has(.catalog-tools__search){grid-template-columns:2fr 1fr 1fr}@media only screen and (width<=51.25rem){.catalog-tools:has(.catalog-tools__search){grid-template-columns:1fr 1fr}}.catalog-tools>*{height:clamp(3.4375rem,3.21662rem + .942408vw,4rem)}.catalog-tools__search{border-top:1px var(--surfaces-borders) solid;border-right:1px var(--surfaces-borders) solid;position:relative}.catalog-tools__search>svg{pointer-events:none;font-size:1.5rem;position:absolute;top:50%;right:clamp(1rem,.803665rem + .837696vw,1.5rem);transform:translateY(-50%)}.catalog-tools__search input{box-shadow:none;font:inherit;color:inherit;background:0 0;border:none;outline:none;width:100%;height:100%;padding-inline:clamp(1rem,.803665rem + .837696vw,1.5rem)}.catalog-tools__search input::-webkit-input-placeholder{color:var(--surfaces-medium)}.catalog-tools__search input:-moz-placeholder-shown{color:var(--surfaces-medium)}.catalog-tools__search input::-moz-placeholder{color:var(--surfaces-medium)}.catalog-tools__search input:-ms-placeholder-shown{color:var(--surfaces-medium)}@media only screen and (width<=51.25rem){.catalog-tools__search{border-right:none;grid-column:1/-1}}.catalog-tools__filters-btn{color:inherit;cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-2xs);border:none;border-top:1px var(--surfaces-borders) solid;border-right:1px var(--surfaces-borders) solid;background:0 0;margin:0;padding:0;text-decoration:none;transition:color .2s ease-in-out,background-color .2s ease-in-out,text-decoration-color .2s ease-in-out,fill .2s ease-in-out,stroke .2s ease-in-out;display:flex}.catalog-tools__filters-btn svg{font-size:1.5rem}.catalog-tools__filters-btn-text{font-family:var(--font-display);line-height:1;font-weight:var(--font-weight-medium);letter-spacing:-.025em;text-transform:uppercase;font-size:var(--heading-6)}@media (any-hover:hover){.catalog-tools__filters-btn:hover{background:var(--surfaces-black);color:#fff}.catalog-tools__filters-btn:hover .badge_black{color:var(--surfaces-black);background:#fff}}.catalog-tools__sort svg{font-size:1.5rem}.catalog-tools__sort-btn{color:inherit;cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-2xs);border:none;border-top:1px var(--surfaces-borders) solid;background:0 0;width:100%;height:100%;margin:0;padding:0;text-decoration:none;display:flex}.catalog-tools__sort-btn-text{font-family:var(--font-display);line-height:1;font-weight:var(--font-weight-medium);letter-spacing:-.025em;text-transform:uppercase;font-size:var(--heading-6)}.catalog-tools__sort-btn{transition:all .2s ease-in-out}@media (any-hover:hover){.catalog-tools__sort-btn:hover{background:var(--surfaces-black);color:#fff}}.catalog-tools__sort-list{gap:var(--spacing-2xs);display:grid}@media only screen and (width<=51.25rem){.catalog-tools{grid-template-columns:1fr 1fr}}.product-grid{border-top:1px var(--surfaces-borders) solid;grid-template-columns:repeat(3,1fr);margin:0;padding:0;list-style:none;display:grid}.product-grid__item{border-right:1px var(--surfaces-borders) solid;border-bottom:1px var(--surfaces-borders) solid}.product-grid__item:nth-child(3n){border-right:none}@media only screen and (width<=51.25rem){.product-grid__item:nth-child(3n){border-right:1px var(--surfaces-borders) solid}.product-grid__item:nth-child(2n){border-right:none}.product-grid{grid-template-columns:repeat(2,1fr)}}.product-card{position:relative}.product-card__favorite{color:var(--surfaces-medium);cursor:pointer;top:var(--spacing-sm);right:var(--spacing-sm);background:0 0;border:none;margin:0;padding:0;text-decoration:none;position:absolute}.product-card__favorite svg{font-size:1.5rem}@media (any-hover:hover){.product-card__favorite:hover{color:var(--color-primary)}}.product-card__link{flex-direction:column;gap:clamp(1rem,.410995rem + 2.51309vw,2.5rem);padding:clamp(1rem,.410995rem + 2.51309vw,2.5rem);transition:box-shadow .2s ease-in-out;display:flex}@media (any-hover:hover){.product-card__link:hover{box-shadow:inset 0 0 24px 8px #0000000d}.product-card__link:hover img{transform:scale(1.1)}}.product-card__image{aspect-ratio:1;object-fit:cover;width:100%}.product-card__image img{transition:transform .2s ease-in-out}.product-card__title{gap:var(--spacing-2xs);margin-bottom:clamp(1rem,.901832rem + .418848vw,1.25rem);display:grid}.product-card__brand{font-family:var(--font-display);line-height:1;font-weight:var(--font-weight-medium);letter-spacing:-.025em;text-transform:uppercase;font-size:var(--heading-5)}.product-card__model{font-family:var(--font-body);font-size:var(--text-md);font-weight:var(--font-weight-regular);text-transform:none;letter-spacing:normal;color:var(--surfaces-medium)}.product-card__price{font-family:var(--font-display);line-height:1;font-weight:var(--font-weight-medium);letter-spacing:-.025em;text-transform:uppercase;font-size:var(--heading-5);margin-bottom:var(--spacing-2xs);display:block}.product-card__props{color:var(--surfaces-medium);gap:var(--spacing-sm);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.breadcrumbs{gap:var(--spacing-2xs);font-size:var(--text-sm);min-width:0;margin:0 0 clamp(.625rem,.281414rem + 1.46597vw,1.5rem);padding:0;list-style:none;display:flex;overflow:hidden}.breadcrumbs__item{gap:var(--spacing-2xs);min-width:0;list-style:none;display:flex}.breadcrumbs__item:not(:last-child){flex-shrink:0}.breadcrumbs__item:not(:last-child):after{content:"/";margin-left:var(--spacing-2xs)}.breadcrumbs__item:last-child{pointer-events:none;min-width:0}.breadcrumbs__item:last-child .breadcrumbs__link{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.breadcrumbs__link{color:var(--surfaces-medium);text-decoration:none;transition:color .2s ease-in-out,background-color .2s ease-in-out,text-decoration-color .2s ease-in-out,fill .2s ease-in-out,stroke .2s ease-in-out}@media (any-hover:hover){.breadcrumbs__link:hover{color:var(--surfaces-black)}}.discussion{border-top:1px solid var(--surfaces-borders);grid-template-columns:1fr 2fr;display:grid}@media only screen and (width<=51.25rem){.discussion{grid-template-columns:1fr}}.discussion-guest{border-right:1px solid var(--surfaces-borders);padding:var(--container-padding);align-content:start;gap:clamp(1rem,.410995rem + 2.51309vw,2.5rem);display:grid}@media only screen and (width<=51.25rem){.discussion-guest{border-right:none;border-bottom:1px solid var(--surfaces-borders)}}.discussion-guest__counts{grid-template-columns:1fr 1fr;display:grid}.discussion-guest__count{gap:.25rem;display:grid}.discussion-guest__count span,.discussion-guest__info{color:var(--surfaces-medium);font-size:var(--text-sm)}.discussion-list{margin:0;padding:0;list-style:none;display:grid}.discussion-list>li{border-top:1px solid var(--surfaces-borders)}.discussion-list>li:first-child{border-top:none}.discussion-post{gap:var(--spacing-sm);padding:clamp(1rem,.60733rem + 1.67539vw,2rem);display:grid}.discussion-post__user{align-items:center;column-gap:var(--spacing-xs);row-gap:var(--spacing-3xs);grid-template:"avatar name""avatar date"/auto 1fr;display:grid}.discussion-post__user-avatar{border-radius:50%;grid-area:avatar}.discussion-post__user-name{font-family:var(--font-display);line-height:1;font-weight:var(--font-weight-medium);letter-spacing:-.025em;text-transform:uppercase;font-size:var(--heading-6-sm);grid-area:name;align-self:end}.discussion-post__date{font-size:var(--text-sm);color:var(--surfaces-medium);grid-area:date;align-self:start}.discussion-post__actions{gap:var(--spacing-lg);display:flex}.discussion-post__action-button{appearance:none;color:var(--surfaces-medium);font:inherit;cursor:pointer;align-items:center;gap:var(--spacing-2xs);cursor:pointer;background:0 0;border:none;padding:0;transition:color .2s ease-in-out,background-color .2s ease-in-out,text-decoration-color .2s ease-in-out,fill .2s ease-in-out,stroke .2s ease-in-out;display:flex}@media (any-hover:hover){.discussion-post__action-button:hover{color:var(--surfaces-black)}}.discussion-post__action-button svg{font-size:1.5rem}.discussion-post__action-button.is-liked path{stroke:var(--status-error);fill:var(--status-error)}.discussion-post__sublist{border-left:1px solid var(--surfaces-borders)}.discussion-post__sublist>li{border-top:none;padding-bottom:0}.discussion-post__sublist .discussion-post__user{align-items:center;column-gap:var(--spacing-xs);grid-template-rows:auto;grid-template-columns:repeat(3,auto);grid-template-areas:"avatar name date";width:fit-content}.discussion-post__sublist .discussion-post__user-avatar{width:2rem}.discussion-post__sublist .discussion-post__user-name,.discussion-post__sublist .discussion-post__date{align-self:center}.faq{border-top:1px solid var(--surfaces-borders);grid-template-columns:1fr 2fr;display:grid}.faq__title{border-right:1px solid var(--surfaces-borders);padding:var(--container-padding)}@media only screen and (width<=51.25rem){.faq__title{border-right:none;border-bottom:1px solid var(--surfaces-borders)}.faq{grid-template-columns:1fr}}.faq-list{margin:0;padding:0;list-style:none}.faq-list__item{border-bottom:1px solid var(--surfaces-borders);padding:clamp(1rem,.60733rem + 1.67539vw,2rem)}.faq-list__item:last-child{border-bottom:none}.faq-list__item.is-active .faq-list__item-title:after{transform:rotate(-135deg)}.faq-list__item.is-active .faq-list__item-content{visibility:visible;grid-template-rows:1fr;transition-delay:0s}.faq-list__item-title{text-align:left;appearance:none;width:100%;color:inherit;font:inherit;cursor:pointer;font-family:var(--font-display);line-height:1;font-weight:var(--font-weight-medium);letter-spacing:-.025em;text-transform:uppercase;font-size:var(--heading-5);text-transform:none;background:0 0;border:none;justify-content:space-between;align-items:center;padding:0;display:flex}.faq-list__item-title:after{content:"";border-right:1px solid var(--surfaces-medium);border-bottom:1px solid var(--surfaces-medium);width:.5rem;height:.5rem;margin-top:-2px;margin-right:2px;transition:transform .2s ease-in-out;display:block;transform:rotate(45deg)}.faq-list__item-content{visibility:hidden;grid-template-rows:0fr;transition:grid-template-rows .4s,visibility 0s linear .4s;display:grid}.faq-list__item-content-inner{min-height:0;overflow:hidden}.faq-list__item-content-inner:before{content:"";height:var(--spacing-sm);display:block}@media (prefers-reduced-motion:reduce){.faq-list__item-content{transition:none}}.contact-messengers{border-top:1px solid var(--surfaces-borders);justify-content:space-between;align-items:center;gap:var(--spacing-md);padding:clamp(1rem,.60733rem + 1.67539vw,2rem);display:flex}.contact-messengers__info{gap:var(--spacing-2xs);display:grid}.contact-messengers__info p{font-size:var(--text-sm)}.upload-files-container{padding:clamp(1rem,.60733rem + 1.67539vw,2rem)}.upload-files-container__label{cursor:pointer;border-radius:var(--radius-xs);border:1px dashed var(--surfaces-borders);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;height:clamp(7.5rem,6.02749rem + 6.28272vw,11.25rem);transition:all .2s ease-in-out;display:flex}.upload-files-container__label-title{font-family:var(--font-display);line-height:1;font-weight:var(--font-weight-medium);letter-spacing:-.025em;text-transform:uppercase;font-size:var(--heading-6)}.upload-files-container__label-text{font-size:var(--text-sm);color:var(--surfaces-medium)}.upload-files-container__label svg{font-size:1.5rem}@media (any-hover:hover){.upload-files-container__label:hover{color:#fff;background-color:var(--surfaces-black);border:2px solid var(--surfaces-black)}}.footer{border-top:1px solid var(--surfaces-borders);background:var(--surfaces-bg-beige)}.footer__content{max-width:var(--container-width);border-left:1px solid var(--surfaces-borders);border-right:1px solid var(--surfaces-borders);margin:0 auto}.footer-logo{border-bottom:1px solid var(--surfaces-borders);padding-block:clamp(1.5rem,.371073rem + 4.81675vw,4.375rem);padding-inline:var(--container-padding)}.footer-logo svg{width:100%;height:auto}.footer-nav-cols{border-bottom:1px solid var(--surfaces-borders);grid-template-columns:auto 1fr auto;align-items:start;display:grid}.footer-nav-cols>div{padding:var(--container-padding)}.footer-nav-cols__second{justify-content:space-around;align-items:start;gap:var(--spacing-sm);display:flex}@media only screen and (width<=51.25rem){.footer-nav-cols__second{border-top:1px solid var(--surfaces-borders);justify-content:space-between}}.footer-nav-cols__third{justify-self:start;max-width:20rem}@media only screen and (width<=51.25rem){.footer-nav-cols__third{border-top:1px solid var(--surfaces-borders);justify-self:stretch;max-width:100%}.footer-nav-cols{grid-template-columns:1fr;gap:0}}.footer-nav-block{gap:var(--spacing-sm);justify-items:start;display:grid}.footer-nav-block__links{margin:0;padding:0;list-style:none}.footer-nav-block__links>li:not(:last-child){margin-bottom:var(--spacing-3xs)}.footer-nav-block__links_2-cols{column-count:2;column-gap:2.5rem}@media only screen and (width<=51.25rem){.footer-nav-block__links_2-cols{column-count:3;width:100%}}.footer-nav-block__link{color:var(--surfaces-medium);font-size:var(--text-sm)}@media (any-hover:hover){.footer-nav-block__link:hover{color:var(--surfaces-black)}}.footer-request{gap:var(--spacing-sm);justify-items:start;display:grid}.footer-request__title{font-family:var(--font-display);line-height:1;font-weight:var(--font-weight-medium);letter-spacing:-.025em;text-transform:uppercase;font-size:var(--heading-6)}.footer-request__info{gap:var(--spacing-sm);display:grid}@media only screen and (width<=51.25rem){.footer-request{grid-template-columns:1fr auto;align-items:center;display:grid}}.footer-contacts{border-bottom:1px solid var(--surfaces-borders);grid-template-columns:1fr 1fr;display:grid}.footer-contacts__left{padding:var(--container-padding);border-right:1px solid var(--surfaces-borders);justify-content:space-between;align-items:center;display:flex}.footer-contacts__right{padding:var(--container-padding);justify-content:center;gap:var(--spacing-2xs);flex-direction:column;display:flex}@media only screen and (width<=51.25rem){.footer-contacts__right{border-top:1px solid var(--surfaces-borders)}}.footer-contacts__call{gap:var(--spacing-3xs);display:grid}.footer-contacts__messengers{gap:var(--spacing-xs);display:flex}.footer-contacts__tel{font-family:var(--font-display);line-height:1;font-weight:var(--font-weight-medium);letter-spacing:-.025em;text-transform:uppercase;font-size:var(--heading-4)}@media (any-hover:hover){.footer-contacts__tel:hover{opacity:.7}}.footer-contacts__address{font-family:var(--font-display);line-height:1;font-weight:var(--font-weight-medium);letter-spacing:-.025em;text-transform:uppercase;font-size:var(--heading-6);font-style:normal}@media only screen and (width<=51.25rem){.footer-contacts{grid-template-columns:1fr}}.footer-copyright{padding:var(--container-padding);font-size:var(--text-sm);justify-content:space-between;gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.footer-copyright__text{color:var(--surfaces-medium)}.footer-copyright__legal-links{gap:var(--spacing-xs);display:flex}.footer-copyright__legal-links a{color:var(--surfaces-medium)}@media (any-hover:hover){.footer-copyright__legal-links a:hover{color:var(--surfaces-black)}}.footer-copyright__developer{text-transform:uppercase}.footer-copyright__developer a{text-decoration:none}:root{--header-height:105px}@media only screen and (width<=51.25rem){:root{--header-height:70px}}.header{padding-top:var(--header-height);z-index:10;grid-area:header;position:relative}.header__main{border-bottom:1px solid var(--surfaces-borders);width:100%;height:var(--header-height);background:var(--surfaces-bg-default);position:fixed;top:0}.header__secondary-nav{border-left:1px solid var(--surfaces-borders);border-right:1px solid var(--surfaces-borders);padding:0}@media only screen and (width<=51.25rem){.header__secondary-nav{display:none}}.header__secondary-nav-links{display:flex}.header__secondary-nav-link{text-align:center;border-right:1px solid var(--surfaces-borders);border-bottom:1px solid var(--surfaces-borders);flex:auto;padding:clamp(.75rem,.553665rem + .837696vw,1.25rem)}.header__secondary-nav-link:last-child{border-right:none}.header__secondary-nav-link{font-family:var(--font-display);line-height:1;font-weight:var(--font-weight-medium);letter-spacing:-.025em;text-transform:uppercase;font-size:var(--heading-6-sm);transition:color .2s ease-in-out,background-color .2s ease-in-out,text-decoration-color .2s ease-in-out,fill .2s ease-in-out,stroke .2s ease-in-out}@media (any-hover:hover){.header__secondary-nav-link:hover{border-color:var(--surfaces-black);background-color:var(--surfaces-black);color:#fff}}.header__logo{width:clamp(10.625rem,7.77814rem + 12.1466vw,17.875rem)}.header .icon-grid{display:block}.header .icon-close{display:none}.header__content{grid-template-columns:1fr auto 1fr;align-items:center;height:100%;display:grid}.header__actions{justify-content:end;align-items:center;gap:1.5rem;font-size:1.5rem;display:flex}.header__menu-button{appearance:none;color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;justify-content:start;align-items:center;gap:.5rem;padding:0;display:flex}.header__menu-button-icon{font-size:1.5rem}.header__menu-button_active .icon-grid{display:none}.header__menu-button_active .icon-close{display:block}:root{--sidebar-width:22.5rem}.menu-open{scrollbar-gutter:stable;overflow:hidden}.menu{z-index:99;top:var(--header-height);background:var(--surfaces-bg-default);z-index:15;width:100%;transition:all .2s ease-in-out;display:none;position:fixed;bottom:0;left:0;overflow:hidden}.menu__container{height:100%;padding:0}.menu__content{border-right:1px var(--surfaces-borders) solid;border-left:1px var(--surfaces-borders) solid;height:100%;position:relative}@media only screen and (width<=51.25rem){.menu__content{flex-direction:column;display:flex;overflow-y:auto}}.menu_active{display:block}@media only screen and (width<=51.25rem){.menu{top:70px}}.header_mini~.menu{top:70px}.menu-list{border-right:1px var(--surfaces-borders) solid;height:100%;max-width:var(--sidebar-width);margin:0;padding:0;list-style:none}.menu-list__item.menu-list__item_active{background:var(--surfaces-black);color:#fff}.menu-list__item.menu-list__item_active .menu-list__subnav{opacity:1;pointer-events:auto}.menu-list__item.menu-list__item_active .menu-list__item-nav-icon{opacity:1}.menu-list__item-link{border-bottom:1px var(--surfaces-borders) solid;cursor:pointer;align-items:center;gap:.625rem;padding-block:clamp(1.25rem,1.15183rem + .418848vw,1.5rem);padding-inline:clamp(1rem,.60733rem + 1.67539vw,2rem);display:flex}.menu-list__item-link svg{font-size:3rem}.menu-list__item-name{font-family:var(--font-display);line-height:1;font-weight:var(--font-weight-medium);letter-spacing:-.025em;text-transform:uppercase;font-size:var(--heading-6)}@media only screen and (width<=36rem){.menu-list__item-name{font-size:var(--heading-5)}}.menu-list__item-nav-icon{opacity:0;border-top:1px solid;border-right:1px solid;width:10px;height:10px;margin-left:auto;rotate:45deg}.menu-list__subnav{color:#000;opacity:0;pointer-events:none}@media only screen and (width<=51.25rem){.menu-list__subnav{opacity:1;transform:translate(100%)}.menu-list__subnav.is-active{opacity:1;pointer-events:auto;transform:translate(0)}.menu-list{border-right:0;max-width:100%;height:auto}}.menu-subnav-quick-links{border-top:1px var(--surfaces-borders) solid;display:flex}@media only screen and (width<=36rem){.menu-subnav-quick-links{flex-direction:column}}.menu-subnav-quick-links__item{font-family:var(--font-display);line-height:1;font-weight:var(--font-weight-medium);letter-spacing:-.025em;text-transform:uppercase;font-size:var(--heading-6);border-right:1px var(--surfaces-borders) solid;text-align:center;flex:1;padding-block:clamp(1rem,.803665rem + .837696vw,1.5rem);padding-inline:clamp(1rem,.60733rem + 1.67539vw,2rem);display:block}.menu-subnav-quick-links__item:last-child{border-right:0}@media only screen and (width<=36rem){.menu-subnav-quick-links__item:last-child{border-bottom:none}}.menu-subnav-quick-links__item{transition:color .2s ease-in-out,background-color .2s ease-in-out,text-decoration-color .2s ease-in-out,fill .2s ease-in-out,stroke .2s ease-in-out}@media (any-hover:hover){.menu-subnav-quick-links__item:hover{background:var(--surfaces-black);color:#fff}}@media only screen and (width<=36rem){.menu-subnav-quick-links__item{border-right:none;border-bottom:1px var(--surfaces-borders) solid}}.menu-subnav{top:0;bottom:0;right:0;left:calc(var(--sidebar-width) - 1px);border-left:1px var(--surfaces-borders) solid;background:var(--surfaces-bg-default);z-index:2;flex-direction:column;display:flex;position:absolute;overflow-y:auto}@supports not selector(::-webkit-scrollbar){.menu-subnav{scrollbar-width:thin;scrollbar-color:var(--surfaces-black) transparent}}@supports selector(::-webkit-scrollbar){.menu-subnav::-webkit-scrollbar{width:4px;height:4px}.menu-subnav::-webkit-scrollbar-thumb{background:var(--surfaces-black)}.menu-subnav::-webkit-scrollbar-track{background:0 0}.menu-subnav::-webkit-scrollbar-button{width:0;height:0;display:none}}.menu-subnav__title{font-family:var(--font-display);line-height:1;font-weight:var(--font-weight-medium);letter-spacing:-.025em;text-transform:uppercase;font-size:var(--heading-2);padding-block:clamp(1.25rem,.759162rem + 2.09424vw,2.5rem);padding-inline:clamp(.9375rem,.323953rem + 2.6178vw,2.5rem)}@media only screen and (width<=51.25rem){.menu-subnav__title{align-items:center;gap:.625rem;display:flex}.menu-subnav__title:before{content:"";border-top:1px solid;border-left:1px solid;width:.75rem;height:.75rem;display:block;rotate:-45deg}}@media only screen and (width<=51.25rem) and (width<=36rem){.menu-subnav__title:before{margin-left:.5rem}}.menu-subnav__content{flex-direction:column;display:flex}@media only screen and (width<=51.25rem){.menu-subnav{border:none;position:fixed;left:0}}.menu-subnav-columns{border-top:1px var(--surfaces-borders) solid;display:flex}.menu-subnav-columns__title{font-family:var(--font-display);line-height:1;font-weight:var(--font-weight-medium);letter-spacing:-.025em;text-transform:uppercase;font-size:var(--heading-6);font-family:var(--font-display);line-height:1;font-weight:var(--font-weight-medium);letter-spacing:-.025em;text-transform:uppercase;margin-bottom:1.5rem}@media only screen and (width<=36rem){.menu-subnav-columns__title{margin-bottom:1rem}}.menu-subnav-columns__links{margin:0;padding:0;list-style:none}.menu-subnav-columns__item{border-right:1px var(--surfaces-borders) solid;flex:auto;padding:clamp(1rem,.410995rem + 2.51309vw,2.5rem)}.menu-subnav-columns__item_double{flex:2 auto}.menu-subnav-columns__item_double .menu-subnav-columns__links{column-count:2}@media only screen and (width<=51.25rem){.menu-subnav-columns__item_double .menu-subnav-columns__links{column-gap:0}.menu-subnav-columns__item_double{border-top:1px var(--surfaces-borders) solid;grid-column:1/-1}}.menu-subnav-columns__item:last-child{border-right:none}.menu-subnav-columns__link{font-size:var(--text-sm);padding:4px 0;display:block}@media (any-hover:hover){.menu-subnav-columns__link:hover{color:var(--surfaces-black)}}@media only screen and (width<=36rem){.menu-subnav-columns__link{font-size:var(--text-md)}}@media only screen and (width<=51.25rem){.menu-subnav-columns{grid-template-columns:1fr 1fr;display:grid}}.menu-subnav-columns_3-cols{border:none;grid-template-columns:repeat(3,1fr);display:grid}.menu-subnav-columns_3-cols .menu-subnav-columns__item{border:none}.menu-feature-brands-list{padding:0;border-top:1px var(--surfaces-borders) solid;margin:0;padding:clamp(1rem,.410995rem + 2.51309vw,2.5rem);list-style:none;display:flex}.menu-feature-brands-list__item{flex:auto}@media only screen and (width<=51.25rem){.menu-feature-brands-list__item{flex:0 0 20vw}}@media only screen and (width<=36rem){.menu-feature-brands-list__item{flex:0 0 35vw}}.menu-feature-brands-list__link{aspect-ratio:1;border:1px var(--surfaces-borders) solid;border-radius:50%;display:flex}.menu-feature-brands-list__link img{max-width:60%;margin:auto}@media only screen and (width<=51.25rem){.menu-feature-brands-list{grid-template-columns:repeat(3,1fr);display:grid}}.menu-brands-list{column-count:4;padding:0;gap:4rem;margin:0;padding:0 clamp(1rem,.410995rem + 2.51309vw,2.5rem) clamp(1rem,.410995rem + 2.51309vw,2.5rem);list-style:none}.menu-brands-list__link{padding:4px 0;display:block}.menu-brands-list__link span{opacity:.5}@media (any-hover:hover){.menu-brands-list__link:hover{opacity:.5}}@media only screen and (width<=62rem){.menu-brands-list{column-count:3}}@media only screen and (width<=36rem){.menu-brands-list{column-count:2}}.brands-letters{display:flex}@supports not selector(::-webkit-scrollbar){.brands-letters{scrollbar-width:thin;scrollbar-color:var(--surfaces-black) transparent}}@supports selector(::-webkit-scrollbar){.brands-letters::-webkit-scrollbar{width:4px;height:4px}.brands-letters::-webkit-scrollbar-thumb{background:var(--surfaces-black)}.brands-letters::-webkit-scrollbar-track{background:0 0}.brands-letters::-webkit-scrollbar-button{width:0;height:0;display:none}}.brands-letters{margin-bottom:clamp(1.5rem,1.10733rem + 1.67539vw,2.5rem);overflow:auto}.brands-letters_at-page{margin-bottom:0;padding-inline:0}.brands-letters_at-page .brands-letters__item:first-child{border-left:none}.brands-letters_at-page .brands-letters__item:last-child{border-right:none}.brands-letters__item{appearance:none;color:inherit;font:inherit;cursor:pointer;font-family:var(--font-display);line-height:1;font-weight:var(--font-weight-medium);letter-spacing:-.025em;text-transform:uppercase;font-size:var(--heading-6);padding:0;border:none;border-top:1px var(--surfaces-borders) solid;border-bottom:1px var(--surfaces-borders) solid;border-right:1px var(--surfaces-borders) solid;text-transform:uppercase;background:0 0;flex:auto;padding:1.25rem .5rem;transition:all .2s ease-in-out}@media (any-hover:hover){.brands-letters__item:hover{background:color-mix(in srgb, var(--surfaces-black) 10%, transparent 90%)}}.brands-letters__item_active{color:#fff;background:var(--surfaces-black);border-color:var(--surfaces-black)}@media (any-hover:hover){.brands-letters__item_active:hover{background:var(--surfaces-black)}}.brands-letters__item:first-child{border-left:none}@media only screen and (width<=51.25rem){.brands-letters__item:first-child{flex:none;padding-inline:3rem}.brands-letters__item{min-width:36px;min-height:36px;padding:0}}.menu-mobile-block{display:none}@media only screen and (width<=51.25rem){.menu-mobile-block{display:block}}.menu-mobile-block .menu-subnav-columns{grid-template-columns:repeat(3,auto);gap:1.5rem;padding:clamp(1rem,.410995rem + 2.51309vw,2.5rem)}.menu-mobile-block .menu-subnav-columns__item{padding:0}.menu-currency{border-top:1px var(--surfaces-borders) solid;grid-template-columns:auto 1fr;align-items:center;padding:clamp(1rem,.410995rem + 2.51309vw,2.5rem);display:grid}.menu-currency__title{font-family:var(--font-display);line-height:1;font-weight:var(--font-weight-medium);letter-spacing:-.025em;text-transform:uppercase;font-size:var(--heading-6)}.menu-currency__list{justify-content:end;gap:var(--spacing-xs);align-items:center;display:flex}.menu-contacts{border-top:1px var(--surfaces-borders) solid;grid-template-columns:1fr auto;padding:clamp(1rem,.410995rem + 2.51309vw,2.5rem);display:grid}.menu-contacts__info{flex-direction:column;justify-content:space-between;display:flex}.menu-contacts__tel{font-family:var(--font-display);line-height:1;font-weight:var(--font-weight-medium);letter-spacing:-.025em;text-transform:uppercase;font-size:var(--heading-4)}.menu-contacts__btns{gap:var(--spacing-xs);display:flex}.menu-features{opacity:1;pointer-events:all;z-index:1}@media only screen and (width<=51.25rem){.menu-features{display:none}}.types-nav-list{border-top:1px var(--surfaces-borders) solid;grid-template-columns:repeat(3,1fr);display:grid}@media only screen and (width<=51.25rem){.types-nav-list{grid-template-columns:repeat(2,1fr)}}.types-nav-list__link{font-family:var(--font-display);line-height:1;font-weight:var(--font-weight-medium);letter-spacing:-.025em;text-transform:uppercase;font-size:var(--heading-6-sm);border-right:1px var(--surfaces-borders) solid;border-bottom:1px var(--surfaces-borders) solid;color:inherit;flex-direction:column;flex:auto;align-items:center;gap:1rem;padding:clamp(1rem,.803665rem + .837696vw,1.5rem);text-decoration:none;transition:color .2s ease-in-out,background-color .2s ease-in-out,text-decoration-color .2s ease-in-out,fill .2s ease-in-out,stroke .2s ease-in-out;display:flex}.types-nav-list__link:nth-child(3n){border-right:none}@media only screen and (width<=51.25rem){.types-nav-list__link:nth-child(3n){border-right:1px var(--surfaces-borders) solid}.types-nav-list__link:nth-child(2n){border-right:none}}.types-nav-list__link svg{font-size:clamp(4rem,2.62565rem + 5.86387vw,7.5rem)}@media (any-hover:hover){.types-nav-list__link:hover{background:var(--surfaces-black);color:#fff}}.menu-services{border-top:1px var(--surfaces-borders) solid;grid-template-columns:repeat(3,1fr);display:grid}@media only screen and (width<=51.25rem){.menu-services{grid-template-columns:repeat(2,1fr)}}.menu-services__link{font-family:var(--font-display);line-height:1;font-weight:var(--font-weight-medium);letter-spacing:-.025em;text-transform:uppercase;font-size:var(--heading-6-sm);border-right:1px var(--surfaces-borders) solid;border-bottom:1px var(--surfaces-borders) solid;color:inherit;flex-direction:column;flex:auto;align-items:center;gap:1rem;padding:clamp(1rem,.803665rem + .837696vw,1.5rem);text-decoration:none;transition:color .2s ease-in-out,background-color .2s ease-in-out,text-decoration-color .2s ease-in-out,fill .2s ease-in-out,stroke .2s ease-in-out;display:flex}.menu-services__link:nth-child(3n){border-right:none}@media only screen and (width<=51.25rem){.menu-services__link:nth-child(3n){border-right:1px var(--surfaces-borders) solid}.menu-services__link:nth-child(2n){border-right:none}}.menu-services__link svg{font-size:clamp(4rem,2.62565rem + 5.86387vw,7.5rem)}@media (any-hover:hover){.menu-services__link:hover{background:var(--surfaces-black);color:#fff}}.menuIn{animation:.3s linear both menuIn}.menuOut{animation:.3s linear both menuOut}@keyframes menuIn{0%{opacity:0}to{opacity:1}}@keyframes menuOut{0%{opacity:1}to{opacity:0}}.main-slider{border-bottom:1px var(--surfaces-borders) solid;position:relative}.main-slider__navigation{right:var(--container-padding);bottom:var(--container-padding);z-index:1;position:absolute}@media only screen and (width<=36rem){.main-slider__navigation{justify-content:center;width:100%;top:93vw;bottom:auto;right:0}.main-slider__navigation .swiper-pagination-bullets{width:auto!important}}.main-slider-slide{padding:var(--container-padding);display:block;position:relative}.main-slider-slide__image{aspect-ratio:1;width:100%;max-width:45%;margin:auto}@media only screen and (width<=36rem){.main-slider-slide__image{max-width:100%}}.main-slider-slide__content{padding:var(--container-padding);grid-template-rows:1fr auto;grid-template-columns:1fr 1fr;display:grid;position:absolute;inset:0}@media only screen and (width<=36rem){.main-slider-slide__content{grid-template-rows:auto;grid-template-columns:1fr;gap:clamp(1rem,.803665rem + .837696vw,1.5rem);padding:1.5rem 0 0;position:static}}.main-slider-slide__actions{align-items:center;gap:var(--spacing-md);display:flex}.main-slider-slide__title{font-family:var(--font-display);line-height:1;font-weight:var(--font-weight-medium);letter-spacing:-.025em;text-transform:uppercase;font-size:var(--heading-1);max-width:70%}@media only screen and (width<=36rem){.main-slider-slide__title{max-width:100%}}.main-slider-slide__description{justify-self:end;max-width:50%}@media only screen and (width<=36rem){.main-slider-slide__description{order:2;max-width:100%}}.main-slider-slide__price{font-family:var(--font-display);line-height:1;font-weight:var(--font-weight-medium);letter-spacing:-.025em;text-transform:uppercase;font-size:var(--heading-5)}.main-slider-navigation{align-items:center;gap:clamp(6.25rem,3.79581rem + 10.4712vw,12.5rem);display:flex}.main-slider-navigation__arrows{gap:var(--spacing-sm);display:flex}@media only screen and (width<=36rem){.main-slider-navigation__arrows{display:none}}.main-slider-navigation__arrow{appearance:none;color:var(--surfaces-medium);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-size:1.5rem;transition:color .2s ease-in-out,background-color .2s ease-in-out,text-decoration-color .2s ease-in-out,fill .2s ease-in-out,stroke .2s ease-in-out}.main-slider-navigation__arrow svg{max-width:none}@media (any-hover:hover){.main-slider-navigation__arrow:hover{color:var(--surfaces-black)}}.main-slider-navigation__arrow:last-child{rotate:180deg}.main-slider-navigation .swiper-pagination-bullet-active{background-color:var(--surfaces-black);border-radius:10px;width:1.25rem}.section-title{font-family:var(--font-display);line-height:1;font-weight:var(--font-weight-medium);letter-spacing:-.025em;text-transform:uppercase;font-size:var(--heading-2);text-align:center;padding:var(--container-padding)}.why-us-section{background:var(--surfaces-black);color:var(--extra-beige);grid-template-rows:1fr 1fr;grid-template-columns:repeat(3,1fr);grid-template-areas:"col1 title col2""col1 logo col2";display:grid}@media only screen and (width<=51.25rem){.why-us-section{grid-template-rows:repeat(4,auto);grid-template-columns:1fr;grid-template-areas:"title""col1""logo""col2"}}.why-us-section__logo{grid-area:logo;justify-content:center;align-items:center;max-width:80%;margin:0 auto;display:flex}@media only screen and (width<=51.25rem){.why-us-section__logo{border-top:1px solid #f0ebe433;width:100%;max-width:100%;padding:clamp(2rem,1.21466rem + 3.35079vw,4rem)}}.why-us-section__title{text-align:center;grid-area:title;justify-content:center;align-items:center;max-width:180px;margin:auto;display:flex}@media only screen and (width<=51.25rem){.why-us-section__title{padding:var(--container-padding);max-width:100%}}.why-us-section__colum{padding:var(--container-padding);justify-content:space-between;gap:var(--spacing-xs);flex-direction:column;min-height:clamp(12.5rem,9.06414rem + 14.6597vw,21.25rem);display:flex}.why-us-section__colum:last-child{border-top:1px solid #f0ebe433}@media only screen and (width<=51.25rem){.why-us-section__colum:last-child{border-top:none;border-left:1px solid #f0ebe433}}@media only screen and (width<=36rem){.why-us-section__colum{justify-content:start}}.why-us-section__columns{grid-template-rows:1fr 1fr;display:grid}.why-us-section__columns_1{border-right:1px solid #f0ebe433;grid-area:col1}@media only screen and (width<=51.25rem){.why-us-section__columns_1{border-right:none}}.why-us-section__columns_2{border-left:1px solid #f0ebe433;grid-area:col2}@media only screen and (width<=51.25rem){.why-us-section__columns_2{border-left:none}.why-us-section__columns{border-top:1px solid #f0ebe433;grid-template-rows:auto;grid-template-columns:1fr 1fr;display:grid}}.office-section{position:relative}.office-section__image{object-fit:cover;width:100%;min-height:25rem}.office-section__content{left:var(--container-padding);bottom:var(--container-padding);backdrop-filter:blur(40px);color:var(--extra-inverse);background:#00000003;max-width:26.875rem;position:absolute}@media only screen and (width<=36rem){.office-section__content{max-width:100%;right:var(--container-padding);background:#00000040}}.office-section__adress-info{padding:var(--container-padding);gap:clamp(1rem,.803665rem + .837696vw,1.5rem);display:grid}.office-section__adress-info-text{gap:var(--spacing-xs);display:grid}.office-section__contacts-info{padding:var(--container-padding);gap:var(--spacing-sm);border-top:1px solid #f0ebe433;grid-template-columns:1fr auto;display:grid}.office-section__address{font-style:normal}.office-section__schedule{font-size:var(--text-sm);opacity:.6}.office-section__tel-info{gap:var(--spacing-3xs);display:grid}.office-section__tel-info span{opacity:.6}.office-section__tel{font-family:var(--font-display);line-height:1;font-weight:var(--font-weight-medium);letter-spacing:-.025em;text-transform:uppercase;font-size:var(--heading-4)}.stories-section{padding:var(--container-padding);border-bottom:1px var(--surfaces-borders) solid}.stories-carusel{position:relative}.stories-carusel__nav-prev,.stories-carusel__nav-next{color:inherit;cursor:pointer;background:0 0;background:var(--surfaces-black);padding:0;padding:var(--spacing-2xs);cursor:pointer;z-index:1;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:2.625rem;height:2.625rem;margin:0;font-size:1.5rem;text-decoration:none;display:flex;position:absolute;top:50%}@media (any-hover:hover){.stories-carusel__nav-prev:hover,.stories-carusel__nav-next:hover{background:var(--surfaces-black);color:#fff}}@media only screen and (width<=36rem){.stories-carusel__nav-prev,.stories-carusel__nav-next{display:none}}.stories-carusel__nav-prev{left:0;transform:translateY(-50%)translate(-50%)}.stories-carusel__nav-next{right:0;transform:translateY(-50%)translate(50%)rotate(180deg)}.stories-carusel__item{aspect-ratio:1;border:1px var(--surfaces-borders) solid;cursor:pointer;border-radius:50%;padding:clamp(.25rem,.151832rem + .418848vw,.5rem);display:block}.stories-carusel__item img{border-radius:50%}.stories-carusel__item_first{border:1px var(--surfaces-borders) solid}.stories-carusel__follow{aspect-ratio:1;background:var(--surfaces-black);color:#fff;justify-content:center;align-items:center;gap:var(--spacing-3xs);border-radius:50%;flex-direction:column;font-size:clamp(.625rem,.526832rem + .418848vw,.875rem);display:flex}.stories-carusel__follow svg{font-size:clamp(1rem,.803665rem + .837696vw,1.5rem)}.stories-carusel .swiper-button-disabled{opacity:0;pointer-events:none}.stories-carusel .swiper-slide{width:clamp(4.6875rem,3.58312rem + 4.71204vw,7.5rem);transition:opacity .2s ease-in-out}@media (any-hover:hover){.stories-carusel .swiper-slide:hover{opacity:.8}}.brands-list{grid-template-columns:repeat(5,1fr);margin:0;padding:0;list-style:none;display:grid}@media only screen and (width<=62rem){.brands-list{grid-template-columns:repeat(4,1fr)}}@media only screen and (width<=51.25rem){.brands-list{grid-template-columns:repeat(3,1fr)}}.brands-list__item{border-right:1px solid var(--surfaces-borders);border-bottom:1px solid var(--surfaces-borders)}.brands-list__item:nth-child(5n){border-right:none}@media only screen and (width<=62rem){.brands-list__item:nth-child(5n){border-right:1px solid var(--surfaces-borders)}.brands-list__item:nth-child(4n){border-right:none}}@media only screen and (width<=51.25rem){.brands-list__item:nth-child(4n){border-right:1px solid var(--surfaces-borders)}.brands-list__item:nth-child(3n){border-right:none}}.brands-list__link{text-align:center;aspect-ratio:1;justify-content:center;align-items:center;transition:all .2s ease-in-out;display:flex}.brands-list__link img{width:100%;max-width:60%;transition:all .2s ease-in-out}@media (any-hover:hover){.brands-list__link:hover{box-shadow:0 0 24px 8px #0000000d}.brands-list__link:hover img{scale:1.1}}.brands-carousel{margin-bottom:clamp(1.875rem,1.13874rem + 3.14136vw,3.75rem);position:relative}.brands-carousel__link{border:1px solid var(--surfaces-borders);text-align:center;aspect-ratio:1;font-family:var(--font-display);line-height:1;font-weight:var(--font-weight-medium);letter-spacing:-.025em;text-transform:uppercase;font-size:var(--heading-6-sm);border-radius:50%;place-content:center;transition:color .2s ease-in-out,background-color .2s ease-in-out,text-decoration-color .2s ease-in-out,fill .2s ease-in-out,stroke .2s ease-in-out;display:block}@media (any-hover:hover){.brands-carousel__link:hover{background:var(--surfaces-black);color:var(--extra-beige)}}.brands-carousel__nav-prev,.brands-carousel__nav-next{color:inherit;cursor:pointer;background:0 0;background:var(--surfaces-black);padding:0;padding:var(--spacing-2xs);cursor:pointer;z-index:1;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:2.625rem;height:2.625rem;margin:0;font-size:1.5rem;text-decoration:none;display:flex;position:absolute;top:50%}@media (any-hover:hover){.brands-carousel__nav-prev:hover,.brands-carousel__nav-next:hover{background:var(--surfaces-black);color:#fff}}.brands-carousel__nav-prev{left:0;transform:translateY(-50%)translate(-50%)}.brands-carousel__nav-next{right:0;transform:translateY(-50%)translate(50%)rotate(180deg)}.brands-carousel .swiper-button-disabled{opacity:0;pointer-events:none}.brand-details__image{width:100%}.brand-details__header{border-bottom:1px solid var(--surfaces-borders);grid-template-columns:1fr auto;display:grid}.brand-details__title{padding:var(--container-padding);font-family:var(--font-display);line-height:1;font-weight:var(--font-weight-medium);letter-spacing:-.025em;text-transform:uppercase;font-size:var(--heading-2)}.brand-details__subtitle{border-left:1px solid var(--surfaces-borders);padding-inline:var(--container-padding);font-family:var(--font-display);line-height:1;font-weight:var(--font-weight-medium);letter-spacing:-.025em;text-transform:uppercase;font-size:var(--heading-6);align-items:center;display:flex}.brand-details__body{min-height:25rem;padding:var(--container-padding);flex-direction:column;justify-content:space-between;gap:clamp(1.25rem,.759162rem + 2.09424vw,2.5rem);display:flex}.brand-details__logo{width:100%;max-width:9rem;height:auto}.services-section{border-top:1px solid var(--surfaces-borders);grid-template-columns:1fr 1fr;display:grid}@media only screen and (width<=36rem){.services-section_reverse .services-section__image{aspect-ratio:2/1.3;order:-1}}.services-section__image{object-fit:cover;width:100%;height:100%}@media only screen and (width<=36rem){.services-section{grid-template-columns:1fr}}.product-header{border-bottom:1px solid var(--surfaces-borders);grid-template-columns:1fr auto;display:grid}@media only screen and (width<=51.25rem){.product-header{border-bottom:0;grid-template-columns:1fr}.product-header .breadcrumbs{margin-bottom:0}.product-header__title{display:none}}.product-header__info{padding:var(--container-padding);min-width:0}.product-header__logo{padding:var(--container-padding);border-left:1px solid var(--surfaces-borders);justify-content:center;align-items:center;display:flex}.product-header__logo img{width:100vw;max-width:149px}@media only screen and (width<=51.25rem){.product-header__logo{display:none}}.product-main-data{display:flex}@media only screen and (width<=62rem){.product-main-data{flex-direction:column}}.product-gallery{flex:1.25;min-width:0;display:flex}@media only screen and (width<=62rem){.product-gallery{flex:1}}.product-gallery__thumbs-col{padding:clamp(1rem,.60733rem + 1.67539vw,2rem)}@media only screen and (width<=62rem){.product-gallery__thumbs-col{display:none}}.product-gallery__thumbs .swiper-slide{cursor:pointer;background:var(--surfaces-bg-default);opacity:.5;height:6rem;transition:opacity .2s}.product-gallery__thumbs .swiper-slide.swiper-slide-thumb-active{opacity:1;border-color:var(--surfaces-borders)}.product-gallery__thumbs img{object-fit:cover;mix-blend-mode:multiply;width:100%;height:100%;display:block}.product-gallery__slider{border-left:1px solid var(--surfaces-borders);border-right:1px solid var(--surfaces-borders);flex:1;min-width:0;height:100%;margin:0}@media only screen and (width<=51.25rem){.product-gallery__slider{border:none}}.product-gallery__slider .swiper-slide{pointer-events:none;height:100%}.product-gallery__slider .swiper-slide.swiper-slide-active{pointer-events:auto}.product-gallery__slider a{background:var(--surfaces-bg-default);cursor:zoom-in;width:100%;height:100%;display:flex;position:relative}@media only screen and (width<=62rem){.product-gallery__slider a{aspect-ratio:1}}.product-gallery__slider img{object-fit:cover;mix-blend-mode:multiply;width:100%;height:100%;display:block;position:absolute}.product-gallery__pagination{z-index:2;justify-content:center;gap:8px;display:none;position:absolute;left:0;right:0;bottom:16px!important}.product-gallery__pagination .swiper-pagination-bullet{cursor:pointer;background:#e2dfdb;border-radius:8px;width:8px;height:8px;margin:0!important}.product-gallery__pagination .swiper-pagination-bullet-active{background:var(--surfaces-black);width:1rem}@media only screen and (width<=36rem){.product-gallery__pagination{display:flex}}.product-details{flex:1}.product-details__title-mobile{font-family:var(--font-display);line-height:1;font-weight:var(--font-weight-medium);letter-spacing:-.025em;text-transform:uppercase;font-size:var(--heading-2);padding:var(--container-padding);border-bottom:1px solid var(--surfaces-borders);display:none}@media only screen and (width<=51.25rem){.product-details__title-mobile{display:block}}.product-details-price{padding:var(--container-padding)}.product-details-price__price-values{font-family:var(--font-display);line-height:1;font-weight:var(--font-weight-medium);letter-spacing:-.025em;text-transform:uppercase;align-items:center;font-size:clamp(1.5rem,1.10733rem + 1.67539vw,2.5rem);display:flex}.product-details-price__price-old{color:var(--surfaces-medium);margin-left:clamp(1rem,.803665rem + .837696vw,1.5rem);font-size:60%;position:relative}.product-details-price__price-old:after{content:"";background:var(--status-error);width:100%;height:1px;position:absolute;top:50%;left:50%;transform:translate(-50%)translateY(-50%)rotate(-10deg)}.product-details-actions{border-top:1px solid var(--surfaces-borders);grid-template-columns:1fr 1fr;display:grid}.product-details-links{margin:0;padding:0;list-style:none;display:grid}.product-details-links li{border-top:1px solid var(--surfaces-borders)}.product-details-links__link{appearance:none;color:inherit;font:inherit;cursor:pointer;font-family:var(--font-display);line-height:1;font-weight:var(--font-weight-medium);letter-spacing:-.025em;text-transform:uppercase;font-size:var(--heading-6);background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:0;padding-block:clamp(.75rem,.455497rem + 1.25654vw,1.5rem);padding-inline:clamp(1rem,.60733rem + 1.67539vw,2rem);transition:color .2s ease-in-out,background-color .2s ease-in-out,text-decoration-color .2s ease-in-out,fill .2s ease-in-out,stroke .2s ease-in-out;display:flex}@media (any-hover:hover){.product-details-links__link:hover{background-color:var(--surfaces-black);color:#fff}}.product-details-links__link svg{font-size:1.5rem}.product-lot-about{border-top:1px solid var(--surfaces-borders);gap:clamp(1rem,.60733rem + 1.67539vw,2rem);padding:clamp(1rem,.60733rem + 1.67539vw,2rem);display:grid}.product-lot-about__data{flex-wrap:wrap;justify-content:space-between;gap:clamp(.75rem,1.27225rem - .628272vw,1.125rem);margin:0;padding:0;list-style:none;display:flex}.product-lot-about__data-item{display:grid}.product-lot-about__data-item-label{font-size:var(--text-sm);color:var(--surfaces-medium)}.product-details-contact{border-top:1px solid var(--surfaces-borders);grid-template-columns:1fr auto;align-items:center;gap:clamp(1rem,.60733rem + 1.67539vw,2rem);padding:clamp(1rem,.60733rem + 1.67539vw,2rem);display:grid}.product-details-contact__info{gap:clamp(.25rem,.102749rem + .628272vw,.625rem);display:grid}.products-carousel-section{border-top:1px solid var(--surfaces-borders)}.products-carousel-section__header{padding:var(--container-padding);justify-content:space-between;align-items:center;display:flex}.products-carousel-section__carousel{border-top:1px solid var(--surfaces-borders);margin:0 -1px}.products-carousel-section .product-card{border-right:1px solid var(--surfaces-borders)}.products-carousel-section .swiper-slide:last-child .product-card{border-right:none}.products-carousel-section__nav{gap:1rem;display:flex}@media only screen and (width<=36rem){.products-carousel-section__nav{display:none}}.products-carousel-section__nav-button{appearance:none;color:inherit;font:inherit;cursor:pointer;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:1.5rem;transition:opacity .2s;display:flex}.products-carousel-section__nav-button_next svg{transform:rotate(180deg)}.products-carousel-section__nav-button.swiper-button-disabled{opacity:.4;cursor:default}.product-description{border-top:1px solid var(--surfaces-borders);grid-template-columns:1fr 1fr;display:grid}@media only screen and (width<=62rem){.product-description{grid-template-columns:1fr}}.product-description__left{padding:var(--container-padding);align-content:start;gap:clamp(1.5rem,1.10733rem + 1.67539vw,2.5rem);display:grid}.product-description__right{border-left:1px solid var(--surfaces-borders)}@media only screen and (width<=62rem){.product-description__right{border-top:1px solid var(--surfaces-borders);border-left:none}}.specifications-list{column-count:2;margin:0;padding:0;list-style:none}.specifications-list__item{break-inside:avoid;gap:.25rem;margin-bottom:clamp(.75rem,.455497rem + 1.25654vw,1.5rem);display:grid}@media only screen and (width<=36rem){.specifications-list__item{border-bottom:1px solid var(--surfaces-borders);justify-content:space-between;align-items:baseline;margin-bottom:0;padding-block:.5rem;display:flex}.specifications-list__item:last-child{border-bottom:none;padding-bottom:0}.specifications-list__item:first-child{padding-top:0}}.specifications-list__item-label{font-size:var(--text-sm);color:var(--surfaces-medium)}@media only screen and (width<=36rem){.specifications-list__item-label{font-size:var(--text-md)}.specifications-list{column-count:1}}.product-about{padding:var(--container-padding);gap:clamp(1rem,.410995rem + 2.51309vw,2.5rem);display:grid}.product-about__tabs{gap:clamp(1rem,.60733rem + 1.67539vw,2rem);display:flex}.product-about__tab{appearance:none;color:inherit;font:inherit;cursor:pointer;font-family:var(--font-display);line-height:1;font-weight:var(--font-weight-medium);letter-spacing:-.025em;text-transform:uppercase;font-size:var(--heading-2);opacity:.5;background:0 0;border:none;padding:0}.product-about__tab_active{opacity:1}.product-about__tab-content{display:none}.product-about__tab-content_active{display:block}.product-complications,.product-condition{padding:var(--container-padding);border-top:1px solid var(--surfaces-borders);gap:clamp(1rem,.803665rem + .837696vw,1.5rem);display:grid}.product-rules{border-top:1px solid var(--surfaces-borders)}.product-rules__cols{border-top:1px solid var(--surfaces-borders);grid-template-columns:1fr 1fr;display:grid}@media only screen and (width<=36rem){.product-rules__cols{grid-template-columns:1fr}}.product-rules__col{padding:var(--container-padding);gap:clamp(1rem,.803665rem + .837696vw,1.5rem);display:grid}.product-rules__col:last-child{border-left:1px solid var(--surfaces-borders)}@media only screen and (width<=36rem){.product-rules__col:last-child{border-left:none;border-top:1px solid var(--surfaces-borders)}}.product-returns{padding:var(--container-padding);gap:clamp(1.5rem,1.10733rem + 1.67539vw,2.5rem);display:grid}.contacts-socials{grid-template-columns:1fr 1fr;display:grid}@media only screen and (width<=51.25rem){.contacts-socials{grid-template-columns:1fr}}.contacts-follow{border-top:1px solid var(--surfaces-borders);border-left:1px solid var(--surfaces-borders);justify-content:space-between;align-items:center;gap:var(--spacing-md);padding:clamp(1rem,.60733rem + 1.67539vw,2rem);display:flex}.contacts-follow__title{max-width:12em}@media only screen and (width<=51.25rem){.contacts-follow__title{max-width:none}}.contacts-follow__links{gap:var(--spacing-2xs);flex-wrap:wrap;display:flex}.contacts-follow__link{border-radius:var(--radius-max);padding-inline:var(--spacing-md)}@media only screen and (width<=51.25rem){.contacts-follow{border-left:none;flex-direction:column;align-items:start}}.office-section_contacts .office-section__image{min-height:clamp(18.75rem,5.98822rem + 54.4503vw,51.25rem);max-height:51.25rem}.write-us{border-top:1px solid var(--surfaces-borders);grid-template-columns:1fr 2fr;display:grid}@media only screen and (width<=51.25rem){.write-us{grid-template-columns:1fr}}.write-us__info{border-right:1px solid var(--surfaces-borders);padding:var(--container-padding);justify-content:space-between;gap:var(--spacing-md);flex-direction:column;display:flex}@media only screen and (width<=51.25rem){.write-us__info{border-right:none;border-bottom:1px solid var(--surfaces-borders);justify-content:start}}.write-us__text{max-width:18rem}.write-us .textarea-control{border-top:none}.contact-form__title{margin:clamp(1rem,.60733rem + 1.67539vw,2rem) clamp(1rem,.60733rem + 1.67539vw,2rem) 0}.contact-form__row{border-bottom:1px solid var(--surfaces-borders);grid-template-columns:1fr 1fr;display:grid}.contact-form__row>.input-control~.input-control{border-left:1px solid var(--surfaces-borders)}.contact-form__footer{gap:clamp(1rem,.901832rem + .418848vw,1.25rem);padding:clamp(1rem,.60733rem + 1.67539vw,2rem);display:grid}@media only screen and (width<=36rem){.contact-form__footer{padding-inline:var(--container-padding)}}.contact-form__agreements{gap:var(--spacing-xs);display:grid}.contact-form__agreements .c-checkbox{font-size:var(--text-sm);align-items:start}.journal-grid{border-top:1px solid var(--surfaces-borders);grid-template-columns:repeat(2,1fr);display:grid}@media only screen and (width<=36rem){.journal-grid{grid-template-columns:1fr}}.journal-card__link{height:100%;padding:var(--container-padding);border-bottom:1px solid var(--surfaces-borders);flex-direction:column;transition:box-shadow .2s ease-in-out;display:flex}@media (any-hover:hover){.journal-card__link:hover{box-shadow:inset 0 0 24px 8px #0000000d}.journal-card__link:hover img{transform:scale(1.1)}}.journal-card:nth-child(odd){border-right:1px solid var(--surfaces-borders)}@media only screen and (width<=36rem){.journal-card:nth-child(odd){border-right:none}}.journal-card__image{margin-bottom:clamp(1.25rem,.611911rem + 2.72251vw,2.875rem);overflow:hidden}.journal-card__image img{transition:transform .2s ease-in-out}.journal-card__title{font-family:var(--font-display);line-height:1;font-weight:var(--font-weight-medium);letter-spacing:-.025em;text-transform:uppercase;font-size:var(--heading-4);margin-bottom:clamp(1.5rem,1.10733rem + 1.67539vw,2.5rem)}.journal-card__date{font-size:var(--text-sm);color:var(--surfaces-medium);margin-top:auto}.journal-article{max-width:56.25rem;padding-block:var(--container-padding);margin:0 auto}.watch-example{border:1px solid var(--surfaces-borders);grid-template-columns:auto 1fr auto;display:grid}@media only screen and (width<=36rem){.watch-example{grid-template-columns:auto 1fr}}.watch-example__image{border-right:1px solid var(--surfaces-borders);width:clamp(5.875rem,5.23691rem + 2.72251vw,7.5rem);height:clamp(5.875rem,5.23691rem + 2.72251vw,7.5rem)}.watch-example__image img{object-fit:cover;width:100%;height:100%;margin:0}.watch-example__info{border-right:1px solid var(--surfaces-borders);flex-direction:column;flex:1;justify-content:center;gap:.5rem;padding-inline:clamp(1rem,.60733rem + 1.67539vw,2rem);display:flex}@media only screen and (width<=36rem){.watch-example__info{border-right:none}}.watch-example__brand{font-family:var(--font-display);line-height:1;font-weight:var(--font-weight-medium);letter-spacing:-.025em;text-transform:uppercase;font-size:var(--heading-5)}.watch-example__name{font-size:var(--text-sm);color:var(--surfaces-medium)}.watch-example__additional{grid-template-columns:1fr auto;align-items:center;gap:clamp(1rem,.803665rem + .837696vw,1.5rem);padding-inline:clamp(1rem,.60733rem + 1.67539vw,2rem);display:grid}@media only screen and (width<=36rem){.watch-example__additional{border-top:1px solid var(--surfaces-borders);grid-column:2 span;padding-block:clamp(1rem,.60733rem + 1.67539vw,2rem)}}.watch-example__additional-left{flex-direction:column;justify-content:center;gap:.5rem;display:flex}.watch-example__icon{aspect-ratio:1;background:var(--surfaces-black);color:#fff;justify-content:center;align-items:center;width:clamp(2rem,1.46008rem + 2.30367vw,3.375rem);font-size:clamp(1rem,.803665rem + .837696vw,1.5rem);display:flex}.watch-example__props{font-size:var(--text-sm);color:var(--surfaces-medium);gap:.5rem;display:flex}.watch-example__price{font-family:var(--font-display);line-height:1;font-weight:var(--font-weight-medium);letter-spacing:-.025em;text-transform:uppercase;font-size:var(--heading-5)}@media (any-hover:hover){.watch-example:hover .watch-example__icon{color:var(--surfaces-black);background:#fff}}.journal-article .watch-example{margin-block:clamp(2.5rem,1.51832rem + 4.18848vw,5rem)} /* End */ /* Start:/local/templates/watchlab/css/site.css?179372330578585*/ /* * Правки шаблона поверх вёрстки (static/css/layout.css). Вёрстку не правим — её заменяет новая сборка. */ /* шрифт Jun с дорисованными буквами с акцентами (É, è, ü, ô, Ō…), кавычками “ ” ‘ ’ и ™ — в оригинале их нет, браузер брал букву из другого шрифта. Тот же шрифт, объявлен позже — заменяет static/fonts (scripts/font-accents.py) */ @font-face { font-family: Jun; src: url(/local/templates/watchlab/css/../fonts/Jun-Regular.woff2) format("woff2"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: Jun; src: url(/local/templates/watchlab/css/../fonts/Jun-Italic.woff2) format("woff2"); font-weight: 400; font-style: italic; font-display: swap; } /* основной шрифт Geist — со своего сервера вместо Google Fonts (03.11.2026, скорость), латиница, переменная жирность */ @font-face { font-family: Geist; src: url(/local/templates/watchlab/css/../fonts/geist/geist-latin.woff2) format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: Geist; src: url(/local/templates/watchlab/css/../fonts/geist/geist-latin-ext.woff2) format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Geist; src: url(/local/templates/watchlab/css/../fonts/geist/geist-italic-latin.woff2) format("woff2"); font-weight: 100 900; font-style: italic; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: Geist; src: url(/local/templates/watchlab/css/../fonts/geist/geist-italic-latin-ext.woff2) format("woff2"); font-weight: 100 900; font-style: italic; font-display: swap; unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* замечание дизайнера в Figma (#15 «цвет шрифта»): вместо светло-серого low (#9b9b9b) везде medium (#737373), low не используем */ :root { --surfaces-low: var(--surfaces-medium); } /* логотип в шапке и подвале обёрнут ссылкой на главную — ссылка не должна влиять на раскладку */ .header__logo-link, .footer-logo__link { display: contents; color: inherit; } /* текущий раздел в строке разделов под шапкой */ .header__secondary-nav-link_active { text-decoration: underline; text-underline-offset: 0.3em; } /* алфавит брендов в меню: буквы без брендов неактивны, отфильтрованные бренды скрыты */ .brands-letters__item:disabled { opacity: 0.3; cursor: default; pointer-events: none; } .menu-brands-list__item[hidden] { display: none; } /* окно «Thank you!» после отправки формы (parts/success.php) — на основе окна продажи, без места под фото часов */ .success-modal .modal__content_center { max-width: 30rem; } .success-modal .sell-modal__header { margin-right: 0; text-align: center; } .success-modal__button { margin: 0 clamp(1rem, .60733rem + 1.67539vw, 2rem) clamp(1rem, .60733rem + 1.67539vw, 2rem); width: calc(100% - 2 * clamp(1rem, .60733rem + 1.67539vw, 2rem)); } /* строка формы с одним полем (имя в окне комментария) — поле на всю ширину */ .contact-form__row_single { grid-template-columns: 1fr; } /* заголовок формы: в вёрстке (sell.html) после него блок загрузки фото со своим отступом; в форме без загрузки (Request a Watch) поля начинаются сразу — тот же отступ, что у блока загрузки */ .contact-form__title + .contact-form__row, .contact-form__title + .textarea-control { margin-top: clamp(1rem, .60733rem + 1.67539vw, 2rem); } /* окно «View map» (parts/map.php): карта Google на всю ширину окна */ .map-modal .modal__content_center { max-width: 62rem; background: var(--surfaces-bg-default); } .map-modal__frame { display: block; width: 100%; height: min(75vh, 40rem); border: 0; } .map-modal .sell-modal__close { background: var(--surfaces-bg-default); } /* каталог: корень /catalog/ — без кнопки Filters (поиск и Sort by) */ .catalog-tools_no-filters:has(.catalog-tools__search) { grid-template-columns: 2fr 1fr; } /* каталог: пусто (ничего не найдено) */ .catalog-empty { padding-block: clamp(2rem, 1.21466rem + 3.35079vw, 4rem); border-top: 1px solid var(--surfaces-borders); } .catalog-empty__button { margin-top: 1.5rem; } /* каталог: список обновляется без перезагрузки (фильтр, сортировка — js/catalog.js) — плавно гаснет и проявляется */ .catalog-list { transition: opacity .3s ease-in-out; } .catalog-list.is-updating { opacity: .3; pointer-events: none; } /* избранное: сердечко в шапке — закрашено, когда в избранном что-то есть, справа сверху кружок с числом (badge вёрстки) */ .header__action-link_favorites { position: relative; display: inline-flex; } .header__action-link-badge { position: absolute; top: -.6em; right: -.8em; box-shadow: 0 0 0 2px var(--surfaces-bg-default); /* светлая обводка — кружок не сливается с закрашенным сердечком */ min-width: 1.1rem; min-height: 1.1rem; padding-inline: .25rem; font-size: .6875rem; pointer-events: none; } /* закрашенное сердечко — в шапке и на карточке товара */ .header__action-link_active svg path, .product-card__favorite_active svg path { fill: currentColor; } .product-card__favorite_active { color: var(--surfaces-black); /* как выбранный флажок в вёрстке */ } .product-card__favorite svg path { transition: fill .2s ease-in-out; } .product-card__favorite.is-loading { opacity: .5; pointer-events: none; } /* страница избранного: убранная карточка плавно исчезает */ .product-grid__item { transition: opacity .3s ease-in-out; } .product-grid__item.is-removing { opacity: 0; } /* страница товара: кнопка Add to wishlist — товар в избранном: сердечко закрашено */ .js-favorite.is-active svg path { fill: currentColor; } .js-favorite.is-loading { opacity: .5; pointer-events: none; } /* страница товара: заголовок бренда в «About brand» — ссылка на страницу бренда, без подчёркивания */ .brand-details__title a, .product-header__logo a { color: inherit; text-decoration: none; } /* окна Buy и Found it cheaper? (03.11.2026, переделано): товар не висит справа поверх формы (наезжал на поле телефона при длинном названии), а стоит строкой под заголовком — ячейкой с линиями: маленькое фото, бренд и модель; заголовок, сообщение и поля — на всю ширину */ .buy-modal .sell-modal__header { margin-right: 0; } .buy-modal .sell-modal-watch { position: static; display: flex; align-items: center; gap: var(--spacing-md); width: auto; padding: var(--spacing-md) clamp(1rem, .60733rem + 1.67539vw, 2rem); border-top: 1px solid var(--surfaces-borders); } .buy-modal .sell-modal-watch img { width: 4.5rem; max-width: none; margin: 0; aspect-ratio: 1; object-fit: contain; mix-blend-mode: multiply; } .buy-modal .sell-modal-watch__info { text-align: left; } .buy-modal .contact-form__textarea { width: 100%; margin-right: 0; } /* панель администратора на странице товара (watchlab:product.admin; в вёрстке её нет — только админам) */ .admin-panel { display: grid; gap: var(--spacing-lg, 1.5rem); padding: var(--container-padding, 2rem); border-top: 1px solid var(--surfaces-borders); border-bottom: 1px solid var(--surfaces-borders); background: repeating-linear-gradient(-45deg, transparent 0 12px, rgba(0, 0, 0, .02) 12px 24px); } .admin-panel__header { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 2rem; } .admin-panel__title { margin: 0; font-size: var(--heading-4, 1.75rem); } .admin-panel__meta { color: var(--surfaces-medium); } .admin-panel__banner { max-width: 200px; margin-left: auto; } .admin-panel__buttons, .admin-panel__flags { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 1.5rem; } .admin-panel__select { display: inline-flex; align-items: center; gap: .5rem; } .admin-panel__select select { font: inherit; padding: .6rem .75rem; border: 1px solid var(--surfaces-borders); border-radius: 0; background: var(--surfaces-bg-default); } .admin-panel__form { display: grid; gap: var(--spacing-lg, 1.5rem); justify-items: start; } .admin-panel__subtitle { margin: 0; } .admin-panel__prices { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); width: 100%; border: 1px solid var(--surfaces-borders); } .admin-panel__prices .input-control + .input-control { border-left: 1px solid var(--surfaces-borders); } .admin-panel__date { min-width: 240px; border: 1px solid var(--surfaces-borders); } /* календарь «Deal of the day until»: светлый, по клику на всё поле */ .admin-panel__date input[type="datetime-local"] { color-scheme: light; cursor: pointer; } .admin-panel__date input[type="datetime-local"]::-webkit-calendar-picker-indicator { cursor: pointer; opacity: .6; } .admin-panel__result { margin: 0; } /* кружок с числом (badge вёрстки) скрыт атрибутом hidden — у .badge в вёрстке display: inline-flex, он перекрывал hidden: на кнопке Filters без выбранных значений был «0», в шапке — пустой кружок */ .badge[hidden] { display: none; } /* страница брендов: бренды, отфильтрованные буквой, скрыты; бренд без логотипа — название */ .brands-list__item[hidden] { display: none; } .brands-list__name { margin: auto; padding: 1rem; text-align: center; font-family: var(--font-display); text-transform: uppercase; } /* страница бренда: выбранная серия в карусели серий */ .brands-carousel__link[aria-current="page"] { background: var(--surfaces-black); color: var(--extra-beige); } /* карточка товара: старая цена справа от цены распродажи — зачёркнута красной чертой, как на странице товара (.product-details-price__price-old вёрстки) */ .product-card__price-old { position: relative; display: inline-block; margin-left: 0.75rem; color: var(--surfaces-medium); font-size: 70%; white-space: nowrap; } .product-card__price-old::after { content: ""; position: absolute; top: 50%; left: 50%; width: 100%; height: 1px; background: var(--status-error); transform: translate(-50%, -50%) rotate(-10deg); } /* сторис: стрелка «вперёд» в окне просмотра — повёрнута (в вёрстке на компьютере обе смотрели влево) */ @media only screen and (width > 36rem) { .stories-slider__nav-next svg { transform: rotate(180deg); } } /* сторис: крестик поверх ролика под таймлайном (в вёрстке его не было — закрывали только кликом по фону) */ .stories-slider__close { appearance: none; position: absolute; z-index: 3; top: 1.75rem; right: 0.5rem; display: flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; padding: 0; border: none; background: none; color: #fff; font-size: 1.5rem; cursor: pointer; filter: drop-shadow(0 0 2px rgb(0 0 0 / 0.5)); } @media (any-hover: hover) { .stories-slider__close:hover { opacity: 0.7; } } @media only screen and (width <= 36rem) { .stories-slider__close { top: 2.25rem; } } /* сторис: таймлайн и при одной сторис — Swiper прячет единственную полоску (:only-child) */ .stories-slider__pagination .swiper-pagination-bullet:only-child { display: block !important; } /* сторис: кружки в ленте круглые и при неквадратной обложке */ .stories-carusel__item img { width: 100%; aspect-ratio: 1; object-fit: cover; } /* сторис, как на 1-shop.ru: просмотренные — серые (в конце ленты, js в шаблоне stories); справа лента плавно уходит в фон — последний кружок не обрезан, а гаснет (макет); в конце ленты — без затухания */ .stories-carusel .swiper-slide img { transition: filter .4s ease, opacity .4s ease; } .stories-carusel .swiper-slide.is-viewed img { filter: grayscale(1); opacity: .5; } .stories-carusel .swiper { -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 9rem), transparent); mask-image: linear-gradient(to right, #000 calc(100% - 9rem), transparent); } .stories-carusel:has(.stories-carusel__nav-next.swiper-button-disabled) .swiper, .stories-carusel:has(.stories-carusel__nav-next.swiper-button-lock) .swiper { -webkit-mask-image: none; mask-image: none; } @media (width <= 36rem) { .stories-carusel .swiper { -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 4.5rem), transparent); mask-image: linear-gradient(to right, #000 calc(100% - 4.5rem), transparent); } } /* Discussion: ловушка для ботов в форме комментария (люди её не видят) и пустое обсуждение */ .discussion-modal__trap { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; } /* Discussion без комментариев — узкая строка: заголовок | призыв | кнопка, ячейками с линиями (решение Сергея 03.11.2026) */ .discussion-bar { display: grid; grid-template-columns: 1fr 2fr; border-top: 1px solid var(--surfaces-borders); } .discussion-bar__title { margin: 0; padding: var(--spacing-xl) var(--container-padding); border-right: 1px solid var(--surfaces-borders); font-size: var(--heading-4); align-self: stretch; display: flex; align-items: center; } .discussion-bar__text { margin: 0; padding: var(--spacing-xl) var(--container-padding); color: var(--surfaces-medium); align-self: center; } .discussion-bar { grid-template-columns: 1fr 2fr auto; } .discussion-bar__button { align-self: center; margin-right: var(--container-padding); padding-inline: var(--spacing-2xl); } @media only screen and (width<=51.25rem) { .discussion-bar { grid-template-columns: 1fr; } .discussion-bar__title { border-right: none; padding-bottom: 0; } .discussion-bar__text { padding-block: var(--spacing-sm); } .discussion-bar__button { margin: 0 var(--container-padding) var(--spacing-xl); } } /* окно комментария: поле во всю ширину (в окнах Sell / Buy справа — фото часов) */ .discussion-modal .contact-form__textarea { width: 100%; max-width: none; margin-right: 0; } /* объявление на главной (Home banner) — полоса после шапки, перед слайдером; в вёрстке такого блока нет */ .home-notice { background: var(--surfaces-black); color: #fff; } .home-notice__content { padding-block: clamp(1rem, 0.8rem + 0.8vw, 1.5rem); text-align: center; line-height: 1.5; } .home-notice__content h2, .home-notice__content h3 { margin: 0 0 0.25em; font-family: var(--font-display); font-size: var(--heading-5); font-weight: 400; text-transform: uppercase; } .home-notice__content p { margin: 0; } .home-notice__content a { color: inherit; text-decoration: underline; } /* слайдер на главной: картинка — ссылка на товар; обёртка не влияет на сетку слайда */ .main-slider-slide__image-link { display: contents; } .main-slider-slide__image-link img { cursor: pointer; } /* текст слайда лежит слоем поверх всей картинки: клики сквозь пустое место — в картинку, по тексту и кнопке — как раньше */ .main-slider-slide__content { pointer-events: none; } .main-slider-slide__content > * { pointer-events: auto; } /* слайдер на главной: длинное название (Rolex Datejust 36 mm Zebra White Gold…) заезжало на фото — название занимает только поле слева от картинки (картинка — 45% по центру, левая колонка текста — половина слайда) и на ступень мельче */ .main-slider-slide__title { max-width: calc(55% - var(--spacing-md)); font-size: var(--heading-2); } /* точки листалки стояли далеко от стрелок и залезали на фото — ставим ближе к стрелкам, в правое поле */ .main-slider-navigation { gap: var(--spacing-xl); } @media only screen and (width<=51.25rem) { /* телефон и планшет: картинка сверху во всю ширину, название под ней — как в вёрстке */ .main-slider-slide__title { max-width: 100%; } } /* страница 404 */ .error-page { padding-bottom: clamp(3rem, 2rem + 4vw, 6rem); } .error-page__text { max-width: 40rem; margin-bottom: 2rem; } .error-page__actions { display: flex; flex-wrap: wrap; gap: 0.75rem; } /* карточки в списках — как галерея товара в вёрстке: белый фон фото растворяется в фоне сайта; фото любых пропорций целиком вписано в квадрат картинки (главные фото товаров бывают вытянутыми) */ /* фон сайта под фото: в карусели (swiper) у слайда свой слой, и multiply без фона оставлял белый квадрат */ .product-card__image{overflow:hidden;background-color:var(--surfaces-bg-default)} .product-card__image img{mix-blend-mode:multiply;width:100%;height:100%;object-fit:contain;display:block} /* быстрый поиск каталога (parts/catalog-search.php, js/search.js): выпадающий список под полем — как dropdown__content вёрстки, строки — миниатюра, бренд и модель (как в product-card), статус и референс, цена справа */ .catalog-tools__search { z-index: 5; } .search-suggest { position: absolute; top: calc(100% + 1px); left: -1px; right: -1px; z-index: 20; background: var(--surfaces-bg-default); border: 1px solid var(--surfaces-borders); box-shadow: 0 8px 40px #00000014; max-height: min(70vh, 640px); overflow-y: auto; overscroll-behavior: contain; } .search-suggest[hidden] { display: none; } .search-suggest__hint, .search-suggest__empty { padding: var(--spacing-sm) var(--spacing-md); color: var(--surfaces-medium); font-size: var(--text-sm, .875rem); } .search-suggest__hint b { color: var(--surfaces-black); font-weight: var(--font-weight-medium, 500); } .search-suggest__empty a { color: var(--surfaces-black); text-decoration: underline; } .search-suggest__brands { display: flex; flex-wrap: wrap; gap: var(--spacing-2xs, .5rem); padding: var(--spacing-sm) var(--spacing-md); border-bottom: 1px solid var(--surfaces-borders); } .search-suggest__brand { font-family: var(--font-display); text-transform: uppercase; letter-spacing: -.025em; padding: .375rem .75rem; border: 1px solid var(--surfaces-borders); color: var(--surfaces-black); text-decoration: none; transition: background-color .2s ease-in-out; } .search-suggest__brand span { font-family: var(--font-body); color: var(--surfaces-medium); font-size: .8em; } .search-suggest__list { list-style: none; margin: 0; padding: 0; } .search-suggest__list li + li { border-top: 1px solid var(--surfaces-borders); } .search-suggest__item { display: grid; grid-template-columns: 4rem 1fr auto; align-items: center; gap: var(--spacing-sm); padding: .75rem var(--spacing-md); color: inherit; text-decoration: none; transition: box-shadow .2s ease-in-out; } .search-suggest__item:hover, .search-suggest__item.is-active, .search-suggest__brand:hover, .search-suggest__brand.is-active { box-shadow: inset 0 0 24px 8px #0000000d; } .search-suggest__image { width: 4rem; aspect-ratio: 1; background: var(--surfaces-bg-default); } .search-suggest__image img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; display: block; } .search-suggest__info { display: grid; gap: .125rem; min-width: 0; } .search-suggest__brand-name { font-family: var(--font-display); text-transform: uppercase; letter-spacing: -.025em; line-height: 1; } .search-suggest__model { color: var(--surfaces-medium); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .search-suggest__meta { display: flex; flex-wrap: wrap; gap: .125rem .75rem; font-size: .8125rem; color: var(--surfaces-medium); } .search-suggest__status { white-space: nowrap; } .search-suggest__status::before { content: ""; display: inline-block; width: .4375rem; height: .4375rem; border-radius: 50%; margin-right: .375rem; vertical-align: .0625rem; background: var(--surfaces-low); } .search-suggest__status_in-stock::before { background: #3a9b5c; } .search-suggest__status_on-order::before { background: #c9a227; } .search-suggest__prices { display: grid; justify-items: end; gap: .125rem; text-align: right; } .search-suggest__price { font-family: var(--font-display); letter-spacing: -.025em; white-space: nowrap; } .search-suggest__price .derham-icon { width: .8em; height: .8em; } .search-suggest__price-old { font-size: .8125rem; color: var(--surfaces-medium); text-decoration: line-through; white-space: nowrap; } .search-suggest__all { border-radius: 0; } .search-suggest__all.is-active { outline: 2px solid var(--surfaces-black); outline-offset: -4px; } @media (max-width: 40rem) { .search-suggest__item { grid-template-columns: 3rem 1fr; } .search-suggest__image { width: 3rem; } .search-suggest__prices { grid-column: 2; justify-items: start; text-align: left; } } /* у картинок теперь есть width/height (PageSpeed) — высоту по-прежнему считает вёрстка */ .main-slider-slide__image, .office-section__image { height: auto; } /* слайдер на главной: белый фон фото растворяется в фоне сайта — как в карточках; у слайда swiper свой слой, поэтому фон — на слайде */ .main-slider-slide { background-color: var(--surfaces-bg-default); } .main-slider-slide__image { mix-blend-mode: multiply; } /* логотипы брендов (список брендов, шапка товара, «About brand», меню): белый фон картинки растворяется в фоне сайта; монохромные — без цветных логотипов (решение Сергея 03.11.2026), в одной гамме с сайтом */ .brands-list__link img, .product-header__logo img, .brand-details__logo, .menu-feature-brands-list__link img { mix-blend-mode: multiply; filter: grayscale(1) contrast(1.15); } /* панель администратора Битрикса (#panel) — первой строкой страницы, над шапкой (у body вёрстки — сетка header / main / footer) */ body { grid-template-rows: auto auto 1fr auto; grid-template-areas: "panel" "header" "main" "footer"; } #panel { grid-area: panel; position: relative; z-index: 1000; } .header__main { top: var(--wl-panel-offset, 0px); } /* варианты товара (торговые предложения) над ценой — чипы вёрстки (.chip-list, .chip_primary — выбран, .chip_secondary) */ .product-offers { padding: var(--spacing-md) var(--container-padding, 1.5rem) 0; } .product-offers .chip { font: inherit; cursor: pointer; background: transparent; color: inherit; } .product-offers .chip_primary { background: var(--surfaces-black); color: #fff; border: 1px solid var(--surfaces-black); } /* SEO: заголовок H1 главной — для поиска и экранных читалок, на экране не виден (в вёрстке главной H1 нет) */ .visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; } /* ===== Юридические страницы: Terms, Privacy, Cookie, Shipping & Returns (parts/legal.php) ===== */ /* переключатель документов под заголовком — строка ячеек с линиями, текущий документ — тёмная ячейка */ .legal-nav { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--surfaces-borders); } .legal-nav__link { padding: var(--spacing-md) var(--container-padding); border-right: 1px solid var(--surfaces-borders); font-family: var(--font-display); font-size: var(--heading-6-sm); font-weight: var(--font-weight-medium); line-height: 1; letter-spacing: -.025em; text-transform: uppercase; color: inherit; text-decoration: none; transition: color .2s ease-in-out, background-color .2s ease-in-out; } .legal-nav__link:last-child { border-right: none; } .legal-nav__link_active { background: var(--surfaces-black); color: var(--surfaces-bg-default); } @media (any-hover: hover) { .legal-nav__link:hover { background: var(--surfaces-black); color: var(--surfaces-bg-default); } } /* документ: оглавление слева (1/3), текст справа (2/3) — как FAQ */ .legal { display: grid; grid-template-columns: 1fr 2fr; border-top: 1px solid var(--surfaces-borders); } .legal__aside { padding: var(--container-padding); border-right: 1px solid var(--surfaces-borders); } /* оглавление едет вместе с текстом под шапкой */ .legal__toc { position: sticky; top: calc(var(--header-height) + var(--spacing-md)); } .legal__toc-title { margin: 0 0 var(--spacing-md); font-family: var(--font-display); font-size: var(--heading-6-sm); font-weight: var(--font-weight-medium); line-height: 1; letter-spacing: -.025em; text-transform: uppercase; } .legal__toc-list { display: grid; gap: var(--spacing-xs); margin: 0; padding: 0; list-style: none; } .legal__toc-link { display: grid; grid-template-columns: 2.25em 1fr; font-size: var(--text-sm); color: var(--surfaces-medium); text-decoration: none; transition: color .2s ease-in-out; } .legal__toc-link.is-active { color: var(--surfaces-black); } @media (any-hover: hover) { .legal__toc-link:hover { color: var(--surfaces-black); } } .legal__toc-num, .legal__num { color: var(--surfaces-low); font-variant-numeric: tabular-nums; } .legal__body { max-width: 56.25rem; padding: var(--container-padding); } /* без оглавления (документ из одного раздела) — текст на всю строку */ .legal__body_wide { grid-column: 1 / -1; } /* заголовок раздела: номер слева, под шапкой при переходе из оглавления не прячется */ .legal__heading { display: grid; font-size: var(--heading-5); /* текст длинный, разделов много — заголовки разделов на ступень меньше обычного h2 */ grid-template-columns: 2.25em 1fr; scroll-margin-top: calc(var(--header-height) + var(--spacing-md)); } .legal__body .typo h2:not(:first-child) { margin-top: var(--spacing-2xl); } /* реквизиты внизу: «Contact us» слева, компания / адрес / телефон — ячейками справа */ .legal-company { display: grid; grid-template-columns: 1fr 2fr; border-top: 1px solid var(--surfaces-borders); } .legal-company__title { margin: 0; padding: var(--container-padding); border-right: 1px solid var(--surfaces-borders); } .legal-company__list { display: grid; grid-template-columns: repeat(3, 1fr); margin: 0; } .legal-company__item { padding: var(--container-padding); border-right: 1px solid var(--surfaces-borders); } .legal-company__item:last-child { border-right: none; } .legal-company__label { margin-bottom: var(--spacing-xs); font-size: var(--text-sm); color: var(--surfaces-medium); } .legal-company__value { margin: 0; } .legal-company__value a { color: inherit; } @media only screen and (width<=51.25rem) { /* планшет и телефон: документы — 2 в ряд; оглавление убираем (текст в одну колонку), реквизиты — столбиком */ .legal-nav { grid-template-columns: repeat(2, 1fr); } .legal-nav__link:nth-child(-n+2) { border-bottom: 1px solid var(--surfaces-borders); /* линия между рядами; под вторым рядом — верхняя линия документа */ } .legal-nav__link:nth-child(2n) { border-right: none; } .legal-nav__link:nth-child(2n+1) { border-right: 1px solid var(--surfaces-borders); } .legal, .legal-company, .legal-company__list { grid-template-columns: 1fr; } .legal__aside { display: none; } .legal-company__title { border-right: none; border-bottom: 1px solid var(--surfaces-borders); } .legal-company__item { border-right: none; border-bottom: 1px solid var(--surfaces-borders); } .legal-company__item:last-child { border-bottom: none; } } /* ===== Карточка товара: галерея и строки под кнопкой Buy (по макету Figma и замечаниям Сергея 02.11.2026) ===== */ /* главное фото — квадрат (фото на сайте квадратные со старого сайта), у верха колонки; сама колонка галереи — на всю высоту строки, чтобы линии сетки не обрывались */ .product-gallery__slider .swiper-slide { height: auto; } .product-gallery__slider a { aspect-ratio: 1; height: auto; } /* фото заполняет квадрат целиком (как на Мануфактуре): квадратные снимки — без изменений, у портретных и интерьерных обрезаются края, без полей по бокам; полностью снимок — по клику (увеличение) */ .product-gallery__slider img, .product-gallery__thumbs img { object-fit: cover; } /* …кроме сильно вытянутых (уже 3:4 или шире 4:3, result_modifier.php — WHOLE): у них обрезалось полкадра — показываем целиком */ .product-gallery__slider img.product-gallery__whole { object-fit: contain; } /* миниатюры — колонка высотой с главное фото: лишние листаются (колесом и перетаскиванием), высоту галерее не добавляют */ .product-gallery__thumbs-col { position: relative; width: calc(6rem + 2 * var(--spacing-md)); flex-shrink: 0; } .product-gallery__thumbs { position: absolute; inset: var(--spacing-md); } .product-gallery__thumbs .swiper-slide { aspect-ratio: 1; } /* строки Trade-in / Make an offer / Sell this item и заголовки «About this lot», «Any questions?» — как в макете: обычный регистр */ .product-details-links__link, .product-lot-about h6, .product-details-contact h6 { text-transform: none; } /* карусели товаров (You may also like, Recently viewed…): карточки одной высоты — иначе у карточки с коротким названием линия справа и фон при наведении кончались раньше соседних («слетала сетка») */ .products-carousel-section .swiper-slide { height: auto; } .products-carousel-section .product-card { height: 100%; } /* поля форм (заявки, комментарии, Sell / Trade-in…): вместо синей рамки браузера при вводе всё поле становится белым (#fff — как белый в вёрстке, своей переменной у него нет) */ .textarea-control, .input-control { transition: background-color .2s ease-in-out; } /* синюю рамку браузера убираем у всех полей ввода на сайте (поиск, фильтры, формы); у кнопок и ссылок она остаётся — для навигации с клавиатуры */ input:not([type=checkbox], [type=radio]):focus, textarea:focus, select:focus { outline: none; } .textarea-control:focus, .input-control:focus-within, .catalog-tools__search:focus-within { background-color: #fff; } /* поиск в каталоге, на страницах брендов и в избранном — так же белеет при вводе */ .catalog-tools__search { transition: background-color .2s ease-in-out; } /* окна Buy / Make an offer / Sell / Trade-in: фото товара без белой подложки — как в каталоге (белый фон снимка сливается с фоном окна) */ .sell-modal-watch__image { mix-blend-mode: multiply; } /* шапка товара: высоту задаёт название с крошками, а не логотип бренда — квадратный логотип (149px + отступы) растягивал шапку при названии в одну строку. Ячейка логотипа той же ширины, логотип вписывается в её высоту */ .product-header__logo { position: relative; width: calc(149px + 2 * var(--container-padding)); } .product-header__logo a { position: absolute; inset: var(--spacing-md) var(--container-padding); display: flex; align-items: center; justify-content: center; } .product-header__logo img { width: auto; max-width: 100%; max-height: 100%; object-fit: contain; } /* карточка товара: заголовок «About this lot» не показываем (решение Сергея 03.11.2026) — данные лота говорят сами за себя, а заголовок спорил по виду с кнопками выше; в разметке остаётся */ .product-lot-about > h6 { display: none; } /* карточка товара: усложнения — ссылки на страницы «Tourbillon watches» и т.п.; вид — как у чипов, при наведении тёмные */ .chip_link { color: inherit; text-decoration: none; transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out; } @media (any-hover: hover) { .chip_link:hover { background-color: var(--surfaces-black); border-color: var(--surfaces-black); color: var(--surfaces-bg-default); } } /* шапка страниц (page-header: Request a watch, Services, разделы каталога, юр. страницы, усложнения…): была несбалансирована — сверху до 100px пустоты, а подзаголовок вплотную к заголовку. Отступы сверху и снизу равны, у текста — воздух под заголовком, строка не шире ~60 знаков на фразу, цвет — вторичный */ .main:has(.page-header) { padding-top: var(--spacing-3xl); } .page-header { margin-bottom: var(--spacing-3xl); } .page-header__text { max-width: 48rem; margin: var(--spacing-lg) 0 0; font-size: var(--text-lg); color: var(--surfaces-medium); } /* страница Services: картинки вкладок стопкой в левой ячейке, видна картинка открытой вкладки (js/services.js), смена — плавно */ .services-media { position: relative; min-width: 0; min-height: 100%; overflow: hidden; } .services-media__image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity .5s ease-in-out; } .services-media__image.is-active { opacity: 1; } @media only screen and (width<=51.25rem) { /* телефон и планшет: ячейки одна под другой — у картинки своя высота (квадрат) */ .services-media { aspect-ratio: 1; } } /* карточка товара на компьютере (решение Сергея 03.11.2026): галерея — сетка «миниатюры | фото» и под ними ячейка «Please note…» на всю ширину; она растягивается до низа правой колонки — без пустого места под фото */ .product-gallery { display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto 1fr; } .product-gallery__thumbs-col { grid-column: 1; grid-row: 1; } .product-gallery__slider { grid-column: 2; grid-row: 1; } .product-gallery__note { grid-column: 1 / -1; margin: 0; padding: var(--container-padding); border-top: 1px solid var(--surfaces-borders); border-right: 1px solid var(--surfaces-borders); } /* та же фраза в «About this lot» — только на телефоне и планшете */ .product-lot-about__note { display: none; } @media only screen and (width<=62rem) { .product-gallery { grid-template-columns: 1fr; grid-template-rows: auto; } .product-gallery__slider { grid-column: 1; } .product-gallery__note { display: none; } .product-lot-about__note { display: block; } } /* карточка товара, «Any questions?»: ячейка тянется до низа правой колонки (сетка с галереей ровная), содержимое — по центру по высоте; кнопки мессенджеров — со значком и подписью WhatsApp / Telegram */ .product-details { display: flex; flex-direction: column; } .product-details-contact { flex: 1; } .product-details-contact__buttons { display: flex; flex-wrap: wrap; gap: var(--spacing-xs); } .product-details-contact__buttons .button { gap: var(--spacing-2xs); padding-inline: var(--spacing-lg); } .product-details-contact__buttons .button svg { font-size: 1.25rem; } /* карточка товара (каталог, карусели): подложка при наведении — у ссылки внутри карточки; ссылка — на всю высоту ячейки, иначе у карточки с коротким названием подсветка не доходила до низа */ .product-card { display: flex; flex-direction: column; } .product-card__link { flex: 1; } /* 03.11.2026: ячейка сетки выше карточки (соседняя в ряду длиннее) — карточку тянем на всю ячейку, иначе подсветка при наведении обрывалась над линией */ .product-grid__item { display: flex; flex-direction: column; } .product-grid__item > .product-card { flex: 1; } /* ===== Ленты товаров на странице товара (шаблон catalog.section/carousel, VIEW cards / thumbs; js/strip.js) ===== замечание Сергея 03.11.2026: большие карточки спорили с самим товаром — «You may also like» компактной лентой по 5 в ряд, «Recently viewed» — маленькими фото, как на Мануфактуре. Ячейки с линиями, как вся сетка сайта */ .product-strip { border-top: 1px solid var(--surfaces-borders); } .product-strip__header { display: flex; align-items: center; justify-content: space-between; gap: var(--spacing-md); padding: var(--spacing-xl) var(--container-padding); } .product-strip__title { margin: 0; font-size: var(--heading-4); } .product-strip_thumbs .product-strip__title { font-size: var(--heading-6); } .product-strip__nav { display: flex; gap: var(--spacing-sm); } .product-strip.is-static .product-strip__nav { display: none; } .product-strip__arrow { display: flex; padding: 0; border: none; background: none; color: inherit; font-size: 1.5rem; cursor: pointer; transition: opacity .2s; } .product-strip__arrow:disabled { opacity: .3; cursor: default; } .product-strip__arrow_next svg { transform: rotate(180deg); } .product-strip__track { display: grid; grid-auto-flow: column; grid-auto-columns: 20%; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; border-top: 1px solid var(--surfaces-borders); } .product-strip__track::-webkit-scrollbar { display: none; } .product-strip__item { display: flex; flex-direction: column; gap: var(--spacing-3xs); min-width: 0; padding: var(--spacing-md); border-right: 1px solid var(--surfaces-borders); color: inherit; text-decoration: none; scroll-snap-align: start; transition: background-color .2s ease-in-out; } @media (any-hover: hover) { .product-strip__item:hover { background-color: var(--surfaces-surface-contrast); } } .product-strip__image { display: block; aspect-ratio: 1; min-height: 0; /* во флекс-колонке высота считалась по картинке — высокое фото тянуло ячейку */ overflow: hidden; flex-shrink: 0; margin-bottom: var(--spacing-xs); } .product-strip__image img { display: block; width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; } .product-strip__brand { font-family: var(--font-display); font-size: var(--heading-6-sm); font-weight: var(--font-weight-medium); line-height: 1; letter-spacing: -.025em; text-transform: uppercase; } .product-strip__model { display: -webkit-box; overflow: hidden; font-size: var(--text-sm); color: var(--surfaces-medium); -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .product-strip__price { margin-top: auto; padding-top: var(--spacing-2xs); font-family: var(--font-display); font-size: var(--text-lg); } /* Recently viewed: маленькие квадратные фото с подписью бренда */ .product-strip_thumbs .product-strip__track { grid-auto-columns: 9rem; } .product-strip_thumbs .product-strip__item { padding: var(--spacing-xs); } .product-strip_thumbs .product-strip__image { margin-bottom: var(--spacing-3xs); } .product-strip_thumbs .product-strip__brand { overflow: hidden; font-size: var(--text-xs); text-align: center; white-space: nowrap; text-overflow: ellipsis; } @media only screen and (width<=51.25rem) { .product-strip__track { grid-auto-columns: 40%; } .product-strip_thumbs .product-strip__track { grid-auto-columns: 7rem; } } /* «About brand» / «About collection» без логотипа (страница товара и серии): блок по высоте текста, а не 25rem под логотип; строка текста — не шире удобной для чтения */ .brand-details__body:not(:has(.brand-details__logo)) { min-height: 0; } .brand-details__body .typo { max-width: 56rem; } /* «About brand» без фото (страница товара, серии): линия сверху — раньше её давал край фото */ .brand-details:not(:has(.brand-details__image)) { border-top: 1px solid var(--surfaces-borders); } /* страница товара, внизу: доставка, подлинность, цена — три короткие колонки ячейками с линиями */ .product-rules__cols_three { grid-template-columns: repeat(3, 1fr); border-top: none; } /* тексты колонок — от верха (сетка растягивала строки на высоту соседней колонки — текст «съезжал» вниз) */ .product-rules__cols_three .product-rules__col { align-content: start; } .product-rules__cols_three .product-rules__col + .product-rules__col { border-left: 1px solid var(--surfaces-borders); border-top: none; } .product-rules__cols_three a { color: inherit; text-decoration: underline; } @media only screen and (width<=51.25rem) { .product-rules__cols_three { grid-template-columns: 1fr; } .product-rules__cols_three .product-rules__col + .product-rules__col { border-left: none; border-top: 1px solid var(--surfaces-borders); } } /* карточка товара: статус первой подписью с цветной точкой — в наличии зелёная, продано красная, под заказ / резерв оранжевая */ .product-card__status { display: inline-flex; align-items: center; gap: var(--spacing-3xs); } .product-card__status::before { content: ""; flex-shrink: 0; width: .4375rem; height: .4375rem; border-radius: 50%; background: var(--surfaces-medium); } .product-card__status_success::before { background: var(--status-success); } .product-card__status_error::before { background: var(--status-error); } .product-card__status_warning::before { background: var(--status-warning); } /* блок «Prefer a messenger?» (окна форм, услуги, контакты): кнопки со значком и подписью Telegram / WhatsApp — заметнее круглых значков; как в карточке товара */ .contact-messengers__button { gap: var(--spacing-2xs); padding-inline: var(--spacing-lg); } .contact-messengers__button svg { font-size: 1.25rem; } .contact-messengers .footer-contacts__messengers { flex-wrap: wrap; } /* подсказки в полях (пример телефона «50 123 4567», «John Smith», «Message text»…): светлее введённого текста — иначе пример номера выглядел как уже заполненный телефон */ .input-control__input::placeholder, .textarea-control::placeholder, .catalog-tools__search input::placeholder { color: var(--surfaces-medium); opacity: .5; } /* «Please note…» на странице товара: тонкий значок «i» слева от текста */ .product-gallery__note, .product-lot-about__note { gap: var(--spacing-xs); align-items: flex-start; } .product-gallery__note { display: flex; } .product-gallery__note svg, .product-lot-about__note svg { flex-shrink: 0; margin-top: .1em; font-size: 1.25rem; } @media only screen and (width<=62rem) { .product-lot-about__note { display: flex; } } /* страница товара: над ценой — подпись, статус с цветной точкой — в строке цены, прижат вправо */ .product-details-price__label { display: flex; flex-wrap: wrap; align-items: center; gap: var(--spacing-sm); } .product-details-price__price-values { flex-wrap: wrap; } .product-details-price__status { margin-inline-start: auto; white-space: nowrap; /* строка цены — шрифт Jun капсом; статусу — обычный текст, как у подписи «Our price» */ font-family: var(--font-body); font-weight: var(--font-weight-regular); text-transform: none; letter-spacing: normal; } /* шапка: выбор валюты «AED ⌄» (макет Figma), список — выпадашкой вёрстки справа, как «Sort by» */ .header-currency__button { display: flex; align-items: center; gap: var(--spacing-3xs); padding: 0; border: none; background: none; color: inherit; font-family: var(--font-body); font-size: var(--text-md); /* как надпись «Menu» слева в шапке */ font-weight: var(--font-weight-regular); line-height: 1; cursor: pointer; } /* шапка: значки справа (WhatsApp, Telegram, избранное, валюта) — просторнее, были «в куче» */ .header__actions { gap: var(--spacing-2xl); } .header-currency__button svg { font-size: 1.25rem; color: var(--surfaces-medium); } /* список валют — как список «Sort by» (тот же вид переключателей и отступы), шрифт — как у «Menu» в шапке */ .header-currency__list { display: grid; gap: var(--spacing-2xs); min-width: 8rem; font-size: var(--text-md); } /* окно фильтров: кнопки внизу — отдельной полосой с отступами и линией (были прижаты к краю и терялись), окно — по высоте видимого экрана (на телефоне 100% высоты уходило под панель браузера) */ .modal__content_right { height: 100dvh; } .filters-modal__footer { gap: var(--spacing-xs); padding: var(--spacing-md) var(--container-padding); border-top: 1px solid var(--surfaces-borders); background: var(--surfaces-bg-default); } .filters-modal__footer .button_secondary { background: transparent; border: 1px solid var(--surfaces-borders); } /* вишлист: кнопки Share / Clear all (или «Add all to my wishlist» у чужого списка) — строкой под заголовком */ .wishlist-tools { display: flex; flex-wrap: wrap; gap: var(--spacing-xs); padding: 0 var(--container-padding) var(--spacing-xl); } .wishlist-tools .button { gap: var(--spacing-2xs); } .wishlist-tools .button_secondary { background: transparent; border: 1px solid var(--surfaces-borders); } /* окно фильтров: на кнопках «Show 91 items» / «Reset» — основной шрифт с обычным интервалом: в шрифте заголовков со сжатым интервалом цифры слипались («91» читалось как одно) */ .filters-modal__footer .button { font-family: var(--font-body); font-size: var(--text-md); font-weight: var(--font-weight-medium); letter-spacing: 0; } /* шапка: «MENU» капсом — как валюта «AED» справа и разделы под шапкой */ .header__menu-button-text { text-transform: uppercase; letter-spacing: .02em; } /* карточка товара: первый блок правой колонки (Complications / Condition, когда описания нет) — без своей верхней линии, иначе она ложится на линию секции и получается двойная */ .product-description__right > :first-child { border-top: 0; } /* постраничка номерами (03.11.2026, вместо «Show More»; шаблон system.pagenavigation/pages): полоса во всю ширину ячейками с линиями — «Previous» | номера | «Next»; номера крупные квадраты, текущая — тёмная */ .pagination { display: grid; grid-template-columns: 1fr auto 1fr; align-items: stretch; border-top: 1px solid var(--surfaces-borders); border-bottom: 1px solid var(--surfaces-borders); margin-bottom: -1px; } .pagination__nav { display: flex; align-items: center; gap: var(--spacing-xs); padding: var(--spacing-xl) var(--spacing-2xl); font-family: var(--font-display); font-size: var(--heading-5); color: inherit; text-decoration: none; transition: background-color .2s, color .2s; } .pagination__nav_prev { justify-content: flex-start; border-right: 1px solid var(--surfaces-borders); } .pagination__nav_next { justify-content: flex-end; border-left: 1px solid var(--surfaces-borders); } .pagination__nav svg { width: 1.5rem; height: 1.5rem; flex: none; } a.pagination__nav:hover { background: var(--surfaces-black); color: #fff; } .pagination__nav.is-disabled { color: var(--surfaces-borders); } .pagination__pages { display: flex; align-items: center; justify-content: center; gap: var(--spacing-2xs); margin: 0; padding: var(--spacing-md) var(--spacing-xl); list-style: none; } .pagination__page { display: flex; align-items: center; justify-content: center; min-width: 3.5rem; height: 3.5rem; padding: 0 var(--spacing-xs); border: 1px solid transparent; font-family: var(--font-display); font-size: var(--heading-5); font-variant-numeric: lining-nums; color: inherit; text-decoration: none; transition: background-color .2s, border-color .2s, color .2s; } a.pagination__page:hover { border-color: var(--surfaces-black); } .pagination__page.is-active { background: var(--surfaces-black); color: #fff; } .pagination__dots { min-width: 2rem; text-align: center; font-size: var(--heading-5); color: var(--surfaces-medium); } .pagination__dots_mob { display: none; } @media (width <= 36rem) { /* телефон: номера ±1 от текущей, у стрелок без подписей */ .pagination__item_far, .pagination__dots_desk { display: none; } .pagination__dots_mob { display: block; min-width: 1.25rem; } .pagination__nav { justify-content: center; padding: var(--spacing-md); } .pagination__nav-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); } .pagination__pages { gap: 0; padding: var(--spacing-xs) var(--spacing-2xs); } .pagination__page { min-width: 2.75rem; height: 2.75rem; padding: 0 var(--spacing-2xs); } } /* кнопки (03.11.2026, Сергей: «всё сливается, фразу не прочитать»): в вёрстке у Jun разрядка -.05em — буквы слипаются; обычная разрядка, большие кнопки (Buy / Order a similar one / Add to wishlist) — крупнее */ .button { letter-spacing: 0; } .button_lg { font-size: var(--heading-5); } .product-details-links__link { letter-spacing: 0; } /* плавная прокрутка Lenis (js/smooth-scroll.js): стили из lenis.css; родное «scroll-behavior: smooth» вёрстки с ней спорит — при Lenis выключено */ html.lenis, html.lenis body { height: auto; } html.lenis { scroll-behavior: auto; } .lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; } .lenis.lenis-stopped { overflow: clip; } .lenis.lenis-smooth iframe { pointer-events: none; } /* блок Delivery / Authenticity / Fair pricing внизу карточки: текст того же цвета, что описание и «About brand» (серый text-medium на бежевом выглядел тоньше — Сергей: «жирность разная») */ .product-rules .text-medium { color: inherit; } /* основной шрифт Geist (переменной жирности) легче везде: 400 на фоне тонкого Jun выглядит жирно (Сергей 03.11.2026); на телефоне ещё легче — в блоке «Мобильная читаемость» ниже */ :root { --font-weight-regular: 350; } body { font-weight: 350; } /* ===== Мобильная читаемость (03.11.2026, Сергей: «на телефоне мелко, тонко, нечитаемо») ===== Все размеры сайта — переменные вёрстки (clamp), на телефоне они упирались в минимум: текст 13–15px, подписи 10px. Здесь — те же переменные, но крупнее, пропорционально: текст +2px, заголовки +3…6px. Основной шрифт Geist (переменной жирности) — чуть плотнее, 450 вместо 400. Откат — удалить этот блок целиком. */ @media (width <= 51.25rem) { /* планшет — немного */ :root { --text-xs: .75rem; /* было ~10–11px */ --text-sm: .875rem; /* ~13 → 14 */ --text-md: 1rem; /* ~15 → 16 */ --text-lg: 1.0625rem; } } @media (width <= 36rem) { :root { --text-xs: .8125rem; /* 10 → 13px: подписи, бренды в «Recently viewed» */ --text-sm: .9375rem; /* 13 → 15px: хлебные крошки, подписи характеристик, ссылки подвала */ --text-md: 1.0625rem; /* 15 → 17px: основной текст, описания, поля форм */ --text-lg: 1.125rem; /* 16 → 18px: кнопки */ --heading-6-sm: 1.0625rem; /* 16 → 17 */ --heading-6: 1.25rem; /* 16 → 20: бренд и цена на карточке, ссылки Trade-in… */ --heading-5: 1.375rem; /* 18 → 22 */ --heading-4: 1.625rem; /* 20 → 26: заголовки блоков (YOU MAY ALSO LIKE, COMPLICATIONS) */ --heading-3: 1.875rem; /* 24 → 30 */ --heading-2: 2.125rem; /* 28 → 34: заголовок товара, SPECIFICATIONS */ --heading-1: 2.5rem; /* 32/36 → 40: заголовки страниц */ --font-weight-regular: 330; /* Geist легче — рядом с тонким Jun; iPhone рисует плотнее Mac (450/420/380 — жирно, Сергей); у Jun одно начертание 400 */ --font-weight-light: 300; } body { font-weight: 330; } /* мелкие размеры, заданные числом, а не переменной */ .header__action-link-badge { font-size: .75rem; } .search-suggest__meta, .search-suggest__price-old { font-size: .875rem; } /* меню: разделы (WATCHES, BRANDS…) крупнее — 28px; нижние колонки Sell / About / Service — в две колонки, втроём ссылки переносились по слову */ .menu-list__item-name { font-size: 1.75rem; } .menu-mobile-block .menu-subnav-columns { grid-template-columns: 1fr 1fr; row-gap: var(--spacing-xl); } /* вкладки «About watch / Calibre» в карточке — в одну строку */ .product-about__tab { font-size: var(--heading-3); white-space: nowrap; } /* слайдер на главной: точки — сразу под фото (в вёрстке top: 93vw — на телефоне налезали на фото), заголовок слайда чуть ниже, чтобы точки стояли в просвете */ .main-slider__navigation { top: calc(100vw - var(--container-padding) + .5rem); } .main-slider-slide__content { padding-top: 3rem; } /* логотип в шапке — крупнее (было 170px) */ .header__logo { width: 13.75rem; height: auto; } /* название модели на карточке: межстрочный 1 — строки слипались */ .product-card__model { line-height: 1.3; } /* формы: имя и телефон — друг под другом (рядом номер обрезался: «50 123 4…») */ .contact-form__row { grid-template-columns: 1fr; } .contact-form__row > .input-control + .input-control { border-left: 0; } /* «Prefer a messenger?» под формами — текст сверху, кнопки под ним в ряд */ .contact-messengers { flex-direction: column; align-items: stretch; } .contact-messengers__btns { display: flex; flex-wrap: nowrap; gap: var(--spacing-xs); } .contact-messengers__btns .button { flex: 1; } /* «Any questions?» в карточке: с крупным шрифтом колонка текста сжималась до слова в строке — текст сверху, кнопки мессенджеров под ним в ряд, поровну */ .product-details-contact { grid-template-columns: 1fr; } .product-details-contact__buttons { flex-wrap: nowrap; } .product-details-contact__buttons .button { flex: 1; } } /* меню: пункты без панели (Clocks, Accessories, Phones, Straps, Our boutique) — простые ссылки, при наведении серая подложка (10% тёмного, как у вёрстки; чёрная — только у пунктов с панелью, когда она открыта) */ a.menu-list__item-link { color: inherit; text-decoration: none; transition: background-color .2s ease-in-out; } /* и у пунктов с панелью (Watches, Brands, Jewelry, Services) открытый пункт — тот же серый вместо чёрного (Сергей 03.11.2026: «нежный, для всех меню»); текст и стрелка остаются тёмными */ .menu-list__item.menu-list__item_active { background: color-mix(in srgb, var(--surfaces-black) 10%, transparent); color: inherit; } a.menu-list__item-link:hover, a.menu-list__item-link:focus-visible { background: color-mix(in srgb, var(--surfaces-black) 10%, transparent); /* как серые подложки вёрстки */ } /* «Prices and availability may change…» в карточке: ссылка на бутик (контакты) — подчёркнутая, цветом текста */ .product-gallery__note a, .product-lot-about__note a { color: inherit; text-decoration: underline; text-underline-offset: .2em; } .product-gallery__note a:hover, .product-lot-about__note a:hover { color: var(--surfaces-black); } /* карусель серий на странице марки: до запуска Swiper (скрипт — type=module, позже) кружок был во всю ширину, блок — высотой с экран, потом схлопывался и список товаров прыгал (CLS 0,6 на телефоне). Ширина — как у Swiper (BrandsCarusel: slidesPerView 3.5 / 3.2 / 5 / 6 / 7 / 8 по ширине окна), чтобы до запуска всё стояло на местах */ .brands-carousel .swiper:not(.swiper-initialized) .swiper-wrapper { display: flex; overflow: hidden; } .brands-carousel .swiper:not(.swiper-initialized) .swiper-slide { flex: 0 0 calc(100% / 3.5); width: calc(100% / 3.5); } @media (min-width: 480px) { .brands-carousel .swiper:not(.swiper-initialized) .swiper-slide { flex-basis: calc(100% / 3.2); width: calc(100% / 3.2); } } @media (min-width: 640px) { .brands-carousel .swiper:not(.swiper-initialized) .swiper-slide { flex-basis: 20%; width: 20%; } } @media (min-width: 768px) { .brands-carousel .swiper:not(.swiper-initialized) .swiper-slide { flex-basis: calc(100% / 6); width: calc(100% / 6); } } @media (min-width: 1024px) { .brands-carousel .swiper:not(.swiper-initialized) .swiper-slide { flex-basis: calc(100% / 7); width: calc(100% / 7); } } @media (min-width: 1330px) { .brands-carousel .swiper:not(.swiper-initialized) .swiper-slide { flex-basis: 12.5%; width: 12.5%; } } /* ===== Журнал: статья (03.11.2026, Сергей: «сделай журнальную верстку красиво», отступы гуляли) ===== Селекторы .journal-article.typo > … — сильнее .typo p вёрстки (у неё абзацы 1lh со всех сторон). Колонка текста ~42rem (65–75 знаков в строке), крупнее и с большим межстрочным; широкие элементы — обложка, ключевые факты, фото, карточка товара — во всю ширину статьи. Шкала отступов одна: абзац — 1em; заголовок раздела — сверху большой (3xl×1.6), снизу маленький (sm) — тянется к своему тексту; широкие блоки — 3xl сверху и снизу. Обложка на белом фоне (каталожная) — без фона, как в каталоге (multiply). */ .journal-article { --journal-text: 42rem; max-width: 56.25rem; margin: 0 auto; padding-block: var(--spacing-2xl) var(--spacing-3xl); } .journal-article.typo > * { margin-block: 0; } /* текст — колонкой по центру статьи */ .journal-article.typo > :is(h1, h2, h3, p, ul, ol, blockquote, .journal-meta) { max-width: var(--journal-text); margin-inline: auto; } .journal-article.typo > p, .journal-article.typo > ul, .journal-article.typo > ol { font-size: var(--text-lg); line-height: 1.7; } .journal-article.typo > p + p, .journal-article.typo > p + ul, .journal-article.typo > ul + p, .journal-article.typo > p + ol, .journal-article.typo > ol + p { margin-top: 1em; } .journal-article.typo > h1 { font-size: var(--heading-1); line-height: 1.05; text-align: center; } .journal-meta { margin-top: var(--spacing-md) !important; font-size: var(--text-sm); color: var(--surfaces-medium); text-align: center; letter-spacing: .04em; text-transform: uppercase; } .journal-article.typo > h2 { margin-top: calc(var(--spacing-3xl) * 1.6); margin-bottom: var(--spacing-sm); font-size: var(--heading-3); line-height: 1.1; } .journal-article.typo > h3 { margin-top: var(--spacing-2xl); margin-bottom: var(--spacing-xs); font-size: var(--heading-5); } /* обложка: обычное фото — широкое 16:10; каталожное на белом — без фона, по центру, не выше 34rem */ .journal-cover { margin-block: var(--spacing-2xl) var(--spacing-3xl) !important; } .journal-cover img { display: block; width: 100%; margin: 0; aspect-ratio: 16 / 10; object-fit: cover; } .journal-cover_cutout img { width: auto; max-width: 100%; max-height: 34rem; margin-inline: auto; aspect-ratio: auto; object-fit: contain; mix-blend-mode: multiply; } /* вводный абзац */ .journal-lead { font-size: var(--heading-6) !important; line-height: 1.55 !important; color: var(--surfaces-black); } /* широкие блоки: карточка товара, ключевые факты, фото — одинаковые отступы */ .journal-article.typo > .watch-example, .journal-article.typo > .journal-facts, .journal-article.typo > .journal-figure { margin-block: var(--spacing-3xl); } .journal-facts { display: grid; grid-template-columns: repeat(auto-fill, minmax(11rem, 1fr)); border-top: 1px solid var(--surfaces-borders); border-left: 1px solid var(--surfaces-borders); } @media (width <= 36rem) { /* телефон: факты — в две колонки, а не столбиком */ .journal-facts { grid-template-columns: 1fr 1fr; } } .journal-facts > div { padding: var(--spacing-sm) var(--spacing-md); border-right: 1px solid var(--surfaces-borders); border-bottom: 1px solid var(--surfaces-borders); } .journal-facts dt { font-size: var(--text-sm); color: var(--surfaces-medium); } .journal-facts dd { margin: var(--spacing-3xs) 0 0; font-size: var(--text-md); } .journal-figure img { display: block; width: 100%; max-height: 44rem; margin: 0; object-fit: contain; mix-blend-mode: multiply; } .journal-figure figcaption { max-width: var(--journal-text); margin: var(--spacing-xs) auto 0; font-size: var(--text-sm); color: var(--surfaces-medium); text-align: center; } /* ссылка на товар в конце — отбивка линией */ .journal-article.typo > .journal-cta { margin-top: var(--spacing-3xl); padding-top: var(--spacing-lg); border-top: 1px solid var(--surfaces-borders); } .journal-article p a, .journal-article li a { color: inherit; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .2em; } .journal-draft { margin: var(--spacing-md) 0 0; padding: var(--spacing-sm) var(--spacing-md); background: var(--surfaces-surface-contrast); font-size: var(--text-sm); } /* reCAPTCHA v3: значок Google в углу экрана скрыт, как на старом сайте (js/validate.js, Forms::captcha) */ .grecaptcha-badge { visibility: hidden; } /* список журнала: обложки одной пропорции; каталожные на белом — без фона, целиком */ .journal-card__image { aspect-ratio: 4 / 3; } .journal-card__image img { width: 100%; height: 100%; object-fit: cover; } .journal-card__image_cutout img { padding: var(--spacing-xl); object-fit: contain; mix-blend-mode: multiply; } /* блок бутика (главная, контакты, About) — слайд-шоу фото (parts/office.php): первый кадр задаёт высоту, остальные поверх; смена — растворение 1 с, у текущего кадра — заметное приближение 1,18 → 1 за 5 с (кадр — 4 с) */ .office-section__slides { position: relative; overflow: hidden; } .office-section__slide { display: block; opacity: 0; transition: opacity 1s ease-in-out; } .office-section__slide:not(:first-child) { position: absolute; inset: 0; } .office-section__slide .office-section__image { display: block; height: 100%; } .office-section__slide:not(:first-child) .office-section__image { min-height: 0; } .office-section__slide.is-active { opacity: 1; } .office-section__slide.is-active .office-section__image { animation: office-zoom 5s cubic-bezier(.2, .6, .35, 1) both; } @keyframes office-zoom { from { transform: scale(1.18); } to { transform: scale(1); } } @media (prefers-reduced-motion: reduce) { .office-section__slide.is-active .office-section__image { animation: none; } } /* ===== О компании (about/index.php, 03.11.2026): журнальная страница — вступление по центру, большое фото, текст колонкой ~42rem, пара фото, «What we do» — ячейками с линиями; отступы — та же шкала, что в статьях журнала */ .about-page { --about-text: 42rem; padding-block: var(--spacing-2xl) calc(var(--spacing-3xl) * 1.6); } .about-page__intro { max-width: var(--about-text); margin: 0 auto; text-align: center; } .about-page__kicker { margin: 0 0 var(--spacing-md); font-size: var(--text-sm); color: var(--surfaces-medium); letter-spacing: .04em; text-transform: uppercase; } .about-page__intro h1 { margin: 0; font-size: var(--heading-1-plus); line-height: 1; } .about-page__lead { margin: var(--spacing-xl) 0 0; font-size: var(--heading-6); line-height: 1.55; } .about-page__hero, .about-page__pair, .about-page__services { margin: var(--spacing-3xl) 0; } .about-page__hero img, .about-page__pair img { display: block; width: 100%; height: auto; object-fit: cover; } .about-page__hero img { aspect-ratio: 16 / 9; } .about-page__text { max-width: var(--about-text); margin: 0 auto; } .about-page__text h2 { margin: calc(var(--spacing-3xl) * 1.6) 0 var(--spacing-sm); font-size: var(--heading-3); line-height: 1.1; } .about-page__text p { margin: 0; font-size: var(--text-lg); line-height: 1.7; } .about-page__text p + p { margin-top: 1em; } .about-page__pair { display: grid; grid-template-columns: 1fr 1fr; gap: var(--spacing-grid); } .about-page__pair figure { margin: 0; } .about-page__pair img { aspect-ratio: 4 / 5; } .about-page__pair figcaption { margin-top: var(--spacing-xs); font-size: var(--text-sm); color: var(--surfaces-medium); } .about-page__services { display: grid; grid-template-columns: repeat(4, 1fr); padding: 0; list-style: none; border-top: 1px solid var(--surfaces-borders); border-left: 1px solid var(--surfaces-borders); } .about-page__services li { border-right: 1px solid var(--surfaces-borders); border-bottom: 1px solid var(--surfaces-borders); } .about-page__services a { display: grid; align-content: start; gap: var(--spacing-sm); height: 100%; padding: var(--spacing-xl); color: inherit; text-decoration: none; transition: background-color .2s ease-in-out; } .about-page__services a:hover { background: color-mix(in srgb, var(--surfaces-black) 6%, transparent); } .about-page__services h3 { margin: 0; font-size: var(--heading-5); } .about-page__services p { margin: 0; font-size: var(--text-md); line-height: 1.55; color: var(--surfaces-medium); } @media (width <= 51.25rem) { .about-page__services { grid-template-columns: 1fr 1fr; } } @media (width <= 36rem) { .about-page__pair, .about-page__services { grid-template-columns: 1fr; } .about-page__hero img { aspect-ratio: 4 / 5; } } /* End */ /* /local/static/css/swiper.css?17927410484277 */ /* /local/static/css/swiper-modules.css?179274104812988 */ /* /local/static/css/layout.css?1792741048115502 */ /* /local/templates/watchlab/css/site.css?179372330578585 */