/*
Theme Name: PakBuyer Campaign Master - Astra Child
Theme URI: https://yoursite.com
Description: Custom child theme for PakBuyer ecommerce site based on Astra
Author: Your Name
Author URI: https://yoursite.com
Template: astra
Version: 4.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Domain Path: /languages
*/

/* ==========================================================================
   BASE RESET & BODY
   ========================================================================== */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    background: #F5F5F5;
    color: #424242;
    line-height: 1.6;
}

/* ==========================================================================
   MAIN NAVBAR
   ========================================================================== */

.navbar {
    background: #fff;
    padding: 0.85rem 5%;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.09);
    position: sticky;
    top: 0;
    z-index: 1000;
}

.nav-container {
    display: flex;
    align-items: center;
    gap: 2rem;
    max-width: 1400px;
    margin: 0 auto;
}

/* Logo image */
.logo {
    flex-shrink: 0;
    text-decoration: none;
    display: block;
}

.logo img {
    height: 52px;
    width: auto;
    display: block;
    object-fit: contain;
}

/* Search Bar */
.search-container {
    flex: 1;
    max-width: 580px;
}

.search-bar {
    display: flex;
    border: 2px solid #FF9800;
    border-radius: 6px;
    overflow: hidden;
}

.search-bar input {
    flex: 1;
    padding: 0.65rem 1rem;
    border: none;
    outline: none;
    font-size: 0.92rem;
    color: #333;
    background: #fff;
}

.search-bar button {
    background: #FF9800;
    color: #fff;
    border: none;
    padding: 0.65rem 1.5rem;
    cursor: pointer;
    font-weight: 700;
    font-size: 0.88rem;
    transition: background 0.2s;
    white-space: nowrap;
}

.search-bar button:hover {
    background: #F57C00;
}

/* Nav Actions */
.nav-actions {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    flex-shrink: 0;
}

.nav-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #424242;
    text-decoration: none;
    font-size: 0.72rem;
    font-weight: 500;
    padding: 0.4rem 0.65rem;
    border-radius: 6px;
    transition: background 0.2s, color 0.2s;
    position: relative;
    min-width: 52px;
    text-align: center;
}

.nav-link:hover {
    background: #fff8ee;
    color: #FF9800;
}

.nav-link-icon {
    font-size: 1.4rem;
    margin-bottom: 2px;
    line-height: 1;
}

.cart-count {
    position: absolute;
    top: 2px;
    right: 4px;
    background: #FF9800;
    color: #fff;
    font-size: 0.62rem;
    font-weight: 800;
    min-width: 18px;
    height: 18px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #fff;
}

/* ==========================================================================
   CATEGORIES BAR WITH DROPDOWNS
   ========================================================================== */

.categories-bar {
    background: #fff;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #e8e8e8;
    position: relative;
    z-index: 999;
}

.categories {
    display: flex;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 5%;
    flex-wrap: wrap;
}

.cat-item {
    position: relative;
}

.category-link {
    display: flex;
    align-items: center;
    gap: 4px;
    color: #555;
    text-decoration: none;
    font-size: 0.875rem;
    font-weight: 500;
    padding: 0.75rem 1.1rem;
    border-bottom: 3px solid transparent;
    transition: color 0.2s, border-color 0.2s;
    white-space: nowrap;
}

.category-link:hover,
.cat-item:hover > .category-link {
    color: #FF9800;
    border-bottom-color: #FF9800;
}

.cat-arrow {
    font-size: 0.6rem;
    opacity: 0.6;
    transition: transform 0.2s;
    display: inline-block;
}

.cat-item:hover .cat-arrow {
    transform: rotate(180deg);
    opacity: 1;
}

/* Dropdown */
.dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    min-width: 210px;
    border: 1px solid #e8e8e8;
    border-top: 3px solid #FF9800;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.10);
    z-index: 1000;
    padding: 0.5rem 0;
}

.cat-item:hover .dropdown {
    display: block;
}

.dropdown a {
    display: block;
    padding: 0.55rem 1.2rem;
    font-size: 0.85rem;
    color: #444;
    text-decoration: none;
    transition: background 0.15s, color 0.15s, padding-left 0.15s;
}

.dropdown a:hover {
    background: #fff8ee;
    color: #FF9800;
    padding-left: 1.5rem;
}

.dropdown-view-all {
    font-weight: 700 !important;
    color: #FF9800 !important;
    border-top: 1px solid #f0f0f0;
    margin-top: 0.35rem;
    padding-top: 0.65rem !important;
}

.dropdown-view-all:hover {
    background: #fff3e0 !important;
}

/* ==========================================================================
   HERO BANNER
   ========================================================================== */

.hero-banner {
    background: linear-gradient(135deg, #F57C00, #FF9800);
    color: #fff;
    padding: 2rem 5%;
    text-align: center;
}

.hero-content {
    max-width: 1400px;
    margin: 0 auto;
}

.hero-banner h1 {
    font-size: 2rem;
    margin-bottom: 0.5rem;
}

.hero-banner p {
    font-size: 1.1rem;
    margin-bottom: 1rem;
}

.promo-code {
    background: rgba(255, 255, 255, 0.2);
    padding: 0.5rem 1rem;
    border-radius: 4px;
    display: inline-block;
    font-weight: bold;
    border: 2px dashed #fff;
}

/* ==========================================================================
   PRODUCTS SECTION
   ========================================================================== */

.products-section {
    padding: 2rem 5%;
    max-width: 1400px;
    margin: 0 auto;
}

.section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 2px solid #FF9800;
}

.section-title {
    font-size: 1.5rem;
    color: #424242;
    font-weight: bold;
}

.view-all {
    color: #FF9800;
    text-decoration: none;
    font-weight: 600;
}

.view-all:hover {
    text-decoration: underline;
}

/* Product Grid */
.products-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    margin-bottom: 32px;
    padding: 0;
    list-style: none;
}

.product-card {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    overflow: hidden;
    transition: all 0.3s;
    cursor: pointer;
}

.product-card:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    transform: translateY(-2px);
}

.product-image {
    width: 100%;
    height: 220px;
    background: #f0f0f0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3.5rem;
    position: relative;
}

.discount-badge {
    position: absolute;
    top: 10px;
    left: 10px;
    background: #F57C00;
    color: #fff;
    padding: 0.3rem 0.6rem;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: bold;
}

.product-info {
    padding: 1rem;
}

.product-name {
    font-size: 0.95rem;
    color: #424242;
    margin-bottom: 0.5rem;
    height: 2.4em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.product-rating {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    font-size: 0.85rem;
}

.stars {
    color: #FF9800;
}

.rating-count {
    color: #757575;
}

.product-price {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}

.current-price {
    font-size: 1.3rem;
    font-weight: bold;
    color: #F57C00;
}

.original-price {
    font-size: 0.9rem;
    color: #9e9e9e;
    text-decoration: line-through;
}

.add-to-cart {
    width: 100%;
    background: #FF9800;
    color: #fff;
    border: none;
    padding: 0.6rem;
    border-radius: 4px;
    cursor: pointer;
    font-weight: bold;
    transition: background 0.3s;
}

.add-to-cart:hover {
    background: #F57C00;
}

/* Custom Product Cards */
.pb-product-card {
    background: #fff;
    border: 1px solid #e7e7e7;
    border-radius: 12px;
    overflow: hidden;
    transition: all 0.25s ease;
    display: flex;
    flex-direction: column;
    height: 100%;
    min-width: 0;
}

.pb-product-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.08);
}

.pb-product-image-wrap {
    position: relative;
    display: block;
    background: #f8f8f8;
    padding: 14px;
    text-decoration: none;
}

.pb-product-image-wrap img {
    width: 100%;
    height: 220px;
    object-fit: contain;
    display: block;
}

.pb-sale-badge {
    position: absolute;
    top: 12px;
    left: 12px;
    background: #ff6b35;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    padding: 6px 10px;
    border-radius: 999px;
    z-index: 2;
}

.pb-product-content {
    padding: 14px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.pb-product-category {
    font-size: 12px;
    color: #777;
    margin-bottom: 6px;
    line-height: 1.3;
}

.pb-product-title {
    font-size: 15px;
    line-height: 1.45;
    font-weight: 600;
    margin: 0 0 10px;
    min-height: 44px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.pb-product-title a {
    color: #222;
    text-decoration: none;
}

.pb-product-title a:hover {
    color: #FF9800;
}

.pb-product-price {
    margin-top: auto;
    margin-bottom: 12px;
    font-size: 14px;
    color: #222;
    line-height: 1.4;
}

.pb-product-price del {
    opacity: 0.55;
    font-size: 13px;
}

.pb-product-price ins {
    text-decoration: none;
    font-weight: 700;
}

.pb-product-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 42px;
    padding: 10px 14px;
    border-radius: 8px;
    background: #FF9800;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    transition: background 0.2s ease;
}

.pb-product-button:hover {
    background: #F57C00;
    color: #fff;
}

.new-badge {
    display: inline-block;
    background: #e53935;
    color: #fff;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    padding: 3px 8px;
    border-radius: 3px;
    margin-left: 10px;
    vertical-align: middle;
    animation: pb-pulse 1.8s ease-in-out infinite;
}

@keyframes pb-pulse {
    0%, 100% { opacity: 1; }
    50%       { opacity: 0.6; }
}

/* ==========================================================================
   REVIEWS SECTION
   ========================================================================== */

.reviews-section {
    padding: 3rem 5%;
    background: #fff;
}

.reviews-container {
    max-width: 1400px;
    margin: 0 auto;
}

.reviews-header {
    text-align: center;
    margin-bottom: 2rem;
}

.reviews-header h2 {
    font-size: 1.8rem;
    margin-bottom: 0.5rem;
}

.overall-rating {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    margin-bottom: 2rem;
}

.rating-number {
    font-size: 3rem;
    font-weight: bold;
    color: #424242;
}

.rating-breakdown {
    max-width: 600px;
    margin: 0 auto 2rem;
}

.rating-row {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 0.5rem;
}

.rating-label {
    width: 60px;
    font-size: 0.9rem;
}

.rating-bar-container {
    flex: 1;
    height: 8px;
    background: #e0e0e0;
    border-radius: 4px;
    overflow: hidden;
}

.rating-bar {
    height: 100%;
    background: #FF9800;
    transition: width 0.5s ease;
}

.rating-percentage {
    width: 50px;
    text-align: right;
    font-size: 0.9rem;
    color: #757575;
}

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

.review-card {
    background: #F5F5F5;
    padding: 1.5rem;
    border-radius: 4px;
    border-left: 3px solid #FF9800;
}

.review-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.75rem;
}

.reviewer-name {
    font-weight: bold;
    color: #424242;
}

.review-date {
    color: #9e9e9e;
    font-size: 0.85rem;
}

.review-text {
    color: #616161;
    line-height: 1.6;
}

/* ==========================================================================
   TRUST BADGES
   ========================================================================== */

.trust-section {
    padding: 3rem 5%;
    background: #F5F5F5;
}

.trust-container {
    max-width: 1400px;
    margin: 0 auto;
}

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

.trust-badge {
    text-align: center;
    padding: 2rem;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #e0e0e0;
}

.trust-icon {
    font-size: 3rem;
    margin-bottom: 1rem;
}

.trust-title {
    font-size: 1.1rem;
    font-weight: bold;
    color: #424242;
    margin-bottom: 0.5rem;
}

.trust-description {
    color: #757575;
    font-size: 0.9rem;
}

/* ==========================================================================
   FOOTER — Two-tone redesign
   ========================================================================== */

.site-footer {
    margin-top: 0;
}

/* Footer Main (dark top) */
.footer-main {
    background: #2e2e2e;
    color: #ddd;
    padding: 3rem 5% 2.5rem;
}

.footer-inner {
    max-width: 1400px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.6fr 1fr 1fr 1fr;
    gap: 2.5rem;
    align-items: start;
}

.footer-brand-name {
    font-size: 1.6rem;
    font-weight: 800;
    color: #fff;
    letter-spacing: -0.5px;
    margin-bottom: 0.75rem;
}

.footer-brand-name span {
    color: #FF9800;
}

.footer-brand-desc {
    font-size: 0.875rem;
    line-height: 1.75;
    color: #999;
    margin-bottom: 1.4rem;
    max-width: 260px;
}

/* Social Buttons */
.footer-social {
    display: flex;
    gap: 0.55rem;
    flex-wrap: wrap;
}

.social-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0.45rem 0.85rem;
    border-radius: 6px;
    font-size: 0.78rem;
    font-weight: 600;
    text-decoration: none;
    transition: opacity 0.2s, transform 0.15s;
    white-space: nowrap;
}

.social-btn:hover {
    opacity: 0.85;
    transform: translateY(-2px);
}

.social-btn.fb { background: #1877f2; color: #fff; }
.social-btn.ig { background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888); color: #fff; }
.social-btn.wa { background: #25d366; color: #fff; }
.social-btn.yt { background: #ff0000; color: #fff; }

.social-icon {
    font-size: 1rem;
    line-height: 1;
}

/* Footer Columns */
.footer-col h4 {
    color: #FF9800;
    font-size: 0.88rem;
    font-weight: 700;
    margin-bottom: 1rem;
    padding-bottom: 0.55rem;
    border-bottom: 1px solid #444;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.footer-col ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-col ul li {
    margin-bottom: 0.6rem;
}

.footer-col ul li a {
    color: #999;
    text-decoration: none;
    font-size: 0.875rem;
    display: inline-block;
    transition: color 0.2s, padding-left 0.15s;
}

.footer-col ul li a:hover {
    color: #FF9800;
    padding-left: 5px;
}

/* Contact Items */
.contact-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 1rem;
}

.contact-icon {
    font-size: 1.1rem;
    margin-top: 2px;
    flex-shrink: 0;
    line-height: 1;
}

.contact-label {
    display: block;
    font-size: 0.7rem;
    color: #666;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: 2px;
}

.contact-item a,
.contact-item span {
    color: #999;
    text-decoration: none;
    font-size: 0.875rem;
    line-height: 1.5;
    transition: color 0.2s;
}

.contact-item a:hover {
    color: #FF9800;
}

/* Divider */
.footer-divider {
    border: none;
    border-top: 1px solid #3a3a3a;
    margin: 0;
}

/* Footer Bottom (darker) */
.footer-bottom {
    background: #1a1a1a;
    padding: 1.25rem 5%;
}

.footer-bottom-inner {
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.footer-copyright {
    font-size: 0.8rem;
    color: #666;
    margin: 0;
}

.footer-copyright strong {
    color: #aaa;
}

.footer-payment {
    display: flex;
    gap: 0.45rem;
    align-items: center;
    flex-wrap: wrap;
}

.pay-badge {
    background: #2e2e2e;
    border: 1px solid #444;
    border-radius: 4px;
    padding: 4px 10px;
    font-size: 0.7rem;
    font-weight: 700;
    color: #bbb;
    letter-spacing: 0.03em;
    white-space: nowrap;
}

.footer-legal {
    display: flex;
    gap: 1.2rem;
}

.footer-legal a {
    font-size: 0.78rem;
    color: #555;
    text-decoration: none;
    transition: color 0.2s;
}

.footer-legal a:hover {
    color: #FF9800;
}

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */

@media (max-width: 1023px) {
    .products-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 16px;
    }

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

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

    .footer-inner {
        grid-template-columns: 1fr 1fr;
        gap: 2rem;
    }

    .footer-brand {
        grid-column: 1 / -1;
    }

    .footer-brand-desc {
        max-width: 100%;
    }
}

@media (max-width: 968px) {
    .nav-container {
        flex-wrap: wrap;
        gap: 1rem;
    }

    .search-container {
        order: 3;
        width: 100%;
        max-width: 100%;
    }

    .logo img {
        height: 42px;
    }
}

@media (max-width: 767px) {
    .nav-container,
    .section-header {
        flex-wrap: wrap;
    }

    .nav-actions {
        gap: 1rem;
    }

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

    .pb-product-image-wrap {
        padding: 10px;
    }

    .pb-product-image-wrap img {
        height: 160px;
    }

    .pb-product-content {
        padding: 10px;
    }

    .pb-product-title {
        font-size: 14px;
        min-height: 40px;
    }

    .pb-product-price {
        font-size: 13px;
    }

    .trust-grid,
    .reviews-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 600px) {
    .navbar {
        padding: 0.75rem 4%;
    }

    .nav-link span:last-child {
        display: none;
    }

    .nav-link {
        min-width: 36px;
        padding: 0.4rem 0.4rem;
    }

    .categories {
        padding: 0 4%;
        overflow-x: auto;
        flex-wrap: nowrap;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .categories::-webkit-scrollbar {
        display: none;
    }

    .category-link {
        padding: 0.65rem 0.85rem;
        font-size: 0.82rem;
    }

    .hero-banner h1 {
        font-size: 1.5rem;
    }

    .footer-main {
        padding: 2rem 5% 1.5rem;
    }

    .footer-inner {
        grid-template-columns: 1fr;
        gap: 1.75rem;
    }

    .footer-bottom-inner {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.9rem;
    }

    .footer-payment {
        order: -1;
    }
}

@media (max-width: 400px) {
    .products-grid {
        grid-template-columns: 1fr;
    }
}


/* ==========================================================================
   Standard-Template
   ========================================================================== */




.pb-standard-page {
  background: #fff;
  color: #111;
}

.pb-page-wrap {
  max-width: 1050px;
  margin: 0 auto;
  padding: 45px 20px 70px;
  display: grid;
  grid-template-columns: 220px 1fr;
  gap: 45px;
}

.pb-page-nav h3 {
  font-size: 22px;
  margin: 0 0 14px;
}

.pb-page-nav ul {
  list-style: disc;
  padding-left: 20px;
  margin: 0;
}

.pb-page-nav li {
  margin-bottom: 9px;
}

.pb-page-nav a {
  color: #111;
  text-decoration: underline;
}

.pb-page-content {
  max-width: 760px;
}

.pb-page-content h1 {
  font-size: 30px;
  line-height: 1.25;
  margin: 0 0 24px;
  font-weight: 700;
}

.pb-page-content h2 {
  font-size: 25px;
  line-height: 1.3;
  margin: 34px 0 14px;
}

.pb-page-content h3 {
  font-size: 21px;
  line-height: 1.35;
  margin: 28px 0 12px;
}

.pb-page-content p {
  font-size: 18px;
  line-height: 1.65;
  margin: 0 0 20px;
}

.pb-page-content ul,
.pb-page-content ol {
  font-size: 18px;
  line-height: 1.65;
  margin: 0 0 22px 24px;
  padding: 0;
}

.pb-page-content li {
  margin-bottom: 8px;
}

.pb-page-content a {
  color: #111;
  text-decoration: underline;
}

.pb-page-content blockquote {
  margin: 28px 0;
  padding-left: 20px;
  border-left: 4px solid #111;
  font-size: 19px;
  line-height: 1.6;
}

@media (max-width: 768px) {
  .pb-page-wrap {
    grid-template-columns: 1fr;
    gap: 30px;
    padding-top: 30px;
  }

  .pb-page-nav {
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
  }

  .pb-page-content h1 {
    font-size: 28px;
  }

  .pb-page-content p,
  .pb-page-content ul,
  .pb-page-content ol {
    font-size: 17px;
  }
}







/* ================================================================
   PAKBUYER — HEADER STYLES  (header-styles.css)
   This file is the SINGLE source for all header CSS.
   The duplicate block at the bottom of style.css (lines ~1229-1569)
   should be DELETED — this file replaces it entirely.
   ================================================================ */

/* ── Hide Astra's default bars we don't need ───────────────────── */
.categories-bar,
.search-container {
    display: none !important;
}

/* ================================================================
   NAVBAR  — row 1
   ================================================================ */
.navbar {
    background: #ffffff !important;
    padding: 10px 5% !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
}

.nav-container {
    max-width: 1400px !important;
    margin: 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 20px !important;
    flex-wrap: nowrap !important;
    min-height: 90px !important;
}

/* ── Logo ──────────────────────────────────────────────────────── */
.logo {
    display: flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    text-decoration: none !important;
}

.logo img {
    height: 85px !important;
    width: auto !important;
    max-width: 220px !important;
    display: block !important;
    object-fit: contain !important;
}

/* ── Hamburger (hidden on desktop) ────────────────────────────── */
.pb-hamburger {
    display: none !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 5px !important;
    width: 40px !important;
    height: 40px !important;
    background: none !important;
    border: none !important;
    cursor: pointer !important;
    padding: 4px !important;
    border-radius: 8px !important;
    flex-shrink: 0 !important;
    transition: background 0.2s !important;
}

.pb-hamburger:hover { background: #fff8ee !important; }

.pb-hamburger span {
    display: block !important;
    width: 22px !important;
    height: 2.5px !important;
    background: #444 !important;
    border-radius: 2px !important;
    transition: all 0.25s ease !important;
}

/* ── Desktop Category Groups ───────────────────────────────────── */
.header-categories {
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    white-space: nowrap !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    scrollbar-width: none !important;
    min-width: 0 !important;
}

.header-categories::-webkit-scrollbar { display: none !important; }

.header-categories .cat-item {
    position: relative !important;
    display: inline-flex !important;
    flex: 0 0 auto !important;
}

.header-categories .category-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 12px 14px !important;
    color: #333 !important;
    text-decoration: none !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    border-radius: 8px !important;
    border-bottom: 3px solid transparent !important;
    transition: all 0.2s ease !important;
    white-space: nowrap !important;
}

.header-categories .category-link:hover,
.header-categories .cat-item:hover > .category-link {
    color: #ff9800 !important;
    background: #fff8ee !important;
    border-bottom-color: #ff9800 !important;
}

.cat-arrow {
    font-size: 9px !important;
    opacity: 0.55 !important;
    transition: transform 0.2s !important;
}

.header-categories .cat-item:hover .cat-arrow {
    transform: rotate(180deg) !important;
}

/* ── Dropdown ──────────────────────────────────────────────────── */
.header-categories .dropdown {
    display: none !important;
    position: absolute !important;
    top: calc(100% + 4px) !important;
    left: 0 !important;
    min-width: 230px !important;
    background: #ffffff !important;
    border: 1px solid #e8e8e8 !important;
    border-top: 3px solid #ff9800 !important;
    border-radius: 0 0 12px 12px !important;
    box-shadow: 0 12px 30px rgba(0,0,0,0.13) !important;
    z-index: 9999 !important;
    padding: 8px 0 !important;
    animation: pb-drop-in 0.18s ease !important;
}

@keyframes pb-drop-in {
    from { opacity: 0; transform: translateY(-6px); }
    to   { opacity: 1; transform: translateY(0); }
}

.header-categories .cat-item:hover .dropdown {
    display: block !important;
}

/* Sub-category links — slightly muted to match your spec */
.header-categories .dropdown a {
    display: block !important;
    padding: 10px 20px !important;
    color: #555 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    opacity: 0.82 !important;
    transition: all 0.15s !important;
}

.header-categories .dropdown a:hover {
    background: #fff8ee !important;
    color: #ff9800 !important;
    opacity: 1 !important;
    padding-left: 26px !important;
}

/* ── Nav Action Icons ──────────────────────────────────────────── */
.nav-actions {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    flex: 0 0 auto !important;
}

.nav-link {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    color: #424242 !important;
    text-decoration: none !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    padding: 8px 10px !important;
    border-radius: 8px !important;
    position: relative !important;
    min-width: 54px !important;
    text-align: center !important;
    transition: all 0.2s ease !important;
}

.nav-link:hover { background: #fff8ee !important; color: #ff9800 !important; }

.nav-link-icon {
    font-size: 22px !important;
    line-height: 1 !important;
    margin-bottom: 3px !important;
}

.cart-count {
    position: absolute !important;
    top: 2px !important;
    right: 5px !important;
    background: #ff9800 !important;
    color: #ffffff !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    min-width: 18px !important;
    height: 18px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 2px solid #ffffff !important;
}

/* ================================================================
   SEARCH ROW  — row 2
   ================================================================ */
.search-row {
    background: #ffffff !important;
    padding: 12px 5% !important;
    border-bottom: 1px solid #e8e8e8 !important;
    position: relative !important;
    z-index: 900 !important;
}

.search-row-inner {
    max-width: 1400px !important;
    margin: 0 auto !important;
}

.search-row .search-bar {
    width: 100% !important;
    display: flex !important;
    border: 2px solid #ff9800 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    background: #ffffff !important;
}

.search-row .search-bar input {
    flex: 1 !important;
    height: 52px !important;
    padding: 0 18px !important;
    border: none !important;
    outline: none !important;
    font-size: 16px !important;
    color: #333 !important;
    background: #ffffff !important;
}

.search-row .search-bar button {
    height: 52px !important;
    background: #ff9800 !important;
    color: #ffffff !important;
    border: none !important;
    padding: 0 34px !important;
    cursor: pointer !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    transition: background 0.2s !important;
}

.search-row .search-bar button:hover { background: #f57c00 !important; }

/* ================================================================
   PROMO MARQUEE BAR  — row 3 (between search & hero)
   ================================================================ */
.promo-bar {
    background: linear-gradient(90deg, #ff8a00, #ff9800, #ff7a00) !important;
    color: #ffffff !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    min-height: 50px !important;
    display: flex !important;
    align-items: center !important;
    border-bottom: 3px solid #e66f00 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18) !important;
}

.promo-track {
    display: inline-flex !important;
    align-items: center !important;
    gap: 22px !important;
    animation: pb-marquee 30s linear infinite !important;
    will-change: transform !important;
}

.promo-bar:hover .promo-track {
    animation-play-state: paused !important;
}

@keyframes pb-marquee {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

.promo-item {
    font-size: 16px !important;
    font-weight: 800 !important;
    letter-spacing: 0.4px !important;
    line-height: 1.4 !important;
    white-space: nowrap !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35) !important;
}
.promo-item strong {
    font-weight: 900 !important;
    text-decoration: underline !important;
    color: #ffffff !important;
}

.promo-sep {
    opacity: 0.75 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    flex-shrink: 0 !important;
}

/* ================================================================
   MOBILE OVERLAY
   ================================================================ */
.pb-overlay {
    display: none !important;
    position: fixed !important;
    inset: 0 !important;
    background: rgba(0,0,0,0.46) !important;
    z-index: 1999 !important;
    opacity: 0 !important;
    transition: opacity 0.3s !important;
}

.pb-overlay.open {
    display: block !important;
    opacity: 1 !important;
}

/* ================================================================
   MOBILE SLIDE DRAWER
   ================================================================ */
.pb-drawer {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 300px !important;
    max-width: 86vw !important;
    height: 100dvh !important;
    background: #ffffff !important;
    z-index: 2000 !important;
    display: flex !important;
    flex-direction: column !important;
    transform: translateX(-110%) !important;
    transition: transform 0.32s cubic-bezier(0.4,0,0.2,1) !important;
    overflow-y: auto !important;
    box-shadow: 4px 0 24px rgba(0,0,0,0.15) !important;
}

.pb-drawer.open { transform: translateX(0) !important; }

/* Drawer header */
.pb-drawer-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 16px 18px !important;
    background: #ff9800 !important;
    flex-shrink: 0 !important;
}

.pb-drawer-brand {
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    letter-spacing: 0.5px !important;
}

.pb-drawer-close {
    background: rgba(255,255,255,0.2) !important;
    border: none !important;
    color: #ffffff !important;
    font-size: 17px !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 50% !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: background 0.2s !important;
}

.pb-drawer-close:hover { background: rgba(255,255,255,0.35) !important; }

/* Drawer search */
.pb-drawer-search {
    padding: 14px 16px !important;
    border-bottom: 1px solid #f0f0f0 !important;
    flex-shrink: 0 !important;
}

.pb-drawer-search-bar {
    display: flex !important;
    border: 2px solid #ff9800 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
}

.pb-drawer-search-bar input {
    flex: 1 !important;
    height: 44px !important;
    padding: 0 12px !important;
    border: none !important;
    outline: none !important;
    font-size: 14px !important;
    color: #333 !important;
}

.pb-drawer-search-bar button {
    height: 44px !important;
    background: #ff9800 !important;
    color: #ffffff !important;
    border: none !important;
    padding: 0 15px !important;
    cursor: pointer !important;
    font-size: 18px !important;
}

/* Drawer nav / accordion */
.pb-drawer-nav {
    flex: 1 !important;
    overflow-y: auto !important;
    padding: 8px 0 !important;
}

.pb-drawer-cat { border-bottom: 1px solid #f5f5f5 !important; }

.pb-drawer-cat-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.pb-drawer-cat-link {
    display: block !important;
    flex: 1 !important;
    padding: 14px 20px !important;
    color: #222 !important;
    text-decoration: none !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    transition: color 0.2s !important;
}

.pb-drawer-cat-link:hover { color: #ff9800 !important; }

.pb-drawer-toggle {
    background: none !important;
    border: none !important;
    padding: 14px 18px !important;
    color: #aaa !important;
    font-size: 11px !important;
    cursor: pointer !important;
    transition: transform 0.25s, color 0.2s !important;
}

.pb-drawer-cat.expanded .pb-drawer-toggle {
    transform: rotate(180deg) !important;
    color: #ff9800 !important;
}

/* Sub-list accordion */
.pb-drawer-subs {
    display: none !important;
    flex-direction: column !important;
    background: #fafafa !important;
    border-top: 1px solid #f0f0f0 !important;
}

.pb-drawer-cat.expanded .pb-drawer-subs {
    display: flex !important;
}

.pb-drawer-sub-link {
    display: block !important;
    padding: 11px 32px !important;
    color: #555 !important;
    font-size: 14px !important;
    text-decoration: none !important;
    opacity: 0.82 !important;
    border-bottom: 1px solid #f0f0f0 !important;
    transition: all 0.15s !important;
}

.pb-drawer-sub-link:last-child { border-bottom: none !important; }

.pb-drawer-sub-link:hover {
    color: #ff9800 !important;
    opacity: 1 !important;
    padding-left: 38px !important;
    background: #fff8ee !important;
}

/* Quick links at drawer bottom */
.pb-drawer-quick {
    border-top: 2px solid #f0f0f0 !important;
    padding: 12px 0 !important;
    flex-shrink: 0 !important;
}

.pb-drawer-quick a {
    display: block !important;
    padding: 12px 20px !important;
    color: #444 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transition: all 0.15s !important;
}

.pb-drawer-quick a:hover { background: #fff8ee !important; color: #ff9800 !important; }

/* ================================================================
   RESPONSIVE
   ================================================================ */

/* Tablet (≤ 1100px) */
@media (max-width: 1100px) {
    .nav-container { gap: 14px !important; min-height: 80px !important; }
    .logo img      { height: 72px !important; max-width: 190px !important; }
    .header-categories { justify-content: flex-start !important; }
    .header-categories .category-link { font-size: 14px !important; padding: 10px 10px !important; }
}

/* Mobile (≤ 768px) — show hamburger, hide desktop cats */
@media (max-width: 768px) {
    .pb-hamburger     { display: flex !important; order: 1 !important; }
    .logo             { order: 2 !important; flex: 1 !important; justify-content: center !important; }
    .nav-actions      { order: 3 !important; }
    .header-categories { display: none !important; }

    .nav-container { min-height: auto !important; gap: 8px !important; }

    .nav-link-label { display: none !important; }
    .nav-link       { min-width: 42px !important; padding: 7px 8px !important; }
    .nav-link-icon  { font-size: 22px !important; margin-bottom: 0 !important; }

    .search-row     { padding: 10px 4% !important; }
    .promo-bar {
    min-height: 42px !important;
}

.promo-item {
    font-size: 14px !important;
    font-weight: 800 !important;
}
}

/* Small mobile (≤ 480px) */
@media (max-width: 480px) {
    .navbar   { padding: 8px 4% !important; }
    .logo img { height: 58px !important; max-width: 150px !important; }

    .search-row .search-bar input  { height: 46px !important; font-size: 14px !important; }
    .search-row .search-bar button { height: 46px !important; padding: 0 20px !important; font-size: 14px !important; }
}




/* Fix category dropdown open */
.header-categories .cat-item:hover > .dropdown,
.header-categories .cat-item:focus-within > .dropdown {
    display: block !important;
}

.header-categories {
    overflow: visible !important;
}

.navbar,
.nav-container {
    overflow: visible !important;
}

.header-categories .dropdown {
    z-index: 999999 !important;
}
















/* =========================================================
   PROFESSIONAL REVIEWS + TRUST SECTION REDESIGN
   Paste at bottom of style.css
   ========================================================= */

/* Reviews main section */
.reviews-section {
    padding: 70px 5% 60px !important;
    background: linear-gradient(180deg, #ffffff 0%, #fff8ee 100%) !important;
}

.reviews-container {
    max-width: 1180px !important;
    margin: 0 auto !important;
}

/* Reviews heading */
.reviews-header {
    text-align: center !important;
    margin-bottom: 35px !important;
}

.reviews-header h2 {
    font-size: 32px !important;
    font-weight: 800 !important;
    color: #222 !important;
    margin-bottom: 10px !important;
    letter-spacing: -0.5px !important;
}

.reviews-header h2::after {
    content: "";
    display: block;
    width: 70px;
    height: 4px;
    background: #ff9800;
    border-radius: 999px;
    margin: 14px auto 0;
}

/* Overall rating */
.overall-rating {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 18px !important;
    margin-bottom: 32px !important;
}

.rating-number {
    font-size: 46px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    color: #222 !important;
}

.overall-rating .stars {
    font-size: 20px !important;
    color: #ff9800 !important;
    letter-spacing: 2px !important;
}

.overall-rating span:last-child {
    font-size: 14px !important;
    color: #666 !important;
}

/* Rating breakdown */
.rating-breakdown {
    max-width: 650px !important;
    margin: 0 auto 35px !important;
    background: #ffffff !important;
    padding: 22px 28px !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06) !important;
    border: 1px solid #f2f2f2 !important;
}

.rating-row {
    display: grid !important;
    grid-template-columns: 70px 1fr 50px !important;
    align-items: center !important;
    gap: 14px !important;
    margin-bottom: 12px !important;
}

.rating-row:last-child {
    margin-bottom: 0 !important;
}

.rating-label {
    width: auto !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #444 !important;
}

.rating-bar-container {
    height: 9px !important;
    background: #eeeeee !important;
    border-radius: 999px !important;
    overflow: hidden !important;
}

.rating-bar {
    height: 100% !important;
    background: linear-gradient(90deg, #ff9800, #f57c00) !important;
    border-radius: 999px !important;
}

.rating-percentage {
    width: auto !important;
    text-align: right !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #555 !important;
}

/* Review cards */
.reviews-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 22px !important;
}

.review-card {
    background: #ffffff !important;
    border-radius: 18px !important;
    padding: 26px !important;
    border: 1px solid #f1f1f1 !important;
    border-left: none !important;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.07) !important;
    position: relative !important;
    transition: all 0.25s ease !important;
}

.review-card:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.10) !important;
}

.review-card::before {
    content: "“";
    position: absolute;
    top: 10px;
    right: 22px;
    font-size: 55px;
    line-height: 1;
    color: rgba(255, 152, 0, 0.15);
    font-weight: 900;
}

.review-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 12px !important;
    margin-bottom: 12px !important;
}

.reviewer-name {
    font-size: 15px !important;
    font-weight: 800 !important;
    color: #222 !important;
}

.review-date {
    font-size: 12px !important;
    color: #999 !important;
}

.review-card .stars {
    color: #ff9800 !important;
    font-size: 14px !important;
    margin-bottom: 12px !important;
    display: block !important;
    letter-spacing: 1px !important;
}

.review-text {
    color: #555 !important;
    font-size: 14px !important;
    line-height: 1.75 !important;
    margin: 0 !important;
}

/* Trust section */
.trust-section {
    padding: 55px 5% 70px !important;
    background: #f7f7f7 !important;
}

.trust-container {
    max-width: 1180px !important;
    margin: 0 auto !important;
}

.trust-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
    gap: 22px !important;
}

/* Trust cards */
.trust-badge {
    background: #ffffff !important;
    border-radius: 18px !important;
    padding: 32px 24px !important;
    border: 1px solid #eeeeee !important;
    text-align: center !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.055) !important;
    transition: all 0.25s ease !important;
}

.trust-badge:hover {
    transform: translateY(-5px) !important;
    border-color: rgba(255, 152, 0, 0.35) !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.09) !important;
}

.trust-icon {
    width: 64px !important;
    height: 64px !important;
    margin: 0 auto 18px !important;
    border-radius: 50% !important;
    background: #fff3e0 !important;
    color: #ff9800 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 30px !important;
}

.trust-title {
    font-size: 17px !important;
    font-weight: 800 !important;
    color: #222 !important;
    margin-bottom: 8px !important;
}

.trust-description {
    font-size: 14px !important;
    color: #666 !important;
    line-height: 1.6 !important;
    max-width: 240px !important;
    margin: 0 auto !important;
}

/* Responsive */
@media (max-width: 900px) {
    .reviews-grid {
        grid-template-columns: 1fr !important;
    }

    .review-card {
        padding: 22px !important;
    }

    .overall-rating {
        flex-direction: column !important;
        gap: 8px !important;
    }
}

@media (max-width: 600px) {
    .reviews-section {
        padding: 45px 4% 45px !important;
    }

    .reviews-header h2 {
        font-size: 26px !important;
    }

    .rating-breakdown {
        padding: 18px !important;
    }

    .rating-row {
        grid-template-columns: 60px 1fr 42px !important;
        gap: 10px !important;
    }

    .trust-section {
        padding: 40px 4% 50px !important;
    }
}













/* =========================================================
   WHY CHOOSE PAKBUYERS SECTION
   ========================================================= */

.pb-why-choose-section {
    padding: 75px 5%;
    background: linear-gradient(180deg, #ffffff 0%, #fff8ee 100%);
}

.pb-why-choose-container {
    max-width: 1180px;
    margin: 0 auto;
}

.pb-section-heading {
    text-align: center;
    max-width: 720px;
    margin: 0 auto 42px;
}

.pb-small-label {
    display: inline-block;
    color: #ff9800;
    background: #fff3e0;
    padding: 7px 16px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.08em;
    margin-bottom: 14px;
}

.pb-section-heading h2 {
    font-size: 34px;
    font-weight: 900;
    color: #222;
    margin: 0 0 12px;
    letter-spacing: -0.6px;
}

.pb-section-heading p {
    font-size: 16px;
    line-height: 1.7;
    color: #666;
    margin: 0;
}

.pb-why-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
}

.pb-why-card {
    background: #ffffff;
    border: 1px solid #eeeeee;
    border-radius: 20px;
    padding: 34px 24px;
    text-align: center;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.06);
    transition: all 0.25s ease;
}

.pb-why-card:hover {
    transform: translateY(-6px);
    border-color: rgba(255, 152, 0, 0.35);
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.10);
}

.pb-why-icon {
    width: 68px;
    height: 68px;
    margin: 0 auto 18px;
    border-radius: 50%;
    background: #fff3e0;
    color: #ff9800;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
}

.pb-why-card h3 {
    font-size: 18px;
    font-weight: 800;
    color: #222;
    margin: 0 0 10px;
}

.pb-why-card p {
    font-size: 14px;
    line-height: 1.7;
    color: #666;
    margin: 0;
}

/* Responsive */
@media (max-width: 1024px) {
    .pb-why-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    .pb-why-choose-section {
        padding: 50px 4%;
    }

    .pb-section-heading h2 {
        font-size: 28px;
    }

    .pb-section-heading p {
        font-size: 15px;
    }

    .pb-why-grid {
        grid-template-columns: 1fr;
    }

    .pb-why-card {
        padding: 28px 20px;
    }
}



/* =========================================================
   FLOATING WHATSAPP BUTTON
   ========================================================= */
/* =========================================================
   FIXED FLOATING WHATSAPP BUTTON - STABLE VERSION
   ========================================================= */

.pb-whatsapp-float {
    position: fixed !important;
    right: 24px !important;
    bottom: 24px !important;
    z-index: 2147483647 !important;

    width: auto !important;
    min-width: 150px !important;
    height: 54px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;

    background: #25d366 !important;
    color: #ffffff !important;
    text-decoration: none !important;

    padding: 0 22px !important;
    border-radius: 999px !important;
    box-sizing: border-box !important;

    font-size: 17px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    white-space: nowrap !important;

    box-shadow: 0 10px 28px rgba(37, 211, 102, 0.35) !important;
    transition: background 0.2s ease, box-shadow 0.2s ease !important;
    transform: none !important;
}

.pb-whatsapp-float:hover {
    background: #1ebe5d !important;
    color: #ffffff !important;
    text-decoration: none !important;
    transform: none !important;
    box-shadow: 0 12px 34px rgba(37, 211, 102, 0.45) !important;
}

.pb-whatsapp-icon {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
}

.pb-whatsapp-icon svg {
    width: 28px !important;
    height: 28px !important;
    display: block !important;
    fill: #ffffff !important;
}

.pb-whatsapp-text {
    display: inline-block !important;
    color: #ffffff !important;
}

/* Tablet */
@media (max-width: 768px) {
    .pb-whatsapp-float {
        right: 18px !important;
        bottom: 18px !important;
        min-width: 140px !important;
        height: 52px !important;
        padding: 0 20px !important;
        font-size: 16px !important;
    }
}

/* Small mobile */
@media (max-width: 480px) {
    .pb-whatsapp-float {
        right: 16px !important;
        bottom: 16px !important;
        min-width: 58px !important;
        width: 58px !important;
        height: 58px !important;
        padding: 0 !important;
        border-radius: 50% !important;
    }

    .pb-whatsapp-text {
        display: none !important;
    }

    .pb-whatsapp-icon,
    .pb-whatsapp-icon svg {
        width: 31px !important;
        height: 31px !important;
    }
}




/* =========================================================
   PROFESSIONAL PRODUCT CARD IMAGE FIX
   ========================================================= */

.products-section {
    padding-top: 42px !important;
    padding-bottom: 42px !important;
}

.products-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 24px !important;
    align-items: stretch !important;
}

.pb-product-card {
    background: #ffffff !important;
    border: 1px solid #eeeeee !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.055) !important;
    transition: all 0.25s ease !important;
}

.pb-product-card:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 16px 38px rgba(0, 0, 0, 0.10) !important;
}

/* Fixed clean image area */
.pb-product-image-wrap {
    position: relative !important;
    width: 100% !important;
    height: 260px !important;
    padding: 22px !important;
    background: #fafafa !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-bottom: 1px solid #f1f1f1 !important;
    text-decoration: none !important;
    overflow: hidden !important;
}

/* Image stays clean and centered */
.pb-product-image-wrap img {
    width: 100% !important;
    height: 100% !important;
    max-width: 92% !important;
    max-height: 92% !important;
    object-fit: contain !important;
    object-position: center center !important;
    display: block !important;
    mix-blend-mode: multiply;
}

/* Content spacing */
.pb-product-content {
    padding: 16px 16px 18px !important;
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
}

.pb-product-category {
    font-size: 13px !important;
    color: #777 !important;
    margin-bottom: 8px !important;
    line-height: 1.3 !important;
}

.pb-product-title {
    font-size: 16px !important;
    line-height: 1.45 !important;
    font-weight: 800 !important;
    margin: 0 0 12px !important;
    min-height: 46px !important;
    max-height: 46px !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
}

.pb-product-price {
    margin-top: auto !important;
    margin-bottom: 16px !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #111 !important;
}

.pb-product-button {
    min-height: 48px !important;
    border-radius: 12px !important;
    background: #ff9800 !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 800 !important;
}

.pb-product-button:hover {
    background: #f57c00 !important;
    color: #ffffff !important;
}

/* Tablet */
@media (max-width: 1024px) {
    .products-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 18px !important;
    }

    .pb-product-image-wrap {
        height: 230px !important;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .products-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 14px !important;
    }

    .pb-product-image-wrap {
        height: 190px !important;
        padding: 16px !important;
    }

    .pb-product-content {
        padding: 12px !important;
    }

    .pb-product-title {
        font-size: 14px !important;
        min-height: 42px !important;
        max-height: 42px !important;
    }

    .pb-product-price {
        font-size: 16px !important;
    }

    .pb-product-button {
        min-height: 44px !important;
        font-size: 14px !important;
    }
}

/* Small mobile */
@media (max-width: 420px) {
    .products-grid {
        grid-template-columns: 1fr !important;
    }

    .pb-product-image-wrap {
        height: 230px !important;
    }
}

















/* =========================================================
   MODERN HERO IMAGE CAROUSEL
   ========================================================= */

.pb-hero-carousel {
    position: relative;
    width: 100%;
    height: 460px;
    overflow: hidden;
    background: #111;
}

.pb-hero-track {
    position: relative;
    width: 100%;
    height: 100%;
}

.pb-hero-slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    visibility: hidden;
    transform: scale(1.02);
    transition: opacity 0.7s ease, visibility 0.7s ease, transform 1.2s ease;
}

.pb-hero-slide.is-active {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    z-index: 2;
}

.pb-hero-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

.pb-hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        90deg,
        rgba(0, 0, 0, 0.62) 0%,
        rgba(0, 0, 0, 0.34) 45%,
        rgba(0, 0, 0, 0.08) 100%
    );
    z-index: 2;
}

.pb-hero-content {
    position: relative;
    z-index: 3;
    max-width: 1180px;
    height: 100%;
    margin: 0 auto;
    padding: 0 5%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.pb-hero-label {
    display: inline-flex;
    align-items: center;
    background: rgba(255, 152, 0, 0.95);
    color: #ffffff;
    padding: 8px 16px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.08em;
    margin-bottom: 16px;
}

.pb-hero-content h2 {
    max-width: 620px;
    font-size: 52px;
    line-height: 1.08;
    font-weight: 900;
    color: #ffffff;
    margin: 0 0 16px;
    letter-spacing: -1.2px;
}

.pb-hero-content p {
    max-width: 560px;
    font-size: 18px;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.92);
    margin: 0 0 28px;
}

.pb-hero-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    padding: 0 26px;
    border-radius: 999px;
    background: #ff9800;
    color: #ffffff !important;
    text-decoration: none !important;
    font-size: 15px;
    font-weight: 900;
    box-shadow: 0 12px 28px rgba(255, 152, 0, 0.35);
    transition: all 0.25s ease;
}

.pb-hero-btn:hover {
    background: #f57c00;
    transform: translateY(-3px);
    color: #ffffff !important;
}

/* Arrows */
.pb-hero-arrow {
    position: absolute;
    top: 50%;
    z-index: 5;
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    border: none;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.88);
    color: #222;
    font-size: 34px;
    line-height: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.pb-hero-arrow:hover {
    background: #ff9800;
    color: #ffffff;
}

.pb-hero-prev {
    left: 24px;
}

.pb-hero-next {
    right: 24px;
}

/* Dots */
.pb-hero-dots {
    position: absolute;
    left: 50%;
    bottom: 22px;
    transform: translateX(-50%);
    z-index: 6;
    display: flex;
    align-items: center;
    gap: 9px;
}

.pb-hero-dot {
    width: 10px;
    height: 10px;
    border: none;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.55);
    cursor: pointer;
    padding: 0;
    transition: all 0.25s ease;
}

.pb-hero-dot.is-active {
    width: 30px;
    background: #ff9800;
}

/* Tablet */
@media (max-width: 1024px) {
    .pb-hero-carousel {
        height: 400px;
    }

    .pb-hero-content h1 {
        font-size: 42px;
    }

    .pb-hero-content p {
        font-size: 16px;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .pb-hero-carousel {
        height: 360px;
    }

    .pb-hero-content {
        padding: 0 7%;
        align-items: center;
        text-align: center;
    }

    .pb-hero-overlay {
        background: rgba(0, 0, 0, 0.45);
    }

    .pb-hero-content h1 {
        font-size: 32px;
        letter-spacing: -0.5px;
    }

    .pb-hero-content p {
        font-size: 15px;
        margin-bottom: 22px;
    }

    .pb-hero-arrow {
        display: none;
    }
}

/* Small mobile */
@media (max-width: 480px) {
    .pb-hero-carousel {
        height: 320px;
    }

    .pb-hero-content h1 {
        font-size: 28px;
    }

    .pb-hero-label {
        font-size: 11px;
        padding: 7px 13px;
    }
}



/* =========================================================
   PROFESSIONAL SEARCH RESULTS PAGE
   ========================================================= */

.pb-search-page {
    background: #f7f7f7;
}

.pb-search-container {
    max-width: 1180px;
    margin: 0 auto;
    padding-left: 5%;
    padding-right: 5%;
}

.pb-search-hero {
    background: linear-gradient(135deg, #fff8ee 0%, #ffffff 100%);
    border-bottom: 1px solid #eeeeee;
    padding: 55px 0 45px;
}

.pb-search-label {
    display: inline-block;
    background: #fff3e0;
    color: #ff9800;
    padding: 7px 15px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    margin-bottom: 14px;
}

.pb-search-hero h1 {
    font-size: 36px;
    line-height: 1.2;
    color: #222;
    font-weight: 900;
    margin: 0 0 10px;
}

.pb-search-hero h1 span {
    color: #ff9800;
}

.pb-search-hero p {
    color: #666;
    font-size: 16px;
    margin: 0 0 24px;
}

.pb-search-page-form {
    display: flex;
    width: 100%;
    max-width: 720px;
    border: 2px solid #ff9800;
    border-radius: 14px;
    overflow: hidden;
    background: #ffffff;
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.06);
}

.pb-search-page-form input[type="text"] {
    flex: 1;
    height: 54px;
    border: none;
    outline: none;
    padding: 0 18px;
    font-size: 15px;
    color: #333;
}

.pb-search-page-form button {
    min-width: 130px;
    height: 54px;
    border: none;
    background: #ff9800;
    color: #ffffff;
    font-size: 15px;
    font-weight: 900;
    cursor: pointer;
}

.pb-search-page-form button:hover {
    background: #f57c00;
}

.pb-search-results-section {
    padding: 45px 0 70px;
}

.pb-search-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 2px solid #ff9800;
}

.pb-search-topbar h2 {
    margin: 0;
    font-size: 26px;
    font-weight: 900;
    color: #222;
}

.pb-back-shop {
    color: #ff9800;
    font-weight: 800;
    text-decoration: none;
}

.pb-back-shop:hover {
    text-decoration: underline;
}

.pb-search-products-grid {
    margin-bottom: 36px;
}

.pb-search-pagination {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 30px;
    flex-wrap: wrap;
}

.pb-search-pagination .page-numbers {
    min-width: 42px;
    height: 42px;
    padding: 0 12px;
    border-radius: 10px;
    background: #ffffff;
    color: #333;
    border: 1px solid #e5e5e5;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-weight: 800;
}

.pb-search-pagination .page-numbers.current,
.pb-search-pagination .page-numbers:hover {
    background: #ff9800;
    color: #ffffff;
    border-color: #ff9800;
}

.pb-no-results {
    background: #ffffff;
    border: 1px solid #eeeeee;
    border-radius: 22px;
    padding: 55px 28px;
    text-align: center;
    max-width: 680px;
    margin: 0 auto;
    box-shadow: 0 12px 34px rgba(0, 0, 0, 0.06);
}

.pb-no-results-icon {
    width: 76px;
    height: 76px;
    margin: 0 auto 18px;
    border-radius: 50%;
    background: #fff3e0;
    color: #ff9800;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 34px;
}

.pb-no-results h2 {
    font-size: 28px;
    font-weight: 900;
    margin: 0 0 10px;
    color: #222;
}

.pb-no-results p {
    color: #666;
    font-size: 15px;
    margin: 0 auto 24px;
    max-width: 420px;
}

/* Search mobile */
@media (max-width: 767px) {
    .pb-search-hero {
        padding: 38px 0 34px;
    }

    .pb-search-hero h1 {
        font-size: 28px;
    }

    .pb-search-page-form {
        flex-direction: column;
        border-radius: 16px;
    }

    .pb-search-page-form input[type="text"],
    .pb-search-page-form button {
        width: 100%;
    }

    .pb-search-topbar {
        align-items: flex-start;
        flex-direction: column;
    }

    .pb-search-topbar h2 {
        font-size: 23px;
    }
}




/* =========================================================
   MOBILE HERO CAROUSEL FIX
   ========================================================= */

.pb-hero-slide picture {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
}

.pb-hero-slide picture img,
.pb-hero-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

/* Mobile hero */
@media (max-width: 767px) {
    .pb-hero-carousel {
        height: 420px !important;
    }

    .pb-hero-slide picture img,
    .pb-hero-image {
        object-fit: cover !important;
        object-position: center center !important;
    }

    .pb-hero-overlay {
        background: rgba(0, 0, 0, 0.18) !important;
    }

    /* Hide text if your mobile image already has text */
    .pb-hero-content {
        display: none !important;
    }

    .pb-hero-dots {
        bottom: 16px !important;
    }
}

@media (max-width: 480px) {
    .pb-hero-carousel {
        height: 360px !important;
    }
}





/* =========================================================
   FINAL MOBILE HERO - FULL IMAGE VISIBLE
   ========================================================= */

@media (max-width: 767px) {

    .pb-hero-carousel {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 4 / 5 !important;
        background: #f79400 !important;
        overflow: hidden !important;
    }

    .pb-hero-track {
        width: 100% !important;
        height: 100% !important;
    }

    .pb-hero-slide {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
    }

    .pb-hero-slide picture {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        display: block !important;
    }

    .pb-hero-image,
    .pb-hero-slide picture img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
        object-position: center center !important;
        display: block !important;
        background: #f79400 !important;
    }

    /* Hide overlay because your image already has text */
    .pb-hero-overlay {
        display: none !important;
    }

    /* Hide extra website text on top of image */
    .pb-hero-content {
        display: none !important;
    }

    .pb-hero-arrow {
        display: none !important;
    }

    .pb-hero-dots {
        bottom: 14px !important;
        z-index: 20 !important;
    }
}


/* =========================================================
   PROFESSIONAL SINGLE PRODUCT PAGE UI
   ========================================================= */

/* Main product page background */
.single-product .site-content,
.single-product #content {
    background: #f7f7f7 !important;
}

/* Product main container */
.single-product div.product {
    max-width: 1180px !important;
    margin: 40px auto 50px !important;
    padding: 34px !important;
    background: #ffffff !important;
    border-radius: 24px !important;
    box-shadow: 0 14px 40px rgba(0, 0, 0, 0.06) !important;
    border: 1px solid #eeeeee !important;
}

/* Product image area */
.single-product div.product div.images {
    width: 48% !important;
    margin-bottom: 0 !important;
}

.single-product div.product div.images img {
    border-radius: 20px !important;
    background: #fafafa !important;
    border: 1px solid #eeeeee !important;
    padding: 18px !important;
    object-fit: contain !important;
}

/* Gallery thumbnails */
.single-product div.product div.images .flex-control-thumbs {
    display: flex !important;
    gap: 10px !important;
    margin-top: 14px !important;
}

.single-product div.product div.images .flex-control-thumbs li {
    width: 72px !important;
    margin: 0 !important;
}

.single-product div.product div.images .flex-control-thumbs img {
    border-radius: 12px !important;
    padding: 6px !important;
    border: 1px solid #eeeeee !important;
    background: #ffffff !important;
}

/* Product summary area */
.single-product div.product div.summary {
    width: 48% !important;
    padding-left: 28px !important;
}

/* Breadcrumb */
.single-product .woocommerce-breadcrumb {
    max-width: 1180px !important;
    margin: 22px auto 0 !important;
    padding: 0 5% !important;
    color: #777 !important;
    font-size: 14px !important;
}

.single-product .woocommerce-breadcrumb a {
    color: #777 !important;
    text-decoration: none !important;
}

.single-product .woocommerce-breadcrumb a:hover {
    color: #ff9800 !important;
}

/* Category text */
.single-product .posted_in,
.single-product .sku_wrapper {
    font-size: 14px !important;
    color: #666 !important;
}

/* Product title */
.single-product .product_title {
    font-size: 34px !important;
    line-height: 1.22 !important;
    font-weight: 900 !important;
    color: #111111 !important;
    margin: 10px 0 18px !important;
    letter-spacing: -0.6px !important;
}

/* Price */
.single-product div.product p.price,
.single-product div.product span.price {
    font-size: 30px !important;
    font-weight: 900 !important;
    color: #111111 !important;
    margin: 0 0 16px !important;
}

.single-product div.product p.price del,
.single-product div.product span.price del {
    color: #999999 !important;
    font-size: 20px !important;
    opacity: 1 !important;
}

.single-product div.product p.price ins,
.single-product div.product span.price ins {
    text-decoration: none !important;
    color: #ff9800 !important;
}

/* Short description */
.single-product .woocommerce-product-details__short-description {
    margin: 18px 0 24px !important;
    padding: 18px 20px !important;
    background: #fff8ee !important;
    border-radius: 16px !important;
    border: 1px solid #ffe0b2 !important;
}

.single-product .woocommerce-product-details__short-description p {
    margin: 0 !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
    color: #444444 !important;
}

/* Cart form */
.single-product form.cart {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    margin: 20px 0 18px !important;
    flex-wrap: wrap !important;
}

/* Quantity */
.single-product form.cart .quantity {
    margin: 0 !important;
}

.single-product form.cart .quantity input.qty {
    width: 82px !important;
    height: 54px !important;
    border: 1px solid #dddddd !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    color: #222222 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-align: center !important;
}

/* Add to cart button */
.single-product div.product form.cart .button,
.single-product div.product .single_add_to_cart_button {
    flex: 1 !important;
    min-width: 220px !important;
    height: 54px !important;
    border-radius: 12px !important;
    background: #ff9800 !important;
    color: #ffffff !important;
    border: none !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    box-shadow: 0 10px 24px rgba(255, 152, 0, 0.28) !important;
    transition: all 0.25s ease !important;
}

.single-product div.product form.cart .button:hover,
.single-product div.product .single_add_to_cart_button:hover {
    background: #f57c00 !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 14px 30px rgba(255, 152, 0, 0.38) !important;
}

/* Product trust badges */
.pb-product-trust-box {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin: 20px 0 16px !important;
}

.pb-product-trust-item {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    background: #fafafa !important;
    border: 1px solid #eeeeee !important;
    border-radius: 14px !important;
    padding: 13px 14px !important;
    color: #333333 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}

.pb-product-trust-icon {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    border-radius: 50% !important;
    background: #fff3e0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 17px !important;
}

/* Product WhatsApp button */
.pb-product-whatsapp-btn {
    width: 100% !important;
    min-height: 54px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    background: #25d366 !important;
    color: #ffffff !important;
    text-decoration: none !important;
    border-radius: 12px !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    margin: 14px 0 18px !important;
    box-shadow: 0 10px 24px rgba(37, 211, 102, 0.28) !important;
    transition: all 0.25s ease !important;
}

.pb-product-whatsapp-btn:hover {
    background: #1ebe5d !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 14px 30px rgba(37, 211, 102, 0.38) !important;
}

/* Shopping information note */
.pb-product-info-note {
    margin: 18px 0 20px !important;
    padding: 18px 20px !important;
    background: #ffffff !important;
    border-radius: 16px !important;
    border: 1px solid #eeeeee !important;
}

.pb-product-info-note h4 {
    margin: 0 0 10px !important;
    color: #222222 !important;
    font-size: 16px !important;
    font-weight: 900 !important;
}

.pb-product-info-note ul {
    margin: 0 !important;
    padding-left: 18px !important;
}

.pb-product-info-note li {
    color: #555555 !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
    margin-bottom: 4px !important;
}

/* Meta area */
.single-product .product_meta {
    margin-top: 18px !important;
    padding-top: 18px !important;
    border-top: 1px solid #eeeeee !important;
    color: #666666 !important;
    font-size: 14px !important;
}

.single-product .product_meta a {
    color: #ff9800 !important;
    text-decoration: none !important;
}

.single-product .product_meta a:hover {
    text-decoration: underline !important;
}

/* Tabs wrapper */
.single-product .woocommerce-tabs {
    max-width: 1180px !important;
    margin: 0 auto 50px !important;
    padding: 34px !important;
    background: #ffffff !important;
    border-radius: 24px !important;
    box-shadow: 0 14px 40px rgba(0, 0, 0, 0.06) !important;
    border: 1px solid #eeeeee !important;
}

/* Tabs nav */
.single-product .woocommerce-tabs ul.tabs {
    padding: 0 !important;
    margin: 0 0 24px !important;
    border-bottom: 1px solid #eeeeee !important;
}

.single-product .woocommerce-tabs ul.tabs li {
    border: none !important;
    background: transparent !important;
    margin: 0 8px 0 0 !important;
    padding: 0 !important;
}

.single-product .woocommerce-tabs ul.tabs li a {
    display: inline-flex !important;
    padding: 14px 18px !important;
    color: #555555 !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    border-radius: 12px 12px 0 0 !important;
}

.single-product .woocommerce-tabs ul.tabs li.active a,
.single-product .woocommerce-tabs ul.tabs li a:hover {
    color: #ff9800 !important;
    background: #fff8ee !important;
}

/* Description content */
.single-product .woocommerce-tabs .panel {
    margin: 0 !important;
}

.single-product .woocommerce-tabs .panel h2 {
    font-size: 26px !important;
    font-weight: 900 !important;
    color: #222222 !important;
    margin: 0 0 18px !important;
}

.single-product .woocommerce-tabs .panel p,
.single-product .woocommerce-tabs .panel li {
    font-size: 16px !important;
    line-height: 1.8 !important;
    color: #444444 !important;
}

/* Related products */
.single-product .related.products,
.single-product .upsells.products {
    max-width: 1180px !important;
    margin: 0 auto 60px !important;
    padding: 0 5% !important;
}

.single-product .related.products h2,
.single-product .upsells.products h2 {
    font-size: 28px !important;
    font-weight: 900 !important;
    color: #222222 !important;
    margin-bottom: 22px !important;
    padding-bottom: 14px !important;
    border-bottom: 2px solid #ff9800 !important;
}

/* Notices */
.single-product .woocommerce-message,
.single-product .woocommerce-info,
.single-product .woocommerce-error {
    max-width: 1180px !important;
    margin: 20px auto !important;
    border-radius: 14px !important;
}

/* =========================================================
   PRODUCT PAGE RESPONSIVE
   ========================================================= */

@media (max-width: 1024px) {
    .single-product div.product {
        margin: 28px 5% 45px !important;
        padding: 26px !important;
    }

    .single-product .product_title {
        font-size: 30px !important;
    }

    .single-product div.product p.price,
    .single-product div.product span.price {
        font-size: 26px !important;
    }
}

@media (max-width: 768px) {
    .single-product div.product {
        margin: 20px 4% 35px !important;
        padding: 18px !important;
        border-radius: 20px !important;
    }

    .single-product div.product div.images,
    .single-product div.product div.summary {
        width: 100% !important;
        float: none !important;
        padding-left: 0 !important;
    }

    .single-product div.product div.images {
        margin-bottom: 24px !important;
    }

    .single-product div.product div.images img {
        border-radius: 16px !important;
        padding: 12px !important;
    }

    .single-product .woocommerce-breadcrumb {
        padding: 0 4% !important;
        font-size: 13px !important;
        line-height: 1.6 !important;
    }

    .single-product .product_title {
        font-size: 25px !important;
        line-height: 1.28 !important;
        margin-bottom: 14px !important;
    }

    .single-product div.product p.price,
    .single-product div.product span.price {
        font-size: 25px !important;
    }

    .single-product .woocommerce-product-details__short-description {
        padding: 15px !important;
    }

    .single-product form.cart {
        display: grid !important;
        grid-template-columns: 80px 1fr !important;
        gap: 10px !important;
    }

    .single-product form.cart .quantity input.qty {
        width: 80px !important;
        height: 52px !important;
    }

    .single-product div.product form.cart .button,
    .single-product div.product .single_add_to_cart_button {
        min-width: 0 !important;
        width: 100% !important;
        height: 52px !important;
        font-size: 15px !important;
    }

    .pb-product-trust-box {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    .pb-product-trust-item {
        padding: 12px !important;
    }

    .single-product .woocommerce-tabs {
        margin: 0 4% 40px !important;
        padding: 20px !important;
        border-radius: 20px !important;
    }

    .single-product .woocommerce-tabs ul.tabs {
        display: flex !important;
        overflow-x: auto !important;
        gap: 8px !important;
        padding-bottom: 10px !important;
    }

    .single-product .woocommerce-tabs ul.tabs li {
        flex: 0 0 auto !important;
    }

    .single-product .woocommerce-tabs ul.tabs li a {
        padding: 12px 14px !important;
        font-size: 14px !important;
        white-space: nowrap !important;
    }

    .single-product .woocommerce-tabs .panel h2 {
        font-size: 22px !important;
    }

    .single-product .woocommerce-tabs .panel p,
    .single-product .woocommerce-tabs .panel li {
        font-size: 15px !important;
    }

    .single-product .related.products,
    .single-product .upsells.products {
        padding: 0 4% !important;
    }

    .single-product .related.products h2,
    .single-product .upsells.products h2 {
        font-size: 24px !important;
    }
}

@media (max-width: 420px) {
    .single-product form.cart {
        grid-template-columns: 1fr !important;
    }

    .single-product form.cart .quantity input.qty {
        width: 100% !important;
    }

    .pb-product-whatsapp-btn {
        font-size: 14px !important;
        padding: 0 12px !important;
        text-align: center !important;
    }
}


/* =========================================================
   PRODUCT PAGE BREADCRUMB + CATEGORY CLEAN UI
   ========================================================= */

/* Breadcrumb wrapper */
.single-product .woocommerce-breadcrumb {
    max-width: 1180px !important;
    margin: 22px auto 12px !important;
    padding: 0 5% !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: #777 !important;
}

/* Breadcrumb links */
.single-product .woocommerce-breadcrumb a {
    color: #666 !important;
    text-decoration: none !important;
    font-weight: 500 !important;
}

.single-product .woocommerce-breadcrumb a:hover {
    color: #ff9800 !important;
}

/* Breadcrumb separator look */
.single-product .woocommerce-breadcrumb {
    letter-spacing: 0 !important;
}

/* Hide very long breadcrumb overflow neatly on mobile */
@media (max-width: 768px) {
    .single-product .woocommerce-breadcrumb {
        font-size: 13px !important;
        white-space: nowrap !important;
        overflow-x: auto !important;
        scrollbar-width: none !important;
        padding: 0 4% !important;
        margin-top: 14px !important;
    }

    .single-product .woocommerce-breadcrumb::-webkit-scrollbar {
        display: none !important;
    }
}

/* Category badge above product title */
.single-product div.product .summary .posted_in {
    display: inline-flex !important;
    align-items: center !important;
    width: fit-content !important;
    background: #fff3e0 !important;
    color: #ff9800 !important;
    border: 1px solid #ffe0b2 !important;
    padding: 7px 14px !important;
    border-radius: 999px !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    margin: 0 0 14px !important;
}

/* Category links inside badge */
.single-product div.product .summary .posted_in a {
    color: #ff9800 !important;
    text-decoration: none !important;
    font-weight: 800 !important;
}

/* Hide label text "Category:" if WooCommerce prints it in meta area */
.single-product div.product .summary .posted_in::before {
    content: "Category: ";
    color: #ff9800 !important;
    font-weight: 800 !important;
}

/* Product meta lower section clean */
.single-product .product_meta {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px 20px !important;
    align-items: center !important;
    margin-top: 18px !important;
    padding-top: 18px !important;
    border-top: 1px solid #eeeeee !important;
    font-size: 13px !important;
    color: #666 !important;
}

.single-product .product_meta span {
    color: #666 !important;
}

.single-product .product_meta a {
    color: #ff9800 !important;
    text-decoration: none !important;
    font-weight: 700 !important;
}

/* =========================================================
   FINAL SINGLE PRODUCT PAGE DESKTOP + MOBILE FIX
   ========================================================= */

/* Make WooCommerce product page use full proper width */
.single-product .site-content,
.single-product #content,
.single-product .ast-container,
.single-product .content-area,
.single-product .site-main {
    width: 100% !important;
    max-width: 100% !important;
}

/* Main product card */
.single-product div.product {
    width: min(1180px, calc(100% - 48px)) !important;
    max-width: 1180px !important;
    margin: 35px auto 50px !important;
    padding: 34px !important;
    background: #ffffff !important;
    border-radius: 24px !important;
    border: 1px solid #eeeeee !important;
    box-shadow: 0 14px 40px rgba(0, 0, 0, 0.06) !important;

    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 42px !important;
    align-items: start !important;
}

/* Clear WooCommerce floats */
.single-product div.product::before,
.single-product div.product::after {
    display: none !important;
}

/* Product image column */
.single-product div.product div.images {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin: 0 !important;
}

/* Main image */
.single-product div.product div.images img {
    width: 100% !important;
    height: auto !important;
    max-height: 560px !important;
    object-fit: contain !important;
    background: #fafafa !important;
    border: 1px solid #eeeeee !important;
    border-radius: 20px !important;
    padding: 20px !important;
}

/* Summary column */
.single-product div.product div.summary {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Product title */
.single-product .product_title {
    font-size: 34px !important;
    line-height: 1.25 !important;
    font-weight: 900 !important;
    color: #111 !important;
    margin: 12px 0 18px !important;
}

/* Price */
.single-product div.product p.price,
.single-product div.product span.price {
    font-size: 30px !important;
    font-weight: 900 !important;
    color: #111 !important;
    margin-bottom: 18px !important;
}

/* Short description */
.single-product .woocommerce-product-details__short-description {
    background: #fff8ee !important;
    border: 1px solid #ffe0b2 !important;
    border-radius: 16px !important;
    padding: 16px 18px !important;
    margin: 18px 0 22px !important;
}

.single-product .woocommerce-product-details__short-description p {
    margin: 0 !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
    color: #444 !important;
}

/* Add to cart row */
.single-product form.cart {
    display: grid !important;
    grid-template-columns: 90px 1fr !important;
    gap: 12px !important;
    align-items: center !important;
    margin: 20px 0 14px !important;
}

/* Quantity */
.single-product form.cart .quantity {
    margin: 0 !important;
}

.single-product form.cart .quantity input.qty {
    width: 90px !important;
    height: 54px !important;
    border-radius: 12px !important;
    border: 1px solid #dddddd !important;
    text-align: center !important;
    font-size: 16px !important;
    font-weight: 700 !important;
}

/* Add to cart button */
.single-product div.product form.cart .button,
.single-product div.product .single_add_to_cart_button {
    width: 100% !important;
    height: 54px !important;
    border-radius: 12px !important;
    background: #ff9800 !important;
    color: #ffffff !important;
    border: none !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    text-transform: none !important;
    box-shadow: 0 10px 24px rgba(255, 152, 0, 0.28) !important;
}

.single-product div.product form.cart .button:hover,
.single-product div.product .single_add_to_cart_button:hover {
    background: #f57c00 !important;
    color: #ffffff !important;
}

/* Hide disturbing extra boxes */
.single-product .pb-product-trust-box,
.single-product .pb-product-info-note {
    display: none !important;
}

/* WhatsApp button compact */
.single-product .pb-product-whatsapp-btn {
    width: 100% !important;
    min-height: 52px !important;
    margin: 12px 0 18px !important;
    border-radius: 12px !important;
    background: #25d366 !important;
    color: #ffffff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
}

/* Meta */
.single-product .product_meta {
    margin-top: 16px !important;
    padding-top: 16px !important;
    border-top: 1px solid #eeeeee !important;
    font-size: 13px !important;
    color: #666 !important;
}

.single-product .product_meta a {
    color: #ff9800 !important;
    text-decoration: none !important;
    font-weight: 700 !important;
}

/* Tabs */
.single-product .woocommerce-tabs {
    width: min(1180px, calc(100% - 48px)) !important;
    max-width: 1180px !important;
    margin: 0 auto 50px !important;
    padding: 30px !important;
    background: #ffffff !important;
    border-radius: 24px !important;
    border: 1px solid #eeeeee !important;
    box-shadow: 0 14px 40px rgba(0, 0, 0, 0.06) !important;
}

/* Related products */
.single-product .related.products,
.single-product .upsells.products {
    width: min(1180px, calc(100% - 48px)) !important;
    max-width: 1180px !important;
    margin: 0 auto 60px !important;
    padding: 0 !important;
}

/* Tablet */
@media (max-width: 1024px) {
    .single-product div.product {
        grid-template-columns: 1fr !important;
        width: calc(100% - 36px) !important;
        padding: 24px !important;
        gap: 24px !important;
    }

    .single-product .woocommerce-tabs,
    .single-product .related.products,
    .single-product .upsells.products {
        width: calc(100% - 36px) !important;
    }
}

/* Mobile */
@media (max-width: 600px) {
    .single-product div.product {
        width: calc(100% - 24px) !important;
        margin: 18px auto 35px !important;
        padding: 16px !important;
        border-radius: 18px !important;
    }

    .single-product .product_title {
        font-size: 24px !important;
    }

    .single-product div.product p.price,
    .single-product div.product span.price {
        font-size: 24px !important;
    }

    .single-product form.cart {
        grid-template-columns: 1fr !important;
    }

    .single-product form.cart .quantity input.qty {
        width: 100% !important;
    }

    .single-product .woocommerce-tabs,
    .single-product .related.products,
    .single-product .upsells.products {
        width: calc(100% - 24px) !important;
        padding: 18px !important;
        border-radius: 18px !important;
    }
}

/* =========================================================
   FINAL FIX: PRODUCT PAGE SHOULD NOT BECOME NARROW ON LAPTOP
   ========================================================= */

/* Force laptop/desktop product page layout */
@media (min-width: 769px) {

    .single-product .site-content,
    .single-product #content,
    .single-product .ast-container,
    .single-product .content-area,
    .single-product .site-main {
        width: 100% !important;
        max-width: 100% !important;
    }

    .single-product div.product {
        width: min(1180px, calc(100% - 60px)) !important;
        max-width: 1180px !important;
        margin: 40px auto 55px !important;
        padding: 34px !important;

        display: grid !important;
        grid-template-columns: 52% 48% !important;
        gap: 36px !important;
        align-items: start !important;

        background: #ffffff !important;
        border-radius: 24px !important;
        border: 1px solid #eeeeee !important;
        box-shadow: 0 14px 40px rgba(0, 0, 0, 0.06) !important;
    }

    .single-product div.product div.images,
    .single-product div.product div.summary {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .single-product div.product div.images {
        grid-column: 1 !important;
    }

    .single-product div.product div.summary {
        grid-column: 2 !important;
    }

    .single-product div.product div.images img {
        width: 100% !important;
        height: auto !important;
        max-height: 560px !important;
        object-fit: contain !important;
        background: #fafafa !important;
        border-radius: 20px !important;
        border: 1px solid #eeeeee !important;
        padding: 18px !important;
    }

    .single-product .product_title {
        font-size: 32px !important;
        line-height: 1.25 !important;
        font-weight: 900 !important;
        margin: 12px 0 18px !important;
    }

    .single-product form.cart {
        display: grid !important;
        grid-template-columns: 90px 1fr !important;
        gap: 12px !important;
        align-items: center !important;
    }

    .single-product form.cart .quantity input.qty {
        width: 90px !important;
        height: 54px !important;
    }

    .single-product div.product form.cart .button,
    .single-product div.product .single_add_to_cart_button {
        width: 100% !important;
        height: 54px !important;
    }

    .single-product .woocommerce-tabs,
    .single-product .related.products,
    .single-product .upsells.products {
        width: min(1180px, calc(100% - 60px)) !important;
        max-width: 1180px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

/* Only real mobile/tablet should stack */
@media (max-width: 768px) {

    .single-product div.product {
        width: calc(100% - 24px) !important;
        margin: 18px auto 35px !important;
        padding: 16px !important;
        display: block !important;
        border-radius: 18px !important;
    }

    .single-product div.product div.images,
    .single-product div.product div.summary {
        width: 100% !important;
        float: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .single-product div.product div.images {
        margin-bottom: 22px !important;
    }

    .single-product .product_title {
        font-size: 24px !important;
        line-height: 1.3 !important;
    }

    .single-product form.cart {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    .single-product form.cart .quantity input.qty {
        width: 100% !important;
    }
}


/* =========================================================
   RELATED PRODUCTS SECTION FIX
   ========================================================= */

/* Related products wrapper */
.single-product .related.products {
    width: min(1180px, calc(100% - 48px)) !important;
    max-width: 1180px !important;
    margin: 0 auto 70px !important;
    padding: 34px !important;
    background: #ffffff !important;
    border-radius: 24px !important;
    border: 1px solid #eeeeee !important;
    box-shadow: 0 14px 40px rgba(0, 0, 0, 0.06) !important;
}

/* Heading */
.single-product .related.products > h2 {
    font-size: 28px !important;
    font-weight: 900 !important;
    color: #222 !important;
    margin: 0 0 24px !important;
    padding-bottom: 14px !important;
    border-bottom: 2px solid #ff9800 !important;
}

/* WooCommerce related product grid */
.single-product .related.products ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 22px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Each related product card */
.single-product .related.products ul.products li.product {
    width: 100% !important;
    margin: 0 !important;
    float: none !important;
    background: #ffffff !important;
    border: 1px solid #eeeeee !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.055) !important;
    transition: all 0.25s ease !important;
    padding: 0 0 16px !important;
}

.single-product .related.products ul.products li.product:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 16px 38px rgba(0, 0, 0, 0.10) !important;
}

/* Image area */
.single-product .related.products ul.products li.product a img {
    width: 100% !important;
    height: 210px !important;
    object-fit: contain !important;
    object-position: center !important;
    background: #fafafa !important;
    padding: 18px !important;
    margin: 0 !important;
    border-bottom: 1px solid #f1f1f1 !important;
}

/* Product title */
.single-product .related.products ul.products li.product .woocommerce-loop-product__title {
    font-size: 15px !important;
    line-height: 1.45 !important;
    font-weight: 800 !important;
    color: #222 !important;
    padding: 14px 14px 0 !important;
    margin: 0 0 10px !important;
    min-height: 52px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

/* Price */
.single-product .related.products ul.products li.product .price {
    display: block !important;
    color: #111 !important;
    font-size: 17px !important;
    font-weight: 900 !important;
    padding: 0 14px !important;
    margin: 0 0 14px !important;
}

/* Button */
.single-product .related.products ul.products li.product .button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 44px !important;
    margin: 0 14px !important;
    border-radius: 12px !important;
    background: #ff9800 !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    text-align: center !important;
    padding: 10px 12px !important;
}

.single-product .related.products ul.products li.product .button:hover {
    background: #f57c00 !important;
    color: #ffffff !important;
}

/* Hide sale badge if it looks messy */
.single-product .related.products ul.products li.product .onsale {
    top: 12px !important;
    left: 12px !important;
    right: auto !important;
    background: #ff9800 !important;
    color: #ffffff !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    padding: 5px 10px !important;
}

/* Tablet */
@media (max-width: 1024px) {
    .single-product .related.products ul.products {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 18px !important;
    }

    .single-product .related.products ul.products li.product a img {
        height: 190px !important;
    }
}

/* Mobile */
@media (max-width: 768px) {
    .single-product .related.products {
        width: calc(100% - 24px) !important;
        padding: 20px !important;
        border-radius: 20px !important;
    }

    .single-product .related.products > h2 {
        font-size: 23px !important;
    }

    .single-product .related.products ul.products {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 14px !important;
    }

    .single-product .related.products ul.products li.product a img {
        height: 160px !important;
        padding: 12px !important;
    }

    .single-product .related.products ul.products li.product .woocommerce-loop-product__title {
        font-size: 13px !important;
        min-height: 44px !important;
        padding: 12px 12px 0 !important;
    }

    .single-product .related.products ul.products li.product .price {
        font-size: 15px !important;
        padding: 0 12px !important;
    }

    .single-product .related.products ul.products li.product .button {
        margin: 0 12px !important;
        min-height: 42px !important;
        font-size: 13px !important;
    }
}

/* Very small mobile */
@media (max-width: 420px) {
    .single-product .related.products ul.products {
        grid-template-columns: 1fr !important;
    }

    .single-product .related.products ul.products li.product a img {
        height: 210px !important;
    }
}



/* =========================================================
   FINAL FIX: RELATED PRODUCTS CARD WIDTH + BUTTON TEXT
   ========================================================= */

/* Related products main wrapper */
.single-product section.related.products {
    width: min(1180px, calc(100% - 40px)) !important;
    max-width: 1180px !important;
    margin: 40px auto 70px !important;
    padding: 30px !important;
    background: #ffffff !important;
    border-radius: 24px !important;
    border: 1px solid #eeeeee !important;
    box-shadow: 0 14px 40px rgba(0, 0, 0, 0.06) !important;
    overflow: visible !important;
}

/* Heading */
.single-product section.related.products > h2 {
    font-size: 28px !important;
    font-weight: 900 !important;
    color: #222222 !important;
    margin: 0 0 24px !important;
    padding-bottom: 14px !important;
    border-bottom: 2px solid #ff9800 !important;
}

/* Force proper grid */
.single-product section.related.products ul.products,
.single-product section.related.products .products {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(220px, 1fr)) !important;
    gap: 22px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Remove WooCommerce/Astra old column widths */
.single-product section.related.products ul.products li.product,
.single-product section.related.products .products li.product,
.single-product section.related.products li.product {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    float: none !important;
    clear: none !important;
    margin: 0 !important;
    padding: 0 0 16px !important;
    display: flex !important;
    flex-direction: column !important;
    background: #ffffff !important;
    border: 1px solid #eeeeee !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.055) !important;
}

/* Image */
.single-product section.related.products li.product a img {
    width: 100% !important;
    height: 220px !important;
    object-fit: contain !important;
    object-position: center !important;
    background: #fafafa !important;
    padding: 18px !important;
    margin: 0 !important;
    border-bottom: 1px solid #f1f1f1 !important;
}

/* Category if shown */
.single-product section.related.products li.product .ast-woo-product-category,
.single-product section.related.products li.product .woocommerce-loop-category__title {
    padding: 12px 14px 0 !important;
    font-size: 13px !important;
    color: #777777 !important;
    line-height: 1.35 !important;
}

/* Product title */
.single-product section.related.products li.product .woocommerce-loop-product__title,
.single-product section.related.products li.product h2 {
    padding: 12px 14px 0 !important;
    margin: 0 0 10px !important;
    font-size: 15px !important;
    line-height: 1.45 !important;
    font-weight: 800 !important;
    color: #222222 !important;
    min-height: 44px !important;
    max-height: 44px !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
}

/* Price */
.single-product section.related.products li.product .price {
    display: block !important;
    padding: 0 14px !important;
    margin: auto 0 14px !important;
    font-size: 17px !important;
    line-height: 1.3 !important;
    font-weight: 900 !important;
    color: #111111 !important;
}

/* Button full and readable */
.single-product section.related.products li.product .button,
.single-product section.related.products li.product a.button,
.single-product section.related.products li.product .added_to_cart {
    width: calc(100% - 28px) !important;
    min-height: 46px !important;
    margin: 0 14px !important;
    padding: 11px 12px !important;
    border-radius: 12px !important;
    background: #ff9800 !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    text-decoration: none !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.single-product section.related.products li.product .button:hover,
.single-product section.related.products li.product a.button:hover {
    background: #f57c00 !important;
    color: #ffffff !important;
}

/* Tablet */
@media (max-width: 1024px) {
    .single-product section.related.products ul.products,
    .single-product section.related.products .products {
        grid-template-columns: repeat(3, minmax(200px, 1fr)) !important;
    }
}

/* Mobile */
@media (max-width: 768px) {
    .single-product section.related.products {
        width: calc(100% - 24px) !important;
        padding: 18px !important;
        border-radius: 20px !important;
    }

    .single-product section.related.products > h2 {
        font-size: 23px !important;
    }

    .single-product section.related.products ul.products,
    .single-product section.related.products .products {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 14px !important;
    }

    .single-product section.related.products li.product a img {
        height: 145px !important;
        padding: 12px !important;
    }

    .single-product section.related.products li.product .woocommerce-loop-product__title,
    .single-product section.related.products li.product h2 {
        font-size: 13px !important;
        min-height: 40px !important;
        max-height: 40px !important;
        padding: 10px 10px 0 !important;
    }

    .single-product section.related.products li.product .price {
        font-size: 15px !important;
        padding: 0 10px !important;
        margin-bottom: 12px !important;
    }

    .single-product section.related.products li.product .button,
    .single-product section.related.products li.product a.button {
        width: calc(100% - 20px) !important;
        margin: 0 10px !important;
        min-height: 42px !important;
        font-size: 13px !important;
        padding: 9px 8px !important;
    }
}

/* Very small phones */
@media (max-width: 420px) {
    .single-product section.related.products ul.products,
    .single-product section.related.products .products {
        grid-template-columns: 1fr !important;
    }

    .single-product section.related.products li.product a img {
        height: 210px !important;
    }
}

/* =========================================================
   RELATED PRODUCTS - 2 PRODUCTS PER ROW
   ========================================================= */

.single-product section.related.products ul.products,
.single-product section.related.products .products {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 22px !important;
}

/* Make cards wider and balanced */
.single-product section.related.products li.product {
    width: 100% !important;
    max-width: 100% !important;
}

/* Better image height for 2-column layout */
.single-product section.related.products li.product a img {
    height: 240px !important;
    object-fit: contain !important;
    padding: 18px !important;
}

/* Better product title */
.single-product section.related.products li.product .woocommerce-loop-product__title,
.single-product section.related.products li.product h2 {
    font-size: 15px !important;
    line-height: 1.45 !important;
    min-height: 44px !important;
    max-height: 44px !important;
}

/* Button full width and clean */
.single-product section.related.products li.product .button,
.single-product section.related.products li.product a.button {
    width: calc(100% - 28px) !important;
    margin: 0 14px !important;
    white-space: nowrap !important;
}

/* Mobile: keep 2 per row */
@media (max-width: 768px) {
    .single-product section.related.products ul.products,
    .single-product section.related.products .products {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 14px !important;
    }

    .single-product section.related.products li.product a img {
        height: 160px !important;
        padding: 12px !important;
    }

    .single-product section.related.products li.product .button,
    .single-product section.related.products li.product a.button {
        width: calc(100% - 20px) !important;
        margin: 0 10px !important;
        font-size: 13px !important;
    }
}

/* Very small phones: 1 per row */
@media (max-width: 420px) {
    .single-product section.related.products ul.products,
    .single-product section.related.products .products {
        grid-template-columns: 1fr !important;
    }

    .single-product section.related.products li.product a img {
        height: 210px !important;
    }
}

/* =========================================================
   PRODUCT CATEGORY PAGE HEADER + BREADCRUMB + PAGINATION
   ========================================================= */

/* Category page background */
.archive.tax-product_cat .site-content,
.archive.tax-product_cat #content {
    background: #f7f7f7 !important;
}

/* Main container width */
.archive.tax-product_cat .ast-container,
.archive.tax-product_cat .site-main {
    max-width: 1280px !important;
    margin: 0 auto !important;
}

/* Category top area */
.archive.tax-product_cat .woocommerce-products-header {
    background: linear-gradient(135deg, #fff8ee 0%, #ffffff 100%) !important;
    border: 1px solid #eeeeee !important;
    border-radius: 24px !important;
    padding: 38px 34px !important;
    margin: 35px auto 28px !important;
    box-shadow: 0 12px 34px rgba(0, 0, 0, 0.055) !important;
}

/* Breadcrumbs */
.archive.tax-product_cat .woocommerce-breadcrumb {
    font-size: 14px !important;
    color: #777777 !important;
    margin: 0 0 14px !important;
    line-height: 1.6 !important;
}

.archive.tax-product_cat .woocommerce-breadcrumb a {
    color: #666666 !important;
    text-decoration: none !important;
    font-weight: 600 !important;
}

.archive.tax-product_cat .woocommerce-breadcrumb a:hover {
    color: #ff9800 !important;
}

/* Category title */
.archive.tax-product_cat .woocommerce-products-header__title,
.archive.tax-product_cat h1.page-title {
    font-size: 44px !important;
    line-height: 1.15 !important;
    font-weight: 900 !important;
    color: #222222 !important;
    margin: 0 !important;
    letter-spacing: -1px !important;
}

/* Optional underline under category title */
.archive.tax-product_cat .woocommerce-products-header__title::after,
.archive.tax-product_cat h1.page-title::after {
    content: "";
    display: block;
    width: 82px;
    height: 4px;
    background: #ff9800;
    border-radius: 999px;
    margin-top: 16px;
}

/* Result count + sorting row */
.archive.tax-product_cat .woocommerce-notices-wrapper + .woocommerce-result-count,
.archive.tax-product_cat .woocommerce-result-count {
    font-size: 15px !important;
    color: #555555 !important;
    font-weight: 600 !important;
    margin: 0 0 24px !important;
}

/* Sorting dropdown */
.archive.tax-product_cat .woocommerce-ordering {
    margin: 0 0 24px !important;
}

.archive.tax-product_cat .woocommerce-ordering select {
    height: 46px !important;
    min-width: 210px !important;
    border: 1px solid #dddddd !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    color: #333333 !important;
    padding: 0 14px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    outline: none !important;
}

.archive.tax-product_cat .woocommerce-ordering select:focus {
    border-color: #ff9800 !important;
}

/* Make result count + sorting align nicely */
.archive.tax-product_cat .woocommerce-result-count {
    float: left !important;
}

.archive.tax-product_cat .woocommerce-ordering {
    float: right !important;
}

/* Product grid spacing on category page */
.archive.tax-product_cat ul.products {
    clear: both !important;
    margin-top: 24px !important;
}

/* Pagination wrapper */
.archive.tax-product_cat .woocommerce-pagination {
    margin: 45px 0 70px !important;
    text-align: center !important;
}

/* Pagination list */
.archive.tax-product_cat .woocommerce-pagination ul {
    border: none !important;
    display: inline-flex !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Pagination item */
.archive.tax-product_cat .woocommerce-pagination ul li {
    border: none !important;
    margin: 0 !important;
}

/* Pagination links */
.archive.tax-product_cat .woocommerce-pagination ul li a,
.archive.tax-product_cat .woocommerce-pagination ul li span {
    min-width: 44px !important;
    height: 44px !important;
    padding: 0 14px !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    border: 1px solid #e5e5e5 !important;
    color: #333333 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.045) !important;
}

/* Current page + hover */
.archive.tax-product_cat .woocommerce-pagination ul li span.current,
.archive.tax-product_cat .woocommerce-pagination ul li a:hover {
    background: #ff9800 !important;
    color: #ffffff !important;
    border-color: #ff9800 !important;
}

/* Mobile category page */
@media (max-width: 768px) {
    .archive.tax-product_cat .woocommerce-products-header {
        margin: 22px 4% 22px !important;
        padding: 26px 20px !important;
        border-radius: 20px !important;
    }

    .archive.tax-product_cat .woocommerce-breadcrumb {
        font-size: 13px !important;
        white-space: nowrap !important;
        overflow-x: auto !important;
        scrollbar-width: none !important;
        margin-bottom: 12px !important;
    }

    .archive.tax-product_cat .woocommerce-breadcrumb::-webkit-scrollbar {
        display: none !important;
    }

    .archive.tax-product_cat .woocommerce-products-header__title,
    .archive.tax-product_cat h1.page-title {
        font-size: 32px !important;
        line-height: 1.2 !important;
        letter-spacing: -0.5px !important;
    }

    .archive.tax-product_cat .woocommerce-result-count,
    .archive.tax-product_cat .woocommerce-ordering {
        float: none !important;
        width: calc(100% - 8%) !important;
        margin-left: 4% !important;
        margin-right: 4% !important;
    }

    .archive.tax-product_cat .woocommerce-result-count {
        margin-bottom: 12px !important;
        font-size: 14px !important;
    }

    .archive.tax-product_cat .woocommerce-ordering select {
        width: 100% !important;
    }

    .archive.tax-product_cat .woocommerce-pagination {
        margin: 35px 0 55px !important;
    }

    .archive.tax-product_cat .woocommerce-pagination ul li a,
    .archive.tax-product_cat .woocommerce-pagination ul li span {
        min-width: 40px !important;
        height: 40px !important;
        font-size: 14px !important;
    }
}


/* =========================================================
   PAKBUYERS ABOUT PAGE TEMPLATE
   ========================================================= */

.pb-about-page {
    background: #f7f7f7;
}

.pb-about-container {
    width: min(1180px, calc(100% - 48px));
    margin: 0 auto;
}

/* Hero */
.pb-about-hero {
    padding: 75px 0 65px;
    background: linear-gradient(135deg, #fff8ee 0%, #ffffff 100%);
    border-bottom: 1px solid #eeeeee;
}

.pb-about-hero .pb-about-container {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap: 45px;
    align-items: center;
}

.pb-about-label,
.pb-about-small-title {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    background: #fff3e0;
    color: #ff9800;
    border: 1px solid #ffe0b2;
    padding: 8px 16px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.08em;
    margin-bottom: 16px;
}

.pb-about-hero-content h1 {
    font-size: 52px;
    line-height: 1.08;
    font-weight: 900;
    color: #222;
    margin: 0 0 20px;
    letter-spacing: -1.2px;
}

.pb-about-hero-content p {
    font-size: 18px;
    line-height: 1.8;
    color: #555;
    max-width: 650px;
    margin: 0 0 28px;
}

.pb-about-hero-content strong {
    color: #ff9800;
}

.pb-about-actions {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
}

.pb-about-btn,
.pb-about-btn-secondary {
    min-height: 50px;
    padding: 0 26px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
    font-size: 15px;
    font-weight: 900;
    transition: all 0.25s ease;
}

.pb-about-btn {
    background: #ff9800;
    color: #ffffff !important;
    box-shadow: 0 12px 28px rgba(255, 152, 0, 0.3);
}

.pb-about-btn:hover {
    background: #f57c00;
    color: #ffffff !important;
    transform: translateY(-2px);
}

.pb-about-btn-secondary {
    background: #ffffff;
    color: #222 !important;
    border: 1px solid #eeeeee;
}

.pb-about-btn-secondary:hover {
    color: #ff9800 !important;
    border-color: #ff9800;
}

/* Hero Card */
.pb-about-hero-card {
    background: #ffffff;
    border: 1px solid #eeeeee;
    border-radius: 26px;
    padding: 28px;
    box-shadow: 0 16px 45px rgba(0, 0, 0, 0.07);
    display: grid;
    gap: 16px;
}

.pb-about-stat {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: #fafafa;
    border: 1px solid #eeeeee;
    border-radius: 18px;
    padding: 18px;
}

.pb-about-stat span {
    width: 46px;
    height: 46px;
    min-width: 46px;
    border-radius: 50%;
    background: #fff3e0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
}

.pb-about-stat strong {
    display: block;
    font-size: 17px;
    color: #222;
    font-weight: 900;
    margin-bottom: 4px;
}

.pb-about-stat p {
    margin: 0;
    color: #666;
    font-size: 14px;
    line-height: 1.6;
}

/* Sections */
.pb-about-section {
    padding: 70px 0;
}

.pb-about-light {
    background: #ffffff;
}

.pb-about-two-col {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap: 45px;
    align-items: start;
}

.pb-about-text h2,
.pb-about-heading h2 {
    font-size: 36px;
    line-height: 1.2;
    font-weight: 900;
    color: #222;
    margin: 0 0 18px;
    letter-spacing: -0.8px;
}

.pb-about-text p,
.pb-about-heading p {
    font-size: 16px;
    line-height: 1.8;
    color: #555;
    margin: 0 0 18px;
}

.pb-about-highlight-box {
    background: #ffffff;
    border: 1px solid #eeeeee;
    border-radius: 24px;
    padding: 30px;
    box-shadow: 0 14px 40px rgba(0, 0, 0, 0.06);
}

.pb-about-highlight-box h3 {
    font-size: 24px;
    font-weight: 900;
    color: #222;
    margin: 0 0 18px;
}

.pb-about-highlight-box ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.pb-about-highlight-box li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 13px;
    color: #444;
    font-size: 15px;
    line-height: 1.6;
}

.pb-about-highlight-box li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 0;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #fff3e0;
    color: #ff9800;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 900;
}

/* Heading */
.pb-about-heading {
    max-width: 760px;
    text-align: center;
    margin: 0 auto 42px;
}

.pb-about-heading .pb-about-small-title {
    margin-left: auto;
    margin-right: auto;
}

/* Cards */
.pb-about-card-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.pb-about-card {
    background: #ffffff;
    border: 1px solid #eeeeee;
    border-radius: 24px;
    padding: 32px 26px;
    text-align: center;
    box-shadow: 0 12px 34px rgba(0, 0, 0, 0.055);
    transition: all 0.25s ease;
}

.pb-about-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.09);
}

.pb-about-icon {
    width: 68px;
    height: 68px;
    margin: 0 auto 18px;
    border-radius: 50%;
    background: #fff3e0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
}

.pb-about-card h3 {
    font-size: 20px;
    font-weight: 900;
    color: #222;
    margin: 0 0 10px;
}

.pb-about-card p {
    color: #666;
    font-size: 15px;
    line-height: 1.7;
    margin: 0;
}

/* Features */
.pb-about-feature-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}

.pb-about-feature {
    display: flex;
    gap: 18px;
    align-items: flex-start;
    background: #ffffff;
    border: 1px solid #eeeeee;
    border-radius: 22px;
    padding: 26px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}

.pb-about-feature > span {
    width: 58px;
    height: 58px;
    min-width: 58px;
    border-radius: 50%;
    background: #fff3e0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
}

.pb-about-feature h3 {
    font-size: 19px;
    font-weight: 900;
    color: #222;
    margin: 0 0 8px;
}

.pb-about-feature p {
    color: #666;
    font-size: 15px;
    line-height: 1.7;
    margin: 0;
}

/* CTA */
.pb-about-cta {
    padding: 70px 0;
    background: linear-gradient(135deg, #ff9800, #f57c00);
    text-align: center;
    color: #ffffff;
}

.pb-about-cta h2 {
    font-size: 38px;
    line-height: 1.2;
    font-weight: 900;
    margin: 0 0 12px;
    color: #ffffff;
}

.pb-about-cta p {
    font-size: 17px;
    line-height: 1.7;
    max-width: 650px;
    margin: 0 auto 26px;
    color: rgba(255, 255, 255, 0.92);
}

.pb-about-cta .pb-about-btn {
    background: #ffffff;
    color: #ff9800 !important;
    box-shadow: none;
}

.pb-about-cta .pb-about-btn:hover {
    background: #222;
    color: #ffffff !important;
}

/* Responsive */
@media (max-width: 900px) {
    .pb-about-hero .pb-about-container,
    .pb-about-two-col {
        grid-template-columns: 1fr;
    }

    .pb-about-hero-content h1 {
        font-size: 42px;
    }

    .pb-about-card-grid {
        grid-template-columns: 1fr;
    }

    .pb-about-feature-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 600px) {
    .pb-about-container {
        width: calc(100% - 24px);
    }

    .pb-about-hero {
        padding: 45px 0 45px;
    }

    .pb-about-hero-content h1 {
        font-size: 32px;
        letter-spacing: -0.5px;
    }

    .pb-about-hero-content p {
        font-size: 15px;
    }

    .pb-about-actions {
        flex-direction: column;
    }

    .pb-about-btn,
    .pb-about-btn-secondary {
        width: 100%;
    }

    .pb-about-section {
        padding: 48px 0;
    }

    .pb-about-text h2,
    .pb-about-heading h2 {
        font-size: 28px;
    }

    .pb-about-highlight-box,
    .pb-about-card,
    .pb-about-feature {
        padding: 22px;
        border-radius: 20px;
    }

    .pb-about-feature {
        flex-direction: column;
    }

    .pb-about-cta {
        padding: 50px 0;
    }

    .pb-about-cta h2 {
        font-size: 28px;
    }
}


/* =========================================================
   PAKBUYERS CONTACT PAGE TEMPLATE
   ========================================================= */

.pb-contact-page {
    background: #f7f7f7;
}

.pb-contact-container {
    width: min(1180px, calc(100% - 48px));
    margin: 0 auto;
}

/* Hero */
.pb-contact-hero {
    padding: 75px 0 65px;
    background: linear-gradient(135deg, #fff8ee 0%, #ffffff 100%);
    border-bottom: 1px solid #eeeeee;
}

.pb-contact-hero .pb-contact-container {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap: 45px;
    align-items: center;
}

.pb-contact-label,
.pb-contact-small-title {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    background: #fff3e0;
    color: #ff9800;
    border: 1px solid #ffe0b2;
    padding: 8px 16px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.08em;
    margin-bottom: 16px;
}

.pb-contact-hero-content h1 {
    font-size: 52px;
    line-height: 1.08;
    font-weight: 900;
    color: #222;
    margin: 0 0 20px;
    letter-spacing: -1.2px;
}

.pb-contact-hero-content p {
    font-size: 18px;
    line-height: 1.8;
    color: #555;
    max-width: 650px;
    margin: 0 0 28px;
}

.pb-contact-actions {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
}

.pb-contact-btn,
.pb-contact-btn-secondary {
    min-height: 50px;
    padding: 0 26px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
    font-size: 15px;
    font-weight: 900;
    transition: all 0.25s ease;
}

.pb-contact-btn {
    background: #25d366;
    color: #ffffff !important;
    box-shadow: 0 12px 28px rgba(37, 211, 102, 0.3);
}

.pb-contact-btn:hover {
    background: #1ebe5d;
    color: #ffffff !important;
    transform: translateY(-2px);
}

.pb-contact-btn-secondary {
    background: #ffffff;
    color: #222 !important;
    border: 1px solid #eeeeee;
}

.pb-contact-btn-secondary:hover {
    color: #ff9800 !important;
    border-color: #ff9800;
}

/* Hero Card */
.pb-contact-hero-card {
    background: #ffffff;
    border: 1px solid #eeeeee;
    border-radius: 26px;
    padding: 32px;
    box-shadow: 0 16px 45px rgba(0, 0, 0, 0.07);
}

.pb-contact-hero-card h3 {
    font-size: 26px;
    font-weight: 900;
    color: #222;
    margin: 0 0 12px;
}

.pb-contact-hero-card p {
    color: #666;
    font-size: 15px;
    line-height: 1.8;
    margin: 0 0 22px;
}

.pb-contact-whatsapp-large {
    display: flex;
    align-items: center;
    gap: 14px;
    background: #25d366;
    color: #ffffff !important;
    text-decoration: none !important;
    border-radius: 18px;
    padding: 18px;
    transition: all 0.25s ease;
}

.pb-contact-whatsapp-large:hover {
    background: #1ebe5d;
    color: #ffffff !important;
    transform: translateY(-2px);
}

.pb-contact-whatsapp-large > span {
    width: 50px;
    height: 50px;
    min-width: 50px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.22);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
}

.pb-contact-whatsapp-large strong {
    display: block;
    font-size: 17px;
    font-weight: 900;
    margin-bottom: 3px;
}

.pb-contact-whatsapp-large small {
    display: block;
    font-size: 13px;
    opacity: 0.9;
}

/* Sections */
.pb-contact-section {
    padding: 70px 0;
}

.pb-contact-light {
    background: #ffffff;
}

.pb-contact-heading {
    max-width: 760px;
    text-align: center;
    margin: 0 auto 42px;
}

.pb-contact-heading .pb-contact-small-title {
    margin-left: auto;
    margin-right: auto;
}

.pb-contact-heading h2,
.pb-contact-form-box h2,
.pb-contact-info-box h2 {
    font-size: 36px;
    line-height: 1.2;
    font-weight: 900;
    color: #222;
    margin: 0 0 14px;
    letter-spacing: -0.8px;
}

.pb-contact-heading p,
.pb-contact-form-box p {
    font-size: 16px;
    line-height: 1.8;
    color: #555;
    margin: 0;
}

/* Contact Cards */
.pb-contact-card-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.pb-contact-card {
    background: #ffffff;
    border: 1px solid #eeeeee;
    border-radius: 24px;
    padding: 30px 24px;
    text-align: center;
    box-shadow: 0 12px 34px rgba(0, 0, 0, 0.055);
    transition: all 0.25s ease;
}

.pb-contact-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.09);
}

.pb-contact-icon {
    width: 68px;
    height: 68px;
    margin: 0 auto 18px;
    border-radius: 50%;
    background: #fff3e0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
}

.pb-contact-card h3 {
    font-size: 20px;
    font-weight: 900;
    color: #222;
    margin: 0 0 10px;
}

.pb-contact-card p {
    color: #666;
    font-size: 15px;
    line-height: 1.7;
    margin: 0 0 14px;
}

.pb-contact-card a {
    color: #ff9800;
    text-decoration: none;
    font-weight: 900;
}

.pb-contact-card a:hover {
    text-decoration: underline;
}

/* Two column contact */
.pb-contact-two-col {
    display: grid;
    grid-template-columns: 1fr 0.9fr;
    gap: 35px;
    align-items: start;
}

.pb-contact-form-box,
.pb-contact-info-box {
    background: #ffffff;
    border: 1px solid #eeeeee;
    border-radius: 26px;
    padding: 34px;
    box-shadow: 0 14px 40px rgba(0, 0, 0, 0.06);
}

.pb-contact-form-box p {
    margin-bottom: 24px;
}

/* Form */
.pb-simple-contact-form {
    display: grid;
    gap: 16px;
}

.pb-form-row {
    display: grid;
    gap: 7px;
}

.pb-form-row label {
    font-size: 14px;
    font-weight: 800;
    color: #333;
}

.pb-form-row input,
.pb-form-row textarea {
    width: 100%;
    border: 1px solid #dddddd;
    background: #fafafa;
    border-radius: 14px;
    padding: 14px 16px;
    font-size: 15px;
    color: #333;
    outline: none;
}

.pb-form-row input:focus,
.pb-form-row textarea:focus {
    border-color: #ff9800;
    background: #ffffff;
}

.pb-form-row textarea {
    resize: vertical;
}

.pb-form-whatsapp-submit {
    min-height: 52px;
    border-radius: 14px;
    background: #25d366;
    color: #ffffff !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
    font-size: 15px;
    font-weight: 900;
    margin-top: 6px;
}

.pb-form-whatsapp-submit:hover {
    background: #1ebe5d;
    color: #ffffff !important;
}

/* Help list */
.pb-contact-help-list {
    display: grid;
    gap: 16px;
    margin-top: 22px;
}

.pb-contact-help-item {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    background: #fafafa;
    border: 1px solid #eeeeee;
    border-radius: 18px;
    padding: 18px;
}

.pb-contact-help-item > span {
    width: 46px;
    height: 46px;
    min-width: 46px;
    border-radius: 50%;
    background: #fff3e0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
}

.pb-contact-help-item h3 {
    font-size: 17px;
    font-weight: 900;
    color: #222;
    margin: 0 0 6px;
}

.pb-contact-help-item p {
    color: #666;
    font-size: 14px;
    line-height: 1.6;
    margin: 0;
}

/* FAQ */
.pb-contact-faq-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}

.pb-contact-faq {
    background: #ffffff;
    border: 1px solid #eeeeee;
    border-radius: 22px;
    padding: 26px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}

.pb-contact-faq h3 {
    font-size: 18px;
    font-weight: 900;
    color: #222;
    margin: 0 0 10px;
}

.pb-contact-faq p {
    color: #666;
    font-size: 15px;
    line-height: 1.7;
    margin: 0;
}

/* Responsive */
@media (max-width: 900px) {
    .pb-contact-hero .pb-contact-container,
    .pb-contact-two-col {
        grid-template-columns: 1fr;
    }

    .pb-contact-hero-content h1 {
        font-size: 42px;
    }

    .pb-contact-card-grid {
        grid-template-columns: 1fr;
    }

    .pb-contact-faq-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 600px) {
    .pb-contact-container {
        width: calc(100% - 24px);
    }

    .pb-contact-hero {
        padding: 45px 0;
    }

    .pb-contact-hero-content h1 {
        font-size: 32px;
        letter-spacing: -0.5px;
    }

    .pb-contact-hero-content p {
        font-size: 15px;
    }

    .pb-contact-actions {
        flex-direction: column;
    }

    .pb-contact-btn,
    .pb-contact-btn-secondary {
        width: 100%;
    }

    .pb-contact-section {
        padding: 48px 0;
    }

    .pb-contact-heading h2,
    .pb-contact-form-box h2,
    .pb-contact-info-box h2 {
        font-size: 28px;
    }

    .pb-contact-form-box,
    .pb-contact-info-box,
    .pb-contact-card,
    .pb-contact-faq {
        padding: 22px;
        border-radius: 20px;
    }

    .pb-contact-help-item {
        flex-direction: column;
    }
}

/* =========================================================
   PREMIUM WHY CHOOSE PAKBUYERS SECTION
   ========================================================= */

.pb-why-choose-section {
    position: relative !important;
    padding: 85px 5% !important;
    background:
        radial-gradient(circle at top left, rgba(255, 152, 0, 0.18), transparent 34%),
        radial-gradient(circle at bottom right, rgba(255, 193, 7, 0.18), transparent 30%),
        linear-gradient(180deg, #ffffff 0%, #fff8ee 100%) !important;
    overflow: hidden !important;
}

.pb-why-choose-section::before {
    content: "";
    position: absolute;
    top: 35px;
    right: 7%;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: rgba(255, 152, 0, 0.08);
    z-index: 0;
}

.pb-why-choose-section::after {
    content: "";
    position: absolute;
    left: 5%;
    bottom: 40px;
    width: 90px;
    height: 90px;
    border-radius: 24px;
    background: rgba(255, 152, 0, 0.07);
    transform: rotate(18deg);
    z-index: 0;
}

.pb-why-choose-container {
    position: relative !important;
    z-index: 2 !important;
    max-width: 1180px !important;
    margin: 0 auto !important;
}

/* Section heading */
.pb-section-heading {
    text-align: center !important;
    max-width: 760px !important;
    margin: 0 auto 48px !important;
}

.pb-small-label {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #fff3e0 !important;
    color: #ff9800 !important;
    border: 1px solid #ffe0b2 !important;
    padding: 8px 17px !important;
    border-radius: 999px !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    letter-spacing: 0.09em !important;
    text-transform: uppercase !important;
    margin-bottom: 16px !important;
}

.pb-section-heading h2 {
    font-size: 38px !important;
    line-height: 1.18 !important;
    font-weight: 900 !important;
    color: #222222 !important;
    margin: 0 0 14px !important;
    letter-spacing: -0.8px !important;
}

.pb-section-heading h2::after {
    content: "";
    display: block;
    width: 82px;
    height: 4px;
    background: #ff9800;
    border-radius: 999px;
    margin: 16px auto 0;
}

.pb-section-heading p {
    font-size: 16px !important;
    line-height: 1.8 !important;
    color: #666666 !important;
    margin: 0 auto !important;
    max-width: 680px !important;
}

/* Grid */
.pb-why-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 22px !important;
}

/* Card */
.pb-why-card {
    position: relative !important;
    background: rgba(255, 255, 255, 0.92) !important;
    border: 1px solid #eeeeee !important;
    border-radius: 24px !important;
    padding: 34px 24px 30px !important;
    text-align: left !important;
    box-shadow: 0 14px 38px rgba(0, 0, 0, 0.065) !important;
    transition: all 0.25s ease !important;
    overflow: hidden !important;
}

.pb-why-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 5px;
    background: linear-gradient(90deg, #ff9800, #ffc107);
}

.pb-why-card::after {
    position: absolute;
    top: 18px;
    right: 20px;
    font-size: 42px;
    font-weight: 900;
    color: rgba(255, 152, 0, 0.10);
    line-height: 1;
}

.pb-why-card:nth-child(1)::after {
    content: "01";
}

.pb-why-card:nth-child(2)::after {
    content: "02";
}

.pb-why-card:nth-child(3)::after {
    content: "03";
}

.pb-why-card:nth-child(4)::after {
    content: "04";
}

.pb-why-card:hover {
    transform: translateY(-7px) !important;
    border-color: rgba(255, 152, 0, 0.45) !important;
    box-shadow: 0 20px 48px rgba(0, 0, 0, 0.10) !important;
}

/* Icon */
.pb-why-icon {
    width: 68px !important;
    height: 68px !important;
    border-radius: 20px !important;
    background: linear-gradient(135deg, #fff3e0, #ffffff) !important;
    border: 1px solid #ffe0b2 !important;
    color: #ff9800 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 31px !important;
    margin: 0 0 22px !important;
    box-shadow: 0 10px 24px rgba(255, 152, 0, 0.16) !important;
}

/* Text */
.pb-why-card h3 {
    font-size: 19px !important;
    line-height: 1.25 !important;
    font-weight: 900 !important;
    color: #222222 !important;
    margin: 0 0 10px !important;
    letter-spacing: -0.2px !important;
}

.pb-why-card p {
    font-size: 14.5px !important;
    line-height: 1.75 !important;
    color: #666666 !important;
    margin: 0 !important;
}

/* Tablet */
@media (max-width: 1024px) {
    .pb-why-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .pb-why-choose-section {
        padding: 70px 5% !important;
    }
}

/* Mobile */
@media (max-width: 600px) {
    .pb-why-choose-section {
        padding: 52px 4% !important;
    }

    .pb-section-heading {
        margin-bottom: 30px !important;
    }

    .pb-section-heading h2 {
        font-size: 28px !important;
        letter-spacing: -0.4px !important;
    }

    .pb-section-heading p {
        font-size: 15px !important;
    }

    .pb-why-grid {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }

    .pb-why-card {
        padding: 28px 20px 24px !important;
        border-radius: 20px !important;
    }

    .pb-why-icon {
        width: 60px !important;
        height: 60px !important;
        border-radius: 18px !important;
        font-size: 27px !important;
        margin-bottom: 18px !important;
    }

    .pb-why-card h3 {
        font-size: 18px !important;
    }

    .pb-why-card p {
        font-size: 14px !important;
    }
}


























/* =========================================================
   FOOTER CONTACT ADDRESS FIX
   ========================================================= */

.footer-contact-col .contact-item {
    align-items: flex-start !important;
    margin-bottom: 16px !important;
}

.footer-contact-col .contact-icon {
    width: 24px !important;
    min-width: 24px !important;
    font-size: 17px !important;
    line-height: 1.4 !important;
}

.footer-contact-col .contact-label {
    display: block !important;
    color: #ff9800 !important;
    font-weight: 800 !important;
    margin-bottom: 4px !important;
}

.footer-contact-col .contact-item span,
.footer-contact-col .contact-item a {
    color: #bbbbbb !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
}

.footer-contact-col .contact-item a:hover {
    color: #ff9800 !important;
}

/* Make footer contact readable on mobile */
@media (max-width: 768px) {
    .footer-contact-col .contact-item {
        gap: 10px !important;
    }

    .footer-contact-col .contact-item span,
    .footer-contact-col .contact-item a {
        font-size: 13.5px !important;
    }
}



/* ===== Main Hero H1 Heading ===== */
.pb-hero-section {
    position: relative;
    width: 100%;
    background: #ffffff;
}

.pb-main-hero-heading {
    max-width: 1180px;
    margin: 0 auto;
    padding: 24px 16px 16px;
    text-align: center;
    position: relative;
    z-index: 5;
}

.pb-main-hero-heading h1 {
    margin: 0;
    font-size: 34px;
    line-height: 1.25;
    font-weight: 900;
    color: #111827;
    letter-spacing: -0.6px;
}

/* Optional small underline for premium look */
.pb-main-hero-heading h1::after {
    content: "";
    display: block;
    width: 90px;
    height: 4px;
    margin: 12px auto 0;
    background: linear-gradient(90deg, #ff7a00, #ffb000);
    border-radius: 50px;
}

/* Tablet */
@media (max-width: 1024px) {
    .pb-main-hero-heading h1 {
        font-size: 29px;
    }
}

/* Mobile */
@media (max-width: 768px) {
    .pb-main-hero-heading {
        padding: 18px 14px 12px;
    }

    .pb-main-hero-heading h1 {
        font-size: 23px;
        line-height: 1.3;
        letter-spacing: -0.3px;
    }

    .pb-main-hero-heading h1::after {
        width: 70px;
        height: 3px;
        margin-top: 10px;
    }
}

/* Small Mobile */
@media (max-width: 480px) {
    .pb-main-hero-heading h1 {
        font-size: 20px;
    }
}





/* ===== Homepage Main H1 / Hero Heading ===== */
.pb-hero-section {
    position: relative;
    width: 100%;
    background: #ffffff;
    overflow: hidden;
}

.pb-main-hero-heading {
    max-width: 1200px;
    margin: 0 auto;
    padding: 18px 16px 14px;
    text-align: center;
    position: relative;
    z-index: 5;
}

.pb-main-hero-heading h1 {
    margin: 0 auto;
    max-width: 980px;
    font-size: clamp(24px, 3vw, 42px);
    line-height: 1.18;
    font-weight: 900;
    color: #111827;
    letter-spacing: -0.8px;
}

/* Orange theme underline */
.pb-main-hero-heading h1::after {
    content: "";
    display: block;
    width: 110px;
    height: 5px;
    margin: 14px auto 0;
    background: linear-gradient(90deg, #ff7a00, #ffb000);
    border-radius: 999px;
}

/* Tablet */
@media (max-width: 1024px) {
    .pb-main-hero-heading {
        padding: 16px 18px 12px;
    }

    .pb-main-hero-heading h1 {
        max-width: 820px;
        letter-spacing: -0.5px;
    }
}

/* Mobile */
@media (max-width: 768px) {
    .pb-main-hero-heading {
        padding: 14px 14px 10px;
    }

    .pb-main-hero-heading h1 {
        max-width: 95%;
        font-size: 23px;
        line-height: 1.25;
        letter-spacing: -0.3px;
    }

    .pb-main-hero-heading h1::after {
        width: 78px;
        height: 4px;
        margin-top: 10px;
    }
}

/* Small Mobile */
@media (max-width: 480px) {
    .pb-main-hero-heading {
        padding: 12px 12px 9px;
    }

    .pb-main-hero-heading h1 {
        font-size: 20px;
        line-height: 1.3;
    }

    .pb-main-hero-heading h1::after {
        width: 65px;
        height: 3px;
        margin-top: 8px;
    }
}


/* ===== Homepage H1 Heading Only ===== */
.pb-hero-section {
    position: relative;
    width: 100%;
    background: linear-gradient(180deg, #fff7ef 0%, #ffffff 75%);
    overflow: hidden;
}

.pb-main-hero-heading {
    position: relative;
    max-width: 1180px;
    margin: 0 auto;
    padding: 24px 16px 18px;
    text-align: center;
    z-index: 5;
}

.pb-main-hero-heading h1 {
    position: relative;
    display: inline-block;
    max-width: 1050px;
    margin: 0 auto;
    padding: 12px 24px;
    font-size: clamp(24px, 3.2vw, 46px);
    line-height: 1.15;
    font-weight: 900;
    color: #111827;
    letter-spacing: -1px;
    border-radius: 18px;
    background: linear-gradient(180deg, #ffffff 0%, #fffaf5 100%);
    box-shadow:
        0 14px 35px rgba(17, 24, 39, 0.08),
        inset 0 0 0 1px rgba(255, 122, 0, 0.12);
}

/* Soft orange premium glow behind heading */
.pb-main-hero-heading h1::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -8px;
    width: 55%;
    height: 14px;
    transform: translateX(-50%);
    background: rgba(255, 122, 0, 0.22);
    filter: blur(12px);
    border-radius: 999px;
    z-index: -1;
}

/* Small orange accent corner */
.pb-main-hero-heading h1::after {
    content: "";
    position: absolute;
    right: 18px;
    bottom: 8px;
    width: 46px;
    height: 5px;
    background: linear-gradient(90deg, #ff7a00, #ffb000);
    border-radius: 999px;
}

/* Tablet */
@media (max-width: 1024px) {
    .pb-main-hero-heading {
        padding: 20px 16px 15px;
    }

    .pb-main-hero-heading h1 {
        max-width: 900px;
        padding: 11px 20px;
        letter-spacing: -0.6px;
    }
}

/* Mobile */
@media (max-width: 768px) {
    .pb-main-hero-heading {
        padding: 16px 12px 12px;
    }

    .pb-main-hero-heading h1 {
        max-width: 96%;
        padding: 10px 14px;
        font-size: 23px;
        line-height: 1.25;
        letter-spacing: -0.3px;
        border-radius: 14px;
    }

    .pb-main-hero-heading h1::after {
        right: 14px;
        bottom: 6px;
        width: 34px;
        height: 4px;
    }
}

/* Small Mobile */
@media (max-width: 480px) {
    .pb-main-hero-heading {
        padding: 14px 10px 10px;
    }

    .pb-main-hero-heading h1 {
        font-size: 20px;
        line-height: 1.3;
        padding: 9px 12px;
    }

    .pb-main-hero-heading h1::after {
        width: 28px;
        height: 3px;
    }
}


/* ===== PakBuyer Promo Moving Line ===== */
.promo-bar {
    width: 100% !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    display: flex !important;
    align-items: center !important;
    position: relative !important;
    background: linear-gradient(90deg, #ff7a00 0%, #ff9800 45%, #ffb000 100%) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.25) !important;
    border-bottom: 2px solid #f57c00 !important;
    box-shadow: 0 4px 14px rgba(255, 122, 0, 0.22) !important;
    box-sizing: border-box !important;
    z-index: 20 !important;
}

.promo-bar::before,
.promo-bar::after {
    content: "";
    position: absolute;
    top: 0;
    width: 55px;
    height: 100%;
    z-index: 2;
    pointer-events: none;
}

.promo-bar::before {
    left: 0;
    background: linear-gradient(90deg, #ff7a00 0%, rgba(255, 122, 0, 0) 100%);
}

.promo-bar::after {
    right: 0;
    background: linear-gradient(270deg, #ffb000 0%, rgba(255, 176, 0, 0) 100%);
}

.promo-track {
    display: inline-flex !important;
    align-items: center !important;
    gap: 18px !important;
    width: max-content !important;
    min-width: max-content !important;
    white-space: nowrap !important;
    animation: pb-marquee 34s linear infinite !important;
    will-change: transform !important;
}

.promo-bar:hover .promo-track {
    animation-play-state: paused !important;
}

.promo-item {
    display: inline-flex !important;
    align-items: center !important;
    font-size: 13.5px !important;
    line-height: 38px !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    white-space: nowrap !important;
    letter-spacing: 0.1px !important;
    text-shadow: none !important;
}

.promo-item strong {
    color: #ffffff !important;
    font-weight: 900 !important;
    padding: 2px 8px !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.18) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.24) !important;
    text-decoration: none !important;
}

.promo-sep {
    display: inline-flex !important;
    align-items: center !important;
    font-size: 14px !important;
    line-height: 38px !important;
    font-weight: 800 !important;
    color: rgba(255, 255, 255, 0.78) !important;
    white-space: nowrap !important;
}

@keyframes pb-marquee {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

/* Tablet */
@media (max-width: 1024px) {
    .promo-track {
        gap: 16px !important;
        animation-duration: 31s !important;
    }

    .promo-item {
        font-size: 13px !important;
    }
}

/* Mobile */
@media (max-width: 768px) {
    .promo-bar {
        height: 34px !important;
        min-height: 34px !important;
        max-height: 34px !important;
    }

    .promo-bar::before,
    .promo-bar::after {
        width: 35px;
    }

    .promo-track {
        gap: 14px !important;
        animation-duration: 28s !important;
    }

    .promo-item,
    .promo-sep {
        font-size: 12px !important;
        line-height: 34px !important;
    }

    .promo-item strong {
        padding: 1px 7px !important;
    }
}

/* Small Mobile */
@media (max-width: 480px) {
    .promo-bar {
        height: 32px !important;
        min-height: 32px !important;
        max-height: 32px !important;
    }

    .promo-track {
        gap: 12px !important;
        animation-duration: 25s !important;
    }

    .promo-item,
    .promo-sep {
        font-size: 11.5px !important;
        line-height: 32px !important;
    }
}

/* ===== Homepage H1 Theme-Matched Style ===== */
.pb-hero-section {
    position: relative;
    width: 100%;
    background: linear-gradient(180deg, #fff4e8 0%, #ffffff 72%);
    overflow: hidden;
}

/* soft decorative background */
.pb-hero-section::before {
    content: "";
    position: absolute;
    top: -70px;
    left: 50%;
    width: 420px;
    height: 160px;
    transform: translateX(-50%);
    background: radial-gradient(circle, rgba(255, 122, 0, 0.18), transparent 70%);
    pointer-events: none;
}

.pb-main-hero-heading {
    position: relative;
    z-index: 2;
    max-width: 1180px;
    margin: 0 auto;
    padding: 20px 16px 14px;
    text-align: center;
}

.pb-main-hero-heading h1 {
    position: relative;
    display: inline-block;
    max-width: 980px;
    margin: 0 auto;
    padding: 0 10px 10px;
    font-size: clamp(24px, 3vw, 42px);
    line-height: 1.15;
    font-weight: 900;
    color: #111827;
    letter-spacing: -0.8px;
}

/* Orange brush-style accent under the heading */
.pb-main-hero-heading h1::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 62%;
    height: 9px;
    transform: translateX(-50%);
    background: linear-gradient(90deg, transparent, #ff7a00, #ffb000, transparent);
    border-radius: 999px;
    opacity: 0.9;
}

/* Tiny premium shine */
.pb-main-hero-heading h1::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 1px;
    width: 38%;
    height: 18px;
    transform: translateX(-50%);
    background: rgba(255, 122, 0, 0.12);
    filter: blur(12px);
    border-radius: 999px;
    z-index: -1;
}

/* Tablet */
@media (max-width: 1024px) {
    .pb-main-hero-heading {
        padding: 18px 16px 12px;
    }

    .pb-main-hero-heading h1 {
        max-width: 850px;
        letter-spacing: -0.5px;
    }
}

/* Mobile */
@media (max-width: 768px) {
    .pb-main-hero-heading {
        padding: 15px 12px 10px;
    }

    .pb-main-hero-heading h1 {
        max-width: 96%;
        font-size: 22px;
        line-height: 1.25;
        letter-spacing: -0.3px;
        padding-bottom: 9px;
    }

    .pb-main-hero-heading h1::after {
        width: 72%;
        height: 6px;
    }

    .pb-main-hero-heading h1::before {
        width: 55%;
        height: 14px;
    }
}

/* Small Mobile */
@media (max-width: 480px) {
    .pb-main-hero-heading {
        padding: 13px 10px 9px;
    }

    .pb-main-hero-heading h1 {
        font-size: 19px;
        line-height: 1.3;
        max-width: 98%;
    }

    .pb-main-hero-heading h1::after {
        height: 5px;
    }
}





/* ===== Theme Matched H1 Section - Compact Gap Fix ===== */
.pb-hero-section {
    position: relative;
    width: 100%;
    background: linear-gradient(180deg, #fff3e6 0%, #ffffff 75%);
    overflow: hidden;
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* H1 wrapper */
.pb-main-hero-heading {
    position: relative;
    z-index: 2;
    max-width: 1180px;
    margin: 0 auto !important;
    padding: 22px 16px 20px !important;
    text-align: center;
}

/* H1 design */
.pb-main-hero-heading h1 {
    position: relative;
    display: inline-block;
    max-width: 1050px;
    margin: 0 auto !important;
    padding: 10px 20px 12px;
    font-size: clamp(24px, 3vw, 42px);
    line-height: 1.15;
    font-weight: 900;
    color: #111827;
    letter-spacing: -0.8px;
    background: rgba(255, 255, 255, 0.82);
    border-radius: 18px;
    box-shadow:
        0 14px 36px rgba(255, 122, 0, 0.12),
        inset 0 0 0 1px rgba(255, 122, 0, 0.12);
}

/* Orange accent under heading */
.pb-main-hero-heading h1::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -2px;
    width: 42%;
    height: 5px;
    transform: translateX(-50%);
    background: linear-gradient(90deg, #ff7a00, #ffb000);
    border-radius: 999px;
}

/* Tablet */
@media (max-width: 1024px) {
    .pb-main-hero-heading {
        padding: 18px 14px 16px !important;
    }

    .pb-main-hero-heading h1 {
        max-width: 900px;
        padding: 9px 18px 11px;
        letter-spacing: -0.5px;
    }
}

/* Mobile */
@media (max-width: 768px) {
    .pb-main-hero-heading {
        padding: 14px 12px 13px !important;
    }

    .pb-main-hero-heading h1 {
        max-width: 96%;
        font-size: 22px;
        line-height: 1.25;
        padding: 9px 14px 11px;
        border-radius: 14px;
        letter-spacing: -0.3px;
    }

    .pb-main-hero-heading h1::after {
        width: 50%;
        height: 4px;
    }
}

/* Small Mobile */
@media (max-width: 480px) {
    .pb-main-hero-heading {
        padding: 12px 10px 12px !important;
    }

    .pb-main-hero-heading h1 {
        font-size: 19px;
        line-height: 1.3;
        padding: 8px 12px 10px;
        border-radius: 12px;
    }

    .pb-main-hero-heading h1::after {
        width: 55%;
        height: 3px;
    }
}



/* ===== Homepage H1 Theme-Matched Style ===== */
.pb-hero-section {
    position: relative;
    width: 100%;
    background: linear-gradient(180deg, #fff4e8 0%, #ffffff 72%);
    overflow: hidden;
}

/* soft decorative background */
.pb-hero-section::before {
    content: "";
    position: absolute;
    top: -70px;
    left: 50%;
    width: 420px;
    height: 160px;
    transform: translateX(-50%);
    background: radial-gradient(circle, rgba(255, 122, 0, 0.18), transparent 70%);
    pointer-events: none;
}

.pb-main-hero-heading {
    position: relative;
    z-index: 2;
    max-width: 1180px;
    margin: 0 auto;
    padding: 20px 16px 14px;
    text-align: center;
}

.pb-main-hero-heading h1 {
    position: relative;
    display: inline-block;
    max-width: 980px;
    margin: 0 auto;
    padding: 0 10px 10px;
    font-size: clamp(24px, 3vw, 42px);
    line-height: 1.15;
    font-weight: 900;
    color: #111827;
    letter-spacing: -0.8px;
}

/* Orange brush-style accent under the heading */
.pb-main-hero-heading h1::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 62%;
    height: 9px;
    transform: translateX(-50%);
    background: linear-gradient(90deg, transparent, #ff7a00, #ffb000, transparent);
    border-radius: 999px;
    opacity: 0.9;
}

/* Tiny premium shine */
.pb-main-hero-heading h1::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 1px;
    width: 38%;
    height: 18px;
    transform: translateX(-50%);
    background: rgba(255, 122, 0, 0.12);
    filter: blur(12px);
    border-radius: 999px;
    z-index: -1;
}

/* Tablet */
@media (max-width: 1024px) {
    .pb-main-hero-heading {
        padding: 18px 16px 12px;
    }

    .pb-main-hero-heading h1 {
        max-width: 850px;
        letter-spacing: -0.5px;
    }
}

/* Mobile */
@media (max-width: 768px) {
    .pb-main-hero-heading {
        padding: 15px 12px 10px;
    }

    .pb-main-hero-heading h1 {
        max-width: 96%;
        font-size: 22px;
        line-height: 1.25;
        letter-spacing: -0.3px;
        padding-bottom: 9px;
    }

    .pb-main-hero-heading h1::after {
        width: 72%;
        height: 6px;
    }

    .pb-main-hero-heading h1::before {
        width: 55%;
        height: 14px;
    }
}

/* Small Mobile */
@media (max-width: 480px) {
    .pb-main-hero-heading {
        padding: 13px 10px 9px;
    }

    .pb-main-hero-heading h1 {
        font-size: 19px;
        line-height: 1.3;
        max-width: 98%;
    }

    .pb-main-hero-heading h1::after {
        height: 5px;
    }
}












/* ===== Reduce gap between promo line and H1 ===== */
.pb-hero-section {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.pb-main-hero-heading {
    padding-top: 8px !important;
    padding-bottom: 60px !important;
    margin-top: 0 !important;
}

.pb-main-hero-heading h1 {
    margin-top: 0 !important;
}

/* Mobile gap */
@media (max-width: 768px) {
    .pb-main-hero-heading {
        padding-top: 6px !important;
        padding-bottom: 10px !important;
    }
}

/* Small mobile */
@media (max-width: 480px) {
    .pb-main-hero-heading {
        padding-top: 5px !important;
        padding-bottom: 9px !important;
    }
}



/* ===== Premium Footer Brand Logo Card ===== */
#pb-footer .footer-brand {
    display: flex;
    align-items: flex-start;
}

#pb-footer .footer-brand-card {
    width: 100%;
    max-width: 360px;
    padding: 22px 22px 20px;
    border-radius: 20px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.065), rgba(255, 255, 255, 0.025));
    border: 1px solid rgba(255, 255, 255, 0.10);
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.18);
    position: relative;
    overflow: hidden;
}

#pb-footer .footer-brand-card::before {
    content: "";
    position: absolute;
    top: -55px;
    right: -55px;
    width: 140px;
    height: 140px;
    background: radial-gradient(circle, rgba(255, 122, 0, 0.22), transparent 70%);
    pointer-events: none;
}

#pb-footer .footer-logo-img {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    margin-bottom: 18px;
    padding: 10px 14px;
    background: #ffffff;
    border-radius: 16px;
    text-decoration: none !important;
    box-shadow:
        0 10px 28px rgba(0, 0, 0, 0.22),
        inset 0 0 0 1px rgba(255, 122, 0, 0.12);
    position: relative;
    z-index: 2;
}

#pb-footer .footer-logo-img img {
    display: block;
    width: 175px;
    max-width: 100%;
    height: auto;
}

#pb-footer .footer-brand-name {
    display: none !important;
}

#pb-footer .footer-brand-desc {
    margin: 0 0 20px !important;
    max-width: 310px;
    font-size: 15px;
    line-height: 1.75;
    color: rgba(255, 255, 255, 0.82);
    position: relative;
    z-index: 2;
}

#pb-footer .footer-social {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 4px;
    position: relative;
    z-index: 2;
}

#pb-footer .footer-social .social-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 14px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 800;
    line-height: 1;
    text-decoration: none !important;
    transition: transform 0.22s ease, box-shadow 0.22s ease, opacity 0.22s ease;
}

#pb-footer .footer-social .social-btn:hover {
    transform: translateY(-2px);
    opacity: 0.95;
}

#pb-footer .footer-social .social-icon {
    line-height: 1;
}

/* Better spacing with other footer columns */
@media (min-width: 769px) {
    #pb-footer .footer-brand {
        padding-right: 16px;
    }
}

/* Tablet and mobile */
@media (max-width: 768px) {
    #pb-footer .footer-brand-card {
        max-width: 100%;
        padding: 18px 16px 16px;
        border-radius: 18px;
    }

    #pb-footer .footer-logo-img {
        margin-bottom: 14px;
        padding: 8px 12px;
        border-radius: 14px;
    }

    #pb-footer .footer-logo-img img {
        width: 150px;
    }

    #pb-footer .footer-brand-desc {
        max-width: 100%;
        font-size: 14px;
        line-height: 1.7;
        margin-bottom: 16px !important;
    }

    #pb-footer .footer-social {
        gap: 8px;
    }

    #pb-footer .footer-social .social-btn {
        padding: 9px 12px;
        font-size: 12px;
    }
}

/* Small mobile */
@media (max-width: 480px) {
    #pb-footer .footer-brand-card {
        padding: 16px 14px;
        border-radius: 16px;
    }

    #pb-footer .footer-logo-img img {
        width: 140px;
    }

    #pb-footer .footer-brand-desc {
        font-size: 13.5px;
        line-height: 1.65;
    }

    #pb-footer .footer-social {
        flex-direction: column;
        align-items: stretch;
    }

    #pb-footer .footer-social .social-btn {
        width: 100%;
    }
}




/* ===== Footer Brand Logo - Cleaner Premium Version ===== */
#pb-footer .footer-brand-card {
    width: 100%;
    max-width: 360px;
    padding: 20px 0 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    overflow: visible !important;
}

#pb-footer .footer-brand-card::before {
    display: none !important;
}

#pb-footer .footer-logo-img {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: auto !important;
    max-width: 210px !important;
    margin-bottom: 20px !important;
    padding: 9px 14px !important;
    background: #ffffff !important;
    border-radius: 14px !important;
    text-decoration: none !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.22) !important;
}

#pb-footer .footer-logo-img img {
    display: block !important;
    width: 155px !important;
    max-width: 155px !important;
    height: auto !important;
}

#pb-footer .footer-brand-desc {
    max-width: 330px;
    margin: 0 0 22px !important;
    font-size: 15px;
    line-height: 1.75;
    color: rgba(255, 255, 255, 0.82);
}

#pb-footer .footer-social {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

#pb-footer .footer-social .social-btn {
    min-height: 42px;
    padding: 10px 16px !important;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 800;
}

/* Mobile */
@media (max-width: 768px) {
    #pb-footer .footer-brand-card {
        padding-top: 0 !important;
    }

    #pb-footer .footer-logo-img {
        max-width: 185px !important;
        padding: 8px 12px !important;
        margin-bottom: 16px !important;
    }

    #pb-footer .footer-logo-img img {
        width: 135px !important;
        max-width: 135px !important;
    }

    #pb-footer .footer-brand-desc {
        font-size: 14px;
        line-height: 1.65;
        margin-bottom: 18px !important;
    }

    #pb-footer .footer-social .social-btn {
        min-height: 40px;
        font-size: 13px;
        padding: 9px 14px !important;
    }
}

/* Small mobile */
@media (max-width: 480px) {
    #pb-footer .footer-logo-img {
        max-width: 170px !important;
    }

    #pb-footer .footer-logo-img img {
        width: 125px !important;
        max-width: 125px !important;
    }

    #pb-footer .footer-social {
        gap: 9px;
    }
}

/* =========================================================
   PAKBUYER FINAL UX PATCH — 2026-11-03
   Hero: preserve full campaign artwork without cropping.
   Single product: prevent Astra/Woo sticky add-to-cart clone
   from becoming a large obstructive scroll panel.
   ========================================================= */

/* Campaign hero — desktop/tablet artwork is 16:9. */
.pb-hero-carousel {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
    max-height: none !important;
    overflow: hidden !important;
    background: #f79400 !important;
}

.pb-hero-track,
.pb-hero-slide,
.pb-hero-slide picture {
    width: 100% !important;
    height: 100% !important;
}

.pb-hero-slide picture {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
}

.pb-hero-image,
.pb-hero-slide picture img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    display: block !important;
    background: #f79400 !important;
}

/* Campaign artwork already contains its own copy/design. */
.pb-campaign-active .pb-hero-overlay,
.pb-campaign-active .pb-hero-content {
    display: none !important;
}

/* Dedicated portrait campaign artwork on phones. */
@media (max-width: 767px) {
    .pb-hero-carousel {
        aspect-ratio: 2 / 3 !important;
        height: auto !important;
    }

    .pb-hero-arrow {
        display: none !important;
    }
}

/*
 * Astra may render a second sticky add-to-cart product panel after scrolling.
 * The normal WooCommerce product form remains untouched; only sticky clones
 * are suppressed so they cannot cover a large part of desktop/mobile screens.
 */
.single-product .ast-sticky-add-to-cart,
.single-product .ast-sticky-add-to-cart-wrapper,
.single-product .ast-sticky-add-to-cart-action-wrap,
.single-product .ast-sticky-add-to-cart-action,
.single-product .ast-sticky-add-to-cart-content,
.single-product .ast-sticky-add-to-cart-title,
.single-product .ast-sticky-add-to-cart-price,
.single-product .ast-sticky-add-to-cart-button-wrap,
.single-product .ast-sticky-add-to-cart__content,
.single-product .ast-sticky-add-to-cart__product,
.single-product .ast-sticky-add-to-cart__actions,
.single-product .woocommerce-sticky-add-to-cart,
.single-product .wc-sticky-add-to-cart,
.single-product .sticky-add-to-cart,
.single-product .sticky-atc,
.single-product .sticky-atc-wrap {
    display: none !important;
}

/* Keep PakBuyer's floating WhatsApp button clear of mobile browser edges. */
@media (max-width: 767px) {
    .pb-whatsapp-float {
        right: 14px !important;
        bottom: 14px !important;
    }
}

/* =========================================================
   FINAL DESKTOP NAV DROPDOWN HOVER FIX
   Keeps the pointer inside one continuous hover area while
   moving from a main category into its submenu.
   ========================================================= */
@media (min-width: 768px) {
    /* Desktop categories fit in the header; don't create a scroll/clipping context. */
    .header-categories {
        overflow: visible !important;
    }

    .header-categories .cat-item {
        position: relative !important;
        overflow: visible !important;
    }

    /* Remove the 4px dead zone that made the menu disappear. */
    .header-categories .dropdown {
        top: 100% !important;
        margin-top: 0 !important;
        pointer-events: auto !important;
        z-index: 999999 !important;
    }

    /* Invisible hover bridge gives a little forgiveness at the boundary. */
    .header-categories .dropdown::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: -10px;
        height: 10px;
        background: transparent;
    }

    .header-categories .cat-item:hover > .dropdown,
    .header-categories .cat-item:focus-within > .dropdown,
    .header-categories .dropdown:hover {
        display: block !important;
    }
}

/* =========================================================
   PAKBUYER DESKTOP HERO — FULL ARTWORK, COMPACT HEIGHT
   Final override: the desktop campaign banner is 16:9 artwork,
   but the site hero should stay compact. Scale the complete image
   inside the hero instead of cropping it with object-fit: cover.
   ========================================================= */
@media (min-width: 768px) {
    .pb-hero-carousel {
        height: clamp(300px, 31vw, 520px) !important;
        min-height: 0 !important;
        aspect-ratio: auto !important;
        background: #f79400 !important;
        overflow: hidden !important;
    }

    .pb-hero-track,
    .pb-hero-slide,
    .pb-hero-slide picture {
        width: 100% !important;
        height: 100% !important;
    }

    .pb-hero-image,
    .pb-hero-slide picture img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
        object-position: center center !important;
        background: #f79400 !important;
    }
}

/* =========================================================
   FINAL DESKTOP HERO — EXACT ORIGINAL 1536x864 ARTWORK RATIO
   Source artwork is 16:9. Let the hero follow that ratio so the
   complete image is visible edge-to-edge without cropping/distortion.
   This intentionally supersedes the earlier compact-height override.
   ========================================================= */
@media (min-width: 768px) {
    .pb-hero-carousel {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        aspect-ratio: 16 / 9 !important;
        background: #f79400 !important;
        overflow: hidden !important;
    }

    .pb-hero-track,
    .pb-hero-slide,
    .pb-hero-slide picture {
        width: 100% !important;
        height: 100% !important;
    }

    .pb-hero-image,
    .pb-hero-slide picture img {
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        max-height: none !important;
        object-fit: contain !important;
        object-position: center center !important;
        display: block !important;
        background: #f79400 !important;
    }

    /* Campaign artwork already contains its own text/design. */
    .pb-hero-overlay,
    .pb-hero-content {
        display: none !important;
    }
}


/* =========================================================
   PAKBUYER DEPARTMENT / SUBCATEGORY LANDING PAGES
   Content remains editable from WordPress Admin -> Pages.
   ========================================================= */
.pb-department-page {
    background: #f7f7f7;
    min-height: 60vh;
}

.pb-department-container {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
}

.pb-department-heading {
    padding: 46px 0 30px;
    background: linear-gradient(135deg, #fff8ee 0%, #ffffff 100%);
    border-bottom: 1px solid #eeeeee;
}

.pb-department-heading h1 {
    margin: 0;
    color: #171717;
    font-size: clamp(32px, 4vw, 52px);
    line-height: 1.1;
    font-weight: 900;
    letter-spacing: -1px;
}

.pb-department-parent-link {
    display: inline-block;
    margin-bottom: 10px;
    color: #f79400 !important;
    font-size: 14px;
    font-weight: 800;
    text-decoration: none !important;
}

.pb-department-subnav {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 24px;
}

.pb-department-subnav a {
    display: inline-flex;
    align-items: center;
    min-height: 42px;
    padding: 0 17px;
    border: 1px solid #eadfce;
    border-radius: 999px;
    background: #ffffff;
    color: #333333 !important;
    font-size: 14px;
    font-weight: 800;
    text-decoration: none !important;
    transition: .2s ease;
}

.pb-department-subnav a:hover,
.pb-department-subnav a.is-current {
    background: #f79400;
    border-color: #f79400;
    color: #ffffff !important;
}

.pb-department-content {
    padding: 36px 0 64px;
}

.pb-department-editor-content,
.pb-department-placeholder {
    background: #ffffff;
    border: 1px solid #eeeeee;
    border-radius: 20px;
    padding: clamp(24px, 4vw, 44px);
    box-shadow: 0 10px 30px rgba(0,0,0,.04);
}

.pb-department-placeholder {
    text-align: center;
    color: #666666;
}

.pb-department-placeholder h2 {
    margin: 0 0 8px;
    color: #222222;
    font-size: 26px;
}

.pb-department-edit-link {
    display: inline-flex;
    margin-top: 16px;
    padding: 11px 18px;
    border-radius: 10px;
    background: #f79400;
    color: #ffffff !important;
    font-weight: 800;
    text-decoration: none !important;
}

@media (max-width: 767px) {
    .pb-department-container {
        width: min(100% - 28px, 1180px);
    }
    .pb-department-heading {
        padding: 30px 0 22px;
    }
    .pb-department-content {
        padding: 22px 0 44px;
    }
    .pb-department-subnav {
        gap: 8px;
    }
    .pb-department-subnav a {
        min-height: 38px;
        padding: 0 13px;
        font-size: 13px;
    }
}