/* Proyojone Storefront v2.8.3 — requested layout and UI fixes */
:root{--prj-blue:#34468B;--prj-blue-mid:#2B3A8D;--prj-navy:#1D2B66;--prj-periwinkle:#949ECD;--prj-ice:#E3E6F6;--prj-orange:#FF6621;--prj-tangerine:#FF861F}
/* The thin delivery/charge bar is intentionally removed even when an old Elementor template includes it. */
.prj-ref-announcement,.prf-topbar,.prf-root.prf-topbar,.elementor-widget-proyojone-ref-topbar,[data-prj-announcement-bar]{display:none!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;overflow:hidden!important}
/* Single glass header: menu left, logo centered, cart and WhatsApp on the right. */
.prj-ref-shell-header-wrap{background:linear-gradient(120deg,rgba(29,43,102,.97),rgba(43,58,141,.95),rgba(52,70,139,.95))!important;border-bottom:1px solid rgba(227,230,246,.25)!important;box-shadow:0 12px 34px rgba(29,43,102,.18)!important;backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%)}
.prj-ref-head-row{display:grid!important;grid-template-columns:minmax(72px,1fr) auto minmax(72px,1fr)!important;align-items:center!important;gap:10px!important;width:min(100% - 28px,1500px)!important;min-height:78px!important;margin:0 auto!important;padding:10px 0 8px!important}
.prj-ref-menu-left{grid-column:1!important;grid-row:1!important;justify-self:start!important}
.prj-ref-brand{grid-column:2!important;grid-row:1!important;justify-self:center!important;display:flex!important;align-items:center!important;justify-content:center!important;width:200px!important;max-width:42vw!important;height:64px!important;margin:0!important}
.prj-ref-brand img{display:block!important;max-width:200px!important;width:100%!important;max-height:64px!important;height:auto!important;object-fit:contain!important;object-position:center!important}
.prj-ref-head-actions{grid-column:3!important;grid-row:1!important;justify-self:end!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;margin:0!important;min-width:0!important}
.prj-ref-round{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:44px!important;height:44px!important;flex:0 0 44px!important;padding:0!important;border-radius:15px!important;border:1px solid rgba(227,230,246,.28)!important;background:linear-gradient(145deg,rgba(227,230,246,.16),rgba(148,158,205,.11))!important;color:#E3E6F6!important;box-shadow:0 7px 20px rgba(29,43,102,.14)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);text-decoration:none!important}
.prj-ref-round svg,.prj-ref-mobile-menu-toggle svg{width:22px!important;height:22px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.prj-ref-round:hover,.prj-ref-round:focus-visible{background:linear-gradient(135deg,#FF6621,#FF861F)!important;color:#1D2B66!important;border-color:rgba(255,134,31,.8)!important}
.prj-ref-header-cart-count{position:absolute!important;top:-5px!important;right:-5px!important;display:flex!important;align-items:center!important;justify-content:center!important;min-width:18px!important;height:18px!important;padding:0 4px!important;border-radius:999px!important;background:linear-gradient(120deg,#FF6621,#FF861F)!important;color:#1D2B66!important;font-size:10px!important;font-weight:900!important;line-height:1!important;border:1px solid rgba(255,255,255,.75)!important}
.prj-ref-mobile-menu-toggle{grid-column:1!important;grid-row:1!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-width:84px!important;width:auto!important;height:44px!important;padding:0 12px!important;border:1px solid rgba(227,230,246,.32)!important;border-radius:14px!important;background:linear-gradient(135deg,rgba(148,158,205,.28),rgba(52,70,139,.62))!important;color:#E3E6F6!important;font-size:12px!important;font-weight:850!important;box-shadow:0 7px 20px rgba(29,43,102,.14)!important;cursor:pointer!important}
.prj-ref-mobile-menu-toggle:hover,.prj-ref-mobile-menu-toggle.is-open{background:linear-gradient(120deg,#FF6621,#FF861F)!important;color:#1D2B66!important}
.prj-ref-search-row{display:flex!important;width:min(100% - 28px,1500px)!important;margin:0 auto!important;padding:0 0 14px!important;gap:0!important}
.prj-ref-search{width:100%!important;max-width:none!important;height:48px!important;border:1px solid rgba(227,230,246,.58)!important;border-radius:16px!important;background:rgba(255,255,255,.95)!important;box-shadow:0 8px 22px rgba(29,43,102,.14),inset 0 1px 0 #fff!important}
.prj-ref-search input[type=search]{color:#1D2B66!important;background:transparent!important}
.prj-ref-search input[type=search]::placeholder{color:rgba(29,43,102,.6)!important}
.prj-ref-search button{background:linear-gradient(120deg,#FF6621,#FF861F)!important;color:#1D2B66!important;border-radius:12px!important}
.prj-ref-mobile-menu{background:linear-gradient(135deg,rgba(29,43,102,.98),rgba(43,58,141,.97),rgba(52,70,139,.95))!important;border:1px solid rgba(227,230,246,.22)!important;border-radius:0 0 22px 22px!important;box-shadow:0 15px 34px rgba(29,43,102,.2)!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.prj-ref-mobile-menu:not([hidden]){display:flex!important;flex-wrap:wrap!important;gap:8px!important;align-items:center!important;justify-content:center!important;width:min(100% - 28px,1500px)!important;margin:0 auto 12px!important;padding:12px!important}
.prj-ref-mobile-menu a{padding:10px 13px!important;border-radius:12px!important;border:1px solid rgba(227,230,246,.13)!important;background:rgba(227,230,246,.1)!important;color:#E3E6F6!important;text-decoration:none!important;font-weight:700!important}
.prj-ref-mobile-menu a:hover{background:linear-gradient(120deg,#FF6621,#FF861F)!important;color:#1D2B66!important}
/* Native Elementor Header widget fallback also follows the same layout if assigned as a template. */
.prj-ref-shell-header-template .prf-header .prf-header-inner{display:grid!important;grid-template-columns:minmax(68px,1fr) minmax(140px,auto) minmax(68px,1fr)!important;align-items:center!important;gap:10px!important}
.prj-ref-shell-header-template .prf-header .prf-brand{grid-column:2!important;grid-row:1!important;justify-self:center!important}
.prj-ref-shell-header-template .prf-header .prf-mobile-menu-toggle{grid-column:1!important;grid-row:1!important;justify-self:start!important}
.prj-ref-shell-header-template .prf-header .prf-search{grid-column:1/-1!important;grid-row:2!important;width:100%!important}
.prj-ref-shell-header-template .prf-header .prf-header-actions{grid-column:3!important;grid-row:1!important;justify-self:end!important}
/* Remove decorative underline/dashes under category and section headings. */
.prf-category-heading,.prf-category-heading:before,.prf-category-heading:after,
.prf-category-heading span:before,.prf-category-heading span:after,
.prf-section-head h2:before,.prf-section-head h2:after,.prf-grid-intro h2:before,.prf-grid-intro h2:after,
.prf-trending-head h2:before,.prf-trending-head h2:after,.prf-offer-copy h2:before,.prf-offer-copy h2:after,
.prf-video-heading h2:before,.prf-video-heading h2:after{border:0!important;box-shadow:none!important;text-decoration:none!important;content:none!important;display:none!important}
/* Gadget For You category controls visibly signal interaction and stay usable with AJAX results. */
.prf-filter-tabs{display:flex!important;flex-wrap:nowrap!important;gap:9px!important;overflow-x:auto!important;overscroll-behavior-x:contain!important;scrollbar-width:none!important;padding:4px 1px 10px!important}
.prf-filter-tabs::-webkit-scrollbar{display:none!important}
.prf-filter-tab{flex:0 0 auto!important;border:1px solid rgba(52,70,139,.18)!important;border-radius:999px!important;background:linear-gradient(135deg,rgba(255,255,255,.91),rgba(227,230,246,.74))!important;color:#34468B!important;padding:9px 15px!important;font-weight:800!important;cursor:pointer!important;transition:transform .18s ease,background .18s ease,box-shadow .18s ease!important}
.prf-filter-tab:hover{transform:translateY(-1px)!important;box-shadow:0 7px 16px rgba(29,43,102,.1)!important}
.prf-filter-tab.is-active{background:linear-gradient(120deg,#FF6621,#FF861F)!important;color:#1D2B66!important;border-color:transparent!important}
.prf-grid-products[aria-busy=true]{opacity:.6;pointer-events:none;min-height:180px}
.prf-hidden{display:none!important}
/* Offers countdown: white/ice-blue surface with dark-blue numerals, not a black block. */
.prf-countdown{background:linear-gradient(135deg,#FFFFFF 0%,#E3E6F6 100%)!important;color:#1D2B66!important;border:1px solid rgba(255,255,255,.92)!important;box-shadow:0 12px 28px rgba(29,43,102,.14)!important;border-radius:18px!important;backdrop-filter:blur(16px) saturate(135%)!important;-webkit-backdrop-filter:blur(16px) saturate(135%)!important}
.prf-countdown>span,.prf-countdown b,.prf-countdown small{color:#1D2B66!important;-webkit-text-fill-color:#1D2B66!important}
.prf-countdown>div{background:rgba(255,255,255,.82)!important;border:1px solid rgba(52,70,139,.13)!important;border-radius:12px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important}
/* Single product pricing: keep struck-through regular price aligned and unmistakable. */
.single-product div.product .summary>.price{display:flex!important;flex-wrap:wrap!important;align-items:baseline!important;justify-content:flex-start!important;gap:7px 12px!important;width:100%!important;line-height:1.25!important}
.single-product div.product .summary>.price del,.single-product div.product .summary>.price del .amount{display:inline-flex!important;align-items:center!important;justify-content:center!important;color:#77809F!important;opacity:1!important;font-size:.56em!important;font-weight:650!important;text-decoration:line-through!important;text-decoration-color:#77809F!important;text-decoration-thickness:1.5px!important;white-space:nowrap!important}
.single-product div.product .summary>.price ins,.single-product div.product .summary>.price ins .amount{display:inline-flex!important;align-items:center!important;color:#FF6621!important;text-decoration:none!important;background:transparent!important;font-weight:900!important}
.single-product div.product .summary form.cart .prj-single-order-now{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:58px!important;border:1px solid transparent!important;border-radius:16px!important;background:linear-gradient(115deg,#FF6621 0%,#FF861F 52%,#FF6621 100%)!important;color:#1D2B66!important;font-weight:900!important;font-size:16px!important;box-shadow:0 12px 25px rgba(255,102,33,.25)!important;transition:transform .2s ease,box-shadow .2s ease!important}
.single-product div.product .summary form.cart .prj-single-order-now:hover{transform:translateY(-2px)!important;background:linear-gradient(125deg,#34468B,#2B3A8D)!important;color:#E3E6F6!important;box-shadow:0 15px 28px rgba(29,43,102,.2)!important}
.single-product div.product .summary form.cart .prj-single-whatsapp{display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;width:100%!important;min-height:48px!important;border:1px solid rgba(52,70,139,.16)!important;border-radius:14px!important;background:linear-gradient(135deg,#FFFFFF,#E3E6F6)!important;color:#1D2B66!important;font-weight:800!important;text-decoration:none!important}
.single-product div.product .summary form.cart .prj-wa-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:26px!important;height:26px!important;border-radius:50%!important;background:#25D366!important;color:#FFFFFF!important;flex:0 0 26px!important}
.single-product div.product .summary form.cart .prj-wa-icon svg{display:block!important;width:17px!important;height:17px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.6!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.single-product div.product .summary form.cart .prj-single-whatsapp:hover{border-color:#25D366!important;background:linear-gradient(135deg,#F2FFF7,#E3E6F6)!important;color:#1D2B66!important}
/* Bottom mobile navigation: make Chat a first-class WhatsApp action. */
.prj-ref-bottom-nav a[data-nav-key=chat] svg{stroke:#25D366!important}
.prj-ref-bottom-nav a[data-nav-key=chat].is-active:before{background:#25D366!important}
@media(max-width:767px){
 .prj-ref-head-row{width:calc(100% - 20px)!important;grid-template-columns:minmax(48px,1fr) auto minmax(76px,1fr)!important;gap:5px!important;min-height:66px!important;padding:8px 0!important}
 .prj-ref-menu-left{min-width:42px!important;width:42px!important;height:42px!important;padding:0!important;border-radius:12px!important}
 .prj-ref-menu-left span{display:none!important}
 .prj-ref-menu-left svg{width:21px!important;height:21px!important}
 .prj-ref-brand{width:clamp(118px,38vw,164px)!important;max-width:40vw!important;height:48px!important}
 .prj-ref-brand img{max-width:100%!important;max-height:48px!important}
 .prj-ref-head-actions{gap:5px!important}
 .prj-ref-round{width:37px!important;height:37px!important;flex-basis:37px!important;border-radius:12px!important}
 .prj-ref-round svg{width:19px!important;height:19px!important}
 .prj-ref-header-cart-count{min-width:16px!important;height:16px!important;font-size:9px!important}
 .prj-ref-search-row{width:calc(100% - 20px)!important;padding-bottom:10px!important}
 .prj-ref-search{height:43px!important}
 .prj-ref-search input[type=search]{padding:0 10px!important;font-size:12px!important}
 .prj-ref-search button{width:40px!important;flex-basis:40px!important}
 .prj-ref-mobile-menu:not([hidden]){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:calc(100% - 20px)!important;gap:7px!important;margin-bottom:9px!important}
 .prj-ref-mobile-menu a{text-align:center!important;font-size:12px!important}
 .prf-countdown{width:100%!important;gap:6px!important;padding:10px!important;justify-content:space-between!important}
 .prf-countdown>div{flex:1 1 0!important;min-width:0!important;padding:7px 3px!important}
 .single-product div.product .summary>.price{gap:6px 9px!important;font-size:25px!important}
 .single-product div.product .summary>.price del,.single-product div.product .summary>.price del .amount{font-size:.57em!important}
}
/* Styled fallback header controls used when the merchant selects an Elementor Header template. */
.prj-ref-shell-header-template .prf-header .prf-mobile-menu-toggle{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-width:78px!important;height:44px!important;padding:0 11px!important;border-radius:14px!important;border:1px solid rgba(227,230,246,.3)!important;background:linear-gradient(135deg,rgba(148,158,205,.25),rgba(52,70,139,.6))!important;color:#E3E6F6!important;cursor:pointer!important}
.prj-ref-shell-header-template .prf-header .prf-brand .prf-logo{display:block!important;max-width:min(200px,40vw)!important;max-height:62px!important;width:auto!important;height:auto!important;object-fit:contain!important}
.prj-ref-shell-header-template .prf-header .prf-header-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;margin:0!important}
.prj-ref-shell-header-template .prf-header .prf-header-cart{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:43px!important;height:43px!important;flex:0 0 43px!important;border-radius:14px!important;border:1px solid rgba(227,230,246,.25)!important;background:linear-gradient(145deg,rgba(227,230,246,.16),rgba(148,158,205,.1))!important;color:#E3E6F6!important;text-decoration:none!important;font-size:18px!important}
.prj-ref-shell-header-template .prf-header .prf-header-cart svg{width:21px!important;height:21px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.prj-ref-shell-header-template .prf-header .prf-header-utility{display:none!important}
.prj-ref-shell-header-template .prf-header .prf-header-count{position:absolute!important;top:-5px!important;right:-5px!important;display:flex!important;align-items:center!important;justify-content:center!important;min-width:17px!important;height:17px!important;border-radius:999px!important;padding:0 3px!important;background:#FF6621!important;color:#1D2B66!important;font-size:9px!important;font-weight:900!important}
.prj-ref-shell-header-template .prf-header .prf-search{grid-column:1/-1!important;grid-row:2!important;max-width:none!important;width:100%!important}
.prj-ref-shell-header-template .prf-header .prf-search>button{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:40px!important;height:36px!important;border-radius:11px!important}
.prj-ref-shell-header-template .prf-header .prf-mobile-menu{grid-column:1/-1!important;grid-row:3!important;width:100%!important}
.prj-ref-shell-header-template .prf-header .prf-header-chat{color:#E3E6F6!important}
.prj-ref-shell-header-template .prf-header .prf-header-chat:hover{background:#25D366!important;color:#FFFFFF!important}
@media(max-width:767px){
 .prj-ref-shell-header-template .prf-header .prf-header-inner{grid-template-columns:minmax(42px,1fr) auto minmax(76px,1fr)!important;gap:5px!important}
 .prj-ref-shell-header-template .prf-header .prf-mobile-menu-toggle{min-width:41px!important;width:41px!important;height:41px!important;padding:0!important}
 .prj-ref-shell-header-template .prf-header .prf-mobile-menu-toggle span{display:none!important}
 .prj-ref-shell-header-template .prf-header .prf-header-cart{width:35px!important;height:35px!important;flex-basis:35px!important}
 .prj-ref-shell-header-template .prf-header .prf-brand .prf-logo{max-width:38vw!important;max-height:46px!important}
}
