/* Wakeflot SEO catalogue pages */
body.seo-landing-page{background:#fff}
.wf-seo-landing{padding-bottom:70px}
.wf-seo-landing *{box-sizing:border-box}

.wf-seo-hero{max-width:980px;margin-left:auto!important;margin-right:auto!important;margin-bottom:46px!important}
.wf-seo-breadcrumbs{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin:0 0 22px;font:400 13px/1.4 'Roboto Condensed',sans-serif;color:#929292}
.wf-seo-breadcrumbs a{color:#777;text-decoration:none}
.wf-seo-breadcrumbs a:hover{color:#E3000F}
.wf-seo-hero .collection-header__headline{margin:0}
.wf-seo-hero__lead{max-width:850px;margin:14px auto 0!important;color:#5d5d5d!important}

.wf-seo-nav{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:27px}
.wf-seo-nav a,.wf-seo-models__list a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 15px;border:1px solid #dedede;border-radius:999px;background:#fff;color:#252525;text-decoration:none;font:700 13px/1.2 'Roboto Condensed',sans-serif;transition:.18s ease}
.wf-seo-nav a:hover,.wf-seo-nav a.active,.wf-seo-models__list a:hover{border-color:#E3000F;color:#E3000F;box-shadow:0 5px 14px rgba(0,0,0,.06)}
.wf-seo-nav a.active{background:#E3000F;color:#fff}

.wf-seo-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 0 22px}
.wf-seo-section-head h2,.wf-seo-help h2{font-family:'Roboto Condensed',sans-serif;font-weight:400;color:#1e1e1e;margin:3px 0 0;font-size:30px;line-height:1.2}
.wf-seo-eyebrow{font:700 11px/1.4 'Roboto Condensed',sans-serif;letter-spacing:1.7px;text-transform:uppercase;color:#E3000F}
.wf-seo-count{font:700 13px/1.2 'Roboto Condensed',sans-serif;color:#797979;white-space:nowrap}

.wf-seo-models{margin:0 0 42px;padding:24px 26px;border:1px solid #e8e8e8;border-radius:12px;background:#fafafa}
.wf-seo-models .wf-seo-section-head{margin-bottom:15px}
.wf-seo-models__list{display:flex;flex-wrap:wrap;gap:8px}

.wf-seo-catalog{margin-top:12px}
.wf-seo-catalog-grid{margin-left:-8px!important;margin-right:-8px!important}
.wf-seo-catalog-grid .grid__item{padding-left:8px!important;padding-right:8px!important;margin-bottom:18px}
.wf-seo-catalog-grid .product.product-grid-item > a{display:block;background:#fff;border:1px solid #d7d7d7;border-radius:7px;overflow:hidden;text-decoration:none;color:#333;transition:transform .15s ease,box-shadow .15s ease}
.wf-seo-catalog-grid .product.product-grid-item > a:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(0,0,0,.08)}
.wf-seo-catalog-grid .boatImage{position:relative;height:205px;background:#f2f2f2;background-size:cover;background-position:center;border-bottom:1px solid #e0e0e0}
.wf-seo-catalog-grid .product.product-grid-item > a > div:last-child{padding:14px 12px 12px}
.wf-seo-catalog-grid .name{display:block;min-height:40px;font:700 14px/1.35 'Roboto Condensed',sans-serif;color:#2f2f2f;text-transform:none}
.wf-seo-catalog-grid .name b{font-weight:700}
.wf-seo-catalog-grid .listPrice{margin:14px 0 18px;color:#ea4e1a;font:700 16px/1.25 'Roboto Condensed',sans-serif}
.wf-seo-catalog-grid .listPrice--request{color:#666}
.wf-seo-catalog-grid .boatListTable{width:100%;border-collapse:collapse;margin-top:0}
.wf-seo-catalog-grid .boatListTable td{padding:5px 0;border:none;vertical-align:top;font:400 14px/1.35 'Roboto Condensed',sans-serif;color:#666}
.wf-seo-catalog-grid .boatListTable td:first-child{width:48%;padding-right:12px;color:#777}
.wf-seo-catalog-grid .boatListTable td:last-child{color:#555}
.wf-seo-catalog-grid .soldMark{position:absolute;top:8px;right:8px;background:rgba(227,0,15,.95);color:#fff;border-radius:4px;padding:4px 8px;font:700 11px/1 'Roboto Condensed',sans-serif}
.wf-seo-catalog-grid .soldMark:before{content:'Продано'}
.wf-seo-catalog-grid .tech,.wf-seo-catalog-grid .custom{position:absolute;left:8px;bottom:8px;background:rgba(17,17,17,.9);color:#fff;font-size:11px;padding:4px 6px;border-radius:6px}
.wf-seo-catalog-grid .tech p,.wf-seo-catalog-grid .custom p{margin:0;font-size:11px}

.wf-seo-all-boats{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:34px 0 0}
.wf-seo-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 22px;border:1px solid #d6d6d6;border-radius:4px;background:#fff;color:#222!important;text-decoration:none!important;font:700 13px/1.2 'Roboto Condensed',sans-serif;letter-spacing:.5px;text-transform:uppercase;transition:.18s ease}
.wf-seo-button:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(0,0,0,.1)}
.wf-seo-button--primary{background:#E3000F;border-color:#E3000F;color:#fff!important}

.wf-seo-help{display:flex;justify-content:space-between;align-items:center;gap:35px;margin:58px 0 0;padding:34px 38px;border-radius:12px;background:#1f1f1f;color:#fff;box-shadow:0 12px 32px rgba(0,0,0,.12)}
.wf-seo-help__content{max-width:710px}
.wf-seo-help h2{color:#fff;font-size:30px}
.wf-seo-help p{max-width:690px;margin:12px 0 0;color:#d3d3d3;font-size:15px;line-height:1.65}
.wf-seo-help__actions{display:flex;flex-direction:column;gap:10px;min-width:230px}
.wf-seo-button--light{background:#fff;border-color:#fff}
.wf-seo-button--telegram{border-color:#555;background:transparent;color:#fff!important}

.wf-seo-faq{margin-top:58px}
.wf-seo-faq__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.wf-seo-faq__item{padding:24px 26px;border:1px solid #e8e8e8;border-radius:10px;background:#fff}
.wf-seo-faq__item h3{margin:0 0 10px;color:#1e1e1e;font:700 18px/1.35 'Roboto Condensed',sans-serif}
.wf-seo-faq__item p{margin:0;color:#626262;font-size:15px;line-height:1.65}

.wf-seo-related{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:7px 14px;margin-top:48px;padding-top:25px;border-top:1px solid #e9e9e9;font:400 14px/1.5 'Roboto Condensed',sans-serif}
.wf-seo-related span{font-weight:700;color:#555}
.wf-seo-related a{color:#E3000F;text-decoration:none}
.wf-seo-related a:hover{text-decoration:underline}
.wf-seo-empty{padding:42px;text-align:center;border:1px solid #e5e5e5;border-radius:12px;background:#fafafa}
.wf-seo-empty h3{margin:0 0 10px;font:700 21px/1.3 'Roboto Condensed',sans-serif}
.wf-seo-empty p{margin:0 0 22px;color:#666}

@media(max-width:850px){
  .wf-seo-help{align-items:flex-start;flex-direction:column;padding:30px}
  .wf-seo-help__actions{width:100%;min-width:0;flex-direction:row}
  .wf-seo-help__actions .wf-seo-button{flex:1}
}
@media(max-width:650px){
  .wf-seo-landing{padding-left:15px!important;padding-right:15px!important;padding-bottom:45px}
  .wf-seo-hero{margin-top:34px!important;margin-bottom:34px!important}
  .wf-seo-breadcrumbs{justify-content:flex-start;font-size:12px;margin-bottom:16px}
  .wf-seo-hero{text-align:left!important}
  .wf-seo-hero .collection-header__headline{font-size:34px!important;line-height:1.12!important}
  .wf-seo-hero__lead{font-size:16px!important;line-height:1.55!important;margin-top:12px!important}
  .wf-seo-nav{justify-content:flex-start;gap:8px;margin-top:20px}
  .wf-seo-nav a{min-height:34px;padding:7px 11px;font-size:12px}
  .wf-seo-section-head{align-items:flex-start;margin-bottom:17px}
  .wf-seo-section-head h2,.wf-seo-help h2{font-size:25px}
  .wf-seo-count{padding-top:6px}
  .wf-seo-models{padding:20px;margin-bottom:32px}
  .wf-seo-help{margin-top:42px;padding:25px 22px;gap:22px}
  .wf-seo-help__actions{flex-direction:column}
  .wf-seo-faq{margin-top:42px}
  .wf-seo-faq__grid{grid-template-columns:1fr}
  .wf-seo-faq__item{padding:20px}
  .wf-seo-catalog-grid .boatImage{height:220px}
}
