/* EFGH shop: header cart button, cart drawer, sticky bar, and shop / product / cart / checkout styling */ :root{--efgh-g:#0A9346;--efgh-gd:#0A3D2C;--efgh-cream:#F6F4EA;--efgh-ink:#141414;--efgh-txt:#5A5A5A;--efgh-line:#E2DFD0} /* Shared button (also defined in efgh-site.css for the blog; repeated so shop pages don't depend on it) */ .efgh-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--efgh-g);color:var(--efgh-cream);border:1px solid var(--efgh-g);text-decoration:none;border-radius:100px;padding:14px 24px;font:500 15px/1 Manrope,sans-serif;cursor:pointer;transition:background .15s,border-color .15s} .efgh-btn:hover,.efgh-btn:focus-visible{background:var(--efgh-gd);border-color:var(--efgh-gd);color:var(--efgh-cream)} .efgh-btn--block{display:flex;width:100%} .efgh-btn.loading{opacity:.7;pointer-events:none} /* Header cart button */ .efgh-cartbtn{display:inline-flex;align-items:center;gap:10px;color:var(--efgh-ink);text-decoration:none;font:400 15px/1 Archivo,sans-serif;padding:6px 0} .efgh-cartbtn:hover{color:var(--efgh-g)} .efgh-cartbtn__icon{position:relative;display:inline-flex} .efgh-cartbtn__count{position:absolute;top:-6px;right:-9px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--efgh-g);color:#fff;font:600 11px/18px Manrope,sans-serif;text-align:center} .efgh-cartbtn__count.is-zero{background:#9BA39A} @media (max-width:767px){.efgh-cartbtn__total{display:none}} /* Drawer */ html.efgh-lock,html.efgh-lock body{overflow:hidden} .efgh-drawer{position:fixed;inset:0;z-index:99999;visibility:hidden;pointer-events:none} .efgh-drawer.is-open{visibility:visible;pointer-events:auto} .efgh-drawer__scrim{position:absolute;inset:0;background:rgba(10,30,20,.45);opacity:0;transition:opacity .25s ease} .efgh-drawer.is-open .efgh-drawer__scrim{opacity:1} .efgh-drawer__panel{position:absolute;top:0;right:0;height:100%;width:min(420px,100%);background:#fff;box-shadow:-12px 0 40px rgba(0,0,0,.12);transform:translateX(100%);transition:transform .3s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column} .efgh-drawer.is-open .efgh-drawer__panel{transform:none} @media (prefers-reduced-motion:reduce){.efgh-drawer__panel,.efgh-drawer__scrim{transition:none}} .efgh-drawer__inner{display:flex;flex-direction:column;height:100%;font-family:Archivo,sans-serif;color:var(--efgh-txt)} .efgh-drawer__head{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--efgh-line)} .efgh-drawer__head h2{margin:0;font:500 22px/1.2 "DM Sans",sans-serif;color:var(--efgh-ink)} .efgh-drawer__head h2 span{color:#6B6E70;font-size:17px} .efgh-drawer__close{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-right:-10px;border:0;border-radius:50%;background:transparent;color:var(--efgh-ink);cursor:pointer;padding:0} .efgh-drawer__close:hover{background:var(--efgh-cream)} .efgh-drawer__note{margin:0;padding:10px 24px;background:var(--efgh-cream);color:var(--efgh-gd);font:500 14px/1.4 Manrope,sans-serif} .efgh-drawer__note:before{content:"✓ "} .efgh-drawer__items{list-style:none;margin:0;padding:8px 24px;overflow-y:auto;flex:1} .efgh-line{display:grid;grid-template-columns:72px 1fr auto;gap:14px;padding:16px 0;border-bottom:1px solid var(--efgh-line);margin:0;transition:opacity .15s} .efgh-line:last-child{border-bottom:0} .efgh-line.is-busy{opacity:.5;pointer-events:none} .efgh-line__img{display:block;width:72px;height:72px;border-radius:12px;background:var(--efgh-cream);overflow:hidden} .efgh-line__img img{width:100%;height:100%;object-fit:contain;display:block} .efgh-line__main{min-width:0} .efgh-line__name{display:block;color:var(--efgh-ink);text-decoration:none;font:500 16px/1.3 "DM Sans",sans-serif} .efgh-line__name:hover{color:var(--efgh-g)} .efgh-line__unit{display:block;font-size:14px;margin-top:2px} .efgh-line__row{display:flex;align-items:center;gap:14px;margin-top:10px} .efgh-qty{display:inline-flex;align-items:center;border:1px solid var(--efgh-line);border-radius:100px;height:36px} .efgh-qty button{width:34px;height:34px;border:0;background:transparent;color:var(--efgh-ink);font:500 18px/1 Archivo,sans-serif;cursor:pointer;border-radius:50%;padding:0} .efgh-qty button:hover{color:var(--efgh-g)} .efgh-qty button:disabled{opacity:.3;cursor:default} .efgh-qty span{min-width:22px;text-align:center;font:500 15px/1 Manrope,sans-serif;color:var(--efgh-ink)} .efgh-line__remove{border:0;background:transparent;padding:6px 0;color:#6B6E70;font:400 13px/1 Archivo,sans-serif;text-decoration:underline;cursor:pointer} .efgh-line__remove:hover{color:#B3261E} .efgh-line__total{font:500 15px/1.3 Manrope,sans-serif;color:var(--efgh-ink);white-space:nowrap} .efgh-drawer__foot{padding:18px 24px calc(18px + env(safe-area-inset-bottom));border-top:1px solid var(--efgh-line);background:#fff} .efgh-drawer__sum{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px;color:var(--efgh-ink);font:500 17px/1.3 "DM Sans",sans-serif} .efgh-drawer__sum--small{font:400 14px/1.3 Archivo,sans-serif;color:var(--efgh-txt);margin-bottom:16px} .efgh-drawer__sum--small span:last-child{color:var(--efgh-g);font-weight:600} .efgh-drawer__link{display:block;text-align:center;margin-top:12px;color:var(--efgh-ink);font:400 14px/1 Manrope,sans-serif;text-decoration:underline;padding:6px} .efgh-drawer__empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center;color:#6B6E70} .efgh-drawer__empty svg{width:48px;height:48px;color:#B9B5A2} .efgh-drawer__empty p{margin:0 0 8px;font-size:16px} /* Sticky add-to-cart bar (phones, product pages) */ .efgh-stickybar{display:none} @media (max-width:767px){ .efgh-stickybar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:9990;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#fff;box-shadow:0 -6px 24px rgba(0,0,0,.1);transform:translateY(110%);transition:transform .25s ease} .efgh-stickybar.is-shown{transform:none} .efgh-stickybar__info{display:flex;align-items:center;gap:10px;min-width:0} .efgh-stickybar__info img{width:44px;height:44px;object-fit:contain;border-radius:8px;background:var(--efgh-cream)} .efgh-stickybar__name{display:block;font:500 14px/1.2 "DM Sans",sans-serif;color:var(--efgh-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:42vw} .efgh-stickybar__price{display:block;font:600 14px/1.3 Manrope,sans-serif;color:var(--efgh-ink)} .efgh-stickybar .efgh-btn{padding:13px 20px;flex-shrink:0} } /* Shop page (ShopEngine template 5953) */ .efgh-cats-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 0 6px;margin:0 0 24px} .efgh-cats-tabs::-webkit-scrollbar{display:none} .efgh-cats-tabs a{flex-shrink:0;padding:11px 20px;border-radius:100px;border:1px solid var(--efgh-line);color:var(--efgh-ink);text-decoration:none;font:500 14.5px/1 Manrope,sans-serif;background:#fff;transition:border-color .15s,color .15s} .efgh-cats-tabs a:hover{border-color:var(--efgh-g);color:var(--efgh-g)} .efgh-cats-tabs a.is-active{background:var(--efgh-gd);border-color:var(--efgh-gd);color:var(--efgh-cream)} body .elementor-element[data-id="404555f"]{display:none} body .elementor-element[data-id="9d5e07f"]{width:100%;--width:100%} body .elementor-element[data-id="33251c6b"]{display:none} .shopengine-archive-products .loop-product--btns,.shopengine-related .loop-product--btns{opacity:1!important;visibility:visible!important;transform:none!important;position:static!important;margin-top:12px} .shopengine-archive-products .loop-product--btns-inner,.shopengine-related .loop-product--btns-inner{justify-content:flex-start!important} .shopengine-archive-products .add_to_cart_button,.shopengine-related .add_to_cart_button{display:inline-flex!important;align-items:center;justify-content:center;background:var(--efgh-g)!important;color:var(--efgh-cream)!important;border:0!important;border-radius:100px!important;padding:11px 18px!important;font:500 14px/1 Manrope,sans-serif!important;text-transform:none!important;letter-spacing:0!important;width:auto!important;height:auto!important;min-height:0!important} .shopengine-archive-products .add_to_cart_button:hover,.shopengine-related .add_to_cart_button:hover{background:var(--efgh-gd)!important} .shopengine-archive-products .add_to_cart_button.loading,.shopengine-related .add_to_cart_button.loading{opacity:.6} .shopengine-archive-products .add_to_cart_button.added:after,.shopengine-related .add_to_cart_button.added:after{content:" ✓";margin-left:4px} .shopengine-archive-products a.added_to_cart,.shopengine-related a.added_to_cart{display:none!important} @media (max-width:767px){.shopengine-archive-products .add_to_cart_button,.shopengine-related .add_to_cart_button{width:100%!important;padding:11px 10px!important}} /* Product page (ShopEngine template 6024) */ .shopengine-product-tabs .wc-tabs li a{color:#6B6E70!important} .shopengine-product-tabs .wc-tabs li.active a{color:var(--efgh-ink)!important} .single-product form.cart .single_add_to_cart_button{background:var(--efgh-g)!important;border-color:var(--efgh-g)!important;color:var(--efgh-cream)!important;border-radius:100px!important;padding:15px 30px!important;font:500 15px/1 Manrope,sans-serif!important;text-transform:none!important;letter-spacing:0!important;height:auto!important} .single-product form.cart .single_add_to_cart_button:hover{background:var(--efgh-gd)!important;border-color:var(--efgh-gd)!important} .single-product form.cart .single_add_to_cart_button.loading{opacity:.7} @media (max-width:767px){ .woocommerce-Tabs-panel table,.woocommerce-Tabs-panel tbody,.woocommerce-Tabs-panel tr,.woocommerce-Tabs-panel td{display:block;width:100%!important;max-width:100%} .woocommerce-Tabs-panel td{padding:0!important} .woocommerce-Tabs-panel td:empty{display:none} .woocommerce-Tabs-panel{padding:20px 0!important} .single-product .shopengine-product-tabs .wc-tabs{display:flex!important;gap:4px 18px;flex-wrap:wrap;padding:12px 0!important} .single-product .shopengine-product-tabs .wc-tabs li{width:auto!important} .single-product form.cart{display:flex;flex-wrap:wrap;gap:12px;align-items:center} .single-product form.cart .single_add_to_cart_button{flex:1;min-width:160px} body.single-product{padding-bottom:76px} } /* Cart page (block cart) */ .woocommerce-cart .efgh-page-title,.woocommerce-checkout .efgh-page-title{font:500 40px/1.15 "DM Sans",sans-serif;color:var(--efgh-ink);margin:40px 0 6px} .efgh-page-sub{margin:0 0 28px;font:400 15px/1.5 Archivo,sans-serif;color:var(--efgh-txt)} .efgh-page-sub a{color:var(--efgh-g)} .wc-block-cart__submit-button,.wc-block-components-checkout-place-order-button{background:var(--efgh-g)!important;color:var(--efgh-cream)!important;border:0!important;border-radius:100px!important;font:500 16px/1 Manrope,sans-serif!important;text-decoration:none!important;min-height:54px!important} .wc-block-cart__submit-button:hover,.wc-block-components-checkout-place-order-button:hover{background:var(--efgh-gd)!important} .wc-block-cart__submit-button .wc-block-components-button__text,.wc-block-components-checkout-place-order-button .wc-block-components-button__text{text-decoration:none!important} .wc-block-cart .wc-block-components-product-name{color:var(--efgh-ink);text-decoration:none;font-family:"DM Sans",sans-serif;font-size:17px;text-transform:capitalize} .wc-block-cart .wc-block-cart-item__image img{border-radius:12px;background:var(--efgh-cream)} .wc-block-cart .wc-block-cart__totals-title,.wc-block-components-totals-item__label{font-family:"DM Sans",sans-serif} .wc-block-cart .wc-block-components-sidebar,.wc-block-checkout .wc-block-components-sidebar{background:var(--efgh-cream);border-radius:20px;padding:24px!important} .wc-block-components-quantity-selector{border-radius:100px!important} @media (max-width:767px){.woocommerce-cart .efgh-page-title,.woocommerce-checkout .efgh-page-title{font-size:30px;margin-top:24px}} /* Checkout: logo + "Secure checkout" only in the header */ body.efgh-focus-checkout .elementor-element[data-id="70b97df1"]>*{display:none!important} body.efgh-focus-checkout .elementor-element[data-id="70b97df1"]{justify-content:flex-end!important;align-items:center} body.efgh-focus-checkout .elementor-element[data-id="70b97df1"]:after{content:"Secure checkout";display:inline-flex;align-items:center;gap:8px;font:500 15px/1 Manrope,sans-serif;color:var(--efgh-gd);padding-left:22px;background:no-repeat left center/16px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230A3D2C' stroke-width='2' stroke-linecap='round'%3E%3Crect x='5' y='11' width='14' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E")} /* The theme styles every