@charset "UTF-8";
/*! Hostfly UI kit. Generated from templates/nexus/_dev/scss/hf-kit.scss —
 *  npm run build. Do not edit here.
 *
 *  Everything except the tokens lives under .hf-kit: the theme runs on
 *  Bootstrap 4.5.3, which already owns .btn, .badge, .pagination, .tabs and
 *  .input, so without the wrapper the kit would restyle the whole cabinet.
 *  Wrap a block in <div class="hf-kit"> and the preview markup works as is.
 *  Restyling stock components belongs in css/custom.css (palette) and
 *  scss/hf-theme.scss, not here.
 *  Demo: _dev/hf-kit-preview.html   Behaviour: ../js/hf-kit.js
 */
:root{
  --c-button:#000000;
  --c-text:#333333;
  --c-body:#666666;
  --c-element:#999999;
  --c-divider:#D3D3D3;
  --c-bg-dark:#DEDEDE;
  --c-highlighter:#EDEDED;
  --c-bg:#F7F7F7;
  --c-white:#FFFFFF;
  --c-primary:#0027EA;
  --c-secondary:#F2F7FD;
  --c-error:#DB3032;
  --c-warning:#FFF1A1;
  --c-green:#117A24;
  --c-mint:#00946A;
  --c-violet:#C530E7;
  --c-red-light:#FDF2F2;
  --c-orange-light:#FFF2E7;
  --c-yellow-light:#FAF6DE;
  --c-green-light:#E7F2E9;
  --c-mint-light:#DEFBE6;
  --c-blue-light:#DEEAFB;
  --c-violet-light:#E9DEFB;
  --font-display:"NT Somic", "Inter", "Helvetica Neue", Arial, sans-serif;
  --font-text:"Inter", "Helvetica Neue", Arial, sans-serif;
  --fs-h1:86px;
  --lh-h1:84px;
  --ls-h1:0;
  --fs-h2:40px;
  --lh-h2:48px;
  --ls-h2:-0.03em;
  --fs-h3:32px;
  --lh-h3:38px;
  --ls-h3:-0.02em;
  --fs-h4:24px;
  --lh-h4:32px;
  --ls-h4:-0.02em;
  --fs-h5:20px;
  --lh-h5:28px;
  --ls-h5:-0.03em;
  --fs-h6:16px;
  --lh-h6:24px;
  --ls-h6:0;
  --fs-l:16px;
  --lh-l:24px;
  --fs-m:14px;
  --lh-m:22px;
  --ls-m:-0.03em;
  --fs-s:12px;
  --lh-s:16px;
  --container:1460px;
  --container-wide:1810px;
  --gutter:24px;
  --r-xs:4px;
  --r-sm:6px;
  --r-md:8px;
  --r-lg:12px;
  --r-xl:16px;
  --r-2xl:20px;
  --r-pill:999px;
  --h-btn-l:74px;
  --h-btn-m:56px;
  --h-btn-s:36px;
  --h-btn-xs:32px;
  --h-icon-m:48px;
  --h-icon-s:32px;
  --h-input:56px;
  --h-search:82px;
  --h-search-sm:52px;
  --h-tabs:42px;
  --h-tabs-mobile:36px;
  --h-tabs-l:74px;
  --h-tabs-pill:40px;
  --h-badge:24px;
  --h-check:24px;
  --shadow-tab:0 1px 3px rgba(0, 0, 0, .08);
  --transition:.18s ease;
  --section-gap:120px;
  --block-gap:40px;
}

@media (max-width: 900px){
  :root{
    --fs-h1:40px;
    --lh-h1:44px;
    --fs-h2:28px;
    --lh-h2:34px;
    --fs-h3:24px;
    --lh-h3:30px;
    --fs-h4:20px;
    --lh-h4:28px;
    --h-btn-l:56px;
    --h-search:56px;
    --h-tabs:var(--h-tabs-mobile);
    --section-gap:64px;
    --block-gap:24px;
    --gutter:16px;
  }
}
.hf-kit{
  box-sizing:border-box;
  background:var(--c-white);
  color:var(--c-text);
  font-family:var(--font-text);
  font-size:var(--fs-l);
  line-height:var(--lh-l);
  -webkit-font-smoothing:antialiased;
  -webkit-text-size-adjust:100%;
}
.hf-kit *, .hf-kit *::before, .hf-kit *::after{
  box-sizing:border-box;
}
.hf-kit img, .hf-kit svg{
  max-width:100%;
  height:auto;
  display:block;
}
.hf-kit button, .hf-kit input, .hf-kit select, .hf-kit textarea{
  font:inherit;
  color:inherit;
}
.hf-kit button{
  cursor:pointer;
}
.hf-kit h1, .hf-kit h2, .hf-kit h3, .hf-kit h4, .hf-kit h5, .hf-kit h6{
  margin:0;
  font-family:var(--font-display);
  font-weight:500;
  color:var(--c-text);
}
.hf-kit h1, .hf-kit .h1{
  font-size:var(--fs-h1);
  line-height:var(--lh-h1);
  letter-spacing:var(--ls-h1);
}
.hf-kit h2, .hf-kit .h2{
  font-size:var(--fs-h2);
  line-height:var(--lh-h2);
  letter-spacing:var(--ls-h2);
}
.hf-kit h3, .hf-kit .h3{
  font-size:var(--fs-h3);
  line-height:var(--lh-h3);
  letter-spacing:var(--ls-h3);
}
.hf-kit h4, .hf-kit .h4{
  font-size:var(--fs-h4);
  line-height:var(--lh-h4);
  letter-spacing:var(--ls-h4);
}
.hf-kit h5, .hf-kit .h5{
  font-size:var(--fs-h5);
  line-height:var(--lh-h5);
  letter-spacing:var(--ls-h5);
  font-weight:700;
}
.hf-kit h6, .hf-kit .h6{
  font-size:var(--fs-h6);
  line-height:var(--lh-h6);
  letter-spacing:var(--ls-h6);
  font-weight:700;
}
.hf-kit p{
  margin:0 0 var(--lh-l);
}
.hf-kit p:last-child{
  margin-bottom:0;
}
.hf-kit .body-l{
  font-size:var(--fs-l);
  line-height:var(--lh-l);
  letter-spacing:0;
}
.hf-kit .body-m{
  font-size:var(--fs-m);
  line-height:var(--lh-m);
  letter-spacing:var(--ls-m);
}
.hf-kit .body-s{
  font-size:var(--fs-s);
  line-height:var(--lh-s);
}
.hf-kit .text-body{
  color:var(--c-body);
}
.hf-kit .text-mute{
  color:var(--c-element);
}
.hf-kit .text-primary{
  color:var(--c-primary);
}
.hf-kit .text-error{
  color:var(--c-error);
}
.hf-kit .text-center{
  text-align:center;
}
.hf-kit .text-right{
  text-align:right;
}
.hf-kit .nowrap{
  white-space:nowrap;
}
.hf-kit .strike{
  text-decoration:line-through;
  color:var(--c-element);
}
.hf-kit .fw-300{
  font-weight:300;
}
.hf-kit .fw-400{
  font-weight:400;
}
.hf-kit .fw-500{
  font-weight:500;
}
.hf-kit .fw-700{
  font-weight:700;
}
.hf-kit .caps{
  text-transform:uppercase;
  font-size:var(--fs-s);
  line-height:var(--lh-s);
  font-weight:700;
  letter-spacing:0.02em;
}
.hf-kit a{
  color:inherit;
}
.hf-kit .link{
  color:var(--c-element);
  text-decoration:underline;
  text-underline-offset:3px;
  text-decoration-thickness:1px;
  transition:color var(--transition);
}
.hf-kit .link:hover{
  color:var(--c-text);
}
.hf-kit .link:active{
  color:var(--c-text);
}
.hf-kit .link.is-disabled{
  color:var(--c-divider);
  pointer-events:none;
}
.hf-kit .link-add{
  font-weight:700;
  text-decoration:none;
  color:var(--c-button);
  transition:color var(--transition);
}
.hf-kit .link-add:hover{
  color:var(--c-body);
}
.hf-kit .link-add.is-disabled{
  color:var(--c-divider);
  pointer-events:none;
}
.hf-kit .link-primary{
  color:var(--c-primary);
  text-decoration:none;
  font-size:var(--fs-m);
  font-weight:700;
  display:inline-flex;
  align-items:center;
  gap:12px;
  transition:color var(--transition);
}
.hf-kit .link-primary:hover{
  color:var(--c-violet);
}
.hf-kit .link-primary.is-disabled{
  color:var(--c-divider);
  pointer-events:none;
}
.hf-kit .link-primary.is-underline{
  text-decoration:underline;
  text-underline-offset:3px;
  text-decoration-thickness:1px;
  font-size:var(--fs-l);
  font-weight:400;
}
.hf-kit .container{
  width:100%;
  max-width:var(--container);
  margin:0 auto;
  padding:0 var(--gutter);
}
.hf-kit .container-wide{
  width:100%;
  max-width:var(--container-wide);
  margin:0 auto;
  padding:0 var(--gutter);
}
.hf-kit .section{
  padding:var(--section-gap) 0;
}
.hf-kit .section--tight{
  padding:calc(var(--section-gap) / 2) 0;
}
.hf-kit .section--divided{
  border-top:1px solid var(--c-highlighter);
}
.hf-kit .section__head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:var(--gutter);
  margin-bottom:var(--block-gap);
  flex-wrap:wrap;
}
.hf-kit .grid{
  display:grid;
  gap:var(--gutter);
}
.hf-kit .grid-2{
  grid-template-columns:repeat(2, minmax(0, 1fr));
}
.hf-kit .grid-3{
  grid-template-columns:repeat(3, minmax(0, 1fr));
}
.hf-kit .grid-4{
  grid-template-columns:repeat(4, minmax(0, 1fr));
}
.hf-kit .stack{
  display:flex;
  flex-direction:column;
  gap:var(--gutter);
}
.hf-kit .row{
  display:flex;
  align-items:center;
  gap:var(--gutter);
  flex-wrap:wrap;
}
.hf-kit .row--between{
  justify-content:space-between;
}
.hf-kit .spacer{
  flex:1 1 auto;
}
.hf-kit .hr{
  border:0;
  border-top:1px solid var(--c-highlighter);
  margin:0;
}
@media (max-width: 1100px){
  .hf-kit .grid-4{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
  .hf-kit .grid-3{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 720px){
  .hf-kit .grid-2, .hf-kit .grid-3, .hf-kit .grid-4{
    grid-template-columns:minmax(0, 1fr);
  }
}
.hf-kit .hide-mobile{
  display:initial;
}
.hf-kit .only-mobile{
  display:none;
}
@media (max-width: 900px){
  .hf-kit .hide-mobile{
    display:none !important;
  }
  .hf-kit .only-mobile{
    display:initial;
  }
}
.hf-kit .btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  height:var(--h-btn-m);
  padding:0 32px;
  border:0;
  border-radius:var(--r-md);
  background:var(--c-button);
  color:var(--c-white);
  font-family:var(--font-text);
  font-size:var(--fs-h5);
  font-weight:600;
  line-height:1;
  text-decoration:none;
  white-space:nowrap;
  transition:background var(--transition), color var(--transition), border-color var(--transition);
}
.hf-kit .btn:hover{
  background:var(--c-body);
}
.hf-kit .btn:active{
  background:var(--c-button);
}
.hf-kit .btn[disabled], .hf-kit .btn.is-disabled{
  background:var(--c-highlighter);
  color:var(--c-divider);
  opacity:1;
  pointer-events:none;
}
.hf-kit .btn--secondary{
  border:1px solid var(--c-button);
  border-radius:var(--r-sm);
  background:transparent;
  color:var(--c-button);
  font-weight:500;
}
.hf-kit .btn--secondary:hover{
  background:var(--c-button);
  color:var(--c-white);
}
.hf-kit .btn--secondary:active{
  background:var(--c-body);
  border-color:var(--c-body);
  color:var(--c-white);
}
.hf-kit .btn--secondary[disabled], .hf-kit .btn--secondary.is-disabled{
  background:var(--c-highlighter);
  border-color:var(--c-highlighter);
  color:var(--c-divider);
}
.hf-kit .btn--accent{
  padding:0 24px;
  border:1px solid var(--c-primary);
  border-radius:var(--r-sm);
  background:transparent;
  color:var(--c-primary);
  font-weight:500;
}
.hf-kit .btn--accent:hover{
  background:var(--c-primary);
  color:var(--c-white);
}
.hf-kit .btn--accent:active{
  background:var(--c-button);
  border-color:var(--c-button);
  color:var(--c-white);
}
.hf-kit .btn--accent[disabled], .hf-kit .btn--accent.is-disabled{
  background:transparent;
  border-color:var(--c-highlighter);
  color:var(--c-divider);
}
.hf-kit .btn--soft{
  background:var(--c-blue-light);
  color:var(--c-button);
}
.hf-kit .btn--soft:hover{
  background:var(--c-button);
  color:var(--c-white);
}
.hf-kit .btn--soft:active{
  background:var(--c-blue-light);
  color:var(--c-button);
}
.hf-kit .btn--soft[disabled], .hf-kit .btn--soft.is-disabled{
  background:var(--c-highlighter);
  color:var(--c-divider);
}
.hf-kit .btn--l{
  height:var(--h-btn-l);
  padding:0 40px;
  border-radius:var(--r-sm);
  font-weight:700;
}
.hf-kit .btn--l.btn--secondary{
  border-width:2px;
}
.hf-kit .btn--l.btn--secondary[disabled], .hf-kit .btn--l.btn--secondary.is-disabled{
  background:transparent;
  border-color:var(--c-highlighter);
}
.hf-kit .btn--s{
  height:var(--h-btn-s);
  padding:0 12px 0 14px;
  border-radius:var(--r-sm);
  font-size:var(--fs-s);
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:0.02em;
}
.hf-kit .btn--s .icon{
  width:16px;
  height:16px;
}
.hf-kit .btn--xs{
  height:var(--h-btn-xs);
  padding:0 16px;
  border-radius:var(--r-md);
  font-size:var(--fs-s);
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:0.02em;
}
.hf-kit .btn--xs.btn--secondary{
  border-width:2px;
  border-radius:var(--r-md);
}
.hf-kit .btn--block{
  width:100%;
}
.hf-kit .btn-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:var(--h-icon-m);
  height:var(--h-icon-m);
  padding:0;
  border:0;
  border-radius:var(--r-pill);
  background:var(--c-highlighter);
  color:var(--c-button);
  transition:background var(--transition), color var(--transition), border-color var(--transition);
}
.hf-kit .btn-icon:hover{
  background:var(--c-divider);
  color:var(--c-button);
}
.hf-kit .btn-icon--outline{
  background:transparent;
  border:2px solid var(--c-button);
}
.hf-kit .btn-icon--outline:hover{
  background:var(--c-button);
  color:var(--c-white);
}
.hf-kit .btn-icon--s{
  width:var(--h-icon-s);
  height:var(--h-icon-s);
  background:transparent;
  border-color:transparent;
}
.hf-kit .btn-icon--s:hover{
  background:transparent;
  color:var(--c-element);
}
.hf-kit .btn-cart{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:40px;
  height:40px;
  border:0;
  border-radius:var(--r-md);
  background:var(--c-secondary);
  color:var(--c-primary);
  transition:background var(--transition), color var(--transition);
}
.hf-kit .btn-cart:hover{
  background:var(--c-primary);
  color:var(--c-white);
}
.hf-kit .btn-cart.is-added{
  background:transparent;
  color:var(--c-mint);
  pointer-events:none;
}
.hf-kit .field{
  display:flex;
  flex-direction:column;
  gap:6px;
}
.hf-kit .field__label{
  font-size:var(--fs-m);
  line-height:var(--lh-m);
  color:var(--c-element);
}
.hf-kit .field__label .req{
  color:var(--c-error);
}
.hf-kit .input,
.hf-kit .textarea,
.hf-kit .select{
  width:100%;
  height:var(--h-input);
  padding:0 16px;
  border:1px solid var(--c-highlighter);
  border-radius:var(--r-md);
  background:var(--c-white);
  color:var(--c-button);
  font-size:var(--fs-l);
  transition:border-color var(--transition), background var(--transition);
}
.hf-kit .input::-moz-placeholder, .hf-kit .textarea::-moz-placeholder{
  color:var(--c-element);
}
.hf-kit .input::placeholder, .hf-kit .textarea::placeholder{
  color:var(--c-element);
}
.hf-kit .input:hover, .hf-kit .textarea:hover, .hf-kit .select:hover{
  border-color:var(--c-divider);
}
.hf-kit .input:focus, .hf-kit .textarea:focus, .hf-kit .select:focus{
  outline:none;
  border-color:var(--c-divider);
}
.hf-kit .input[disabled], .hf-kit .textarea[disabled]{
  background:var(--c-white);
  border-color:var(--c-highlighter);
  color:var(--c-bg-dark);
}
.hf-kit .textarea{
  height:auto;
  min-height:120px;
  padding:16px;
  resize:vertical;
}
.hf-kit .field.is-error .input,
.hf-kit .field.is-error .textarea{
  border-color:var(--c-error);
  background:var(--c-red-light);
  color:var(--c-error);
}
.hf-kit .field__error{
  color:var(--c-error);
  font-size:var(--fs-s);
  line-height:var(--lh-s);
}
.hf-kit .input-phone{
  display:flex;
  align-items:center;
  height:var(--h-input);
  border:1px solid var(--c-highlighter);
  border-radius:var(--r-md);
  background:var(--c-white);
  overflow:hidden;
}
.hf-kit .input-phone:focus-within{
  border-color:var(--c-divider);
}
.hf-kit .input-phone__country{
  display:flex;
  align-items:center;
  gap:12px;
  padding:0 14px 0 20px;
  border-right:1px solid var(--c-bg-dark);
  height:24px;
  font-weight:700;
  font-size:var(--fs-l);
}
.hf-kit .input-phone__flag{
  width:20px;
  height:20px;
  border-radius:50%;
  background:linear-gradient(180deg, #D22730 60%, #4A9F3E 60%);
  flex:0 0 20px;
}
.hf-kit .input-phone input{
  flex:1;
  border:0;
  outline:none;
  padding:0 12px;
  height:100%;
  color:var(--c-button);
}
.hf-kit .input-phone input::-moz-placeholder{
  color:var(--c-divider);
}
.hf-kit .input-phone input::placeholder{
  color:var(--c-divider);
}
.hf-kit .search{
  display:flex;
  align-items:center;
  height:var(--h-search);
  padding:8px;
  border:1px solid var(--c-highlighter);
  border-radius:var(--r-md);
  background:var(--c-white);
  gap:6px;
}
.hf-kit .search:hover{
  border-color:var(--c-divider);
}
.hf-kit .search:focus-within{
  border-color:var(--c-divider);
}
.hf-kit .search__input{
  flex:1;
  min-width:0;
  height:100%;
  border:0;
  outline:none;
  padding:0 24px;
  font-size:var(--fs-h5);
  font-weight:400;
}
.hf-kit .search__input::-moz-placeholder{
  color:var(--c-element);
}
.hf-kit .search__input::placeholder{
  color:var(--c-element);
}
.hf-kit .search .btn{
  height:100%;
  border-radius:var(--r-sm);
  padding:0 32px;
}
.hf-kit .search--sm{
  height:var(--h-search-sm);
}
.hf-kit .search--sm .search__input{
  font-size:var(--fs-l);
  padding:0 12px;
}
.hf-kit .search.is-open{
  border-color:var(--c-primary);
}
@media (max-width: 720px){
  .hf-kit .search{
    flex-direction:column;
    height:auto;
    align-items:stretch;
    padding:16px;
    gap:16px;
  }
  .hf-kit .search__input{
    border-bottom:1px solid var(--c-divider);
    height:50px;
    padding:0;
  }
  .hf-kit .search .btn{
    width:100%;
    height:52px;
  }
}
.hf-kit .check{
  display:inline-flex;
  align-items:center;
  gap:12px;
  cursor:pointer;
  color:var(--c-button);
  font-size:var(--fs-l);
  line-height:var(--lh-l);
}
.hf-kit .check input{
  position:absolute;
  opacity:0;
  width:0;
  height:0;
}
.hf-kit .check__box{
  width:var(--h-check);
  height:var(--h-check);
  flex:0 0 var(--h-check);
  border:2px solid var(--c-divider);
  border-radius:var(--r-xs);
  background:var(--c-white);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  transition:border-color var(--transition), background var(--transition);
}
.hf-kit .check__box::after{
  content:"";
  width:11px;
  height:6px;
  border-left:2px solid var(--c-white);
  border-bottom:2px solid var(--c-white);
  transform:rotate(-45deg) translate(1px, -2px);
  opacity:0;
  transition:opacity var(--transition);
}
.hf-kit .check:hover .check__box{
  border-color:var(--c-primary);
  background:var(--c-secondary);
}
.hf-kit .check input:checked + .check__box{
  background:var(--c-primary);
  border-color:var(--c-primary);
}
.hf-kit .check input:checked + .check__box::after{
  opacity:1;
}
.hf-kit .check input:disabled + .check__box{
  background:var(--c-bg-dark);
  border-color:var(--c-bg-dark);
}
.hf-kit .check input:disabled + .check__box::after{
  border-color:var(--c-element);
}
.hf-kit .check input:disabled ~ .check__text{
  color:var(--c-element);
}
.hf-kit .radio .check__box{
  border-radius:50%;
}
.hf-kit .radio input:disabled + .check__box{
  background:var(--c-divider);
  border-color:var(--c-divider);
}
.hf-kit .radio .check__box::after{
  width:10px;
  height:10px;
  border:0;
  border-radius:50%;
  background:var(--c-white);
  transform:none;
}
.hf-kit .switch{
  display:inline-flex;
  align-items:center;
  gap:12px;
  cursor:pointer;
}
.hf-kit .switch input{
  position:absolute;
  opacity:0;
}
.hf-kit .switch__track{
  width:44px;
  height:24px;
  border-radius:var(--r-pill);
  background:var(--c-bg-dark);
  position:relative;
  transition:background var(--transition);
}
.hf-kit .switch__track::after{
  content:"";
  position:absolute;
  top:3px;
  left:3px;
  width:18px;
  height:18px;
  border-radius:50%;
  background:var(--c-white);
  transition:transform var(--transition);
}
.hf-kit .switch input:checked + .switch__track{
  background:var(--c-primary);
}
.hf-kit .switch input:checked + .switch__track::after{
  transform:translateX(20px);
}
.hf-kit .tabs{
  display:inline-flex;
  align-items:center;
  height:var(--h-tabs);
  padding:4px;
  border-radius:0;
  background:var(--c-bg);
  gap:2px;
  max-width:100%;
  overflow-x:auto;
  scrollbar-width:none;
}
.hf-kit .tabs::-webkit-scrollbar{
  display:none;
}
.hf-kit .tabs__item{
  display:inline-flex;
  align-items:center;
  height:100%;
  padding:0 16px;
  border:0;
  border-radius:0;
  background:transparent;
  color:var(--c-element);
  font-size:var(--fs-m);
  line-height:1;
  white-space:nowrap;
  transition:background var(--transition), color var(--transition);
}
.hf-kit .tabs__item:hover{
  color:var(--c-primary);
}
.hf-kit .tabs__item.is-active{
  background:var(--c-white);
  color:var(--c-primary);
  font-weight:700;
  box-shadow:var(--shadow-tab);
}
.hf-kit .tabs__item[disabled]{
  color:var(--c-divider);
  pointer-events:none;
}
.hf-kit .tabs__item[disabled].is-active{
  background:var(--c-bg-dark);
  color:var(--c-element);
  box-shadow:none;
}
.hf-kit .tabs--solid{
  height:var(--h-tabs-l);
  padding:0;
  gap:0;
  background:transparent;
  border-radius:var(--r-md);
  overflow:hidden;
}
.hf-kit .tabs--solid .tabs__item{
  height:100%;
  padding:0 28px;
  border-radius:0;
  background:var(--c-highlighter);
  color:var(--c-text);
  font-size:var(--fs-h6);
  font-weight:700;
}
.hf-kit .tabs--solid .tabs__item:hover{
  background:var(--c-bg-dark);
  color:var(--c-text);
}
.hf-kit .tabs--solid .tabs__item.is-active{
  background:var(--c-button);
  color:var(--c-white);
  box-shadow:none;
}
.hf-kit .tabs--solid .tabs__item[disabled]{
  background:var(--c-bg);
  color:var(--c-divider);
}
.hf-kit .tabs--solid .tabs__item[disabled].is-active{
  background:var(--c-bg-dark);
  color:var(--c-element);
}
.hf-kit .tabs--pill{
  height:auto;
  padding:0;
  gap:8px;
  background:transparent;
  flex-wrap:wrap;
}
.hf-kit .tabs--pill .tabs__item{
  height:var(--h-tabs-pill);
  padding:0 18px;
  border:1px solid var(--c-divider);
  border-radius:var(--r-md);
  background:var(--c-white);
  color:var(--c-text);
  font-weight:500;
}
.hf-kit .tabs--pill .tabs__item:hover{
  background:var(--c-highlighter);
  border-color:var(--c-highlighter);
  color:var(--c-text);
}
.hf-kit .tabs--pill .tabs__item.is-active{
  background:var(--c-button);
  border-color:var(--c-button);
  color:var(--c-white);
  box-shadow:none;
}
.hf-kit .tabs--pill .tabs__item[disabled]{
  background:var(--c-white);
  border-color:var(--c-highlighter);
  color:var(--c-divider);
}
.hf-kit .tabs--pill .tabs__item[disabled].is-active{
  background:var(--c-bg-dark);
  border-color:var(--c-bg-dark);
  color:var(--c-element);
}
.hf-kit .tabs-line{
  display:flex;
  gap:40px;
  border-bottom:1px solid var(--c-highlighter);
  overflow-x:auto;
}
.hf-kit .tabs-line__item{
  border:0;
  background:transparent;
  padding:0 0 14px;
  margin-bottom:-1px;
  border-bottom:2px solid transparent;
  color:var(--c-element);
  font-size:var(--fs-h6);
  font-weight:500;
  white-space:nowrap;
  transition:color var(--transition), border-color var(--transition);
}
.hf-kit .tabs-line__item:hover{
  color:var(--c-body);
}
.hf-kit .tabs-line__item.is-active{
  color:var(--c-text);
  border-bottom-color:var(--c-button);
  font-weight:700;
}
.hf-kit .badge{
  display:inline-flex;
  align-items:center;
  height:var(--h-badge);
  padding:0 8px;
  border-radius:var(--r-xs);
  background:var(--c-highlighter);
  color:var(--c-button);
  font-size:var(--fs-s);
  font-weight:700;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:0.02em;
  white-space:nowrap;
}
.hf-kit .badge--red{
  background:var(--c-red-light);
}
.hf-kit .badge--orange{
  background:var(--c-orange-light);
}
.hf-kit .badge--yellow{
  background:var(--c-warning);
}
.hf-kit .badge--green{
  background:var(--c-mint-light);
}
.hf-kit .badge--blue{
  background:var(--c-blue-light);
}
.hf-kit .badge--violet{
  background:var(--c-violet-light);
}
.hf-kit .badge--white{
  background:var(--c-white);
}
.hf-kit .badge--error{
  background:var(--c-red-light);
  color:var(--c-error);
}
.hf-kit .badge--ok{
  background:var(--c-green-light);
  color:var(--c-green);
}
.hf-kit .chips{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.hf-kit .chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  height:var(--h-badge);
  padding:0 8px;
  border-radius:var(--r-xs);
  background:var(--c-blue-light);
  color:var(--c-button);
  font-size:var(--fs-s);
  font-weight:600;
  line-height:1;
  white-space:nowrap;
}
.hf-kit .chip button{
  border:0;
  background:transparent;
  padding:0;
  line-height:0;
  color:var(--c-body);
}
.hf-kit .chip button:hover{
  color:var(--c-text);
}
.hf-kit .chip button svg{
  width:12px;
  height:12px;
}
.hf-kit .chips__toggle{
  border:0;
  background:transparent;
  padding:0;
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:var(--c-button);
  font-size:var(--fs-s);
  font-weight:600;
  line-height:1;
}
.hf-kit .chips__toggle svg{
  width:12px;
  height:12px;
  color:var(--c-body);
}
.hf-kit .pill{
  display:inline-flex;
  align-items:center;
  height:30px;
  padding:0 12px;
  border-radius:var(--r-sm);
  background:var(--c-white);
  font-size:var(--fs-m);
  line-height:1;
  white-space:nowrap;
}
.hf-kit .tip{
  position:relative;
  display:inline-flex;
  vertical-align:middle;
}
.hf-kit .tip__trigger{
  width:20px;
  height:20px;
  border:1.5px solid currentColor;
  border-radius:50%;
  background:transparent;
  color:var(--c-element);
  font-size:11px;
  font-weight:700;
  line-height:17px;
  padding:0;
  text-align:center;
  transition:color var(--transition);
}
.hf-kit .tip__trigger:hover{
  color:var(--c-button);
}
.hf-kit .tip__body{
  position:absolute;
  bottom:calc(100% + 12px);
  left:50%;
  transform:translateX(-50%);
  width:-moz-max-content;
  width:max-content;
  max-width:360px;
  padding:8px 12px;
  border-radius:var(--r-md);
  background:var(--c-button);
  color:var(--c-white);
  font-size:var(--fs-m);
  line-height:var(--lh-m);
  opacity:0;
  visibility:hidden;
  transition:opacity var(--transition), visibility var(--transition);
  z-index:20;
}
.hf-kit .tip__body::after{
  content:"";
  position:absolute;
  top:100%;
  left:50%;
  transform:translateX(-50%);
  border:6px solid transparent;
  border-top-color:var(--c-button);
}
.hf-kit .tip:hover .tip__body, .hf-kit .tip:focus-within .tip__body{
  opacity:1;
  visibility:visible;
}
.hf-kit .pagination{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--gutter);
  flex-wrap:wrap;
}
.hf-kit .pagination__count{
  color:var(--c-button);
  font-size:var(--fs-s);
}
.hf-kit .pagination__pages{
  display:flex;
  align-items:center;
  gap:16px;
}
.hf-kit .pagination__item{
  min-width:32px;
  height:32px;
  padding:0 6px;
  border:1px solid var(--c-divider);
  border-radius:var(--r-xs);
  background:transparent;
  color:var(--c-body);
  font-size:var(--fs-m);
  line-height:1;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  transition:background var(--transition), color var(--transition);
}
.hf-kit .pagination__item:hover{
  background:var(--c-highlighter);
}
.hf-kit .pagination__item.is-active{
  background:var(--c-button);
  border-color:var(--c-button);
  color:var(--c-white);
  font-weight:500;
}
.hf-kit .pagination__gap{
  color:var(--c-body);
  padding:0 2px;
}
.hf-kit .pagination__nav{
  width:24px;
  height:24px;
  border:0;
  background:transparent;
  color:var(--c-body);
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.hf-kit .pagination__nav:hover{
  color:var(--c-button);
}
.hf-kit .pagination__per{
  display:flex;
  align-items:center;
  gap:12px;
  color:var(--c-button);
  font-size:var(--fs-s);
}
.hf-kit .pagination__per select{
  height:32px;
  padding:0 8px;
  border:1px solid var(--c-divider);
  border-radius:var(--r-xs);
  background:transparent;
  color:var(--c-button);
  font-size:var(--fs-s);
}
@media (max-width: 720px){
  .hf-kit .pagination__pages{
    gap:0;
  }
  .hf-kit .pagination__item{
    min-width:25px;
    padding:0;
    border:0;
    background:transparent;
    color:var(--c-body);
  }
  .hf-kit .pagination__item:hover{
    background:transparent;
    color:var(--c-button);
  }
  .hf-kit .pagination__item.is-active{
    background:transparent;
    color:var(--c-button);
    font-weight:500;
  }
}
.hf-kit .card{
  border:1px solid var(--c-highlighter);
  border-radius:var(--r-xl);
  background:var(--c-white);
  padding:32px;
}
.hf-kit .card--flat{
  border:0;
  background:var(--c-bg);
}
.hf-kit .card--tinted{
  border:0;
}
.hf-kit .card--pad-s{
  padding:24px;
}
.hf-kit .product-card{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:20px;
  padding:36px;
  border-radius:var(--r-2xl);
  overflow:hidden;
  min-height:460px;
}
.hf-kit .product-card--blue{
  background:linear-gradient(160deg, #DEEAFB, #EFF4FE 70%);
}
.hf-kit .product-card--violet{
  background:linear-gradient(160deg, #E9DEFB, #F4EFFE 70%);
}
.hf-kit .product-card--grey{
  background:linear-gradient(160deg, #EDEDED, #F7F7F7 70%);
}
.hf-kit .product-card__specs{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.hf-kit .product-card__foot{
  margin-top:auto;
  display:flex;
  flex-direction:column;
  gap:16px;
}
.hf-kit .product-card__price{
  font-size:var(--fs-h5);
  line-height:var(--lh-h5);
}
.hf-kit .product-card__price b{
  font-weight:700;
}
.hf-kit .plan{
  display:flex;
  flex-direction:column;
  position:relative;
  padding:32px 28px;
  border:1px solid var(--c-highlighter);
  border-radius:var(--r-xl);
  background:var(--c-white);
}
.hf-kit .plan.is-recommended{
  background:var(--c-bg);
  border-color:var(--c-bg-dark);
}
.hf-kit .plan__badge{
  position:absolute;
  top:20px;
  right:20px;
}
.hf-kit .plan__title{
  margin-bottom:4px;
}
.hf-kit .plan__for{
  color:var(--c-element);
  font-size:var(--fs-m);
  line-height:var(--lh-m);
  margin-bottom:24px;
}
.hf-kit .plan__specs{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-bottom:28px;
}
.hf-kit .plan__spec{
  display:flex;
  align-items:baseline;
  gap:6px;
  font-size:var(--fs-m);
  line-height:var(--lh-m);
}
.hf-kit .plan__spec dt{
  color:var(--c-body);
  display:inline-flex;
  align-items:center;
  gap:6px;
}
.hf-kit .plan__spec::after{
  content:"";
  flex:1;
  border-bottom:1px dotted var(--c-divider);
  transform:translateY(-3px);
}
.hf-kit .plan__spec dd{
  margin:0;
  color:var(--c-text);
  order:3;
}
.hf-kit .plan__price{
  display:flex;
  align-items:baseline;
  gap:8px;
  flex-wrap:wrap;
}
.hf-kit .plan__price b{
  font-family:var(--font-display);
  font-size:var(--fs-h2);
  line-height:1;
  font-weight:500;
}
.hf-kit .plan__price span{
  font-size:var(--fs-m);
  color:var(--c-text);
}
.hf-kit .plan__price .badge{
  margin-left:auto;
}
.hf-kit .plan__price-sub{
  display:flex;
  justify-content:space-between;
  gap:12px;
  margin:8px 0 24px;
  font-size:var(--fs-s);
  color:var(--c-element);
}
.hf-kit .plan__foot{
  margin-top:auto;
  display:flex;
  flex-direction:column;
  gap:14px;
  align-items:center;
}
.hf-kit .plan__foot .btn{
  width:100%;
}
.hf-kit .promo{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:16px;
  padding:40px;
  border-radius:var(--r-2xl);
  overflow:hidden;
}
.hf-kit .promo--blue{
  background:linear-gradient(140deg, #DEEAFB 0%, #EFF4FE 55%, #DCE9FC 100%);
}
.hf-kit .promo--violet{
  background:linear-gradient(140deg, #E9DEFB 0%, #F5F0FE 60%, #E5D8FA 100%);
}
.hf-kit .promo--soft{
  background:var(--c-secondary);
}
.hf-kit .promo__foot{
  margin-top:auto;
  padding-top:24px;
}
.hf-kit .promo__art{
  position:absolute;
  right:0;
  bottom:0;
  width:46%;
  max-width:340px;
  opacity:0.9;
  pointer-events:none;
}
.hf-kit .offer-list{
  display:flex;
  flex-direction:column;
}
.hf-kit .offer{
  display:flex;
  align-items:center;
  gap:24px;
  padding:28px 0;
  border-bottom:1px solid var(--c-highlighter);
}
.hf-kit .offer:first-child{
  padding-top:0;
}
.hf-kit .offer__body{
  flex:1;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.hf-kit .offer__title{
  margin:0;
}
.hf-kit .feature-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  border:1px solid var(--c-highlighter);
  border-radius:var(--r-xl);
  overflow:hidden;
}
.hf-kit .feature-grid--2{
  grid-template-columns:repeat(2, minmax(0, 1fr));
}
.hf-kit .feature{
  padding:32px;
  border-right:1px solid var(--c-highlighter);
  border-bottom:1px solid var(--c-highlighter);
  display:flex;
  flex-direction:column;
  gap:16px;
}
.hf-kit .feature__head{
  display:flex;
  align-items:flex-start;
  gap:14px;
}
.hf-kit .feature__icon{
  flex:0 0 24px;
  color:var(--c-text);
}
.hf-kit .feature__art{
  margin-left:auto;
  width:140px;
  flex:0 0 auto;
}
@media (max-width: 1100px){
  .hf-kit .feature-grid, .hf-kit .feature-grid--2{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 720px){
  .hf-kit .feature-grid, .hf-kit .feature-grid--2{
    grid-template-columns:minmax(0, 1fr);
  }
}
.hf-kit .news-card{
  display:flex;
  flex-direction:column;
  gap:16px;
  text-decoration:none;
}
.hf-kit .news-card__cover{
  position:relative;
  aspect-ratio:16/11;
  border-radius:var(--r-xl);
  display:grid;
  place-items:center;
  overflow:hidden;
}
.hf-kit .news-card__cover .badge{
  position:absolute;
  top:16px;
  right:16px;
}
.hf-kit .news-card__meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  font-size:var(--fs-m);
  color:var(--c-element);
}
.hf-kit .news-card__cat{
  font-size:var(--fs-s);
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:0.02em;
}
.hf-kit .news-card__cat--news{
  color:var(--c-primary);
}
.hf-kit .news-card__cat--conf{
  color:var(--c-violet);
}
.hf-kit .news-card__cat--promo{
  color:var(--c-mint);
}
.hf-kit .news-card__title{
  transition:color var(--transition);
}
.hf-kit .news-card:hover .news-card__title{
  color:var(--c-body);
}
.hf-kit .review{
  display:flex;
  flex-direction:column;
  gap:20px;
}
.hf-kit .review__head{
  display:flex;
  align-items:center;
  gap:14px;
}
.hf-kit .review__logo{
  width:44px;
  height:44px;
  border-radius:50%;
  background:var(--c-button);
  color:var(--c-white);
  display:grid;
  place-items:center;
  font-family:var(--font-display);
  font-weight:700;
}
.hf-kit .review__quote{
  color:var(--c-element);
  font-size:26px;
  line-height:1;
}
.hf-kit .review__foot{
  margin-top:auto;
  display:flex;
  align-items:center;
  gap:14px;
}
.hf-kit .review__stars{
  color:#F5C518;
  letter-spacing:2px;
}
.hf-kit .post{
  display:grid;
  grid-template-columns:340px 1fr;
  gap:56px;
  align-items:start;
}
.hf-kit .post__cover{
  border-radius:var(--r-xl);
  overflow:hidden;
  aspect-ratio:1;
  background:var(--c-highlighter);
}
.hf-kit .post__cover--round{
  border-radius:50%;
}
.hf-kit .post__tags{
  display:flex;
  gap:20px;
  flex-wrap:wrap;
}
@media (max-width: 900px){
  .hf-kit .post{
    grid-template-columns:minmax(0, 1fr);
    gap:20px;
  }
}
.hf-kit .accordion{
  display:flex;
  flex-direction:column;
  gap:16px;
}
.hf-kit .acc{
  border:1px solid var(--c-highlighter);
  border-radius:var(--r-xl);
  background:var(--c-white);
  overflow:hidden;
  transition:background var(--transition);
}
.hf-kit .acc.is-open{
  background:var(--c-secondary);
  border-color:var(--c-secondary);
}
.hf-kit .acc__btn{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:32px;
  border:0;
  background:transparent;
  text-align:left;
  font-family:var(--font-display);
  font-size:var(--fs-h5);
  line-height:var(--lh-h5);
  font-weight:700;
  letter-spacing:var(--ls-h5);
  color:var(--c-text);
}
.hf-kit .acc__icon{
  flex:0 0 24px;
  transition:transform var(--transition);
}
.hf-kit .acc.is-open .acc__icon{
  transform:rotate(180deg);
}
.hf-kit .acc__body{
  padding:0 32px 32px;
  display:none;
}
.hf-kit .acc.is-open .acc__body{
  display:block;
}
.hf-kit .acc__also{
  margin-top:28px;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.hf-kit .acc__also-title{
  color:var(--c-element);
  font-size:var(--fs-m);
  margin-bottom:6px;
}
.hf-kit .domain-suggest{
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  row-gap:18px;
  -moz-column-gap:16px;
       column-gap:16px;
  align-items:center;
  padding:24px 28px;
  border-radius:var(--r-lg);
  background:var(--c-bg);
}
.hf-kit .domain-suggest__head{
  grid-column:1/-1;
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  min-width:0;
}
.hf-kit .domain-suggest__name{
  font-family:var(--font-display);
  font-size:var(--fs-h5);
  font-weight:500;
  overflow-wrap:anywhere;
}
.hf-kit .domain-suggest__price{
  display:flex;
  align-items:baseline;
  gap:6px;
  min-width:0;
}
.hf-kit .domain-suggest__price b{
  font-family:var(--font-display);
  font-size:var(--fs-h3);
  font-weight:500;
}
.hf-kit .domain-suggest__price span{
  font-size:var(--fs-m);
  color:var(--c-body);
}
.hf-kit .domain-suggest .btn-cart{
  justify-self:end;
}
.hf-kit .domain-list{
  display:flex;
  flex-direction:column;
}
.hf-kit .domain-row{
  display:grid;
  grid-template-columns:minmax(0, 1fr) 180px 160px 48px;
  align-items:center;
  gap:20px;
  padding:22px 24px;
  border-bottom:1px solid var(--c-highlighter);
  border-radius:var(--r-md);
  transition:background var(--transition);
}
.hf-kit .domain-row:hover{
  background:var(--c-bg);
}
.hf-kit .domain-row__name{
  font-size:var(--fs-h6);
  font-weight:500;
}
.hf-kit .domain-row__price{
  text-align:right;
  display:flex;
  align-items:baseline;
  justify-content:flex-end;
  gap:6px;
}
.hf-kit .domain-row__price b{
  font-family:var(--font-display);
  font-size:var(--fs-h4);
  font-weight:500;
}
.hf-kit .domain-row__price span{
  font-size:var(--fs-m);
  color:var(--c-body);
}
.hf-kit .domain-row.is-taken .domain-row__price{
  visibility:hidden;
}
@media (max-width: 900px){
  .hf-kit .domain-row{
    grid-template-columns:minmax(0, 1fr) auto;
    row-gap:10px;
  }
  .hf-kit .domain-row__price{
    justify-content:flex-start;
  }
}
.hf-kit .order-box{
  padding:32px;
  border-radius:var(--r-xl);
  background:var(--c-bg);
  display:flex;
  flex-direction:column;
  gap:24px;
  position:sticky;
  top:24px;
}
.hf-kit .order-box__items{
  display:flex;
  flex-direction:column;
}
.hf-kit .order-box__item{
  display:flex;
  justify-content:space-between;
  gap:16px;
  padding:14px 0;
  border-bottom:1px solid var(--c-bg-dark);
  color:var(--c-body);
  font-size:var(--fs-l);
}
.hf-kit .order-box__total{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:16px;
}
.hf-kit .order-box__total b{
  font-family:var(--font-display);
  font-size:var(--fs-h2);
  font-weight:500;
}
.hf-kit .tld-row{
  display:grid;
  grid-template-columns:repeat(9, minmax(0, 1fr));
  gap:16px;
  padding:24px 0;
  border-bottom:1px solid var(--c-highlighter);
}
.hf-kit .tld{
  display:flex;
  flex-direction:column;
  gap:4px;
}
.hf-kit .tld__head{
  display:flex;
  align-items:center;
  gap:8px;
}
.hf-kit .tld__name{
  font-size:var(--fs-h6);
  font-weight:700;
}
.hf-kit .tld__price{
  font-size:var(--fs-s);
  color:var(--c-body);
  padding-left:36px;
}
.hf-kit .tld__price s{
  display:block;
  color:var(--c-divider);
}
@media (max-width: 1200px){
  .hf-kit .tld-row{
    grid-template-columns:repeat(5, minmax(0, 1fr));
  }
}
@media (max-width: 720px){
  .hf-kit .tld-row{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}
.hf-kit .slider{
  position:relative;
}
.hf-kit .slider__viewport{
  overflow:hidden;
}
.hf-kit .slider__track{
  display:flex;
  gap:var(--gutter);
  transition:transform 0.35s ease;
}
.hf-kit .slider__slide{
  flex:0 0 calc((100% - var(--gutter) * 3) / 4);
}
.hf-kit .slider__nav{
  display:flex;
  gap:12px;
}
.hf-kit .slider__dots{
  display:flex;
  gap:8px;
  justify-content:center;
  margin-top:24px;
}
.hf-kit .slider__dot{
  width:8px;
  height:8px;
  border-radius:50%;
  border:0;
  background:var(--c-bg-dark);
  padding:0;
}
.hf-kit .slider__dot.is-active{
  background:var(--c-body);
}
@media (max-width: 1100px){
  .hf-kit .slider__slide{
    flex:0 0 calc((100% - var(--gutter)) / 2);
  }
}
@media (max-width: 720px){
  .hf-kit .slider__slide{
    flex:0 0 100%;
  }
}
.hf-kit .logo-wall{
  display:grid;
  grid-template-columns:repeat(6, minmax(0, 1fr));
  gap:40px 24px;
  align-items:center;
}
.hf-kit .logo-wall__item{
  height:40px;
  display:grid;
  place-items:center;
  color:var(--c-bg-dark);
  font-family:var(--font-display);
  font-size:var(--fs-h5);
  font-weight:700;
  filter:grayscale(1);
}
.hf-kit .logo-wall--pay{
  grid-template-columns:repeat(10, minmax(0, 1fr));
  gap:24px 16px;
}
.hf-kit .logo-wall--pay .logo-wall__item{
  font-size:var(--fs-m);
  height:32px;
}
@media (max-width: 1100px){
  .hf-kit .logo-wall{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }
  .hf-kit .logo-wall--pay{
    grid-template-columns:repeat(5, minmax(0, 1fr));
  }
}
@media (max-width: 600px){
  .hf-kit .logo-wall{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
  .hf-kit .logo-wall--pay{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 720px){
  .hf-kit .btn{
    white-space:normal;
    text-align:center;
    height:auto;
    min-height:var(--h-btn-m);
    padding:12px 20px;
    line-height:1.3;
  }
  .hf-kit .btn--l{
    min-height:var(--h-btn-l);
    padding:14px 24px;
  }
  .hf-kit .btn--s{
    min-height:var(--h-btn-s);
    padding:8px 14px;
  }
  .hf-kit .btn--xs{
    min-height:var(--h-btn-xs);
    padding:6px 12px;
  }
  .hf-kit .hero-page__actions{
    width:100%;
  }
  .hf-kit .hero-page__actions .btn{
    flex:1 1 100%;
  }
  .hf-kit .section__head{
    align-items:flex-start;
  }
}