.elementor-11734 .elementor-element.elementor-element-5dc925f9:not(.elementor-motion-effects-element-type-background), .elementor-11734 .elementor-element.elementor-element-5dc925f9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#14CFCE;}.elementor-11734 .elementor-element.elementor-element-5dc925f9{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:9px 16px 9px 16px;}.elementor-11734 .elementor-element.elementor-element-5dc925f9 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-11734 .elementor-element.elementor-element-279ae21.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-11734 .elementor-element.elementor-element-2c7983fd{text-align:center;}.elementor-11734 .elementor-element.elementor-element-2c7983fd .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:13px;font-weight:600;line-height:1.15em;letter-spacing:0px;color:#1C1C2B;}.elementor-11734 .elementor-element.elementor-element-2341cb08{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:12px;--padding-bottom:12px;--padding-left:24px;--padding-right:24px;--z-index:30;}.elementor-11734 .elementor-element.elementor-element-2341cb08:not(.elementor-motion-effects-element-type-background), .elementor-11734 .elementor-element.elementor-element-2341cb08 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1C1C2B;}.elementor-11734 .elementor-element.elementor-element-4e01285a{--display:flex;--min-height:1px;--justify-content:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-11734 .elementor-element.elementor-element-51f9eae9{z-index:1;text-align:start;}.elementor-11734 .elementor-element.elementor-element-6e3fa4b5{--display:flex;--justify-content:center;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-11734 .elementor-element.elementor-element-7f1ddb6{z-index:1;}.elementor-11734 .elementor-element.elementor-element-7f1ddb6 .elementor-menu-toggle{margin:0 auto;}.elementor-11734 .elementor-element.elementor-element-7f1ddb6 .elementor-nav-menu .elementor-item{font-family:"Poppins", Sans-serif;font-size:13px;font-weight:500;text-transform:uppercase;}.elementor-11734 .elementor-element.elementor-element-7f1ddb6 .elementor-nav-menu--main .elementor-item{color:rgba(255,255,255,0.82);fill:rgba(255,255,255,0.82);}.elementor-11734 .elementor-element.elementor-element-7f1ddb6 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-11734 .elementor-element.elementor-element-7f1ddb6 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-11734 .elementor-element.elementor-element-7f1ddb6 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-11734 .elementor-element.elementor-element-7f1ddb6 .elementor-nav-menu--main .elementor-item:focus{color:#14CFCE;fill:#14CFCE;}.elementor-11734 .elementor-element.elementor-element-7f1ddb6 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-11734 .elementor-element.elementor-element-7f1ddb6 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#14CFCE;}.elementor-11734 .elementor-element.elementor-element-7f1ddb6 .e--pointer-framed .elementor-item:before,
					.elementor-11734 .elementor-element.elementor-element-7f1ddb6 .e--pointer-framed .elementor-item:after{border-color:#14CFCE;}.elementor-11734 .elementor-element.elementor-element-7f1ddb6 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#14CFCE;}.elementor-11734 .elementor-element.elementor-element-7f1ddb6 div.elementor-menu-toggle{color:var( --e-global-color-accent );}.elementor-11734 .elementor-element.elementor-element-7f1ddb6 div.elementor-menu-toggle svg{fill:var( --e-global-color-accent );}.elementor-11734 .elementor-element.elementor-element-73a687b1{--display:flex;--justify-content:center;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-11734 .elementor-element.elementor-element-279ea70e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11734 .elementor-element.elementor-element-4117947c{--display:flex;--justify-content:center;}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle .elementor-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-name a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-price{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons .elementor-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--view-cart{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--checkout{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .woocommerce-mini-cart__empty-message{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-11734 .elementor-element.elementor-element-53088ae8{--divider-style:solid;--subtotal-divider-style:solid;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--toggle-button-text-color:#FFFFFF;--cart-border-style:none;--cart-footer-layout:1fr 1fr;--products-max-height-sidecart:calc(100vh - 240px);--products-max-height-minicart:calc(100vh - 385px);}.elementor-11734 .elementor-element.elementor-element-53088ae8 .widget_shopping_cart_content{--subtotal-divider-left-width:0;--subtotal-divider-right-width:0;}.elementor-11734 .elementor-element.elementor-element-7b7a8300{--display:flex;--justify-content:center;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-11734 .elementor-element.elementor-element-1d610b41 .elementor-button{background-color:rgba(255,255,255,0);font-family:"Poppins", Sans-serif;font-size:12px;font-weight:600;fill:#7FE3E2;color:#7FE3E2;border-style:solid;border-width:1px 1px 1px 1px;border-color:rgba(255,255,255,0.25);border-radius:8px 8px 8px 8px;padding:8px 14px 8px 14px;}.elementor-11734 .elementor-element.elementor-element-f991090{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--z-index:1;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-11734 .elementor-element.elementor-element-437b0df{width:var( --container-widget-width, 41px );max-width:41px;padding:6px 0px 6px 0px;--container-widget-width:41px;--container-widget-flex-grow:0;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-accent );}.elementor-11734 .elementor-element.elementor-element-437b0df.elementor-element{--align-self:center;}.elementor-11734 .elementor-element.elementor-element-437b0df .elementor-icon-wrapper{text-align:center;}.elementor-11734 .elementor-element.elementor-element-437b0df.elementor-view-stacked .elementor-icon{background-color:#12CDCD;}.elementor-11734 .elementor-element.elementor-element-437b0df.elementor-view-framed .elementor-icon, .elementor-11734 .elementor-element.elementor-element-437b0df.elementor-view-default .elementor-icon{color:#12CDCD;border-color:#12CDCD;}.elementor-11734 .elementor-element.elementor-element-437b0df.elementor-view-framed .elementor-icon, .elementor-11734 .elementor-element.elementor-element-437b0df.elementor-view-default .elementor-icon svg{fill:#12CDCD;}.elementor-11734 .elementor-element.elementor-element-437b0df .elementor-icon{font-size:18px;}.elementor-11734 .elementor-element.elementor-element-437b0df .elementor-icon svg{height:18px;}.elementor-11734 .elementor-element.elementor-element-a8d295f .e-off-canvas__overlay{background-color:#0000006B;}.elementor-11734 .elementor-element.elementor-element-a8d295f{--e-off-canvas-justify-content:center;--e-off-canvas-align-items:center;--e-off-canvas-width:980px;--e-off-canvas-height:#;--e-off-canvas-content-overflow:auto;--e-off-canvas-overlay-opacity:1;}.elementor-11734 .elementor-element.elementor-element-a8d295f .e-off-canvas__content{border-radius:10px 10px 10px 10px;}.elementor-11734 .elementor-element.elementor-element-2f0b3c6{--display:flex;--padding-top:35px;--padding-bottom:35px;--padding-left:35px;--padding-right:35px;}.elementor-widget-search{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search.e-focus{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search .elementor-pagination{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-11734 .elementor-element.elementor-element-8679d97 .e-search-submit{background-color:var( --e-global-color-secondary );}.elementor-11734 .elementor-element.elementor-element-8679d97{border-style:none;--e-search-placeholder-color:var( --e-global-color-text );--e-search-input-padding-block-start:16px;--e-search-input-padding-inline-start:16px;--e-search-input-padding-block-end:16px;--e-search-input-padding-inline-end:16px;--e-search-icon-label-size:24px;--e-search-submit-margin-inline-start:25px;--e-search-icon-clear-size:0px;--e-search-icon-clear-color:var( --e-global-color-text );--e-search-submit-color:var( --e-global-color-text );--e-search-submit-padding:0px 0px 0px 0px;}.elementor-11734 .elementor-element.elementor-element-8679d97 .e-search-input{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:24px;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-text );}.elementor-11734 .elementor-element.elementor-element-8679d97 .e-search-submit span{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:24px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-11734 .elementor-element.elementor-element-2f0b3c6{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}}@media(max-width:767px){.elementor-11734 .elementor-element.elementor-element-2341cb08{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-11734 .elementor-element.elementor-element-4e01285a{--width:80%;}.elementor-11734 .elementor-element.elementor-element-6e3fa4b5{--width:50px;}.elementor-11734 .elementor-element.elementor-element-73a687b1{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--z-index:1;}.elementor-11734 .elementor-element.elementor-element-279ea70e{--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--z-index:99;}.elementor-11734 .elementor-element.elementor-element-4117947c{--width:42%;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-11734 .elementor-element.elementor-element-7b7a8300{--width:30%;}.elementor-11734 .elementor-element.elementor-element-f991090{--width:27%;}.elementor-11734 .elementor-element.elementor-element-437b0df.elementor-element{--align-self:center;--order:-99999 /* order start hack */;}.elementor-11734 .elementor-element.elementor-element-a8d295f{--e-off-canvas-width:100%;}.elementor-11734 .elementor-element.elementor-element-2f0b3c6{--width:100%;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-11734 .elementor-element.elementor-element-8679d97{--e-search-submit-margin-inline-start:20px;}}@media(min-width:768px){.elementor-11734 .elementor-element.elementor-element-279ae21{width:100%;}.elementor-11734 .elementor-element.elementor-element-4e01285a{--width:22%;}.elementor-11734 .elementor-element.elementor-element-6e3fa4b5{--width:53%;}.elementor-11734 .elementor-element.elementor-element-73a687b1{--width:20%;}}@media(max-width:1024px) and (min-width:768px){.elementor-11734 .elementor-element.elementor-element-4e01285a{--width:18%;}.elementor-11734 .elementor-element.elementor-element-6e3fa4b5{--width:60%;}.elementor-11734 .elementor-element.elementor-element-73a687b1{--width:35%;}}/* Start custom CSS for icon, class: .elementor-element-437b0df */.elementor-11734 .elementor-element.elementor-element-437b0df .elementor-icon-wrapper{
    display: flex;
align-items: center;
justify-content: center;
}/* End custom CSS */
/* Start custom CSS for search, class: .elementor-element-8679d97 */.elementor-11734 .elementor-element.elementor-element-8679d97 svg path{
    fill:black;
}/* End custom CSS */
/* Start custom CSS *//* ============================================================
   PURUS PEPTIDES — Flyout / menu cart (v2)
   Elementor Pro Menu Cart widget (.elementor-menu-cart__*).
   v2 fixes: double borders, right-edge clipping, cramped
   price/volume row.
   Paste into Elementor → Site Settings → Custom CSS.
   ============================================================ */

.elementor-menu-cart__main,
.elementor-menu-cart__container {
  --pp-ink:#1C1C2B; --pp-blue:#1F6EE3; --pp-blue-700:#1857B4;
  --pp-teal:#1E7E7C; --pp-teal-700:#155F5D; --pp-cyan:#14CFCE; --pp-cyan-600:#10B4B3;
  --pp-smoke:#F0F4F4; --pp-gray-100:#EBF0F0; --pp-border:#D6DEDE;
  --pp-body:#2A3338; --pp-muted:#616162;
  font-family: "Poppins", system-ui, sans-serif;
}

/* ------------------------------------------------------------
   1. PANEL SHELL — contain content so nothing clips at the edge
   ------------------------------------------------------------ */
body .elementor-menu-cart__main {
  background: #fff !important;
  color: var(--pp-body) !important;
  border-left: 1px solid var(--pp-border) !important;
  box-shadow: -18px 0 50px rgba(28,28,43,.16) !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;   /* stop horizontal clipping */
}

body .elementor-menu-cart__close-button {
  color: var(--pp-muted) !important;
  opacity: 1 !important;
  transition: color .18s ease, transform .18s ease !important;
}
body .elementor-menu-cart__close-button:hover {
  color: var(--pp-ink) !important;
  transform: rotate(90deg) !important;
}

/* ------------------------------------------------------------
   2. LINE ITEMS
   ------------------------------------------------------------ */
body .elementor-menu-cart__products {
  padding: 6px 20px !important;
  box-sizing: border-box !important;
}

body .elementor-menu-cart__product {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  padding: 16px 26px 16px 0 !important;  /* right room for the × */
  border-bottom: 1px solid var(--pp-gray-100) !important;
  position: relative !important;
  box-sizing: border-box !important;
  min-width: 0 !important;               /* allow children to shrink */
}
body .elementor-menu-cart__product:last-child { border-bottom: 0 !important; }

/* --- FIX 1: kill the double border ---
   Elementor already wraps the thumb in a bordered box. Strip the
   wrapper's chrome, keep styling ONLY on the <img> itself. */
body .elementor-menu-cart__product-image {
  border: 0 !important;
  background: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
  flex: 0 0 auto !important;
  width: 58px !important;
  height: 58px !important;
  box-sizing: border-box !important;
}
body .elementor-menu-cart__product-image img,
body .elementor-menu-cart__product img {
  width: 58px !important;
  height: 58px !important;
  object-fit: contain !important;
  background: var(--pp-smoke) !important;
  border: 1px solid var(--pp-border) !important;
  border-radius: 10px !important;
  padding: 5px !important;
  box-sizing: border-box !important;
  display: block !important;
}

/* text column — must be allowed to shrink or it clips */
body .elementor-menu-cart__product-details {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

/* Product name */
body .elementor-menu-cart__product-name,
body .elementor-menu-cart__product a:not(.remove) {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--pp-teal) !important;
  text-decoration: none !important;
  line-height: 1.35 !important;
  display: block !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}
body .elementor-menu-cart__product a:not(.remove):hover {
  color: var(--pp-teal-700) !important;
}

/* --- FIX 3: price + volume tag row, allowed to wrap --- */
body .elementor-menu-cart__product-price {
  display: flex !important;
  flex-wrap: wrap !important;        /* wrap instead of clipping */
  align-items: center !important;
  gap: 5px !important;
  font-size: 13px !important;
  color: var(--pp-muted) !important;
  font-weight: 500 !important;
  margin-top: 5px !important;
}
body .elementor-menu-cart__product-price .amount {
  color: var(--pp-ink) !important;
  font-weight: 700 !important;
}
/* struck-through original from volume pricing */
body .elementor-menu-cart__product-price .pp-vol-was {
  text-decoration: line-through !important;
  color: var(--pp-muted) !important;
  font-weight: 500 !important;
  font-size: 12px !important;
}
body .elementor-menu-cart__product-price .pp-vol-tag {
  font-size: 9.5px !important;
  padding: 2px 6px !important;
  flex: 0 0 auto !important;
}

/* variation meta */
body .elementor-menu-cart__product .variation,
body .elementor-menu-cart__product dl.variation {
  font-size: 12px !important;
  color: var(--pp-muted) !important;
  margin: 4px 0 0 !important;
}

/* Remove (×) — inside the panel, never at the clipped edge */
body .elementor-menu-cart__product .remove,
body .elementor-menu-cart__product a.remove {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 22px !important;
  height: 22px !important;
  border-radius: 999px !important;
  background: var(--pp-gray-100) !important;
  color: var(--pp-muted) !important;
  font-size: 14px !important;
  line-height: 1 !important;
  position: absolute !important;
  top: 16px !important;
  right: 0 !important;
  transition: background .18s ease, color .18s ease !important;
}
body .elementor-menu-cart__product .remove:hover,
body .elementor-menu-cart__product a.remove:hover {
  background: #FDECEC !important;
  color: #B33A3A !important;
}

/* ------------------------------------------------------------
   3. SUBTOTAL
   ------------------------------------------------------------ */
body .elementor-menu-cart__subtotal {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 16px 20px !important;
  margin: 0 !important;
  border-top: 1px solid var(--pp-border) !important;
  background: var(--pp-smoke) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: .06em !important;
  color: var(--pp-muted) !important;
}
body .elementor-menu-cart__subtotal .woocommerce-Price-amount,
body .elementor-menu-cart__subtotal strong {
  font-size: 18px !important;
  font-weight: 800 !important;
  color: var(--pp-ink) !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

/* ------------------------------------------------------------
   4. FOOTER BUTTONS
   ------------------------------------------------------------ */
body .elementor-menu-cart__footer-buttons {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  padding: 16px 20px 22px !important;
}
body .elementor-menu-cart__footer-buttons .elementor-button--checkout {
  background: var(--pp-blue) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 10px !important;
  padding: 15px 24px !important;
  font-family: "Poppins", system-ui, sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-transform: none !important;
  transition: background .2s ease, transform .2s ease, box-shadow .2s ease !important;
}
body .elementor-menu-cart__footer-buttons .elementor-button--checkout:hover {
  background: var(--pp-blue-700) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 26px rgba(31,110,227,.30) !important;
}
body .elementor-menu-cart__footer-buttons .elementor-button--view-cart {
  background: transparent !important;
  color: var(--pp-ink) !important;
  border: 1px solid var(--pp-border) !important;
  border-radius: 10px !important;
  padding: 13px 24px !important;
  font-family: "Poppins", system-ui, sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-transform: none !important;
  transition: border-color .2s ease, background .2s ease !important;
}
body .elementor-menu-cart__footer-buttons .elementor-button--view-cart:hover {
  border-color: #B9C5C5 !important;
  background: var(--pp-smoke) !important;
}

/* ------------------------------------------------------------
   5. CART ICON BADGE
   ------------------------------------------------------------ */
body .elementor-menu-cart__toggle .elementor-button-icon-qty[data-counter]::after {
  background: var(--pp-cyan) !important;
  color: var(--pp-ink) !important;
  font-family: "Poppins", system-ui, sans-serif !important;
  font-weight: 700 !important;
  font-size: 11px !important;
}

/* ------------------------------------------------------------
   6. STACKING — keep the flyout above the header
   The header's "Account" link was rendering over the cart
   content because the panel sat below the header in z-order.
   Lift the whole cart wrapper (panel + overlay) above it.
   ------------------------------------------------------------ */
body .elementor-menu-cart__container,
body .elementor-menu-cart__main {
  z-index: 100000 !important;
}
body .elementor-menu-cart__toggle,
body .elementor-menu-cart__wrapper {
  position: relative !important;
  z-index: 100001 !important;
}
/* the dark page overlay behind the panel, also above the header */
body .elementor-menu-cart__main::before,
body .elementor-lightbox,
body .elementor-menu-cart__container .elementor-menu-cart__main {
  z-index: 99999 !important;
}

/* ------------------------------------------------------------
   7. HEADER "ACCOUNT" BUTTON OVERLAP
   The Account button is a separate Elementor button widget in
   the header, not part of the cart — so raising the cart's
   z-index alone doesn't cover it. When the flyout is open,
   Elementor adds a body/cart "open" state; hide the overlapping
   header button for that moment so it can't paint over the cart.

   NOTE: this targets the Account button by its href. If other
   header buttons also overlap, add their hrefs to the list.
   ------------------------------------------------------------ */

/* while the cart is showing, dim out the header account button */
body.elementor-menu-cart--open a.elementor-button[href*="/my-account"],
body:has(.elementor-menu-cart__main.elementor-active) a.elementor-button[href*="/my-account"],
body:has(.elementor-menu-cart__container[aria-hidden="false"]) a.elementor-button[href*="/my-account"] {
  opacity: 0 !important;
  pointer-events: none !important;
  transition: opacity .15s ease !important;
}

/* and push the cart stack above typical header values as a backup */
body .elementor-menu-cart__container,
body .elementor-menu-cart__main,
body .elementor-menu-cart__main.elementor-active {
  z-index: 999999 !important;
}

/* ------------------------------------------------------------
   8. PRODUCT ROW LAYOUT — compact, no vertical sprawl
   Goal: name + price stack tightly in the details column, the
   details column holds enough width that short names (DSIP)
   never break letter-by-letter, and the remove × stays pinned
   top-right instead of taking its own line.
   ------------------------------------------------------------ */

/* row: image left, details right, × absolutely pinned */
body .elementor-menu-cart__product {
  display: flex !important;
  flex-wrap: nowrap !important;       /* no full-width wrapping = no sprawl */
  align-items: flex-start !important;
  gap: 12px !important;
  padding: 14px 26px 14px 0 !important;
  position: relative !important;
}
body .elementor-menu-cart__product-image {
  flex: 0 0 56px !important;
  width: 56px !important;
  height: 56px !important;
}

/* details column holds width so names never crush */
body .elementor-menu-cart__product-details,
body .elementor-menu-cart__product-name {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  display: block !important;
}

/* name: whole word, its own line, tight */
body .elementor-menu-cart__product-name,
body .elementor-menu-cart__product-name a,
body .elementor-menu-cart__product .product-name a {
  display: block !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  margin: 0 !important;
  white-space: normal !important;
  word-break: keep-all !important;    /* never split a single word */
  overflow-wrap: normal !important;
  hyphens: none !important;
}

/* price/qty/volume: directly under the name, small top gap, inline-wrapping */
body .elementor-menu-cart__product-price {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 5px !important;
  width: 100% !important;
  margin-top: 4px !important;
  font-size: 13px !important;
}

/* remove ×: pinned, never a line of its own */
body .elementor-menu-cart__product .remove,
body .elementor-menu-cart__product a.remove {
  position: absolute !important;
  top: 14px !important;
  right: 0 !important;
  margin: 0 !important;
}

/* ------------------------------------------------------------
   9. WP ADMIN BAR CLEARANCE (logged-in staff only)
   The WordPress admin bar is fixed to the viewport top and can
   visually collide with the flyout for logged-in admins/staff.
   Real customers (never logged in) never see this — this only
   nudges the panel down when the admin bar is present.
   ------------------------------------------------------------ */
body.admin-bar .elementor-menu-cart__main,
body.admin-bar .elementor-menu-cart__container {
  margin-top: 32px !important;
}
@media (max-width: 782px) {
  body.admin-bar .elementor-menu-cart__main,
  body.admin-bar .elementor-menu-cart__container {
    margin-top: 46px !important; /* WP admin bar is taller on mobile widths */
  }
}

/* ------------------------------------------------------------
   10. REMOVE BUTTON — fix: target the REAL class names
   Previous CSS targeted a class called "remove", but Elementor's
   actual markup uses "elementor_remove_from_cart_button" (the
   working AJAX button) AND "remove_from_cart_button" (WooCommerce's
   legacy fallback) as two separate links — neither is literally
   named "remove", so none of this was ever being styled. That's
   very likely the stray "hamburger-looking" icon: an unstyled
   legacy button rendering its own broken fallback glyph, sitting
   next to Elementor's own button.
   ------------------------------------------------------------ */

/* Hide the legacy fallback entirely — Elementor's own button
   handles the AJAX remove, this one is redundant */
body .elementor-menu-cart__product .remove_from_cart_button {
  display: none !important;
}

/* Style the real, working remove button */
body .elementor-menu-cart__product .elementor_remove_from_cart_button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 22px !important;
  height: 22px !important;
  border-radius: 999px !important;
  background: #EBF0F0 !important;
  color: #616162 !important;
  font-size: 0 !important; /* hide any stray fallback glyph/text */
  line-height: 1 !important;
  text-decoration: none !important;
  position: absolute !important;
  top: 16px !important;
  right: 0 !important;
  transition: background .18s ease, color .18s ease !important;
}
/* draw a clean × with CSS instead of relying on an icon font */
body .elementor-menu-cart__product .elementor_remove_from_cart_button::before {
  content: "\00d7" !important;
  font-size: 15px !important;
  font-family: sans-serif !important;
  line-height: 1 !important;
}
body .elementor-menu-cart__product .elementor_remove_from_cart_button:hover {
  background: #FDECEC !important;
  color: #B33A3A !important;
}

/* ------------------------------------------------------------
   11. LOGO + HAMBURGER BLEEDING THROUGH THE CART (corrected)
   First attempt hid the WHOLE header — but the cart widget lives
   INSIDE the header structurally, so that hid the cart too (the
   blank white gap with no panel). Fixed: target only the two
   actual offending elements by their own specific Elementor
   classes, leaving everything else in the header — including
   the cart toggle/panel — untouched.
   ------------------------------------------------------------ */

body:has(.elementor-menu-cart__container[aria-hidden="false"]) .elementor-element-51f9eae9,
body:has(.elementor-menu-cart__container[aria-hidden="false"]) .elementor-menu-toggle {
  opacity: 0 !important;
  pointer-events: none !important;
  transition: opacity .15s ease !important;
}/* End custom CSS */