/* Proyojone Storefront v2.9.4 — deep dark-blue glass header, cream bottom nav, strong See More, visible mobile quantity, reliable gallery + lightbox.
   Loads LAST. Selectors copy the specificity of the older rules they replace, so they win without editing old files. */

/* ================= 1. HEADER: deep dark-blue gradient glass ================= */
html body .prj-ref-shell-header-wrap[data-prj-global-header],
html body .prj-ref-shell-header-wrap{
  background:
    radial-gradient(120% 160% at 88% -60%,rgba(96,116,210,.38) 0%,rgba(96,116,210,0) 58%),
    linear-gradient(135deg,rgba(7,11,38,.98) 0%,rgba(13,20,58,.97) 42%,rgba(24,36,92,.95) 100%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(170%)!important;
  backdrop-filter:blur(18px) saturate(170%)!important;
  border-bottom:1px solid rgba(227,230,246,.20)!important;
  box-shadow:0 14px 32px -16px rgba(5,8,30,.9),inset 0 1px 0 rgba(255,255,255,.14)!important;
  color:#E3E6F6!important;
}
html body .prj-ref-shell-header-wrap[data-prj-global-header] .prj-ref-shell-header,
html body .prj-ref-shell-header-wrap[data-prj-global-header]>.prj-ref-shell-header,
html body .prj-ref-shell-header-wrap .prf-header{
  background:transparent!important;border:0!important;box-shadow:none!important;color:#E3E6F6!important;
}
html body .prj-ref-shell-header-wrap .prj-ref-mobile-menu-toggle,
html body .prj-ref-shell-header-wrap .prj-ref-round,
html body .prj-ref-shell-header-wrap .prf-mobile-menu-toggle,
html body .prj-ref-shell-header-wrap .prf-header-cart{
  background:rgba(227,230,246,.13)!important;color:#E3E6F6!important;
  border:1px solid rgba(227,230,246,.30)!important;border-radius:12px!important;
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16)!important;
}
html body .prj-ref-shell-header-wrap .prj-ref-mobile-menu-toggle span,
html body .prj-ref-shell-header-wrap .prf-mobile-menu-toggle span{color:#E3E6F6!important}
html body .prj-ref-shell-header-wrap svg{stroke:currentColor}
html body .prj-ref-shell-header-wrap .prj-ref-mobile-menu{
  background:linear-gradient(160deg,rgba(13,20,58,.98),rgba(24,36,92,.97))!important;
  border:1px solid rgba(227,230,246,.2)!important;border-radius:16px!important;
}
html body .prj-ref-shell-header-wrap .prj-ref-mobile-menu a{color:#E3E6F6!important;font-weight:700}

/* ================= 2. BOTTOM NAVIGATION: light cream/white glass again ================= */
html body .prj-ref-bottom-nav,
html body .prj-ref-bottom-nav.is-scrolling,
html body .prf-root.prf-elementor-bottom-nav,
html body .prf-root.prf-elementor-bottom-nav.is-scrolling{
  background:linear-gradient(135deg,rgba(255,255,255,.97) 0%,rgba(227,230,246,.96) 100%)!important;
  -webkit-backdrop-filter:blur(14px) saturate(150%);backdrop-filter:blur(14px) saturate(150%);
  border:1px solid rgba(148,158,205,.60)!important;
  box-shadow:0 12px 28px -12px rgba(29,43,102,.35),inset 0 1px 0 rgba(255,255,255,.9)!important;
  padding-bottom:max(3px,env(safe-area-inset-bottom))!important;
}
html body .prj-ref-bottom-nav a,
html body .prf-elementor-bottom-nav a{color:#34468B!important;position:relative}
html body .prj-ref-bottom-nav a small,
html body .prf-elementor-bottom-nav a small{color:#34468B!important;font-weight:800}
html body .prj-ref-bottom-nav a.is-active,
html body .prf-elementor-bottom-nav a.is-active,
html body .prj-ref-bottom-nav a.is-active small{color:#1D2B66!important}
html body .prj-ref-bottom-nav a.is-active::after,
html body .prf-elementor-bottom-nav a.is-active::after{
  content:"";position:absolute;left:50%;bottom:1px;width:18px;height:3px;margin-left:-9px;border-radius:3px;background:#FF6621;
}

/* ================= 3. SEE MORE buttons: strong and readable ================= */
/* Offers & Deals (dark section): solid orange, dark text */
html body .prf-offer-section .prf-see-more-wrap a.prf-see-more,
html body .prf-offer-section a.prf-see-more,
html body .prf-offer-section a.prf-see-more:visited{
  background:linear-gradient(135deg,#FF8A4F 0%,#FF6621 100%)!important;
  color:#0F1640!important;-webkit-text-fill-color:#0F1640!important;
  border:1px solid #FF6621!important;
  font-size:14px!important;font-weight:900!important;letter-spacing:.01em;
  min-height:44px!important;padding:0 28px!important;border-radius:999px!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  box-shadow:0 14px 26px -10px rgba(255,102,33,.85)!important;text-decoration:none!important;
}
html body .prf-offer-section a.prf-see-more span{color:#0F1640!important;-webkit-text-fill-color:#0F1640!important}
html body .prf-offer-section a.prf-see-more:hover,
html body .prf-offer-section a.prf-see-more:focus-visible{
  background:#E3E6F6!important;border-color:#E3E6F6!important;color:#0F1640!important;translate:0 -2px;
}
/* Light sections: solid navy gradient, cream text */
html body .prf-root:not(.prf-offer-section) .prf-see-more-wrap a.prf-see-more{
  background:linear-gradient(135deg,#0F1640,#1D2B66)!important;
  color:#E3E6F6!important;-webkit-text-fill-color:#E3E6F6!important;
  border:1px solid #1D2B66!important;font-weight:900!important;min-height:44px!important;padding:0 26px!important;
  box-shadow:0 12px 22px -10px rgba(15,22,64,.7)!important;
}
html body .prf-root:not(.prf-offer-section) .prf-see-more-wrap a.prf-see-more span{color:#FF6621!important;-webkit-text-fill-color:#FF6621!important}
html body .prf-root:not(.prf-offer-section) .prf-see-more-wrap a.prf-see-more:hover{
  background:#FF6621!important;border-color:#FF6621!important;color:#0F1640!important;-webkit-text-fill-color:#0F1640!important;
}

/* ================= 4. QUANTITY  − 1 +  : always visible (mobile too) ================= */
html body.single-product .prj-buy-v293 .prj-qty-v293{
  display:grid!important;grid-template-columns:42px minmax(36px,1fr) 42px;align-items:stretch;
  background:#E3E6F6!important;border:1.5px solid #1D2B66!important;border-radius:12px!important;
  overflow:hidden!important;padding:0!important;min-width:0;opacity:1!important;visibility:visible!important;
}
html body.single-product .prj-buy-v293 .prj-qty-v293 button{
  display:flex!important;align-items:center;justify-content:center;
  width:42px!important;min-width:42px!important;height:100%!important;margin:0!important;padding:0!important;
  background:#1D2B66!important;color:#E3E6F6!important;-webkit-text-fill-color:#E3E6F6!important;
  border:0!important;border-radius:0!important;opacity:1!important;visibility:visible!important;
  font-size:22px!important;font-weight:800!important;line-height:1!important;
  -webkit-tap-highlight-color:transparent;touch-action:manipulation;
}
html body.single-product .prj-buy-v293 .prj-qty-v293 button:active{background:#FF6621!important}
html body.single-product .prj-buy-v293 .prj-qty-v293 button svg{
  width:18px;height:18px;display:block;fill:none;stroke:#E3E6F6;stroke-width:3;stroke-linecap:round;pointer-events:none;
}
html body.single-product .prj-buy-v293 .prj-qty-v293 button:active svg{stroke:#0F1640}
html body.single-product .prj-buy-v293 .prj-qty-v293 input{
  display:block!important;visibility:visible!important;opacity:1!important;
  width:100%!important;min-width:0!important;height:100%!important;margin:0!important;padding:0!important;
  background:transparent!important;border:0!important;outline:0!important;box-shadow:none!important;
  color:#0F1640!important;-webkit-text-fill-color:#0F1640!important;
  font-size:16px!important;font-weight:900!important;text-align:center!important;
  -webkit-appearance:none;appearance:none;-moz-appearance:textfield;
}
html body.single-product .prj-buy-v293 .prj-qty-v293 input::-webkit-outer-spin-button,
html body.single-product .prj-buy-v293 .prj-qty-v293 input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
@media (max-width:640px){
  html body.single-product .prj-buy-row-1{grid-template-columns:132px minmax(0,1fr)!important}
  html body.single-product .prj-buy-row-1.no-qty{grid-template-columns:minmax(0,1fr)!important}
}
@media (max-width:360px){
  html body.single-product .prj-buy-row-1{grid-template-columns:116px minmax(0,1fr)!important}
  html body.single-product .prj-buy-v293 .prj-qty-v293{grid-template-columns:36px minmax(30px,1fr) 36px}
  html body.single-product .prj-buy-v293 .prj-qty-v293 button{width:36px!important;min-width:36px!important}
}
/* Cart page quantity (native WooCommerce input) */
html body.woocommerce-cart .quantity{display:inline-flex!important;align-items:center}
html body.woocommerce-cart .quantity input.qty{
  display:block!important;opacity:1!important;visibility:visible!important;width:64px!important;min-width:56px!important;height:44px!important;
  text-align:center;font-size:16px!important;font-weight:800!important;color:#0F1640!important;-webkit-text-fill-color:#0F1640!important;
  background:#fff!important;border:1.5px solid #1D2B66!important;border-radius:10px!important;
}

/* ================= 5. GALLERY: one image, one thumbnail rail, tap-to-zoom lightbox ================= */
html body.single-product div.product .woocommerce-product-gallery.prj-g294 .flex-viewport{
  height:auto!important;overflow:hidden!important;border-radius:20px;
}
html body.single-product div.product .woocommerce-product-gallery.prj-g294 .woocommerce-product-gallery__wrapper{
  -webkit-transform:none!important;transform:none!important;transition:none!important;
  width:100%!important;margin:0!important;display:block!important;
}
html body.single-product div.product .woocommerce-product-gallery.prj-g294 .woocommerce-product-gallery__image{
  float:none!important;width:100%!important;margin:0!important;
}
html body.single-product .woocommerce-product-gallery.prj-g294 .woocommerce-product-gallery__image a{display:block;cursor:zoom-in}
html body.single-product .woocommerce-product-gallery.prj-g294 .woocommerce-product-gallery__image img{
  display:block;width:100%!important;height:auto!important;object-fit:contain;-webkit-user-drag:none;user-select:none;
}
html body.single-product .woocommerce-product-gallery.prj-g294 .zoomImg,
html body.single-product .woocommerce-product-gallery.prj-g294 .flex-direction-nav,
html body.single-product .prj-thumbs-v292{display:none!important}
html body.single-product .woocommerce-product-gallery__trigger{
  z-index:5;width:40px;height:40px;border-radius:50%;background:rgba(15,22,64,.78)!important;color:#E3E6F6!important;
  border:1px solid rgba(227,230,246,.35);top:12px;right:12px;
}
.prj-g-count{position:absolute;left:12px;bottom:12px;z-index:5;padding:4px 10px;border-radius:999px;
  background:rgba(15,22,64,.78);color:#E3E6F6;font-size:12px;font-weight:800;pointer-events:none}
.prj-thumbs-v294{
  order:3;display:flex;flex-wrap:nowrap;gap:8px;width:100%;margin:10px 0 0;padding:2px 2px 6px;
  overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-snap-type:x proximity;
}
.prj-thumbs-v294::-webkit-scrollbar{display:none}
.prj-thumb-v294{
  flex:0 0 66px;width:66px;height:66px;padding:0;border-radius:12px;overflow:hidden;cursor:pointer;background:#E3E6F6;
  border:2px solid rgba(52,70,139,.30);opacity:.8;scroll-snap-align:start;transition:all .25s ease;
  -webkit-tap-highlight-color:transparent;touch-action:manipulation;
}
.prj-thumb-v294 img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}
.prj-thumb-v294.is-active{border-color:#FF6621;opacity:1;box-shadow:0 8px 16px -8px rgba(255,102,33,.8)}
@media (max-width:640px){.prj-thumb-v294{flex-basis:58px;width:58px;height:58px}}

/* lightbox */
html.prj-lb-open,html.prj-lb-open body{overflow:hidden!important}
.prj-lb294{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;
  background:rgba(6,9,30,.94);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);touch-action:pan-y}
.prj-lb294[hidden]{display:none}
.prj-lb-stage{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:56px 12px}
.prj-lb-stage img{max-width:100%;max-height:100%;object-fit:contain;border-radius:12px;user-select:none;-webkit-user-drag:none}
.prj-lb294 button{
  position:absolute;display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;
  background:rgba(227,230,246,.16);color:#E3E6F6;border:1px solid rgba(227,230,246,.35);font-size:26px;line-height:1;cursor:pointer;
  -webkit-tap-highlight-color:transparent;padding:0;
}
.prj-lb-close{top:max(12px,env(safe-area-inset-top));right:12px}
.prj-lb-prev{left:10px;top:50%;margin-top:-23px}
.prj-lb-next{right:10px;top:50%;margin-top:-23px}
.prj-lb-count{position:absolute;top:max(22px,calc(env(safe-area-inset-top) + 10px));left:50%;transform:translateX(-50%);color:#E3E6F6;font-size:13px;font-weight:800}

/* ================= 6. Mobile smoothness / Bangladesh-friendly touch ================= */
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{overflow-x:clip}
html body a,html body button{-webkit-tap-highlight-color:transparent}
html body .prj-ref-bottom-nav a,html body .prj-buy-v293 button,html body .prf-order-btn,html body .prf-see-more{touch-action:manipulation}
@media (max-width:767px){html body input[type="search"],html body input[type="text"],html body input[type="number"],html body input[type="tel"],html body input[type="email"],html body select,html body textarea{font-size:16px} /* stops iOS auto-zoom on focus */}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media (max-width:767px){
  html body .prj-ref-shell-header-wrap,html body .prj-ref-bottom-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
}