/* ============================================================
   TAXICMS — responsive.css  (redesign 2026)
   ============================================================ */

/* ── 1440px ─────────────────────────────────────────────────── */
@media only screen and (max-width: 1440px) {}

/* ── 1199px ─────────────────────────────────────────────────── */
@media only screen and (max-width: 1199px) {
  html { font-size: 16px; }

  img.logo-main { width: auto; height: 34px; }

  .navbar-expand-lg .navbar-nav .nav-link { padding-right: 10px; }
  .main-nav-item, .nav-item { margin: 0 3px; }

  .order-data-list { padding: 24px 0; }
  .basket-area th, .basket-area td { padding: 16px; }
  .basket-area #totalprice { max-width: 77px; }
  .product-detail-box { padding: 24px; }
  .product-detail-content h4 { margin: 0 0 0; }
  .product-detail-content p.code { margin: 0 0 16px; }
  .product-detail-price { margin: 0 0 16px; line-height: 1; }
  .pro-qty label { margin-right: 8px; }
  .product-detail-cart-btn { min-width: 100%; }
  .product-area .group-product-image, .group-product-image { height: 360px; }

  footer { padding: 40px 0; }
  footer .footer-logo img { width: 240px; }
  .footer-logo { padding-bottom: 16px; }
  footer h4 { margin-bottom: 0.4rem; }
  footer li { padding: 0; }

  .system-area4 h3 { padding: 32px 0; }
  .system-area4 img { max-height: 340px; }
  .system-area4 .carousel-button { width: 280px; }
  .product-button { width: 200px; }

  /* hide decorative background images on smaller screens */
  .product-categories-area,
  .news-area, .system-area2, .system-area4,
  .news-details-area, .contact-form,
  .contact-form1, .contact-form2, .newsletter-area {
    background-image: none;
  }
  #mc-embedded-subscribe { height: 56px; }
}

/* ── 991px ──────────────────────────────────────────────────── */
@media only screen and (max-width: 991px) {
  html { font-size: 16px; }

  .main-nav-item, .nav-item { margin: 0; }
  .sb-search { padding: 0 12px 0 0; }

  .main-nav-link, .navbar-nav .nav-link { padding: 12px 18px 12px 0; }

  /* Mobile dropdown — slide open */
  .dropdown-menu {
    padding: 0; margin-top: 0;
    border: 0; border-radius: 0;
    display: block;
    max-height: 0; visibility: hidden;
    transition: max-height .35s ease, visibility .35s;
    overflow: hidden;
    box-shadow: none;
    position: static;
    opacity: 1;
  }
  .dropdown-menu::before { display: none; }
  .show.dropdown-menu { max-height: 600px; visibility: visible; }

  .carousel-caption { right: 50%; }
  .carousel-caption h5 { font-size: 2rem; line-height: 2.6rem; }
  .layout { width: 50%; }

  .product-button { width: 140px; }
  .basket-area th, .basket-area td { padding: 12px; }
  .basket-area td.product-thumbnail { padding: 5px; }
  .basket-area #totalprice { max-width: 70px; }
  .pro-qty { display: flex; justify-content: center; }
  .pro-qty button { top: -2px; }
  .product-detail-content h2.product-detail-title { font-size: 2.25rem; margin: 0 0 16px; }
  .product-detail-price { margin: 16px 0; }
  .product-description { margin-bottom: 0; }

  /* Nav ordering for tablet */
  .navbar-brand { order: 1; }
  .header-navigation { order: 3; }
  .col-auto { order: 2; }

  .product-area .group-product-image, .group-product-image { height: 280px; }

  .system-area4 h3 { padding: 0 0 64px; }
  .system-area4 img { max-height: 300px; }

  .about-home-image, .about-image { height: 360px; margin-bottom: 32px; }
  .product-box { padding: 24px 14px; }

  #mc-embedded-subscribe { width: 400px; }
  .contact-form-wrapper { padding: 36px; }
  .myimagethumb { height: 25%; }
}

/* ── 767px ──────────────────────────────────────────────────── */
@media only screen and (max-width: 767px) {
  html { font-size: 16px; }

  .header-action { justify-content: center; }
  .navbar .col-auto { width: 100%; }

  /* Carousel full-width on mobile */
  .carousel-caption { right: 0; }
  .carousel-caption h5 { line-height: 1.2; }
  .layout { width: 100%; }

  .footer-main .row .col-sm-12 { justify-content: center !important; }
  .footer-bottom { justify-content: center !important; text-align: center; flex-direction: column; gap: 12px; }
  .social a { margin-left: 0; margin-right: 16px; }
  .social { margin-top: 12px; }

  .navbar-brand { width: auto; }

  .row-edit .col-md-3 { width: 98%; }

  /* News grid fix */
  .news-area-edit .col-sm-6 { width: auto; }

  /* About section */
  .white_orange { margin-bottom: 8px; }

  /* Basket responsive table */
  .basket-area { padding: 72px 0; }
  .basket-area table { border: 0; }
  .basket-area table thead {
    border: none; clip: rect(0 0 0 0);
    height: 1px; margin: -1px; overflow: hidden;
    padding: 0; position: absolute; width: 1px;
  }
  .basket-area table tr { display: block; margin-bottom: 16px; }
  .basket-area table td {
    display: block; position: relative;
    padding-left: 110px;
    border-top: 0;
    border-left: 1px solid var(--gray-100);
    border-right: 1px solid var(--gray-100);
    border-bottom: 1px solid var(--gray-100);
    min-height: 50px; padding-top: 10px; padding-bottom: 10px;
  }
  .basket-area table td.product-remove {
    display: table-cell; min-width: 90px;
    padding-left: 14px;
    border-top: 1px solid var(--gray-100);
  }
  .basket-area table td.product-thumbnail {
    display: table-cell; width: 100%;
    padding-left: 14px;
    border-top: 1px solid var(--gray-100);
  }
  .basket-area td.product-name,
  .basket-area td.product-price,
  .basket-area td.product-quantity,
  .basket-area td.product-subtotal,
  .basket-area input.quantity,
  .basket-area #totalprice { font-size: 1rem; }
  .basket-area .product-quantity button { font-size: 0.8rem; top: -2px; }
  .basket-area td.product-thumbnail img { max-width: 140px; }
  .basket-area table td::before {
    content: attr(data-label);
    min-width: 80px; position: absolute;
    top: 0; left: 18px; height: 50px;
    border-right: 1px solid var(--gray-100);
    display: flex; align-items: center; justify-content: flex-end;
    padding-right: 12px; font-size: 0.78rem;
    color: var(--gray-700); font-weight: 600;
  }
  .basket-area table td.product-remove::before,
  .basket-area table td.product-thumbnail::before,
  .basket-area table td.price-description::before { content: none; }
  .basket-area table tr.price-total-wrap { display: flex; flex-direction: column; border-top: 1px solid var(--gray-100); }
  .basket-area table td.price-blank { display: none; }
  .basket-area table td.price-description { padding-left: 14px; border-top: 1px solid var(--gray-100); order: 2; }
  .basket-area table td.total-amount { order: 1; max-width: 100%; border-left: 1px solid var(--gray-100); border-right: 1px solid var(--gray-100); font-size: 1rem; }
  .basket-area #totalprice { max-width: 100px; }

  .product-area .group-product-image, .group-product-image { height: 256px; }
  .system-area4 h3 { padding: 0; position: relative; top: -360px; }
  .catalogue { margin-bottom: 140px; }
  .catalogue-item { text-align: center; }
  .web-rows { margin-top: -40px; }

  .sub-menu { padding: 24px 0 0; }
  .sub-menu ul { display: flex; justify-content: space-between; }
  .sub-menu li { min-width: auto; margin-right: 0; padding: 0.25rem 1rem; }

  .about-area, .system-area2, .about-area3 { padding: 56px 0 0; }
  section.about { margin-top: 0; }
  .about-home-image, .about-image { height: 280px; background-size: cover; }

  .product-button { width: 400px; }
  .product-box { padding: 24px; }
  .contact-form-wrapper { padding: 20px; }
  .path { position: static; }
  div.path-products { top: 16px; position: relative; }
  .product-detail-area { padding-top: 40px; padding-bottom: 40px; }
  .conected-products-box { margin-top: 40px; }

  .product-detail-content h2.product-detail-title,
  .product-detail-price { font-size: 1.75rem; }
  .product-detail-content h4, .product-detail-content p.code { font-size: 0.95rem; }
  .product-detail-box { padding: 24px 0; }

  .about-content h2, .gp-title h2,
  .group-product-image h2,
  .product-detail-content h2.product-detail-title,
  .basket-area h2, .about-area2 h2,
  .system-area2 h2, .system-area3 h2,
  .system-area5 h2, .cf-title h2 { font-size: 1.75rem; line-height: 1.15; }
}

/* ── 600px ──────────────────────────────────────────────────── */
@media only screen and (max-width: 600px) {
  .carousel-inner { overflow: visible; }
  .layout { display: none; }
  .carousel-item { background: var(--navy); }
  .carousel-wrap { position: relative; top: 0; height: auto; left: 0; right: 0; }
  .carousel-caption {
    position: relative; padding: 40px 0;
    right: 0; left: 0; height: auto;
    flex-direction: column; justify-content: flex-start;
  }
  .carousel-caption h5 { font-size: 1.75rem; line-height: 1.2; margin-bottom: 16px; }
  .carousel-caption p  { font-size: 1rem; line-height: 1.3; margin-bottom: 24px; }
  .carousel-button { width: 100%; min-width: unset; }
  .product-button  { width: 100%; position: relative; bottom: auto; left: auto; right: auto; }
}

/* ── 575px ──────────────────────────────────────────────────── */
@media only screen and (max-width: 575px) {
  html { font-size: 16px; }
  section.about { margin-top: 0; }
  #mc-embedded-subscribe { display: block; margin: 0 auto; }
  .contact-info-header1 { width: 100%; }
  .contact-container { margin-bottom: 40px; padding-left: 20px; margin-left: 16px; }
  .contact-form { padding: 32px 16px; }
  .contact-form-wrapper .ps-10 { padding-left: 14px !important; }
  .contact-info-header { margin: 0 -8px; }
  .footer-logo img { width: 100%; }
}

/* ── 480px ──────────────────────────────────────────────────── */
@media only screen and (max-width: 480px) {
  #search form { display: block; }
  #search input.search-submit { width: 100%; border-radius: 0 0 var(--radius-sm) var(--radius-sm); }
  #mc-embedded-subscribe { width: 200px; }
}

/* ── MIN-WIDTH: 768px ────────────────────────────────────────── */
@media only screen and (min-width: 768px) {
  .product-detail-cart { margin-left: 50%; }
  .collapse.dont-collapse-sm { display: block; height: auto !important; visibility: visible; }
  .category-box .accordion-button::after { background-image: none; }
  .category-box .accordion-button { cursor: default; }
}

/* ── MIN-WIDTH: 992px ────────────────────────────────────────── */
@media only screen and (min-width: 992px) {
  .header-wrapper { height: 64px; }

  /* Desktop dropdown */
  .dropdown-menu {
    display: block; border: 1px solid var(--gray-100);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-md);
  }
  .submenu-nav, .dropdown-menu {
    background: var(--white);
    left: 0; opacity: 0;
    margin-top: 8px; min-width: 200px;
    padding: 6px 0; position: absolute;
    pointer-events: none; top: 100%;
    visibility: hidden; width: 200px;
    z-index: 9999;
    transition: opacity .2s ease-out, visibility .2s ease-out, margin-top .2s ease-out;
  }
}

/* ── MIN-WIDTH: 1200px ───────────────────────────────────────── */
@media only screen and (min-width: 1200px) {
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 14px;
    padding-left: 0;
  }
  .navbar-expand-lg .navbar-collapse { justify-content: center; }
  .product-categories-area .col-md-6 { width: 100%; }
}