/* =========================
   QUICKSAND FONT – TELJES SHOPRENTER
   ========================= */

@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&display=swap');

html, body {
  font-family: 'Quicksand', sans-serif !important;
}

body, p, span, div, a, li, ul, ol, label {
  font-family: 'Quicksand', sans-serif !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Quicksand', sans-serif !important;
}

button, .btn, input, select, textarea {
  font-family: 'Quicksand', sans-serif !important;
}

.product-title,
.product-name,
.product-price,
.price {
  font-family: 'Quicksand', sans-serif !important;
}

nav, .navbar, .menu, .navigation {
  font-family: 'Quicksand', sans-serif !important;
}

/* IKON FONTOK VÉDELME */
i,
.fa,
.fas,
.far,
.fab,
[class^="icon-"],
[class*=" icon-"] {
  font-family: inherit !important;
}


/* =====================================================
   ÁLTALÁNOS SZÖVEGKÖZ / TÁVKÖZ SZŰKÍTÉS
   ===================================================== */

.product-description p,
.product-description li,
.product-description ul,
.product-description ol,
.product-tabs p,
.product-tabs li,
.product-tabs ul,
.product-tabs ol,
.tab-content p,
.tab-content li,
.tab-content ul,
.tab-content ol,
.product-data p,
.product-data li,
.product-data ul,
.product-data ol,
.product-params p,
.product-params li,
.product-params ul,
.product-params ol,
.product-parameters p,
.product-parameters li,
.product-parameters ul,
.product-parameters ol,
.product-properties p,
.product-properties li,
.product-properties ul,
.product-properties ol,
.product-info p,
.product-info li,
.product-info ul,
.product-info ol {
  margin-top: 0.35em !important;
  margin-bottom: 0.35em !important;
}

.product-description ul,
.product-description ol,
.product-tabs ul,
.product-tabs ol,
.tab-content ul,
.tab-content ol,
.product-data ul,
.product-data ol,
.product-params ul,
.product-params ol,
.product-parameters ul,
.product-parameters ol,
.product-properties ul,
.product-properties ol,
.product-info ul,
.product-info ol {
  padding-left: 1.2em !important;
}

.product-description h1,
.product-description h2,
.product-description h3,
.product-description h4,
.product-tabs h1,
.product-tabs h2,
.product-tabs h3,
.product-tabs h4,
.tab-content h1,
.tab-content h2,
.tab-content h3,
.tab-content h4 {
  margin-top: 0.7em !important;
  margin-bottom: 0.4em !important;
  line-height: 1.25 !important;
}


/* =====================================================
   FELSŐ RÖVID TERMÉK INFÓ BLOKK – UGYANAKKORA, MINT A LEÍRÁS
   ===================================================== */

.product-data,
.product-params,
.product-parameters,
.product-properties,
.product-info {
  font-size: 16px !important;
  line-height: 1.45 !important;
}

/* Listák külön */
.product-data li,
.product-params li,
.product-parameters li,
.product-properties li,
.product-info li {
  font-size: 16px !important;
  line-height: 1.45 !important;
}


/* =====================================================
   LENTI "LEÍRÁS" / TABOK – SZŰKEBB SPACING
   ===================================================== */

.product-description,
.product-description p,
.product-description li,
.product-description span,
.product-description div,
.product-tabs,
.product-tabs p,
.product-tabs li,
.tab-content,
.tab-content p,
.tab-content li {
  font-size: 16px !important;
  line-height: 1.45 !important;
}

/* Leírás címsorok – arányos */
.product-description h1,
.product-tabs h1,
.tab-content h1 { font-size: 22px !important; }

.product-description h2,
.product-tabs h2,
.tab-content h2 { font-size: 20px !important; }

.product-description h3,
.product-tabs h3,
.tab-content h3 { font-size: 18px !important; }

.product-description h4,
.product-tabs h4,
.tab-content h4 { font-size: 17px !important; }


/* =====================================================
   MINI MENÜ SPACING FIX
   ===================================================== */

.bj-mini-nav {
  margin-bottom: 0 !important;
}

.module-html {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.module-html + .module {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.bj-mini-nav + div {
  margin-top: 0 !important;
  padding-top: 0 !important;
}


/* =====================================================
   MOBIL FINOMHANGOLÁS
   ===================================================== */

@media (max-width: 768px) {

  .product-data,
  .product-params,
  .product-parameters,
  .product-properties,
  .product-info,
  .product-data li,
  .product-params li,
  .product-parameters li,
  .product-properties li,
  .product-info li {
    font-size: 17px !important;
    line-height: 1.45 !important;
  }

  .product-description,
  .product-tabs,
  .tab-content,
  .product-description p,
  .product-tabs p,
  .tab-content p,
  .product-description li,
  .product-tabs li,
  .tab-content li {
    font-size: 17px !important;
    line-height: 1.45 !important;
  }

  .product-description h1,
  .product-description h2,
  .product-description h3,
  .product-description h4,
  .product-tabs h1,
  .product-tabs h2,
  .product-tabs h3,
  .product-tabs h4,
  .tab-content h1,
  .tab-content h2,
  .tab-content h3,
  .tab-content h4 {
    margin-top: 0.6em !important;
    margin-bottom: 0.35em !important;
  }
}


/* =====================================================
   WELCOME KUPON BLOKK – EXTRA SPACING FIX
   ===================================================== */

.bj-welcome{
  margin-top:0 !important;
  margin-bottom:0 !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
}

.bj-welcome__inner{
  margin:0 auto !important;
  padding:0 !important;
}

.bj-welcome__card{
  margin:0 !important;
}

.bj-welcome__title{
  margin:0 !important;
  padding:0 !important;
  line-height:1.1 !important;
}