/* ============================================================
   PADIHAM MOBILE CSS - works with Elementor header (no duplicate)
   ============================================================ */
html, body { overflow-x: hidden !important; }
*, *::before, *::after { box-sizing: border-box; }
img { max-width: 100%; }

/* ============================================================
   TABLET <= 1024px
   ============================================================ */
@media (max-width: 1024px) {
  .woocommerce ul.products { grid-template-columns: repeat(3,1fr) !important; }
  .pf { grid-template-columns: 1fr 1fr !important; }
}

/* ============================================================
   MOBILE <= 768px
   ============================================================ */
@media (max-width: 768px) {

/* Kill ALL duplicate/mobile nav menus that Elementor outputs */
nav.elementor-nav-menu--dropdown.elementor-nav-menu__container,
.elementor-nav-menu--main .elementor-nav-menu--dropdown {
  display: none !important;
}

/* WC cart shows $0.00 - shorten on mobile */
.elementor-widget-woocommerce-menu-cart .elementor-cart__subtotal { display: none !important; }

/* Main bar: fix alignment */
.elementor-location-header .e-con-inner {
  padding-left: 12px !important;
  padding-right: 12px !important;
}

/* Search bar on mobile: full width below */
.elementor-widget-search-form { width: 100% !important; }
.elementor-search-form__container { border-radius: 25px !important; }
.elementor-search-form__input { font-size: 14px !important; padding: 9px 14px !important; }
.elementor-search-form__submit { padding: 9px 14px !important; font-size: 12px !important; }

/* Mobile nav drawer widget: show only on mobile */


/* ---- Carousels ---- */
.pcf-section { padding: 40px 0 32px !important; }
.pcf-stage { height: 280px !important; }
.pcf-card { width: 155px !important; height: 230px !important; }
.pcf-card-title { font-size: 12px !important; line-height: 1.2 !important; }
.pcf-card-price { font-size: 13px !important; }
.pcf-card-btn { font-size: 9px !important; padding: 5px 10px !important; }
.pcf-title { font-size: 22px !important; }
.pcf-sub { font-size: 13px !important; }
.pcf-inner { padding: 0 12px !important; }
.pcf-arrow { width: 34px !important; height: 34px !important; font-size: 18px !important; }
.pcf-prev { left: 2px !important; }
.pcf-next { right: 2px !important; }

/* ---- Product page: single col ---- */
.woocommerce div.product { flex-direction: column !important; }
.woocommerce div.product .woocommerce-product-gallery,
.woocommerce div.product .woo-variation-product-gallery,
.woocommerce div.product .summary.entry-summary {
  width: 100% !important; flex: 0 0 100% !important; max-width: 100% !important; float: none !important;
}
.woocommerce div.product .summary.entry-summary { padding: 0 16px 20px !important; }
.pad-option-btns { flex-wrap: wrap !important; }
.pad-ob { flex: 1 1 45% !important; text-align: center !important; min-height: 42px !important; }
.pad-pos { flex-wrap: wrap !important; }
.pad-pb { flex: 1 1 45% !important; text-align: center !important; }
.single_add_to_cart_button { width: 100% !important; }

/* ---- WC Archives ---- */
.woocommerce ul.products { grid-template-columns: repeat(2,1fr) !important; gap: 12px !important; }
.woocommerce ul.products li.product img { height: 160px !important; }
.woocommerce-products-header__title { font-size: 22px !important; }

/* ---- Footer ---- */
.pf { grid-template-columns: 1fr !important; gap: 20px !important; }
.pf-bottom { flex-direction: column !important; text-align: center !important; gap: 14px !important; }
.pf-pay-row, .pf-social { justify-content: center !important; }

/* ---- WC Checkout/Cart ---- */
.woocommerce .col2-set .col-1,
.woocommerce .col2-set .col-2 { width: 100% !important; float: none !important; }
.woocommerce form .form-row { width: 100% !important; float: none !important; }

/* Quantity +/- */
.quantity { display: flex !important; align-items: center !important; gap: 4px !important; }
.wc-qty-minus,.wc-qty-plus { width:38px;height:38px;border:1px solid #d0d0d0;border-radius:6px;background:#fff;font-size:20px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#15171b;padding:0;flex-shrink:0; }
.wc-qty-minus:hover,.wc-qty-plus:hover { background:#e2641f;color:#fff;border-color:#e2641f; }
.quantity .qty { width:52px !important; text-align:center !important; }

}
/* ============================================================
   SMALL MOBILE <= 480px
   ============================================================ */
@media (max-width: 480px) {
  .woocommerce ul.products { grid-template-columns: 1fr !important; }
  .pcf-stage { height: 250px !important; }
  .pcf-card { width: 140px !important; height: 210px !important; }
  .pad-ob, .pad-pb { flex: 1 1 100% !important; }
}
/* ============================================================
   TOUCH DEVICES
   ============================================================ */
@media (hover: none) and (pointer: coarse) {
  .woocommerce a.button,.woocommerce button.button,.single_add_to_cart_button { min-height: 48px !important; }
}
/* ============================================================
   MOBILE NAV DRAWER (pmn) - loaded via file, always present
   ============================================================ */
.pmn-wrap { display: none; }
@media (max-width: 768px) {










.pmn-overlay { display: none; position: fixed; inset: 0; background: rgba(0,0,0,.5); z-index: 99998; }
.pmn-overlay.open { display: block; }
.pmn-drawer { position: fixed; top: 0; left: 0; width: 82%; max-width: 300px; height: 100vh; height: 100dvh; background: #fff; z-index: 99999; transform: translateX(-100%); transition: transform .35s cubic-bezier(.25,.8,.25,1); display: flex; flex-direction: column; overflow-y: auto; }
.pmn-drawer.open { transform: translateX(0); }
.pmn-drawer-head { display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; background: #15171b; flex-shrink: 0; }
.pmn-drawer-head span { font-family: Archivo,sans-serif; font-size: 13px; font-weight: 700; color: #fff; letter-spacing: 1.5px; }
.pmn-drawer-head button { background: rgba(255,255,255,.12); border: none; color: #fff; font-size: 22px; cursor: pointer; line-height: 1; padding: 0; width: 34px; height: 34px; border-radius: 6px; display: flex; align-items: center; justify-content: center; }
.pmn-list { list-style: none; margin: 0; padding: 8px 0; flex: 1; }
.pmn-list li { border-bottom: 1px solid #f4f5f7; }
.pmn-link { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 14px 20px; font-family: Archivo,sans-serif; font-size: 14px; font-weight: 700; color: #15171b; text-decoration: none; text-transform: uppercase; letter-spacing: .5px; background: none; border: none; cursor: pointer; text-align: left; }
.pmn-link:hover, .pmn-link.active { background: #fdf0e7; color: #e2641f; }
.pmn-chevron { font-size: 18px; opacity: .4; transition: transform .25s; }
.pmn-chevron.rotated { transform: rotate(90deg); }
.pmn-sub { display: none; list-style: none; margin: 0; padding: 0; background: #f8f9fa; }
.pmn-sub.open { display: block; }
.pmn-sub-link { display: block; padding: 11px 20px 11px 34px; font-family: Hanken Grotesk,sans-serif; font-size: 13px; font-weight: 600; color: #474c54; text-decoration: none; border-bottom: 1px solid #eee; }
.pmn-sub-link:hover { background: #fdf0e7; color: #e2641f; }
.pmn-drawer-foot { padding: 20px; border-top: 1px solid #e3e5e9; flex-shrink: 0; }
.pmn-drawer-foot > a { display: block; background: #e2641f; color: #fff; text-align: center; padding: 13px; border-radius: 8px; font-family: Archivo,sans-serif; font-weight: 700; font-size: 14px; text-decoration: none; margin-bottom: 10px; }
.pmn-drawer-foot p { text-align: center; font-family: Hanken Grotesk,sans-serif; font-size: 13px; color: #6c727c; margin: 0; }
.pmn-drawer-foot p a { color: #e2641f; font-weight: 600; text-decoration: none; }
}
/* ===== MOBILE NAV: cart button in top bar ===== */
@media (max-width: 768px) {

/* Cart button next to search */



.pmn-cart-count {
 position: absolute;
 top: -6px;
 right: -6px;
 background: #e2641f;
 color: #fff;
 font-family: Archivo, sans-serif;
 font-size: 10px;
 font-weight: 700;
 width: 18px;
 height: 18px;
 border-radius: 50%;
 display: flex;
 align-items: center;
 justify-content: center;
 border: 2px solid #fff;
}

/* Hide the cart icon from the Elementor main bar on mobile */
/* (we now show it in the pmn-bar instead) */
.elementor-widget-woocommerce-menu-cart { display: none !important; }
.elementor-widget-icon { display: none !important; }

/* Account section in drawer */
.pmn-account {
 background: #f8f9fa;
 border-bottom: 1px solid #e3e5e9;
 padding: 16px 20px;
 flex-shrink: 0;
}
.pmn-account-row {
 display: flex;
 align-items: center;
 gap: 10px;
 text-decoration: none;
 margin-bottom: 12px;
}
.pmn-account-icon {
 width: 38px;
 height: 38px;
 background: #e3e5e9;
 border-radius: 50%;
 display: flex;
 align-items: center;
 justify-content: center;
 flex-shrink: 0;
}
.pmn-account-label {
 font-family: Archivo, sans-serif;
 font-size: 14px;
 font-weight: 700;
 color: #15171b;
}
.pmn-account-btns {
 display: flex;
 gap: 8px;
}
.pmn-btn-login {
 flex: 1;
 text-align: center;
 padding: 10px 16px;
 border: 1.5px solid #15171b;
 border-radius: 6px;
 font-family: Archivo, sans-serif;
 font-size: 13px;
 font-weight: 700;
 color: #15171b;
 text-decoration: none;
 transition: background .15s, color .15s;
}
.pmn-btn-login:hover { background: #15171b; color: #fff; }
.pmn-btn-register {
 flex: 1;
 text-align: center;
 padding: 10px 16px;
 background: #e2641f;
 border: 1.5px solid #e2641f;
 border-radius: 6px;
 font-family: Archivo, sans-serif;
 font-size: 13px;
 font-weight: 700;
 color: #fff;
 text-decoration: none;
 transition: background .15s;
}
.pmn-btn-register:hover { background: #b84e15; border-color: #b84e15; }

} /* end @media 768px */
/* ===== Hide blog-style post meta on search results ===== */
.search-results .entry-meta,
.search-results .posted-by,
.search-results .posted-on,
.search-results .post-meta,
.search-results .ast-author-meta,
.search .entry-meta,
.search .posted-by,
.search .ast-author-name,
.search time.entry-date,
.search-no-results .entry-meta {
  display: none !important;
}
/* Clean up search result entries to look like product cards */
.search-results article.product,
.search article {
  margin-bottom: 24px;
}

/* ===== ORANGE GLASS MOBILE HEADER (mobile/tablet only) ===== */
@media (min-width: 1025px) { .pmn-wrap { display: none !important; } }
@media (max-width: 1024px) {
/* ===== Mobile Header - Orange Glass (Panda-style layout) ===== */
.pmn-wrap {
  display: block !important;
  background: linear-gradient(135deg, #e2641f 0%, #d4571a 50%, #b84e15 100%);
  position: relative;
  overflow: hidden;
  padding-bottom: 2px;
}
/* Glass sheen overlay */
.pmn-wrap::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 100%;
  background: linear-gradient(180deg, rgba(255,255,255,.18) 0%, rgba(255,255,255,.05) 40%, rgba(255,255,255,0) 100%);
  pointer-events: none;
}
.pmn-wrap > * { position: relative; z-index: 1; }

/* Top bar: hamburger | logo center | actions */
.pmn-bar {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  padding: 12px 16px 10px;
}

/* Hamburger - left, glass button */
.pmn-burger {
  justify-self: start;
  width: 44px; height: 44px;
  background: rgba(255,255,255,.15);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1px solid rgba(255,255,255,.25);
  border-radius: 10px;
  cursor: pointer;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px;
  padding: 4px;
  transition: background .2s;
}
.pmn-burger:active { background: rgba(255,255,255,.28); }
.pmn-burger span { display: block; width: 22px; height: 2.5px; background: #fff; border-radius: 2px; transition: all .3s; }
.pmn-burger.open span:nth-child(1) { transform: translateY(7.5px) rotate(45deg); }
.pmn-burger.open span:nth-child(2) { opacity: 0; transform: scaleX(0); }
.pmn-burger.open span:nth-child(3) { transform: translateY(-7.5px) rotate(-45deg); }

/* Logo - centered */
.pmn-logo {
  justify-self: center;
  display: flex; align-items: center;
}
.pmn-logo img {
  height: 46px; width: auto; display: block;
  /* white panel behind logo so it stays visible on orange */
  background: #fff;
  padding: 5px 10px;
  border-radius: 9px;
  box-shadow: 0 3px 10px rgba(0,0,0,.15);
}

/* Actions - right */
.pmn-actions {
  justify-self: end;
  display: flex; align-items: center; gap: 8px;
}
.pmn-icon, .pmn-cart-btn {
  position: relative;
  width: 44px; height: 44px;
  display: flex; align-items: center; justify-content: center;
  background: rgba(255,255,255,.15);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1px solid rgba(255,255,255,.25);
  border-radius: 10px;
  color: #fff;
  text-decoration: none;
  transition: background .2s;
}
.pmn-icon:active, .pmn-cart-btn:active { background: rgba(255,255,255,.28); }
.pmn-icon svg, .pmn-cart-btn svg { display: block; }

/* Search row - full width below, glass */
.pmn-search {
  display: flex;
  align-items: center;
  margin: 0 16px 14px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(255,255,255,.5);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 14px rgba(0,0,0,.12), inset 0 1px 0 rgba(255,255,255,.6);
}
.pmn-search button {
  padding: 12px 6px 12px 14px;
  border: none; background: transparent;
  color: #e2641f; cursor: pointer;
  display: flex; align-items: center;
}
.pmn-search input {
  flex: 1;
  padding: 13px 14px 13px 8px;
  border: none; outline: none;
  font-size: 15px;
  background: transparent;
  color: #15171b;
  font-family: 'Hanken Grotesk', sans-serif;
}
.pmn-search input::placeholder { color: #9aa0a8; }
} /* end orange glass media query */

/* ===== BULLETPROOF: mobile header section visibility ===== */
@media (min-width: 1025px) {
  .pmn-mobile-section,
  .pmn-wrap { display: none !important; }
}
@media (max-width: 1024px) {
  .pmn-mobile-section { display: block !important; }
  .pmn-mobile-section .pmn-wrap { display: block !important; }
}