/*
Theme Name: Konstruc
Theme URI: https://floka.casethemes.net/
Author: Case-Themes
Author URI: https://themeforest.net/user/case-themes/
Description: Konstruc  is a Premium WordPress theme that has built-in support for popular Page Builders, slider with swipe gestures, and is SEO- and Retina-ready. The unique system of inheritance and override options allows setting up individual parameters for different sections of your site and supported plugins.
Version: 1.0.0
License: GPL-2.0+
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: floka
Tags: Blog, E-Commerce, Portfolio, Grid Layout, One Column, Two Columns, Three Columns, Four Columns, Left Sidebar, Right Sidebar, Custom Background, Custom Colors, Custom Header, Custom Logo, custom-menu, Editor Style, Featured Image Header, Featured Images, flexible-header, Footer Widgets, Full Width Template, microformats, Post Formats, Sticky Post, Theme Options, threaded-comments, translation-ready, Block Editor Styles, Wide Blocks
Requires at least: 5.8 or Higher
Requires PHP: 7.4 or Higher
Tested up to: 6.4

*/

.pxl-item--inner {}
.pxl-item--inner .pxl-item--description ul {margin:0;}

.mdv-shop-fullwidth .pxl-item--inner {padding:0!important;}


.pxl-icon-box.pxl-icon-box5 .pxl-item--meta {padding:0 20px;}
#stypo .pxl-icon-box.pxl-icon-box5 .pxl-item--meta {padding:0;}
.pxl-icon-box.pxl-icon-box5.style-layout-2 .btn-readmore {margin-left:20px;margin-bottom:20px;}


.pxl-entry-content .pxl-item--title {font-size:36px;}
.pxl-icon-box5 .pxl-item--icon{font-size:56px;color: var(--primary-color);}
.pxl-icon-box5 .pxl-item--icon{font-size:56px;color: var(--primary-color);}

.pxl-post-layout-service-1 .pxl-post--icon .far,
.pxl-post-layout-service-1 .pxl-post--icon .fal {color:#fff;font-size:32px;}


/* База: нормальная укладка изображения и отступ подписи */
#gallery-1 .gallery-item { box-sizing: border-box; }
#gallery-1 .gallery-item img{
  display: block;              /* убирает “прилипание” подписи к baseline */
  width: 100%;
  height: auto;
  border: 1px solid rgba(0,0,0,0.08);   /* мягче чем 2px #cfcfcf */
  border-radius: 6px;
}
#gallery-1 .gallery-caption{
  margin-top: 10px;            /* отбивка подписи от фото */
  padding: 0 8px;
  color: #555;
  font-size: 14px;
  line-height: 1.4;
}

.product-category.product {}
.product-category.product .count {display:none;}
.product-category.product img {border: 1px solid var(--primary-color);}
.product-category .woocommerce-loop-category__title {font-size:26px!important;text-align:center;font-family:Rubik;}
.product-category .woocommerce-loop-category__title:hover {text-decoration:underline;}
.product-category .woocommerce-loop-category__title:hover {text-decoration:underline;}

@media (max-width: 767px) {
	
  h1, h2, h3, h4, h5, h6 {letter-spacing: 0;}

  .pxl-item--title {font-size:26px!important;}
  
  #gallery-1 .gallery-item{
    float: none;               /* выключаем float */
    width: 100%!important;
    margin: 14px 10px;
  }
  
  .pxl-icon-box.pxl-icon-box1 .pxl-item--title {font-size:18px!important;}
  .pxl-icon-box.pxl-icon-box1 .pxl-item--title {font-size:18px!important;}
  .consultation .titleh3 .pxl-item--title {font-size:21px!important;}
  .pxl-process--carousel.pxl-process--carousel1 .pxl-item--title {font-size:18px!important;}
  
}

	
.pxl-social--wrap {display:none;}


/* === MDV table: compact desktop, sane mobile === */
.mdv-table{ width:100%; border-collapse:collapse; table-layout:fixed; }
.mdv-table th { font-size:12px; }
.mdv-table th, .mdv-table td{ padding:10px 12px; vertical-align:middle; }
.mdv-table th{ white-space:nowrap; }
.mdv-table td{ word-break:break-word; }

.mdv-table th:nth-child(1), .mdv-table td:nth-child(1){ width: 140px; } /* Марка */
.mdv-table th:last-child, .mdv-table td.mdv-cta{ width: 140px; text-align:right; white-space:nowrap; }

.mdv-btn-order{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 12px;
  min-height:34px;
  border-radius:10px;
  border:1px solid rgba(0,0,0,.12);
  text-decoration:none;
  font-weight:600;
  font-size:14px;
}

/* center param columns on desktop */
.mdv-table td[data-label="Прочность"],
.mdv-table td[data-label="Морозостойкость"],
.mdv-table td[data-label="Водонепроницаемость"],
.mdv-table td[data-label="Подвижность"]{
  text-align:center;
  white-space:nowrap;
}

/* ===== Desktop tweaks (кнопка меньше) ===== */
.mdv-table td.mdv-cta { text-align:right; white-space:nowrap; }

.mdv-btn-order{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:6px 10px;      /* меньше */
  min-height:30px;       /* меньше */
  font-size:13px;        /* меньше */
  border-radius:8px;     /* меньше "круглость" */
  border:1px solid rgba(0,0,0,.12);
  text-decoration:none;
  font-weight:600;
}

/* ===== Mobile: нормальные карточки без "каши" ===== */
@media (max-width:768px){

  /* ВАЖНО: убиваем desktop-фиксированные ширины колонок */
  .mdv-table th:nth-child(1), .mdv-table td:nth-child(1),
  .mdv-table th:last-child,    .mdv-table td.mdv-cta{
    width:auto !important;
  }

  /* Убираем table layout эффекты */
  .mdv-table{ table-layout:auto !important; }

  /* Карточный режим */
  .mdv-table thead{ display:none; }
  .mdv-table{ display:block; width:100%; border-collapse:separate; border-spacing:0; }
  .mdv-table tbody{ display:block; }
  .mdv-table tr{
    display:block;
    margin:12px 0;
    background:#fff;
    border:1px solid rgba(0,0,0,.10);
    border-radius:12px;
    overflow:hidden;
  }

  /* Критично: отключаем ломание слов, иначе "M150" рвётся */
  .mdv-table td{
    word-break:normal !important;
    overflow-wrap:normal !important;
    white-space:normal;
    border:none !important;
  }

  /* Каждая строка карточки: grid 2 колонки (лейбл слева, значение справа) */
  .mdv-table td{
    display:grid;
    grid-template-columns: 1fr auto;
    gap:12px;
    align-items:center;
    padding:12px 14px;
    border-top:1px solid rgba(0,0,0,.06) !important;
    text-align:right; /* значение справа */
    font-weight:600;
  }
  .mdv-table td:first-child{ border-top:none !important; }

  .mdv-table td:before{
    content: attr(data-label);
    text-align:left;
    font-weight:600;
    opacity:.75;
    white-space:normal;   /* лейбл можно переносить */
  }

  /* Значения типа M150 / B10 / F150 не переносим */
  .mdv-table td:not(.mdv-cta){
    white-space:nowrap;
  }
  .mdv-table td:before{
    white-space:normal;
  }

  /* CTA отдельно, без лейбла, кнопка на всю ширину */
  .mdv-table td.mdv-cta{
    display:block;
    text-align:left;
    padding:12px 14px;
  }
  .mdv-table td.mdv-cta:before{ display:none; }

  .mdv-btn-order{
    width:100%;
    min-height:44px;
    font-size:16px;
    padding:12px 14px;
    border-radius:10px;
  }
}


/* === MDV product category grid === */
.mdv-pxl-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

/* Neutralize theme column interference */
.mdv-pxl-grid > .mdv-col {
    width: 100%;
    max-width: 100%;
}

.about-other {}
.about-other h3.pxl-item--title {font-size:21px;}

.marquiz__container_inline  {width:100%!important;max-width:100%!important;height: 600px!important;margin:0!important;}
.marquiz__container_inline iframe {
  width: 100%!important;
  height: 100%!important;
  border: none;
}

/* Tablet */
@media (max-width: 1199px) {
    .mdv-pxl-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Mobile */
@media (max-width: 767px) {
    .mdv-pxl-grid {
        grid-template-columns: 1fr;
    }
	.marquiz__container_inline {
	  width: 100%!important;
	  border: none;
	}

	.pxl-list.pxl-list1 .pxl-item--title {font-size:19px!important;}
	
	body {font-size:16px;}
}

.start-page__footer {display:none!important;}


body.blog #pxl-content-main {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

body.blog #pxl-content-main .pxl-item--title{font-family:Roboto;font-weight:normal!important;}


body.blog #pxl-content-main .meta-inner,
body.blog #pxl-content-main .pxl-item--readmore
{
    display:none;
}  

.pxl-item--archive.pxl-item--standard .pxl-item--title {font-size:18px!important;}


@media (max-width: 1024px) {
    body.blog #pxl-content-main {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 640px) {
    body.blog #pxl-content-main {
        grid-template-columns: 1fr;
    }
}


/* FIX MENU */
@media (min-width: 1366px) and (max-width: 1478px) {
	.elementor-49 .elementor-element.elementor-element-4e66a13,
    .elementor-49 .elementor-element.elementor-element-b9e4f43 {
        padding-left: 15px!important;
        padding-right: 15px!important;
    }
	
}