:root {
  --primary-color: #0f7f8c;
  --primary-hover-color: #0a5f69;
  --secondary-color: #182634;

  --text-color: #1f2a35;
  --text-muted: #5c6773;

  --link-color: #1a4f66;
  --link-hover-color: #0f7f8c;

  --header-background-color: #f4f8fa;
  --footer-background-color: #dde8ee;
  --body-background-color: #eaf2f5;

  --uparrow-background-color: #15384c;
  --uparrow-hover-color: #0f7f8c;
  --uparrow-color: #f1f8fb;

  --product-item-border-color: #c4d3dc;
  --product-item-shadow: 0 10px 28px rgba(15, 41, 57, 0.12);
  --product-item-shadow-hover: 0 18px 36px rgba(15, 41, 57, 0.2);

  --border-radius: 14px;
  --font-main: "Manrope", "Trebuchet MS", "Segoe UI", sans-serif;
}

body {
  font-family: var(--font-main);
  background:
    linear-gradient(135deg, rgba(15, 127, 140, 0.1), rgba(15, 127, 140, 0) 35%),
    repeating-linear-gradient(0deg, rgba(24, 38, 52, 0.025) 0 1px, transparent 1px 36px),
    repeating-linear-gradient(90deg, rgba(24, 38, 52, 0.025) 0 1px, transparent 1px 36px),
    var(--body-background-color);
}

a {
  color: var(--link-color);
}

a:hover {
  color: var(--link-hover-color);
}

header {
  margin-bottom: 22px;
}

.header__menu-contacts-region {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(237, 246, 250, 0.96));
  border-color: var(--product-item-border-color);
  box-shadow: 0 10px 24px rgba(21, 56, 76, 0.12);
}

.logo_div img {
  max-width: 255px;
  filter: drop-shadow(0 4px 10px rgba(21, 56, 76, 0.18));
}

.services_div a {
  border-radius: 10px;
  padding: 6px 10px;
  background-color: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(163, 187, 201, 0.38);
}

.services_div a:hover {
  background-color: rgba(15, 127, 140, 0.1);
  border-color: rgba(15, 127, 140, 0.45);
}

.basket_div {
  background: linear-gradient(180deg, #ffffff, #edf5f8);
  border-color: rgba(15, 127, 140, 0.34);
  box-shadow: 0 10px 24px rgba(21, 56, 76, 0.22);
}

#basketcounttext {
  background: linear-gradient(180deg, var(--primary-color), var(--primary-hover-color));
  color: #ffffff;
}

.up_block {
  background-color: rgba(234, 242, 245, 0.95);
  border-bottom-color: var(--product-item-border-color);
  box-shadow: 0 8px 18px rgba(21, 56, 76, 0.12);
}

.up_menu_div {
  background: linear-gradient(180deg, rgba(248, 252, 253, 0.99), rgba(227, 239, 245, 0.99));
  border-color: var(--product-item-border-color);
  box-shadow: 0 10px 22px rgba(21, 56, 76, 0.11);
}

.up_menu_div > ul li:hover {
  background-color: rgba(15, 127, 140, 0.12);
}

.up_menu_div > ul ul {
  border: 1px solid var(--product-item-border-color);
  box-shadow: 0 14px 24px rgba(15, 41, 57, 0.2);
}

.up_menu_div > ul ul li:first-child > a:after {
  border-bottom-color: #ffffff;
}

.btn-menu {
  border-color: rgba(15, 127, 140, 0.42);
  box-shadow: 0 8px 16px rgba(15, 41, 57, 0.18);
}

.main_central_div,
.main_left_div,
.main_right_div {
  border-color: var(--product-item-border-color);
  box-shadow: var(--product-item-shadow);
}

.main_central_div {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(242, 249, 251, 0.99));
}

.main_left_div,
.main_right_div {
  background-color: rgba(255, 255, 255, 0.88);
}

.catalog_price_line {
  background-color: rgba(255, 255, 255, 0.92);
  border-color: var(--product-item-border-color);
}

.simple_button,
.basket_button,
.CalculatorButton,
.CalculatorDiv * input[type="button"],
.CalculatorDiv * input[type="submit"],
.confirm,
.bascket_confirm_button,
.SelectorTreeDiv button.SelectorApplyButton {
  border-radius: 11px;
  border: 1px solid var(--primary-color);
  color: #ffffff;
  background: linear-gradient(180deg, var(--primary-color), var(--primary-hover-color));
  text-transform: uppercase;
  letter-spacing: 0.03em;
  box-shadow: 0 8px 16px rgba(15, 127, 140, 0.22);
}

.simple_button:hover,
.basket_button:hover,
.CalculatorButton:hover,
.CalculatorDiv * input[type="button"]:hover,
.CalculatorDiv * input[type="submit"]:hover,
.confirm:hover,
.bascket_confirm_button:hover,
.SelectorTreeDiv button.SelectorApplyButton:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 20px rgba(15, 127, 140, 0.28);
}

.SelectorTreeDiv button.SelectorResetButton {
  border-radius: 11px;
  border: 1px solid #a4b8c5;
  background-color: #edf4f7;
  color: var(--text-color);
}

input[type="text"],
input[type="number"],
input[type="email"],
textarea,
select,
.search_string,
.order_form_div > form > input,
.order_form_div > form > textarea,
.CalculatorDiv * textarea,
.CalculatorDiv * input[type="text"],
.CalculatorDiv * input[type="number"] {
  border: 1px solid #9eb4c1;
  border-radius: 10px;
  background-color: #ffffff;
  color: var(--text-color);
}

input:focus,
textarea:focus,
select:focus {
  box-shadow: 0 0 0 3px rgba(15, 127, 140, 0.2);
  border-color: var(--primary-color);
}

.group_product_item,
.homegroupstyle,
.global_circle_block,
.RightSideBlock,
.LeftMenuCategory,
.SelectorTreeDiv,
.SubGroupsDiv,
.article_preview_div,
.info_block,
footer .footer_company_info,
footer .footer_links_div .footer_links_block {
  border: 1px solid var(--product-item-border-color);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(243, 249, 251, 0.97));
  box-shadow: var(--product-item-shadow);
}

.group_product_item:hover,
.homegroupstyle:hover,
.article_preview_div:hover {
  box-shadow: var(--product-item-shadow-hover);
  border-color: rgba(15, 127, 140, 0.38);
}

.group_product_table_td_price4 .price_font,
.price_font,
.costdiv #costspan {
  color: var(--primary-color);
}

.news-block {
  border-bottom: 1px dashed #d3e0e8;
}

.related-articles-block {
  border-top: 2px solid #bfd1db;
}

.related-articles-block__title a {
  color: var(--link-color);
}

.select_form_style {
  color: var(--link-color);
}

.SubGroupsDiv ul li a {
  background-color: rgba(15, 127, 140, 0.08);
  border: 1px solid rgba(15, 127, 140, 0.16);
}

.SubGroupsDiv ul li a:hover {
  color: #ffffff;
  background-color: var(--primary-color);
}

.SelectorTreeDiv .SelectorResetApplyButtonsWrapper {
  background-color: rgba(255, 255, 255, 0.97);
  border: 1px solid var(--product-item-border-color);
  box-shadow: 0 10px 18px rgba(21, 56, 76, 0.14);
}

.SelectorTreeDiv ul > li {
  border-bottom-color: #d7e3ea;
}

.OpenButton,
.CloseButton {
  background-color: #edf4f7;
  border: 1px solid #c5d6df;
}

.SelectorLiWrapperDiv:hover .OpenButton,
.OpenButton:hover,
.SelectorLiWrapperDiv:hover .CloseButton,
.CloseButton:hover {
  background-color: var(--primary-color);
}

.CalculatorContactFormDivLayout {
  background-color: rgba(17, 35, 47, 0.6);
  opacity: 1;
}

.CalculatorContactForm {
  background: linear-gradient(180deg, #f7fbfc, #eaf3f7);
  border: 1px solid var(--product-item-border-color);
  box-shadow: 0 16px 32px rgba(15, 41, 57, 0.34);
  border-radius: 14px;
}

.CalculatorContactFormCloseButton {
  border-color: #91a9b7;
  background-color: #7f95a3;
  color: #f4f9fb;
}

.pagination_current {
  background: linear-gradient(180deg, var(--primary-color), var(--primary-hover-color));
  box-shadow: 0 8px 16px rgba(15, 127, 140, 0.3);
}

.pagination_link a:hover {
  box-shadow: 0 10px 16px rgba(15, 127, 140, 0.2);
}

.main-page--grilyato,
.main-page--kubota {
  color: var(--text-color);
}

.main-page--grilyato section,
.main-page--kubota section {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(239, 248, 251, 0.98));
  border: 1px solid rgba(24, 38, 52, 0.12);
  box-shadow: 0 18px 38px rgba(15, 41, 57, 0.11);
  padding: 28px 28px 30px;
  box-sizing: border-box;
}

.main-page--grilyato .hero,
.main-page--kubota .hero {
  background:
    radial-gradient(circle at top right, rgba(15, 127, 140, 0.2), transparent 35%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(233, 245, 249, 0.98));
}

.main-page--grilyato .hero::before,
.main-page--kubota .hero::before {
  background: linear-gradient(135deg, rgba(24, 38, 52, 0.2), rgba(24, 38, 52, 0));
}

.main-page--grilyato h1,
.main-page--kubota h1,
.main-page--grilyato h2,
.main-page--kubota h2 {
  color: var(--secondary-color);
}

.main-page--grilyato .image-placeholder,
.main-page--kubota .image-placeholder {
  border: 2px dashed rgba(15, 127, 140, 0.4);
  background: linear-gradient(135deg, rgba(15, 127, 140, 0.09), rgba(24, 38, 52, 0.04));
  color: #5d6e7a;
}

.main-page--grilyato .page-signoff,
.main-page--kubota .page-signoff {
  border-left: 4px solid var(--primary-color);
  background: rgba(15, 127, 140, 0.09);
  color: #3f5563;
}

.RightSideBlock,
.LeftMenuCategory,
.SelectorTreeDiv,
.SubGroupsDiv,
.article_preview_div,
.info_block {
  padding: 16px;
  box-sizing: border-box;
}

footer {
  border-top-color: var(--product-item-border-color);
}

@media (max-width: 768px) {
  .services_div {
    gap: 8px;
  }

  .services_div a {
    padding: 6px 8px;
  }

  .basket_div {
    box-shadow: 0 10px 20px rgba(15, 41, 57, 0.24);
  }

  .main_left_div {
    background-color: rgba(255, 255, 255, 0.96);
  }

  .main-page--grilyato section,
  .main-page--kubota section {
    padding: 18px 16px 20px;
  }

  .RightSideBlock,
  .LeftMenuCategory,
  .SelectorTreeDiv,
  .SubGroupsDiv,
  .article_preview_div,
  .info_block {
    padding: 12px;
  }
}