/*
Theme Name: Vibratex Child Theme
Theme URI: http://vibratex.just-theme.com/
Author: Just Themes
Author URI: http://just-theme.com/
Description: Blank Child Theme for Vibratex
Template: vibratex
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: four-columns, right-sidebar, full-width-template
Text Domain: vibratex

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

.product_meta {
    padding: 20px;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    margin-top: 20px;
    border-radius: 5px; /* Додаємо закруглені кути */
    font-size: 16px; /* Забезпечуємо однаковий розмір шрифту */
}

.product_meta strong {
    display: block;
    color: #333;
    margin-bottom: 10px;
    font-weight: bold; /* Виділення заголовків */
}

.product_meta table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 15px;
}

.product_meta th, .product_meta td {
    border: 1px solid #eaeaea;
    padding: 10px;
    text-align: left;
}

.product_meta p {
    color: #666;
    line-height: 1.5; /* Покращення читабельності */
    margin-bottom: 10px; /* Відступи для абзаців */
}

.category-bottom-description {
  margin-top: 30px;
  padding: 20px;
  background-color: #f9f9f9;
  border-radius: 10px;
  font-size: 16px;
  line-height: 1.6;
}

/* робимо ліву колонку липкою */
.sticky-left {
  position: -webkit-sticky;
  position: sticky;
  top: 0;              /* за потреби постав 20-30px або врахуй висоту хедера */
}

/* якщо є фіксований хедер — задай відступ зверху */
:root { --header-h: 0px; } /* зміни на фактичну висоту хедера, напр. 80px */
.sticky-left { top: calc(var(--header-h) + 16px); }

/* важливо: не дозволяємо батькам обрізати sticky */
.sticky-left,
.sticky-left .elementor-widget-wrap,
.sticky-left .elementor-widget,
.elementor-section {
  overflow: visible !important;
}

/* на мобільних зазвичай sticky вимикають, щоб не заважало */
@media (max-width: 767px) {
  .sticky-left {
    position: static;
    top: auto;
  }
}

@font-face {
  font-family: 'GothamPro';
  src: url('/wp-content/themes/vibratex/assets/fonts/GothamPro-Regular.woff2') format('woff2'),
       url('/wp-content/themes/vibratex/assets/fonts/GothamPro-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'GothamPro';
  src: url('/wp-content/themes/vibratex/assets/fonts/GothamPro-Bold.woff2') format('woff2'),
       url('/wp-content/themes/vibratex/assets/fonts/GothamPro-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: 'GothamPro', sans-serif;
}