:root{--ct-ink:#000000;--ct-paper:#F5F6F7;--ct-lime:#E0B50F;--ct-line:rgba(17,18,15,.15)}body{background:var(--ct-paper)}.header-page{background:#000000!important}.header-page .header-nav-top{padding:0!important}.header-page .header-nav-top>.uk-container>div{min-height:88px}.ss-menu-catalog{display:inline-flex!important;align-items:center;min-height:42px;padding:0 18px;background:var(--ct-lime);color:#000000!important;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.ss-contact-page{font-family:'Mulish',sans-serif;color:var(--ct-ink)}
.ss-contact-hero{background:#000000;color:#fff;padding:110px 0 0}.ss-contact-hero__grid{display:grid;grid-template-columns:1.25fr .65fr;gap:10vw;align-items:end}.ss-contact-kicker{color:var(--ct-lime);font-size:10px;font-weight:800;letter-spacing:.17em;text-transform:uppercase;margin-bottom:28px}.ss-contact-hero h1{color:#fff;font:300 clamp(58px,7vw,105px)/.9 'Mulish',sans-serif;letter-spacing:-.055em;text-transform:uppercase;margin:0 0 30px}.ss-contact-hero h1 span{font-family:'SourceSerifPro',serif;font-style:italic;text-transform:none;color:var(--ct-lime)}.ss-contact-hero__grid>div:first-child>p{max-width:620px;color:rgba(255,255,255,.58);font-size:16px;line-height:1.7;margin-bottom:55px}.ss-contact-hero__quick{border-left:1px solid rgba(255,255,255,.16);padding:25px 0 45px 35px}.ss-contact-hero__quick small{display:block;color:rgba(255,255,255,.42);font-size:9px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px}.ss-contact-hero__quick>a:first-of-type{color:#fff;font-size:clamp(25px,3vw,39px);font-weight:700;letter-spacing:-.04em}.ss-contact-hero__quick>span{display:flex;align-items:center;gap:9px;color:rgba(255,255,255,.48);font-size:8px;letter-spacing:.13em;text-transform:uppercase;margin-top:10px}.ss-contact-hero__quick>span i{width:8px;height:8px;border-radius:50%;background:var(--ct-lime);box-shadow:0 0 15px rgba(224,181,15,.65)}.ss-contact-hero__mail{display:inline-block;color:var(--ct-lime)!important;font-size:13px!important;letter-spacing:0!important;margin-top:25px}.ss-contact-breadcrumbs{border-top:1px solid rgba(255,255,255,.15);padding:22px 0;color:rgba(255,255,255,.38);font-size:9px}.ss-contact-breadcrumbs a{color:rgba(255,255,255,.58)}
.ss-contact-offices{padding:110px 0}.ss-contact-offices>.uk-container{display:grid;grid-template-columns:1.45fr .55fr;gap:16px}.ss-office-card{position:relative;min-height:610px;padding:45px;display:flex;flex-direction:column;overflow:hidden}.ss-office-card--main{background:#1a1a1a;color:#fff}.ss-office-card--main:before{content:'';position:absolute;width:520px;height:520px;border:1px solid rgba(224,181,15,.14);border-radius:50%;right:-120px;top:-140px}.ss-office-card--branch{background:#F5F6F7;color:#000000}.ss-office-card__number{font-family:'SourceSerifPro',serif;font-size:30px;color:var(--ct-lime)}.ss-office-card--branch .ss-office-card__number{color:#806700}.ss-office-card__label{font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;opacity:.55;margin-top:65px}.ss-office-card h2{color:inherit;font:300 clamp(45px,5vw,76px)/1 'Mulish';letter-spacing:-.05em;text-transform:uppercase;margin:15px 0 25px}.ss-office-card address{font-style:normal;font:22px/1.55 'SourceSerifPro',serif}.ss-office-card__meta{display:flex;flex-wrap:wrap;gap:7px;margin:30px 0}.ss-office-card__meta span{border:1px solid rgba(255,255,255,.16);padding:8px 10px;font-size:8px;letter-spacing:.09em;text-transform:uppercase;color:rgba(255,255,255,.63)}.ss-office-card__actions{display:flex;gap:10px;margin-top:auto}.ss-office-card a{display:flex;align-items:center;justify-content:space-between;min-height:57px;padding:0 18px;color:inherit;border:1px solid currentColor;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;transition:.2s}.ss-office-card__actions a{flex:1}.ss-office-card__actions a:last-child{background:var(--ct-lime);border-color:var(--ct-lime);color:#000000}.ss-office-card a:hover{background:#fff;color:#000000;text-decoration:none;transform:translateY(-2px)}.ss-office-card--branch p{color:#474A51;font-size:13px;line-height:1.7}.ss-office-card--branch>a{margin-top:auto}
.ss-contact-map{padding:105px 0 0;background:#fff}.ss-contact-map__head{display:grid;grid-template-columns:1.25fr .55fr;gap:10vw;align-items:end;margin-bottom:55px}.ss-contact-map__head span,.ss-contact-form__intro>span{font-size:9px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.ss-contact-map h2,.ss-contact-form h2{color:#000000;font:300 clamp(44px,5vw,72px)/1 'Mulish';letter-spacing:-.05em;text-transform:uppercase;margin:16px 0 0}.ss-contact-map__head p{color:#474A51;font-size:14px;line-height:1.75}.ss-contact-map__frame{height:550px;background:#F5F6F7;filter:grayscale(.35)}.ss-contact-map__frame>ymaps,.ss-contact-map__frame iframe{width:100%!important;height:550px!important}
.ss-contact-form{background:var(--ct-lime);padding:100px 0}.ss-contact-form>.uk-container{display:grid;grid-template-columns:1fr .8fr;gap:10vw}.ss-contact-form__intro p{max-width:520px;font-size:14px;line-height:1.7}.ss-contact-form__intro>div{display:flex;flex-direction:column;gap:5px;margin-top:30px}.ss-contact-form__intro a{color:#000000;font-size:18px;font-weight:800}.ss-contact-form__body{background:#fff;padding:38px}.ss-contact-form__body .wpcf7-form p{margin:0 0 10px}.ss-contact-form__body input:not([type="submit"]),.ss-contact-form__body textarea,.ss-contact-form__body select{width:100%;height:55px;background:#F5F6F7!important;border:1px solid transparent!important;border-radius:0!important;padding:0 15px!important;color:#000000!important}.ss-contact-form__body textarea{height:100px;padding-top:15px!important}.ss-contact-form__body input:focus,.ss-contact-form__body textarea:focus{border-color:#000000!important;outline:0}.ss-contact-form__body input[type="submit"]{width:100%;height:59px;background:#000000!important;color:#fff!important;border:0!important;border-radius:0!important;font-size:10px!important;font-weight:800!important;letter-spacing:.12em!important;text-transform:uppercase!important;cursor:pointer}.ss-contact-form__body input[type="submit"]:hover{background:#303030!important}.ss-contact-form__body .wpcf7-spinner{position:absolute}.ss-contact-form__body>small{display:block;color:#474A51;font-size:8px;text-align:center;line-height:1.5;margin-top:12px}
@media(max-width:900px){.ss-contact-hero__grid,.ss-contact-map__head,.ss-contact-form>.uk-container{grid-template-columns:1fr;gap:30px}.ss-contact-hero__quick{border-left:0;border-top:1px solid rgba(255,255,255,.16);padding-left:0}.ss-contact-offices>.uk-container{grid-template-columns:1fr}.ss-office-card{min-height:530px}}
@media(max-width:600px){.header-page .header-nav-top>.uk-container>div{min-height:72px}.ss-contact-hero{padding-top:70px}.ss-contact-hero h1{font-size:50px}.ss-contact-offices{padding:70px 0}.ss-office-card{min-height:510px;padding:28px}.ss-office-card__label{margin-top:45px}.ss-office-card__actions{flex-direction:column}.ss-contact-map{padding-top:70px}.ss-contact-map__frame,.ss-contact-map__frame iframe{height:430px!important}.ss-contact-form{padding:70px 0}.ss-contact-form__body{padding:25px}}

/* Premium Moscow office map. */
.ss-contact-map{padding:115px 0;background:#171717;color:#fff;overflow:hidden}
.ss-contact-map__head{margin-bottom:55px;align-items:end}
.ss-contact-map__head span{color:#E0B50F}
.ss-contact-map h2{color:#fff;font-size:clamp(48px,5.5vw,82px);line-height:.92}
.ss-contact-map__head p{max-width:470px;color:rgba(255,255,255,.58);font-size:14px;line-height:1.8}
.ss-contact-map__canvas{position:relative;height:620px;border-radius:12px;overflow:hidden;background:#F5F6F7;box-shadow:0 35px 90px rgba(0,0,0,.3)}
.ss-contact-map__frame,.ss-contact-map__frame>ymaps,.ss-contact-map__frame iframe{width:100%!important;height:620px!important}
.ss-contact-map__frame{filter:grayscale(.72) contrast(1.08) brightness(.72)}
.ss-contact-map__canvas:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(12,14,12,.34),transparent 45%),linear-gradient(0deg,rgba(12,14,12,.2),transparent 35%)}
.ss-contact-map__card{position:absolute;z-index:3;left:34px;top:34px;bottom:34px;width:min(390px,calc(100% - 68px));padding:34px;background:rgba(18,20,17,.94);color:#fff;border:1px solid rgba(255,255,255,.14);border-radius:10px;backdrop-filter:blur(14px);display:flex;flex-direction:column;box-shadow:0 24px 60px rgba(0,0,0,.36)}
.ss-contact-map__card-top{display:flex;align-items:center;justify-content:space-between;gap:15px}
.ss-contact-map__card-top small{color:#E0B50F;font-size:8px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.ss-contact-map__card-top>span{color:rgba(255,255,255,.58);font-size:7px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.ss-contact-map__card-top>span i{display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:#E0B50F;box-shadow:0 0 9px rgba(224,181,15,.75)}
.ss-contact-map__card h3{margin:65px 0 20px;color:#fff;font:300 56px/1 'Mulish',sans-serif;letter-spacing:-.05em;text-transform:uppercase}
.ss-contact-map__card address{color:rgba(255,255,255,.78);font:700 17px/1.55 'SourceSerifPro',Georgia,serif}
.ss-contact-map__details{display:grid;grid-template-columns:1fr auto;gap:10px 25px;margin-top:34px;padding-top:22px;border-top:1px solid rgba(255,255,255,.13)}
.ss-contact-map__details span{color:rgba(255,255,255,.4);font-size:8px;letter-spacing:.1em;text-transform:uppercase}
.ss-contact-map__details b,.ss-contact-map__details a{color:#fff;font-size:11px;font-weight:700;text-align:right;text-decoration:none}
.ss-contact-map__actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto}
.ss-contact-map__actions>a{min-height:58px;padding:0 15px;border:1px solid rgba(255,255,255,.2);border-radius:7px;color:#fff!important;display:flex;align-items:center;justify-content:space-between;font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;transition:.25s}
.ss-contact-map__actions>a:hover{border-color:#E0B50F;background:#E0B50F;color:#000000!important;transform:translateY(-2px)}
.ss-contact-map__actions>.btn-tovar{border-color:#E0B50F;background:#E0B50F;color:#000000!important}
.ss-contact-map__actions>.btn-tovar:hover{background:#fff;border-color:#fff}
.ss-contact-map__pin{position:absolute;z-index:4;left:64%;top:43%;width:74px;height:74px;border-radius:50% 50% 50% 8px;background:#E0B50F;color:#000000;display:grid;place-items:center;transform:translate(-50%,-50%) rotate(-45deg);box-shadow:0 18px 45px rgba(0,0,0,.3),0 0 0 10px rgba(224,181,15,.2);animation:ss-map-pin 2.4s ease-in-out infinite}
.ss-contact-map__pin b{font:700 31px 'SourceSerifPro',Georgia,serif;transform:rotate(45deg)}
.ss-contact-map__pin i{position:absolute;inset:-11px;border:1px solid rgba(224,181,15,.6);border-radius:50% 50% 50% 8px;animation:ss-map-ring 2.4s ease-out infinite}
@keyframes ss-map-pin{0%,100%{translate:0 0}50%{translate:0 -7px}}@keyframes ss-map-ring{0%{opacity:.8;transform:scale(.85)}80%,100%{opacity:0;transform:scale(1.35)}}
@media(max-width:900px){.ss-contact-map{padding:85px 0}.ss-contact-map__canvas{height:720px}.ss-contact-map__frame,.ss-contact-map__frame>ymaps,.ss-contact-map__frame iframe{height:720px!important}.ss-contact-map__pin{left:72%;top:25%}.ss-contact-map__card{top:auto;height:430px}.ss-contact-map__card h3{margin-top:35px}}
@media(max-width:600px){.ss-contact-map{padding:70px 0}.ss-contact-map__head{margin-bottom:35px}.ss-contact-map__canvas{height:720px;border-radius:9px}.ss-contact-map__frame,.ss-contact-map__frame>ymaps,.ss-contact-map__frame iframe{height:720px!important}.ss-contact-map__pin{left:72%;top:20%;width:58px;height:58px}.ss-contact-map__card{left:12px;right:12px;bottom:12px;width:auto;height:445px;padding:25px}.ss-contact-map__card h3{font-size:43px}.ss-contact-map__actions{grid-template-columns:1fr}.ss-contact-map__actions>a{min-height:52px}}
@media(prefers-reduced-motion:reduce){.ss-contact-map__pin,.ss-contact-map__pin i{animation:none}}

/* Photo background for the contact hero. */
.ss-contact-hero{position:relative;isolation:isolate;overflow:hidden;background:#000000}
.ss-contact-hero:before{content:'';position:absolute;inset:0;z-index:-2;background:url('/wp-content/themes/storefront-cdo/assets/images/solution-office.webp') 72% center/cover no-repeat;filter:saturate(.65) contrast(1.08);transform:scale(1.02)}
.ss-contact-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(8,10,8,.97) 0%,rgba(8,10,8,.91) 42%,rgba(8,10,8,.52) 73%,rgba(8,10,8,.68) 100%),linear-gradient(0deg,rgba(8,10,8,.88),transparent 58%)}
.ss-contact-hero__quick{padding-right:30px;background:linear-gradient(90deg,rgba(15,17,14,.32),rgba(15,17,14,.7));backdrop-filter:blur(4px);border-radius:0 9px 9px 0}
.ss-contact-hero__grid>div:first-child>p{color:rgba(255,255,255,.72);text-shadow:0 2px 18px rgba(0,0,0,.35)}
@media(max-width:900px){.ss-contact-hero:before{background-position:62% center}.ss-contact-hero:after{background:linear-gradient(90deg,rgba(8,10,8,.96),rgba(8,10,8,.7))}.ss-contact-hero__quick{padding-right:0;background:transparent;backdrop-filter:none;border-radius:0}}

/* Stable contact actions and form geometry after global button rules. */
.ss-contact-map__actions{grid-template-columns:1fr!important;gap:8px!important}
.ss-contact-map__actions>a,
.ss-contact-map__actions>.btn-tovar{
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  min-height:56px!important;
  margin:0!important;
  padding:0 17px!important;
  white-space:normal!important;
  line-height:1.25!important;
}
.ss-contact-map__actions>a b{flex:0 0 auto;margin-left:12px}
.ss-contact-form__body,.ss-contact-form__body form,.ss-contact-form__body .wpcf7{box-sizing:border-box;min-width:0;width:100%}
.ss-contact-form__body .wpcf7-form{display:flex!important;flex-direction:column!important;gap:12px!important}
.ss-contact-form__body .wpcf7-form p{width:100%;margin:0!important}
.ss-contact-form__body .wpcf7-form p:empty{display:none!important}
.ss-contact-form__body .wpcf7-form br{display:none!important}
.ss-contact-form__body .wpcf7-form-control-wrap{display:block;width:100%}
.ss-contact-form__body input:not([type="submit"]),
.ss-contact-form__body textarea,
.ss-contact-form__body select{
  box-sizing:border-box!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  border-radius:8px!important;
}
.ss-contact-form__body input[type="submit"]{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;border-radius:8px!important}
.ss-contact-form__body .wpcf7-spinner{margin:0!important}
.ss-contact-form__body .wpcf7-response-output{margin:0!important}
@media(max-width:600px){.ss-contact-map__card{height:auto;min-height:455px}.ss-contact-map__actions>a,.ss-contact-map__actions>.btn-tovar{min-height:50px!important;font-size:7.5px!important}.ss-contact-form__body{width:100%;padding:23px!important}.ss-contact-form__body .wpcf7-form{gap:10px!important}}
