/*
 * Kamaal Zindagi Productions — Pro Max UI Upgrade
 * RULE: Only visual properties (color, background, border, shadow,
 *       border-radius, font, transition, transform, opacity).
 *       NEVER override: position, display, float, width, height,
 *       top, left, right, bottom, z-index, overflow, padding/margin
 *       on layout-critical elements.
 */

/* ─────────────────────────────────────────────────────────
   1. DESIGN TOKENS
───────────────────────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

:root {
  --kz-gold:        #ffaa17;
  --kz-gold-dark:   #e69500;
  --kz-gold-glow:   rgba(255,170,23,.28);
  --kz-black:       #0c0e13;
  --kz-dark:        #14181f;
  --kz-dark2:       #1e232e;
  --kz-text:        #5c6070;
  --kz-text-muted:  #9098ab;
  --kz-white:       #ffffff;
  --kz-offwhite:    #f6f7fb;
  --kz-border:      rgba(0,0,0,.08);
  --kz-border-dark: rgba(255,255,255,.07);

  --kz-grad:        linear-gradient(135deg,#ffaa17 0%,#ff8c00 100%);
  --kz-grad-dark:   linear-gradient(160deg,#0c0e13 0%,#14181f 50%,#1e232e 100%);

  --kz-sh-sm:       0 2px 10px rgba(0,0,0,.06);
  --kz-sh-md:       0 8px 30px rgba(0,0,0,.10);
  --kz-sh-lg:       0 20px 60px rgba(0,0,0,.14);
  --kz-sh-gold:     0 8px 28px rgba(255,170,23,.35);

  --kz-r-sm:        8px;
  --kz-r-md:        14px;
  --kz-r-lg:        20px;
  --kz-r-pill:      999px;

  --kz-ease:        cubic-bezier(.4,0,.2,1);
  --kz-t:           .28s;
}

/* ─────────────────────────────────────────────────────────
   2. BASE — font & selection only
───────────────────────────────────────────────────────── */
body {
  font-family: 'Inter', var(--thm-b-font), sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

::selection {
  background: var(--kz-gold);
  color: var(--kz-black);
}

::-webkit-scrollbar        { width: 5px; }
::-webkit-scrollbar-track  { background: var(--kz-offwhite); }
::-webkit-scrollbar-thumb  { background: var(--kz-gold); border-radius: var(--kz-r-pill); }

/* ─────────────────────────────────────────────────────────
   3. HEADER — colour only, zero layout changes
───────────────────────────────────────────────────────── */

/* Dark glass strip on header-upper */
.main-header .header-upper {
  background: rgba(12,14,19,.94) !important;
  backdrop-filter: blur(18px) saturate(160%);
  -webkit-backdrop-filter: blur(18px) saturate(160%);
  border-bottom: 1px solid rgba(255,255,255,.06) !important;
}

/* Sticky stays dark */
.main-header.stricky-fixed .header-upper {
  background: rgba(8,10,15,.97) !important;
  box-shadow: 0 4px 24px rgba(0,0,0,.4) !important;
}

/* Logo hover — purely visual */
.main-header .header-upper .logo-box .logo img {
  transition: filter var(--kz-t) var(--kz-ease),
              transform var(--kz-t) var(--kz-ease);
}
.main-header .header-upper .logo-box .logo:hover img {
  filter: brightness(1.12);
  transform: scale(1.03);
}

/* Nav links — colour only */
.main-menu .navigation > li > a {
  color: rgba(255,255,255,.85) !important;
  font-family: 'Inter', sans-serif;
  font-size: 13px !important;
  font-weight: 600;
  letter-spacing: .06em;
  transition: color var(--kz-t) var(--kz-ease);
}
.main-menu .navigation > li:hover > a,
.main-menu .navigation > li.current_page_item > a,
.main-menu .navigation > li.current-menu-parent > a,
.main-menu .navigation > li.current-menu-ancestor > a,
.main-menu .navigation > li.current > a {
  color: var(--kz-gold) !important;
}

/* Gold underline bar (theme already adds ::before — we style it) */
.main-menu .navigation > li > a::before {
  border-bottom-color: var(--kz-gold) !important;
}

/* Dropdown — dark glass */
.main-menu .navigation > li > ul {
  background: rgba(14,17,24,.97) !important;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  border-radius: var(--kz-r-md) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  box-shadow: 0 20px 60px rgba(0,0,0,.35) !important;
}
.main-menu .navigation > li > ul > li > a {
  color: rgba(255,255,255,.72) !important;
  font-family: 'Inter', sans-serif;
  font-size: 14px !important;
  font-weight: 500;
  transition: color var(--kz-t) var(--kz-ease),
              background var(--kz-t) var(--kz-ease);
  border-radius: var(--kz-r-sm) !important;
}
.main-menu .navigation > li > ul > li > a:hover {
  color: var(--kz-gold) !important;
  background: rgba(255,170,23,.10) !important;
}

/* Cart icon — restore and style, never change display/width/height */
.main-header .cart-btn {
  color: rgba(255,255,255,.85) !important;
}
.main-header .cart-btn a {
  color: rgba(255,255,255,.85) !important;
  /* must keep display:flex from original */
  transition: color var(--kz-t) var(--kz-ease) !important;
}
.main-header .cart-btn a:hover {
  color: var(--kz-gold) !important;
}
.main-header .cart-btn .flaticon-shopping-cart {
  color: inherit;
  font-size: 22px;
  position: relative;   /* anchor for the absolute badge */
  display: inline-block;
}
/* Cart count badge — absolute so it doesn't push nav items */
.cart-count {
  position: absolute !important;
  top: -8px !important;
  right: -10px !important;
  min-width: 18px !important;
  height: 18px !important;
  line-height: 18px !important;
  padding: 0 4px !important;
  font-size: 10px !important;
  text-align: center !important;
  background: var(--kz-gold) !important;
  color: var(--kz-black) !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 700 !important;
  border-radius: 50% !important;
  pointer-events: none !important;
}

/* Search button */
.main-header .other-links .search-btn button {
  color: rgba(255,255,255,.78);
  transition: color var(--kz-t) var(--kz-ease);
}
.main-header .other-links .search-btn button:hover {
  color: var(--kz-gold);
}

/* Call number */
.main-header .other-links .link-box .link {
  color: rgba(255,255,255,.9) !important;
}
.main-header .other-links .link-box .number {
  color: var(--kz-gold) !important;
  font-weight: 700;
}

/* Mobile toggler */
.mobile-nav-toggler { color: var(--kz-white); }

/* ─────────────────────────────────────────────────────────
   4. MOBILE SIDE MENU
───────────────────────────────────────────────────────── */
.side-menu__block-inner {
  background: var(--kz-dark) !important;
  border-left: 1px solid var(--kz-border-dark) !important;
}
.side-menu__block-overlay {
  background: rgba(8,10,15,.85) !important;
  backdrop-filter: blur(8px);
}
.side-menu__top {
  border-bottom: 1px solid var(--kz-border-dark) !important;
}
.side-menu__social a {
  color: rgba(255,255,255,.65);
  transition: color var(--kz-t) var(--kz-ease);
}
.side-menu__social a:hover { color: var(--kz-gold); }

/* ─────────────────────────────────────────────────────────
   5. SEARCH POPUP
───────────────────────────────────────────────────────── */
.search-popup__overlay {
  background: rgba(8,10,15,.88) !important;
  backdrop-filter: blur(10px);
}
.search-popup__inner {
  background: var(--kz-dark2) !important;
  border-radius: var(--kz-r-lg) !important;
  border: 1px solid var(--kz-border-dark) !important;
}
.search-popup__inner input[type="search"],
.search-popup__inner .search-field {
  background: rgba(255,255,255,.06) !important;
  border: 1.5px solid rgba(255,255,255,.12) !important;
  border-radius: var(--kz-r-md) !important;
  color: var(--kz-white) !important;
  font-family: 'Inter', sans-serif !important;
}
.search-popup__inner input[type="search"]:focus,
.search-popup__inner .search-field:focus {
  border-color: var(--kz-gold) !important;
}

/* ─────────────────────────────────────────────────────────
   6. BUTTONS — only .btn-style-* classes, not .theme-btn
───────────────────────────────────────────────────────── */
.btn-style-one {
  background: var(--kz-grad) !important;
  color: var(--kz-black) !important;
  border-radius: var(--kz-r-pill) !important;
  box-shadow: var(--kz-sh-gold) !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: .07em !important;
  transition: transform var(--kz-t) var(--kz-ease),
              box-shadow var(--kz-t) var(--kz-ease) !important;
}
.btn-style-one:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 14px 36px rgba(255,170,23,.5) !important;
  color: var(--kz-black) !important;
}
.btn-style-one .btn-title {
  color: var(--kz-black) !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 700 !important;
}

.btn-style-two {
  border-radius: var(--kz-r-pill) !important;
  border-color: rgba(255,255,255,.4) !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  transition: background var(--kz-t) var(--kz-ease),
              border-color var(--kz-t) var(--kz-ease),
              transform var(--kz-t) var(--kz-ease) !important;
}
.btn-style-two:hover {
  background: rgba(255,255,255,.14) !important;
  border-color: rgba(255,255,255,.7) !important;
  transform: translateY(-2px) !important;
}
.btn-style-two .btn-title {
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
}

.btn-style-three {
  border-radius: var(--kz-r-pill) !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  transition: transform var(--kz-t) var(--kz-ease) !important;
}
.btn-style-three:hover { transform: translateY(-2px) !important; }

/* ─────────────────────────────────────────────────────────
   7. SECTION TITLES
───────────────────────────────────────────────────────── */
.sec-title .sub-title {
  font-family: 'Inter', sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--kz-gold);
}

.sec-title h2 {
  font-family: var(--thm-font);
  letter-spacing: -.01em;
  line-height: 1.15;
}

/* ─────────────────────────────────────────────────────────
   8. SERVICE CARDS
───────────────────────────────────────────────────────── */
.service-block-one .inner-box,
.service-block .inner-box {
  border-radius: var(--kz-r-lg) !important;
  border: 1px solid var(--kz-border) !important;
  box-shadow: var(--kz-sh-sm);
  transition: transform var(--kz-t) var(--kz-ease),
              box-shadow var(--kz-t) var(--kz-ease),
              border-color var(--kz-t) var(--kz-ease) !important;
}
.service-block-one .inner-box:hover,
.service-block .inner-box:hover {
  transform: translateY(-8px);
  box-shadow: var(--kz-sh-lg) !important;
  border-color: rgba(255,170,23,.3) !important;
}

.service-block-one .icon-box,
.service-block .icon-box {
  background: rgba(255,170,23,.10) !important;
  border-radius: var(--kz-r-md) !important;
  transition: background var(--kz-t) var(--kz-ease),
              transform var(--kz-t) var(--kz-ease) !important;
}
.service-block-one .inner-box:hover .icon-box,
.service-block .inner-box:hover .icon-box {
  background: var(--kz-gold) !important;
  transform: rotate(-6deg) scale(1.08);
}
.service-block-one .inner-box:hover .icon-box .icon,
.service-block .inner-box:hover .icon-box .icon,
.service-block-one .inner-box:hover .icon-box i,
.service-block .inner-box:hover .icon-box i {
  color: var(--kz-black) !important;
}

/* ─────────────────────────────────────────────────────────
   9. TEAM CARDS
───────────────────────────────────────────────────────── */
.team-block .inner-box {
  border-radius: var(--kz-r-lg) !important;
  border: 1px solid var(--kz-border) !important;
  box-shadow: var(--kz-sh-sm);
  transition: transform var(--kz-t) var(--kz-ease),
              box-shadow var(--kz-t) var(--kz-ease) !important;
  overflow: hidden;
}
.team-block .inner-box:hover {
  transform: translateY(-8px);
  box-shadow: var(--kz-sh-lg) !important;
}

.team-block .image-box img {
  transition: transform .5s var(--kz-ease);
}
.team-block .inner-box:hover .image-box img {
  transform: scale(1.06);
}

.team-block .social-links a {
  border-radius: var(--kz-r-pill) !important;
  transition: background var(--kz-t) var(--kz-ease),
              color var(--kz-t) var(--kz-ease),
              transform var(--kz-t) var(--kz-ease) !important;
}
.team-block .social-links a:hover {
  background: var(--kz-gold) !important;
  color: var(--kz-black) !important;
  transform: translateY(-3px);
}

.team-block .designation {
  color: var(--kz-gold) !important;
  font-family: 'Inter', sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase;
}

/* ─────────────────────────────────────────────────────────
   10. TESTIMONIALS
───────────────────────────────────────────────────────── */
.testimonial-block .inner-box {
  border-radius: var(--kz-r-lg) !important;
  border: 1px solid var(--kz-border) !important;
  box-shadow: var(--kz-sh-sm);
  transition: transform var(--kz-t) var(--kz-ease),
              box-shadow var(--kz-t) var(--kz-ease),
              border-color var(--kz-t) var(--kz-ease) !important;
}
.testimonial-block .inner-box:hover {
  transform: translateY(-6px);
  box-shadow: var(--kz-sh-md) !important;
  border-color: rgba(255,170,23,.25) !important;
}

.testimonial-block .author-thumb img {
  border-radius: 50% !important;
  border: 3px solid var(--kz-gold) !important;
}

.testimonial-block .designation {
  color: var(--kz-gold) !important;
  font-family: 'Inter', sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .05em;
}

/* ─────────────────────────────────────────────────────────
   11. NEWS / BLOG CARDS
───────────────────────────────────────────────────────── */
.news-block .inner-box,
.news-block-one .inner-box {
  border-radius: var(--kz-r-lg) !important;
  border: 1px solid var(--kz-border) !important;
  box-shadow: var(--kz-sh-sm);
  overflow: hidden;
  transition: transform var(--kz-t) var(--kz-ease),
              box-shadow var(--kz-t) var(--kz-ease) !important;
}
.news-block .inner-box:hover,
.news-block-one .inner-box:hover {
  transform: translateY(-8px);
  box-shadow: var(--kz-sh-lg) !important;
}
.news-block .image-box img,
.news-block-one .image-box img {
  transition: transform .5s var(--kz-ease);
}
.news-block .inner-box:hover .image-box img,
.news-block-one .inner-box:hover .image-box img {
  transform: scale(1.06);
}

.news-block .cat,
.news-block-one .cat {
  background: rgba(255,170,23,.12) !important;
  color: var(--kz-gold) !important;
  border-radius: var(--kz-r-pill) !important;
  font-family: 'Inter', sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
}

/* ─────────────────────────────────────────────────────────
   12. COUNTER / FACTS
───────────────────────────────────────────────────────── */
.counter-block .inner-box,
.fact-counter .column .inner {
  border-radius: var(--kz-r-lg) !important;
  border: 1px solid var(--kz-border) !important;
  box-shadow: var(--kz-sh-sm);
  transition: box-shadow var(--kz-t) var(--kz-ease),
              border-color var(--kz-t) var(--kz-ease),
              transform var(--kz-t) var(--kz-ease) !important;
}
.counter-block .inner-box:hover,
.fact-counter .column .inner:hover {
  box-shadow: var(--kz-sh-gold) !important;
  border-color: rgba(255,170,23,.3) !important;
  transform: translateY(-4px);
}

.counter-block .count-text,
.fact-counter .count-text {
  background: var(--kz-grad);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* ─────────────────────────────────────────────────────────
   13. PAGE BANNER / BREADCRUMB
───────────────────────────────────────────────────────── */
.page-banner,
.page-banner-section,
.page-header {
  background: var(--kz-grad-dark) !important;
}

.page-banner h1,
.page-banner h2,
.page-banner .page-title {
  color: var(--kz-white) !important;
  letter-spacing: -.02em;
}

/* Breadcrumb links */
.linoor-breadcrumb li a,
.breadcrumb-outer li a {
  color: rgba(255,255,255,.65);
  transition: color var(--kz-t) var(--kz-ease);
}
.linoor-breadcrumb li a:hover,
.breadcrumb-outer li a:hover {
  color: var(--kz-gold);
}
.linoor-breadcrumb li.active,
.breadcrumb-outer li.active { color: var(--kz-gold); }

/* ─────────────────────────────────────────────────────────
   14. FOOTER
───────────────────────────────────────────────────────── */
.main-footer {
  background: var(--kz-grad-dark) !important;
  position: relative;
}

/* Thin gold line at the very top */
.main-footer::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: var(--kz-grad);
  pointer-events: none;
}

/* Widget title underline bar */
.main-footer .footer-widget-title,
.main-footer .footer-widget h4,
.main-footer .footer-widget h3 {
  color: var(--kz-white) !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: -.01em;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
  position: relative;
}
.main-footer .footer-widget-title::after,
.main-footer .footer-widget h4::after,
.main-footer .footer-widget h3::after {
  content: '';
  position: absolute;
  bottom: -1px; left: 0;
  width: 36px; height: 2px;
  background: var(--kz-grad);
  border-radius: var(--kz-r-pill);
}

/* Footer text */
.main-footer p,
.main-footer .about-text,
.main-footer .footer-list li a,
.main-footer .footer-links a,
.main-footer li a {
  color: rgba(255,255,255,.52) !important;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  transition: color var(--kz-t) var(--kz-ease) !important;
}
.main-footer .footer-list li a:hover,
.main-footer .footer-links a:hover,
.main-footer li a:hover {
  color: var(--kz-gold) !important;
}

/* Social icons */
.main-footer .social-icon a,
.main-footer .social-links a {
  color: rgba(255,255,255,.55) !important;
  border-color: rgba(255,255,255,.12) !important;
  border-radius: var(--kz-r-pill) !important;
  transition: color var(--kz-t) var(--kz-ease),
              background var(--kz-t) var(--kz-ease),
              transform var(--kz-t) var(--kz-ease),
              border-color var(--kz-t) var(--kz-ease) !important;
}
.main-footer .social-icon a:hover,
.main-footer .social-links a:hover {
  color: var(--kz-black) !important;
  background: var(--kz-gold) !important;
  border-color: var(--kz-gold) !important;
  transform: translateY(-3px) !important;
}

/* Copyright bar */
.main-footer .footer-bottom,
.main-footer .footer-bottom-inner {
  border-top: 1px solid rgba(255,255,255,.07) !important;
}
.main-footer .footer-bottom p,
.main-footer .copyright-text,
.main-footer .copy-right-text {
  color: rgba(255,255,255,.38) !important;
  font-family: 'Inter', sans-serif;
  font-size: 13px;
}
.main-footer .footer-bottom a {
  color: var(--kz-gold) !important;
}

/* ─────────────────────────────────────────────────────────
   15. WOOCOMMERCE — product cards & buttons
───────────────────────────────────────────────────────── */

/* ── Product grid cards ─────────────────────────────────
   CRITICAL: products use float:left layout.
   - NO overflow:hidden on li (clips sale badges & notices)
   - NO transform on li (causes float stacking overlap)
   - Use inner wrapper trick for visual card effect instead
─────────────────────────────────────────────────────────*/
.woocommerce ul.products li.product {
  border-radius: var(--kz-r-lg) !important;
  border: 1px solid var(--kz-border) !important;
  box-shadow: var(--kz-sh-sm);
  /* No overflow:hidden — clips badges & notices */
  /* No transform — causes float overlap */
  transition: box-shadow var(--kz-t) var(--kz-ease),
              border-color var(--kz-t) var(--kz-ease) !important;
  background: var(--kz-white);
}
.woocommerce ul.products li.product:hover {
  box-shadow: var(--kz-sh-lg) !important;
  border-color: rgba(255,170,23,.25) !important;
}

/* Image zoom on hover — scoped to img, no layout impact */
.woocommerce ul.products li.product a img {
  border-radius: var(--kz-r-lg) var(--kz-r-lg) 0 0;
  transition: opacity var(--kz-t) var(--kz-ease);
  display: block;
  width: 100%;
}
.woocommerce ul.products li.product:hover a img {
  opacity: .9;
}

/* Product text */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-family: 'Inter', sans-serif !important;
  font-weight: 700 !important;
  color: var(--kz-black) !important;
  font-size: 16px !important;
}
.woocommerce ul.products li.product .price {
  color: var(--kz-gold) !important;
  font-weight: 800 !important;
}

/* Sale badge */
.woocommerce ul.products li.product .onsale {
  background: var(--kz-gold) !important;
  color: var(--kz-black) !important;
  border-radius: var(--kz-r-pill) !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 700 !important;
}

/* ── Woo buttons ────────────────────────────────────────
   Scoped carefully — exclude quantity inputs & remove links
───────────────────────────────────────────────────────── */
.woocommerce a.button:not(.added_to_cart),
.woocommerce button.button:not(.plus):not(.minus),
.woocommerce #respond input#submit,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce input.button[type="submit"] {
  background: var(--kz-grad) !important;
  color: var(--kz-black) !important;
  border-radius: var(--kz-r-pill) !important;
  border: none !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: .05em !important;
  box-shadow: var(--kz-sh-gold) !important;
  transition: box-shadow var(--kz-t) var(--kz-ease) !important;
}
.woocommerce a.button:not(.added_to_cart):hover,
.woocommerce button.button:not(.plus):not(.minus):hover,
.woocommerce #respond input#submit:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce input.button[type="submit"]:hover {
  background: var(--kz-grad) !important;
  color: var(--kz-black) !important;
  box-shadow: 0 14px 36px rgba(255,170,23,.5) !important;
}

/* Quantity +/- buttons — restore original appearance */
.woocommerce .quantity .plus,
.woocommerce .quantity .minus {
  background: var(--kz-offwhite) !important;
  color: var(--kz-black) !important;
  border: 1px solid var(--kz-border) !important;
  border-radius: var(--kz-r-sm) !important;
  box-shadow: none !important;
}

/* "View cart" link after add-to-cart */
.woocommerce a.added_to_cart {
  color: var(--kz-gold) !important;
  font-family: 'Inter', sans-serif;
  font-size: 13px;
  font-weight: 600;
}

/* ── Single product ──────────────────────────────────── */
.woocommerce div.product .product_title {
  font-family: var(--thm-font) !important;
  letter-spacing: -.02em;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  color: var(--kz-gold) !important;
  font-weight: 800 !important;
}

/* ── Cart & checkout table ───────────────────────────── */
.woocommerce table.shop_table {
  border: 1px solid var(--kz-border) !important;
  box-shadow: var(--kz-sh-sm);
  /* No overflow:hidden — breaks sticky headers & notices */
}
.woocommerce table.shop_table th {
  background: var(--kz-offwhite) !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .07em !important;
  text-transform: uppercase;
  color: var(--kz-text) !important;
  border-bottom: 2px solid var(--kz-border) !important;
}
.woocommerce table.shop_table td {
  border-top: 1px solid var(--kz-border) !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  color: var(--kz-text) !important;
  vertical-align: middle;
}

/* Cart totals box */
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-cart .cart-collaterals {
  background: var(--kz-white);
  border: 1px solid var(--kz-border) !important;
  border-radius: var(--kz-r-lg) !important;
  padding: 28px !important;
  box-shadow: var(--kz-sh-sm);
}
.woocommerce .cart-collaterals h2,
.woocommerce .cart_totals h2 {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: var(--kz-black) !important;
  font-family: 'Inter', sans-serif !important;
  margin-bottom: 20px !important;
}

/* ── Form inputs ─────────────────────────────────────── */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
  background: var(--kz-offwhite) !important;
  border: 1.5px solid var(--kz-border) !important;
  border-radius: var(--kz-r-md) !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  color: var(--kz-black) !important;
  transition: border-color var(--kz-t) var(--kz-ease) !important;
  box-shadow: none !important;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus {
  border-color: var(--kz-gold) !important;
  background: var(--kz-white) !important;
}

/* ── WooCommerce notices ─────────────────────────────── */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  border-radius: var(--kz-r-md) !important;
  font-family: 'Inter', sans-serif !important;
}
.woocommerce-message { border-top-color: var(--kz-gold) !important; }
.woocommerce-info    { border-top-color: #3b82f6 !important; }
.woocommerce-error   { border-top-color: #ef4444 !important; }

/* ─────────────────────────────────────────────────────────
   16. CONTACT FORM 7
───────────────────────────────────────────────────────── */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="number"],
.wpcf7-form select,
.wpcf7-form textarea,
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="tel"],
.contact-form textarea {
  background: var(--kz-offwhite) !important;
  border: 1.5px solid var(--kz-border) !important;
  border-radius: var(--kz-r-md) !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  color: var(--kz-black) !important;
  transition: border-color var(--kz-t) var(--kz-ease),
              box-shadow var(--kz-t) var(--kz-ease) !important;
}
.wpcf7-form input:focus,
.wpcf7-form textarea:focus,
.wpcf7-form select:focus,
.contact-form input:focus,
.contact-form textarea:focus {
  border-color: var(--kz-gold) !important;
  box-shadow: 0 0 0 4px var(--kz-gold-glow) !important;
  outline: none !important;
  background: var(--kz-white) !important;
}

.wpcf7-submit,
.contact-form input[type="submit"],
.contact-form button[type="submit"] {
  background: var(--kz-grad) !important;
  color: var(--kz-black) !important;
  border: none !important;
  border-radius: var(--kz-r-pill) !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  cursor: pointer;
  box-shadow: var(--kz-sh-gold) !important;
  transition: transform var(--kz-t) var(--kz-ease),
              box-shadow var(--kz-t) var(--kz-ease) !important;
}
.wpcf7-submit:hover,
.contact-form input[type="submit"]:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 14px 36px rgba(255,170,23,.5) !important;
}

/* ─────────────────────────────────────────────────────────
   17. SIDEBAR
───────────────────────────────────────────────────────── */
.sidebar-widget {
  border-radius: var(--kz-r-lg) !important;
  border: 1px solid var(--kz-border) !important;
  box-shadow: var(--kz-sh-sm);
}

.sidebar-title h4 {
  font-family: 'Inter', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: -.01em;
  border-bottom: 1px solid var(--kz-border) !important;
  padding-bottom: 12px;
  position: relative;
}
.sidebar-title h4::after {
  content: '';
  position: absolute;
  bottom: -1px; left: 0;
  width: 32px; height: 2px;
  background: var(--kz-grad);
  border-radius: var(--kz-r-pill);
}

/* ─────────────────────────────────────────────────────────
   18. SCROLL TO TOP
───────────────────────────────────────────────────────── */
.scroll-to-top {
  background: var(--kz-grad) !important;
  color: var(--kz-black) !important;
  border-radius: var(--kz-r-pill) !important;
  box-shadow: var(--kz-sh-gold) !important;
  transition: transform var(--kz-t) var(--kz-ease),
              box-shadow var(--kz-t) var(--kz-ease) !important;
  border: none !important;
}
.scroll-to-top:hover {
  transform: translateY(-4px) scale(1.1) !important;
  box-shadow: 0 16px 40px rgba(255,170,23,.55) !important;
}

/* ─────────────────────────────────────────────────────────
   19. ACCENT COLOUR OVERRIDES (global)
───────────────────────────────────────────────────────── */
.theme_color,
.thm-color { color: var(--kz-gold) !important; }

/* Links that should be gold */
a:hover { color: var(--kz-gold-dark); }

/* Accent backgrounds (small badges/tags) */
.tag,
.cat-label,
.post-tag {
  background: rgba(255,170,23,.12) !important;
  color: var(--kz-gold) !important;
  border-radius: var(--kz-r-pill) !important;
  font-family: 'Inter', sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .07em;
}

/* ─────────────────────────────────────────────────────────
   20. FOCUS & ACCESSIBILITY
───────────────────────────────────────────────────────── */
:focus-visible {
  outline: 2px solid var(--kz-gold);
  outline-offset: 3px;
  border-radius: 4px;
}

/* ─────────────────────────────────────────────────────────
   21. PRINT
───────────────────────────────────────────────────────── */
@media print {
  .main-header,
  .main-footer,
  .scroll-to-top { display: none !important; }
  body { color: #000; background: #fff; }
  a { color: #000; text-decoration: underline; }
}

/* ══════════════════════════════════════════════════════════
   22. CONTACT PAGE
══════════════════════════════════════════════════════════ */

/* ── Dark canvas ─────────────────────────────────────────── */
.page-id-1709 #page,
.page-id-1709 .page-wrapper,
.page-id-1709 .site-main,
.page-id-1709 .content-area,
.page-id-1709 article,
.page-id-1709 .entry-content,
.page-id-1709 section {
  background: #0d0f16 !important;
  color: #fff !important;
}

.page-id-1709 h1,
.page-id-1709 h2,
.page-id-1709 h3,
.page-id-1709 h4,
.page-id-1709 h5,
.page-id-1709 p,
.page-id-1709 span,
.page-id-1709 li { color: rgba(255,255,255,.9) !important; }
.page-id-1709 a { color: var(--kz-gold) !important; }
.page-id-1709 a:hover { color: var(--kz-gold-dark) !important; }

/* ── Form card ───────────────────────────────────────────── */
.page-id-1709 .default-form,
.page-id-1709 #contact-form,
.page-id-1709 .wpcf7 {
  background: linear-gradient(160deg, rgba(255,255,255,.05) 0%, rgba(255,255,255,.02) 100%) !important;
  border: 1px solid rgba(255,255,255,.1) !important;
  border-radius: 24px !important;
  padding: 48px !important;
  box-shadow: 0 32px 80px rgba(0,0,0,.5) !important;
}
.page-id-1709 .default-form h4 {
  font-family: 'Inter', sans-serif !important;
  font-size: 1.5rem !important;
  font-weight: 700 !important;
  letter-spacing: -.03em !important;
  margin-bottom: 32px !important;
  color: #fff !important;
}
.page-id-1709 .default-form h4 span { color: var(--kz-gold) !important; }

/* ── Custom form grid layout ─────────────────────────────── */
.page-id-1709 .kz-contact-form {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 20px 24px !important;
}
.page-id-1709 .kz-form-row {
  display: contents !important;
}
.page-id-1709 .kz-form-row.kz-full .kz-form-field {
  grid-column: 1 / -1 !important;
}
.page-id-1709 .kz-form-row.kz-submit-row {
  display: grid !important;
  grid-column: 1 / -1 !important;
  justify-items: start !important;
  margin-top: 8px !important;
}
.page-id-1709 .kz-form-field {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

/* ── Labels ──────────────────────────────────────────────── */
.page-id-1709 .kz-label {
  font-family: 'Inter', sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,.55) !important;
  display: block !important;
  margin-bottom: 0 !important;
}
.page-id-1709 .kz-required {
  color: var(--kz-gold) !important;
  font-weight: 700 !important;
}
.page-id-1709 .kz-optional {
  color: rgba(255,255,255,.3) !important;
  font-weight: 400 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-size: 11px !important;
}

/* ── Input fields ────────────────────────────────────────── */
.page-id-1709 .wpcf7-form input[type="text"],
.page-id-1709 .wpcf7-form input[type="email"],
.page-id-1709 .wpcf7-form input[type="tel"],
.page-id-1709 .wpcf7-form textarea,
.page-id-1709 .wpcf7-form select,
.page-id-1709 .default-form .form-group input[type="text"],
.page-id-1709 .default-form .form-group input[type="email"],
.page-id-1709 .default-form .form-group input[type="tel"],
.page-id-1709 .default-form .form-group textarea {
  background: rgba(255,255,255,.06) !important;
  border: 1.5px solid rgba(255,255,255,.12) !important;
  border-radius: 14px !important;
  color: #fff !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 15px !important;
  height: auto !important;
  line-height: 1.5 !important;
  padding: 16px 20px !important;
  transition: border-color .2s, background .2s, box-shadow .2s !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
.page-id-1709 .wpcf7-form input[type="text"]:focus,
.page-id-1709 .wpcf7-form input[type="email"]:focus,
.page-id-1709 .wpcf7-form input[type="tel"]:focus,
.page-id-1709 .wpcf7-form textarea:focus {
  background: rgba(255,255,255,.09) !important;
  border-color: var(--kz-gold) !important;
  box-shadow: 0 0 0 4px rgba(255,170,23,.15) !important;
  outline: none !important;
}
.page-id-1709 .wpcf7-form input::placeholder,
.page-id-1709 .wpcf7-form textarea::placeholder {
  color: rgba(255,255,255,.25) !important;
}
.page-id-1709 .wpcf7-form textarea {
  min-height: 140px !important;
  resize: vertical !important;
}

/* ── Submit button ───────────────────────────────────────── */
.page-id-1709 .kz-submit-btn,
.page-id-1709 .wpcf7-form button[type="submit"],
.page-id-1709 .wpcf7-form .theme-btn,
.page-id-1709 .default-form button[type="submit"] {
  background: var(--kz-grad) !important;
  color: #0a0b10 !important;
  border: none !important;
  border-radius: 50px !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  padding: 17px 52px !important;
  transition: transform .2s, box-shadow .2s !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
}
.page-id-1709 .kz-submit-btn:hover,
.page-id-1709 .wpcf7-form button[type="submit"]:hover,
.page-id-1709 .wpcf7-form .theme-btn:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 14px 36px rgba(255,170,23,.5) !important;
}
.page-id-1709 .btn-title { color: #0a0b10 !important; }

/* ── Validation & response ───────────────────────────────── */
.page-id-1709 .wpcf7-not-valid-tip {
  color: #ff7070 !important;
  font-size: 11px !important;
  font-family: 'Inter', sans-serif !important;
  margin-top: 4px !important;
  display: block !important;
}
.page-id-1709 .wpcf7-response-output {
  border-radius: 14px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  padding: 14px 20px !important;
  margin-top: 20px !important;
  grid-column: 1 / -1 !important;
}
.page-id-1709 .wpcf7-mail-sent-ok {
  background: rgba(34,197,94,.12) !important;
  border-color: rgba(34,197,94,.4) !important;
  color: #4ade80 !important;
}
.page-id-1709 .wpcf7-mail-sent-ng,
.page-id-1709 .wpcf7-spam-blocked {
  background: rgba(239,68,68,.12) !important;
  border-color: rgba(239,68,68,.4) !important;
  color: #f87171 !important;
}

/* ── reCAPTCHA ───────────────────────────────────────────── */
.page-id-1709 .grecaptcha-badge {
  opacity: .5 !important;
  filter: invert(1) !important;
}

/* ── Contact info cards ──────────────────────────────────── */
.page-id-1709 .contact-info-two__card,
.page-id-1709 .info-block {
  background: rgba(255,255,255,.04) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 18px !important;
  padding: 28px !important;
  transition: border-color .25s, background .25s !important;
}
.page-id-1709 .contact-info-two__card:hover,
.page-id-1709 .info-block:hover {
  background: rgba(255,170,23,.05) !important;
  border-color: rgba(255,170,23,.3) !important;
}

/* ── Map ─────────────────────────────────────────────────── */
.page-id-1709 iframe[src*="maps.google"] {
  border-radius: 20px !important;
  border: 1px solid rgba(255,255,255,.1) !important;
  filter: invert(.9) hue-rotate(180deg) saturate(0.8) !important;
  width: 100% !important;
  min-height: 400px !important;
}

/* ── Responsive: stack to single column on mobile ────────── */
@media (max-width: 767px) {
  .page-id-1709 .kz-contact-form {
    grid-template-columns: 1fr !important;
  }
  .page-id-1709 .wpcf7 { padding: 28px 20px !important; }
}

/* ══════════════════════════════════════════════════════════
   23. PODCASTS PAGE
══════════════════════════════════════════════════════════ */
.kzp-wrap {
  min-height: 100vh;
}

/* Full-width content area — no sidebar, no max-width cap */
.page-id-4814 .content-area,
.page-id-4814 .site-main,
.page-id-4814 article,
.page-id-4814 .post-inner,
.page-id-4814 .entry-content {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.page-id-4814 .sidebar-side,
.page-id-4814 .col-lg-4.sidebar-side,
.page-id-4814 #sidebar,
.page-id-4814 .widget-area {
  display: none !important;
}

/* Hide search bar on podcasts page */
.page-id-4814 .main-header .search-btn,
.page-id-4814 .main-header .other-links .search-btn {
  display: none !important;
}

/* Section shell */
.kzp-section {
  padding: 56px 40px 60px;
  border-bottom: 1px solid rgba(255,170,23,.1);
}
@media (max-width: 768px) {
  .kzp-section { padding: 40px 16px 48px; }
}

/* Section header */
.kzp-section-head {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 32px;
}
.kzp-label {
  font-family: 'Inter', sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--kz-gold);
  background: rgba(255,170,23,.1);
  border: 1px solid rgba(255,170,23,.25);
  border-radius: 20px;
  padding: 4px 12px;
}
.kzp-title {
  font-family: 'Inter', sans-serif !important;
  font-size: 1.75rem !important;
  font-weight: 700 !important;
  color: #fff !important;
  letter-spacing: -.03em !important;
  margin: 0 !important;
  flex: 1;
}
.kzp-follow-btn {
  display: inline-flex !important;
  align-items: center;
  gap: 7px;
  padding: 9px 20px;
  border-radius: 50px;
  font-family: 'Inter', sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #fff !important;
  background: linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045);
  border: none;
  transition: opacity .2s, transform .2s;
  text-decoration: none !important;
  white-space: nowrap;
}
.kzp-yt-btn {
  background: #ff0000 !important;
}
.kzp-follow-btn:hover {
  opacity: .88;
  transform: translateY(-2px);
  color: #fff !important;
}

/* ── Instagram section ───────────────────────────────────── */
.kzp-insta-section { }

.kzp-insta-feed-wrap {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: var(--kz-gold) rgba(255,255,255,.05);
  padding-bottom: 8px;
}
.kzp-insta-feed-wrap::-webkit-scrollbar { height: 4px; }
.kzp-insta-feed-wrap::-webkit-scrollbar-thumb {
  background: var(--kz-gold);
  border-radius: 2px;
}

/* Make SBI render as a horizontal strip */
.kzp-insta-feed-wrap #sb_instagram,
.kzp-insta-feed-wrap .sbi-feed-el {
  min-width: max-content !important;
}
.kzp-insta-feed-wrap #sbi_images,
.kzp-insta-feed-wrap .sbi_images_wrap {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 8px;
}
.kzp-insta-feed-wrap .sbi_item {
  flex: 0 0 200px !important;
  width: 200px !important;
  border-radius: 12px;
  overflow: hidden;
}
.kzp-insta-feed-wrap .sbi_photo_wrap img {
  width: 200px !important;
  height: 355px !important; /* 9:16 Shorts ratio */
  object-fit: cover !important;
}

/* "Not connected" placeholder message style */
.sbi-placeholder-error,
.sbi_error {
  background: rgba(255,255,255,.04) !important;
  border: 1px dashed rgba(255,170,23,.3) !important;
  border-radius: 12px !important;
  color: rgba(255,255,255,.55) !important;
  padding: 32px !important;
  text-align: center !important;
  font-family: 'Inter', sans-serif !important;
}

/* ── YouTube section ─────────────────────────────────────── */
.kzp-yt-section { }

.kzp-yt-feed-wrap .yrc-channel-wrap,
.kzp-yt-feed-wrap #yrc-page {
  background: transparent !important;
  color: #fff !important;
}

/* Video titles & meta */
.kzp-yt-feed-wrap .yrc-video-title,
.kzp-yt-feed-wrap .yrc-title {
  color: rgba(255,255,255,.9) !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
}
.kzp-yt-feed-wrap .yrc-views,
.kzp-yt-feed-wrap .yrc-date,
.kzp-yt-feed-wrap .yrc-meta {
  color: rgba(255,255,255,.4) !important;
}

/* YourChannel nav/tab buttons — make them visible */
.kzp-yt-feed-wrap .yrc-btn,
.kzp-yt-feed-wrap .yrc-menu-item,
.kzp-yt-feed-wrap .yrc-tab,
.kzp-yt-feed-wrap button {
  background: rgba(255,255,255,.08) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.15) !important;
  border-radius: 8px !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  transition: background .2s, border-color .2s !important;
}
.kzp-yt-feed-wrap .yrc-btn:hover,
.kzp-yt-feed-wrap .yrc-menu-item:hover,
.kzp-yt-feed-wrap button:hover,
.kzp-yt-feed-wrap .yrc-menu-item.active,
.kzp-yt-feed-wrap .yrc-tab.active {
  background: var(--kz-gold) !important;
  color: #000 !important;
  border-color: var(--kz-gold) !important;
}

/* Load more button */
.kzp-yt-feed-wrap .yrc-load-more,
.kzp-yt-feed-wrap [data-page] {
  background: var(--kz-grad) !important;
  color: var(--kz-black) !important;
  border: none !important;
  border-radius: 50px !important;
  padding: 12px 36px !important;
  font-weight: 700 !important;
  letter-spacing: .03em !important;
  margin-top: 24px !important;
}

/* Banner strip if shown */
.kzp-yt-feed-wrap .yrc-banner {
  border-radius: 14px !important;
  overflow: hidden !important;
  margin-bottom: 24px !important;
}

/* Video item cards */
.kzp-yt-feed-wrap .yrc-item,
.kzp-yt-feed-wrap .yrc-video-item {
  background: rgba(255,255,255,.04) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  border-radius: 12px !important;
  transition: border-color .2s, transform .2s !important;
  overflow: hidden !important;
}
.kzp-yt-feed-wrap .yrc-item:hover,
.kzp-yt-feed-wrap .yrc-video-item:hover {
  border-color: rgba(255,170,23,.4) !important;
  transform: translateY(-4px) !important;
}