.elementor-10861 .elementor-element.elementor-element-24aa97c{--display:flex;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for shortcode, class: .elementor-element-5421bba *//* =========================================================
   PCP Side Categories — WoodMart Style (RED)
   - flush to left (no space)
   - from top
   - hover expands
   - better burger
   - clean (no vertical/slider junk)
   - REAL ICONS by CATEGORY SLUG (stable)
   - submenu shows on hover (right panel)
   - show only on Shop archive
========================================================= */

/* ✅ show only on Woo shop archive */
.pcp-catmenu{ display:none; }
body.post-type-archive-product .pcp-catmenu{ display:block; }

/* brand vars */
body.post-type-archive-product .pcp-catmenu{
  --pcp-red: #C40030;
  --pcp-red-2: #9e0026;
  --pcp-border: rgba(0,0,0,.10);
  --pcp-text: #151515;
  --pcp-muted: rgba(0,0,0,.60);
  --pcp-bg: #ffffff;
  --pcp-soft: #f6f7f9;

  --pcp-top: 100px;        /* بدلها إلا بغيتي تطلع/تنزل */
  --pcp-collapsed: 62px;
  --pcp-expanded: 330px;
}

/* ==== wrapper: flush left, full height vibe ==== */
body.post-type-archive-product .pcp-catmenu{
  position: fixed;
  left: 0;
  top: var(--pcp-top);
  height: calc(100vh - var(--pcp-top));
  width: var(--pcp-collapsed);
  z-index: 999999;

  background: var(--pcp-bg);
  border: 1px solid var(--pcp-border);
  border-left: 0;
  border-radius: 0 18px 18px 0;
  box-shadow: 0 18px 55px rgba(0,0,0,.14);

  /* ✅ مهم: submenu كيمشي خارج، لذلك هنا نخليه visible */
  overflow: visible;

  transition: width .18s ease, box-shadow .18s ease, transform .18s ease;
}

body.post-type-archive-product .pcp-catmenu:hover{
  width: var(--pcp-expanded);
  box-shadow: 0 28px 85px rgba(0,0,0,.20);
  transform: translateY(-1px);
}

/* ✅ rail: keep rounded corners / clipping for inside only */
body.post-type-archive-product .pcp-catmenu__rail{
  height: 100%;
  overflow: hidden;              /* ✅ يخلي الروندينغ مزيان */
  border-radius: inherit;
  background: var(--pcp-bg);
}

/* ✅ KILL any weird controls inside catmenu (extra arrows/dots/vertical stuff) */
body.post-type-archive-product .pcp-catmenu :is(
  .pcp-catmenu__move, .pcp-catmenu__controls, .pcp-catmenu__drag, .pcp-catmenu__range, .pcp-catmenu__arrows,
  .swiper, .swiper-wrapper, .swiper-slide, .swiper-pagination, .swiper-button-prev, .swiper-button-next, .elementor-swiper-button,
  .slick-slider, .slick-list, .slick-track, .slick-dots, .slick-arrow,
  .noUi-target, .noUi-base, .noUi-handle, .ui-slider, .ui-slider-handle,
  [class*="slider"], [class*="range"], [class*="drag"], [class*="handle"], [class*="scroll"],
  [class*="controls"], [class*="control"], [class*="pagination"], [class*="dots"], [class*="arrows"], [class*="nav"]
){
  display:none !important;
}

/* ==== head bar (All Categories) ==== */
body.post-type-archive-product .pcp-catmenu__head{
  display:flex;
  align-items:center;
  gap: 12px;
  padding: 12px 14px;

  background: linear-gradient(180deg, var(--pcp-red) 0%, var(--pcp-red-2) 100%);
  color: #fff;
  border-bottom: 1px solid rgba(255,255,255,.18);
}

/* better burger (3 lines) */
body.post-type-archive-product .pcp-catmenu__burger{
  width: 36px;
  height: 36px;
  border-radius: 999px;
  background: rgba(255,255,255,.18);
  position: relative;
  flex: 0 0 36px;
}

body.post-type-archive-product .pcp-catmenu__burger::before,
body.post-type-archive-product .pcp-catmenu__burger::after{
  content:"";
  position:absolute;
  left: 10px;
  right: 10px;
  height: 2px;
  background: rgba(255,255,255,.95);
  border-radius: 99px;
}
body.post-type-archive-product .pcp-catmenu__burger::before{ top: 13px; }
body.post-type-archive-product .pcp-catmenu__burger::after{ top: 21px; }
body.post-type-archive-product .pcp-catmenu__burger span{
  position:absolute;
  left: 10px;
  right: 10px;
  top: 17px;
  height: 2px;
  background: rgba(255,255,255,.95);
  border-radius: 99px;
}

/* title hidden while collapsed */
body.post-type-archive-product .pcp-catmenu__title{
  font-weight: 800;
  letter-spacing: .2px;
  white-space: nowrap;

  opacity: 0;
  transform: translateX(-8px);
  transition: opacity .16s ease, transform .16s ease;
}
body.post-type-archive-product .pcp-catmenu:hover .pcp-catmenu__title{
  opacity: 1;
  transform: translateX(0);
}

/* =========================================================
   ✅ SCROLL FIX (NO HORIZONTAL BAR + submenu safe)
   - Body is NOT scrolling container
   - ONLY lvl1 UL scrolls vertically
========================================================= */

/* body: visible so submenu can escape */
body.post-type-archive-product .pcp-catmenu__body{
  height: calc(100% - 60px);
  position: relative;
  overflow: visible !important;   /* ✅ مهم */
  padding: 0 !important;          /* ✅ مهم */
}

/* only main list scrolls */
body.post-type-archive-product .pcp-catmenu__body > ul.pcp-catmenu__list--lvl1{
  height: 100%;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding: 10px 0;
  scrollbar-width: thin;
  scrollbar-color: rgba(0,0,0,.18) transparent;
}

/* webkit scrollbars */
body.post-type-archive-product .pcp-catmenu__body > ul.pcp-catmenu__list--lvl1::-webkit-scrollbar{ width: 8px; }
body.post-type-archive-product .pcp-catmenu__body > ul.pcp-catmenu__list--lvl1::-webkit-scrollbar-thumb{
  background: rgba(0,0,0,.14);
  border-radius: 999px;
}
body.post-type-archive-product .pcp-catmenu__body > ul.pcp-catmenu__list--lvl1::-webkit-scrollbar:horizontal{
  height: 0 !important; /* ✅ kill horizontal */
}

/* reset list */
body.post-type-archive-product .pcp-catmenu__list{
  list-style:none;
  margin:0;
  padding:0;
}

/* item link */
body.post-type-archive-product .pcp-catmenu__link{
  display:flex;
  align-items:center;
  gap: 12px;

  width: 100%;
  min-width: 0;
  padding: 12px 14px;

  text-decoration:none !important;
  color: var(--pcp-text) !important;

  border-bottom: 1px solid rgba(0,0,0,.06);
  transition: background .14s ease, color .14s ease;
}
body.post-type-archive-product .pcp-catmenu__link:hover{
  background: rgba(196,0,48,.07);
}

/* icon base */
body.post-type-archive-product .pcp-catmenu__icon{
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  border: 0 !important;
  border-radius: 6px;
  background: transparent;
  position: relative;
}

/* mask icon */
body.post-type-archive-product .pcp-catmenu__icon::before{
  content:"";
  position:absolute;
  inset: 0;
  background: rgba(0,0,0,.55);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
}

/* hide text when collapsed */
body.post-type-archive-product .pcp-catmenu__text{
  font-weight: 650;
  white-space: nowrap;

  opacity: 0;
  transform: translateX(-8px);
  transition: opacity .16s ease, transform .16s ease;
}
body.post-type-archive-product .pcp-catmenu:hover .pcp-catmenu__text{
  opacity: 1;
  transform: translateX(0);
}

/* chevron only when expanded */
body.post-type-archive-product .pcp-catmenu__chev{
  margin-left:auto;
  opacity: 0;
  color: rgba(0,0,0,.28);
  transition: opacity .16s ease;
  pointer-events: none; /* indicator only */
}
body.post-type-archive-product .pcp-catmenu:hover .pcp-catmenu__chev{
  opacity: 1;
}

/* icon becomes red on hover */
body.post-type-archive-product .pcp-catmenu__link:hover .pcp-catmenu__icon::before{
  background: var(--pcp-red);
}

/* =========================================================
   ✅ ICONS BY SLUG (EDIT ONLY HERE)
   This requires snippet adds class: cat-{slug} on li
========================================================= */

/* iPhone Cases => slug: iphone-cases */
body.post-type-archive-product .pcp-catmenu__item.cat-iphone-cases .pcp-catmenu__icon::before{
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9 2h6a3 3 0 0 1 3 3v14a3 3 0 0 1-3 3H9a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3zm0 2a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1H9zm3 15.2a1 1 0 1 1 0 2a1 1 0 0 1 0-2z'/%3E%3C/svg%3E");
}

/* AirPods Cases => slug: airpods-cases */
body.post-type-archive-product .pcp-catmenu__item.cat-airpods-cases .pcp-catmenu__icon::before{
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a7 7 0 0 1 7 7v5a7 7 0 0 1-14 0V9a7 7 0 0 1 7-7zm0 2a5 5 0 0 0-5 5v5a5 5 0 0 0 10 0V9a5 5 0 0 0-5-5z'/%3E%3C/svg%3E");
}

/* MegaSafe Accessories => slug: megasafe-accessories */
body.post-type-archive-product .pcp-catmenu__item.cat-megasafe-accessories .pcp-catmenu__icon::before{
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 7a2 2 0 0 1 2-2h3V3h6v2h3a2 2 0 0 1 2 2v3H4V7zm0 5h20v7a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-7z'/%3E%3C/svg%3E");
}

/* Screen Protectors => slug: screen-protectors */
body.post-type-archive-product .pcp-catmenu__item.cat-screen-protectors .pcp-catmenu__icon::before{
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 5a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V5zm2 0v14h12V5H6z'/%3E%3C/svg%3E");
}

/* =========================================================
   ✅ SUBMENU — clean hover (right panel)
   Works with our scroll fix (submenu not clipped)
========================================================= */

/* parent item */
body.post-type-archive-product .pcp-catmenu__item.has-children{
  position: relative;
}

/* submenu hidden by default */
body.post-type-archive-product .pcp-catmenu__sub{
  display: none;
}

/* show submenu on hover (ONLY when sidebar expanded) */
body.post-type-archive-product .pcp-catmenu:hover .pcp-catmenu__item.has-children:hover > .pcp-catmenu__sub{
  display: block;
}

/* submenu panel */
body.post-type-archive-product .pcp-catmenu__item.has-children > .pcp-catmenu__sub{
  position: absolute;
  left: calc(100% + 10px);
  top: -8px;

  min-width: 260px;
  background: #fff;
  border: 1px solid rgba(0,0,0,.12);
  border-radius: 14px;
  box-shadow: 0 18px 55px rgba(0,0,0,.18);
  overflow: hidden;
  z-index: 999999;
}

/* subcategory links */
body.post-type-archive-product .pcp-catmenu__sub .pcp-catmenu__link{
  padding: 10px 14px;
}

/* optional: make submenu list look tight */
body.post-type-archive-product .pcp-catmenu__sub .pcp-catmenu__link{
  border-bottom: 1px solid rgba(0,0,0,.06);
}
body.post-type-archive-product .pcp-catmenu__sub .pcp-catmenu__link:last-child{
  border-bottom: 0;
}

/* ✅ hide on small screens (optional) */
@media (max-width: 900px){
  body.post-type-archive-product .pcp-catmenu{ display:none !important; }
}
```0

/* =========================================================
   SUBMENU FIX (CSS-ONLY) — IN-LINE DROPDOWN (NO CLIPPING)
   Replace your submenu block with this
========================================================= */

/* parent item */
body.post-type-archive-product .pcp-catmenu__item.has-children{
  position: relative;
}

/* submenu default hidden */
body.post-type-archive-product .pcp-catmenu__sub{
  display: none;
}

/* show submenu on hover ONLY when sidebar expanded */
body.post-type-archive-product .pcp-catmenu:hover .pcp-catmenu__item.has-children:hover > .pcp-catmenu__sub{
  display: block;
}

/* submenu becomes normal block (no absolute) => never clipped */
body.post-type-archive-product .pcp-catmenu__item.has-children > .pcp-catmenu__sub{
  position: static !important;
  width: 80%; right: ;
  background: rgba(0,0,0,.02);
  border-top: 1px solid rgba(0,0,0,.06);
  border-bottom: 1px solid rgba(0,0,0,.06);
  padding: 6px 0;
}

/* sub-list spacing */
body.post-type-archive-product .pcp-catmenu__sub .pcp-catmenu__list{
  padding: 0;
  margin: 0;
}

/* sub links style */
body.post-type-archive-product .pcp-catmenu__sub .pcp-catmenu__link{
  padding: 10px 14px 10px 48px; /* indent تحت parent */
  border-bottom: 0;
  font-weight: 600;
  color: rgba(0,0,0,.78) !important;
}

body.post-type-archive-product .pcp-catmenu__sub .pcp-catmenu__link:hover{
  background: rgba(196,0,48,.08);
}

/* chevron indicator rotates on hover */
body.post-type-archive-product .pcp-catmenu__chev{
  pointer-events: none;
  transition: transform .16s ease, opacity .16s ease;
}

body.post-type-archive-product .pcp-catmenu:hover .pcp-catmenu__item.has-children:hover > .pcp-catmenu__link .pcp-catmenu__chev{
  transform: rotate(90deg);
  opacity: 1;
}




/* =========================================================
   SUBMENU (SMALL OVERLAY DROPDOWN — doesn't push items down)
========================================================= */

body.post-type-archive-product .pcp-catmenu__item.has-children{
  position: relative;
}

/* submenu hidden */
body.post-type-archive-product .pcp-catmenu__sub{
  display: none;
}

/* show submenu on hover ONLY when sidebar expanded */
body.post-type-archive-product .pcp-catmenu:hover .pcp-catmenu__item.has-children:hover > .pcp-catmenu__sub{
  display: block;
}

/* ✅ dropdown overlay (no layout push) */
body.post-type-archive-product .pcp-catmenu__item.has-children > .pcp-catmenu__sub{
  position: absolute !important;
  left: 56px;              /* ✅ نقص/زيد من هنا باش يجي شوية لليسار/ليمين */
  top: 50%;
  transform: translateY(-50%);

  width: 240px;            /* ✅ صغيّر/كبّر */
  max-height: 220px;       /* ✅ مايطولش بزاف */
  overflow: auto;

  background: #fff;
  border: 1px solid rgba(0,0,0,.12);
  border-radius: 12px;
  box-shadow: 0 18px 55px rgba(0,0,0,.18);
  z-index: 999999;
  padding: 6px 0;
}

/* list reset inside submenu */
body.post-type-archive-product .pcp-catmenu__sub .pcp-catmenu__list{
  margin: 0;
  padding: 0;
}

/* sub links */
body.post-type-archive-product .pcp-catmenu__sub .pcp-catmenu__link{
  padding: 9px 12px;
  border-bottom: 0;
  font-weight: 600;
  font-size: 13.5px;
  color: rgba(0,0,0,.78) !important;
}

/* hover */
body.post-type-archive-product .pcp-catmenu__sub .pcp-catmenu__link:hover{
  background: rgba(196,0,48,.08);
}

/* subtle scrollbar */
body.post-type-archive-product .pcp-catmenu__sub::-webkit-scrollbar{ width: 8px; }
body.post-type-archive-product .pcp-catmenu__sub::-webkit-scrollbar-thumb{
  background: rgba(0,0,0,.12);
  border-radius: 999px;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-349eea1 *//* ===== PCP Header (Premium + Responsive) ===== */
.pcp-header{
  position: sticky;
  top: 0;
  z-index: 3000;
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(17,17,17,.08);
}

.pcp-header__inner{
  max-width: 1200px;
  margin: 0 auto;
  padding: 12px 18px;
  min-height: 72px;

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.pcp-header__logo img{
  height: 34px;
  width: auto;
  display: block;
}

.pcp-header__nav{ flex: 1; min-width: 0; }
.pcp-menu{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
.pcp-menu li{ margin: 0 !important; padding: 0 !important; }
.pcp-menu a{
  font-family: "Outfit", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: .2px;
  color: #212121 !important;
  text-decoration: none !important;
  padding: 10px 6px;
  border-radius: 10px;
  position: relative;
  transition: color .18s ease;
  white-space: nowrap;
}
.pcp-menu a:hover{ color:#C40030 !important; }
.pcp-menu a:after{
  content:"";
  position:absolute;
  left: 10px; right: 10px; bottom: 2px;
  height: 2px;
  background:#C40030;
  border-radius:999px;
  transform: scaleX(0);
  transform-origin:center;
  transition: transform .25s ease;
}
.pcp-menu a:hover:after,
.pcp-menu .current-menu-item > a:after,
.pcp-menu .current_page_item > a:after,
.pcp-menu .current-menu-ancestor > a:after{
  transform: scaleX(1);
}
.pcp-menu .current-menu-item > a,
.pcp-menu .current_page_item > a,
.pcp-menu .current-menu-ancestor > a{
  color:#C40030 !important;
}

.pcp-header__actions{
  display:flex;
  align-items:center;
  gap: 12px;
}

.pcp-cart-link{
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  min-width: 44px;
  padding: 0 12px;
  border: 1px solid rgba(17,17,17,.12);
  border-radius: 12px;
  background: #fff;
  color: #111 !important;
  text-decoration: none !important;
}
.pcp-cart-icon{ font-size: 16px; line-height: 1; }
.pcp-cart-count{
  position: absolute;
  top: -7px;
  right: -7px;
  width: 18px;
  height: 18px;
  border-radius: 999px;
  background: #C40030;
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow: 0 8px 18px rgba(196,0,48,.22);
}

/* Burger (mobile) */
.pcp-burger{
  display:none;
  width: 44px;
  height: 40px;
  border-radius: 12px;
  border: 1px solid rgba(17,17,17,.12);
  background:#fff;
  cursor:pointer;
  align-items:center;
  justify-content:center;
  gap: 4px;
}
.pcp-burger span{
  display:block;
  width: 18px;
  height: 2px;
  background:#111;
  border-radius:999px;
}

/* Drawer */
.pcp-drawer-overlay{
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.45);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  z-index: 9998;
}
.pcp-drawer{
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: min(360px, 88vw);
  background: #fff;
  z-index: 9999;
  transform: translateX(-110%);
  transition: transform .25s ease;
  box-shadow: 18px 0 45px rgba(0,0,0,.18);
  display:flex;
  flex-direction:column;
}
body.pcp-nav-open .pcp-drawer{ transform: translateX(0); }

.pcp-drawer__head{
  padding: 16px 16px 12px;
  border-bottom: 1px solid rgba(17,17,17,.08);
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.pcp-drawer__title{
  font-weight: 800;
  font-family: "Outfit", sans-serif;
}
.pcp-drawer__close{
  width: 40px;
  height: 40px;
  border-radius: 12px;
  border: 1px solid rgba(17,17,17,.12);
  background: #fff;
  cursor:pointer;
}

.pcp-drawer__nav{
  padding: 10px 12px 18px;
  overflow:auto;
}
.pcp-drawer__nav .pcp-menu{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap: 6px;
}
.pcp-drawer__nav .pcp-menu a{
  padding: 12px 12px;
}
.pcp-drawer__nav .pcp-menu a:after{ display:none; }

/* Responsive */
@media (max-width: 900px){
  .pcp-header__nav{ display:none; }
  .pcp-burger{ display:inline-flex; }
  .pcp-header__inner{ padding: 10px 14px; min-height: 66px; }
  .pcp-header__logo img{ height: 32px; }
}

/* ===== Overlay (shared) ===== */
.pcp-overlay{
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.45);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  z-index: 9998;
}

/* ===== Actions buttons ===== */
.pcp-cartbtn{
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  min-width: 44px;
  padding: 0 12px;
  border: 1px solid rgba(17,17,17,.12);
  border-radius: 12px;
  background: #fff;
  color: #111 !important;
  cursor: pointer;
}

/* ===== Drawers from RIGHT ===== */
.pcp-drawer,
.pcp-cart{
  position: fixed;
  top: 0;
  right: 0;                 /* ✅ from right */
  height: 100vh;
  width: min(380px, 90vw);
  background: #fff;
  z-index: 9999;
  transform: translateX(110%);
  transition: transform .25s ease;
  box-shadow: -18px 0 45px rgba(0,0,0,.18);
  display:flex;
  flex-direction:column;
}

/* open states */
body.pcp-menu-open .pcp-drawer{ transform: translateX(0); }
body.pcp-cart-open .pcp-cart{ transform: translateX(0); }

/* ===== Drawer headers ===== */
.pcp-drawer__head,
.pcp-cart__head{
  padding: 16px 16px 12px;
  border-bottom: 1px solid rgba(17,17,17,.08);
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.pcp-drawer__title,
.pcp-cart__title{
  font-family: "Outfit", sans-serif;
  font-weight: 900;
  letter-spacing: -.2px;
}
.pcp-drawer__close,
.pcp-cart__close{
  width: 40px;
  height: 40px;
  border-radius: 12px;
  border: 1px solid rgba(17,17,17,.12);
  background: #fff;
  cursor:pointer;
}

/* ===== Mobile menu design improved ===== */
.pcp-drawer__nav{
  padding: 12px;
  overflow:auto;
}
.pcp-drawer__nav .pcp-menu{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap: 8px;
}
.pcp-drawer__nav .pcp-menu a{
  padding: 12px 12px;
  border: 1px solid rgba(17,17,17,.08);
  border-radius: 14px;
  background: #fff;
}
.pcp-drawer__nav .pcp-menu a:hover{
  background: rgba(196,0,48,.06) !important;
}
.pcp-drawer__nav .pcp-menu a:after{ display:none; }

.pcp-drawer__foot{
  margin-top: auto;
  padding: 12px;
  border-top: 1px solid rgba(17,17,17,.08);
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.pcp-drawer__btn{
  display:flex;
  align-items:center;
  justify-content:center;
  height: 44px;
  border-radius: 14px;
  font-weight: 800;
  text-decoration:none !important;
  border: 1px solid rgba(17,17,17,.12);
  background:#fff;
  color:#111 !important;
}
.pcp-drawer__btn--primary{
  background:#C40030;
  border-color:#C40030;
  color:#fff !important;
}

/* ===== Cart design ===== */
.pcp-cart__body{
  padding: 12px 14px;
  overflow:auto;
}
.pcp-empty{
  padding: 18px 10px;
  color: #666;
}

.pcp-cartitem{
  display:grid;
  grid-template-columns: 62px 1fr auto;
  gap: 12px;
  align-items:center;
  padding: 10px;
  border: 1px solid rgba(17,17,17,.08);
  border-radius: 16px;
  margin-bottom: 10px;
  background:#fff;
}
.pcp-cartitem__img img{
  width: 62px;
  height: 62px;
  object-fit: cover;
  border-radius: 14px;
}
.pcp-cartitem__name{
  font-weight: 800;
  font-size: 13px;
  line-height: 1.2;
}
.pcp-cartitem__sub{
  font-size: 12px;
  color: #666;
  margin-top: 4px;
}
.pcp-cartitem__price{
  font-weight: 900;
  font-size: 13px;
  white-space: nowrap;
}

.pcp-cart__foot{
  padding: 12px;
  border-top: 1px solid rgba(17,17,17,.08);
  background:#fff;
}
.pcp-cart__row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom: 10px;
}
.pcp-cart__actions{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.pcp-cart__btn{
  display:flex;
  align-items:center;
  justify-content:center;
  height: 44px;
  border-radius: 14px;
  font-weight: 900;
  text-decoration:none !important;
  border: 1px solid rgba(17,17,17,.12);
  background:#fff;
  color:#111 !important;
}
.pcp-cart__btn--primary{
  background:#111;
  border-color:#111;
  color:#fff !important;
}

/* show overlay when any drawer open */
body.pcp-menu-open .pcp-overlay,
body.pcp-cart-open .pcp-overlay{
  display:block;
}

/* Ensure burger visible on mobile; desktop menu hidden at 900px like before */
@media (max-width: 900px){
  .pcp-header__nav{ display:none; }
  .pcp-burger{ display:inline-flex; }
}
/* =========================
   FIX: drawers position + spacing (menu/cart)
   ========================= */
.pcp-drawer,
.pcp-cart{
  top: 0 !important;
  right: 0 !important;
  left: auto !important;
  height: 100vh !important;
  border-radius: 0 !important;
}

.pcp-drawer__head,
.pcp-cart__head{
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 2;
}

/* Make sure overlay always covers full screen */
.pcp-overlay{
  position: fixed !important;
  inset: 0 !important;
}

/* Prevent any parent transform from offsetting fixed panels (Elementor sometimes does this) */
body{
  transform: none !important;
}

/* =========================
   IMPROVE: Mobile menu layout (no floating)
   ========================= */
.pcp-drawer__nav{
  padding-top: 14px !important;
}

.pcp-drawer__nav .pcp-menu a{
  border-radius: 14px !important;
  border: 1px solid rgba(17,17,17,.10) !important;
  background: #fff !important;
}

/* =========================
   CART BUTTON COLORS (Brand)
   ========================= */
.pcp-cart__btn{
  background:#fff !important;
  color:#111 !important;
  border: 1px solid rgba(17,17,17,.14) !important;
}

.pcp-cart__btn--primary{
  background:#C40030 !important;   /* brand red */
  border-color:#C40030 !important;
  color:#fff !important;
}

/* Also for menu drawer buttons */
.pcp-drawer__btn{
  background:#fff !important;
  color:#111 !important;
  border: 1px solid rgba(17,17,17,.14) !important;
}
.pcp-drawer__btn--primary{
  background:#C40030 !important;
  border-color:#C40030 !important;
  color:#fff !important;
}

#wpadminbar ~ .pcp-drawer,
#wpadminbar ~ .pcp-cart{ top: 0 !important; }

/* ===== Mobile Drawer Menu: clean list (fix overlapping bubbles) ===== */
.pcp-drawer__nav .pcp-menu{
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  padding: 0 !important;
  margin: 0 !important;
}

.pcp-drawer__nav .pcp-menu li{
  margin: 0 !important;
  padding: 0 !important;
}

.pcp-drawer__nav .pcp-menu a{
  display: flex !important;
  width: 100% !important;

  padding: 14px 14px !important;
  border-radius: 14px !important;

  background: #f7f7f9 !important;
  border: 1px solid rgba(17,17,17,.08) !important;

  color: #111 !important;
  font-weight: 800 !important;
  font-size: 15px !important;

  line-height: 1 !important;
  white-space: normal !important;
}

.pcp-drawer__nav .pcp-menu a:hover{
  background: rgba(196,0,48,.08) !important;
  border-color: rgba(196,0,48,.20) !important;
}

/* remove underline effect in drawer */
.pcp-drawer__nav .pcp-menu a:after{ display:none !important; }

/* active item */
.pcp-drawer__nav .pcp-menu .current-menu-item > a,
.pcp-drawer__nav .pcp-menu .current_page_item > a{
  background: rgba(196,0,48,.10) !important;
  border-color: rgba(196,0,48,.25) !important;
  color: #C40030 !important;
}
/* =========================
   DESKTOP DROPDOWN (Premium Clean)
   ========================= */

/* parent li */
.pcp-menu li{
  position: relative;
}

/* dropdown container */
.pcp-menu li ul{
  position: absolute;
  top: calc(100% + 14px);
  left: 50%;
  transform: translateX(-50%) translateY(10px);
  min-width: 220px;

  padding: 10px;
  margin: 0 !important;

  list-style: none !important;
  background: rgba(255,255,255,.96);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  border: 1px solid rgba(17,17,17,.08);
  border-radius: 16px;
  box-shadow: 0 25px 60px rgba(0,0,0,.15);

  opacity: 0;
  visibility: hidden;
  transition: all .22s ease;
  z-index: 9999;
}

/* show on hover */
.pcp-menu li:hover > ul{
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}

/* dropdown items */
.pcp-menu li ul li{
  width: 100%;
}

/* dropdown links */
.pcp-menu li ul li a{
  display: block;
  padding: 10px 12px !important;
  border-radius: 12px;
  font-size: 13px;
  font-weight: 700;
  color: #111 !important;
  white-space: nowrap;
}

/* hover effect */
.pcp-menu li ul li a:hover{
  background: rgba(196,0,48,.08) !important;
  color: #C40030 !important;
}

/* remove underline animation inside dropdown */
.pcp-menu li ul li a:after{
  display: none !important;
}

/* remove dots completely */
.pcp-menu li ul,
.pcp-menu li ul li{
  list-style: none !important;
}

/* =========================
   Dropdown Indicator + Better Feel
   ========================= */

/* Arrow for items that have submenu */
.pcp-menu li.menu-item-has-children > a::before{
  content: "▾";
  font-size: 11px;
  margin-left: 6px;
  display: inline-block;
  transition: transform .25s ease;
}

/* Rotate arrow on hover */
.pcp-menu li.menu-item-has-children:hover > a::before{
  transform: rotate(180deg);
}

/* Add slight hover background to parent */
.pcp-menu li.menu-item-has-children > a{
  padding-right: 14px;
}

/* Add small top spacing illusion */
.pcp-menu li ul:before{
  content:"";
  position:absolute;
  top:-8px;
  left:50%;
  transform:translateX(-50%);
  width:16px;
  height:16px;
  background:rgba(255,255,255,.96);
  border-left:1px solid rgba(17,17,17,.08);
  border-top:1px solid rgba(17,17,17,.08);
  transform:translateX(-50%) rotate(45deg);
}





/* =========================
   FIX: Mobile Drawer Menu issues (bullets + submenu layout)
   ========================= */

/* Remove any weird markers (* . •) */
.pcp-drawer__nav .pcp-menu,
.pcp-drawer__nav .pcp-menu ul{
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.pcp-drawer__nav .pcp-menu li,
.pcp-drawer__nav .pcp-menu ul li{
  list-style: none !important;
}

.pcp-drawer__nav .pcp-menu li::marker,
.pcp-drawer__nav .pcp-menu ul li::marker{
  content: "" !important;
}

/* Sometimes themes add bullets using pseudo elements */
.pcp-drawer__nav .pcp-menu li::before,
.pcp-drawer__nav .pcp-menu li::after{
  content: none !important;
}

/* Submenu: make it normal block (not floating) */
.pcp-drawer__nav .pcp-menu li ul.sub-menu{
  position: static !important;
  transform: none !important;
  box-shadow: none !important;
  background: transparent !important;
  border: 0 !important;

  margin-top: 8px !important;
  padding-left: 12px !important;
  display: none; /* hidden by default */
}

/* Show submenu when user taps (focus) on mobile */
.pcp-drawer__nav .pcp-menu li.menu-item-has-children:focus-within > ul.sub-menu{
  display: block !important;
}

/* Submenu links style */
.pcp-drawer__nav .pcp-menu li ul.sub-menu a{
  background: #fff !important;
  border: 1px solid rgba(17,17,17,.08) !important;
  border-radius: 12px !important;
  padding: 12px 12px !important;
  font-weight: 700 !important;
  font-size: 14px !important;
}

/* Add small arrow for items that have submenu (mobile drawer only) */
.pcp-drawer__nav .pcp-menu li.menu-item-has-children > a{
  display: right !important;
  align-items: center !important;
  justify-content: left !important;
}

.pcp-drawer__nav .pcp-menu li.menu-item-has-children > a::after{
  content: "▾" !important;
  font-size: 12px !important;
  opacity: .7 !important;
}/* End custom CSS */