/* Proyojone Storefront v2.8.9 — consistent small spacing, product CTA rows, centered WhatsApp chat, gallery reliability */
:root{--prj-space-2:8px;--prj-blue:#34468B;--prj-blue-mid:#2B3A8D;--prj-navy:#1D2B66;--prj-periwinkle:#949ECD;--prj-ice:#E3E6F6;--prj-orange:#FF6621;--prj-tangerine:#FF861F}

/* Category rail: a small even gutter from both viewport edges, no surrounding card. */
.prf-root.prf-categories{box-sizing:border-box!important;width:100%!important;max-width:none!important;margin:0 auto!important;padding-left:8px!important;padding-right:8px!important}
.prf-root.prf-categories>.prf-panel{box-sizing:border-box!important;margin:0!important;padding:8px 0 4px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.prf-root.prf-categories .prf-category-track{box-sizing:border-box!important;gap:8px!important;padding-left:0!important;padding-right:0!important;margin:0!important}
#slx-live-category-carousel{box-sizing:border-box!important;width:calc(100% - 16px)!important;max-width:none!important;margin:0 8px!important;gap:8px!important;padding-left:0!important;padding-right:0!important}
.prf-root.prf-categories .prf-category-card,#slx-live-category-carousel .prj-live-category-card{margin-bottom:8px!important}

/* All product rails/cards: consistent 8px gutter and 8px between/below cards. Images remain edge-to-edge within each card. */
.prf-root .prf-product-track,#slx-trending-track.prj-wc-live-grid,.prj-native-trending-panel #slx-trending-track{box-sizing:border-box!important;gap:8px!important;padding-left:8px!important;padding-right:8px!important;padding-bottom:8px!important}
.prf-root.prf-trending .prf-trending-panel{padding-left:8px!important;padding-right:8px!important}
.prf-root.prf-trending .prf-product-track{padding-left:0!important;padding-right:0!important}
.prf-root .prf-grid-panel{padding-left:0!important;padding-right:0!important}
.prf-root .prf-grid-products{box-sizing:border-box!important;gap:8px!important;padding-left:8px!important;padding-right:8px!important}
.prf-root .prf-product-card,.prj-wc-product-card{box-sizing:border-box!important;margin-bottom:8px!important}
.prf-root .prf-product-image,.prj-wc-product-card .prj-wc-product-media{margin:0!important;padding:0!important}
.prf-root .prf-product-image img,.prj-wc-product-card .prj-wc-product-media img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;margin:0!important;padding:0!important;object-fit:cover!important;object-position:center!important}
.prf-root .prf-product-top,.prj-wc-product-card .prj-wc-product-media{margin:0!important}

/* Single product: small even gutter rather than theme's large left/right blank strips. */
body.single-product #content,body.single-product #content.site-content,body.single-product .site-content,body.single-product .site-content>.ast-container,body.single-product .site-content .ast-container,body.single-product .ast-woocommerce-container,body.single-product .content-area,body.single-product #primary,body.single-product main.site-main{box-sizing:border-box!important;display:block!important;width:100%!important;max-width:none!important;min-width:0!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}
body.single-product div.product{box-sizing:border-box!important;width:calc(100% - 16px)!important;max-width:none!important;margin:8px auto 30px!important;padding:0!important;gap:8px!important}
body.single-product div.product div.images,body.single-product div.product div.summary{min-width:0!important;margin:0!important}
body.single-product div.product div.images{padding:0!important}
body.single-product div.product .summary{padding:16px!important}
@media(max-width:767px){body.single-product #content,body.single-product #content.site-content,body.single-product .site-content,body.single-product .site-content>.ast-container,body.single-product .site-content .ast-container,body.single-product .ast-woocommerce-container,body.single-product .content-area,body.single-product #primary,body.single-product main.site-main{padding-left:0!important;padding-right:0!important}body.single-product div.product{width:calc(100% - 16px)!important;gap:8px!important;margin-top:8px!important}body.single-product div.product .summary{padding:12px 8px!important;border-radius:12px!important}body.single-product div.product div.images{border-radius:12px!important;overflow:visible!important}}

/* Native WooCommerce gallery: make the main image and thumbnails visible while the official scripts handle switching/lightbox. */
body.single-product .woocommerce-product-gallery{display:block!important;visibility:visible!important;opacity:1!important;width:100%!important;max-width:none!important;position:relative!important}
body.single-product .woocommerce-product-gallery .flex-viewport{display:block!important;visibility:visible!important;opacity:1!important;overflow:hidden!important;width:100%!important;min-height:1px!important}
body.single-product .woocommerce-product-gallery__wrapper{display:block!important;visibility:visible!important;opacity:1!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;overflow:hidden!important}
body.single-product .woocommerce-product-gallery__image{display:block!important;visibility:visible!important;opacity:1!important;margin:0!important;padding:0!important}
body.single-product .woocommerce-product-gallery__image a{display:block!important;cursor:zoom-in!important}
body.single-product .woocommerce-product-gallery__image img{display:block!important;width:100%!important;height:auto!important;max-width:100%!important;opacity:1!important;visibility:visible!important;object-fit:contain!important}
body.single-product .flex-control-thumbs{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin:8px 0 0!important;padding:0!important;list-style:none!important}
body.single-product .flex-control-thumbs li{display:block!important;float:none!important;flex:0 0 calc((100% - 32px)/5)!important;width:calc((100% - 32px)/5)!important;margin:0!important;padding:0!important}
body.single-product .flex-control-thumbs li img{display:block!important;width:100%!important;height:auto!important;cursor:pointer!important;opacity:.78!important;visibility:visible!important}
body.single-product .flex-control-thumbs li img.flex-active,body.single-product .flex-control-thumbs li img:hover{opacity:1!important;border-color:#FF6621!important}

/* Single product purchase row: quantity left (35%), Order Now right (65%); Add to Cart / WhatsApp 50:50 on row two. */
.single-product div.product .summary form.cart:not(.grouped_form):not(.variations_form){display:grid!important;grid-template-columns:repeat(20,minmax(0,1fr))!important;grid-template-rows:auto auto!important;gap:8px!important;align-items:stretch!important;width:100%!important}
.single-product div.product .summary form.cart:not(.grouped_form):not(.variations_form)>.quantity{grid-column:1 / 8!important;grid-row:1!important;display:flex!important;width:100%!important;min-width:0!important;max-width:none!important;height:55px!important;min-height:55px!important;margin:0!important;box-sizing:border-box!important;align-items:center!important;justify-content:space-between!important;padding:4px!important}
.single-product div.product .summary form.cart:not(.grouped_form):not(.variations_form)>.prj-single-order-now{grid-column:8 / 21!important;grid-row:1!important;width:100%!important;min-width:0!important;height:55px!important;min-height:55px!important;margin:0!important;box-sizing:border-box!important}
.single-product div.product .summary form.cart:not(.grouped_form):not(.variations_form)>.single_add_to_cart_button{grid-column:1 / 11!important;grid-row:2!important;width:100%!important;min-width:0!important;margin:0!important}
.single-product div.product .summary form.cart:not(.grouped_form):not(.variations_form)>.prj-single-whatsapp{grid-column:11 / 21!important;grid-row:2!important;width:100%!important;min-width:0!important;margin:0!important}
.single-product div.product .summary form.variations_form .single_variation_wrap .woocommerce-variation-add-to-cart{display:grid!important;grid-template-columns:repeat(20,minmax(0,1fr))!important;grid-template-rows:auto auto!important;gap:8px!important;align-items:stretch!important}
.single-product div.product .summary form.variations_form .single_variation_wrap .woocommerce-variation-add-to-cart>.quantity{grid-column:1 / 8!important;grid-row:1!important;width:100%!important;min-width:0!important;max-width:none!important;height:55px!important;min-height:55px!important;margin:0!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:4px!important}
.single-product div.product .summary form.variations_form .single_variation_wrap .woocommerce-variation-add-to-cart>.prj-single-order-now{grid-column:8 / 21!important;grid-row:1!important;width:100%!important;min-width:0!important;height:55px!important;min-height:55px!important;margin:0!important}
.single-product div.product .summary form.variations_form .single_variation_wrap .woocommerce-variation-add-to-cart>.single_add_to_cart_button{grid-column:1 / 11!important;grid-row:2!important;width:100%!important;min-width:0!important;margin:0!important}
.single-product div.product .summary form.variations_form .single_variation_wrap .woocommerce-variation-add-to-cart>.prj-single-whatsapp{grid-column:11 / 21!important;grid-row:2!important;width:100%!important;min-width:0!important;margin:0!important}
@media(max-width:380px){.single-product div.product .summary form.cart .quantity .prj-qty-step{flex-basis:21px!important;width:21px!important;min-width:21px!important}.single-product div.product .summary form.cart .quantity input.qty{min-width:15px!important;max-width:28px!important}.single-product div.product .summary form.cart .prj-single-whatsapp{font-size:10px!important;gap:3px!important}}

/* Mobile bar: Chat is the middle tab with the former Home gradient; Home is plain/normal. */
.prj-ref-bottom-nav a[data-nav-key="home"],.prf-root.prf-elementor-bottom-nav a[data-nav-key="home"]{order:0!important;transform:none!important;background:transparent!important;box-shadow:none!important;border:0!important}
.prj-ref-bottom-nav a[data-nav-key="home"] svg{width:25px!important;height:25px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#34468B!important}
.prf-root.prf-elementor-bottom-nav a[data-nav-key="home"] .prf-elementor-bottom-icon{display:grid!important;place-items:center!important;width:auto!important;height:auto!important;min-height:25px!important;flex:0 1 auto!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#34468B!important}
.prj-ref-bottom-nav a[data-nav-key="home"]::before,.prf-root.prf-elementor-bottom-nav a[data-nav-key="home"]::before{display:none!important;content:none!important}
.prj-ref-bottom-nav a[data-nav-key="chat"],.prf-root.prf-elementor-bottom-nav a[data-nav-key="chat"]{order:2!important;transform:translateY(-3px)!important;background:transparent!important;box-shadow:none!important;border:0!important;isolation:isolate!important}
.prj-ref-bottom-nav .prj-ref-nav-icon-frame,.prf-root.prf-elementor-bottom-nav a[data-nav-key="chat"] .prf-elementor-bottom-icon{display:grid!important;place-items:center!important;width:39px!important;height:39px!important;min-height:39px!important;flex:0 0 39px!important;box-sizing:border-box!important;border:2px solid rgba(255,255,255,.9)!important;border-radius:14px!important;background:linear-gradient(135deg,#FF6621 0%,#FF861F 52%,#949ECD 100%)!important;box-shadow:0 8px 18px rgba(255,102,33,.24)!important;color:#1D2B66!important;overflow:hidden!important}
.prj-ref-bottom-nav a[data-nav-key="chat"] .prj-wa-brand-icon{display:block!important;width:25px!important;height:25px!important;max-width:25px!important;max-height:25px!important;position:relative!important;z-index:1!important;background:transparent!important}
.prf-root.prf-elementor-bottom-nav a[data-nav-key="chat"] .prj-wa-brand-icon{display:block!important;width:25px!important;height:25px!important;max-width:25px!important;max-height:25px!important}
.prj-ref-bottom-nav a[data-nav-key="chat"] small,.prf-root.prf-elementor-bottom-nav a[data-nav-key="chat"] small{color:#1D2B66!important;font-weight:850!important}
.prj-ref-bottom-nav a[data-nav-key="offers"],.prf-root.prf-elementor-bottom-nav a[data-nav-key="offers"]{order:1!important;transform:none!important;background:transparent!important;box-shadow:none!important}
.prj-ref-bottom-nav a[data-nav-key="categories"],.prf-root.prf-elementor-bottom-nav a[data-nav-key="categories"]{order:3!important;transform:none!important;background:transparent!important;box-shadow:none!important}
.prj-ref-bottom-nav a[data-nav-key="cart"],.prf-root.prf-elementor-bottom-nav a[data-nav-key="cart"]{order:4!important;transform:none!important;background:transparent!important;box-shadow:none!important}

/* Exact fit: keep four tiles visible on narrow phones, with the rest still in the horizontal rail. */
@media(min-width:1200px){.prf-root.prf-categories .prf-category-card,#slx-live-category-carousel .prj-live-category-card{flex-basis:calc((100% - 56px)/8)!important;width:calc((100% - 56px)/8)!important;min-width:calc((100% - 56px)/8)!important;max-width:calc((100% - 56px)/8)!important}}
@media(min-width:768px) and (max-width:1199px){.prf-root.prf-categories .prf-category-card,#slx-live-category-carousel .prj-live-category-card{flex-basis:calc((100% - 40px)/6)!important;width:calc((100% - 40px)/6)!important;min-width:calc((100% - 40px)/6)!important;max-width:calc((100% - 40px)/6)!important}}
@media(max-width:767px){.prf-root.prf-categories .prf-category-card,#slx-live-category-carousel .prj-live-category-card{flex-basis:calc((100% - 24px)/4)!important;width:calc((100% - 24px)/4)!important;min-width:calc((100% - 24px)/4)!important;max-width:calc((100% - 24px)/4)!important}}