/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
/* ======================================================
   TERTIO MAYORISTA – GLOBAL CLEAN CSS
   Theme: Warehouse + IQIT
   Scope: Header · Navigation · Fonts · Newsletter
   File: assets/css/custom.css
====================================================== */


/* --------------------------------------------------
   1. GLOBAL FONT (ANTI BLUR)
-------------------------------------------------- */

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI",
               Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #111;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* --------------------------------------------------
   2. HEADER – UNBOXED (90% WIDTH)
-------------------------------------------------- */

@media (min-width: 992px) {

  #header .desktop-header-style-1 .container,
  #header .desktop-header-style-2 .container,
  #header .iqitmegamenu-container {
    max-width: none !important;
    width: 90% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

}


/* --------------------------------------------------
   3. TOP BAR（红条）清晰字体
-------------------------------------------------- */

#header .header-nav {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.04em;
  -webkit-font-smoothing: antialiased;
}

@media (max-width: 767px) {
  #header .header-nav {
    font-size: 11.5px;
  }
}


/* --------------------------------------------------
   4. LOGO SIZE
-------------------------------------------------- */

.logo.img-fluid {
  width: 120px;
  height: auto;
}

@media (min-width: 1200px) {
  .logo.img-fluid {
    width: 135px;
  }
}


/* --------------------------------------------------
   5. SEARCH BAR (CLEAN)
-------------------------------------------------- */

header .search-widget input.form-control {
  height: 44px;
  border-radius: 999px;
  font-size: 13px;
  background: #f2f2f2;
  border: 1px solid #e0e0e0;
}

header .search-widget input.form-control:focus {
  background: #ffffff;
  border-color: #000;
  box-shadow: none;
}


/* --------------------------------------------------
   6. MAIN NAVIGATION – IQIT (B2B)
-------------------------------------------------- */

@media (min-width: 992px) {

  #iqitmegamenu-horizontal {
    background: #000;
    min-height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  #iqitmegamenu-horizontal > ul {
    display: flex;
    gap: 36px;
    align-items: center;
  }

  #iqitmegamenu-horizontal > ul > li > a {
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #ffffff;
    line-height: 64px;
    position: relative;
  }

  #iqitmegamenu-horizontal > ul > li > a::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 14px;
    width: 0;
    height: 3px;
    background: #e60023;
    transform: translateX(-50%);
    transition: width .25s ease;
  }

  #iqitmegamenu-horizontal > ul > li:hover > a::after,
  #iqitmegamenu-horizontal > ul > li.current > a::after {
    width: 26px;
  }

}


/* --------------------------------------------------
   7. HEADER ICONS (CART / USER)
-------------------------------------------------- */

header a.header-cart-btn,
header a.header-cart-btn i,
header .header-user-btn,
header .header-user-btn i {
  color: #ffffff !important;
}

header .header-cart-btn .cart-products-count {
  background: #e60023;
  color: #ffffff;
  font-weight: 700;
  font-size: 11px;
  min-width: 18px;
  height: 18px;
  border-radius: 999px;
}


/* --------------------------------------------------
   8. NEWSLETTER – CLEAN & CENTERED
-------------------------------------------------- */

.ps-email-subscription-block {
  background: #000;
  padding: 50px 20px;
  text-align: center;
}

.ps-email-subscription-block > h5 {
  font-size: 24px;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 16px;
}

.ps-email-subscription-block .subscription-form {
  max-width: 520px;
  margin: 0 auto;
}

.ps-email-subscription-block .input-subscription {
  height: 48px;
  border-radius: 999px;
  padding: 0 120px 0 20px;
  border: none;
  font-size: 14px;
}

.ps-email-subscription-block .input-subscription::placeholder {
  color: #999;
}

.ps-email-subscription-block .btn-subscribe {
  position: absolute;
  right: 6px;
  top: 6px;
  height: 36px;
  padding: 0 24px;
  border-radius: 999px;
  background: #e60023;
  color: #ffffff;
  font-weight: 700;
  border: none;
}

.ps-email-subscription-block .btn-subscribe:hover {
  background: #cc001f;
}

.ps-email-subscription-block .ps-email-subscription-conditions {
  margin-top: 14px;
  font-size: 12.5px;
  color: #bbbbbb;
}


/* --------------------------------------------------
   9. REMOVE BLUE FOCUS
-------------------------------------------------- */

input:focus,
select:focus,
textarea:focus,
button:focus {
  outline: none !important;
  box-shadow: none !important;
}
/* ======================================================
   CART PAGE – CLEAN B2B LAYOUT
   Scope: body#cart only
====================================================== */

@media (min-width: 992px) {

  /* 主容器居中、拉宽 */
  body#cart #main .cart-grid {
    max-width: 1320px;
    margin: 0 auto;
  }

  /* 商品行恢复横向 */
  body#cart .cart-item,
  body#cart .product-line-grid {
    display: flex !important;
    align-items: center;
    flex-wrap: nowrap !important;
    gap: 16px;
  }

  /* 商品图片 */
  body#cart .cart-item img {
    max-width: 80px;
    height: auto;
    object-fit: contain;
  }

  /* 商品信息 */
  body#cart .product-line-info {
    flex: 1;
    min-width: 0;
  }

  /* 数量 */
  body#cart .product-line-actions {
    display: flex;
    align-items: center;
    gap: 12px;
    white-space: nowrap;
  }

  /* 右侧 summary 不要太窄 */
  body#cart .cart-summary {
    max-width: 360px;
  }

}
/* ======================================================
   CHECKOUT – UNBOX / FULL WIDTH (desktop first)
   Scope: body#checkout only
====================================================== */

@media (min-width: 992px){

  /* 1) 解除所有外层 container 的 max-width */
  body#checkout #wrapper .container,
  body#checkout #inner-wrapper .container,
  body#checkout #content-wrapper .container,
  body#checkout #main .container,
  body#checkout main .container,
  body#checkout #wrapper .container-fluid,
  body#checkout #inner-wrapper,
  body#checkout #wrapper{
    max-width: none !important;
    width: 98% !important;         /* ✅ 你要更满：改成 100% */
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* 2) 有些主题在 content wrapper 还会再锁一次 */
  body#checkout #content-wrapper,
  body#checkout #main{
    max-width: none !important;
    width: 98% !important;
  }

  /* 3) 防止 row/gutter 造成两侧假空白 */
  body#checkout .row{
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body#checkout .row > [class*="col-"]{
    padding-left: 18px !important;
    padding-right: 18px !important;
    min-width: 0 !important;
  }

  /* 4) OnePageCheckout 外层（你的站就是它） */
  body#checkout #onepagecheckout-order-detail,
  body#checkout #ets_onepagecheckout,
  body#checkout form#form_ets_onepagecheckout,
  body#checkout .onepagecheckout{
    max-width: none !important;
    width: 100% !important;
  }
}
/* =========================================
   HEADER SEARCH – WIDER (SAFE VERSION)
   Only widen search bar, no layout break
========================================= */
@media (min-width: 992px){

  /* 搜索区域本身 */
  #header .search-widget,
  #header .header-search {
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
  }

  /* 搜索表单宽度（核心） */
  #header .search-widget form,
  #header .header-search form {
    width: 100%;
    max-width: 1200px;   /* 🔥 搜索栏变长的关键 */
  }

  /* 搜索输入框 */
  #header .search-widget input[type="text"],
  #header .search-widget input.form-control,
  #header .header-search input {
    width: 100%;
    height: 44px;
    border-radius: 999px;
  }

}
/* ==================================================
   PRODUCT CARD – B2B OPTIMIZED (SAFE)
   Scope: product listing / home / sliders
================================================== */
@media (min-width: 768px){

  /* 整个卡片 */
  .product-miniature,
  .products-grid .product-miniature {
    background: #ffffff;
    border-radius: 18px;
    padding: 16px 16px 18px;
    box-shadow: 0 8px 24px rgba(0,0,0,.06);
    transition: transform .18s ease, box-shadow .18s ease;
    display: flex;
    flex-direction: column;
    height: 100%;
  }

  /* Hover：轻商务感 */
  .product-miniature:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 36px rgba(0,0,0,.10);
  }

  /* 图片区域 */
  .product-miniature .thumbnail-container {
    background: #fafafa;
    border-radius: 14px;
    padding: 12px;
    margin-bottom: 10px;
  }

  .product-miniature img {
    max-height: 180px;
    object-fit: contain;
  }

  /* 标题（统一高度，防跳） */
  .product-miniature .product-title {
    min-height: 44px;
    margin-bottom: 6px;
  }

  .product-miniature .product-title a {
    font-size: 13.5px;
    font-weight: 600;
    line-height: 1.35;
    color: #111;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  /* 价格：B2B 核心 */
  .product-miniature .price {
    font-size: 20px;
    font-weight: 800;
    color: #e60023;
    margin: 4px 0 10px;
  }

  /* 原价 / 折扣 */
  .product-miniature .regular-price {
    font-size: 13px;
    color: #999;
  }

  /* 底部操作区 */
  .product-miniature .product-actions {
    margin-top: auto;
    display: flex;
    align-items: center;
    gap: 8px;
  }

  /* 数量框 */
  .product-miniature .qty,
  .product-miniature input.qty {
    width: 64px;
    height: 36px;
    border-radius: 10px;
    border: 1px solid #ddd;
    font-weight: 600;
    text-align: center;
  }

  /* Comprar 按钮 */
  .product-miniature .add-to-cart,
  .product-miniature .btn.add-to-cart {
    flex: 1;
    height: 36px;
    border-radius: 12px;
    background: #000;
    color: #fff;
    font-weight: 700;
    font-size: 13px;
    border: none;
  }

  .product-miniature .add-to-cart:hover {
    background: #111;
  }

}

/* Mobile 微调（不激进） */
@media (max-width: 767px){

  .product-miniature {
    padding: 14px;
    border-radius: 14px;
  }

  .product-miniature .price {
    font-size: 18px;
  }

}
/* ==================================================
   HOMEPAGE – MODULE VISUAL UNIFICATION (B2B)
   SAFE VERSION – Home Only
================================================== */

/* 1️⃣ 首页背景 */
body#index {
  background: #f5f5f5;
}

/* ==================================================
   2️⃣ 首页模块节奏（⚠️ 不直接作用 section）
================================================== */

/* 仅作用“内容模块”，避开 header / slider */
body#index .home-section,
body#index .iqit-home-section,
body#index .featured-products,
body#index .new-products,
body#index .special-products,
body#index .category-products {
  margin: 0;
  padding: 60px 0;
}

/* ==================================================
   3️⃣ 首页内容宽度（只控制内容，不碰 slider 容器）
================================================== */

body#index .home-section > .container,
body#index .iqit-home-section > .container {
  max-width: 1320px;
}

/* ==================================================
   4️⃣ 模块标题统一（Novedades / Ofertas / etc）
================================================== */

body#index .home-section h2,
body#index .home-section .section-title,
body#index .iqit-home-section .section-title {
  font-size: 28px;
  font-weight: 800;
  text-align: center;
  margin-bottom: 36px;
  color: #111;
  letter-spacing: .02em;
}

/* 标题下方红线 */
body#index .home-section h2::after,
body#index .home-section .section-title::after {
  content: "";
  display: block;
  width: 46px;
  height: 3px;
  background: #e60023;
  margin: 14px auto 0;
  border-radius: 3px;
}

/* ==================================================
   5️⃣ 产品卡片区域（⚠️ 不碰 swiper-wrapper）
================================================== */

/* Grid 情况 */
body#index .products-grid {
  justify-content: center;
}

/* Swiper 情况：只修外框，不动 wrapper */
body#index .swiper {
  padding-left: 12px;
  padding-right: 12px;
}

/* ==================================================
   6️⃣ Swiper 箭头统一（安全）
================================================== */

body#index .swiper-button-next,
body#index .swiper-button-prev {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #000;
  color: #fff;
  box-shadow: 0 6px 18px rgba(0,0,0,.15);
}

body#index .swiper-button-next::after,
body#index .swiper-button-prev::after {
  font-size: 14px;
}

body#index .swiper-button-next:hover,
body#index .swiper-button-prev:hover {
  background: #111;
}

/* ==================================================
   7️⃣ “Ver más” / CTA 按钮统一（B2B）
================================================== */

body#index .home-section .btn,
body#index .iqit-home-section .btn {
  border-radius: 999px;
  padding: 10px 26px;
  font-weight: 700;
  font-size: 13.5px;
}

body#index .btn-primary {
  background: #000;
  border-color: #000;
}

body#index .btn-primary:hover {
  background: #111;
}

/* ==================================================
   8️⃣ Mobile 微调
================================================== */

@media (max-width: 767px) {

  body#index .home-section,
  body#index .iqit-home-section {
    padding: 40px 0;
  }

  body#index .home-section h2 {
    font-size: 22px;
    margin-bottom: 26px;
  }

}
/* ==================================================
   HEADER – B2B SEARCH FOCUSED (DESKTOP ONLY)
================================================== */

@media (min-width: 992px){

  /* Header 主容器 */
  #header,
  .header-wrapper {
    background: #000;
    padding: 14px 0;
  }

  /* Header 内部布局 */
  .header-row {
    display: flex;
    align-items: center;
    gap: 24px;
  }

  /* =====================
     LOGO
  ===================== */
  .header-logo img {
    max-height: 42px;   /* 不小，但专业 */
    width: auto;
  }

  /* =====================
     搜索栏（重点）
  ===================== */
  .header-search {
    flex: 1;
    display: flex;
    justify-content: center;
  }

  .header-search form {
    width: 100%;
    max-width: 680px;  /* 搜索栏放宽 */
  }

  .header-search input[type="search"] {
    height: 44px;
    border-radius: 999px;
    padding: 0 20px;
    font-size: 14px;
  }

  .header-search button {
    border-radius: 999px;
  }

  /* =====================
     右侧：账号 / carrito
  ===================== */
  .header-actions {
    display: flex;
    align-items: center;
    gap: 18px;
    font-size: 13px;
  }

}
/* ==================================================
   FOOTER – B2B CLEAN OPTIMIZATION
================================================== */

/* ===== 1️⃣ 顶部服务承诺条（压缩高度） ===== */
#footer .footer-top {
  padding: 26px 0;
}

#footer .footer-top .block {
  text-align: center;
}

#footer .footer-top i {
  font-size: 20px;
  margin-bottom: 6px;
}

#footer .footer-top h4 {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 2px;
}

#footer .footer-top p {
  font-size: 12px;
  opacity: .8;
  margin: 0;
}

/* ===== 2️⃣ Newsletter（居中 + 紧凑） ===== */
.ps-email-subscription-block {
  padding: 30px 20px 36px;
  background: #000;
  text-align: center;
}

.ps-email-subscription-block h5 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 14px;
}

.ps-email-subscription-block .subscription-form {
  max-width: 420px;
  margin: 0 auto;
}

.ps-email-subscription-block .ps-email-subscription-conditions {
  font-size: 11.5px;
  opacity: .75;
  margin-top: 10px;
}

/* 社媒图标靠右（像 B2B 官网） */
.footer-social {
  margin-top: 18px;
  display: flex;
  justify-content: center;
  gap: 16px;
}

.footer-social a {
  opacity: .85;
}

.footer-social a:hover {
  opacity: 1;
}

/* ===== 3️⃣ 白区：公司信息区（专业化） ===== */
#footer .footer-middle {
  background: #fff;
  padding: 46px 0 40px;
}

#footer .footer-middle h4 {
  font-size: 14.5px;
  font-weight: 800;
  margin-bottom: 14px;
}

#footer .footer-middle ul li {
  margin-bottom: 6px;
}

#footer .footer-middle a {
  font-size: 13px;
  color: #111;
}

#footer .footer-middle a:hover {
  text-decoration: underline;
}

/* 联系信息强化（像公司官网） */
.footer-contact {
  font-size: 13px;
  line-height: 1.6;
}

.footer-contact img {
  max-width: 110px;
  margin-bottom: 12px;
}

/* ===== 4️⃣ 最底部法律 + 支付 ===== */
#footer .footer-bottom {
  border-top: 1px solid #eee;
  padding: 14px 0;
  font-size: 12px;
}

#footer .payment-icons img {
  height: 22px;
  margin-left: 6px;
}
/* ==================================================
   FOOTER – B2B CLEAN OPTIMIZATION
================================================== */

/* ===== 1️⃣ 顶部服务承诺条（压缩高度） ===== */
#footer .footer-top {
  padding: 26px 0;
}

#footer .footer-top .block {
  text-align: center;
}

#footer .footer-top i {
  font-size: 20px;
  margin-bottom: 6px;
}

#footer .footer-top h4 {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 2px;
}

#footer .footer-top p {
  font-size: 12px;
  opacity: .8;
  margin: 0;
}

/* ===== 2️⃣ Newsletter（居中 + 紧凑） ===== */
.ps-email-subscription-block {
  padding: 30px 20px 36px;
  background: #000;
  text-align: center;
}

.ps-email-subscription-block h5 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 14px;
}

.ps-email-subscription-block .subscription-form {
  max-width: 420px;
  margin: 0 auto;
}

.ps-email-subscription-block .ps-email-subscription-conditions {
  font-size: 11.5px;
  opacity: .75;
  margin-top: 10px;
}

/* 社媒图标靠右（像 B2B 官网） */
.footer-social {
  margin-top: 18px;
  display: flex;
  justify-content: center;
  gap: 16px;
}

.footer-social a {
  opacity: .85;
}

.footer-social a:hover {
  opacity: 1;
}

/* ===== 3️⃣ 白区：公司信息区（专业化） ===== */
#footer .footer-middle {
  background: #fff;
  padding: 46px 0 40px;
}

#footer .footer-middle h4 {
  font-size: 14.5px;
  font-weight: 800;
  margin-bottom: 14px;
}

#footer .footer-middle ul li {
  margin-bottom: 6px;
}

#footer .footer-middle a {
  font-size: 13px;
  color: #111;
}

#footer .footer-middle a:hover {
  text-decoration: underline;
}

/* 联系信息强化（像公司官网） */
.footer-contact {
  font-size: 13px;
  line-height: 1.6;
}

.footer-contact img {
  max-width: 110px;
  margin-bottom: 12px;
}

/* ===== 4️⃣ 最底部法律 + 支付 ===== */
#footer .footer-bottom {
  border-top: 1px solid #eee;
  padding: 14px 0;
  font-size: 12px;
}

#footer .payment-icons img {
  height: 22px;
  margin-left: 6px;
}