/*
Theme Name: 4x4project
Theme URI: https://4x4class.com/
Author: Alireza Nikkhah
Author URI: https://Alinik.ir/
Version: 1.0.0
*/

@font-face {
	font-family: dana;
	font-style: normal;
	font-weight: 10;
	src: url('fonts/Dana-Hairline.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../woff/Dana-Hairline.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
	font-family: dana;
	font-style: normal;
	font-weight: 100;
	src: url('fonts/Dana-Thin.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../woff/Dana-Thin.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
	font-family: dana;
	font-style: normal;
	font-weight: 200;
	src: url('fonts/Dana-UltraLight.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../woff/Dana-UltraLight.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
	font-family: dana;
	font-style: normal;
	font-weight: 300;
	src: url('fonts/Dana-Light.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../woff/Dana-Light.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
	font-family: dana;
	font-style: normal;
	font-weight: 500;
	src: url('fonts/Dana-Medium.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../woff/Dana-Medium.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
	font-family: dana;
	font-style: normal;
	font-weight: 600;
	src: url('fonts/Dana-DemiBold.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../woff/Dana-DemiBold.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
	font-family: dana;
	font-style: normal;
	font-weight: 800;
	src: url('fonts/Dana-ExtraBold.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../woff/Dana-ExtraBold.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
	font-family: dana;
	font-style: normal;
	font-weight: 900;
	src: url('fonts/Dana-Black.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../woff/Dana-Black.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
	font-family: dana;
	font-style: normal;
	font-weight: 930;
	src: url('fonts/Dana-ExtraBlack.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../woff/Dana-ExtraBlack.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
	font-family: dana;
	font-style: normal;
	font-weight: 960;
	src: url('fonts/Dana-Heavy.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../woff/Dana-Heavy.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
	font-family: dana;
	font-style: normal;
	font-weight: 990;
	src: url('fonts/Dana-Fat.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../woff/Dana-Fat.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
	font-family: dana;
	font-style: normal;
	font-weight: bold;
	src: url('fonts/Dana-Bold.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../woff/Dana-Bold.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
	font-family: dana;
	font-style: normal;
	font-weight: normal;
	src: url('fonts/Dana-Regular.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../woff/Dana-Regular.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}


    :root {
      --orange: #d83121;
      --orange-dark: #76150f;
      --dark: #171717;
      --dark-2: #232323;
      --gray: #f4f5f7;
      --gray-2: #e9eaee;
      --text: #2a2a2a;
      --muted: #7a7a7a;
      --white: #ffffff;
      --green: #24c06f;
      --red: #ff3d57;
      --blue: #3a86ff;
      --radius-xl: 28px;
      --radius-lg: 22px;
      --radius-md: 16px;
      --shadow-soft: 0 2px 6px rgba(0,0,0,.08);
      --shadow-orange: 0 15px 30px rgba(216,49,33,.28);
    }

    * {
      box-sizing: border-box;
    }

    body {
	font-family: dana !important;
      background:
        radial-gradient(circle at top right, rgba(216,49,33,.10), transparent 30%),
        radial-gradient(circle at top left, rgba(0,0,0,.06), transparent 25%),
        #f7f7f8;
      color: var(--text);
      padding-bottom: 88px;
      overflow-x: hidden;
    }
h1,h2,h3,h4,h5,h6{	font-family: dana !important;}
    a {
      text-decoration: none;
    }

    img {
      max-width: 100%;
      display: block;
    }

    .text-orange {
      color: var(--orange);
    }

    .bg-orange {
      background: var(--orange);
    }

    .btn-orange {
      background: linear-gradient(135deg, var(--orange), #f43f2e);
      color: #fff;
      border: none;
      box-shadow: var(--shadow-orange);
      border-radius: 16px;
      padding: 12px;
      transition: .25s ease;
    }

    .btn-orange:hover {
      color: #fff;
      transform: translateY(-3px);
      box-shadow: 0 18px 34px rgba(216,49,33,.38);
    }

    .btn-soft {
      background: #fff;
      color: var(--dark);
      border: 1px solid rgba(0,0,0,.06);
      border-radius: 16px;
      padding: 12px 20px;
      transition: .25s ease;
    }

    .btn-soft:hover {
      background: var(--dark);
      color: #fff;
      transform: translateY(-3px);
    }

    .section-title {
      font-weight: 900;
      letter-spacing: -.5px;
    }

    .section-subtitle {
      color: var(--muted);
      font-size: .95rem;
    }

    .glass {
      background: rgba(255,255,255,.76);
      backdrop-filter: blur(18px);
      border: 1px solid rgba(255,255,255,.7);
      box-shadow: var(--shadow-soft);
    }

    /* Navbar */
    .main-navbar {
      position: sticky;
      top: 14px;
      z-index: 1000;
      margin-top: 14px;
    }

    .navbar-shell {
      border-radius: 24px;
      padding: 10px 14px;
    }

    .brand-logo {
      width: 48px;
      height: 48px;
      display: grid;
      place-items: center;
      color: var(--orange);
      font-size: 1.6rem;
      box-shadow: inset 0 0 0 2px rgba(255,122,0,.2);
       border-radius: 15px;
    }
    .brand-logo img{      border-radius: 15px;}
    .brand-title {
      font-weight: 900;
      font-size: 1.3rem;
      color: var(--dark);
      line-height: 1;
    }

    .brand-subtitle {
      font-size: .75rem;
      color: var(--muted);
    }

    .nav-link {
      color: #444;
      font-weight: 700;
      border-radius: 14px;
      padding: 10px 13px !important;
      transition: .2s ease;
    }

    .nav-link:hover,
    .nav-link.active { 
      background-color: #000 !important;
      color: #fff !important;
    }

    .nav-action {
      width: 44px;
      height: 44px;
      border-radius: 15px;
      background: #fff;
      border: 1px solid rgba(0,0,0,.05);
      display: grid;
      place-items: center;
      color: var(--dark);
      transition: .25s ease;
      position: relative;
    }

    .nav-action:hover {
      background: var(--dark);
      color: #fff;
      transform: translateY(-2px);
    }

    .cart-badge {
      position: absolute;
      top: -5px;
      left: -5px;
      background: var(--orange);
      color: #fff;
      width: 20px;
      height: 20px;
      font-size: .7rem;
      border-radius: 50%;
      display: grid;
      place-items: center;
      border: 2px solid #fff;
    }

    /* Hero */
    .hero {
      padding: 55px 0 28px;
    }

    .hero-card {
      border-radius: 34px;
      padding: 38px;
      overflow: hidden;
      position: relative;
      background:
        linear-gradient(135deg, rgba(20,20,20,.94), rgba(45,45,45,.7)),
        url("fj.jpg");
    background-size: cover;
    background-position: center;
      color: #fff;
      min-height: 560px;
      display: flex;
      align-items: center;
    }

    .hero-card::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        radial-gradient(circle at 20% 20%, rgba(118,21,15,.35), transparent 25%),
        linear-gradient(90deg, rgba(0,0,0,.9), rgba(0,0,0,.45), rgba(0,0,0,.22));
      pointer-events: none;
    }

    .hero-content {
      position: relative;
      z-index: 2;
    }

    .hero-kicker {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      background: rgba(255,255,255,.10);
      border: 1px solid rgba(255,255,255,.18);
      color: #fff;
      padding: 9px 14px;
      border-radius: 999px;
      margin-bottom: 18px;
      backdrop-filter: blur(12px);
      font-weight: 700;
      font-size: .9rem;
    }

    .hero h1 {
  font-size: clamp(1.9rem, 3.5vw, 3.2rem);
      font-weight: 1000;
      line-height: 1.12;
      letter-spacing: -1.8px;
      margin-bottom: 18px;
      	font-family: dana;
    }

    .hero p {
      color: rgba(255,255,255,.78);
      font-size: 1.08rem;
      line-height: 2;
      max-width: 660px;
    }

    .hero-stats {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 12px;
      width: 100%;
      max-width: 560px;
      margin-top: 28px;
    }

    /* نمایش افقی در موبایل */
    @media (max-width: 767.98px) {
      .hero-stats {
        display: flex;
        flex-wrap: nowrap;
        gap: 12px;
        width: 100%;
        max-width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        padding: 0 0 12px;
        margin-top: 28px;

        -webkit-overflow-scrolling: touch;
        scroll-behavior: smooth;
        scroll-snap-type: x mandatory;
      }

      .hero-stats .hero-stat {
        flex: 0 0 calc(100% - 36px);
        width: calc(100% - 36px);
        min-width: calc(100% - 36px);
        max-width: none;
        scroll-snap-align: start;
        box-sizing: border-box;
      }

      /* حذف نوار اسکرول در موبایل، بدون حذف قابلیت اسکرول */
      .hero-stats::-webkit-scrollbar {
        display: none;
      }

      .hero-stats {
        scrollbar-width: none;
      }
    }


    .hero-stat {
      background: rgba(255,255,255,.10);
      border: 1px solid rgba(255,255,255,.14);
      border-radius: 20px;
      padding: 15px;
      backdrop-filter: blur(16px);
    }

    .hero-stat strong {
      display: block;
      color: #fff;
      font-size: 1.3rem;
      font-weight: 900;
    }

    .hero-stat span {
      color: rgba(255,255,255,.68);
      font-size: .82rem;
    }

    .floating-offer {
      position: absolute;
      left: 28px;
      bottom: 28px;
      z-index: 3;
      width: 275px;
      border-radius: 26px;
      background: rgba(255,255,255,.92);
      color: var(--dark);
      padding: 18px;
      box-shadow: 0 25px 60px rgba(0,0,0,.28);
      backdrop-filter: blur(16px);
    }

    .floating-offer .discount {
      background: var(--red);
      color: #fff;
      font-weight: 900;
      padding: 6px 10px;
      border-radius: 999px;
      font-size: .8rem;
    }

    .timer {
      display: flex;
      gap: 7px;
      margin-top: 14px;
    }

    .timer div {
      flex: 1;
      background: #111;
      color: #fff;
      border-radius: 14px;
      padding: 8px 4px;
      text-align: center;
      font-weight: 900;
    }

    .timer small {
      display: block;
      color: rgba(255,255,255,.58);
      font-size: .65rem;
      font-weight: 500;
    }

    /* Quick Categories */
    .quick-category {
      border-radius: 22px;
      padding: 20px 14px;
      background: #fff;
      box-shadow: var(--shadow-soft);
      transition: .25s ease;
      height: 100%;
      border: 1px solid rgba(0,0,0,.04);
    }

    .quick-category:hover {
      transform: translateY(-7px);
      box-shadow: 0 24px 50px rgba(0,0,0,.11);
    }

    .quick-icon {
      width: 54px;
      height: 54px;
      display: grid;
      place-items: center;
      border-radius: 19px;
      margin: 0 auto 12px;
      background: rgba(255,122,0,.12);
      color: var(--orange);
      font-size: 1.6rem;
    }

    /* Cards */
    .product-card {
      background: #fff;
      border-radius: 26px;
      overflow: hidden;
      box-shadow: var(--shadow-soft);
      border: 1px solid rgba(0,0,0,.04);
      transition: .28s ease;
      height: 100%;
      position: relative;
    }

    .product-card:hover {
      transform: translateY(-8px);
      box-shadow: 0 28px 60px rgba(0,0,0,.13);
    }

    .product-image {
      height: auto;
      background: linear-gradient(135deg, #efefef, #fff);
      position: relative;
      overflow: hidden;
    }

    .product-image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: .35s ease;
    }

    .product-card:hover .product-image img {
      transform: scale(1.06);
    }

    .tag {
      position: absolute;
      top: 14px;
      right: 14px;
      padding: 7px 11px;
      border-radius: 999px;
      font-size: .75rem;
      font-weight: 900;
      color: #fff;
      background: var(--orange);
      z-index: 2;
    }

    .tag.dark {
      background: var(--dark);
    }

    .tag.red {
      background: var(--red);
    }

    .product-body {
      padding: 18px;
    }

    .product-title {
      font-weight: 900;
      font-size: 1.02rem;
      line-height: 1.8;
      min-height: 55px;
    }
    .product-title a {
color:#d61111;
    }

    .rating {
      color: #ffc107;
      font-size: .9rem;
      text-align: left;
margin-top: -45px;
    }

    .price {
      font-weight: 1000;
      color: var(--dark);
      font-size: 1.15rem;
    }

    .old-price {
      color: #aaa;
      text-decoration: line-through;
      font-size: .85rem;
    }

    .mini-info {
      color: var(--muted);
      font-size: .82rem;
    }

    .add-cart {
      width: 45px;
      height: 45px;
      border-radius: 16px;
      display: grid;
      place-items: center;
      color: #fff;
      background: var(--dark);
      transition: .2s ease;
    }

    .add-cart:hover {
      background: var(--orange);
      color: #fff;
      transform: rotate(-6deg) scale(1.05);
    }

    /* Deal Section */
    .deal-box {
      border-radius: 34px;
      padding: 30px;
      color: #fff;
      background:
        radial-gradient(circle at top left, rgba(255,122,0,.40), transparent 24%),
        linear-gradient(135deg, #161616, #303030);
      box-shadow: var(--shadow-soft);
      overflow: hidden;
      position: relative;
    }

    .deal-box::after {
      content: "";
      width: 260px;
      height: 260px;
      position: absolute;
      left: -80px;
      bottom: -90px;
      background: rgba(255,122,0,.22);
      border-radius: 50%;
      filter: blur(3px);
    }

    .deal-product {
      background: rgba(255,255,255,.10);
      border: 1px solid rgba(255,255,255,.13);
      border-radius: 24px;
      padding: 18px;
      backdrop-filter: blur(14px);
      position: relative;
      z-index: 2;
    }

    .deal-product img {
      height: auto;
      width: 100%;
      object-fit: cover;
      border-radius: 18px;
      margin-bottom: 14px;
    }

    .progress {
      height: 10px;
      background: rgba(255,255,255,.16);
      border-radius: 999px;
      overflow: hidden;
    }

    .progress-bar {
      background: linear-gradient(90deg, var(--orange), #ffc400);
    }

    /* Skeleton Loading */
    .skeleton-wrap {
      background: #fff;
      border-radius: 28px;
      padding: 22px;
      box-shadow: var(--shadow-soft);
      border: 1px solid rgba(0,0,0,.04);
    }

    .skeleton {
      position: relative;
      overflow: hidden;
      background: #ececec;
      border-radius: 16px;
    }

    .skeleton::after {
      content: "";
      position: absolute;
      inset: 0;
      transform: translateX(100%);
      background: linear-gradient(90deg, transparent, rgba(255,255,255,.75), transparent);
      animation: shimmer 1.4s infinite;
    }

    @keyframes shimmer {
      100% {
        transform: translateX(-100%);
      }
    }

    .sk-img {
      height: 160px;
      margin-bottom: 16px;
    }

    .sk-line {
      height: 16px;
      margin-bottom: 12px;
    }

    .sk-line.short {
      width: 55%;
    }

    .sk-line.mid {
      width: 78%;
    }

    /* Testimonials */
    .testimonial-card {
      background: #fff;
      border-radius: 28px;
      padding: 22px;
      box-shadow: var(--shadow-soft);
      height: 100%;
      border: 1px solid rgba(0,0,0,.04);
      position: relative;
    }

    .quote-icon {
      width: 46px;
      height: 46px;
      border-radius: 17px;
      background: rgba(255,122,0,.12);
      color: var(--orange);
      display: grid;
      place-items: center;
      font-size: 1.5rem;
      margin-bottom: 14px;
    }

    .user-avatar {
      width: 50px;
      height: 50px;
      border-radius: 17px;
      background: linear-gradient(135deg, var(--orange), #ff5241);
      display: grid;
      place-items: center;
      color: #fff;
      font-weight: 900;
      flex: 0 0 auto;
    }

    .phone-pill {
      background: #f2f2f2;
      border-radius: 999px;
      padding: 6px 10px;
      font-size: .78rem;
      color: #555;
      display: inline-flex;
      gap: 5px;
      align-items: center;
    }
        .phone-pillnu{text-align: center}

    /* Articles */
    .article-card {
      border-radius: 28px;
      overflow: hidden;
      background: #fff;
      box-shadow: var(--shadow-soft);
      height: 100%;
      transition: .25s ease;
    }

    .article-card:hover {
      transform: translateY(-7px);
    }

    .article-card img {
      height: 210px;
      width: 100%;
      object-fit: cover;
    }

    .article-body {
      padding: 18px;
    }

    /* Club */
    .club-box {
      border-radius: 34px;
      background:
        linear-gradient(135deg, rgba(255,255,255,.93), rgba(255,255,255,.78)),
        url("off-club.JPG");
      background-size: cover;
      background-position: center;
      padding: 32px;
      box-shadow: var(--shadow-soft);
      overflow: hidden;
    }

    .memory-card {
      background: rgba(255,255,255,.86);
      border: 1px solid rgba(255,255,255,.7);
      border-radius: 24px;
      padding: 18px;
      backdrop-filter: blur(15px);
      height: 100%;
    }

    .memory-tag {
      display: inline-flex;
      align-items: center;
      gap: 5px;
      background: rgba(255,122,0,.12);
      color: var(--orange-dark);
      border-radius: 999px;
      padding: 6px 10px;
      font-size: .78rem;
      font-weight: 800;
      margin-bottom: 10px;
    }

    /* Store Panel */
    .store-panel {
      border-radius: 34px;
      padding: 26px;
      background: #fff;
      box-shadow: var(--shadow-soft);
    }

    .filter-chip {
      border: 1px solid rgba(0,0,0,.07);
      background: #f7f7f7;
      color: #333;
      padding: 9px 13px;
      border-radius: 999px;
      font-size: .86rem;
      font-weight: 700;
      cursor: pointer;
      transition: .2s ease;
      display: inline-flex;
      align-items: center;
      gap: 6px;
    }

    .filter-chip:hover,
    .filter-chip.active {
      background: var(--dark);
      color: #fff;
    }

    /* Features */
    .feature-card {
      background: #fff;
      border-radius: 24px;
      padding: 22px;
      height: 100%;
      box-shadow: var(--shadow-soft);
      border: 1px solid rgba(0,0,0,.04);
    }

    .feature-icon {
      width: 54px;
      height: 54px;
      border-radius: 18px;
      display: grid;
      place-items: center;
      font-size: 1.5rem;
      color: #fff;
      background: var(--dark);
      margin-bottom: 13px;
    }

    /* Newsletter */
    .newsletter {
      border-radius: 34px;
      background:
        radial-gradient(circle at top right, rgba(255,122,0,.32), transparent 24%),
        linear-gradient(135deg, #191919, #303030);
      color: #fff;
      padding: 34px;
      box-shadow: var(--shadow-soft);
    }

    .newsletter .form-control {
      border-radius: 16px;
      padding: 14px 16px;
      border: 0;
    }

    /* Footer */
    .footer {
      background: #151515;
      color: rgba(255,255,255,.75);
      border-radius: 34px 34px 0 0;
      padding: 44px 0 28px;
      margin-top: 70px;
    }

    .footer h6 {
      color: #fff;
      font-weight: 900;
      margin-bottom: 16px;
    }

    .footer a {
      color: rgba(255,255,255,.68);
      display: block;
      margin-bottom: 10px;
      transition: .2s ease;
    }

    .footer a:hover {
      color: #fff;
      transform: translateX(-3px);
    }

    .social-btn {
      width: 42px;
      height: 42px;
      border-radius: 15px;
      background: rgba(255,255,255,.08);
      color: #fff;
      display: grid;
      place-items: center;
      transition: .2s ease;
    }

    .social-btn:hover {
      background: var(--orange);
      color: #fff;
    }

    /* Floating */
    .floating-support {
      position: fixed;
      left: 18px;
      bottom: 102px;
      z-index: 1000;
      width: 56px;
      height: 56px;
      border-radius: 21px;
      background: var(--green);
      color: #fff;
      display: grid;
      place-items: center;
      box-shadow: 0 18px 35px rgba(36,192,111,.38);
      font-size: 1.5rem;
      animation: pulse 1.7s infinite;
    }

    @keyframes pulse {
      0% { box-shadow: 0 0 0 0 rgba(36,192,111,.45); }
      70% { box-shadow: 0 0 0 18px rgba(36,192,111,0); }
      100% { box-shadow: 0 0 0 0 rgba(36,192,111,0); }
    }

    /* Mobile bottom nav */
    .mobile-bottom-nav {
      position: fixed;
      bottom: 12px;
      left: 12px;
      right: 12px;
      height: 68px;
      background: rgba(255,255,255,.92);
      backdrop-filter: blur(22px);
      border: 1px solid rgba(0,0,0,.06);
      border-radius: 24px;
      box-shadow: 0 18px 45px rgba(0,0,0,.16);
      z-index: 1100;
      display: none;
      align-items: center;
      justify-content: space-around;
    }

    .mobile-bottom-nav a {
      color: #555;
      font-size: .72rem;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 3px;
      font-weight: 800;
      min-width: 54px;
    }

    .mobile-bottom-nav i {
      font-size: 1.25rem;
    }

    .mobile-bottom-nav a.active {
      color: var(--orange);
    }

    .mobile-bottom-nav .center-action {
      width: 58px;
      height: 58px;
      border-radius: 21px;
      background: linear-gradient(135deg, var(--orange), #c91919);
      color: #fff;
      margin-top: -26px;
      box-shadow: var(--shadow-orange);
      justify-content: center;
    }

    .mobile-bottom-nav .center-action i {
      font-size: 1.6rem;
    }

    .mobile-bottom-nav .center-action span {
      display: none;
    }

    /* App-like search bar */
    .search-box {
      background: #fff;
      border-radius: 22px;
      box-shadow: var(--shadow-soft);
      padding: 10px;
      display: flex;
      align-items: center;
      gap: 10px;
    }

    .search-box input {
      border: 0;
      outline: 0;
      background: transparent;
      flex: 1;
      font-size: .95rem;
    }

    .search-box .search-icon {
      width: 44px;
      height: 44px;
      border-radius: 15px;
      background: rgba(255,122,0,.12);
      color: var(--orange);
      display: grid;
      place-items: center;
      font-size: 1.25rem;
    }

    /* Responsive */
    @media (max-width: 991px) {
        footer{padding-bottom:100px !important;}
      .desktop-nav {
        display: none !important;
      }

      .hero-card {
        min-height: auto;
        padding: 28px;
      }

      .floating-offer {
        position: relative;
        left: auto;
        bottom: auto;
        width: 100%;
        margin-top: 24px;
      }

      .hero-stats {
        grid-template-columns: 1fr;
      }

      .product-image {
        height: auto;
      }

      .mobile-bottom-nav {
        display: flex;
      }

      .main-navbar {
        top: 8px;
      }

      .navbar-shell {
        border-radius: 22px;
      }
    }

    @media (max-width: 576px) {
      body {
        padding-bottom: 94px;
      }

      .hero {
        padding-top: 28px;
      }

      .hero-card {
        border-radius: 28px;
        padding: 24px;
      }

      .hero h1 {
        font-size: 2.25rem;
      }

      .section-title {
        font-size: 1.45rem;
      }

      .deal-box,
      .club-box,
      .newsletter,
      .store-panel {
        border-radius: 28px;
        padding: 22px;
      }

      .floating-support {
        bottom: 94px;
        left: 14px;
        width: 52px;
        height: 52px;
      }
    }




































    .offroad-builder-section {
      position: relative;
      background:
        radial-gradient(circle at 50% 35%, rgba(255, 140, 0, 0.18), transparent 35%),
        radial-gradient(circle at 50% 70%, rgba(255, 255, 255, 0.06), transparent 45%),
        linear-gradient(180deg, #06070a 0%, #0b0d12 45%, #090a0d 100%);
      color: #fff;
      overflow: hidden;
      min-height: auto;
    }

    .offroad-builder-sticky {
      position: sticky;
      top: 0;
      height: 50vh;
      display: flex;
      align-items: center;
    }

    .offroad-builder-inner {
      width: min(1200px, 92vw);
      margin: 0 auto;
      display: grid;
      grid-template-columns: 1fr 1.2fr;
      gap: 32px;
      align-items: center;
    }

    .builder-copy {
      position: relative;
      z-index: 2;
      max-width: 520px;
    }

    .builder-badge {
      display: inline-block;
      margin-bottom: 14px;
      padding: 8px 14px;
      border: 1px solid #76150f;
      border-radius: 999px;
      background: #76150f;
      color: #ffb347;
      font-size: 12px;
      font-weight: 700;
      letter-spacing: 1.5px;
    }

    .builder-copy h2 {
      margin: 0;
      font-size: clamp(20px, 3vw, 48px);
      line-height: 1.05;
      font-weight: 900;
      letter-spacing: -0.03em;
      text-shadow: 0 0 24px rgba(255, 140, 0, 0.18);
    }

    .builder-copy p {
      margin: 16px 0 0;
      font-size: clamp(16px, 1.8vw, 20px);
      line-height: 1.8;
      color: rgba(255, 255, 255, 0.78);
    }

    .builder-stage {
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .car-stack {
      position: relative;
      width: min(900px, 100%);
      aspect-ratio: 16 / 9;
      overflow: visible;
      filter: drop-shadow(0 28px 50px rgba(0, 0, 0, 0.45));
    }

    .car-layer {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: contain;
      transform-origin: center center;
      transition:
        opacity 1800ms cubic-bezier(.2,.8,.2,1),
        transform 1800ms cubic-bezier(.2,.8,.2,1),
        filter 1800ms ease;
      will-change: transform, opacity;
    }

    /* لایه پایه همیشه ثابت */
    .base-layer {
      opacity: 1;
      transform: scale(1);
      z-index: 1;
    }

    /* افکت نور و درخشش زیر ماشین */
    .stage-glow {
      position: absolute;
      inset: auto 8% 6% 8%;
      height: 26%;
      background: radial-gradient(circle, rgba(255, 140, 0, 0.40), rgba(255, 140, 0, 0.12) 35%, transparent 70%);
      filter: blur(24px);
      opacity: 0.95;
      animation: pulseGlow 4s ease-in-out infinite;
      z-index: 0;
      pointer-events: none;
    }

    .stage-shine {
      position: absolute;
      inset: 0;
      background: linear-gradient(
        120deg,
        transparent 35%,
        rgba(255, 255, 255, 0.10) 45%,
        rgba(255, 255, 255, 0.22) 50%,
        rgba(255, 255, 255, 0.10) 55%,
        transparent 65%
      );
      transform: translateX(-120%);
      animation: sweepShine 6s linear infinite;
      mix-blend-mode: screen;
      pointer-events: none;
      z-index: 3;
    }

    /* قطعات قبل از فعال شدن */
    .part {
      opacity: 0;
      filter: blur(4px) saturate(0.9);
      z-index: 2;
    }

    /* جای شروع هر قطعه: از بیرون وارد شوند */
    .part-bumper { transform: translate(-18%, 14%) scale(0.92); z-index: 5; }
    .part-rack   { transform: translate(0, -18%) scale(0.92); z-index: 4; }
    .part-light  { transform: translate(0, -24%) scale(0.92); z-index: 6; }
    .part-tent   { transform: translate(14%, -20%) scale(0.92); z-index: 4; }

    /* وقتی سکشن فعال شد، همه با هم برن روی ماشین */
    .offroad-builder-section.is-active .part {
      opacity: 1;
      filter: blur(0) saturate(1);
      transform: translate(0, 0) scale(1);
    }

    /* برای اینکه همه یکجا ولی با تاخیر نرم بیان */
    .offroad-builder-section.is-active .part-bumper { transition-delay: 0ms; }
    .offroad-builder-section.is-active .part-rack   { transition-delay: 450ms; }
    .offroad-builder-section.is-active .part-light  { transition-delay: 360ms; }
    .offroad-builder-section.is-active .part-tent    { transition-delay: 600ms; }

    /* کمی زنده‌تر شدن تصویر پایه وقتی اکتیو است */
    .offroad-builder-section.is-active .base-layer {
      filter: brightness(1.05) contrast(1.04) saturate(1.05);
    }

    @keyframes sweepShine {
      0%   { transform: translateX(-120%); }
      100% { transform: translateX(120%); }
    }

    @keyframes pulseGlow {
      0%, 100% { transform: scale(1); opacity: 0.75; }
      50%      { transform: scale(1.08); opacity: 1; }
    }

    /* ریسپانسیو */
    @media (max-width: 991px) {

      .offroad-builder-sticky{
        height:90vh;
      }
      .offroad-builder-inner {
        grid-template-columns: 1fr;
        gap: 18px;
      }

      .builder-copy {
        text-align: center;
        margin: 0 auto;
      }

      .builder-stage {
        margin-top: -10px;
      }
    }

    @media (max-width: 576px) {
      .offroad-builder-sticky{
        height:70vh;
      }
      .offroad-builder-section {
        min-height: 10vh;
      }

      .builder-copy h2 {
        font-size: 30px;
      }

      .builder-copy p {
        font-size: 15px;
      }

      .car-stack {
        width: 100%;
        aspect-ratio: 4 / 3;
      }
    }
    .products-scroll {
      width: 100%;
      overflow-x: hidden;
      overflow-y: hidden;
      scrollbar-width: none;
      -ms-overflow-style: none;
    }

    .products-scroll::-webkit-scrollbar {
      height: 0;
    }

    .products-row {
      flex-wrap: nowrap;
      margin-left: 0;
      margin-right: 0;
    }

    .products-row > [class*="col-"] {
      flex: 0 0 auto;
    }

    @media (max-width: 991.98px) {
      .products-scroll {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scroll-behavior: smooth;
        touch-action: pan-x;
        padding-bottom: 8px;
        scrollbar-width: none;
      }

      .products-scroll::-webkit-scrollbar {
        height: 0;
      }

      .products-scroll:hover::-webkit-scrollbar {
        height: 8px;
      }

      .products-scroll:hover {
        scrollbar-width: thin;
      }

      .products-row {
        display: flex;
        flex-wrap: nowrap;
        gap: 16px;
        width: max-content;
      }

      .products-row > .col-md-6.col-lg-3 {
        width: 82vw;
        max-width: 320px;
        padding-left: 0;
        padding-right: 0;
      }
    }

    @media (max-width: 991.98px) {
      .products-scroll {
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scroll-behavior: smooth;
        padding-bottom: 8px;
        scrollbar-width: none;
        touch-action: auto;
      }

      .products-scroll::-webkit-scrollbar {
        height: 0;
      }

      .products-scroll:active::-webkit-scrollbar,
      .products-scroll:hover::-webkit-scrollbar {
        height: 6px;
      }

      .products-row {
        display: flex;
        flex-wrap: nowrap;
        gap: 16px;
        width: max-content;
      }

      .products-row > .col-md-6.col-lg-3 {
        width: 82vw;
        max-width: 320px;
        padding-left: 0;
        padding-right: 0;
      }
    }

    /* wrapper */
    .testimonials-scroll {
      overflow-x: auto;
      overflow-y: hidden;
      -webkit-overflow-scrolling: touch;
      scrollbar-width: none;
      padding-bottom: 10px;
    }

    .testimonials-scroll::-webkit-scrollbar {
      height: 0;
    }

    /* row */
    .testimonials-row {
      display: flex;
      flex-wrap: nowrap !important;
      width: max-content;
      margin: 0;
      gap: 16px;
    }

    /* جلوگیری از رفتار بوت استرپ */
    .testimonials-row > [class*='col-'] {
      flex: 0 0 auto;
      padding: 0;
    }

    /* موبایل */
    @media (max-width: 991.98px) {

      .testimonials-row > .col-md-6.col-lg-4 {
        width: 78vw;
        max-width: 340px;
      }

    }

    /* دسکتاپ */
    @media (min-width: 992px) {

      .testimonials-row > .col-md-6.col-lg-4 {
        width: 360px;
      }

      .testimonials-scroll:hover::-webkit-scrollbar {
        height: 8px;
      }

      .testimonials-scroll:hover {
        scrollbar-width: thin;
      }

    }
    .memory-scroll {
      width: 100%;
      overflow-x: auto;
      overflow-y: hidden;
      -webkit-overflow-scrolling: touch;
      padding-bottom: 10px;
      scrollbar-width: none;
    }

    .memory-scroll::-webkit-scrollbar {
      height: 0;
    }

    .memory-track {
      display: flex;
      flex-wrap: nowrap;
      gap: 16px;
      width: max-content;
    }

    .memory-item {
      flex: 0 0 auto;
      width: 82vw;
      max-width: 340px;
    }

    @media (min-width: 992px) {
      .memory-item {
        width: 320px;
      }

      .memory-scroll:hover::-webkit-scrollbar {
        height: 8px;
      }

      .memory-scroll:hover {
        scrollbar-width: thin;
      }
    }



























    /* =========================
       FAQ SECTION
    ========================= */

    .faq-section {
      position: relative;
      overflow: hidden;

      color: #171a18;
    }

    .faq-heading {
      max-width: 720px;
      margin: 0 auto 38px;
    }

    .faq-kicker {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      margin-bottom: 12px;
color: var(--orange-dark);      font-size: 0.8rem;
      font-weight: 800;
      letter-spacing: 0.03em;
    }

    .faq-kicker i {
      font-size: 1rem;
    }

    .faq-title {
      margin: 0 0 12px;
      color: #161916;
      font-size: clamp(1.8rem, 3vw, 2.7rem);
      font-weight: 900;
      line-height: 1.35;
    }

    .faq-intro {
      max-width: 620px;
      margin: 0 auto;
      color: #69706b;
      font-size: 0.95rem;
      line-height: 2;
    }

    .faq-layout {
      display: grid;
      grid-template-columns: minmax(240px, 0.75fr) minmax(0, 1.55fr);
      gap: 28px;
      align-items: start;
    }

    /* کارت معرفی */
    .faq-intro-card {
      position: sticky;
      top: 24px;
      padding: 30px 26px;
      overflow: hidden;
      border-radius: 24px;
      background:
        linear-gradient(145deg, rgba(27, 34, 29, 0.98), rgba(12, 16, 13, 0.98));
      box-shadow: 0 18px 42px rgba(19, 25, 21, 0.18);
      color: #fff;
    }

    .faq-intro-card::before {
      content: "";
      position: absolute;
      width: 170px;
      height: 170px;
      left: -70px;
      bottom: -80px;
      border-radius: 50%;
      background: rgba(216, 49, 33, 0.12);
    }

    .faq-intro-icon {
      position: relative;
      display: grid;
      place-items: center;
      width: 58px;
      height: 58px;
      margin-bottom: 22px;
      border-radius: 17px;
background: linear-gradient(135deg, var(--orange), #ff5241);
      color: #fff;
      box-shadow: 0 12px 26px rgba(255, 121, 0, 0.25);
    }

    .faq-intro-icon i {
      font-size: 1.55rem;
    }

    .faq-intro-card h3 {
      position: relative;
      margin-bottom: 14px;
      color: #fff;
      font-size: 1.25rem;
      font-weight: 850;
      line-height: 1.6;
    }

    .faq-intro-card p {
      position: relative;
      margin-bottom: 24px;
      color: rgba(255, 255, 255, 0.68);
      font-size: 0.88rem;
      line-height: 2;
    }

    .faq-action {
      position: relative;
      display: inline-flex;
      align-items: center;
      gap: 10px;
      padding: 11px 16px;
      border-radius: 12px;
      background: #d83121;
      color: #fff;
      font-size: 0.86rem;
      font-weight: 800;
      text-decoration: none;
      transition: 0.25s ease;
    }

    .faq-action:hover {
      background: #f44b3a;
      color: #fff;
      transform: translateY(-2px);
    }

    .faq-action i {
      transition: transform 0.25s ease;
    }

    .faq-action:hover i {
      transform: translateX(-4px);
    }

    /* آکاردئون */
    .faq-accordion {
      display: flex;
      flex-direction: column;
      gap: 12px;
    }

    .faq-item {
      overflow: hidden;
      border: 1px solid #e6e7e4;
      border-radius: 17px;
      background: #fff;
      box-shadow: 0 5px 18px rgba(26, 33, 28, 0.045);
      transition:
        border-color 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.25s ease;
    }

    .faq-item:hover {
      border-color: #76150f;
    }

    .faq-item.is-open {
      border-color: #76150f;

    }

    .faq-question-wrap {
      margin: 0;
    }

    .faq-question {
      display: grid;
      grid-template-columns: 42px minmax(0, 1fr) 38px;
      align-items: center;
      width: 100%;
      min-height: 76px;
      padding: 14px 18px;
      gap: 13px;
      border: 0;
      background: transparent;
      color: #1d211e;
      text-align: right;
      cursor: pointer;
      font-family: inherit;
    }

    .faq-question:focus-visible {
      outline: 3px solid rgba(255, 126, 0, 0.32);
      outline-offset: -3px;
    }

    .faq-question-number {
      display: grid;
      place-items: center;
      width: 38px;
      height: 38px;
      border-radius: 11px;
      background: #f3f4f1;
      color: #858d86;
      font-size: 0.75rem;
      font-weight: 900;
      direction: ltr;
      transition: 0.25s ease;
    }

    .faq-question-text {
      font-size: 0.96rem;
      font-weight: 800;
      line-height: 1.7;
    }

    .faq-arrow {
      display: grid;
      place-items: center;
      width: 35px;
      height: 35px;
      border-radius: 50%;
      background: #f5f6f3;
      color: #687069;
      transition:
        transform 0.3s ease,
        background 0.3s ease,
        color 0.3s ease;
    }

    .faq-arrow i {
      font-size: 0.95rem;
    }

    /* حالت فعال */
    .faq-item.is-open .faq-question-number {
      background: #d83121;
      color: #fff;
    }

    .faq-item.is-open .faq-arrow {
      transform: rotate(180deg);
      background: #d83121;
      color: #fff;
    }

    /* پاسخ */
    .faq-answer {
      overflow: hidden;
      max-height: 500px;
      opacity: 1;
      transition:
        max-height 0.35s ease,
        opacity 0.25s ease;
    }

    .faq-answer[hidden] {
      display: block;
      max-height: 0;
      opacity: 0;
    }

    .faq-answer-inner {
      margin: 0 18px 20px 73px;
      padding: 17px 18px;
      border-right: 3px solid #d83121;
      border-radius: 0 12px 12px 0;
      background: #fff4f3;
    }

    .faq-answer-inner p {
      margin: 0;
      color: #656c66;
      font-size: 0.88rem;
      line-height: 2.15;
    }

    /* موبایل */
    @media (max-width: 991.98px) {
      .faq-layout {
        grid-template-columns: 1fr;
      }

      .faq-intro-card {
        position: relative;
        top: auto;
      }
    }

    @media (max-width: 575.98px) {
      .faq-section {
        padding-top: 42px !important;
        padding-bottom: 42px !important;
      }

      .faq-heading {
        margin-bottom: 26px;
      }

      .faq-intro {
        font-size: 0.86rem;
        line-height: 1.9;
      }

      .faq-intro-card {
        padding: 24px 20px;
        border-radius: 19px;
      }

      .faq-question {
        grid-template-columns: 34px minmax(0, 1fr) 32px;
        min-height: 68px;
        padding: 12px 13px;
        gap: 9px;
      }

      .faq-question-number {
        width: 32px;
        height: 32px;
        font-size: 0.68rem;
      }

      .faq-question-text {
        font-size: 0.84rem;
        line-height: 1.65;
      }

      .faq-arrow {
        width: 31px;
        height: 31px;
      }

      .faq-answer-inner {
        margin: 0 13px 16px 13px;
        padding: 14px 14px;
      }

      .faq-answer-inner p {
        font-size: 0.82rem;
        line-height: 2;
      }
    }
















    .vehicle-selector {
      padding: 0 0 28px 0;
      margin-top:20px;

    }

    .vehicle-selector-box {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 28px;
      padding: 24px 28px;
      border-radius: 22px;
      background:
        linear-gradient(120deg, #171c18, #252c26);
      box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);
    }

    .vehicle-selector-content {
      flex: 1;
      min-width: 240px;
    }

    .vehicle-selector-label {
      display: inline-flex;
      align-items: center;
      gap: 7px;
      margin-bottom: 8px;
      color: #d83121;
      font-size: 0.78rem;
      font-weight: 800;
    }

    .vehicle-selector-content h2 {
      margin: 0 0 7px;
      color: #fff;
      font-size: clamp(1.25rem, 2vw, 1.7rem);
      font-weight: 900;
    }

    .vehicle-selector-content p {
      margin: 0;
      color: rgba(255, 255, 255, 0.62);
      font-size: 0.84rem;
    }

    .vehicle-selector-form {
      display: flex;
      align-items: end;
      gap: 10px;
      flex: 1.25;
    }

    .vehicle-field {
      flex: 1;
    }

    .vehicle-field label {
      display: block;
      margin: 0 0 6px;
      color: rgba(255, 255, 255, 0.7);
      font-size: 0.75rem;
      font-weight: 700;
    }

    .vehicle-field select {
      width: 100%;
      height: 46px;
      padding: 0 13px;
      border: 1px solid rgba(255, 255, 255, 0.12);
      border-radius: 11px;
      outline: none;
      background: #fff;
      color: #272b28;
      font-family: inherit;
      font-size: 0.82rem;
      cursor: pointer;
    }

    .vehicle-field select:disabled {
      opacity: 0.55;
      cursor: not-allowed;
    }

    .vehicle-submit {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      height: 46px;
      padding: 0 18px;
      border: 0;
      border-radius: 11px;
      background: #d83121;
      color: #fff;
      white-space: nowrap;
      font-family: inherit;
      font-size: 0.82rem;
      font-weight: 800;
      cursor: pointer;
      transition: 0.25s ease;
    }

    .vehicle-submit:hover {
      background: #76150f;
      transform: translateY(-2px);
    }

    .vehicle-submit i {
      transition: 0.25s ease;
    }

    .vehicle-submit:hover i {
      transform: translateX(-4px);
    }

    @media (max-width: 767.98px) {
      .vehicle-selector {
        padding: 18px 0;
      }

      .vehicle-selector-box {
        display: block;
        padding: 22px 17px;
        border-radius: 18px;
      }

      .vehicle-selector-content {
        margin-bottom: 18px;
        text-align: center;
      }

      .vehicle-selector-form {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
      }

      .vehicle-submit {
        grid-column: 1 / -1;
        width: 100%;
      }
    }

    @media (max-width: 420px) {
      .vehicle-selector-form {
        grid-template-columns: 1fr;
      }

      .vehicle-submit {
        grid-column: auto;
      }
    }



/* استایل کلی صفحه محصول */
.single-product-wrapper {
    background: #fff;
    border-radius: 16px;
    padding: 20px !important;
}

/* استایل گالری */
.product-gallery-container {
    border: 1px solid #e5e7eb !important;
    border-radius: 10px;
}

.onsale {
    background: #ef4444;
    color: #fff;
    padding: 5px 12px;
    border-radius: 6px;
    font-weight: 700;
    font-size: 0.8rem;
}

/* استایل عنوان و قیمت */
.product_title {
    font-size: 2rem;
    font-weight: 800;
    color: #111827;
    margin-bottom: 20px;
}

.price del {
    color: #9ca3af;
    font-size: 1.1rem;
    margin-left: 10px;
}

/* دکمه خرید اختصاصی */
.single_add_to_cart_button {
    background: #f97316 !important;
    border: none !important;
    padding: 12px 25px !important;
    border-radius: 10px !important;
    font-weight: 700 !important;
    transition: 0.3s !important;
}

.single_add_to_cart_button:hover {
    background: #ea580c !important;
}

.input-text.qty {
    width: 60px;
    padding: 10px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    margin-left: 10px;
}

/* استایل تب‌ها */
.wc-tabs {
    border-bottom: 2px solid #e5e7eb !important;
    margin-bottom: 20px !important;
}

.wc-tabs li.active a {
    color: #f97316 !important;
    border-bottom: 2px solid #f97316 !important;
}

.wc-tabs a {
    color: #6b7280;
    font-weight: 600;
}

/* استایل محصولات مرتبط (هماهنگ با کارت‌های اصلی) */
.related.products ul.products {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 20px;
    list-style: none;
    padding: 0;
}

.product-card {
    border-radius: 12px !important;
    border: 1px solid #e5e7eb !important;
    transition: 0.3s;
}

.product-card:hover {
    box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1) !important;
}

.price-box .text-success {
    color: #16a34a !important;
}









/* ==========================================================================
   بخش قیمت و خرید اختصاصی پوسته 4x4class
   ========================================================================== */

/* باکس اصلی محتوای قیمت و خرید */
.single-buy-box {
    background-color: #fafafa;
    border: 1px solid #eef0f2;
    border-radius: 16px;
    padding: 24px;
}

/* ستون قیمت */
.single-price-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.single-price-box .old-price {
    font-size: 0.95rem;
    color: #a0aec0;
    text-decoration: line-through;
    margin-bottom: 4px;
}

.single-price-box .price.single-price {
    font-size: 1.85rem;
    font-weight: 800;
    color: #1a202c;
    line-height: 1;
}

.single-price-box .price.single-price span {
    font-size: 0.9rem;
    color: #718096;
    font-weight: 500;
    margin-right: 4px;
}

.text-orange {
color: var(--orange);
}

/* ستون فرم خرید ووکامرس */
.single-cart-box form.cart {
    display: flex;
    align-items: center;
    gap: 0;
    margin: 0;
}

/* فیلد انتخاب تعداد (Quantity) */
.single-cart-box form.cart .quantity {
    position: relative;
    display: inline-block;
}

.single-cart-box form.cart .quantity input.qty {
    width: 70px;
    height: 48px;
    background-color: #f7fafc;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    color: #2d3748;
    font-weight: 700;
    text-align: center;
    font-size: 1.05rem;
    transition: all 0.2s ease;
    -moz-appearance: textfield;
}

.single-cart-box form.cart .quantity input.qty::-webkit-outer-spin-button,
.single-cart-box form.cart .quantity input.qty::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.single-cart-box form.cart .quantity input.qty:focus {
    outline: none;
    border-color: #ff6a00;
    background-color: #ffffff;
}

/* دکمه افزودن به سبد خرید */
.single-cart-box form.cart .single_add_to_cart_button {
    flex-grow: 1;
    height: 48px;
    background-color: #23c869 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 10px !important;
    font-weight: 700;
    font-size: 1rem;
    padding: 0 24px;
    transition: background-color 0.15s ease, transform 0.1s active;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.single-cart-box form.cart .single_add_to_cart_button:hover {
    background-color: #1fad5b !important;
}

.single-cart-box form.cart .single_add_to_cart_button:active {
    transform: scale(0.98);
}

/* مخفی‌سازی باقی‌مانده‌های ناخواسته در این بخش */
.single-cart-box h1.product_title,
.single-cart-box p.price,
.single-cart-box .product_meta {
    display: none !important;
}

/* واکنش‌گرایی موبایل */
@media (max-width: 767.98px) {
    .single-buy-box {
        padding: 16px;
    }
    
    .single-price-box {
        text-align: center;
        margin-bottom: 16px;
        padding-bottom: 16px;
        border-bottom: 1px dashed #e2e8f0;
    }

    .single-cart-box form.cart {
        width: 100%;
        flex-direction: row;
    }

    .single-cart-box form.cart .quantity input.qty {
        width: 65px;
    }
}










/* تصویر اصلی */
.single-product-main-image {
    position: relative;
}

.main-image-zoom-link {
    position: relative;
    display: block;
    cursor: zoom-in;
    background: #f8f9fa;
}

.main-display-img {
    transition: transform .25s ease, opacity .25s ease;
    object-fit: cover;
}

.main-image-zoom-link:hover .main-display-img {
    transform: scale(1.035);
}

/* آیکون زوم */
.zoom-icon-overlay {
    position: absolute;
    left: 14px;
    bottom: 14px;
    width: 42px;
    height: 42px;
    border-radius: 999px;
    background: rgba(0, 0, 0, .55);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: .95;
    transition: .2s ease;
}

.main-image-zoom-link:hover .zoom-icon-overlay {
    background: #ff6a00;
}

/* thumbnailها */
.single-product-thumb {
    background: #fff;
    cursor: pointer;
    transition: .2s ease;
    opacity: .72;
}

.single-product-thumb img {
    width: 100%;
    height: 82px;
    object-fit: cover;
    display: block;
}

.single-product-thumb:hover {
    opacity: 1;
    border-color: #ff6a00 !important;
}

.single-product-thumb.active-thumb {
    opacity: 1;
    border-color: #ff6a00 !important;
    box-shadow: 0 0 0 2px rgba(255, 106, 0, .18);
}

/* وقتی لایت‌باکس باز است */
body.x4-lightbox-is-open {
    overflow: hidden;
}

/* لایت‌باکس */
.x4-product-lightbox {
    position: fixed;
    inset: 0;
    z-index: 999999;
    background: rgba(0, 0, 0, .92);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
}

/* ظرف تصویر */
.x4-lightbox-content {
    max-width: 92vw;
    max-height: 88vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* تصویر داخل لایت‌باکس */
.x4-lightbox-image {
    max-width: 92vw;
    max-height: 88vh;
    object-fit: contain;
    border-radius: 14px;
    box-shadow: 0 20px 70px rgba(0, 0, 0, .6);
    user-select: none;
}

/* دکمه بستن */
.x4-lightbox-close {
    position: absolute;
    top: 22px;
    right: 22px;
    width: 46px;
    height: 46px;
    border: 0;
    border-radius: 999px;
    background: rgba(255, 255, 255, .14);
    color: #fff;
    font-size: 34px;
    line-height: 42px;
    cursor: pointer;
    z-index: 3;
    transition: .2s ease;
}

/* فلش‌ها */
.x4-lightbox-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 54px;
    height: 54px;
    border: 0;
    border-radius: 999px;
    background: rgba(255, 255, 255, .14);
    color: #fff;
    font-size: 30px;
    line-height: 54px;
    text-align: center;
    cursor: pointer;
    z-index: 3;
    transition: .2s ease;
}

.x4-lightbox-prev {
    left: 26px;
}

.x4-lightbox-next {
    right: 26px;
}

.x4-lightbox-close:hover,
.x4-lightbox-arrow:hover {
    background: #ff6a00;
    color: #fff;
}

/* شمارنده */
.x4-lightbox-counter {
    position: absolute;
    bottom: 24px;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    background: rgba(255, 255, 255, .15);
    padding: 7px 15px;
    border-radius: 999px;
    font-size: 14px;
    direction: ltr;
    z-index: 3;
}

/* موبایل */
@media (max-width: 575px) {
    .x4-product-lightbox {
        padding: 12px;
    }

    .x4-lightbox-image {
        max-width: 96vw;
        max-height: 82vh;
        border-radius: 10px;
    }

    .x4-lightbox-arrow {
        width: 42px;
        height: 42px;
        font-size: 24px;
        line-height: 42px;
    }

    .x4-lightbox-prev {
        left: 10px;
    }

    .x4-lightbox-next {
        right: 10px;
    }

    .x4-lightbox-close {
        top: 12px;
        right: 12px;
        width: 42px;
        height: 42px;
        font-size: 30px;
        line-height: 38px;
    }

    .x4-lightbox-counter {
        bottom: 14px;
        font-size: 13px;
    }

    .single-product-thumb img {
        height: 68px;
    }
}


/* دکمه خرید قسطی */
.x4-installment-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 0 22px;
    margin-right: 10px;
    border: 1px solid #23c869;
    border-radius: 12px;
    background: #fafafa;
    color: #23c869;
    font-weight: 800;
    font-size: 15px;
    cursor: pointer;
    transition: .2s ease;
}

.x4-installment-btn:hover {
    background: #1fad5b;
    color: #fff;
}

.x4-installment-btn.disabled {
    opacity: .5;
    cursor: not-allowed;
}

/* مودال */
body.x4-installment-open {
    overflow: hidden;
}

.x4-installment-modal {
    position: fixed;
    inset: 0;
    z-index: 999999;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.x4-installment-modal.active {
    display: flex;
}

.x4-installment-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .62);
}

.x4-installment-box {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 460px;
    background: #fff;
    border-radius: 22px;
    padding: 26px;
    box-shadow: 0 25px 80px rgba(0, 0, 0, .25);
    direction: rtl;
    text-align: right;
}

.x4-installment-close {
    position: absolute;
    top: 14px;
    left: 14px;
    width: 36px;
    height: 36px;
    border: 0;
    border-radius: 999px;
    background: #f2f2f2;
    color: #222;
    font-size: 26px;
    line-height: 34px;
    cursor: pointer;
}

.x4-installment-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #ffe7e7;
    color: #720606;
    border-radius: 999px;
    padding: 8px 15px;
    font-size: 13px;
    font-weight: 800;
    margin-bottom: 14px;
}

.x4-installment-box h3 {
    font-size: 21px;
    font-weight: 900;
    margin: 0 0 10px;
    color: #111;
}

.x4-installment-product-title {
    color: #555;
    font-size: 14px;
    margin-bottom: 16px;
}

.x4-installment-price-box {
    background: #f8f9fa;
    border: 1px solid #eee;
    border-radius: 16px;
    padding: 14px;
    margin-bottom: 16px;
}

.x4-installment-price-box > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 7px 0;
    font-size: 14px;
}

.x4-installment-price-box strong {
    color: #111;
    font-weight: 900;
}

.x4-installment-deposit-price {
    color: #23c869 !important;
}

.x4-installment-desc {
    color: #444;
    font-size: 14px;
    line-height: 2;
    margin-bottom: 14px;
}

.x4-installment-warning {
    background: #fff7e6;
    border: 1px solid #ffe0a3;
    color: #7a4b00;
    border-radius: 14px;
    padding: 11px 13px;
    font-size: 13px;
    line-height: 1.9;
    margin-bottom: 16px;
}

.x4-installment-pay-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 48px;
    border-radius: 14px;
    background: #23c869;
    color: #fff;
    text-decoration: none;
    font-weight: 900;
    transition: .2s ease;
}

.x4-installment-pay-btn:hover {
    color: #fff;
}

/* موبایل */
@media (max-width: 575px) {
    .x4-installment-btn {
        width: 100%;
        margin-right: 0;
        margin-top: 0;
    }

    .x4-installment-box {
        padding: 22px;
        border-radius: 18px;
    }
}
























































/* =========================================
   WooCommerce Archive Products Grid
   گرید مستقل آرشیو؛ بدون اسکرول افقی
========================================= */

.shop-page {
  overflow-x: hidden;
}

.archive-products-grid {
  display: flex;
  flex-wrap: wrap !important;
  overflow: visible !important;
  margin-right: calc(var(--bs-gutter-x) * -0.5);
  margin-left: calc(var(--bs-gutter-x) * -0.5);
}

/*
 * جلوگیری از اینکه استایل اسکرولی صفحه اصلی
 * عرض ثابت یا nowrap به کارت‌های آرشیو تحمیل کند.
 */
.archive-products-grid > .product,
.archive-products-grid > [class*="col-"] {
  flex-shrink: 1 !important;
  min-width: 0 !important;
  margin: 10px 0 !important;
}

/* دسکتاپ بزرگ: 4 محصول در هر ردیف */
@media (min-width: 992px) {
  .archive-products-grid > .product,
  .archive-products-grid > [class*="col-"] {
    width: 25% !important;
    flex: 0 0 25% !important;
  }
}

/* تبلت: 2 محصول در هر ردیف */
@media (min-width: 768px) and (max-width: 991.98px) {
  .archive-products-grid > .product,
  .archive-products-grid > [class*="col-"] {
    width: 50% !important;
    flex: 0 0 50% !important;
  }
}

/* موبایل: 2 محصول در هر ردیف */
@media (max-width: 767.98px) {
  .archive-products-grid {
    --bs-gutter-x: 12px;
    --bs-gutter-y: 12px;
  }

  .archive-products-grid > .product,
  .archive-products-grid > [class*="col-"] {
    width: 50% !important;
    flex: 0 0 50% !important;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
  }

  .archive-products-grid .product-body {
        padding: 30px 12px 12px 12px;
  }

  .archive-products-grid .product-title {
    font-size: 14px;
    line-height: 1.8;
    min-height: 50px;
    margin-bottom: 7px;
  }

  .archive-products-grid .mini-info {
    font-size: 11px;
    line-height: 1.7;
  }

  .archive-products-grid .old-price {
    font-size: 11px;
  }

  .archive-products-grid .price {
    font-size: 13px;
    white-space: nowrap;
  }

  .archive-products-grid .add-cart {
    width: 36px;
    height: 36px;
    min-width: 36px;
  }

  .archive-products-grid .tag {
    font-size: 10px;
    padding: 5px 7px;
  }

  .archive-products-grid .rating {
    font-size: 11px;
  }
}

/* موبایل خیلی کوچک: همچنان دو ستونه، اما فشرده‌تر */
@media (max-width: 380px) {
  .archive-products-grid {
    --bs-gutter-x: 8px;
    --bs-gutter-y: 8px;
  }

  .archive-products-grid .product-body {
    padding: 10px;
  }

  .archive-products-grid .mini-info {
    display: none;
  }

  .archive-products-grid .price {
    font-size: 12px;
  }
}
/* =========================================
   تب‌های مرتب‌سازی آرشیو محصولات
========================================= */

.shop-toolbar {
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.shop-sort-tabs-wrap {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 2px 0 8px;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 107, 0, 0.45) transparent;
}

.shop-sort-tabs-wrap::-webkit-scrollbar {
  height: 5px;
}

.shop-sort-tabs-wrap::-webkit-scrollbar-track {
  background: transparent;
}

.shop-sort-tabs-wrap::-webkit-scrollbar-thumb {
  border-radius: 20px;
  background: rgba(255, 107, 0, 0.45);
}

.shop-sort-tabs {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 10px;
  min-width: max-content;
}

.shop-sort-tab {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 42px;
  padding: 9px 15px;
  border: 1px solid #e5e7eb;
  border-radius: 11px;
  background: #fff;
  color: #495057;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  transition: all 0.2s ease;
}

.shop-sort-tab i {
  color: #d83121;
  font-size: 16px;
  transition: color 0.2s ease;
}

.shop-sort-tab:hover {
  border-color: rgba(255, 107, 0, 0.45);
  color: #d83121;
  transform: translateY(-1px);
  box-shadow: 0 5px 14px rgba(255, 107, 0, 0.1);
}

.shop-sort-tab.is-active {
  border-color: #d83121;
  background: #d83121;
  color: #fff;
  box-shadow: 0 6px 16px rgba(255, 107, 0, 0.22);
}

.shop-sort-tab.is-active i {
  color: #fff;
}

.shop-result-count {
  margin: 0;
  color: #6c757d;
  font-size: 13px;
}

.shop-result-count .woocommerce-result-count {
  margin: 0;
}

/* موبایل */
@media (max-width: 575.98px) {
  .shop-sort-tabs-wrap {
    margin-left: -12px;
    margin-right: -12px;
    padding-right: 12px;
    padding-left: 12px;
  }

  .shop-sort-tabs {
    gap: 8px;
  }

  .shop-sort-tab {
    min-height: 39px;
    padding: 8px 12px;
    border-radius: 10px;
    font-size: 12px;
  }

  .shop-sort-tab i {
    font-size: 14px;
  }
}







/* ==========================================================
   4x4class | WooCommerce Cart Block
   Cart Block / wc-block-cart
========================================================== */

.wc-block-cart {
	--fourx4-orange: #f36b21;
	--fourx4-orange-dark: #d95412;
	--fourx4-dark: #202020;
	--fourx4-muted: #7d7d7d;
	--fourx4-border: #e9e9e9;
	--fourx4-soft-orange: #fff3ea;
	--fourx4-soft-gray: #f8f8f8;

	max-width: 1320px;
	margin: 40px auto 75px;
	padding: 0 20px;
	color: var(--fourx4-dark);
	font-family: inherit;
	direction: rtl;
}

/* حذف فاصله‌های بی‌دلیل بلوک */
.wc-block-cart *,
.wc-block-cart *::before,
.wc-block-cart *::after {
	box-sizing: border-box;
}

/* ساختار دو ستونه؛ محتوای سبد + جمع کل */
.wc-block-cart.wc-block-components-sidebar-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 355px;
	gap: 26px;
	align-items: start;
}

/* ستون محصولات */
.wc-block-cart .wc-block-cart__main {
	min-width: 0;
	padding: 0;
	border: 1px solid var(--fourx4-border);
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 8px 30px rgba(0, 0, 0, .045);
	overflow: hidden;
}

/* ستون خلاصه سفارش */
.wc-block-cart .wc-block-cart__sidebar {
	position: sticky;
	top: 20px;
	min-width: 0;
	margin: 0;
	padding: 21px;
	border: 1px solid var(--fourx4-border);
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 8px 30px rgba(0, 0, 0, .045);
}

/* ----------------------------------------------------------
   جدول و سربرگ محصولات
---------------------------------------------------------- */

.wc-block-cart .wc-block-cart-items {
	width: 100%;
	margin: 0;
	border: 0;
	border-collapse: collapse;
	background: transparent;
}

.wc-block-cart .wc-block-cart-items__header {
	background: #fff;
}

.wc-block-cart .wc-block-cart-items__header th {
	padding: 19px 20px;
	border: 0;
	border-bottom: 1px solid var(--fourx4-border);
	color: #292929;
	font-size: 14px;
	font-weight: 800;
	text-align: right;
}

.wc-block-cart .wc-block-cart-items__header-image {
	width: 120px;
}

.wc-block-cart .wc-block-cart-items__header-total {
	width: 170px;
	text-align: left;
}

/* هر آیتم سبد */
.wc-block-cart .wc-block-cart-items__row td {
	padding: 20px;
	border: 0;
	border-bottom: 1px solid #efefef;
	vertical-align: top;
	background: #fff;
}

.wc-block-cart .wc-block-cart-items__row:last-child td {
	border-bottom: 0;
}

/* تصویر محصول */
.wc-block-cart .wc-block-cart-item__image {
	width: 120px;
	padding-left: 0 !important;
}

.wc-block-cart .wc-block-cart-item__image a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100px;
	height: 100px;
	overflow: hidden;
	border: 1px solid #eeeeee;
	border-radius: 13px;
	background: #fafafa;
}

.wc-block-cart .wc-block-cart-item__image img {
	display: block;
	width: 100% !important;
	height: 100% !important;
	object-fit: contain;
}

/* ----------------------------------------------------------
   اطلاعات محصول
---------------------------------------------------------- */

.wc-block-cart .wc-block-cart-item__product {
	min-width: 0;
}

.wc-block-cart .wc-block-cart-item__wrap {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	min-height: 102px;
}

.wc-block-cart .wc-block-components-product-name {
	display: block;
	margin: 0 0 8px;
	color: #292929;
	font-size: 15px;
	font-weight: 800;
	line-height: 1.9;
	text-decoration: none;
	transition: color .2s ease;
}

.wc-block-cart .wc-block-components-product-name:hover {
	color: var(--fourx4-orange);
}

/* قیمت اصلی و قیمت تخفیف‌خورده */
.wc-block-cart .wc-block-cart-item__prices {
	margin: 0 0 7px;
}

.wc-block-cart .wc-block-components-product-price {
	display: inline-flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 7px;
	direction: rtl;
}

.wc-block-cart del.wc-block-components-product-price__regular {
	color: #a2a2a2;
	font-size: 11px;
	font-weight: 500;
	text-decoration-color: #d35b5b;
}

.wc-block-cart ins.wc-block-components-product-price__value,
.wc-block-cart .wc-block-components-product-price__value {
	color: var(--fourx4-orange);
	font-size: 14px;
	font-weight: 800;
	text-decoration: none;
}

/* توضیح، متادیتا، ویژگی و تنوع محصول */
.wc-block-cart .wc-block-components-product-metadata {
	margin: 0 0 12px;
	color: var(--fourx4-muted);
	font-size: 11px;
	line-height: 1.9;
}

.wc-block-cart .wc-block-components-product-metadata__description p {
	margin: 0 0 4px;
}

.wc-block-cart .wc-block-components-product-details {
	display: flex;
	flex-wrap: wrap;
	gap: 3px 5px;
}

.wc-block-cart .wc-block-components-product-details__ {
	display: inline;
}

.wc-block-cart .wc-block-components-product-details__name {
	color: #606060;
	font-weight: 700;
}

.wc-block-cart .wc-block-components-product-details__value {
	color: #8a8a8a;
}

/* ----------------------------------------------------------
   انتخاب تعداد و حذف
---------------------------------------------------------- */

.wc-block-cart .wc-block-cart-item__quantity {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: auto;
	padding-top: 5px;
}

.wc-block-cart .wc-block-components-quantity-selector {
	display: inline-grid;
	grid-template-columns: 34px 43px 34px;
	grid-template-areas: "minus input plus";
	align-items: center;
	width: 111px;
	height: 37px;
	margin: 0;
	border: 1px solid #dfdfdf;
	border-radius: 10px;
	background: #fff;
	overflow: hidden;
	direction: ltr;
}

.wc-block-cart .wc-block-components-quantity-selector__button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 37px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: #fafafa;
	color: #555;
	font-size: 18px;
	font-weight: 500;
	line-height: 1;
	cursor: pointer;
	transition: all .18s ease;
}

.wc-block-cart .wc-block-components-quantity-selector__button--minus {
	grid-area: minus;
}

.wc-block-cart .wc-block-components-quantity-selector__button--plus {
	grid-area: plus;
}

.wc-block-cart .wc-block-components-quantity-selector__button:hover:not(:disabled) {
	background: var(--fourx4-orange);
	color: #fff;
}

.wc-block-cart .wc-block-components-quantity-selector__button:disabled {
	background: #f4f4f4;
	color: #c2c2c2;
	cursor: not-allowed;
}

.wc-block-cart .wc-block-components-quantity-selector__input {
	grid-area: input;
	width: 43px !important;
	height: 37px;
	margin: 0;
	padding: 0 !important;
	border: 0 !important;
	border-right: 1px solid #eeeeee !important;
	border-left: 1px solid #eeeeee !important;
	border-radius: 0 !important;
	outline: 0;
	background: #fff;
	color: #222;
	font-size: 13px;
	font-weight: 700;
	line-height: 37px;
	text-align: center;
	appearance: textfield;
	-moz-appearance: textfield;
}

.wc-block-cart .wc-block-components-quantity-selector__input::-webkit-inner-spin-button,
.wc-block-cart .wc-block-components-quantity-selector__input::-webkit-outer-spin-button {
	margin: 0;
	-webkit-appearance: none;
}

.wc-block-cart .wc-block-cart-item__remove-link {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	margin: 0;
	padding: 4px 0;
	border: 0;
	background: transparent;
	color: #d25757;
	font-family: inherit;
	font-size: 11px;
	font-weight: 600;
	text-decoration: none;
	cursor: pointer;
	transition: color .2s ease;
}

.wc-block-cart .wc-block-cart-item__remove-link::after {
	content: "حذف";
}

.wc-block-cart .wc-block-cart-item__remove-link:hover {
	color: #ab2323;
}

.wc-block-cart .wc-block-cart-item__remove-link svg {
	width: 16px;
	height: 16px;
	fill: currentColor;
}

/* ----------------------------------------------------------
   مبلغ هر ردیف و میزان صرفه‌جویی
---------------------------------------------------------- */

.wc-block-cart .wc-block-cart-item__total {
	width: 170px;
	padding-right: 10px !important;
	text-align: left;
}

.wc-block-cart .wc-block-cart-item__total-price-and-sale-badge-wrapper {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 9px;
	padding-top: 4px;
}

.wc-block-cart .wc-block-cart-item__total .wc-block-components-product-price__value {
	color: #242424;
	font-size: 14px;
	font-weight: 800;
	white-space: nowrap;
}

.wc-block-cart .wc-block-components-sale-badge {
	display: inline-flex;
	align-items: center;
	width: fit-content;
	margin: 0;
	padding: 5px 8px;
	border: 0;
	border-radius: 7px;
	background: #eff9f1;
	color: #3a9850;
	font-size: 10px;
	font-weight: 700;
	line-height: 1.5;
	white-space: nowrap;
}

.wc-block-cart .wc-block-components-sale-badge .wc-block-formatted-money-amount {
	margin-right: 3px;
}

/* ----------------------------------------------------------
   باکس خلاصه سبد، کوپن و دکمه پرداخت
---------------------------------------------------------- */

.wc-block-cart .wc-block-cart__totals-title,
.wc-block-cart .wp-block-woocommerce-cart-order-summary-heading-block {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0 0 18px;
	padding: 0 0 17px;
	border-bottom: 1px solid var(--fourx4-border);
	color: #282828;
	font-size: 17px;
	font-weight: 800;
	line-height: 1.6;
}

.wc-block-cart .wc-block-cart__totals-title::before,
.wc-block-cart .wp-block-woocommerce-cart-order-summary-heading-block::before {
	content: "◈";
	color: var(--fourx4-orange);
	font-size: 18px;
}

/* پنل کوپن */
.wc-block-cart .wc-block-components-totals-coupon {
	margin: 0 0 12px;
	border: 1px solid #e8e8e8;
	border-radius: 10px;
	background: #fcfcfc;
	overflow: hidden;
}

.wc-block-cart .wc-block-components-panel__button {
	display: flex;
	align-items: center;
	gap: 7px;
	padding: 12px;
	color: #565656;
	font-size: 12px;
	font-weight: 700;
	cursor: pointer;
	outline: 0;
}

.wc-block-cart .wc-block-components-panel__button:hover {
	color: var(--fourx4-orange);
}

.wc-block-cart .wc-block-components-panel__button-icon {
	width: 18px;
	height: 18px;
	fill: currentColor;
	transition: transform .2s ease;
}

.wc-block-cart .wc-block-components-panel__button[aria-expanded="true"] .wc-block-components-panel__button-icon {
	transform: rotate(180deg);
}

/* ردیف‌های مبلغ در خلاصه سفارش */
.wc-block-cart .wc-block-components-totals-wrapper {
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
}

.wc-block-cart .wc-block-components-totals-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	margin: 0;
	padding: 13px 0;
	border: 0;
	border-bottom: 1px dashed #e6e6e6;
	color: #747474;
	font-size: 12px;
}

.wc-block-cart .wc-block-components-totals-item__label {
	color: inherit;
	font-weight: 500;
}

.wc-block-cart .wc-block-components-totals-item__value {
	color: #333;
	font-size: 13px;
	font-weight: 800;
	text-align: left;
	white-space: nowrap;
}

.wc-block-cart .wc-block-components-totals-footer-item {
	margin-top: 3px;
	padding: 18px 0 !important;
	border-bottom: 0 !important;
	color: #262626;
	font-size: 15px;
	font-weight: 800;
}

.wc-block-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
	color: var(--fourx4-orange);
	font-size: 17px;
}

/* دکمه رفتن به پرداخت */
.wc-block-cart .wc-block-cart__submit {
	margin: 8px 0 0;
}

.wc-block-cart .wc-block-cart__submit-container {
	width: 100%;
}

.wc-block-cart .wc-block-cart__submit-button,
.wc-block-cart a.wc-block-components-button.wc-block-cart__submit-button {
	display: flex !important;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 52px;
	margin: 0;
	padding: 12px 16px;
	border: 0;
	border-radius: 11px;
	background: var(--fourx4-orange) !important;
	color: #fff !important;
	box-shadow: none;
	font-family: inherit;
	font-size: 14px;
	font-weight: 800;
	line-height: 1.5;
	text-decoration: none;
	transition: all .2s ease;
}

.wc-block-cart .wc-block-cart__submit-button:hover,
.wc-block-cart a.wc-block-components-button.wc-block-cart__submit-button:hover {
	background: var(--fourx4-orange-dark) !important;
	color: #fff !important;
	transform: translateY(-1px);
	box-shadow: 0 8px 17px rgba(243, 107, 33, .22);
}

.wc-block-cart .wc-block-cart__submit-button::before {
	content: "←";
	margin-left: 8px;
	font-size: 18px;
	line-height: 1;
}

/* ----------------------------------------------------------
   پیام‌های ووکامرس
---------------------------------------------------------- */

.wc-block-cart .wc-block-components-notice-banner {
	margin: 0 0 16px;
	border: 1px solid #f2d792;
	border-radius: 11px;
	background: #fffaf0;
	color: #7c5a10;
	box-shadow: none;
	font-size: 12px;
}

.wc-block-cart .wc-block-components-notice-banner.is-success {
	border-color: #bce2c4;
	background: #f1fbf3;
	color: #267238;
}

/* ----------------------------------------------------------
   موبایل و تبلت
---------------------------------------------------------- */

@media (max-width: 991px) {

	.wc-block-cart {
		margin-bottom: 100px;
	}

	.wc-block-cart.wc-block-components-sidebar-layout {
		grid-template-columns: 1fr;
	}

	.wc-block-cart .wc-block-cart__sidebar {
		position: static;
	}
}

@media (max-width: 768px) {

	.wc-block-cart {
		margin: 20px auto 95px;
		padding: 0 12px;
	}

	.wc-block-cart .wc-block-cart__main,
	.wc-block-cart .wc-block-cart__sidebar {
		border-radius: 14px;
	}

	.wc-block-cart .wc-block-cart__sidebar {
		padding: 16px;
	}

	/* در موبایل، table به کارت تبدیل می‌شود */
	.wc-block-cart .wc-block-cart-items,
	.wc-block-cart .wc-block-cart-items tbody,
	.wc-block-cart .wc-block-cart-items__row,
	.wc-block-cart .wc-block-cart-items__row td {
		display: block;
		width: 100%;
	}

	.wc-block-cart .wc-block-cart-items thead {
		display: none;
	}

	.wc-block-cart .wc-block-cart-items__row {
		position: relative;
		padding: 15px;
		border-bottom: 1px solid #ededed;
	}

	.wc-block-cart .wc-block-cart-items__row:last-child {
		border-bottom: 0;
	}

	.wc-block-cart .wc-block-cart-items__row td {
		padding: 0 !important;
		border: 0;
	}

	.wc-block-cart .wc-block-cart-item__image {
		position: absolute;
		top: 15px;
		right: 15px;
		width: 82px;
	}

	.wc-block-cart .wc-block-cart-item__image a {
		width: 82px;
		height: 82px;
		border-radius: 10px;
	}

	.wc-block-cart .wc-block-cart-item__product {
		min-height: 95px;
		padding-right: 96px !important;
	}

	.wc-block-cart .wc-block-cart-item__wrap {
		display: block;
		min-height: 0;
	}

	.wc-block-cart .wc-block-components-product-name {
		margin: 0 35px 6px 0;
		font-size: 12px;
		line-height: 1.9;
	}

	.wc-block-cart .wc-block-cart-item__prices {
		margin-bottom: 5px;
	}

	.wc-block-cart ins.wc-block-components-product-price__value,
	.wc-block-cart .wc-block-components-product-price__value {
		font-size: 12px;
	}

	.wc-block-cart del.wc-block-components-product-price__regular {
		font-size: 10px;
	}

	.wc-block-cart .wc-block-components-product-metadata {
		margin-bottom: 10px;
		font-size: 10px;
		line-height: 1.8;
	}

	.wc-block-cart .wc-block-cart-item__quantity {
		justify-content: space-between;
		padding-top: 3px;
	}

	.wc-block-cart .wc-block-cart-item__total {
		position: absolute;
		top: 52px;
		left: 15px;
		width: auto;
		padding: 0 !important;
	}

	.wc-block-cart .wc-block-cart-item__total-price-and-sale-badge-wrapper {
		align-items: flex-end;
		gap: 5px;
	}

	.wc-block-cart .wc-block-cart-item__total .wc-block-components-product-price__value {
		font-size: 11px;
	}

	.wc-block-cart .wc-block-components-sale-badge {
		padding: 3px 5px;
		font-size: 8px;
	}

	.wc-block-cart .wc-block-components-quantity-selector {
		width: 102px;
		height: 35px;
		grid-template-columns: 31px 40px 31px;
	}

	.wc-block-cart .wc-block-components-quantity-selector__button {
		width: 31px;
		height: 35px;
	}

	.wc-block-cart .wc-block-components-quantity-selector__input {
		width: 40px !important;
		height: 35px;
		line-height: 35px;
	}

	.wc-block-cart .wc-block-cart__totals-title,
	.wc-block-cart .wp-block-woocommerce-cart-order-summary-heading-block {
		margin-bottom: 14px;
		padding-bottom: 13px;
		font-size: 15px;
	}

	.wc-block-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
		font-size: 15px;
	}
}

/* ==========================================================
   FIX | Cart Block desktop width
   این بخش باید بعد از CSS قبلی Cart قرار بگیرد
========================================================== */

@media (min-width: 992px) {

	/* اگر والد صفحه توسط قالب محدود نشده باشد، سبد حداکثر 1440px عرض می‌گیرد */
	.wc-block-cart.wc-block-components-sidebar-layout {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) minmax(340px, 390px) !important;
		gap: 28px !important;
		align-items: start !important;

		width: 100% !important;
		max-width: 1440px !important;
		margin-right: auto !important;
		margin-left: auto !important;
	}

	/*
	 * ووکامرس به‌صورت پیش‌فرض روی Main و Sidebar عرض اختصاصی می‌گذارد.
	 * این‌ها باید تمام عرض Track گرید خودشان را پر کنند.
	 */
	.wc-block-cart.wc-block-components-sidebar-layout > .wc-block-cart__main,
	.wc-block-cart.wc-block-components-sidebar-layout > .wc-block-cart__sidebar {
		width: 100% !important;
		max-width: none !important;
		min-width: 0 !important;
		margin: 0 !important;
	}

	/* ستون محصولات باید عرض کامل ستون اول Grid را اشغال کند */
	.wc-block-cart.wc-block-components-sidebar-layout > .wc-block-cart__main {
		grid-column: 1 !important;
	}

	/* سایدبار جمع سفارش باید عرض کامل ستون دوم Grid را اشغال کند */
	.wc-block-cart.wc-block-components-sidebar-layout > .wc-block-cart__sidebar {
		grid-column: 2 !important;
		align-self: start !important;
	}

	/* رفع محدودیت‌های داخلی احتمالی در بلوک جمع سفارش */
	.wc-block-cart .wp-block-woocommerce-cart-order-summary-block,
	.wc-block-cart .wp-block-woocommerce-cart-order-summary-totals-block,
	.wc-block-cart .wc-block-cart__submit,
	.wc-block-cart .wc-block-cart__submit-container {
		width: 100% !important;
		max-width: none !important;
	}

	/* جدول محصولات تمام عرض کارت اصلی */
	.wc-block-cart .wc-block-cart-items {
		width: 100% !important;
		table-layout: fixed;
	}

	/* نسبت منطقی سه ستون در نمایش دسکتاپ */
	.wc-block-cart .wc-block-cart-items__header-image,
	.wc-block-cart .wc-block-cart-item__image {
		width: 132px !important;
	}

	.wc-block-cart .wc-block-cart-items__header-total,
	.wc-block-cart .wc-block-cart-item__total {
		width: 185px !important;
	}

	/* ستون وسط: اطلاعات محصول؛ باقی‌مانده‌ی عرض جدول را می‌گیرد */
	.wc-block-cart .wc-block-cart-item__product {
		width: auto !important;
	}

	/* کمی فضای تنفسی بیشتر برای نسخه دسکتاپ */
	.wc-block-cart .wc-block-cart-items__row td {
		padding: 22px 20px !important;
	}

	.wc-block-cart .wc-block-cart-item__image a {
		width: 108px;
		height: 108px;
	}

	.wc-block-cart .wc-block-components-product-name {
		font-size: 16px;
	}

	.wc-block-cart .wc-block-cart-item__total .wc-block-components-product-price__value {
		font-size: 15px;
	}

	.wc-block-cart .wc-block-cart__sidebar {
		padding: 24px;
	}
}



/* =====================================================
   4x4class | WooCommerce Product Reviews
===================================================== */

.fourx4-product-reviews {
	margin-top: 28px;
	padding: 25px;
	border: 1px solid #e9e9e9;
	border-radius: 18px;
	background: #fff;
	color: #242424;
	direction: rtl;
}

.fourx4-product-reviews__heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding-bottom: 22px;
	border-bottom: 1px solid #ededed;
}

.fourx4-product-reviews__eyebrow {
	display: block;
	margin-bottom: 7px;
	color: #f36b21;
	font-size: 11px;
	font-weight: 800;
}

.fourx4-product-reviews__title {
	margin: 0 0 7px;
	color: #252525;
	font-size: 19px;
	font-weight: 800;
	line-height: 1.8;
}

.fourx4-product-reviews__title span {
	color: #f36b21;
}

.fourx4-product-reviews__subtitle {
	margin: 0;
	color: #858585;
	font-size: 12px;
	line-height: 1.9;
}

.fourx4-product-reviews__average {
	min-width: 100px;
	padding: 10px 13px;
	border-radius: 12px;
	background: #fff7f1;
	text-align: center;
}

.fourx4-product-reviews__average-number {
	display: block;
	color: #282828;
	font-size: 22px;
	font-weight: 900;
	line-height: 1;
}

.fourx4-product-reviews__average-stars {
	margin: 5px 0 2px;
}

.fourx4-product-reviews__average-stars .star-rating {
	float: none;
	margin: auto;
}

.fourx4-product-reviews__average small {
	color: #888;
	font-size: 9px;
	white-space: nowrap;
}

.fourx4-product-reviews__list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.fourx4-product-reviews__list .review {
	margin: 0;
	padding: 22px 0;
	border-bottom: 1px solid #eeeeee;
	list-style: none;
}

.fourx4-product-reviews__list .review:last-child {
	border-bottom: 0;
}

.fourx4-product-reviews .comment_container {
	position: relative;
	display: grid;
	grid-template-columns: 48px minmax(0, 1fr);
	gap: 12px;
}

.fourx4-product-reviews .comment_container > img.avatar {
	width: 48px;
	height: 48px;
	margin: 0;
	border: 1px solid #e9e9e9;
	border-radius: 50%;
	background: #f4f4f4;
}

.fourx4-product-reviews .comment-text {
	min-width: 0;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
}

.fourx4-product-reviews .star-rating {
	float: left;
	color: #f5a623;
	font-size: 13px;
}

.fourx4-product-reviews .meta {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	margin: 0 0 10px;
	color: #9a9a9a;
	font-size: 11px;
}

.fourx4-product-reviews .meta strong {
	color: #343434;
	font-size: 12px;
	font-weight: 800;
}

.fourx4-product-reviews .meta time {
	color: #9a9a9a;
}

.fourx4-product-reviews .description {
	clear: both;
	color: #5f5f5f;
	font-size: 12px;
	line-height: 2.1;
}

.fourx4-product-reviews .description p {
	margin: 0;
}

.fourx4-product-reviews__empty {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 20px 0 0;
	padding: 16px;
	border: 1px dashed #e0e0e0;
	border-radius: 13px;
	background: #fafafa;
}

.fourx4-product-reviews__empty-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border-radius: 11px;
	background: #fff1e8;
	color: #f36b21;
	font-size: 19px;
}

.fourx4-product-reviews__empty strong {
	display: block;
	margin-bottom: 3px;
	color: #3b3b3b;
	font-size: 12px;
}

.fourx4-product-reviews__empty p {
	margin: 0;
	color: #888;
	font-size: 11px;
	line-height: 1.8;
}

.fourx4-product-reviews__form-wrapper {
	margin-top: 26px;
	padding: 22px;
	border-radius: 15px;
	background: #fafafa;
}

.fourx4-product-reviews__form-title {
	margin: 0 0 8px;
	color: #292929;
	font-size: 17px;
	font-weight: 800;
}

.fourx4-product-reviews__form-note {
	margin: 0 0 17px;
	color: #888;
	font-size: 11px;
	line-height: 1.9;
}

.fourx4-product-reviews .required {
	color: #dc4b4b;
}

.fourx4-product-reviews form.comment-form {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.fourx4-product-reviews form.comment-form > p {
	margin: 0;
}

.fourx4-product-reviews .comment-form-rating,
.fourx4-product-reviews .comment-form-comment,
.fourx4-product-reviews .comment-form-cookies-consent,
.fourx4-product-reviews .form-submit {
	grid-column: 1 / -1;
}

.fourx4-product-reviews label {
	display: block;
	margin-bottom: 7px;
	color: #4b4b4b;
	font-size: 11px;
	font-weight: 800;
}

.fourx4-product-reviews input[type="text"],
.fourx4-product-reviews input[type="email"],
.fourx4-product-reviews textarea,
.fourx4-product-reviews select {
	width: 100%;
	border: 1px solid #e0e0e0;
	border-radius: 10px;
	outline: 0;
	background: #fff;
	color: #333;
	font-family: inherit;
	font-size: 12px;
	transition: border-color .2s ease, box-shadow .2s ease;
}

.fourx4-product-reviews input[type="text"],
.fourx4-product-reviews input[type="email"],
.fourx4-product-reviews select {
	height: 43px;
	padding: 0 12px;
}

.fourx4-product-reviews textarea {
	min-height: 130px;
	padding: 12px;
	resize: vertical;
	line-height: 2;
}

.fourx4-product-reviews input:focus,
.fourx4-product-reviews textarea:focus,
.fourx4-product-reviews select:focus {
	border-color: #f36b21;
	box-shadow: 0 0 0 3px rgba(243, 107, 33, .10);
}

.fourx4-product-reviews .comment-form-cookies-consent {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	color: #888;
	font-size: 10px;
	line-height: 1.9;
}

.fourx4-product-reviews .comment-form-cookies-consent input {
	width: auto;
	margin: 4px 0 0;
}

.fourx4-product-reviews .comment-form-cookies-consent label {
	margin: 0;
	color: #888;
	font-size: 10px;
	font-weight: 400;
}

.fourx4-product-reviews__submit {
	min-width: 155px;
	height: 45px;
	padding: 0 18px !important;
	border: 0 !important;
	border-radius: 10px !important;
	background: #f36b21 !important;
	color: #fff !important;
	font-family: inherit !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	cursor: pointer;
	transition: all .2s ease;
}

.fourx4-product-reviews__submit:hover {
	background: #d95714 !important;
	transform: translateY(-1px);
	box-shadow: 0 7px 15px rgba(243, 107, 33, .20);
}

.fourx4-product-reviews__verification-note,
.fourx4-product-reviews__closed {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 16px 0 0;
	padding: 12px;
	border-radius: 10px;
	background: #fff5e9;
	color: #99622d;
	font-size: 11px;
	line-height: 1.9;
}

.fourx4-product-reviews__pagination {
	margin-top: 18px;
}

.fourx4-product-reviews__pagination .page-numbers {
	display: flex;
	gap: 5px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.fourx4-product-reviews__pagination a,
.fourx4-product-reviews__pagination span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 32px;
	height: 32px;
	border: 1px solid #e5e5e5;
	border-radius: 8px;
	color: #555;
	font-size: 11px;
	text-decoration: none;
}

.fourx4-product-reviews__pagination .current,
.fourx4-product-reviews__pagination a:hover {
	border-color: #f36b21;
	background: #f36b21;
	color: #fff;
}

@media (max-width: 768px) {

	.fourx4-product-reviews {
		margin-top: 18px;
		padding: 16px;
		border-radius: 14px;
	}

	.fourx4-product-reviews__heading {
		align-items: flex-start;
		gap: 10px;
		padding-bottom: 16px;
	}

	.fourx4-product-reviews__title {
		font-size: 15px;
	}

	.fourx4-product-reviews__subtitle {
		font-size: 10px;
	}

	.fourx4-product-reviews__average {
		min-width: 78px;
		padding: 8px;
	}

	.fourx4-product-reviews__average-number {
		font-size: 18px;
	}

	.fourx4-product-reviews .comment_container {
		grid-template-columns: 38px minmax(0, 1fr);
		gap: 9px;
	}

	.fourx4-product-reviews .comment_container > img.avatar {
		width: 38px;
		height: 38px;
	}

	.fourx4-product-reviews .star-rating {
		float: none;
		margin: 0 0 7px;
	}

	.fourx4-product-reviews .meta {
		font-size: 10px;
	}

	.fourx4-product-reviews .description {
		font-size: 11px;
	}

	.fourx4-product-reviews__form-wrapper {
		margin-top: 18px;
		padding: 15px;
		border-radius: 12px;
	}

	.fourx4-product-reviews form.comment-form {
		grid-template-columns: 1fr;
		gap: 12px;
	}

	.fourx4-product-reviews .comment-form-author,
	.fourx4-product-reviews .comment-form-email {
		grid-column: 1 / -1;
	}

	.fourx4-product-reviews__submit {
		width: 100%;
	}
}
/* =====================================================
   FIX | WooCommerce review rating stars
   این کد باید بعد از استایل‌های بخش نظرات قرار بگیرد
===================================================== */

.fourx4-product-reviews .comment-form-rating {
	grid-column: 1 / -1;
	margin: 0;
	padding: 13px 14px;
	border: 1px solid #e5e5e5;
	border-radius: 11px;
	background: #fff;
}

.fourx4-product-reviews .comment-form-rating > label {
	margin-bottom: 9px;
}

/* حذف ظاهر خراب یا استایل پیش‌فرض ووکامرس */
.fourx4-product-reviews .comment-form-rating p.stars {
	display: inline-flex !important;
	align-items: center;
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: visible !important;
	line-height: 1 !important;
	direction: ltr;
}

.fourx4-product-reviews .comment-form-rating p.stars > span {
	display: inline-flex !important;
	align-items: center;
	gap: 3px;
	width: auto !important;
	height: auto !important;
}

/* هر گزینه امتیاز */
.fourx4-product-reviews .comment-form-rating p.stars a {
	position: static !important;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;

	width: 26px !important;
	height: 28px !important;
	margin: 0 !important;
	padding: 0 !important;

	overflow: visible !important;
	border: 0 !important;
	background: transparent !important;

	color: transparent !important;
	font-size: 0 !important;
	line-height: 1 !important;
	text-decoration: none !important;
	text-indent: 0 !important;

	cursor: pointer;
}

/* ستاره خالی */
.fourx4-product-reviews .comment-form-rating p.stars a::before {
	content: "☆" !important;
	display: block !important;

	width: auto !important;
	height: auto !important;

	color: #c9c9c9 !important;
	font-family: Arial, sans-serif !important;
	font-size: 27px !important;
	font-style: normal !important;
	font-weight: 400 !important;
	line-height: 1 !important;

	transition: transform .15s ease, color .15s ease;
}

/* ستاره انتخاب‌شده و همه ستاره‌های قبل از آن */
.fourx4-product-reviews .comment-form-rating p.stars.selected a.active::before,
.fourx4-product-reviews .comment-form-rating p.stars.selected a:has(~ a.active)::before {
	content: "★" !important;
	color: #f5a623 !important;
}

/* نمایش امتیاز در زمان Hover، قبل از کلیک */
.fourx4-product-reviews .comment-form-rating p.stars:not(.selected) a:hover::before,
.fourx4-product-reviews .comment-form-rating p.stars:not(.selected) a:has(~ a:hover)::before {
	content: "★" !important;
	color: #f5a623 !important;
	transform: scale(1.08);
}

/* در زمان Hover حتی اگر قبلاً یک امتیاز انتخاب شده باشد */
.fourx4-product-reviews .comment-form-rating p.stars.selected:hover a::before {
	content: "☆" !important;
	color: #c9c9c9 !important;
}

.fourx4-product-reviews .comment-form-rating p.stars.selected:hover a:hover::before,
.fourx4-product-reviews .comment-form-rating p.stars.selected:hover a:has(~ a:hover)::before {
	content: "★" !important;
	color: #f5a623 !important;
	transform: scale(1.08);
}

/* حالت فوکوس برای کیبورد و دسترس‌پذیری */
.fourx4-product-reviews .comment-form-rating p.stars a:focus-visible {
	outline: 2px solid #f36b21 !important;
	outline-offset: 2px;
	border-radius: 5px !important;
}

/* Select اصلی برای ثبت مقدار توسط ووکامرس مخفی می‌ماند */
.fourx4-product-reviews .comment-form-rating select#rating {
	display: none !important;
}

/* نمایش متن راهنما کنار ستاره‌ها */
.fourx4-product-reviews .comment-form-rating::after {
	content: "برای ثبت امتیاز، روی ستاره‌ها کلیک کنید";
	display: inline-block;
	margin-right: 10px;
	color: #909090;
	font-size: 10px;
	vertical-align: 3px;
}

@media (max-width: 768px) {

	.fourx4-product-reviews .comment-form-rating {
		padding: 11px;
	}

	.fourx4-product-reviews .comment-form-rating p.stars a {
		width: 23px !important;
		height: 26px !important;
	}

	.fourx4-product-reviews .comment-form-rating p.stars a::before {
		font-size: 24px !important;
	}

	.fourx4-product-reviews .comment-form-rating::after {
		display: block;
		margin: 8px 0 0;
	}
}
/* =====================================================
   4x4class | Horizontal Product Categories Navigation
===================================================== */

.x4-product-categories-nav {
	margin: 0 0 28px;
	padding: 20px;
	border: 1px solid #ececec;
	border-radius: 18px;
	background:
		linear-gradient(135deg, rgba(216, 49, 33, .055), transparent 45%),
		#ffffff;
	overflow: hidden;
}

/* هدر سکشن */
.x4-product-categories-nav__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 18px;
}

.x4-product-categories-nav__title {
	margin: 6px 0 0;
	color: #202020;
	font-size: 18px;
	font-weight: 900;
	line-height: 1.5;
}

.x4-product-categories-nav__all {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	flex: 0 0 auto;
	color: #d83121;
	font-size: 12px;
	font-weight: 800;
	text-decoration: none;
	white-space: nowrap;
	transition: color .2s ease;
}

.x4-product-categories-nav__all:hover {
	color: #202020;
}

.x4-product-categories-nav__all i {
	font-size: 15px;
	transition: transform .2s ease;
}

.x4-product-categories-nav__all:hover i {
	transform: translateX(-4px);
}

/* کانتینر اسکرول افقی */
.x4-product-categories-scroll {
	display: flex;
	gap: 12px;
	width: 100%;
	padding: 2px 1px 10px;
	overflow-x: auto;
	overflow-y: hidden;
	scroll-snap-type: x proximity;
	scrollbar-width: thin;
	scrollbar-color: #76150f #f3f3f3;
	-webkit-overflow-scrolling: touch;
}

/* اسکرول‌بار مرورگرهای Chrome / Edge / Safari */
.x4-product-categories-scroll::-webkit-scrollbar {
	height: 5px;
}

.x4-product-categories-scroll::-webkit-scrollbar-track {
	border-radius: 50px;
	background: #f1f1f1;
}

.x4-product-categories-scroll::-webkit-scrollbar-thumb {
	border-radius: 50px;
	background: #ef5d24;
}

/* کارت هر دسته */
.x4-category-menu-card {
	display: flex;
	align-items: center;
	gap: 10px;
	flex: 0 0 235px;
	min-height: 80px;
	padding: 11px 12px;
	border: 1px solid #e7e7e7;
	border-radius: 13px;
	background: #ffffff;
	color: #222222;
	text-decoration: none;
	scroll-snap-align: start;
	transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.x4-category-menu-card:hover {
	border-color: #76150f;
	box-shadow: 0 8px 20px rgba(0, 0, 0, .08);
	color: #222222;
	transform: translateY(-3px);
}

/* باکس آیکون */
.x4-category-menu-card__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 46px;
	width: 46px;
	height: 46px;
	border-radius: 12px;
	background: #d83121;
	color: #fff;
	font-size: 21px;
	transition: background .2s ease, color .2s ease;
}

.x4-category-menu-card:hover .x4-category-menu-card__icon {
	background: #76150f;
	color: #ffffff;
}

/* محتوا */
.x4-category-menu-card__content {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	min-width: 0;
	gap: 3px;
}

.x4-category-menu-card__content strong {
	overflow: hidden;
	color: #242424;
	font-size: 13px;
	font-weight: 900;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.x4-category-menu-card__content small {
	overflow: hidden;
	color: #929292;
	font-size: 10px;
	font-weight: 500;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* فلش سمت چپ کارت */
.x4-category-menu-card__arrow {
	flex: 0 0 auto;
	color: #b3b3b3;
	font-size: 14px;
	transition: color .2s ease, transform .2s ease;
}

.x4-category-menu-card:hover .x4-category-menu-card__arrow {
	color: #ef5d24;
	transform: translateX(-3px);
}

/* موبایل */
@media (max-width: 767px) {

	.x4-product-categories-nav {
		margin-bottom: 20px;
		padding: 15px 13px;
		border-radius: 14px;
	}

	.x4-product-categories-nav__head {
		margin-bottom: 14px;
	}

	.x4-product-categories-nav__title {
		font-size: 15px;
	}

	.x4-product-categories-nav__all {
		font-size: 11px;
	}

	.x4-product-categories-scroll {
		gap: 9px;
		margin-left: -13px;
		margin-right: -13px;
		padding: 2px 13px 9px;
	}

	.x4-category-menu-card {
		flex-basis: 205px;
		min-height: 72px;
		padding: 10px;
	}

	.x4-category-menu-card__icon {
		flex-basis: 42px;
		width: 42px;
		height: 42px;
		font-size: 19px;
	}

	.x4-category-menu-card__content strong {
		font-size: 12px;
	}

	.x4-category-menu-card__content small {
		font-size: 9px;
	}

}
.product-badge-discount{    position: absolute;
    z-index: 999;
}

/* =====================================================
   4x4class | Simple WooCommerce Breadcrumb
===================================================== */

.woocommerce-breadcrumb {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 5px;

	margin: 0 0 18px;
	padding: 0;

	background: transparent;
	border: 0;

	color: #9a9a9a;
	font-size: 11px;
	font-weight: 500;
	line-height: 1.8;
}

.woocommerce-breadcrumb a {
	color: #6f6f6f;
	text-decoration: none;
	transition: color .2s ease;
}

.woocommerce-breadcrumb a:hover {
	color: #ef5d24;
}

/* آخرین آیتم؛ نام محصول فعلی */
.woocommerce-breadcrumb {
	color: #333333;
}

/* لینک‌ها جز نام محصول رنگ خنثی دارند */
.woocommerce-breadcrumb a {
	white-space: nowrap;
}

@media (max-width: 767px) {

	.woocommerce-breadcrumb {
		margin-bottom: 13px;
		font-size: 10px;
		line-height: 1.9;
	}

}

/* =========================================================
   4x4Class - Single Post Layout
   ایزوله از Bootstrap Grid و Elementor
   ========================================================= */

.x4sp-shell {
    --x4sp-primary: #d83121;
    --x4sp-primary-dark: #76150f;
    --x4sp-dark: #171b1c;
    --x4sp-dark-2: #222829;
    --x4sp-text: #272d2e;
    --x4sp-muted: #727b7d;
    --x4sp-border: #e8ebeb;
    --x4sp-bg: #f6f7f6;
    --x4sp-white: #ffffff;
    --x4sp-radius: 18px;
    --x4sp-shadow: 0 12px 35px rgba(18, 28, 29, .07);

    direction: rtl;
    overflow: hidden;
    padding: 30px 0 75px;
    color: var(--x4sp-text);
}

.x4sp-shell *,
.x4sp-shell *::before,
.x4sp-shell *::after {
    box-sizing: border-box;
}

.x4sp-container {
    width: min(100% - 32px, 1380px);
    margin: 0 auto;
}

.x4sp-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 350px;
    gap: 28px;
    align-items: start;
}

.x4sp-main,
.x4sp-sidebar {
    min-width: 0;
}

.x4sp-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 0 0 24px;
    font-size: 13px;
    color: var(--x4sp-muted);
}

.x4sp-breadcrumb a {
    color: inherit;
    text-decoration: none;
    transition: color .2s ease;
}

.x4sp-breadcrumb a:hover {
    color: var(--x4sp-primary);
}

.x4sp-breadcrumb a i {
    margin-left: 4px;
}

.x4sp-breadcrumb-arrow {
    color: #a2aaaa;
    font-size: 11px;
}

.x4sp-current {
    max-width: 260px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.x4sp-article-header,
.x4sp-featured-image,
.x4sp-excerpt-box,
.x4sp-toc,
.x4sp-content,
.x4sp-tags-section,
.x4sp-share-box,
.x4sp-author-box,
.x4sp-products-section,
.x4sp-related-posts,
.x4sp-comments-section,
.x4sp-widget {
    background: var(--x4sp-white);
    border: 1px solid var(--x4sp-border);
    border-radius: var(--x4sp-radius);
    box-shadow: var(--x4sp-shadow);
}

.x4sp-article-header {
    padding: clamp(24px, 4vw, 46px);
    margin-bottom: 20px;
}

.x4sp-category-badge {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 8px 13px;
    border-radius: 50px;
    background: rgba(239, 125, 0, .1);
    color: var(--x4sp-primary-dark);
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
}

.x4sp-title {
    margin: 17px 0 23px;
    color: var(--x4sp-dark);
font-size: clamp(20px, 2.2vw, 32px);
    line-height: 1.55;
    font-weight: 900;
    letter-spacing: -.5px;
}

.x4sp-meta-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 18px;
    padding-top: 20px;
    border-top: 1px solid var(--x4sp-border);
}

.x4sp-author-mini {
    display: flex;
    align-items: center;
    gap: 10px;
}

.x4sp-author-avatar {
    border-radius: 50%;
    border: 2px solid var(--x4sp-primary);
}

.x4sp-author-mini span,
.x4sp-author-mini strong {
    display: block;
}

.x4sp-author-mini span {
    margin-bottom: 3px;
    color: var(--x4sp-muted);
    font-size: 11px;
}

.x4sp-author-mini strong {
    color: var(--x4sp-dark);
    font-size: 13px;
}

.x4sp-meta-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 12px 18px;
    color: var(--x4sp-muted);
    font-size: 12px;
}

.x4sp-meta-items span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.x4sp-meta-items i {
    color: var(--x4sp-primary);
    font-size: 14px;
}

.x4sp-featured-image {
    overflow: hidden;
    margin: 0 0 20px;
    line-height: 0;
}

.x4sp-featured-image img {
    width: 100%;
    height: auto;
    min-height: 280px;
    max-height: 590px;
    object-fit: cover;
}

.x4sp-excerpt-box {
    display: flex;
    gap: 16px;
    padding: 22px;
    margin-bottom: 20px;
    border-right: 4px solid var(--x4sp-primary);
}

.x4sp-excerpt-icon {
    display: grid;
    flex: 0 0 45px;
    width: 45px;
    height: 45px;
    place-items: center;
    border-radius: 13px;
    background: var(--x4sp-dark);
    color: var(--x4sp-primary);
    font-size: 20px;
}

.x4sp-excerpt-box h2 {
    margin: 0 0 7px;
    color: var(--x4sp-dark);
    font-size: 16px;
    font-weight: 800;
}

.x4sp-excerpt-box p {
    margin: 0;
    color: #596263;
    font-size: 14px;
    line-height: 2;
}

.x4sp-toc {
    overflow: hidden;
    margin-bottom: 20px;
}

.x4sp-toc-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 17px 21px;
    background: #fbfcfc;
    border-bottom: 1px solid var(--x4sp-border);
}

.x4sp-toc-head > div {
    display: flex;
    align-items: center;
    gap: 10px;
}

.x4sp-toc-head > div > i {
    color: var(--x4sp-primary);
    font-size: 20px;
}

.x4sp-toc h2 {
    margin: 0;
    color: var(--x4sp-dark);
    font-size: 16px;
    font-weight: 800;
}

.x4sp-toc-toggle {
    display: grid;
    width: 32px;
    height: 32px;
    padding: 0;
    place-items: center;
    border: 0;
    border-radius: 9px;
    background: #f1f3f3;
    color: var(--x4sp-dark);
    cursor: pointer;
}

.x4sp-toc-list {
    margin: 0;
    padding: 16px 44px 20px 20px;
}

.x4sp-toc-list li {
    margin: 9px 0;
    padding-right: 2px;
    color: var(--x4sp-muted);
    font-size: 14px;
    line-height: 1.8;
}

.x4sp-toc-list .x4sp-toc-subitem {
    margin-right: 17px;
    font-size: 13px;
}

.x4sp-toc-list a {
    color: inherit;
    text-decoration: none;
}

.x4sp-toc-list a:hover {
    color: var(--x4sp-primary);
}

.x4sp-content {
    padding: clamp(23px, 4vw, 46px);
    margin-bottom: 20px;
    overflow-wrap: break-word;
}

.x4sp-content > *:first-child {
    margin-top: 0;
}

.x4sp-content > *:last-child {
    margin-bottom: 0;
}

.x4sp-content h2,
.x4sp-content h3,
.x4sp-content h4 {
    position: relative;
    scroll-margin-top: 100px;
    color: var(--x4sp-dark);
    font-weight: 900;
}

.x4sp-content h2 {
    margin: 45px 0 18px;
    padding-right: 16px;
    font-size: clamp(21px, 2.5vw, 29px);
    line-height: 1.65;
}

.x4sp-content h2::before {
    position: absolute;
    top: 8px;
    right: 0;
    width: 5px;
    height: calc(100% - 16px);
    border-radius: 8px;
    background: var(--x4sp-primary);
    content: "";
}

.x4sp-content h3 {
    margin: 35px 0 15px;
    font-size: clamp(18px, 2vw, 23px);
    line-height: 1.7;
}

.x4sp-content p,
.x4sp-content li {
    color: #3e4748;
    font-size: 16px;
    line-height: 2.25;
}

.x4sp-content p {
    margin: 0 0 20px;
}

.x4sp-content ul,
.x4sp-content ol {
    margin: 0 0 25px;
    padding-right: 26px;
}

.x4sp-content li {
    margin-bottom: 8px;
    padding-right: 5px;
}

.x4sp-content a {
    color: var(--x4sp-primary-dark);
    font-weight: 700;
    text-decoration: underline;
    text-decoration-color: rgba(239, 125, 0, .35);
    text-underline-offset: 4px;
}

.x4sp-content blockquote {
    position: relative;
    margin: 30px 0;
    padding: 25px 27px;
    border: 0;
    border-right: 5px solid var(--x4sp-primary);
    border-radius: 0 14px 14px 0;
    background: #fff8f0;
    color: #4b4138;
}

.x4sp-content blockquote p {
    margin: 0;
    color: inherit;
    font-size: 17px;
    font-weight: 600;
}

.x4sp-content img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 28px auto;
    border-radius: 14px;
}

.x4sp-content table {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 25px 0;
    overflow-x: auto;
    border-spacing: 0;
    border: 1px solid var(--x4sp-border);
    border-radius: 12px;
}

.x4sp-content th,
.x4sp-content td {
    min-width: 120px;
    padding: 13px;
    border-bottom: 1px solid var(--x4sp-border);
    border-left: 1px solid var(--x4sp-border);
    text-align: right;
    line-height: 1.8;
}

.x4sp-content th {
    background: #f5f7f7;
    color: var(--x4sp-dark);
}

.x4sp-tags-section {
    padding: 20px;
    margin-bottom: 20px;
}

.x4sp-section-label {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 14px;
    color: var(--x4sp-dark);
    font-size: 14px;
    font-weight: 800;
}

.x4sp-section-label i {
    color: var(--x4sp-primary);
    font-size: 18px;
}

.x4sp-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.x4sp-tags a {
    padding: 7px 11px;
    border: 1px solid var(--x4sp-border);
    border-radius: 8px;
    color: #596263;
    font-size: 12px;
    text-decoration: none;
    transition: .2s ease;
}

.x4sp-tags a:hover {
    border-color: var(--x4sp-primary);
    background: var(--x4sp-primary);
    color: #fff;
}

.x4sp-share-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    padding: 20px 23px;
    margin-bottom: 20px;
}

.x4sp-share-text {
    display: flex;
    align-items: center;
    gap: 12px;
}

.x4sp-share-text > i {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 12px;
    background: var(--x4sp-dark);
    color: var(--x4sp-primary);
    font-size: 18px;
}

.x4sp-share-text strong,
.x4sp-share-text span {
    display: block;
}

.x4sp-share-text strong {
    margin-bottom: 4px;
    color: var(--x4sp-dark);
    font-size: 14px;
}

.x4sp-share-text span {
    color: var(--x4sp-muted);
    font-size: 12px;
}

.x4sp-share-links {
    display: flex;
    gap: 8px;
}

.x4sp-share-links a,
.x4sp-share-links button {
    display: grid;
    width: 39px;
    height: 39px;
    padding: 0;
    place-items: center;
    border: 0;
    border-radius: 11px;
    color: #fff;
    font-size: 17px;
    text-decoration: none;
    cursor: pointer;
}

.x4sp-share-telegram { background: #239bd8; }
.x4sp-share-whatsapp { background: #25d366; }
.x4sp-copy-link { background: var(--x4sp-dark); }
.x4sp-copy-link.is-copied { background: #1f9b58; }

.x4sp-author-box {
    display: flex;
    gap: 22px;
    padding: 27px;
    margin-bottom: 38px;
    border-top: 4px solid var(--x4sp-primary);
}

.x4sp-author-box-avatar img {
    width: 84px;
    height: 84px;
    border: 3px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 2px var(--x4sp-primary);
}

.x4sp-author-box-label,
.x4sp-eyebrow {
    display: block;
    margin-bottom: 6px;
    color: var(--x4sp-primary-dark);
    font-size: 11px;
    font-weight: 800;
}

.x4sp-author-box h2 {
    margin: 0 0 8px;
    color: var(--x4sp-dark);
    font-size: 19px;
    font-weight: 900;
}

.x4sp-author-box p {
    margin: 0 0 12px;
    color: var(--x4sp-muted);
    font-size: 14px;
    line-height: 2;
}

.x4sp-author-box a,
.x4sp-text-link,
.x4sp-widget-all-link,
.x4sp-adventure-box > a {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--x4sp-primary-dark);
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
}

.x4sp-section-heading {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 15px;
    margin: 0 0 17px;
}

.x4sp-section-heading h2 {
    margin: 0;
    color: var(--x4sp-dark);
    font-size: clamp(21px, 2.5vw, 27px);
    font-weight: 900;
}

.x4sp-products-section,
.x4sp-related-posts {
    padding: clamp(20px, 3vw, 30px);
    margin-bottom: 38px;
}

.x4sp-products-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.x4sp-product-card {
    overflow: hidden;
    border: 1px solid var(--x4sp-border);
    border-radius: 13px;
    background: #fff;
    transition: transform .22s ease, box-shadow .22s ease;
}

.x4sp-product-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 13px 25px rgba(0, 0, 0, .09);
}

.x4sp-product-image {
    position: relative;
    display: block;
    aspect-ratio: 1 / .79;
    overflow: hidden;
    background: #f1f3f3;
}

.x4sp-product-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .3s ease;
}

.x4sp-product-card:hover .x4sp-product-image img {
    transform: scale(1.06);
}

.x4sp-sale-badge {
    position: absolute;
    z-index: 1;
    top: 9px;
    right: 9px;
    padding: 4px 8px;
    border-radius: 6px;
    background: #dd2929;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
}

.x4sp-product-info {
    padding: 12px;
}

.x4sp-product-category {
    display: block;
    min-height: 16px;
    margin-bottom: 6px;
    color: var(--x4sp-primary-dark);
    font-size: 10px;
}

.x4sp-product-category a {
    color: inherit;
    text-decoration: none;
}

.x4sp-product-info h3 {
    min-height: 44px;
    margin: 0 0 12px;
    font-size: 13px;
    line-height: 1.7;
}

.x4sp-product-info h3 a {
    color: var(--x4sp-dark);
    text-decoration: none;
}

.x4sp-product-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 7px;
}

.x4sp-price {
    color: var(--x4sp-dark);
    font-size: 12px;
    font-weight: 800;
}

.x4sp-price del {
    display: block;
    color: #9ca3a4;
    font-size: 10px;
    font-weight: 400;
}

.x4sp-product-go {
    display: grid;
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    place-items: center;
    border-radius: 8px;
    background: var(--x4sp-dark);
    color: var(--x4sp-primary);
    text-decoration: none;
}

.x4sp-related-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 17px;
}

.x4sp-related-card {
    overflow: hidden;
    border: 1px solid var(--x4sp-border);
    border-radius: 14px;
    background: #fff;
}

.x4sp-related-image {
    display: block;
    aspect-ratio: 1 / .58;
    overflow: hidden;
    background: #e8ebeb;
}

.x4sp-related-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .3s ease;
}

.x4sp-related-card:hover img {
    transform: scale(1.06);
}

.x4sp-no-image {
    display: grid;
    width: 100%;
    height: 100%;
    place-items: center;
    background: var(--x4sp-dark);
    color: var(--x4sp-primary);
    font-size: 35px;
}

.x4sp-related-body {
    padding: 15px;
}

.x4sp-related-body > span {
    color: var(--x4sp-muted);
    font-size: 11px;
}

.x4sp-related-body > span i {
    margin-left: 3px;
    color: var(--x4sp-primary);
}

.x4sp-related-body h3 {
    margin: 9px 0 12px;
    font-size: 15px;
    line-height: 1.8;
}

.x4sp-related-body h3 a {
    color: var(--x4sp-dark);
    text-decoration: none;
}

.x4sp-read-more {
    color: var(--x4sp-primary-dark);
    font-size: 12px;
    font-weight: 800;
    text-decoration: none;
}

.x4sp-comments-section {
    padding: clamp(20px, 3vw, 35px);
}

/* ================= Sidebar ================= */

.x4sp-sidebar {
    display: grid;
    gap: 19px;
}

.x4sp-widget {
    overflow: hidden;
    padding: 20px;
}

.x4sp-widget-title {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 17px;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--x4sp-border);
}

.x4sp-widget-title > i {
    color: var(--x4sp-primary);
    font-size: 19px;
}

.x4sp-widget-title h3 {
    margin: 0;
    color: var(--x4sp-dark);
    font-size: 15px;
    font-weight: 900;
}

.x4sp-search-form {
    position: relative;
}

.x4sp-search-form input {
    width: 100%;
    height: 45px;
    padding: 0 14px 0 48px;
    border: 1px solid var(--x4sp-border);
    border-radius: 11px;
    outline: 0;
    background: #fafbfb;
    color: var(--x4sp-dark);
    font-size: 12px;
    transition: border-color .2s ease;
}

.x4sp-search-form input:focus {
    border-color: var(--x4sp-primary);
}

.x4sp-search-form button {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 35px;
    height: 35px;
    border: 0;
    border-radius: 8px;
    background: var(--x4sp-primary);
    color: #fff;
    cursor: pointer;
}

.x4sp-sidebar-toc {
    margin: 0;
    padding: 0 19px 0 0;
}

.x4sp-sidebar-toc li {
    margin-bottom: 10px;
    padding-right: 1px;
    color: var(--x4sp-muted);
    font-size: 12px;
    line-height: 1.7;
}

.x4sp-sidebar-toc li::marker {
    color: var(--x4sp-primary);
    font-weight: 800;
}

.x4sp-sidebar-toc a {
    color: inherit;
    text-decoration: none;
}

.x4sp-sidebar-toc a:hover {
    color: var(--x4sp-primary-dark);
}

.x4sp-sidebar-toc-sub {
    margin-right: 12px;
    font-size: 11px !important;
}

.x4sp-category-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.x4sp-category-list li {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 0;
    border-bottom: 1px dashed #e6e9e9;
    color: var(--x4sp-muted);
    font-size: 13px;
}

.x4sp-category-list li:last-child {
    border-bottom: 0;
}

.x4sp-category-list a {
    color: var(--x4sp-text);
    text-decoration: none;
}

.x4sp-category-list a:hover {
    color: var(--x4sp-primary-dark);
}

.x4sp-category-list .count {
    color: var(--x4sp-primary-dark);
    font-size: 11px;
}

.x4sp-widget-all-link {
    margin-top: 14px;
}

.x4sp-mini-posts {
    display: grid;
    gap: 14px;
}

.x4sp-mini-post {
    display: grid;
    grid-template-columns: 76px minmax(0, 1fr);
    gap: 11px;
    align-items: center;
}

.x4sp-mini-post-image {
    display: grid;
    width: 76px;
    height: 61px;
    place-items: center;
    overflow: hidden;
    border-radius: 9px;
    background: #eef0f0;
    color: var(--x4sp-primary);
}

.x4sp-mini-post-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.x4sp-mini-post h4 {
    margin: 0 0 6px;
    font-size: 12px;
    line-height: 1.7;
}

.x4sp-mini-post h4 a {
    color: var(--x4sp-dark);
    text-decoration: none;
}

.x4sp-mini-post span {
    color: var(--x4sp-muted);
    font-size: 10px;
}

.x4sp-mini-post span i {
    color: var(--x4sp-primary);
}

.x4sp-sidebar-products {
    display: grid;
    gap: 14px;
}

.x4sp-sidebar-product {
    display: grid;
    grid-template-columns: 67px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
}

.x4sp-sidebar-product-img {
    width: 67px;
    height: 67px;
    overflow: hidden;
    border: 1px solid var(--x4sp-border);
    border-radius: 10px;
    background: #f3f4f4;
}

.x4sp-sidebar-product-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.x4sp-sidebar-product h4 {
    margin: 0 0 6px;
    font-size: 12px;
    line-height: 1.65;
}

.x4sp-sidebar-product h4 a {
    color: var(--x4sp-dark);
    text-decoration: none;
}

.x4sp-sidebar-product-price {
    color: var(--x4sp-primary-dark);
    font-size: 11px;
    font-weight: 800;
}

.x4sp-sidebar-product-price del {
    color: #9ba1a1;
    font-size: 10px;
}

.x4sp-adventure-box {
    border: 0;
    background:
        linear-gradient(135deg, rgba(16, 20, 20, .94), rgba(34, 43, 42, .94)),
        url('assets/images/offroad-pattern.jpg') center / cover;
    color: #fff;
}

.x4sp-adventure-icon {
    display: grid;
    width: 43px;
    height: 43px;
    margin-bottom: 15px;
    place-items: center;
    border-radius: 12px;
    background: var(--x4sp-primary);
    color: #fff;
    font-size: 21px;
}

.x4sp-adventure-box > span {
    color: #e35547;
    font-size: 11px;
    font-weight: 800;
}

.x4sp-adventure-box h3 {
    margin: 8px 0;
    color: #fff;
    font-size: 19px;
    font-weight: 900;
    line-height: 1.7;
}

.x4sp-adventure-box p {
    margin: 0 0 16px;
    color: #cbd2d1;
    font-size: 12px;
    line-height: 2;
}

.x4sp-adventure-box > a {
    color: #e35547;
}

/* ================= Responsive ================= */

@media (max-width: 1199px) {
    .x4sp-layout {
        grid-template-columns: minmax(0, 1fr) 310px;
        gap: 20px;
    }

    .x4sp-products-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 1023px) {
    .x4sp-layout {
        grid-template-columns: minmax(0, 1fr);
    }

    .x4sp-sidebar {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: start;
    }

    .x4sp-widget-sticky-toc,
    .x4sp-adventure-box,
    .x4sp-dynamic-sidebar {
        grid-column: 1 / -1;
    }
}

@media (max-width: 767px) {
    .x4sp-shell {
        padding-top: 19px;
    }

    .x4sp-container {
        width: min(100% - 22px, 1380px);
    }

    .x4sp-breadcrumb {
        gap: 6px;
        font-size: 11px;
    }

    .x4sp-current {
        max-width: 150px;
    }

    .x4sp-title {
        font-size: 26px;
        line-height: 1.65;
    }

    .x4sp-meta-row,
    .x4sp-share-box {
        align-items: flex-start;
        flex-direction: column;
    }

    .x4sp-meta-items {
        justify-content: flex-start;
    }

    .x4sp-featured-image img {
        min-height: 215px;
    }

    .x4sp-content p,
    .x4sp-content li {
        font-size: 15px;
        line-height: 2.15;
    }

    .x4sp-author-box {
        align-items: flex-start;
        flex-direction: column;
    }

    .x4sp-related-grid,
    .x4sp-sidebar {
        grid-template-columns: minmax(0, 1fr);
    }

    .x4sp-widget-sticky-toc,
    .x4sp-adventure-box,
    .x4sp-dynamic-sidebar {
        grid-column: auto;
    }
}

@media (max-width: 430px) {
    .x4sp-article-header,
    .x4sp-content,
    .x4sp-products-section,
    .x4sp-related-posts,
    .x4sp-comments-section {
        padding: 19px;
    }

    .x4sp-excerpt-box,
    .x4sp-share-box,
    .x4sp-author-box,
    .x4sp-widget {
        padding: 16px;
    }

    .x4sp-products-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .x4sp-meta-items {
        gap: 9px 13px;
        font-size: 11px;
    }
}




/* =========================================================
   4x4Class - Category / Blog Archive
   کارت‌های آرشیو مقالات - ایزوله از Bootstrap Grid
   ========================================================= */

.x4archive-shell {
    --x4archive-primary: #ef7d00;
    --x4archive-primary-dark: #c85f00;
    --x4archive-dark: #171b1c;
    --x4archive-text: #2b3132;
    --x4archive-muted: #737d7e;
    --x4archive-border: #e7ebeb;
    --x4archive-bg: #f6f7f6;
    --x4archive-white: #ffffff;
    --x4archive-radius: 18px;
    --x4archive-shadow: 0 12px 35px rgba(17, 28, 29, .07);

    direction: rtl;
    overflow: hidden;
    padding: 30px 0 75px;
    color: var(--x4archive-text);
}

.x4archive-shell *,
.x4archive-shell *::before,
.x4archive-shell *::after {
    box-sizing: border-box;
}

.x4archive-container {
    width: min(100% - 32px, 1380px);
    margin: 0 auto;
}

.x4archive-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 350px;
    gap: 28px;
    align-items: start;
}

.x4archive-main,
.x4archive-sidebar {
    min-width: 0;
}

.x4archive-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 0 0 24px;
    color: var(--x4archive-muted);
    font-size: 13px;
}

.x4archive-breadcrumb a {
    color: inherit;
    text-decoration: none;
    transition: color .2s ease;
}

.x4archive-breadcrumb a:hover {
    color: var(--x4archive-primary);
}

.x4archive-breadcrumb a i {
    margin-left: 4px;
}

.x4archive-breadcrumb-arrow {
    color: #a2aaaa;
    font-size: 11px;
}

.x4archive-current {
    max-width: 270px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.x4archive-category-hero,
.x4archive-featured-card,
.x4archive-card,
.x4archive-widget,
.x4archive-empty {
    background: var(--x4archive-white);
    border: 1px solid var(--x4archive-border);
    border-radius: var(--x4archive-radius);
    box-shadow: var(--x4archive-shadow);
}

/* هدر دسته‌بندی */

.x4archive-category-hero {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 22px;
    align-items: center;
    padding: clamp(22px, 4vw, 38px);
    margin-bottom: 20px;
    overflow: hidden;
    border-right: 5px solid var(--x4archive-primary);
}

.x4archive-hero-icon {
    display: grid;
    width: 70px;
    height: 70px;
    place-items: center;
    border-radius: 19px;
    background: var(--x4archive-dark);
    color: var(--x4archive-primary);
    font-size: 31px;
}

.x4archive-eyebrow {
    display: block;
    margin-bottom: 7px;
    color: var(--x4archive-primary-dark);
    font-size: 11px;
    font-weight: 800;
}

.x4archive-hero-content h1 {
    margin: 0 0 9px;
    color: var(--x4archive-dark);
    font-size: clamp(27px, 3vw, 38px);
    font-weight: 900;
    line-height: 1.5;
}

.x4archive-description,
.x4archive-description p {
    margin: 0;
    color: var(--x4archive-muted);
    font-size: 14px;
    line-height: 2;
}

.x4archive-post-count {
    min-width: 74px;
    padding: 12px 8px;
    border: 1px dashed #efb272;
    border-radius: 13px;
    background: #fff9f1;
    text-align: center;
}

.x4archive-post-count strong,
.x4archive-post-count span {
    display: block;
}

.x4archive-post-count strong {
    color: var(--x4archive-primary-dark);
    font-size: 25px;
    font-weight: 900;
    line-height: 1.2;
}

.x4archive-post-count span {
    margin-top: 3px;
    color: var(--x4archive-muted);
    font-size: 11px;
}

/* نوار اطلاعات */

.x4archive-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    margin-bottom: 18px;
}

.x4archive-toolbar-title {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--x4archive-muted);
    font-size: 13px;
}

.x4archive-toolbar-title i {
    color: var(--x4archive-primary);
    font-size: 18px;
}

.x4archive-all-posts {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--x4archive-primary-dark);
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
}

/* مقاله ویژه */

.x4archive-featured-card {
    display: grid;
    grid-template-columns: minmax(280px, 44%) minmax(0, 1fr);
    overflow: hidden;
    margin-bottom: 22px;
}

.x4archive-featured-image {
    position: relative;
    display: block;
    min-height: 310px;
    overflow: hidden;
    background: #eaeeee;
}

.x4archive-featured-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .35s ease;
}

.x4archive-featured-card:hover .x4archive-featured-image img {
    transform: scale(1.05);
}

.x4archive-featured-label {
    position: absolute;
    top: 15px;
    right: 15px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 11px;
    border-radius: 8px;
    background: var(--x4archive-primary);
    color: #fff;
    font-size: 11px;
    font-weight: 800;
}

.x4archive-featured-content {
    display: flex;
    flex-direction: column;
    padding: clamp(22px, 3vw, 35px);
}

.x4archive-category-badge {
    display: inline-flex;
    align-self: flex-start;
    align-items: center;
    gap: 6px;
    padding: 7px 11px;
    border-radius: 50px;
    background: rgba(239, 125, 0, .1);
    color: var(--x4archive-primary-dark);
    font-size: 11px;
    font-weight: 800;
    text-decoration: none;
}

.x4archive-featured-content h2 {
    margin: 16px 0 12px;
    font-size: clamp(20px, 2.2vw, 28px);
    font-weight: 900;
    line-height: 1.7;
}

.x4archive-featured-content h2 a {
    color: var(--x4archive-dark);
    text-decoration: none;
}

.x4archive-featured-content > p {
    margin: 0 0 20px;
    color: var(--x4archive-muted);
    font-size: 14px;
    line-height: 2.1;
}

.x4archive-card-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: auto;
    padding-top: 17px;
    border-top: 1px solid var(--x4archive-border);
}

.x4archive-post-meta,
.x4archive-card-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 14px;
    color: var(--x4archive-muted);
    font-size: 11px;
}

.x4archive-post-meta span,
.x4archive-card-meta span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.x4archive-post-meta i,
.x4archive-card-meta i {
    color: var(--x4archive-primary);
}

.x4archive-read-btn,
.x4archive-card-readmore {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--x4archive-primary-dark);
    font-size: 12px;
    font-weight: 800;
    text-decoration: none;
}

/* گرید کارت‌ها */

.x4archive-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 19px;
}

.x4archive-card {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    transition: transform .24s ease, box-shadow .24s ease;
}

.x4archive-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 32px rgba(17, 28, 29, .11);
}

.x4archive-card-image {
    position: relative;
    display: block;
    aspect-ratio: 1 / .62;
    overflow: hidden;
    background: #e9eded;
}

.x4archive-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .35s ease;
}

.x4archive-card:hover .x4archive-card-image img {
    transform: scale(1.07);
}

.x4archive-card-category {
    position: absolute;
    bottom: 11px;
    right: 11px;
    padding: 6px 9px;
    border-radius: 7px;
    background: rgba(23, 27, 28, .88);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
}

.x4archive-no-image {
    display: grid;
    width: 100%;
    height: 100%;
    min-height: 150px;
    place-items: center;
    background: linear-gradient(135deg, #1c2222, #37413f);
    color: var(--x4archive-primary);
    font-size: 34px;
}

.x4archive-no-image-large {
    min-height: 310px;
}

.x4archive-card-content {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 17px;
}

.x4archive-card-meta {
    margin-bottom: 10px;
}

.x4archive-card-content h2 {
    margin: 0 0 10px;
    font-size: 16px;
    font-weight: 900;
    line-height: 1.85;
}

.x4archive-card-content h2 a {
    color: var(--x4archive-dark);
    text-decoration: none;
}

.x4archive-card-content > p {
    display: -webkit-box;
    overflow: hidden;
    margin: 0 0 15px;
    color: var(--x4archive-muted);
    font-size: 12px;
    line-height: 2;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.x4archive-card-readmore {
    margin-top: auto;
}

/* صفحه بندی */

.x4archive-pagination {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 7px;
    margin: 37px 0 5px;
}

.x4archive-pagination .page-numbers {
    display: grid;
    width: 39px;
    height: 39px;
    place-items: center;
    border: 1px solid var(--x4archive-border);
    border-radius: 10px;
    background: #fff;
    color: var(--x4archive-dark);
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: .2s ease;
}

.x4archive-pagination .page-numbers:hover,
.x4archive-pagination .page-numbers.current {
    border-color: var(--x4archive-primary);
    background: var(--x4archive-primary);
    color: #fff;
}

/* وضعیت بدون مقاله */

.x4archive-empty {
    padding: 65px 25px;
    text-align: center;
}

.x4archive-empty > i {
    display: grid;
    width: 70px;
    height: 70px;
    margin: 0 auto 17px;
    place-items: center;
    border-radius: 20px;
    background: #fff4e6;
    color: var(--x4archive-primary);
    font-size: 31px;
}

.x4archive-empty h2 {
    margin: 0 0 10px;
    color: var(--x4archive-dark);
    font-size: 20px;
    font-weight: 900;
}

.x4archive-empty p {
    margin: 0 0 20px;
    color: var(--x4archive-muted);
    font-size: 14px;
}

.x4archive-empty a {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--x4archive-primary-dark);
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
}

/* Sidebar */

.x4archive-sidebar {
    display: grid;
    gap: 19px;
}

.x4archive-widget {
    overflow: hidden;
    padding: 20px;
}

.x4archive-widget-title {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 17px;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--x4archive-border);
}

.x4archive-widget-title > i {
    color: var(--x4archive-primary);
    font-size: 19px;
}

.x4archive-widget-title h3 {
    margin: 0;
    color: var(--x4archive-dark);
    font-size: 15px;
    font-weight: 900;
}

.x4archive-search-form {
    position: relative;
}

.x4archive-search-form input {
    width: 100%;
    height: 45px;
    padding: 0 14px 0 47px;
    border: 1px solid var(--x4archive-border);
    border-radius: 11px;
    outline: 0;
    background: #fafbfb;
    color: var(--x4archive-dark);
    font-size: 12px;
}

.x4archive-search-form input:focus {
    border-color: var(--x4archive-primary);
}

.x4archive-search-form button {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 35px;
    height: 35px;
    border: 0;
    border-radius: 8px;
    background: var(--x4archive-primary);
    color: #fff;
    cursor: pointer;
}

.x4archive-category-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.x4archive-category-list li {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 0;
    border-bottom: 1px dashed #e4e8e8;
    color: var(--x4archive-muted);
    font-size: 13px;
}

.x4archive-category-list li:last-child {
    border-bottom: 0;
}

.x4archive-category-list a {
    color: var(--x4archive-text);
    text-decoration: none;
}

.x4archive-category-list a:hover,
.x4archive-category-list .current-cat > a {
    color: var(--x4archive-primary-dark);
    font-weight: 800;
}

.x4archive-category-list .count {
    color: var(--x4archive-primary-dark);
    font-size: 11px;
}

.x4archive-widget-all-link {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-top: 14px;
    color: var(--x4archive-primary-dark);
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
}

.x4archive-mini-posts,
.x4archive-sidebar-products {
    display: grid;
    gap: 14px;
}

.x4archive-mini-post {
    display: grid;
    grid-template-columns: 76px minmax(0, 1fr);
    gap: 11px;
    align-items: center;
}

.x4archive-mini-post-image {
    display: grid;
    width: 76px;
    height: 61px;
    place-items: center;
    overflow: hidden;
    border-radius: 9px;
    background: #eef0f0;
    color: var(--x4archive-primary);
}

.x4archive-mini-post-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.x4archive-mini-post h4,
.x4archive-sidebar-product h4 {
    margin: 0 0 6px;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.7;
}

.x4archive-mini-post h4 a,
.x4archive-sidebar-product h4 a {
    color: var(--x4archive-dark);
    text-decoration: none;
}

.x4archive-mini-post span {
    color: var(--x4archive-muted);
    font-size: 10px;
}

.x4archive-mini-post span i {
    color: var(--x4archive-primary);
}

.x4archive-sidebar-product {
    display: grid;
    grid-template-columns: 67px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
}

.x4archive-sidebar-product-img {
    width: 67px;
    height: 67px;
    overflow: hidden;
    border: 1px solid var(--x4archive-border);
    border-radius: 10px;
    background: #f3f4f4;
}

.x4archive-sidebar-product-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.x4archive-sidebar-product-price {
    color: var(--x4archive-primary-dark);
    font-size: 11px;
    font-weight: 800;
}

.x4archive-sidebar-product-price del {
    color: #9da4a4;
    font-size: 10px;
}

.x4archive-adventure-box {
    border: 0;
    background:
        linear-gradient(135deg, rgba(16, 20, 20, .95), rgba(35, 44, 43, .65)),
        url('https://4x4class.com/wp-content/themes/4x4class/off-club.JPG') center / cover;
    color: #fff;
}

.x4archive-adventure-icon {
    display: grid;
    width: 43px;
    height: 43px;
    margin-bottom: 15px;
    place-items: center;
    border-radius: 12px;
    background: var(--x4archive-primary);
    color: #fff;
    font-size: 21px;
}

.x4archive-adventure-box > span {
    color: #ffad55;
    font-size: 11px;
    font-weight: 800;
}

.x4archive-adventure-box h3 {
    margin: 8px 0;
    color: #fff;
    font-size: 19px;
    font-weight: 900;
    line-height: 1.7;
}

.x4archive-adventure-box p {
    margin: 0 0 16px;
    color: #ccd3d2;
    font-size: 12px;
    line-height: 2;
}

.x4archive-adventure-box > a {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #ffae58;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
}

/* Responsive */

@media (max-width: 1199px) {
    .x4archive-layout {
        grid-template-columns: minmax(0, 1fr) 310px;
        gap: 20px;
    }

    .x4archive-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 1023px) {
    .x4archive-layout {
        grid-template-columns: minmax(0, 1fr);
    }

    .x4archive-sidebar {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: start;
    }

    .x4archive-adventure-box,
    .x4archive-dynamic-sidebar {
        grid-column: 1 / -1;
    }
}

@media (max-width: 767px) {
    .x4archive-shell {
        padding-top: 19px;
    }

    .x4archive-container {
        width: min(100% - 22px, 1380px);
    }

    .x4archive-breadcrumb {
        gap: 6px;
        font-size: 11px;
    }

    .x4archive-current {
        max-width: 150px;
    }

    .x4archive-category-hero {
        grid-template-columns: auto minmax(0, 1fr);
        gap: 14px;
        padding: 21px;
    }

    .x4archive-hero-icon {
        width: 56px;
        height: 56px;
        border-radius: 15px;
        font-size: 24px;
    }

    .x4archive-post-count {
        grid-column: 1 / -1;
        width: 100%;
    }

    .x4archive-featured-card {
        grid-template-columns: minmax(0, 1fr);
    }

    .x4archive-featured-image {
        min-height: 230px;
        aspect-ratio: 1 / .62;
    }

    .x4archive-featured-content {
        padding: 21px;
    }

    .x4archive-grid,
    .x4archive-sidebar {
        grid-template-columns: minmax(0, 1fr);
    }

    .x4archive-adventure-box,
    .x4archive-dynamic-sidebar {
        grid-column: auto;
    }
}

@media (max-width: 440px) {
    .x4archive-category-hero {
        display: block;
    }

    .x4archive-hero-icon {
        margin-bottom: 14px;
    }

    .x4archive-post-count {
        margin-top: 17px;
    }

    .x4archive-toolbar,
    .x4archive-card-footer {
        align-items: flex-start;
        flex-direction: column;
    }

    .x4archive-card-content {
        padding: 15px;
    }
}



/* =========================================================
   4x4Class - Default Pages
   page.php | صفحات ثابت سایت
   ========================================================= */

.x4page-shell {
    --x4page-primary: #d83121;
    --x4page-primary-dark: #76150f;
    --x4page-dark: #171b1c;
    --x4page-text: #2b3132;
    --x4page-muted: #737d7e;
    --x4page-border: #e7ebeb;
    --x4page-bg: #f6f7f6;
    --x4page-white: #fff;
    --x4page-radius: 18px;
    --x4page-shadow: 0 12px 35px rgba(17, 28, 29, .07);

    direction: rtl;
    overflow: hidden;
    padding: 30px 0 75px;
    color: var(--x4page-text);
}

.x4page-shell *,
.x4page-shell *::before,
.x4page-shell *::after {
    box-sizing: border-box;
}

.x4page-container {
    width: min(100% - 32px, 1380px);
    margin: 0 auto;
}

.x4page-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 350px;
    gap: 28px;
    align-items: start;
}

.x4page-layout.x4page-no-sidebar {
    grid-template-columns: minmax(0, 930px);
    justify-content: center;
}

.x4page-main,
.x4page-sidebar {
    min-width: 0;
}

/* Breadcrumb */

.x4page-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 0 0 24px;
    color: var(--x4page-muted);
    font-size: 13px;
}

.x4page-breadcrumb a {
    color: inherit;
    text-decoration: none;
    transition: color .2s ease;
}

.x4page-breadcrumb a:hover {
    color: var(--x4page-primary);
}

.x4page-breadcrumb a i {
    margin-left: 4px;
}

.x4page-breadcrumb-arrow {
    color: #a2aaaa;
    font-size: 11px;
}

.x4page-current {
    max-width: 300px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* Page Header */

.x4page-header,
.x4page-featured-image,
.x4page-excerpt-box,
.x4page-toc,
.x4page-content,
.x4page-share-box,
.x4page-children-section,
.x4page-comments-section,
.x4page-widget {
    border: 1px solid var(--x4page-border);
    border-radius: var(--x4page-radius);
    background: var(--x4page-white);
    box-shadow: var(--x4page-shadow);
}

.x4page-header {
    display: flex;
    gap: 19px;
    align-items: center;
    padding: clamp(24px, 4vw, 42px);
    margin-bottom: 20px;
    border-right: 5px solid var(--x4page-primary);
}

.x4page-header-icon {
    display: grid;
    width: 70px;
    height: 70px;
    flex: 0 0 70px;
    place-items: center;
    border-radius: 19px;
    background: var(--x4page-dark);
    color: var(--x4page-primary);
    font-size: 29px;
}

.x4page-eyebrow {
    display: block;
    margin-bottom: 7px;
    color: var(--x4page-primary-dark);
    font-size: 11px;
    font-weight: 800;
}

.x4page-header h1 {
    margin: 0 0 11px;
    color: var(--x4page-dark);
    font-size: clamp(27px, 3vw, 40px);
    font-weight: 900;
    line-height: 1.5;
}

.x4page-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 9px 18px;
    color: var(--x4page-muted);
    font-size: 12px;
}

.x4page-meta span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.x4page-meta i {
    color: var(--x4page-primary);
    font-size: 14px;
}

/* Featured Image */

.x4page-featured-image {
    overflow: hidden;
    margin: 0 0 20px;
    line-height: 0;
}

.x4page-featured-image img {
    width: 100%;
    height: auto;
    min-height: 270px;
    max-height: 570px;
    object-fit: cover;
}

/* Excerpt */

.x4page-excerpt-box {
    display: flex;
    gap: 16px;
    padding: 22px;
    margin-bottom: 20px;
    border-right: 4px solid var(--x4page-primary);
}

.x4page-excerpt-icon {
    display: grid;
    width: 45px;
    height: 45px;
    flex: 0 0 45px;
    place-items: center;
    border-radius: 13px;
    background: var(--x4page-dark);
    color: var(--x4page-primary);
    font-size: 20px;
}

.x4page-excerpt-box h2 {
    margin: 0 0 7px;
    color: var(--x4page-dark);
    font-size: 16px;
    font-weight: 900;
}

.x4page-excerpt-box p {
    margin: 0;
    color: #596263;
    font-size: 14px;
    line-height: 2;
}

/* TOC */

.x4page-toc {
    overflow: hidden;
    margin-bottom: 20px;
}

.x4page-toc-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 17px 21px;
    border-bottom: 1px solid var(--x4page-border);
    background: #fbfcfc;
}

.x4page-toc-head > div {
    display: flex;
    align-items: center;
    gap: 10px;
}

.x4page-toc-head > div > i {
    color: var(--x4page-primary);
    font-size: 20px;
}

.x4page-toc h2 {
    margin: 0;
    color: var(--x4page-dark);
    font-size: 16px;
    font-weight: 900;
}

.x4page-toc-toggle {
    display: grid;
    width: 32px;
    height: 32px;
    padding: 0;
    place-items: center;
    border: 0;
    border-radius: 9px;
    background: #f0f3f3;
    color: var(--x4page-dark);
    cursor: pointer;
}

.x4page-toc-list {
    margin: 0;
    padding: 16px 44px 20px 20px;
}

.x4page-toc-list li {
    margin: 9px 0;
    color: var(--x4page-muted);
    font-size: 14px;
    line-height: 1.8;
}

.x4page-toc-list a {
    color: inherit;
    text-decoration: none;
}

.x4page-toc-list a:hover {
    color: var(--x4page-primary);
}

.x4page-toc-subitem {
    margin-right: 18px !important;
    font-size: 13px !important;
}

/* Page Content */

.x4page-content {
    padding: clamp(23px, 4vw, 46px);
    margin-bottom: 20px;
    overflow-wrap: break-word;
}

.x4page-content > *:first-child {
    margin-top: 0;
}

.x4page-content > *:last-child {
    margin-bottom: 0;
}

.x4page-content h2,
.x4page-content h3,
.x4page-content h4 {
    position: relative;
    color: var(--x4page-dark);
    font-weight: 900;
    scroll-margin-top: 105px;
}

.x4page-content h2 {
    margin: 45px 0 18px;
    padding-right: 16px;
    font-size: clamp(21px, 2.5vw, 29px);
    line-height: 1.65;
}

.x4page-content h2::before {
    position: absolute;
    top: 8px;
    right: 0;
    width: 5px;
    height: calc(100% - 16px);
    border-radius: 8px;
    background: var(--x4page-primary);
    content: "";
}

.x4page-content h3 {
    margin: 35px 0 14px;
    font-size: clamp(18px, 2vw, 23px);
    line-height: 1.7;
}

.x4page-content p,
.x4page-content li {
    color: #3e4748;
    font-size: 16px;
    line-height: 2.25;
}

.x4page-content p {
    margin: 0 0 20px;
}

.x4page-content ul,
.x4page-content ol {
    margin: 0 0 25px;
    padding-right: 26px;
}

.x4page-content li {
    margin-bottom: 8px;
    padding-right: 5px;
}

.x4page-content a {
    color: var(--x4page-primary-dark);
    font-weight: 700;
    text-decoration: underline;
    text-decoration-color: rgba(239, 125, 0, .35);
    text-underline-offset: 4px;
}

.x4page-content blockquote {
    margin: 30px 0;
    padding: 25px 27px;
    border: 0;
    border-right: 5px solid var(--x4page-primary);
    border-radius: 0 14px 14px 0;
    background: #fff8f0;
    color: #4b4138;
}

.x4page-content blockquote p {
    margin: 0;
    color: inherit;
    font-size: 16px;
    font-weight: 600;
}

.x4page-content img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 28px auto;
    border-radius: 14px;
}

.x4page-content table {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 25px 0;
    overflow-x: auto;
    border-spacing: 0;
    border: 1px solid var(--x4page-border);
    border-radius: 12px;
}

.x4page-content th,
.x4page-content td {
    min-width: 120px;
    padding: 13px;
    border-bottom: 1px solid var(--x4page-border);
    border-left: 1px solid var(--x4page-border);
    text-align: right;
    line-height: 1.8;
}

.x4page-content th {
    background: #f5f7f7;
    color: var(--x4page-dark);
}

/* Share Box */

.x4page-share-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    padding: 20px 23px;
    margin-bottom: 38px;
}

.x4page-share-text {
    display: flex;
    align-items: center;
    gap: 12px;
}

.x4page-share-text > i {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 12px;
    background: var(--x4page-dark);
    color: var(--x4page-primary);
    font-size: 18px;
}

.x4page-share-text strong,
.x4page-share-text span {
    display: block;
}

.x4page-share-text strong {
    margin-bottom: 4px;
    color: var(--x4page-dark);
    font-size: 14px;
}

.x4page-share-text span {
    color: var(--x4page-muted);
    font-size: 12px;
}

.x4page-share-links {
    display: flex;
    gap: 8px;
}

.x4page-share-links a,
.x4page-share-links button {
    display: grid;
    width: 39px;
    height: 39px;
    padding: 0;
    place-items: center;
    border: 0;
    border-radius: 11px;
    color: #fff;
    font-size: 17px;
    text-decoration: none;
    cursor: pointer;
}

.x4page-share-telegram {
    background: #239bd8;
}

.x4page-share-whatsapp {
    background: #25d366;
}

.x4page-copy-link {
    background: var(--x4page-dark);
}

.x4page-copy-link.is-copied {
    background: #1f9b58;
}

/* Child Pages */

.x4page-children-section {
    padding: clamp(20px, 3vw, 30px);
    margin-bottom: 38px;
}

.x4page-section-heading {
    margin-bottom: 18px;
}

.x4page-section-heading h2 {
    margin: 0;
    color: var(--x4page-dark);
    font-size: clamp(20px, 2.5vw, 27px);
    font-weight: 900;
}

.x4page-children-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 13px;
}

.x4page-child-card {
    display: grid;
    grid-template-columns: 43px minmax(0, 1fr) 18px;
    gap: 11px;
    align-items: center;
    padding: 15px;
    border: 1px solid var(--x4page-border);
    border-radius: 13px;
    color: inherit;
    text-decoration: none;
    transition: .2s ease;
}

.x4page-child-card:hover {
    border-color: var(--x4page-primary);
    background: #fffaf4;
    transform: translateY(-3px);
}

.x4page-child-icon {
    display: grid;
    width: 43px;
    height: 43px;
    place-items: center;
    border-radius: 11px;
    background: var(--x4page-dark);
    color: var(--x4page-primary);
    font-size: 18px;
}

.x4page-child-card h3 {
    margin: 0 0 4px;
    color: var(--x4page-dark);
    font-size: 13px;
    font-weight: 900;
    line-height: 1.7;
}

.x4page-child-card p {
    display: -webkit-box;
    overflow: hidden;
    margin: 0;
    color: var(--x4page-muted);
    font-size: 11px;
    line-height: 1.8;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.x4page-child-arrow {
    color: var(--x4page-primary-dark);
    font-size: 15px;
}

/* Sidebar */

.x4page-sidebar {
    display: grid;
    gap: 19px;
}

.x4page-widget {
    overflow: hidden;
    padding: 20px;
}

.x4page-widget-title {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 17px;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--x4page-border);
}

.x4page-widget-title > i {
    color: var(--x4page-primary);
    font-size: 19px;
}

.x4page-widget-title h3 {
    margin: 0;
    color: var(--x4page-dark);
    font-size: 15px;
    font-weight: 900;
}

.x4page-sidebar-toc {
    margin: 0;
    padding: 0 19px 0 0;
}

.x4page-sidebar-toc li {
    margin-bottom: 10px;
    color: var(--x4page-muted);
    font-size: 12px;
    line-height: 1.7;
}

.x4page-sidebar-toc li::marker {
    color: var(--x4page-primary);
    font-weight: 800;
}

.x4page-sidebar-toc a {
    color: inherit;
    text-decoration: none;
}

.x4page-sidebar-toc a:hover {
    color: var(--x4page-primary-dark);
}

.x4page-sidebar-toc-sub {
    margin-right: 12px;
    font-size: 11px !important;
}

.x4page-navigation-list {
    display: grid;
}

.x4page-navigation-list a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding: 11px 0;
    border-bottom: 1px dashed #e4e8e8;
    color: var(--x4page-text);
    font-size: 13px;
    text-decoration: none;
}

.x4page-navigation-list a:last-child {
    border-bottom: 0;
}

.x4page-navigation-list a:hover {
    color: var(--x4page-primary-dark);
}

.x4page-navigation-list a i {
    color: var(--x4page-primary);
    font-size: 11px;
}

.x4page-search-form {
    position: relative;
}

.x4page-search-form input {
    width: 100%;
    height: 45px;
    padding: 0 14px 0 47px;
    border: 1px solid var(--x4page-border);
    border-radius: 11px;
    outline: 0;
    background: #fafbfb;
    color: var(--x4page-dark);
    font-size: 12px;
}

.x4page-search-form input:focus {
    border-color: var(--x4page-primary);
}

.x4page-search-form button {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 35px;
    height: 35px;
    border: 0;
    border-radius: 8px;
    background: var(--x4page-primary);
    color: #fff;
    cursor: pointer;
}

.x4page-shop-cta {
    border: 0;
    background:
        linear-gradient(135deg, rgba(16, 20, 20, .95), rgba(35, 44, 43, .95)),
        url('assets/images/offroad-pattern.jpg') center / cover;
    color: #fff;
}

.x4page-shop-cta-icon {
    display: grid;
    width: 43px;
    height: 43px;
    margin-bottom: 15px;
    place-items: center;
    border-radius: 12px;
    background: var(--x4page-primary);
    color: #fff;
    font-size: 21px;
}

.x4page-shop-cta > span {
    color: #ffad55;
    font-size: 11px;
    font-weight: 800;
}

.x4page-shop-cta h3 {
    margin: 8px 0;
    color: #fff;
    font-size: 19px;
    font-weight: 900;
    line-height: 1.7;
}

.x4page-shop-cta p {
    margin: 0 0 16px;
    color: #ccd3d2;
    font-size: 12px;
    line-height: 2;
}

.x4page-shop-cta > a {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #ffae58;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
}

.x4page-comments-section {
    padding: clamp(20px, 3vw, 35px);
}

/* Responsive */

@media (max-width: 1199px) {
    .x4page-layout {
        grid-template-columns: minmax(0, 1fr) 310px;
        gap: 20px;
    }
}

@media (max-width: 1023px) {
    .x4page-layout,
    .x4page-layout.x4page-no-sidebar {
        grid-template-columns: minmax(0, 1fr);
    }

    .x4page-sidebar {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: start;
    }

    .x4page-widget-toc,
    .x4page-shop-cta,
    .x4page-dynamic-sidebar {
        grid-column: 1 / -1;
    }
}

@media (max-width: 767px) {
    .x4page-shell {
        padding-top: 19px;
    }

    .x4page-container {
        width: min(100% - 22px, 1380px);
    }

    .x4page-breadcrumb {
        gap: 6px;
        font-size: 11px;
    }

    .x4page-current {
        max-width: 150px;
    }

    .x4page-header {
        align-items: flex-start;
        padding: 22px;
    }

    .x4page-header-icon {
        width: 55px;
        height: 55px;
        flex-basis: 55px;
        border-radius: 15px;
        font-size: 23px;
    }

    .x4page-header h1 {
        font-size: 25px;
    }

    .x4page-featured-image img {
        min-height: 210px;
    }

    .x4page-share-box {
        align-items: flex-start;
        flex-direction: column;
    }

    .x4page-children-grid,
    .x4page-sidebar {
        grid-template-columns: minmax(0, 1fr);
    }

    .x4page-widget-toc,
    .x4page-shop-cta,
    .x4page-dynamic-sidebar {
        grid-column: auto;
    }

    .x4page-content p,
    .x4page-content li {
        font-size: 15px;
        line-height: 2.15;
    }
}

@media (max-width: 430px) {
    .x4page-header,
    .x4page-content,
    .x4page-children-section,
    .x4page-comments-section {
        padding: 19px;
    }

    .x4page-excerpt-box,
    .x4page-share-box,
    .x4page-widget {
        padding: 16px;
    }

    .x4page-header {
        gap: 13px;
    }

    .x4page-header-icon {
        width: 48px;
        height: 48px;
        flex-basis: 48px;
        font-size: 19px;
    }

    .x4page-header h1 {
        font-size: 22px;
    }

    .x4page-meta {
        gap: 8px 11px;
        font-size: 10px;
    }
}
/* =========================================================
   4x4Class - Search Results
   search.php | جستجوی محصولات و مقالات
   ========================================================= */

.x4search-shell {
    --x4search-primary: #ef7d00;
    --x4search-primary-dark: #c85f00;
    --x4search-dark: #171b1c;
    --x4search-text: #2b3132;
    --x4search-muted: #737d7e;
    --x4search-border: #e7ebeb;
    --x4search-bg: #f6f7f6;
    --x4search-white: #fff;
    --x4search-radius: 18px;
    --x4search-shadow: 0 12px 35px rgba(17, 28, 29, .07);

    direction: rtl;
    overflow: hidden;
    padding: 30px 0 75px;
}

.x4search-shell *,
.x4search-shell *::before,
.x4search-shell *::after {
    box-sizing: border-box;
}

.x4search-container {
    width: min(100% - 32px, 1380px);
    margin: 0 auto;
}

.x4search-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 350px;
    gap: 28px;
    align-items: start;
}

.x4search-main,
.x4search-sidebar {
    min-width: 0;
}

/* Breadcrumb */

.x4search-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 0 0 24px;
    color: var(--x4search-muted);
    font-size: 13px;
}

.x4search-breadcrumb a {
    color: inherit;
    text-decoration: none;
    transition: color .2s ease;
}

.x4search-breadcrumb a:hover {
    color: var(--x4search-primary);
}

.x4search-breadcrumb a i {
    margin-left: 4px;
}

.x4search-breadcrumb-arrow {
    color: #a2aaaa;
    font-size: 11px;
}

/* Hero */

.x4search-hero,
.x4search-box,
.x4search-card,
.x4search-widget,
.x4search-empty {
    border: 1px solid var(--x4search-border);
    border-radius: var(--x4search-radius);
    background: var(--x4search-white);
    box-shadow: var(--x4search-shadow);
}

.x4search-hero {
    display: flex;
    gap: 20px;
    align-items: center;
    padding: clamp(23px, 4vw, 40px);
    margin-bottom: 18px;
    border-right: 5px solid var(--x4search-primary);
}

.x4search-hero-icon {
    display: grid;
    width: 72px;
    height: 72px;
    flex: 0 0 72px;
    place-items: center;
    border-radius: 19px;
    background: var(--x4search-dark);
    color: var(--x4search-primary);
    font-size: 30px;
}

.x4search-eyebrow {
    display: block;
    margin-bottom: 7px;
    color: var(--x4search-primary-dark);
    font-size: 11px;
    font-weight: 800;
}

.x4search-hero h1 {
    margin: 0 0 9px;
    color: var(--x4search-dark);
    font-size: clamp(24px, 3vw, 37px);
    font-weight: 900;
    line-height: 1.65;
}

.x4search-hero h1 strong {
    color: var(--x4search-primary-dark);
}

.x4search-hero p {
    margin: 0;
    color: var(--x4search-muted);
    font-size: 14px;
    line-height: 2;
}

/* Search Form */

.x4search-box {
    padding: 19px;
    margin-bottom: 20px;
}

.x4search-form {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 9px;
    align-items: center;
}

.x4search-form-icon {
    position: absolute;
    z-index: 1;
    right: 16px;
    color: var(--x4search-primary);
    font-size: 19px;
    pointer-events: none;
}

.x4search-form input {
    width: 100%;
    height: 52px;
    padding: 0 48px 0 16px;
    border: 1px solid var(--x4search-border);
    border-radius: 12px;
    outline: 0;
    background: #fafbfb;
    color: var(--x4search-dark);
    font-size: 14px;
    transition: border-color .2s ease, box-shadow .2s ease;
}

.x4search-form input:focus {
    border-color: var(--x4search-primary);
    box-shadow: 0 0 0 3px rgba(239, 125, 0, .1);
}

.x4search-form button {
    height: 52px;
    padding: 0 20px;
    border: 0;
    border-radius: 12px;
    background: var(--x4search-primary);
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    cursor: pointer;
    transition: background .2s ease;
}

.x4search-form button:hover {
    background: var(--x4search-primary-dark);
}

.x4search-form button i {
    margin-right: 5px;
}

.x4search-suggestions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px 10px;
    margin-top: 14px;
    color: var(--x4search-muted);
    font-size: 11px;
}

.x4search-suggestions a {
    padding: 4px 8px;
    border-radius: 6px;
    background: #f3f5f5;
    color: var(--x4search-text);
    text-decoration: none;
    transition: .2s ease;
}

.x4search-suggestions a:hover {
    background: #fff0dd;
    color: var(--x4search-primary-dark);
}

/* Toolbar + Tabs */

.x4search-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 13px;
    margin-bottom: 18px;
}

.x4search-result-count {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--x4search-muted);
    font-size: 13px;
}

.x4search-result-count i {
    color: var(--x4search-primary);
    font-size: 17px;
}

.x4search-tabs {
    display: flex;
    gap: 6px;
    padding: 4px;
    border: 1px solid var(--x4search-border);
    border-radius: 11px;
    background: #fff;
}

.x4search-tabs a {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 7px 9px;
    border-radius: 7px;
    color: var(--x4search-muted);
    font-size: 11px;
    font-weight: 700;
    text-decoration: none;
    transition: .2s ease;
}

.x4search-tabs a:hover,
.x4search-tabs a.is-active {
    background: var(--x4search-dark);
    color: #fff;
}

.x4search-tabs a i {
    color: var(--x4search-primary);
}

.x4search-tabs a span {
    min-width: 17px;
    padding: 1px 4px;
    border-radius: 4px;
    background: rgba(255, 255, 255, .12);
    text-align: center;
    font-size: 10px;
}

/* Cards */

.x4search-results-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.x4search-card {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    transition: transform .24s ease, box-shadow .24s ease;
}

.x4search-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 32px rgba(17, 28, 29, .11);
}

.x4search-card-image {
    position: relative;
    display: block;
    aspect-ratio: 1 / .64;
    overflow: hidden;
    background: #e9eded;
}

.x4search-card-image > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .35s ease;
}

.x4search-card:hover .x4search-card-image > img {
    transform: scale(1.07);
}

.x4search-product-image {
    aspect-ratio: 1 / .82;
}

.x4search-type-badge {
    position: absolute;
    z-index: 2;
    top: 11px;
    right: 11px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 9px;
    border-radius: 7px;
    color: #fff;
    font-size: 10px;
    font-weight: 800;
}

.x4search-product-badge {
    background: rgba(23, 27, 28, .9);
}

.x4search-post-badge {
    background: rgba(200, 95, 0, .93);
}

.x4search-sale-badge {
    position: absolute;
    z-index: 2;
    top: 11px;
    left: 11px;
    padding: 5px 8px;
    border-radius: 6px;
    background: #dc2c2c;
    color: #fff;
    font-size: 10px;
    font-weight: 800;
}

.x4search-no-image {
    display: grid;
    width: 100%;
    height: 100%;
    min-height: 160px;
    place-items: center;
    background: linear-gradient(135deg, #1b2121, #3c4745);
    color: var(--x4search-primary);
    font-size: 35px;
}

.x4search-card-content {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 17px;
}

.x4search-post-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 7px 12px;
    margin-bottom: 9px;
    color: var(--x4search-muted);
    font-size: 10px;
}

.x4search-post-meta span,
.x4search-post-meta a {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.x4search-post-meta a {
    color: var(--x4search-primary-dark);
    text-decoration: none;
}

.x4search-post-meta i {
    color: var(--x4search-primary);
}

.x4search-product-category {
    display: block;
    min-height: 17px;
    margin-bottom: 8px;
    color: var(--x4search-primary-dark);
    font-size: 11px;
    font-weight: 700;
    text-decoration: none;
}

.x4search-card-content h2 {
    margin: 0 0 10px;
    color: var(--x4search-dark);
    font-size: 16px;
    font-weight: 900;
    line-height: 1.85;
}

.x4search-card-content h2 a {
    color: inherit;
    text-decoration: none;
}

.x4search-card-content > p {
    display: -webkit-box;
    overflow: hidden;
    margin: 0 0 15px;
    color: var(--x4search-muted);
    font-size: 12px;
    line-height: 2;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.x4search-post-footer,
.x4search-product-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 9px;
    margin-top: auto;
    padding-top: 13px;
    border-top: 1px solid var(--x4search-border);
}

.x4search-post-footer > span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: var(--x4search-muted);
    font-size: 10px;
}

.x4search-post-footer > span i {
    color: var(--x4search-primary);
}

.x4search-post-footer > a {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: var(--x4search-primary-dark);
    font-size: 11px;
    font-weight: 800;
    text-decoration: none;
}

.x4search-price {
    color: var(--x4search-dark);
    font-size: 12px;
    font-weight: 900;
}

.x4search-price del {
    display: block;
    color: #9da4a4;
    font-size: 10px;
    font-weight: 400;
}

.x4search-product-link {
    display: grid;
    width: 31px;
    height: 31px;
    place-items: center;
    border-radius: 8px;
    background: var(--x4search-dark);
    color: var(--x4search-primary);
    text-decoration: none;
}

/* Pagination */

.x4search-pagination {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 7px;
    margin-top: 37px;
}

.x4search-pagination .page-numbers {
    display: grid;
    width: 39px;
    height: 39px;
    place-items: center;
    border: 1px solid var(--x4search-border);
    border-radius: 10px;
    background: #fff;
    color: var(--x4search-dark);
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: .2s ease;
}

.x4search-pagination .page-numbers:hover,
.x4search-pagination .page-numbers.current {
    border-color: var(--x4search-primary);
    background: var(--x4search-primary);
    color: #fff;
}

/* Empty State */

.x4search-empty {
    padding: 65px 25px;
    text-align: center;
}

.x4search-empty-icon {
    display: grid;
    width: 70px;
    height: 70px;
    margin: 0 auto 18px;
    place-items: center;
    border-radius: 20px;
    background: #fff3e4;
    color: var(--x4search-primary);
    font-size: 30px;
}

.x4search-empty h2 {
    margin: 0 0 10px;
    color: var(--x4search-dark);
    font-size: 21px;
    font-weight: 900;
    line-height: 1.7;
}

.x4search-empty p {
    max-width: 550px;
    margin: 0 auto 21px;
    color: var(--x4search-muted);
    font-size: 14px;
    line-height: 2;
}

.x4search-empty-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 9px;
}

.x4search-empty-actions a {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 10px 14px;
    border: 1px solid var(--x4search-border);
    border-radius: 10px;
    color: var(--x4search-dark);
    font-size: 12px;
    font-weight: 800;
    text-decoration: none;
}

.x4search-empty-actions a:hover {
    border-color: var(--x4search-primary);
    background: var(--x4search-primary);
    color: #fff;
}

/* Sidebar */

.x4search-sidebar {
    display: grid;
    gap: 19px;
}

.x4search-widget {
    overflow: hidden;
    padding: 20px;
}

.x4search-widget-title {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 17px;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--x4search-border);
}

.x4search-widget-title > i {
    color: var(--x4search-primary);
    font-size: 19px;
}

.x4search-widget-title h3 {
    margin: 0;
    color: var(--x4search-dark);
    font-size: 15px;
    font-weight: 900;
}

.x4search-category-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.x4search-category-list li {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 0;
    border-bottom: 1px dashed #e4e8e8;
    color: var(--x4search-muted);
    font-size: 13px;
}

.x4search-category-list li:last-child {
    border-bottom: 0;
}

.x4search-category-list a {
    color: var(--x4search-text);
    text-decoration: none;
}

.x4search-category-list a:hover {
    color: var(--x4search-primary-dark);
}

.x4search-category-list .count {
    color: var(--x4search-primary-dark);
    font-size: 11px;
}

.x4search-widget-link {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-top: 14px;
    color: var(--x4search-primary-dark);
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
}

.x4search-mini-posts,
.x4search-sidebar-products {
    display: grid;
    gap: 14px;
}

.x4search-mini-post {
    display: grid;
    grid-template-columns: 76px minmax(0, 1fr);
    gap: 11px;
    align-items: center;
}

.x4search-mini-post-image {
    display: grid;
    width: 76px;
    height: 61px;
    place-items: center;
    overflow: hidden;
    border-radius: 9px;
    background: #eef0f0;
    color: var(--x4search-primary);
}

.x4search-mini-post-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.x4search-mini-post h4,
.x4search-sidebar-product h4 {
    margin: 0 0 6px;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.7;
}

.x4search-mini-post h4 a,
.x4search-sidebar-product h4 a {
    color: var(--x4search-dark);
    text-decoration: none;
}

.x4search-mini-post span {
    color: var(--x4search-muted);
    font-size: 10px;
}

.x4search-mini-post span i {
    color: var(--x4search-primary);
}

.x4search-sidebar-product {
    display: grid;
    grid-template-columns: 67px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
}

.x4search-sidebar-product-img {
    width: 67px;
    height: 67px;
    overflow: hidden;
    border: 1px solid var(--x4search-border);
    border-radius: 10px;
    background: #f3f4f4;
}

.x4search-sidebar-product-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.x4search-sidebar-product-price {
    color: var(--x4search-primary-dark);
    font-size: 11px;
    font-weight: 800;
}

.x4search-sidebar-product-price del {
    color: #9da4a4;
    font-size: 10px;
}

.x4search-shop-cta {
    border: 0;
    background:
        linear-gradient(135deg, rgba(16, 20, 20, .95), rgba(35, 44, 43, .95)),
        url('assets/images/offroad-pattern.jpg') center / cover;
    color: #fff;
}

.x4search-shop-icon {
    display: grid;
    width: 43px;
    height: 43px;
    margin-bottom: 15px;
    place-items: center;
    border-radius: 12px;
    background: var(--x4search-primary);
    color: #fff;
    font-size: 21px;
}

.x4search-shop-cta > span {
    color: #ffad55;
    font-size: 11px;
    font-weight: 800;
}

.x4search-shop-cta h3 {
    margin: 8px 0;
    color: #fff;
    font-size: 19px;
    font-weight: 900;
    line-height: 1.7;
}

.x4search-shop-cta p {
    margin: 0 0 16px;
    color: #ccd3d2;
    font-size: 12px;
    line-height: 2;
}

.x4search-shop-cta > a {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #ffae58;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
}

/* Responsive */

@media (max-width: 1199px) {
    .x4search-layout {
        grid-template-columns: minmax(0, 1fr) 310px;
        gap: 20px;
    }

    .x4search-results-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 1023px) {
    .x4search-layout {
        grid-template-columns: minmax(0, 1fr);
    }

    .x4search-sidebar {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: start;
    }

    .x4search-shop-cta,
    .x4search-dynamic-sidebar {
        grid-column: 1 / -1;
    }
}

@media (max-width: 767px) {
    .x4search-shell {
        padding-top: 19px;
    }

    .x4search-container {
        width: min(100% - 22px, 1380px);
    }

    .x4search-breadcrumb {
        gap: 6px;
        font-size: 11px;
    }

    .x4search-hero {
        align-items: flex-start;
        padding: 22px;
    }

    .x4search-hero-icon {
        width: 55px;
        height: 55px;
        flex-basis: 55px;
        border-radius: 15px;
        font-size: 23px;
    }

    .x4search-hero h1 {
        font-size: 23px;
    }

    .x4search-form {
        grid-template-columns: minmax(0, 1fr);
    }

    .x4search-form button {
        width: 100%;
    }

    .x4search-toolbar {
        align-items: flex-start;
        flex-direction: column;
    }

    .x4search-tabs {
        width: 100%;
        overflow-x: auto;
    }

    .x4search-tabs a {
        flex: 0 0 auto;
    }

    .x4search-results-grid,
    .x4search-sidebar {
        grid-template-columns: minmax(0, 1fr);
    }

    .x4search-shop-cta,
    .x4search-dynamic-sidebar {
        grid-column: auto;
    }
}

@media (max-width: 430px) {
    .x4search-hero,
    .x4search-box,
    .x4search-widget {
        padding: 16px;
    }

    .x4search-hero {
        gap: 13px;
    }

    .x4search-hero-icon {
        width: 47px;
        height: 47px;
        flex-basis: 47px;
        font-size: 19px;
    }

    .x4search-hero h1 {
        font-size: 20px;
    }

    .x4search-card-content {
        padding: 15px;
    }

    .x4search-suggestions {
        line-height: 1.9;
    }
}
/* =========================================================
   4x4Class - WooCommerce Login / Register
   woocommerce/myaccount/form-login.php
   Bootstrap Based
   ========================================================= */

.x4auth-page {
    direction: rtl;
    min-height: 70vh;
    background: #f5f7f6;
}

.x4auth-page,
.x4auth-page * {
    box-sizing: border-box;
}

.x4auth-intro {
    min-height: 100%;
    background:
        linear-gradient(135deg, rgba(19, 24, 24, .97), rgba(40, 49, 47, .94)),
        url("assets/images/offroad-pattern.jpg") center / cover;
    color: #fff;
}

.x4auth-intro-pattern {
    position: absolute;
    top: -100px;
    left: -100px;
    width: 300px;
    height: 300px;
    border: 45px solid rgba(239, 125, 0, .13);
    border-radius: 50%;
    pointer-events: none;
}

.x4auth-brand {
    color: #fff;
    font-size: 18px;
    font-weight: 900;
}

.x4auth-brand:hover {
    color: #fff0dd;
}

.x4auth-brand-icon {
    display: grid;
    width: 40px;
    height: 40px;
    place-items: center;
    border-radius: 11px;
    background: #ef7d00;
    color: #fff;
    font-size: 20px;
}

.x4auth-eyebrow {
    color: #ffad55;
    font-size: 12px;
    font-weight: 800;
}

.x4auth-intro-title {
    color: #fff;
    font-size: clamp(28px, 3vw, 42px);
    font-weight: 900;
    line-height: 1.55;
}

.x4auth-intro-text {
    max-width: 470px;
    color: #cbd2d1;
    font-size: 14px;
    line-height: 2.1;
}

.x4auth-benefits {
    display: grid;
    gap: 17px;
}

.x4auth-benefits li {
    display: flex;
    align-items: center;
    gap: 11px;
}

.x4auth-benefits li > span {
    display: grid;
    width: 39px;
    height: 39px;
    flex: 0 0 39px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 10px;
    background: rgba(255, 255, 255, .07);
    color: #ffae58;
    font-size: 17px;
}

.x4auth-benefits strong,
.x4auth-benefits small {
    display: block;
}

.x4auth-benefits strong {
    margin-bottom: 3px;
    color: #fff;
    font-size: 13px;
}

.x4auth-benefits small {
    color: #b9c1c0;
    font-size: 11px;
}

.x4auth-intro-footer {
    border-top: 1px solid rgba(255, 255, 255, .14);
}

.x4auth-intro-footer a {
    color: #ffae58;
    font-size: 13px;
    font-weight: 800;
}

.x4auth-intro-footer a i {
    margin-left: 6px;
}

/* فرم */

.x4auth-form-card {
    background: #fff;
}

.x4auth-form-label {
    display: block;
    margin-bottom: 5px;
    color: #c85f00;
    font-size: 11px;
    font-weight: 800;
}

.x4auth-form-title {
    color: #171b1c;
    font-size: 26px;
    font-weight: 900;
}

.x4auth-form-icon {
    display: grid;
    width: 47px;
    height: 47px;
    flex: 0 0 47px;
    place-items: center;
    border-radius: 13px;
    background: #fff2e3;
    color: #ef7d00;
    font-size: 21px;
}

.x4auth-page .form-label {
    color: #343b3b;
    font-size: 13px;
    font-weight: 800;
}

.x4auth-input-group .input-group-text {
    min-width: 47px;
    justify-content: center;
    border-color: #e4e9e8;
    background: #f7f9f8;
    color: #ef7d00;
}

.x4auth-input-group .form-control {
    min-height: 48px;
    border-color: #e4e9e8;
    color: #202626;
    font-size: 13px;
    box-shadow: none;
}

.x4auth-input-group .form-control:focus {
    border-color: #ef7d00;
    box-shadow: 0 0 0 .2rem rgba(239, 125, 0, .1);
}

.x4auth-input-group .form-control::placeholder {
    color: #a2aaaa;
}

.x4auth-password-toggle {
    min-width: 47px;
    border: 1px solid #e4e9e8;
    border-right: 0;
    background: #f7f9f8;
    color: #687270;
}

.x4auth-password-toggle:hover,
.x4auth-password-toggle:focus {
    border-color: #e4e9e8;
    background: #fff2e3;
    color: #c85f00;
    box-shadow: none;
}

.x4auth-forgot-link {
    color: #c85f00;
    font-size: 11px;
    font-weight: 700;
    text-decoration: none;
}

.x4auth-forgot-link:hover {
    color: #ef7d00;
    text-decoration: underline;
}

.x4auth-remember {
    color: #5d6766;
    font-size: 12px;
}

.x4auth-remember .form-check-input {
    float: none;
    margin: 0 0 0 6px;
    cursor: pointer;
}

.x4auth-remember .form-check-input:checked {
    border-color: #ef7d00;
    background-color: #ef7d00;
}

.x4auth-submit-btn,
.x4auth-register-btn {
    border: 0;
    border-radius: 11px;
    color: #fff;
    font-size: 14px;
    font-weight: 900;
    transition: transform .2s ease, background .2s ease;
}

.x4auth-submit-btn {
    background: #ef7d00;
}

.x4auth-submit-btn:hover,
.x4auth-submit-btn:focus {
    background: #c85f00;
    color: #fff;
    transform: translateY(-2px);
}

.x4auth-register-btn {
    background: #1d2524;
}

.x4auth-register-btn:hover,
.x4auth-register-btn:focus {
    background: #323d3b;
    color: #fff;
    transform: translateY(-2px);
}

.x4auth-submit-btn i,
.x4auth-register-btn i {
    margin-left: 7px;
}

.x4auth-password-note,
.x4auth-register-notice {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    padding: 11px 12px;
    border-radius: 9px;
    font-size: 11px;
    line-height: 1.9;
}

.x4auth-password-note {
    border: 1px solid #d9e8f2;
    background: #f2f9fd;
    color: #467086;
}

.x4auth-register-notice {
    border: 1px solid #f1e4d5;
    background: #fff9f2;
    color: #756454;
}

.x4auth-password-note i,
.x4auth-register-notice i {
    margin-top: 2px;
    color: #ef7d00;
    font-size: 14px;
}

/* اعلان‌های پیش‌فرض ووکامرس */

.x4auth-page + .woocommerce-notices-wrapper,
.woocommerce-notices-wrapper {
    direction: rtl;
}

.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
    margin: 0 0 18px;
    border-top: 0;
    border-right: 4px solid #ef7d00;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 6px 20px rgba(17, 28, 29, .06);
    color: #3e4748;
    font-size: 13px;
}

.woocommerce-error::before,
.woocommerce-info::before,
.woocommerce-message::before {
    right: 1.5em;
    left: auto;
}

/* ریسپانسیو */

@media (max-width: 991.98px) {
    .x4auth-intro {
        min-height: auto;
    }
}

@media (max-width: 575.98px) {
    .x4auth-page {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    .x4auth-intro,
    .x4auth-form-card .card-body {
        padding: 24px !important;
    }

    .x4auth-intro-title {
        font-size: 28px;
    }

    .x4auth-form-title {
        font-size: 22px;
    }

    .x4auth-forgot-link {
        font-size: 10px;
    }
}
/* =========================================================
   Simple WooCommerce Login / Register - 4x4Class
   ========================================================= */

.x4-login-page {
    direction: rtl;
    min-height: 60vh;
    background: #f6f7f6;
}

.x4-login-heading h1 {
    color: #1b2020;
    font-size: 28px;
    font-weight: 900;
}

.x4-login-heading p {
    color: #7a8382;
    font-size: 13px;
}

.x4-login-card {
    background: #fff;
}

.x4-login-card .border-md-start {
    border-color: #edf0ef !important;
}

.x4-login-form-head {
    display: flex;
    align-items: center;
    gap: 11px;
}

.x4-login-form-head h2 {
    color: #1d2323;
    font-size: 20px;
    font-weight: 900;
}

.x4-login-form-head p {
    color: #7e8887;
    font-size: 11px;
}

.x4-login-icon {
    display: grid;
    width: 43px;
    height: 43px;
    flex: 0 0 43px;
    place-items: center;
    border-radius: 11px;
    background: #fff1e1;
    color: #ef7d00;
    font-size: 19px;
}

.x4-register-icon {
    background: #eef2f1;
    color: #27302f;
}

.x4-login-page .form-label {
    color: #343b3a;
    font-size: 12px;
    font-weight: 800;
}

.x4-login-page .input-group-text {
    min-width: 45px;
    justify-content: center;
    border-color: #dde3e1;
    background: #f7f9f8;
    color: #ef7d00;
}

.x4-login-page .form-control {
    min-height: 46px;
    border-color: #dde3e1;
    box-shadow: none;
    color: #202625;
    font-size: 13px;
}

.x4-login-page .form-control:focus {
    border-color: #ef7d00;
    box-shadow: 0 0 0 .2rem rgba(239, 125, 0, .1);
}

.x4-login-page .form-control::placeholder {
    color: #a1aaa9;
}

.x4-password-toggle {
    min-width: 45px;
    border: 1px solid #dde3e1;
    border-right: 0;
    background: #f7f9f8;
    color: #6d7776;
}

.x4-password-toggle:hover,
.x4-password-toggle:focus {
    border-color: #dde3e1;
    background: #fff1e1;
    color: #d46700;
    box-shadow: none;
}

.x4-login-forgot {
    color: #d46700;
    font-size: 11px;
    font-weight: 700;
    text-decoration: none;
}

.x4-login-forgot:hover {
    color: #a94f00;
    text-decoration: underline;
}

.x4-login-page .form-check-label {
    color: #687170;
    font-size: 12px;
}

.x4-login-page .form-check-input {
    float: none;
    margin-left: 6px;
    cursor: pointer;
}

.x4-login-page .form-check-input:checked {
    border-color: #ef7d00;
    background-color: #ef7d00;
}

.x4-login-submit,
.x4-register-submit {
    min-height: 47px;
    border: 0;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 900;
    transition: .2s ease;
}

.x4-login-submit {
    background: #202626;
    color: #fff;
}

.x4-login-submit:hover,
.x4-login-submit:focus {
    background: #ef7d00;
    color: #fff;
    transform: translateY(-1px);
}

.x4-register-submit {
    background: #ef7d00;
    color: #fff;
}

.x4-register-submit:hover,
.x4-register-submit:focus {
    background: #c95f00;
    color: #fff;
    transform: translateY(-1px);
}

.x4-login-password-note {
    padding: 10px 12px;
    border-radius: 8px;
    background: #f5f7f6;
    color: #697372;
    font-size: 11px;
    line-height: 1.9;
}

.x4-login-password-note i {
    margin-left: 5px;
    color: #ef7d00;
}

.x4-login-back-to-shop {
    color: #5d6766;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
}

.x4-login-back-to-shop:hover {
    color: #ef7d00;
}

.x4-login-back-to-shop i {
    margin-left: 6px;
}

/* پیام‌های خطا و موفقیت ووکامرس */
.x4-login-page .woocommerce-error,
.x4-login-page .woocommerce-info,
.x4-login-page .woocommerce-message {
    margin-bottom: 20px;
    border-top: 0;
    border-right: 4px solid #ef7d00;
    border-radius: 9px;
    background: #fff8ef;
    color: #4e5655;
    font-size: 12px;
}

/* Bootstrap به‌صورت پیش‌فرض چنین کلاسی ندارد */
@media (min-width: 768px) {
    .x4-login-card .border-md-start {
        border-right: 0 !important;
        border-left: 1px solid #edf0ef !important;
    }
}

@media (max-width: 767.98px) {
    .x4-login-page {
        padding-top: 28px !important;
        padding-bottom: 28px !important;
    }

    .x4-login-heading h1 {
        font-size: 24px;
    }

    .x4-login-card .card-body {
        padding: 24px !important;
    }
}






















/* =========================================================
   4x4Class Customer Club
   باشگاه مشتریان و ثبت خاطرات آفرود
   ========================================================= */

.x4club-page {
    direction: rtl;
    min-height: 65vh;
    background: #f5f7f6;
}

.x4club-page,
.x4club-page * {
    box-sizing: border-box;
}

.x4club-head {
    overflow: hidden;
    border-right: 5px solid #ef7d00;
    background:
        linear-gradient(135deg, rgba(23, 28, 28, .97), rgba(46, 57, 54, .96));
    color: #fff;
}

.x4club-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #ffaf59;
    font-size: 12px;
    font-weight: 800;
}

.x4club-head h1 {
    color: #fff;
}

.x4club-head p {
    max-width: 720px;
    color: #ccd3d2;
    font-size: 14px;
    line-height: 2;
}

.x4club-reward-note {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 245px;
    padding: 13px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 12px;
    background: rgba(255, 255, 255, .07);
}

.x4club-reward-note > i {
    color: #ffac54;
    font-size: 24px;
}

.x4club-reward-note strong,
.x4club-reward-note span {
    display: block;
}

.x4club-reward-note strong {
    margin-bottom: 4px;
    color: #fff;
    font-size: 12px;
}

.x4club-reward-note span {
    color: #c9d0ce;
    font-size: 10px;
}

.x4club-card {
    background: #fff;
}

.x4club-section-icon {
    display: grid;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    place-items: center;
    border-radius: 11px;
    background: #fff1e1;
    color: #e87000;
    font-size: 19px;
}

.x4club-history-icon {
    background: #eef2f1;
    color: #2a3432;
}

.x4club-page .form-label {
    color: #303736;
    font-size: 13px;
}

.x4club-page .form-control {
    min-height: 48px;
    border-color: #dfe5e3;
    color: #252c2b;
    font-size: 13px;
    box-shadow: none;
}

.x4club-page textarea.form-control {
    min-height: 190px;
    resize: vertical;
    line-height: 2;
}

.x4club-page .form-control:focus {
    border-color: #ef7d00;
    box-shadow: 0 0 0 .2rem rgba(239, 125, 0, .1);
}

.x4club-page .form-control::placeholder {
    color: #a0aaa7;
}

.x4club-page .form-text {
    color: #7c8583;
    font-size: 11px;
    line-height: 1.9;
}

.x4club-rules {
    display: flex;
    gap: 9px;
    align-items: flex-start;
    padding: 12px 13px;
    border: 1px solid #f0e2d2;
    border-radius: 10px;
    background: #fffaf4;
    color: #735f4e;
    font-size: 11px;
    line-height: 2;
}

.x4club-rules > i {
    margin-top: 3px;
    color: #ef7d00;
    font-size: 15px;
}

.x4club-submit-btn {
    border: 0;
    border-radius: 10px;
    background: #ef7d00;
    color: #fff;
    font-size: 13px;
    font-weight: 900;
    transition: .2s ease;
}

.x4club-submit-btn:hover,
.x4club-submit-btn:focus {
    background: #c95f00;
    color: #fff;
    transform: translateY(-1px);
}

.x4club-memory-list {
    display: grid;
    gap: 12px;
}

.x4club-memory-item {
    padding: 14px;
    border: 1px solid #e8eceb;
    border-radius: 11px;
    background: #fcfdfd;
}

.x4club-memory-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 9px;
    margin-bottom: 9px;
}

.x4club-memory-top time {
    color: #929b99;
    font-size: 10px;
}

.x4club-status {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 8px;
    border-radius: 6px;
    font-size: 10px;
    font-weight: 800;
}

.x4club-status.is-published {
    background: #e8f6ec;
    color: #287a3b;
}

.x4club-status.is-pending,
.x4club-status.is-draft {
    background: #fff4df;
    color: #ad6900;
}

.x4club-status.is-private {
    background: #eef0f0;
    color: #5e6967;
}

.x4club-memory-item h3 {
    margin: 0 0 10px;
    color: #252d2c;
    font-size: 13px;
    font-weight: 900;
    line-height: 1.8;
}

.x4club-memory-item h3 a {
    color: inherit;
    text-decoration: none;
}

.x4club-memory-item h3 a:hover {
    color: #d46700;
}

.x4club-status-description {
    margin: 0;
    color: #7b8583;
    font-size: 11px;
}

.x4club-coupon {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 9px;
    padding: 9px 10px;
    border-radius: 8px;
    background: #222a29;
}

.x4club-coupon span {
    color: #dce2e0;
    font-size: 10px;
}

.x4club-coupon code {
    color: #ffad55;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .5px;
}

.x4club-no-coupon {
    color: #2c8140;
    font-size: 11px;
    font-weight: 700;
}

.x4club-no-coupon i {
    margin-left: 5px;
}

.x4club-empty {
    padding: 45px 20px;
    text-align: center;
    color: #7a8482;
    font-size: 12px;
    line-height: 2;
}

.x4club-empty > i {
    display: grid;
    width: 52px;
    height: 52px;
    margin: 0 auto 12px;
    place-items: center;
    border-radius: 13px;
    background: #f2f4f3;
    color: #ef7d00;
    font-size: 23px;
}

.x4club-alert {
    border: 0;
    border-right: 4px solid currentColor;
    border-radius: 10px;
    font-size: 13px;
}

.x4club-login-icon {
    display: grid;
    width: 62px;
    height: 62px;
    margin: 0 auto;
    place-items: center;
    border-radius: 16px;
    background: #fff0df;
    color: #ef7d00;
    font-size: 27px;
}

@media (max-width: 767.98px) {
    .x4club-head .card-body {
        padding: 24px !important;
    }

    .x4club-head h1 {
        font-size: 24px;
    }

    .x4club-reward-note {
        min-width: 0;
    }

    .x4club-card .card-body {
        padding: 24px !important;
    }
}
/* =========================================================
   Customer Club - Multiple Image Upload
   ========================================================= */

.x4club-image-uploader {
    padding: 14px;
    border: 1px dashed #d5ddda;
    border-radius: 11px;
    background: #fafcfb;
}

.x4club-image-fields {
    display: grid;
    gap: 9px;
}

.x4club-image-field {
    width: 100%;
}

/*
 * پس از انتخاب عکس، فیلدهای قبلی را مخفی نمی‌کنیم؛
 * کاربر اگر لازم شد بتواند فایل را تغییر دهد.
 */
.x4club-image-field .form-control {
    min-height: 45px;
    background: #fff;
    font-size: 12px;
}

.x4club-add-image-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 1px solid #e2e7e5;
    border-radius: 8px;
    background: #fff;
    color: #3a4542;
    font-size: 12px;
    font-weight: 800;
}

.x4club-add-image-btn:hover,
.x4club-add-image-btn:focus {
    border-color: #ef7d00;
    background: #fff4e7;
    color: #c95f00;
}

.x4club-add-image-btn.disabled,
.x4club-add-image-btn:disabled {
    cursor: not-allowed;
    opacity: .65;
}

.x4club-image-preview-list {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 9px;
}

.x4club-image-preview-item {
    position: relative;
    min-width: 0;
    overflow: hidden;
    border: 1px solid #e1e7e4;
    border-radius: 9px;
    background: #fff;
}

.x4club-image-preview-item img {
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

.x4club-image-preview-item span {
    display: block;
    overflow: hidden;
    padding: 5px 6px;
    color: #697270;
    font-size: 9px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.x4club-remove-image {
    position: absolute;
    top: 5px;
    left: 5px;
    display: grid;
    width: 25px;
    height: 25px;
    place-items: center;
    border: 0;
    border-radius: 7px;
    background: rgba(30, 35, 34, .84);
    color: #fff;
    cursor: pointer;
    font-size: 11px;
}

.x4club-remove-image:hover {
    background: #c92828;
}

@media (max-width: 767.98px) {
    .x4club-image-preview-list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
/* انتخاب چند عکس در باشگاه مشتریان */

.x4club-image-uploader {
    padding: 14px;
    border: 1px dashed #d5ddda;
    border-radius: 11px;
    background: #fafcfb;
}

.x4club-image-fields {
    display: grid;
    gap: 10px;
}

.x4club-image-input-row {
    display: flex;
    align-items: center;
    gap: 8px;
}

.x4club-image-input-row .form-control {
    min-width: 0;
}

.x4club-remove-image-field {
    display: grid;
    width: 45px;
    height: 45px;
    flex: 0 0 45px;
    place-items: center;
    border: 1px solid #f0dada;
    border-radius: 8px;
    background: #fff8f8;
    color: #c43a3a;
}

.x4club-remove-image-field:hover {
    border-color: #c43a3a;
    background: #c43a3a;
    color: #fff;
}

.x4club-add-image-btn {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border: 1px solid #dce3e0;
    border-radius: 8px;
    background: #fff;
    color: #37413f;
    font-size: 12px;
    font-weight: 800;
}

.x4club-add-image-btn:hover,
.x4club-add-image-btn:focus {
    border-color: #ef7d00;
    background: #fff2e3;
    color: #c85f00;
}

.x4club-add-image-btn:disabled {
    cursor: not-allowed;
    opacity: .6;
}

.x4club-image-preview-list {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 9px;
}

.x4club-image-preview-item {
    position: relative;
    overflow: hidden;
    border: 1px solid #e1e7e4;
    border-radius: 9px;
    background: #fff;
}

.x4club-image-preview-item img {
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

.x4club-image-preview-item span {
    display: block;
    overflow: hidden;
    padding: 5px;
    color: #697270;
    font-size: 9px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.x4club-remove-preview {
    position: absolute;
    top: 5px;
    left: 5px;
    display: grid;
    width: 25px;
    height: 25px;
    place-items: center;
    border: 0;
    border-radius: 7px;
    background: rgba(27, 32, 32, .85);
    color: #fff;
    cursor: pointer;
    font-size: 11px;
}

.x4club-remove-preview:hover {
    background: #c92c2c;
}

@media (max-width: 575.98px) {
    .x4club-image-preview-list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

/* =========================================================
   4x4Class - Public Off-road Memories Archive
   ========================================================= */

.x4memories-archive {
    direction: rtl;
    min-height: 65vh;
    background: #f5f7f6;
}

.x4memories-archive-head {
    padding: 34px;
    border-right: 5px solid #ef7d00;
    background: linear-gradient(135deg, #181d1d, #313c39);
    color: #fff;
}

.x4memories-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #ffad55;
    font-size: 12px;
    font-weight: 800;
}

.x4memories-archive-head h1 {
    color: #fff;
    font-size: clamp(26px, 3vw, 38px);
    font-weight: 900;
}

.x4memories-archive-head p {
    max-width: 760px;
    color: #cbd3d1;
    font-size: 14px;
    line-height: 2;
}

.x4memories-head-action {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 13px;
    background: rgba(255, 255, 255, .07);
}

.x4memories-head-action > i {
    color: #ffad55;
    font-size: 24px;
}

.x4memories-head-action strong,
.x4memories-head-action span {
    display: block;
}

.x4memories-head-action strong {
    color: #fff;
    font-size: 12px;
}

.x4memories-head-action span {
    margin-top: 4px;
    color: #cbd2d0;
    font-size: 10px;
}

.x4memories-head-action a {
    display: grid;
    width: 34px;
    height: 34px;
    margin-right: auto;
    place-items: center;
    border-radius: 8px;
    background: #ef7d00;
    color: #fff;
    text-decoration: none;
}

.x4memory-card {
    transition: transform .2s ease, box-shadow .2s ease;
}

.x4memory-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 16px 30px rgba(26, 34, 32, .12) !important;
}

.x4memory-image {
    position: relative;
    aspect-ratio: 1 / .64;
    overflow: hidden;
    background: #e9edeb;
}

.x4memory-image > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .35s ease;
}

.x4memory-card:hover .x4memory-image > img {
    transform: scale(1.06);
}

.x4memory-no-image {
    display: grid;
    width: 100%;
    height: 100%;
    place-items: center;
    background: linear-gradient(135deg, #2a3331, #56615e);
    color: #ef7d00;
    font-size: 34px;
}

.x4memory-gallery-count {
    position: absolute;
    bottom: 11px;
    left: 11px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 8px;
    border-radius: 7px;
    background: rgba(20, 25, 24, .84);
    color: #fff;
    font-size: 11px;
    font-weight: 800;
}

.x4memory-author strong,
.x4memory-author span {
    display: block;
}

.x4memory-author strong {
    color: #293130;
    font-size: 12px;
    font-weight: 900;
}

.x4memory-author span {
    margin-top: 3px;
    color: #d16600;
    font-size: 10px;
    font-weight: 700;
}

.x4memory-author span i {
    color: #ef7d00;
}

.x4memory-card h2 {
    line-height: 1.8;
}

.x4memory-card h2 a {
    color: #202726;
    text-decoration: none;
}

.x4memory-card h2 a:hover {
    color: #d26700;
}

.x4memory-excerpt {
    display: -webkit-box;
    overflow: hidden;
    margin: 0;
    color: #707a78;
    font-size: 12px;
    line-height: 2;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.x4memory-footer {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    border-top: 1px solid #ebeeee;
    color: #8a9391;
    font-size: 10px;
}

.x4memory-footer span {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.x4memory-footer i {
    color: #ef7d00;
}

.x4memories-pagination {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 7px;
}

.x4memories-pagination .page-numbers {
    display: grid;
    width: 40px;
    height: 40px;
    place-items: center;
    border: 1px solid #e0e6e3;
    border-radius: 9px;
    background: #fff;
    color: #28312f;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
}

.x4memories-pagination .page-numbers.current,
.x4memories-pagination .page-numbers:hover {
    border-color: #ef7d00;
    background: #ef7d00;
    color: #fff;
}

.x4memories-empty-icon {
    display: grid;
    width: 58px;
    height: 58px;
    margin-right: auto;
    margin-left: auto;
    place-items: center;
    border-radius: 15px;
    background: #fff1e1;
    color: #ef7d00;
    font-size: 25px;
}

/* باکس امتیاز در صفحه ثبت خاطره */

.x4club-points-note {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 180px;
    padding: 13px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 12px;
    background: rgba(255, 255, 255, .07);
}

.x4club-points-note > i {
    color: #ffb15d;
    font-size: 24px;
}

.x4club-points-note strong,
.x4club-points-note span {
    display: block;
}

.x4club-points-note strong {
    color: #fff;
    font-size: 14px;
}

.x4club-points-note span {
    margin-top: 3px;
    color: #d0d8d5;
    font-size: 10px;
}

@media (max-width: 767.98px) {
    .x4memories-archive-head {
        padding: 24px;
    }

    .x4memory-footer {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* =====================================================
   Comments section — فقط برای بخش اختصاصی مقالات
   بدون وابستگی به body.single-post
===================================================== */

.x4sp-comments-section {
    --x4-orange: #d83121;
    --x4-orange-dark: #76150f;
    --x4-dark: #1c2730;
    --x4-text: #46515b;
    --x4-muted: #78848e;
    --x4-border: #e1e6ea;
    --x4-soft: #f6f8fa;

    direction: rtl;
    text-align: right;
    margin-top: 42px;
    padding-top: 30px;
    border-top: 1px solid var(--x4-border);
}

/* ========== عنوان فرم و عنوان دیدگاه‌ها ========== */

.x4sp-comments-section .comments-title,
.x4sp-comments-section .comment-reply-title {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 10px;
    color: var(--x4-dark);
    font-size: 1.12rem;
    font-weight: 800;
    line-height: 1.8;
}

.x4sp-comments-section .comments-title::before,
.x4sp-comments-section .comment-reply-title::before {
    content: "";
    width: 5px;
    height: 27px;
    flex: 0 0 5px;
    border-radius: 10px;
    background: var(--x4-orange);
}

/* ========== فرم ثبت دیدگاه ========== */

.x4sp-comments-section #respond {
    margin-top: 24px;
    padding: 25px;
    border: 1px solid var(--x4-border);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 8px 25px rgba(20, 32, 42, 0.045);
}

.x4sp-comments-section .comment-notes {
    width: 100%;
    margin: 0 0 20px !important;
    color: var(--x4-muted);
    font-size: 0.8rem;
    line-height: 1.9;
}

/* چون ایمیل حذف شده، متن قدیمی وردپرس نمایش داده نشود */
.x4sp-comments-section #email-notes {
    display: none;
}

.x4sp-comments-section .comment-form {
    display: flex;
    flex-wrap: wrap;
    gap: 16px 18px;
    margin: 0;
}

.x4sp-comments-section .comment-form > p {
    box-sizing: border-box;
    margin: 0;
}

/* ترتیب استاندارد فرم */
.x4sp-comments-section .comment-notes {
    order: 1;
}

.x4sp-comments-section .comment-form-author {
    order: 2;
    flex: 1 1 calc(50% - 9px);
}

.x4sp-comments-section .comment-form-phone {
    order: 3;
    flex: 1 1 calc(50% - 9px);
}

.x4sp-comments-section .comment-form-comment {
    order: 4;
    width: 100%;
    flex: 1 1 100%;
}

.x4sp-comments-section .comment-form-cookies-consent {
    order: 5;
    width: 100%;
    flex: 1 1 100%;
}

.x4sp-comments-section .form-submit {
    order: 6;
    width: 100%;
    flex: 1 1 100%;
}

.x4sp-comments-section .comment-form label {
    display: block;
    margin-bottom: 7px;
    color: var(--x4-dark);
    font-size: 0.84rem;
    font-weight: 700;
}

.x4sp-comments-section .comment-form .required {
    color: #d94841;
}

/* فیلدها */
.x4sp-comments-section .comment-form input[type="text"],
.x4sp-comments-section .comment-form input[type="tel"],
.x4sp-comments-section .comment-form textarea {
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #d7dfe5;
    border-radius: 10px;
    outline: 0;
    background: #f9fafb;
    color: var(--x4-dark);
    font-family: inherit;
    font-size: 0.9rem;
    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.x4sp-comments-section .comment-form input[type="text"],
.x4sp-comments-section .comment-form input[type="tel"] {
    height: 47px;
    padding: 0 13px;
}

.x4sp-comments-section .comment-form textarea {
    min-height: 145px;
    padding: 12px 13px;
    line-height: 1.9;
    resize: vertical;
}

.x4sp-comments-section .comment-form input:focus,
.x4sp-comments-section .comment-form textarea:focus {
    border-color: var(--x4-orange);
    background: #fff;
    box-shadow: 0 0 0 4px rgba(232, 120, 23, 0.12);
}

.x4sp-comments-section .comment-form input::placeholder,
.x4sp-comments-section .comment-form textarea::placeholder {
    color: #a0aab3;
}

/* ذخیره کوکی */
.x4sp-comments-section .comment-form-cookies-consent {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    color: var(--x4-muted);
    font-size: 0.8rem;
    line-height: 1.8;
}

.x4sp-comments-section .comment-form-cookies-consent input[type="checkbox"] {
    width: 17px;
    height: 17px;
    margin: 3px 0 0;
    accent-color: var(--x4-orange);
    cursor: pointer;
}

.x4sp-comments-section .comment-form-cookies-consent label {
    margin: 0;
    color: var(--x4-muted);
    font-size: 0.8rem;
    font-weight: 400;
    cursor: pointer;
}

/* دکمه ارسال */
.x4sp-comments-section .form-submit .submit {
    min-width: 150px;
    padding: 12px 24px;
    border: 0;
    border-radius: 10px;
    background: var(--x4-dark);
    color: #fff;
    font-family: inherit;
    font-size: 0.9rem;
    font-weight: 800;
    cursor: pointer;
    transition: background .2s ease, transform .2s ease, box-shadow .2s ease;
}

.x4sp-comments-section .form-submit .submit:hover {
    background: var(--x4-orange);
    transform: translateY(-2px);
    box-shadow: 0 8px 18px rgba(232, 120, 23, 0.25);
}

/* لینک لغو پاسخ */
.x4sp-comments-section #cancel-comment-reply-link {
    display: inline-block;
    margin-right: 10px;
    padding: 3px 8px;
    border-radius: 6px;
    background: #fff0ef;
    color: #bb3d34;
    font-size: 0.75rem;
    font-weight: 700;
    text-decoration: none;
}

/* ========== لیست و حباب کامنت‌ها ========== */

.x4sp-comments-section .comment-list,
.x4sp-comments-section .children {
    margin: 25px 0 0;
    padding: 0;
    list-style: none;
}

.x4sp-comments-section .comment-list > li {
    margin-bottom: 20px;
}

/* حباب */
.x4sp-comments-section .comment-body {
    position: relative;
    min-height: 72px;
    padding: 18px 84px 17px 18px;
    border: 1px solid var(--x4-border);
    border-radius: 18px 6px 18px 18px;
    background: #fff;
    box-shadow: 0 7px 20px rgba(20, 32, 42, 0.045);
}

/* دنباله حباب */
.x4sp-comments-section .comment-body::before {
    content: "";
    position: absolute;
    top: 20px;
    right: -10px;
    width: 18px;
    height: 18px;
    border-top: 1px solid var(--x4-border);
    border-right: 1px solid var(--x4-border);
    background: #fff;
    transform: rotate(45deg);
}

/* آواتار */
.x4sp-comments-section .comment-author .avatar {
    position: absolute;
    z-index: 1;
    top: 18px;
    right: 18px;
    width: 47px;
    height: 47px;
    margin: 0;
    border: 2px solid #fff;
    border-radius: 50%;
    background: #eef1f3;
    box-shadow: 0 0 0 2px rgba(232, 120, 23, 0.28);
}

.x4sp-comments-section .comment-author,
.x4sp-comments-section .comment-author .fn {
    color: var(--x4-dark);
    font-size: 0.92rem;
    font-style: normal;
    font-weight: 800;
}

.x4sp-comments-section .comment-author a {
    color: inherit;
    text-decoration: none;
}

.x4sp-comments-section .comment-author .says {
    display: none;
}

.x4sp-comments-section .comment-metadata {
    display: block;
    margin: 5px 0 12px;
    color: var(--x4-muted);
    font-size: 0.75rem;
}

.x4sp-comments-section .comment-metadata a {
    color: inherit;
    text-decoration: none;
}

.x4sp-comments-section .comment-content {
    color: var(--x4-text);
    font-size: 0.91rem;
    line-height: 2;
}

.x4sp-comments-section .comment-content p {
    margin: 0 0 8px;
}

.x4sp-comments-section .comment-content p:last-child {
    margin-bottom: 0;
}

.x4sp-comments-section .reply {
    margin-top: 13px;
}

.x4sp-comments-section .comment-reply-link {
    display: inline-flex;
    padding: 5px 11px;
    border: 1px solid rgba(232, 120, 23, 0.3);
    border-radius: 8px;
    background: #fff9f3;
    color: var(--x4-orange-dark);
    font-size: 0.77rem;
    font-weight: 700;
    text-decoration: none;
}

.x4sp-comments-section .comment-reply-link:hover {
    border-color: var(--x4-orange);
    background: var(--x4-orange);
    color: #fff;
}

/* پاسخ تو در تو */
.x4sp-comments-section .children {
    margin: 15px 42px 0 0;
    padding-right: 16px;
    border-right: 2px solid #e7ebee;
}

.x4sp-comments-section .children .comment-body {
    background: #fcfcfd;
}

/* پاسخ نویسنده مقاله */
.x4sp-comments-section .bypostauthor > .comment-body {
    border-color: rgba(232, 120, 23, 0.45);
    background: #fffaf5;
}

.x4sp-comments-section .bypostauthor > .comment-body::before {
    border-top-color: rgba(232, 120, 23, 0.45);
    border-right-color: rgba(232, 120, 23, 0.45);
    background: #fffaf5;
}

/* موبایل */
@media (max-width: 640px) {
    .x4sp-comments-section #respond {
        padding: 18px 16px;
    }

    .x4sp-comments-section .comment-form-author,
    .x4sp-comments-section .comment-form-phone {
        width: 100%;
        flex-basis: 100%;
    }

    .x4sp-comments-section .form-submit .submit {
        width: 100%;
    }

    .x4sp-comments-section .comment-body {
        padding: 15px 65px 15px 14px;
    }

    .x4sp-comments-section .comment-author .avatar {
        top: 16px;
        right: 13px;
        width: 38px;
        height: 38px;
    }

    .x4sp-comments-section .children {
        margin-right: 16px;
        padding-right: 10px;
    }
}


/* دکمه فعلی منوی موبایل */
.center-action {
    position: relative;
}

/* عدد روی آیکون کیف */
.center-action .cart-badge {
    position: absolute;
    top: 3px;
    right: calc(50% - 24px);
    z-index: 5;

    display: none;
    align-items: center;
    justify-content: center;

    min-width: 17px;
    height: 17px;
    padding: 0 4px;
    box-sizing: border-box;

    border-radius: 50px;
    background: #e31b23;
    border: 2px solid #fff;
    color: #fff;

    font-family: Arial, sans-serif;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
}



/* اصلاح کامنت‌های محصولات ووکامرس، بدون تأثیر روی کامنت مقالات */

.fourx4-product-reviews__list {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.fourx4-product-reviews__list > li.review {
    display: block !important;
    width: 100% !important;
    margin: 0 0 20px !important;
    padding: 20px 0 !important;
    box-sizing: border-box !important;
    list-style: none !important;
    border-bottom: 1px solid #eee;
}

.fourx4-product-reviews__list .comment_container {
    display: flex !important;
    align-items: flex-start !important;
    gap: 16px !important;
    width: 100% !important;
}

.fourx4-product-reviews__list .comment-text {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
}

.fourx4-product-reviews__list .star-rating {
    float: none !important;
    display: block !important;
    margin: 0 0 8px !important;
}

.fourx4-product-reviews__list .meta {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    margin: 0 0 8px !important;
    line-height: 1.8 !important;
}

.fourx4-product-reviews__list .description,
.fourx4-product-reviews__list .description p {
    width: 100% !important;
    margin: 0 !important;
    line-height: 1.9 !important;
    overflow-wrap: anywhere;
}



.daily-product-orders {
    display: block;
    width: 100%;
    margin-top: 12px;
    padding: 10px 12px;
    border-right: 3px solid #d35400;
    background: #f7f7f7;
    color: #252525;
    font-size: 13px;
    line-height: 1.8;
}

.daily-product-orders strong {
    color: #1fad5b;
}
/* کانتینر اصلی صفحه‌بندی */
.shop-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
}

.woocommerce-pagination {
  border: none !important;
  padding: 0 !important;
}

.woocommerce-pagination ul.page-numbers {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  list-style: none;
  padding: 0;
  margin: 0;
  border: none !important;
}

.woocommerce-pagination ul.page-numbers li {
  display: inline-block;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* استایل عمومی دکمه‌ها و لینک‌های شماره صفحه */
.woocommerce-pagination ul.page-numbers li .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  height: 42px;
  padding: 0 14px;
  font-size: 15px;
  font-weight: 700;
  color: #e5e5e5;
  background-color: #1a1a1a;
  border: 1px solid #2d2d2d;
  border-radius: 8px;
  text-decoration: none;
  transition: all 0.25s ease-in-out;
  user-select: none;
}

/* هاور روی صفحات غیرفعال و دکمه‌های بعدی/قبلی */
.woocommerce-pagination ul.page-numbers li a.page-numbers:hover {
  color: #ffffff;
  background-color: #262626;
  border-color: #dc2626;
  box-shadow: 0 0 12px rgba(220, 38, 38, 0.35);
  transform: translateY(-2px);
}

/* صفحه فعال فعلی (Current) */
.woocommerce-pagination ul.page-numbers li span.page-numbers.current {
  color: #ffffff;
  background: linear-gradient(135deg, #e11d48, #b91c1c);
  border-color: #b91c1c;
  box-shadow: 0 4px 14px rgba(225, 29, 72, 0.45);
  cursor: default;
}

/* دکمه‌های بعدی و قبلی (فلش‌ها) */
.woocommerce-pagination ul.page-numbers li a.next.page-numbers,
.woocommerce-pagination ul.page-numbers li a.prev.page-numbers {
  font-size: 18px;
  background-color: #141414;
}

/* سه نقطه بین صفحات (Dots) */
.woocommerce-pagination ul.page-numbers li span.page-numbers.dots {
  background: transparent;
  border-color: transparent;
  color: #737373;
  cursor: default;
}
/* کانتینر اصلی منوی حساب کاربری */
.woocommerce-MyAccount-navigation {
  background: #151515;
  border: 1px solid #262626;
  border-radius: 12px;
  padding: 16px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
  margin-bottom: 25px;
}

.woocommerce-MyAccount-navigation ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.woocommerce-MyAccount-navigation ul li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

/* استایل عمومی لینک‌ها */
.woocommerce-MyAccount-navigation ul li a {
  display: flex;
  align-items: center;
  padding: 12px 16px;
  font-size: 14px;
  font-weight: 600;
  color: #a3a3a3;
  background: #1c1c1c;
  border: 1px solid transparent;
  border-radius: 8px;
  text-decoration: none !important;
  transition: all 0.25s ease-in-out;
  position: relative;
}

/* پیش‌فرض آیکون با فونت بوت‌استرپ */
.woocommerce-MyAccount-navigation ul li a::before {
  font-family: 'bootstrap-icons' !important;
  font-size: 17px;
  margin-left: 12px;
  color: #737373;
  transition: color 0.25s ease;
}

/* آیکون اختصاصی برای هر آیتم */
.woocommerce-MyAccount-navigation-link--dashboard a::before { content: "\f5b4"; } /* bi-speedometer2 */
.woocommerce-MyAccount-navigation-link--orders a::before { content: "\f1bc"; } /* bi-box-seam */
.woocommerce-MyAccount-navigation-link--downloads a::before { content: "\f35a"; } /* bi-download */
.woocommerce-MyAccount-navigation-link--edit-address a::before { content: "\f3e8"; } /* bi-geo-alt */
.woocommerce-MyAccount-navigation-link--payment-methods a::before { content: "\f2bc"; } /* bi-credit-card */
.woocommerce-MyAccount-navigation-link--edit-account a::before { content: "\f4e1"; } /* bi-person-gear */
.woocommerce-MyAccount-navigation-link--customer-logout a::before { content: "\f1c7"; } /* bi-box-arrow-right */

/* حالت هاور لینک‌ها */
.woocommerce-MyAccount-navigation ul li:not(.is-active) a:hover {
  color: #ffffff;
  background: #242424;
  border-color: #383838;
  transform: translateX(-4px);
}

.woocommerce-MyAccount-navigation ul li:not(.is-active) a:hover::before {
  color: #dc2626;
}

/* آیتم فعال (Active Tab) */
.woocommerce-MyAccount-navigation ul li.is-active a {
  color: #ffffff;
  background: linear-gradient(135deg, #b91c1c 0%, #7f1d1d 100%);
  border-color: #dc2626;
  box-shadow: 0 4px 14px rgba(220, 38, 38, 0.35);
}

.woocommerce-MyAccount-navigation ul li.is-active a::before {
  color: #ffffff;
}

/* استایل اختصاصی دکمه خروج */
.woocommerce-MyAccount-navigation-link--customer-logout {
  margin-top: 10px !important;
  border-top: 1px solid #262626;
  padding-top: 10px !important;
}

.woocommerce-MyAccount-navigation-link--customer-logout a {
  background: rgba(220, 38, 38, 0.08);
  color: #ef4444;
}

.woocommerce-MyAccount-navigation-link--customer-logout a::before {
  color: #ef4444;
}

.woocommerce-MyAccount-navigation-link--customer-logout a:hover {
  background: #dc2626 !important;
  color: #ffffff !important;
  border-color: #dc2626 !important;
}

.woocommerce-MyAccount-navigation-link--customer-logout a:hover::before {
  color: #ffffff !important;
}









/* مخفی کردن کامل منوی شناور موبایل هنگام باز بودن استوری */
body.modal-open .mobile-bottom-nav {
    display: none !important;
}











/* باکس ورودی پیام به مدیر (استایل دایرکت اینستاگرام) */
.story-input {
  background: rgba(255, 255, 255, 0.15) !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  color: #fff !important;
  border-radius: 20px !important;
  font-size: 0.8rem !important;
}
.story-input::placeholder {
  color: #d1d5db !important;
  font-size: 0.75rem;
}
.story-input:focus {
  background: rgba(0, 0, 0, 0.6) !important;
  border-color: #e11d48 !important;
  box-shadow: 0 0 8px rgba(225, 29, 72, 0.4) !important;
}
.text-shadow {
  text-shadow: 0 2px 4px rgba(0,0,0,0.8);
}


/* اصلاح ابعاد و گرید کارت‌های محصول در سبد خرید */
ul.products {
    display: flex !important;
    flex-wrap: wrap !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 -12px 30px -12px !important;
}

ul.products::before,
ul.products::after {
    display: none !important;
}

ul.products > .product {
    padding: 12px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

/* موبایل: تک ستون عریض (کامل) یا ۲ ستون */
@media (max-width: 575.98px) {
    ul.products > .product {
        flex: 0 0 100% !important; /* یا اگر خواستی ۲ تایی باشه بزار 50% */
        max-width: 100% !important;
    }
}

/* تبلت و موبایل‌های افقی: ۲ ستون عریض و خوش‌قواره */
@media (min-width: 576px) and (max-width: 991.98px) {
    ul.products > .product {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
}

/* دسکتاپ: ۳ ستون متناسب (دیگر نازک و له نمی‌شوند) */
@media (min-width: 992px) {
    ul.products > .product {
        flex: 0 0 33.333333% !important;
        max-width: 33.333333% !important;
    }
}

/* تضمین عرض مناسب عکس و کارت داخل ستون */
ul.products .product-card {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}

ul.products .product-image img {
    width: 100% !important;
    height: 220px !important; /* ارتفاع استاندارد برای پر کردن کارت */
    object-fit: cover !important;
}
/* ============================================================
   استایل جدول سبد خرید 4x4class
   ============================================================ */

/* پوسته کلی جدول */
table.woocommerce-cart-form__contents {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border: 1px solid #e9ecef !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    background: #ffffff !important;
    margin-bottom: 25px !important;
}

/* هدر جدول */
table.woocommerce-cart-form__contents thead th {
    background-color: #f8f9fa !important;
    color: #495057 !important;
    font-size: 0.9rem !important;
    font-weight: 700 !important;
    padding: 16px 14px !important;
    border-bottom: 2px solid #dee2e6 !important;
    text-align: right !important;
}

/* سطرهای جدول */
table.woocommerce-cart-form__contents tbody td {
    padding: 16px 14px !important;
    vertical-align: middle !important;
    border-bottom: 1px solid #f1f3f5 !important;
    color: #212529 !important;
    font-size: 0.95rem !important;
}

table.woocommerce-cart-form__contents tbody tr:last-child td {
    border-bottom: none !important;
}

/* دکمه حذف آیتم (ضربدر) */
table.woocommerce-cart-form__contents a.remove {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    height: 28px !important;
    border-radius: 50% !important;
    background: #fff0f0 !important;
    color: #e03131 !important;
    font-size: 1.2rem !important;
    line-height: 1 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

table.woocommerce-cart-form__contents a.remove:hover {
    background: #e03131 !important;
    color: #ffffff !important;
}

/* تصویر محصول */
table.woocommerce-cart-form__contents td.product-thumbnail img {
    width: 75px !important;
    height: 75px !important;
    object-fit: cover !important;
    border-radius: 8px !important;
    border: 1px solid #e9ecef !important;
    display: block !important;
}

/* عنوان محصول */
table.woocommerce-cart-form__contents td.product-name a {
    color: #212529 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

table.woocommerce-cart-form__contents td.product-name a:hover {
    color: #e8590c !important; /* رنگ تم آفرود/نارنجی */
}

/* قیمت‌ها */
table.woocommerce-cart-form__contents td.product-price,
table.woocommerce-cart-form__contents td.product-subtotal {
    font-weight: 700 !important;
    color: #212529 !important;
}

table.woocommerce-cart-form__contents td.product-subtotal {
    color: #23c869;
}

/* فیلد تعداد (Quantity) */
table.woocommerce-cart-form__contents .quantity input.qty {
    width: 70px !important;
    height: 40px !important;
    text-align: center !important;
    border: 1px solid #ced4da !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    background: #f8f9fa !important;
}

/* بخش اکشن‌ها (کد تخفیف و بروزرسانی سبد) */
table.woocommerce-cart-form__contents td.actions {
    background-color: #fafbfc !important;
    padding: 16px !important;
}

table.woocommerce-cart-form__contents .coupon {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    float: right !important;
}

table.woocommerce-cart-form__contents .coupon input#coupon_code {
    height: 42px !important;
    padding: 0 14px !important;
    border: 1px solid #ced4da !important;
    border-radius: 8px !important;
    outline: none !important;
    font-size: 0.9rem !important;
}

table.woocommerce-cart-form__contents .coupon button[name="apply_coupon"],
table.woocommerce-cart-form__contents button[name="update_cart"] {
    height: 42px !important;
    padding: 0 18px !important;
    border-radius: 8px !important;
    font-size: 0.88rem !important;
    font-weight: 600 !important;
    border: 1px solid #dee2e6 !important;
    background: #212529 !important;
    color: #ffffff !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

table.woocommerce-cart-form__contents button[name="update_cart"] {
    float: left !important;
    background: #f1f3f5 !important;
    color: #495057 !important;
    border-color: #ced4da !important;
}

table.woocommerce-cart-form__contents button[name="update_cart"]:hover:not(:disabled) {
    background: #212529 !important;
    color: #ffffff !important;
}

table.woocommerce-cart-form__contents button:disabled {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
}

/* ============================================================
   واکنش‌گرایی موبایل (زیر ۷۶۸ پیکسل)
   تبدیل ردیف‌ها به کارت‌های مستقل تمیز
   ============================================================ */
@media (max-width: 767.98px) {
    table.woocommerce-cart-form__contents thead {
        display: none !important;
    }

    table.woocommerce-cart-form__contents,
    table.woocommerce-cart-form__contents tbody,
    table.woocommerce-cart-form__contents tr.cart_item {
        display: block !important;
        width: 100% !important;
    }

    table.woocommerce-cart-form__contents tr.cart_item {
        position: relative !important;
        border-bottom: 2px solid #f1f3f5 !important;
        padding: 16px 14px 16px 14px !important;
    }

    table.woocommerce-cart-form__contents td {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        border: none !important;
        padding: 6px 0 !important;
    }

    table.woocommerce-cart-form__contents td.product-remove {
        position: absolute !important;
        top: 12px !important;
        left: 12px !important;
        padding: 0 !important;
    }

    table.woocommerce-cart-form__contents td.product-thumbnail {
        justify-content: center !important;
        padding-bottom: 12px !important;
    }

    table.woocommerce-cart-form__contents td.product-thumbnail img {
        width: 90px !important;
        height: 90px !important;
    }

    table.woocommerce-cart-form__contents td.actions {
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
    }

    table.woocommerce-cart-form__contents .coupon {
        float: none !important;
        width: 100% !important;
    }

    table.woocommerce-cart-form__contents .coupon input#coupon_code {
        flex: 1 !important;
    }

    table.woocommerce-cart-form__contents button[name="update_cart"] {
        float: none !important;
        width: 100% !important;
    }
}
/* ============================================================
   استایل باکس مجموع کل سبد خرید (Cart Totals)
   ============================================================ */

.cart_totals {
    background: #ffffff !important;
    border: 1px solid #e9ecef !important;
    border-radius: 12px !important;
    padding: 24px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03) !important;
}

/* تیتر مجموع کل سبد خرید */
.cart_totals h2 {
    font-size: 1.15rem !important;
    font-weight: 700 !important;
    color: #212529 !important;
    margin: 0 0 18px 0 !important;
    padding-bottom: 12px !important;
    border-bottom: 2px solid #f1f3f5 !important;
}

/* جدول قیمت‌ها */
.cart_totals table.shop_table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin-bottom: 20px !important;
}

.cart_totals table.shop_table tr {
    border-bottom: 1px dashed #e9ecef !important;
}

.cart_totals table.shop_table tr:last-child {
    border-bottom: 2px solid #dee2e6 !important;
}

.cart_totals table.shop_table th {
    padding: 14px 0 !important;
    font-size: 0.95rem !important;
    color: #6c757d !important;
    font-weight: 600 !important;
    text-align: right !important;
    width: 40% !important;
}

.cart_totals table.shop_table td {
    padding: 14px 0 !important;
    font-size: 0.95rem !important;
    color: #212529 !important;
    text-align: left !important;
    font-weight: 600 !important;
}

/* سطر جمع کل نهایی */
.cart_totals tr.order-total th {
    font-size: 1.05rem !important;
    font-weight: 700 !important;
    color: #212529 !important;
}

.cart_totals tr.order-total td strong {
    font-size: 1.2rem !important;
    font-weight: 800 !important;
    color: #2b8a3e !important; /* سبز خوانا و مشخص برای مبلغ نهایی */
}

/* دکمه اقدام به پرداخت (سبز باکیفیت و بولد) */
.cart_totals .wc-proceed-to-checkout {
    padding: 0 !important;
    margin-top: 15px !important;
}

.cart_totals a.checkout-button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    background-color: #2b8a3e !important; /* رنگ سبز هدف */
    color: #ffffff !important;
    font-size: 1.05rem !important;
    font-weight: 700 !important;
    padding: 14px 20px !important;
    border-radius: 10px !important;
    text-decoration: none !important;
    transition: all 0.25s ease !important;
    box-shadow: 0 4px 14px rgba(43, 138, 62, 0.28) !important;
    border: none !important;
    line-height: 1.5 !important;
}

.cart_totals a.checkout-button:hover {
    background-color: #237032 !important; /* سبز تیره‌تر هنگام هاور */
    color: #ffffff !important;
    box-shadow: 0 6px 18px rgba(43, 138, 62, 0.38) !important;
    transform: translateY(-2px) !important;
}

.cart_totals a.checkout-button:active {
    transform: translateY(0) !important;
}
/* ============================================================
   استایل فرم جزئیات پرداخت (WooCommerce Checkout Billing)
   ============================================================ */

/* کادر کلی بخش صورتحساب */
.woocommerce-billing-fields {
    background: #ffffff !important;
    border: 1px solid #e9ecef !important;
    border-radius: 12px !important;
    padding: 24px !important;
    margin-bottom: 25px !important;
}

/* تیتر جزئیات پرداخت */
.woocommerce-billing-fields h3 {
    font-size: 1.15rem !important;
    font-weight: 700 !important;
    color: #212529 !important;
    margin: 0 0 20px 0 !important;
    padding-bottom: 12px !important;
    border-bottom: 2px solid #f1f3f5 !important;
}

/* ساختار فلکس‌باکس برای ردیف‌های فرم */
.woocommerce-billing-fields__field-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 16px 0 !important;
    margin: 0 -8px !important;
}

/* سطرها و لیبل‌ها */
.woocommerce-billing-fields .form-row {
    padding: 0 8px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

.woocommerce-billing-fields .form-row label {
    display: block !important;
    font-size: 0.88rem !important;
    font-weight: 600 !important;
    color: #495057 !important;
    margin-bottom: 6px !important;
}

/* ستاره ضروری و برچسب اختیاری */
.woocommerce-billing-fields label .required {
    color: #e03131 !important;
    text-decoration: none !important;
    font-weight: 700 !important;
}

.woocommerce-billing-fields label .optional {
    color: #868e96 !important;
    font-size: 0.8rem !important;
    font-weight: normal !important;
}

/* فیلدهای دو ستونه (نام، نام خانوادگی) */
.woocommerce-billing-fields .form-row-first,
.woocommerce-billing-fields .form-row-last {
    width: 50% !important;
    float: none !important;
}

/* فیلدهای تمام عرض (استان، شهر، آدرس، تلفن) */
.woocommerce-billing-fields .form-row-wide {
    width: 100% !important;
    float: none !important;
}

/* یکسان‌سازی ظاهر اینپوت‌های متنی */
.woocommerce-billing-fields input.input-text {
    width: 100% !important;
    height: 44px !important;
    padding: 0 14px !important;
    border: 1px solid #ced4da !important;
    border-radius: 8px !important;
    font-size: 0.92rem !important;
    color: #212529 !important;
    background-color: #fff !important;
    transition: border-color 0.2s, box-shadow 0.2s !important;
    box-sizing: border-box !important;
}

.woocommerce-billing-fields input.input-text:focus {
    border-color: #2b8a3e !important;
    box-shadow: 0 0 0 3px rgba(43, 138, 62, 0.15) !important;
    outline: none !important;
}

/* هماهنگ‌سازی باکس دراپ‌داون‌های Select2 (استان و شهر) با اینپوت‌ها */
.woocommerce-billing-fields .select2-container .select2-selection--single {
    height: 44px !important;
    border: 1px solid #ced4da !important;
    border-radius: 8px !important;
    display: flex !important;
    align-items: center !important;
    background-color: #fff !important;
    transition: border-color 0.2s, box-shadow 0.2s !important;
}

.woocommerce-billing-fields .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 42px !important;
    padding-right: 14px !important;
    padding-left: 30px !important;
    color: #212529 !important;
    font-size: 0.92rem !important;
}

.woocommerce-billing-fields .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 42px !important;
    left: 10px !important;
    right: auto !important; /* تنظیم جهت فلش در RTL */
}

.woocommerce-billing-fields .select2-container--open .select2-selection--single {
    border-color: #2b8a3e !important;
    box-shadow: 0 0 0 3px rgba(43, 138, 62, 0.15) !important;
}

/* حالت موبایل */
@media (max-width: 575.98px) {
    .woocommerce-billing-fields .form-row-first,
    .woocommerce-billing-fields .form-row-last {
        width: 100% !important; /* تک‌ستونه شدن نام و نام خانوادگی در موبایل */
    }
}




/* تنظیم دکمه اصلی به عنوان تگ button */
button.floating-support {
  border: none;
  cursor: pointer;
  outline: none;
}

/* اورلی خاکستری تاریک پشت پاپ‌آپ */
.offroad-modal-overlay {
  display: none;
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.65);
  z-index: 999999;
  align-items: center;
  justify-content: center;
  padding: 16px;
  direction: rtl;
  font-family: inherit;
}

.offroad-modal-overlay.open {
  display: flex;
}

/* بدنه پاپ‌آپ سفید */
.offroad-modal-box {
  background-color: #ffffff;
  width: 100%;
  max-width: 420px;
  border-radius: 6px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
  padding: 20px 24px;
  box-sizing: border-box;
}

/* هدر و دکمه بستن (ضربدر) */
.offroad-modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 2px solid #f0f0f0;
  padding-bottom: 12px;
  margin-bottom: 12px;
}

.modal-title {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  color: #222;
}

.modal-close-btn {
  background: transparent;
  border: none;
  color: #777;
  font-size: 18px;
  cursor: pointer;
  padding: 4px;
  line-height: 1;
  transition: color 0.15s;
}

.modal-close-btn:hover {
  color: #d32f2f;
}

.modal-desc {
  font-size: 13px;
  color: #555;
  margin: 0 0 16px 0;
  line-height: 1.6;
}

/* لیست گزینه‌ها */
.offroad-contact-channels {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.channel-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #f8f9fa;
  border: 1px solid #e9ecef;
  padding: 12px 14px;
  border-radius: 4px;
  color: #333;
  text-decoration: none !important;
  transition: all 0.2s ease;
}

.channel-row:hover {
  background: #f1f3f5;
  border-color: #ced4da;
  color: #000;
}

.channel-info {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 14px;
  font-weight: 600;
}

.channel-info i {
  font-size: 18px;
}

/* رنگ اختصاصی آیکون‌ها برای شناسایی سریع */
.phone-row i.bi-telephone-outbound-fill { color: #2e7d32; }
.sms-row i.bi-chat-left-text-fill { color: #f57c00; }
.wa-row i.bi-whatsapp { color: #25d366; }
.bale-row i.bi-send-fill { color: #0288d1; }
.rubika-row i.bi-chat-dots-fill { color: #8e24aa; }

.channel-meta {
  font-size: 12px;
  color: #666;
  font-weight: 500;
  direction: ltr;
}

.arrow-icon {
  font-size: 14px;
  color: #aaa;
}

/* بهینه‌سازی برای نمایشگر موبایل */
@media (max-width: 480px) {
  .offroad-modal-box {
    padding: 16px;
  }
  .channel-row {
    padding: 10px 12px;
  }
}
/* استایل نشان دایره سبز با تیک سفید برای بله */
.bale-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background-color: #27ae60; /* سبز استاندارد لوگوی بله */
  border-radius: 50%;
  flex-shrink: 0;
}

.bale-badge i.bi-check-lg {
  color: #ffffff !important;
  font-size: 15px;
  font-weight: 900;
  line-height: 1;
}

/* حذف رنگ پیش‌فرض قبلی برای جلوگیری از تداخل */
.bale-row i.bi-send-fill {
  display: none;
}
/* کانتینر برای قرارگیری کنار تایتل */
.single-product-title {
    display: inline-block;
    vertical-align: middle;
}

.installment-btn-wrapper {
    display: inline-block;
    margin-right: 15px; /* فاصله از تایتل */
    vertical-align: middle;
	margin-top:-10px;
}

.btn-installment-pulse {
    background-color: #28a745; /* سبز اصلی */
    color: white;
    padding: 8px 16px;
    border-radius: 50px;
    font-weight: bold;
    text-decoration: none;
    font-size: 14px;
    position: relative;
    display: flex;
    align-items: center;
    gap: 5px;
    box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.7);
    animation: installment-pulse-animation 1.5s infinite;
    white-space: nowrap;
}

.btn-installment-pulse:hover {
    color: #fff;
    background-color: #218838;
}

/* انیمیشن هاله و نبض */
@keyframes installment-pulse-animation {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.7);
    }
    70% {
        transform: scale(1);
        box-shadow: 0 0 0 15px rgba(40, 167, 69, 0);
    }
    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(40, 167, 69, 0);
    }
}
/* اسکرول افقی روان و حذف اسکرول‌بار اضافی در موبایل */
.mobile-scroll-container {
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none; /* فایرفاکس */
}
.mobile-scroll-container::-webkit-scrollbar {
  display: none; /* کروم، سافاری و اج */
}

/* بهینه‌سازی ابعاد فقط برای موبایل و تبلت کوچک */
@media (max-width: 767.98px) {
  .quick-col {
    width: 95px; /* عرض جمع‌وجور هر آیتم */
    flex: 0 0 95px;
  }

  .quick-category {
    padding: 8px 6px;
  }

  .quick-category .quick-icon {
    font-size: 1.4rem; /* کوچک‌تر کردن آیکون */
    margin-bottom: 4px;
  }

  .quick-category h6 {
    font-size: 0.78rem; /* فونت عنوان */
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }

  .quick-category small {
    font-size: 0.65rem; /* فونت زیرعنوان انگلیسی */
    display: block;
    line-height: 1;
  }
}