/*
  MAJOU POLISHED CLONE V2
  Image markers:
  - Hero slider images: index.php -> $slides
  - Product normal/hover images: index.php -> $products image/image2
  - Campaign banner: index.php -> $campaignDesktop/$campaignMobile
*/
@font-face{
  font-family:MajouAvo;
  src:url('https://bizweb.dktcdn.net/100/588/901/themes/1038274/assets/svn-avo.ttf?1779873050906') format('truetype');
  font-display:swap;
}
@font-face{
  font-family:MajouSerif;
  src:url('https://bizweb.dktcdn.net/100/588/901/themes/1038274/assets/svn-ivyprestoheadline-light.otf?1779873050906') format('opentype');
  font-display:swap;
}
:root{
  --font:MajouAvo, Arial, Helvetica, sans-serif;
  --serif:MajouSerif, Georgia, 'Times New Roman', serif;
  --header-h:92px;
  --edge:12px;
  --black:#000;
  --white:#fff;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:#000;font-family:var(--font);font-size:13px;line-height:1.4;font-weight:400;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,input{font:inherit;background:none;border:0;color:inherit}
button{cursor:pointer;padding:0}
img{max-width:100%}

/* HEADER */
.ega-header{position:fixed;z-index:80;top:0;left:0;right:0;height:var(--header-h);background:transparent;color:#fff;transition:background .25s ease,color .25s ease,box-shadow .25s ease,transform .25s ease}
.ega-header.is-sticky,.ega-header.menu-open{background:#fff;color:#000;box-shadow:0 1px 0 rgba(0,0,0,.06)}
.header-wrap{height:100%;display:grid;grid-template-columns:230px 1fr 170px;align-items:center;padding:0 70px;gap:10px}
.logo-wrapper{display:flex;align-items:center;width:120px;height:40px;position:relative;z-index:2}
.logo-img{width:120px;height:auto;max-height:40px;object-fit:contain;display:block}
.logo-black{display:none}.logo-white{display:block}
.ega-header.is-sticky .logo-white,.ega-header.menu-open .logo-white{display:none}
.ega-header.is-sticky .logo-black,.ega-header.menu-open .logo-black{display:block}
.navigation--desktop{justify-self:center;min-width:0}
.navigation-horizontal{display:flex;align-items:center;justify-content:center;gap:34px;list-style:none;margin:0;padding:0;white-space:nowrap}
.menu-item{position:relative}
.menu-item__link{font-size:12px;line-height:1;text-transform:uppercase;display:flex;align-items:center;gap:8px;letter-spacing:-.1px;padding:38px 0;transition:opacity .2s ease}
.menu-item__link:hover{opacity:.72}
.chev{width:7px;height:7px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);margin-top:-4px}
.submenu{position:absolute;top:100%;left:50%;transform:translate(-50%,10px);opacity:0;visibility:hidden;min-width:190px;background:#fff;color:#000;padding:14px 0;box-shadow:0 12px 32px rgba(0,0,0,.08);transition:.18s ease}
.has-submenu:hover .submenu{opacity:1;visibility:visible;transform:translate(-50%,0)}
.submenu__list{list-style:none;margin:0;padding:0}
.submenu__item a{display:block;font-size:12px;text-transform:uppercase;padding:9px 22px;white-space:nowrap}.submenu__item a:hover{background:#f7f7f7}
.header-right{justify-self:end;display:flex;align-items:center;gap:13px;color:inherit}
.header-icon{position:relative;display:inline-flex;width:26px;height:34px;align-items:center;justify-content:center;color:inherit;flex:0 0 auto}
.icon-search{width:21px;height:21px;border:1.5px solid currentColor;border-radius:50%;position:relative;display:block}
.icon-search:after{content:"";position:absolute;width:8px;height:1.5px;background:currentColor;right:-6px;bottom:1px;transform:rotate(45deg);transform-origin:center}
.icon-user{width:20px;height:20px;border:1.4px solid currentColor;border-radius:50%;position:relative;display:block;margin-top:-7px}
.icon-user:after{content:"";position:absolute;left:-7px;right:-7px;bottom:-15px;height:13px;border:1.4px solid currentColor;border-bottom:0;border-radius:13px 13px 0 0}
.icon-bag{width:18px;height:20px;border:1.4px solid currentColor;border-radius:1px;position:relative;display:block;margin-top:3px}
.icon-bag:before{content:"";position:absolute;top:-8px;left:4px;width:8px;height:8px;border:1.4px solid currentColor;border-bottom:0;border-radius:8px 8px 0 0}
.cart-count{position:absolute;top:0;right:-3px;font-size:12px;line-height:1}
.menu-bar{display:none;flex-direction:column;gap:5px}.menu-bar span{display:block;width:23px;height:1px;background:currentColor}

/* HERO SLIDER */
.section_slider{position:relative;background:#fff}
.home-slider{position:relative;width:100%;overflow:hidden;background:#e7eef6;min-height:180px}
.slide{position:absolute;inset:0;opacity:0;z-index:1;transition:opacity .5s linear;pointer-events:none}
.slide.is-active{position:relative;opacity:1;z-index:2;pointer-events:auto}
.slide picture,.slide img{display:block;width:100%}.slide img{height:auto;object-fit:contain}
.slider-arrow{position:absolute;z-index:5;top:50%;width:56px;height:40px;transform:translateY(-50%);opacity:.92;color:#111;background:transparent}
.slider-prev{left:14px}.slider-next{right:14px}
.slider-arrow:before{content:"";position:absolute;top:50%;width:34px;height:1px;background:currentColor;transform:translateY(-50%)}
.slider-arrow:after{content:"";position:absolute;top:50%;width:12px;height:12px;border-color:currentColor;border-style:solid;transform:translateY(-50%) rotate(45deg)}
.slider-prev:before{left:13px}.slider-prev:after{left:12px;border-width:0 0 1.2px 1.2px}
.slider-next:before{right:13px}.slider-next:after{right:12px;border-width:1.2px 1.2px 0 0}
.slider-dots{position:absolute;z-index:6;left:50%;bottom:17px;transform:translateX(-50%);display:flex;align-items:center;gap:7px}
.slider-dots button{display:block;font-size:0;width:16px;height:5px;border-radius:8px;background:#fff;opacity:.55;transition:.2s}.slider-dots button.active{background:#000;opacity:1}

/* PRODUCT CAROUSEL */
.section_product_new{background:#fff;padding:14px 0 0}
.edge-container{width:100%;padding:0 var(--edge)}
.product-strip-wrap{position:relative;overflow:hidden}
.product-strip{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 12px)/4);gap:4px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none}.product-strip::-webkit-scrollbar{display:none}
.product-col{scroll-snap-align:start;min-width:0}
.product-card{display:block;position:relative;background:#fff;overflow:hidden}
.image_thumb{position:relative;display:block;width:100%;overflow:hidden;background:#eef3f7}
.embed-responsive-2by3{aspect-ratio:2/3}
.image_thumb img{position:relative;display:block;width:100%;height:100%;object-fit:contain;transition:opacity .25s linear,transform .45s ease;will-change:opacity,transform}
.img-secondary{position:absolute!important;inset:0;opacity:0}.product-card:hover .img-featured{opacity:0}.product-card:hover .img-secondary{opacity:1;transform:scale(1.015)}
.action-bar{position:absolute;left:50%;bottom:22px;transform:translate(-50%,12px);opacity:0;transition:opacity .18s ease,transform .18s ease;pointer-events:none}.product-card:hover .action-bar{opacity:1;transform:translate(-50%,0)}
.action-child{display:inline-block;background:#fff;color:#000;padding:8px 14px;font-size:12px;line-height:1;box-shadow:0 4px 14px rgba(0,0,0,.07)}
.product-info{padding:12px 0 16px;background:#fff;min-height:64px}.product-name{display:block;font-size:12px;text-transform:uppercase;letter-spacing:-.1px;margin:0 0 6px;line-height:1.25}.price{font-size:12px;line-height:1.2}.price-box{min-height:15px}
.product-strip-wrap{--product-arrow-top:38%}

/* =========================================================
   PRODUCT ARROW CLEANUP FIX - V28
   Removes double arrow and space in left arrow
   ========================================================= */

/* Disable all pseudo-element arrow methods completely */
.product-arrow::before,
.product-arrow::after {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  background: none !important;
  border: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  position: static !important;
}

/* Remove any SVG/background image arrows */
.product-arrow svg,
.product-arrow .product-arrow-svg,
.product-arrow path,
.product-arrow img {
  display: none !important;
}

.product-arrow {
  background-image: none !important;
  background: none !important;
  background-color: transparent !important;
  border: 0 !important;
  color: #000 !important;
  font-size: 0 !important;
  line-height: 1 !important;
  overflow: visible !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 56px !important;
  height: 40px !important;
  z-index: 10 !important;
  position: absolute !important;
  top: var(--product-arrow-top) !important;
  transform: translateY(-50%) !important;
  opacity: .92 !important;
}

/* Clean text arrow - only one arrow per button */
.product-arrow-icon {
  display: block !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-weight: 300 !important;
  font-size: 30px !important;
  line-height: 1 !important;
  color: #000 !important;
  text-indent: 0 !important;
  pointer-events: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Product arrow placement */
.product-prev {
  left: 0 !important;
  right: auto !important;
}

.product-next {
  right: 0 !important;
  left: auto !important;
}

/* CAMPAIGN */
.section_banner_new{background:#fff;padding:4px 0 60px}.section_banner_new a,.section_banner_new picture,.section_banner_new img{display:block;width:100%}.section_banner_new img{height:auto;object-fit:cover}

/* FOOTER */
.site-footer{background:#fff;color:#000;padding-bottom:86px}.footer-line{height:1px;background:#111;margin:0 0 86px}.footer-grid{max-width:1210px;margin:0 auto;padding:0 15px;display:grid;grid-template-columns:1.25fr .55fr .45fr;gap:85px}.site-footer h3{font-size:13px;line-height:1.2;text-transform:uppercase;margin:0 0 18px}.site-footer p,.site-footer li{font-size:9px;line-height:1.35}.footer-newsletter p{margin:0 0 28px}.footer-newsletter form{display:grid;grid-template-columns:1fr auto;align-items:center;max-width:350px;border-bottom:1px solid #222;padding-bottom:11px}.footer-newsletter input{border:0;outline:0;font-size:12px;color:#777;padding:0}.footer-newsletter button{font-size:10px;text-transform:uppercase}.footer-col ul{list-style:none;padding:0;margin:0;display:grid;gap:16px}

/* OVERLAYS */
.opacity-menu{position:fixed;z-index:100;inset:0;background:rgba(0,0,0,.42);opacity:0;visibility:hidden;transition:.2s}.opacity-menu.is-open{opacity:1;visibility:visible}.mobile-drawer{position:fixed;z-index:125;left:0;top:0;width:min(390px,88vw);height:100vh;background:#fff;color:#000;transform:translateX(-105%);transition:.25s ease;padding:20px;box-shadow:12px 0 35px rgba(0,0,0,.12);overflow-y:auto}.mobile-drawer.is-open{transform:translateX(0)}.drawer-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.drawer-logo img{width:130px;height:auto;display:block}.drawer-close{font-size:34px;line-height:1}.drawer-nav{display:grid;gap:15px}.drawer-item>a{font-size:10px;text-transform:uppercase}.drawer-sub{display:grid;gap:8px;margin:10px 0 0 14px}.drawer-sub a{font-size:12px;color:#555;text-transform:uppercase}
.search-panel{position:fixed;z-index:120;top:0;left:0;right:0;background:#fff;color:#000;transform:translateY(-105%);transition:.25s ease;padding:36px 18px 24px;box-shadow:0 12px 30px rgba(0,0,0,.08)}.search-panel.is-open{transform:translateY(0)}.search-close{position:absolute;right:18px;top:10px;font-size:32px;line-height:1}.search-form{max-width:760px;margin:auto;display:grid;grid-template-columns:1fr 48px;border-bottom:1px solid #111}.search-form input{border:0;outline:0;font-size:18px;padding:14px 0}.search-tags{display:flex;gap:12px;justify-content:center;margin-top:16px;font-size:12px;flex-wrap:wrap}
.cart-panel{position:fixed;z-index:130;right:0;top:0;height:100vh;width:min(380px,94vw);background:#fff;color:#000;transform:translateX(105%);transition:.25s ease;padding:22px;box-shadow:-12px 0 35px rgba(0,0,0,.12)}.cart-panel.is-open{transform:translateX(0)}.cart-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.cart-head button{font-size:30px}.empty-cart{font-size:13px;color:#555}.cart-total{border-top:1px solid #ddd;margin-top:30px;padding-top:18px;display:flex;justify-content:space-between}.checkout-btn{width:100%;background:#000;color:#fff;padding:13px;margin-top:18px;text-transform:uppercase}

@media(max-width:991px){
  :root{--header-h:70px;--edge:12px}
  .ega-header{height:var(--header-h)}
  .header-wrap{grid-template-columns:1fr auto;padding:0 15px}.navigation--desktop,.account-icon{display:none}.header-right{gap:9px}.menu-bar{display:inline-flex}.header-icon{width:28px;height:34px}.logo-wrapper{width:130px;height:48px}.logo-img{width:130px;max-height:48px}
  .home-slider{min-height:0}.slide img{width:100%;height:auto;min-height:0;object-position:center top}.slider-arrow{position:absolute;z-index:5;top:50%;width:56px;height:40px;transform:translateY(-50%);opacity:.92;color:#111;background:transparent}
.slider-prev{left:14px}.slider-next{right:14px}
.slider-arrow:before{content:"";position:absolute;top:50%;width:34px;height:1px;background:currentColor;transform:translateY(-50%)}
.slider-arrow:after{content:"";position:absolute;top:50%;width:12px;height:12px;border-color:currentColor;border-style:solid;transform:translateY(-50%) rotate(45deg)}
.slider-prev:before{left:13px}.slider-prev:after{left:12px;border-width:0 0 1.2px 1.2px}
.slider-next:before{right:13px}.slider-next:after{right:12px;border-width:1.2px 1.2px 0 0}
.slider-dots{bottom:9px}.slider-dots button{width:15px;height:5px}
  .section_product_new{padding-top:24px}.product-strip{grid-auto-columns:calc((100% - 4px)/2)}
  .product-arrow{width:42px !important;height:42px !important}
  .product-arrow-icon{font-size:26px !important}
  .product-prev{left:-6px !important}.product-next{right:-6px !important}
  .product-info{padding:11px 0 18px;min-height:70px}.section_banner_new{padding:8px 0 38px}.footer-line{margin-bottom:54px}.footer-grid{grid-template-columns:1fr;gap:34px;padding:0 22px}.footer-newsletter form{max-width:100%}.footer-col ul{display:none}.site-footer{padding-bottom:50px}.site-footer h3{margin-bottom:14px}.search-form input{font-size:14px}
}
@media(max-width:600px){
  .header-wrap{padding:0 13px}.header-right{gap:6px}.icon-search{width:19px;height:19px}.icon-bag{width:17px;height:19px}.menu-bar span{width:21px}.logo-img{width:118px}.logo-wrapper{width:118px}.product-name,.price{font-size:11px}.footer-newsletter p{margin-bottom:26px}.section_banner_new img{min-height:auto}.embed-responsive-2by3{aspect-ratio:2/3}.slide img{min-height:0}
}

/* COMPACT WINDOW / MOBILE-LIKE REFERENCE LAYOUT (480px - 991px)
   This matches the reference screenshots where the narrow browser still shows a mini desktop header and 4 product cards. */
@media (min-width:480px) and (max-width:991px){
  :root{--header-h:42px;--edge:5px}
  .ega-header{height:var(--header-h);background:transparent;color:#fff;box-shadow:none}
  .ega-header.is-sticky,.ega-header.menu-open{background:#fff;color:#000;box-shadow:0 1px 0 rgba(0,0,0,.05)}
  .header-wrap{grid-template-columns:78px 1fr 88px;padding:0 7px;gap:5px}
  .logo-wrapper{width:62px;height:36px}.logo-img{width:62px;max-height:36px}
  .navigation--desktop{display:block!important;justify-self:center;overflow:hidden;max-width:100%}
  .navigation-horizontal{gap:18px;justify-content:center}
  .menu-item__link{font-size:6.5px;padding:16px 0;gap:4px;letter-spacing:0;line-height:1}.chev{width:4px;height:4px;margin-top:-2px}
  .header-right{gap:7px}.header-icon{width:13px;height:22px}.account-icon{display:inline-flex!important}.menu-bar{display:none!important}
  .icon-search{width:10px;height:10px;border-width:.9px}.icon-search:after{width:5px;height:.9px;right:-4px;bottom:-1px}
  .icon-user{width:10px;height:10px;border-width:.9px;margin-top:-4px}.icon-user:after{left:-4px;right:-4px;bottom:-8px;height:7px;border-width:.9px;border-bottom:0;border-radius:8px 8px 0 0}
  .icon-bag{width:9px;height:11px;border-width:.9px;margin-top:2px}.icon-bag:before{top:-5px;left:2px;width:5px;height:5px;border-width:.9px;border-bottom:0}.cart-count{font-size:7px;right:-4px;top:0}
  .home-slider{min-height:0}.slide img{width:100%;height:auto;object-fit:cover}.slider-arrow{width:38px;height:28px}.slider-prev{left:1px}.slider-next{right:1px}.slider-arrow:before{width:24px}.slider-arrow:after{width:8px;height:8px}.slider-prev:before{left:9px}.slider-prev:after{left:8px}.slider-next:before{right:9px}.slider-next:after{right:8px}.slider-dots{bottom:7px;gap:5px}.slider-dots button{width:12px;height:3px}
  .section_product_new{padding-top:5px}.edge-container{padding:0 5px}.product-strip{grid-auto-columns:calc((100% - 12px)/4);gap:4px}.product-info{padding:7px 0 10px;min-height:42px}.product-name{font-size:5.8px;line-height:1.1}.price{font-size:5.8px}
  .product-arrow{width:38px !important;height:28px !important}
  .product-arrow-icon{font-size:22px !important}
  .product-prev{left:0 !important}.product-next{right:0 !important}
  .section_banner_new{padding:3px 0 26px}.footer-line{margin-bottom:34px}.footer-grid{grid-template-columns:1.2fr .55fr .45fr;gap:32px;padding:0 8px}.site-footer{padding-bottom:35px}.site-footer h3{font-size:6.5px;margin-bottom:10px}.site-footer p,.site-footer li{font-size:5.8px}.footer-newsletter p{margin-bottom:13px}.footer-newsletter form{max-width:180px;padding-bottom:5px}.footer-newsletter input{font-size:5.8px}.footer-newsletter button{font-size:5px}.footer-col ul{display:grid;gap:7px}
}

/* TRUE PHONE LAYOUT (<480px): clean mobile header, 2 products, full image visibility */
@media (max-width:479px){
  :root{--header-h:70px;--edge:12px}
  .ega-header{height:70px;background:#fff;color:#000;box-shadow:0 1px 0 rgba(0,0,0,.05)}
  .ega-header .logo-white{display:none!important}.ega-header .logo-black{display:block!important}
  .header-wrap{grid-template-columns:1fr auto;padding:0 13px;gap:8px}.logo-wrapper{width:118px;height:48px}.logo-img{width:118px;max-height:48px}
  .navigation--desktop,.account-icon{display:none!important}.menu-bar{display:inline-flex!important}.header-right{gap:7px}.header-icon{width:28px;height:34px}.icon-search{width:19px;height:19px}.icon-bag{width:17px;height:19px}.menu-bar span{width:21px}
  .home-slider{margin-top:70px}.slider-arrow{display:none}.slider-dots{bottom:8px}.slide img{height:auto;min-height:0;object-fit:contain}
  .section_product_new{padding-top:18px}.product-strip{grid-auto-columns:calc((100% - 4px)/2);gap:4px}
  .product-arrow{width:34px !important;height:28px !important}
  .product-arrow-icon{font-size:22px !important}
  .product-prev{left:-4px !important}.product-next{right:-4px !important}
  .product-name,.price{font-size:11px}.product-info{padding:10px 0 16px;min-height:68px}.section_banner_new{padding:8px 0 38px}.footer-line{margin-bottom:54px}.footer-grid{grid-template-columns:1fr;gap:34px;padding:0 22px}.footer-col ul{display:none}.site-footer h3{font-size:13px}.site-footer p,.site-footer li{font-size:9px}
}

/* DEFINITIVE ARROW CORRECTION - keep arrows as thin line arrows in every viewport */
.slider-arrow:before,.product-arrow:before{height:1px!important;background:currentColor!important;border:0!important}
.slider-arrow:after,.product-arrow:after{background:transparent!important}

/* V5 MOBILE SECTION FIX
   - 480px to 991px now uses desktop-style banner/hero proportions, like the reference narrow window.
   - True phone under 480px keeps phone layout.
   - Arrows are line-arrow style, not chevron-only.
*/
.slider-arrow,.product-arrow{
  background:transparent!important;
  border:0!important;
}
.slider-arrow::before,.product-arrow::before{
  content:""!important;
  position:absolute!important;
  top:50%!important;
  height:1px!important;
  background:currentColor!important;
  border:0!important;
  transform:translateY(-50%)!important;
}
.slider-arrow::after,.product-arrow::after{
  content:""!important;
  position:absolute!important;
  top:50%!important;
  background:transparent!important;
  border-color:currentColor!important;
  border-style:solid!important;
  transform:translateY(-50%) rotate(45deg)!important;
}
.slider-prev::after,.product-prev::after{border-width:0 0 1.2px 1.2px!important}
.slider-next::after,.product-next::after{border-width:1.2px 1.2px 0 0!important}

/* V6 HEADER ICON + SEARCH BAR MATCH FIX
   Source reference uses image icons:
   search max-width 21px, avatar max-width 20px, bag max-width 21px,
   and a compact search form with tags/dropdown instead of a big full overlay.
*/
.header-right{
  display:flex!important;
  align-items:center!important;
}
.header-icon{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:relative!important;
  background:transparent!important;
  border:0!important;
  padding:0!important;
}
.header-img{
  display:block!important;
  height:auto!important;
  object-fit:contain!important;
  filter:none!important;
}
.header-img-search{width:21px!important;max-width:21px!important;position:relative!important;right:-2px!important}
.header-img-account{width:20px!important;max-width:20px!important}
.header-img-bag{width:21px!important;max-width:21px!important}
.header-img-menu{width:24px!important;max-width:24px!important}
.ega-header:not(.is-sticky):not(.menu-open) .header-img{
  filter:brightness(0) invert(1);
}
.ega-header.is-sticky .header-img,
.ega-header.menu-open .header-img{
  filter:none!important;
}
.menu-bar span,.icon-search,.icon-user,.icon-bag{
  display:none!important;
}
.cart-count{
  font-size:12px!important;
  top:-2px!important;
  right:-8px!important;
  line-height:1!important;
}

/* Reference-style search panel */
.search-panel{
  position:fixed!important;
  z-index:140!important;
  top:var(--header-h)!important;
  left:0!important;
  right:0!important;
  background:#fff!important;
  color:#000!important;
  transform:translateY(-14px)!important;
  opacity:0!important;
  visibility:hidden!important;
  transition:opacity .2s ease, transform .2s ease, visibility .2s ease!important;
  padding:12px 70px 14px!important;
  box-shadow:0 8px 22px rgba(0,0,0,.06)!important;
}
.search-panel.is-open{
  transform:translateY(0)!important;
  opacity:1!important;
  visibility:visible!important;
}
.search-panel-inner{
  max-width:450px!important;
  margin:0 auto!important;
}
.search-close{
  position:absolute!important;
  right:24px!important;
  top:8px!important;
  font-size:24px!important;
  line-height:1!important;
  font-weight:300!important;
  color:#000!important;
}
.search-form{
  width:100%!important;
  max-width:450px!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:1fr 46px!important;
  align-items:center!important;
  border:0!important;
  border-bottom:1px solid #111!important;
  padding:0 0 8px!important;
}
.search-form input{
  border:0!important;
  outline:0!important;
  padding:0!important;
  height:28px!important;
  font-size:12px!important;
  color:#000!important;
  background:transparent!important;
}
.search-form input::placeholder{
  color:#777!important;
  opacity:1!important;
}
.search-form button{
  height:28px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
}
.search-submit-img{
  width:21px!important;
  max-width:21px!important;
  position:relative!important;
  right:-2px!important;
}
.search-tags{
  max-width:450px!important;
  margin:10px auto 0!important;
  padding:0!important;
  list-style:none!important;
  display:flex!important;
  gap:12px!important;
  flex-wrap:wrap!important;
  justify-content:flex-start!important;
  font-size:12px!important;
  line-height:1.2!important;
}
.search-tags a{
  color:#000!important;
  text-decoration:none!important;
}

/* Compact 480-991 reference header icon sizes */
@media (min-width:480px) and (max-width:991px){
  .header-img-search{width:10px!important;max-width:10px!important;right:-1px!important}
  .header-img-account{width:10px!important;max-width:10px!important}
  .header-img-bag{width:10px!important;max-width:10px!important}
  .header-img-menu{width:14px!important;max-width:14px!important}
  .cart-count{font-size:7px!important;right:-5px!important;top:0!important}
  .search-panel{top:42px!important;padding:7px 28px 8px!important}
  .search-panel-inner,.search-form,.search-tags{max-width:260px!important}
  .search-form{grid-template-columns:1fr 24px!important;padding-bottom:4px!important}
  .search-form input{height:16px!important;font-size:6.5px!important}
  .search-form button{height:16px!important}
  .search-submit-img{width:10px!important;max-width:10px!important;right:-1px!important}
  .search-tags{gap:7px!important;margin-top:6px!important;font-size:6px!important}
  .search-close{right:10px!important;top:3px!important;font-size:14px!important}
}

/* True phone icon/search sizes */
@media (max-width:479px){
  .header-img-search{width:21px!important;max-width:21px!important;right:-2px!important}
  .header-img-account{width:20px!important;max-width:20px!important}
  .header-img-bag{width:21px!important;max-width:21px!important}
  .header-img-menu{width:24px!important;max-width:24px!important}
  .ega-header .header-img{filter:none!important}
  .cart-count{font-size:12px!important;right:-8px!important;top:-2px!important}
  .search-panel{top:70px!important;padding:15px 18px 14px!important}
  .search-panel-inner,.search-form,.search-tags{max-width:100%!important}
  .search-form{grid-template-columns:1fr 42px!important;padding-bottom:8px!important}
  .search-form input{height:28px!important;font-size:12px!important}
  .search-form button{height:28px!important}
  .search-submit-img{width:21px!important;max-width:21px!important}
  .search-tags{gap:11px!important;font-size:12px!important;margin-top:11px!important}
  .search-close{right:16px!important;top:8px!important;font-size:24px!important}
}

/* V7 HEADER SIZE + SCROLL HEADER + SEARCH EXACT FIX
   Desktop reference:
   - header height around 92px
   - transparent white header over hero at top
   - white sticky header on scroll with same height
   - search opens inside header center with dim overlay below header
*/
@media (min-width:992px){
  :root{--header-h:92px!important;--edge:12px!important}
  .ega-header{
    height:92px!important;
    background:transparent!important;
    color:#fff!important;
    box-shadow:none!important;
  }
  .ega-header.is-sticky,
  .ega-header.menu-open,
  .ega-header.search-active{
    background:#fff!important;
    color:#000!important;
    box-shadow:0 1px 0 rgba(0,0,0,.06)!important;
  }
  .header-wrap{
    height:70px!important;
    grid-template-columns:230px 1fr 170px!important;
    padding:0 70px!important;
    gap:10px!important;
    align-items:center!important;
  }
  .logo-wrapper{
    width:150px!important;
    height:58px!important;
    min-width:150px!important;
  }
  .logo-img{
    width:120px!important;
    max-height:40px!important;
  }
  .navigation--desktop{
    display:block!important;
    justify-self:center!important;
    opacity:1!important;
    visibility:visible!important;
  }
  .navigation-horizontal{
    gap:38px!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .menu-item__link{
    font-size:12px!important;
    padding:37px 0!important;
    line-height:1!important;
    letter-spacing:0!important;
    gap:9px!important;
  }
  .chev{
    width:7px!important;
    height:7px!important;
    margin-top:-5px!important;
  }
  .header-right{
    gap:13px!important;
    justify-self:end!important;
  }
  .header-icon{
    width:26px!important;
    height:34px!important;
  }
  .account-icon{
    display:inline-flex!important;
  }
  .menu-bar{
    display:none!important;
  }
  .header-img-search{
    width:21px!important;
    max-width:21px!important;
    right:-2px!important;
  }
  .header-img-account{
    width:20px!important;
    max-width:20px!important;
  }
  .header-img-bag{
    width:21px!important;
    max-width:21px!important;
  }
  .cart-count{
    font-size:12px!important;
    top:-2px!important;
    right:-8px!important;
  }

  /* Search mode: hide nav and put search form exactly in header center */
  .ega-header.search-active .navigation--desktop{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
  body.search-open .opacity-menu.is-open{
    z-index:75!important;
    top:92px!important;
    opacity:1!important;
    visibility:visible!important;
    background:rgba(0,0,0,.58)!important;
  }
  body.search-open .ega-header{
    z-index:95!important;
  }
  .search-panel{
    position:fixed!important;
    z-index:96!important;
    top:0!important;
    left:260px!important;
    right:260px!important;
    height:92px!important;
    background:transparent!important;
    color:#000!important;
    transform:none!important;
    opacity:0!important;
    visibility:hidden!important;
    padding:0!important;
    box-shadow:none!important;
    pointer-events:none!important;
  }
  .search-panel.is-open{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:none!important;
  }
  .search-panel-inner{
    max-width:490px!important;
    height:92px!important;
    margin:0 auto!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    padding-top:10px!important;
    pointer-events:auto!important;
  }
  .search-close{
    display:none!important;
  }
  .search-form{
    width:100%!important;
    max-width:490px!important;
    height:34px!important;
    display:grid!important;
    grid-template-columns:1fr 48px!important;
    align-items:center!important;
    margin:0 auto!important;
    padding:0 0 0 16px!important;
    border:1px solid #111!important;
    border-radius:24px!important;
    overflow:hidden!important;
    background:#fff!important;
  }
  .search-form input{
    height:32px!important;
    padding:0!important;
    border:0!important;
    outline:0!important;
    font-size:12px!important;
    color:#000!important;
    background:transparent!important;
  }
  .search-form input::placeholder{
    color:#777!important;
    opacity:1!important;
  }
  .search-form button{
    height:32px!important;
    width:48px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:#222!important;
    border-radius:20px!important;
    margin-right:1px!important;
  }
  .search-submit-img{
    width:18px!important;
    max-width:18px!important;
    right:0!important;
    filter:brightness(0) invert(1)!important;
  }
  .search-tags{
    display:flex!important;
    justify-content:flex-start!important;
    align-items:center!important;
    gap:8px!important;
    list-style:none!important;
    margin:5px 0 0 0!important;
    padding:0 0 0 2px!important;
    font-size:9px!important;
    line-height:1!important;
    color:#000!important;
    max-width:490px!important;
  }
  .search-tags li,
  .search-tags a{
    font-size:9px!important;
    line-height:1!important;
    color:#000!important;
  }
}

/* compact window search/header keeps earlier mini reference, but search opens correctly centered */
@media (min-width:480px) and (max-width:991px){
  .ega-header.search-active{
    background:#fff!important;
    color:#000!important;
  }
  .ega-header.search-active .navigation--desktop{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
  body.search-open .opacity-menu.is-open{
    z-index:75!important;
    top:42px!important;
    background:rgba(0,0,0,.58)!important;
  }
  body.search-open .ega-header{
    z-index:95!important;
  }
  .search-panel{
    top:0!important;
    left:90px!important;
    right:90px!important;
    height:42px!important;
    z-index:96!important;
    padding:0!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
    pointer-events:none!important;
  }
  .search-panel.is-open{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:none!important;
  }
  .search-panel-inner{
    height:42px!important;
    max-width:235px!important;
    padding-top:4px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    pointer-events:auto!important;
  }
  .search-form{
    height:18px!important;
    grid-template-columns:1fr 28px!important;
    border:1px solid #111!important;
    border-radius:16px!important;
    padding-left:8px!important;
    overflow:hidden!important;
    background:#fff!important;
  }
  .search-form input{
    height:16px!important;
    font-size:6px!important;
  }
  .search-form button{
    width:28px!important;
    height:16px!important;
    border-radius:14px!important;
    background:#222!important;
  }
  .search-submit-img{
    width:9px!important;
    max-width:9px!important;
    filter:brightness(0) invert(1)!important;
  }
  .search-tags{
    max-width:235px!important;
    margin-top:3px!important;
    gap:5px!important;
    font-size:5px!important;
    padding-left:1px!important;
  }
  .search-tags li,.search-tags a{
    font-size:5px!important;
  }
  .search-close{display:none!important}
}

/* true mobile search is below phone header */
@media (max-width:479px){
  .ega-header.search-active{
    background:#fff!important;
    color:#000!important;
  }
  body.search-open .opacity-menu.is-open{
    z-index:75!important;
    top:70px!important;
    background:rgba(0,0,0,.58)!important;
  }
  body.search-open .ega-header{
    z-index:95!important;
  }
  .search-panel{
    top:70px!important;
    left:0!important;
    right:0!important;
    height:auto!important;
    z-index:96!important;
    background:#fff!important;
    padding:14px 18px 12px!important;
    box-shadow:0 8px 22px rgba(0,0,0,.06)!important;
    transform:translateY(-10px)!important;
  }
  .search-panel.is-open{
    transform:translateY(0)!important;
    opacity:1!important;
    visibility:visible!important;
  }
  .search-panel-inner{
    height:auto!important;
    max-width:100%!important;
    padding:0!important;
  }
  .search-form{
    height:34px!important;
    grid-template-columns:1fr 48px!important;
    border:1px solid #111!important;
    border-radius:24px!important;
    padding-left:14px!important;
    overflow:hidden!important;
  }
  .search-form input{
    height:32px!important;
    font-size:12px!important;
  }
  .search-form button{
    width:48px!important;
    height:32px!important;
    border-radius:20px!important;
    background:#222!important;
  }
  .search-submit-img{
    width:18px!important;
    max-width:18px!important;
    filter:brightness(0) invert(1)!important;
  }
  .search-tags{
    margin-top:8px!important;
    gap:10px!important;
    font-size:10px!important;
  }
  .search-tags li,.search-tags a{
    font-size:10px!important;
  }
}

/* V8 FINAL MOBILE VERSION MATCH
   This keeps desktop/search fixes and also forces the same compact mobile-window layout as the reference site.
   480px-991px = reference narrow browser layout: mini desktop header, landscape slider, 4 product cards, compact footer.
   <=479px = true phone layout: clean mobile header, 2 product cards.
*/
@media (min-width:480px) and (max-width:991px){
  html,body{overflow-x:hidden!important}
  :root{--header-h:42px!important;--edge:5px!important}
  .ega-header{
    height:42px!important;
    background:transparent!important;
    color:#fff!important;
    box-shadow:none!important;
  }
  .ega-header.is-sticky,
  .ega-header.menu-open,
  .ega-header.search-active{
    background:#fff!important;
    color:#000!important;
    box-shadow:0 1px 0 rgba(0,0,0,.05)!important;
  }
  .header-wrap{
    height:42px!important;
    display:grid!important;
    grid-template-columns:78px 1fr 88px!important;
    align-items:center!important;
    padding:0 7px!important;
    gap:5px!important;
  }
  .logo-wrapper{width:62px!important;min-width:62px!important;height:36px!important}
  .logo-img{width:62px!important;max-height:36px!important}
  .navigation--desktop{display:block!important;justify-self:center!important;max-width:100%!important;overflow:hidden!important;opacity:1!important;visibility:visible!important}
  .navigation-horizontal{display:flex!important;justify-content:center!important;align-items:center!important;gap:18px!important;white-space:nowrap!important}
  .menu-item__link{font-size:6.5px!important;line-height:1!important;padding:16px 0!important;gap:4px!important;letter-spacing:0!important}
  .chev{width:4px!important;height:4px!important;margin-top:-2px!important}
  .header-right{display:flex!important;align-items:center!important;justify-self:end!important;gap:7px!important;color:inherit!important}
  .header-icon{width:13px!important;height:22px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0!important}
  .account-icon{display:inline-flex!important}.menu-bar{display:none!important}
  .header-img-search{width:10px!important;max-width:10px!important;right:-1px!important}
  .header-img-account{width:10px!important;max-width:10px!important}
  .header-img-bag{width:10px!important;max-width:10px!important}
  .cart-count{font-size:7px!important;line-height:1!important;right:-5px!important;top:0!important}
  .ega-header:not(.is-sticky):not(.menu-open):not(.search-active) .header-img{filter:brightness(0) invert(1)!important}
  .ega-header.is-sticky .header-img,.ega-header.menu-open .header-img,.ega-header.search-active .header-img{filter:none!important}

  .section_slider{margin:0!important;padding:0!important;background:#fff!important}
  .home-slider{margin-top:0!important;min-height:0!important;background:#fff!important;overflow:hidden!important}
  .slide picture,.slide img{display:block!important;width:100%!important;height:auto!important}
  .slide img{min-height:0!important;object-fit:contain!important;object-position:center top!important}
  .slider-arrow{display:block!important;width:38px!important;height:28px!important;top:50%!important;color:#111!important;background:transparent!important;z-index:7!important;opacity:.9!important}
  .slider-prev{left:1px!important}.slider-next{right:1px!important}
  .slider-arrow:before{width:24px!important;height:1px!important;background:currentColor!important;border:0!important;top:50%!important}
  .slider-arrow:after{width:8px!important;height:8px!important;top:50%!important;background:transparent!important;border-color:currentColor!important;border-style:solid!important}
  .slider-prev:before{left:9px!important}.slider-prev:after{left:8px!important;border-width:0 0 1.2px 1.2px!important}
  .slider-next:before{right:9px!important}.slider-next:after{right:8px!important;border-width:1.2px 1.2px 0 0!important}
  .slider-dots{bottom:7px!important;gap:5px!important}.slider-dots button{width:12px!important;height:3px!important}

  .section_product_new{padding:5px 0 0!important;background:#fff!important}
  .edge-container{padding:0 5px!important;width:100%!important}
  .product-strip-wrap{overflow:hidden!important}
  .product-strip{grid-auto-columns:calc((100% - 12px)/4)!important;gap:4px!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important}
  .image_thumb{background:#fff!important}.embed-responsive-2by3{aspect-ratio:2/3!important}.image_thumb img{object-fit:contain!important;background:#fff!important}
  .product-info{padding:7px 0 10px!important;min-height:42px!important;background:#fff!important}
  .product-name,.price{font-size:5.8px!important;line-height:1.1!important;letter-spacing:0!important}
  .product-arrow{width:38px !important;height:28px !important}
  .product-arrow-icon{font-size:22px !important}
  .product-prev{left:0 !important}.product-next{right:0 !important}

  .section_banner_new{display:block!important;padding:3px 0 26px!important;background:#fff!important}
  .section_banner_new img{display:block!important;width:100%!important;height:auto!important;object-fit:contain!important}
  .site-footer{padding-bottom:35px!important;background:#fff!important}
  .footer-line{margin:0 0 34px!important;height:1px!important;background:#111!important}
  .footer-grid{display:grid!important;grid-template-columns:1.2fr .55fr .45fr!important;gap:32px!important;padding:0 8px!important;max-width:100%!important}
  .site-footer h3{font-size:6.5px!important;margin-bottom:10px!important;line-height:1.2!important}
  .site-footer p,.site-footer li{font-size:5.8px!important;line-height:1.35!important}
  .footer-newsletter p{margin-bottom:13px!important}.footer-newsletter form{max-width:180px!important;padding-bottom:5px!important}
  .footer-newsletter input{font-size:5.8px!important}.footer-newsletter button{font-size:5px!important}.footer-col ul{display:grid!important;gap:7px!important}

  .ega-header.search-active .navigation--desktop{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
  body.search-open .opacity-menu.is-open{top:42px!important;z-index:75!important;background:rgba(0,0,0,.58)!important}
  .search-panel{top:0!important;left:90px!important;right:90px!important;height:42px!important;z-index:96!important;background:transparent!important;padding:0!important;box-shadow:none!important;transform:none!important;pointer-events:none!important}
  .search-panel.is-open{opacity:1!important;visibility:visible!important;pointer-events:none!important}
  .search-panel-inner{height:42px!important;max-width:235px!important;margin:0 auto!important;padding-top:4px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;pointer-events:auto!important}
  .search-form{height:18px!important;max-width:235px!important;display:grid!important;grid-template-columns:1fr 28px!important;align-items:center!important;border:1px solid #111!important;border-radius:16px!important;padding:0 0 0 8px!important;overflow:hidden!important;background:#fff!important}
  .search-form input{height:16px!important;font-size:6px!important;padding:0!important}.search-form button{width:28px!important;height:16px!important;border-radius:14px!important;background:#222!important;display:flex!important;align-items:center!important;justify-content:center!important}
  .search-submit-img{width:9px!important;max-width:9px!important;filter:brightness(0) invert(1)!important}.search-tags{max-width:235px!important;margin:3px 0 0 1px!important;gap:5px!important;font-size:5px!important}.search-tags li,.search-tags a{font-size:5px!important}.search-close{display:none!important}
}

@media (max-width:479px){
  html,body{overflow-x:hidden!important}
  :root{--header-h:70px!important;--edge:12px!important}
  .ega-header{height:70px!important;background:#fff!important;color:#000!important;box-shadow:0 1px 0 rgba(0,0,0,.05)!important}
  .ega-header .logo-white{display:none!important}.ega-header .logo-black{display:block!important}.ega-header .header-img{filter:none!important}
  .header-wrap{height:70px!important;display:grid!important;grid-template-columns:1fr auto!important;padding:0 13px!important;gap:8px!important;align-items:center!important}
  .logo-wrapper{width:118px!important;min-width:118px!important;height:48px!important}.logo-img{width:118px!important;max-height:48px!important}
  .navigation--desktop,.account-icon{display:none!important}.menu-bar{display:inline-flex!important}.header-right{gap:7px!important}.header-icon{width:28px!important;height:34px!important}
  .header-img-search{width:21px!important;max-width:21px!important}.header-img-bag{width:21px!important;max-width:21px!important}.header-img-menu{width:24px!important;max-width:24px!important}.cart-count{font-size:12px!important;right:-8px!important;top:-2px!important}
  .home-slider{margin-top:70px!important;min-height:0!important}.slide img{width:100%!important;height:auto!important;min-height:0!important;object-fit:contain!important}
  .slider-arrow{display:none!important}.slider-dots{bottom:8px!important}
  .section_product_new{padding-top:18px!important}.product-strip{grid-auto-columns:calc((100% - 4px)/2)!important;gap:4px!important}.image_thumb img{object-fit:contain!important}
  .product-info{padding:10px 0 16px!important;min-height:68px!important}.product-name,.price{font-size:11px!important;line-height:1.2!important}
  .product-arrow{width:34px !important;height:28px !important}
  .product-arrow-icon{font-size:22px !important}
  .product-prev{left:-4px !important}.product-next{right:-4px !important}
  .section_banner_new{padding:8px 0 38px!important}.section_banner_new img{width:100%!important;height:auto!important;object-fit:contain!important}
  .footer-line{margin-bottom:54px!important}.footer-grid{grid-template-columns:1fr!important;gap:34px!important;padding:0 22px!important}.footer-col ul{display:none!important}.site-footer{padding-bottom:50px!important}
  body.search-open .opacity-menu.is-open{top:70px!important;z-index:75!important;background:rgba(0,0,0,.58)!important}.search-panel{top:70px!important;left:0!important;right:0!important;height:auto!important;z-index:96!important;background:#fff!important;padding:14px 18px 12px!important;box-shadow:0 8px 22px rgba(0,0,0,.06)!important;transform:translateY(-10px)!important}.search-panel.is-open{transform:translateY(0)!important;opacity:1!important;visibility:visible!important}.search-panel-inner{height:auto!important;max-width:100%!important;padding:0!important}.search-form{height:34px!important;grid-template-columns:1fr 48px!important;border:1px solid #111!important;border-radius:24px!important;padding-left:14px!important;overflow:hidden!important}.search-form input{height:32px!important;font-size:12px!important}.search-form button{width:48px!important;height:32px!important;border-radius:20px!important;background:#222!important}.search-submit-img{width:18px!important;max-width:18px!important;filter:brightness(0) invert(1)!important}.search-tags{margin-top:8px!important;gap:10px!important;font-size:10px!important}.search-tags li,.search-tags a{font-size:10px!important}
}

/* V9 FINAL HEADER HOVER + SEARCH SIZE + IMAGE MARK FIX
   Purpose:
   1. Header keeps exact same height on top, scroll, hover, and search typing.
   2. Menu hover underline/tooltip behavior matches reference without changing layout height.
   3. Search form opens in header center; typing does not resize anything.
*/
@media (min-width:992px){
  :root{--header-h:92px!important}

  .ega-header,
  .ega-header.is-sticky,
  .ega-header.menu-open,
  .ega-header.search-active{
    height:70px!important;
    min-height:70px!important;
  }
  .header-wrap{
    height:70px!important;
    min-height:70px!important;
    grid-template-columns:230px 1fr 170px!important;
    padding:0 70px!important;
    align-items:center!important;
  }
  .ega-header{
    background:transparent!important;
    color:#fff!important;
    box-shadow:none!important;
  }
  .ega-header.is-sticky,
  .ega-header.menu-open,
  .ega-header.search-active{
    background:#fff!important;
    color:#000!important;
    box-shadow:0 1px 0 rgba(0,0,0,.06)!important;
  }

  .logo-wrapper{width:150px!important;min-width:150px!important;height:58px!important}
  .logo-img{width:150px!important;max-height:40px!important}

  .navigation-horizontal{
    gap:38px!important;
    justify-content:center!important;
    align-items:center!important;
  }
  .menu-item{
    position:relative!important;
    height:92px!important;
    display:flex!important;
    align-items:center!important;
  }
  .menu-item__link{
    position:relative!important;
    height:65px!important;
    display:flex!important;
    align-items:center!important;
    padding:0!important;
    font-size:13px!important;
    line-height:1!important;
    white-space:nowrap!important;
    gap:9px!important;
  }
  .menu-item__link::after{
    content:""!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:12px!important;
    height:2px!important;
    background:currentColor!important;
    transform:scaleX(0)!important;
    transform-origin:left center!important;
    transition:transform .18s ease!important;
  }
  .menu-item:hover .menu-item__link::after,
  .menu-item__link:hover::after{
    transform:scaleX(1)!important;
  }
  .menu-item__link:hover{
    opacity:1!important;
  }
  .submenu{
    top:92px!important;
  }

  .header-right{gap:13px!important}
  .header-icon{width:26px!important;height:34px!important}
  .header-img-search{width:21px!important;max-width:21px!important}
  .header-img-account{width:20px!important;max-width:20px!important}
  .header-img-bag{width:21px!important;max-width:21px!important}
  .cart-count{font-size:12px!important;top:-2px!important;right:-8px!important}

  /* Search opened: keep header same height and place search exactly in header center */
  .ega-header.search-active .navigation--desktop{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
  body.search-open .opacity-menu.is-open{
    position:fixed!important;
    z-index:75!important;
    top:92px!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    background:rgba(0,0,0,.62)!important;
    opacity:1!important;
    visibility:visible!important;
  }
  body.search-open .ega-header{
    z-index:95!important;
  }
  .search-panel{
    position:fixed!important;
    z-index:96!important;
    top:0!important;
    left:280px!important;
    right:280px!important;
    height:92px!important;
    min-height:92px!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#000!important;
    transform:none!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
  .search-panel.is-open{
    opacity:1!important;
    visibility:visible!important;
  }
  .search-panel-inner{
    height:92px!important;
    min-height:92px!important;
    max-width:568px!important;
    margin:0 auto!important;
    padding:0!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    pointer-events:auto!important;
  }
  .search-close{display:none!important}
  .search-form{
    width:568px!important;
    max-width:568px!important;
    height:35px!important;
    min-height:35px!important;
    display:grid!important;
    grid-template-columns:1fr 58px!important;
    align-items:center!important;
    padding:0 0 0 14px!important;
    margin:0!important;
    border:1px solid #111!important;
    border-radius:22px!important;
    background:#fff!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  .search-form input{
    width:100%!important;
    height:33px!important;
    min-height:33px!important;
    line-height:33px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    font-size:12px!important;
    color:#000!important;
    box-shadow:none!important;
  }
  .search-form input:focus{
    height:33px!important;
    min-height:33px!important;
    line-height:33px!important;
    outline:0!important;
    box-shadow:none!important;
  }
  .search-form input::placeholder{
    color:#7a7a7a!important;
    opacity:1!important;
  }
  .search-form button{
    width:58px!important;
    height:33px!important;
    min-height:33px!important;
    border-radius:20px!important;
    background:#242424!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0 1px 0 0!important;
    padding:0!important;
  }
  .search-submit-img{
    width:19px!important;
    max-width:19px!important;
    filter:brightness(0) invert(1)!important;
    right:0!important;
  }
  .search-tags{
    width:568px!important;
    max-width:568px!important;
    margin:5px 0 0 0!important;
    padding:0!important;
    display:flex!important;
    justify-content:flex-start!important;
    align-items:center!important;
    gap:8px!important;
    list-style:none!important;
    font-size:10px!important;
    line-height:1!important;
    color:#000!important;
  }
  .search-tags li,
  .search-tags a{
    font-size:10px!important;
    line-height:1!important;
    color:#000!important;
  }
}

/* Keep compact mobile reference stable when searching/typing */
@media (min-width:480px) and (max-width:991px){
  .menu-item__link{
    position:relative!important;
  }
  .menu-item__link::after{
    content:""!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:8px!important;
    height:1px!important;
    background:currentColor!important;
    transform:scaleX(0)!important;
  }
  .menu-item:hover .menu-item__link::after{transform:scaleX(1)!important}
  .search-panel-inner{height:42px!important;min-height:42px!important}
  .search-form,
  .search-form input,
  .search-form input:focus,
  .search-form button{
    box-sizing:border-box!important;
    transition:none!important;
  }
}

/* True phone search typing should not resize header/form */
@media (max-width:479px){
  .search-form,
  .search-form input,
  .search-form input:focus,
  .search-form button{
    box-sizing:border-box!important;
    transition:none!important;
  }
}

/* V10 MENU + CONTACT PAGE UPDATE
   Menu changed:
   ALL PRODUCTS -> ART / ARM CHAIRS / BEDS / COFFEE TABLE / SOFAS
   FOR WOMEN | LANA -> FOR HOME | LANA
   Contact page added: contact.php
*/
#template-contact{
  background:#fff!important;
  color:#000!important;
}
#template-contact .ega-header{
  position:fixed!important;
  background:#fff!important;
  color:#000!important;
  box-shadow:0 1px 0 rgba(0,0,0,.06)!important;
}
#template-contact .ega-header .logo-white{
  display:none!important;
}
#template-contact .ega-header .logo-black{
  display:block!important;
}
#template-contact .ega-header .header-img{
  filter:none!important;
}
.contact-main{
  padding-top:130px;
  min-height:calc(100vh - 240px);
}
.contact-page{
  width:min(510px, calc(100% - 32px));
  margin:0 auto 70px;
  text-align:left;
}
.contact-page h1{
  font-size:28px;
  line-height:1.2;
  text-transform:uppercase;
  text-align:center;
  font-weight:400;
  margin:0 0 10px;
}
.contact-subtitle{
  text-align:center;
  margin:0 0 42px;
  font-size:13px;
  color:#222;
}
.contact-form{
  width:100%;
}
.form-row{
  margin-bottom:15px;
}
.form-row label{
  display:block;
  font-size:14px;
  line-height:1.2;
  margin-bottom:8px;
}
.form-row label span{
  color:#c70000;
}
.form-row input,
.form-row textarea{
  width:100%;
  border:1px solid #ddd;
  background:#fff;
  color:#000;
  height:40px;
  padding:0 15px;
  font-size:13px;
  outline:0;
  border-radius:0;
}
.form-row textarea{
  min-height:120px;
  padding-top:12px;
  resize:vertical;
}
.form-row input:focus,
.form-row textarea:focus{
  border-color:#111;
}
.contact-submit{
  width:100%;
  height:44px;
  background:#000;
  color:#fff;
  font-size:14px;
  border-radius:4px;
  margin-top:6px;
}
.contact-success{
  background:#f3f8f2;
  border:1px solid #b7dcb1;
  color:#236c1f;
  padding:12px 14px;
  margin-bottom:20px;
  font-size:13px;
  text-align:center;
}
.contact-footer .footer-line{
  margin-top:20px;
}

@media(max-width:991px){
  .contact-main{
    padding-top:105px;
  }
  .contact-page{
    width:calc(100% - 34px);
    max-width:520px;
    margin-bottom:52px;
  }
  .contact-page h1{
    font-size:24px;
  }
}

@media(max-width:479px){
  .contact-main{
    padding-top:98px;
  }
  .contact-page{
    width:calc(100% - 26px);
  }
  .contact-subtitle{
    margin-bottom:30px;
  }
  .form-row input,
  .form-row textarea{
    font-size:12px;
  }
}

/* V11 SEARCH TYPING FIX
   Search panel must not open automatically.
   Pressing Enter in search must not reload/erase typed text.
   Header/search size remains same while typing URL/text.
*/
.search-panel:not(.is-open){
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
.search-panel.is-open{
  opacity:1!important;
  visibility:visible!important;
}
.search-form input,
.search-form input:focus,
.search-form button{
  transition:none!important;
  box-shadow:none!important;
}
@media(min-width:992px){
  .search-form,
  .search-form input,
  .search-form input:focus,
  .search-form button{
    height:35px!important;
    min-height:35px!important;
    max-height:35px!important;
  }
  .search-form input,
  .search-form input:focus{
    line-height:35px!important;
  }
}

/* =========================================================
   V14 FINAL MOBILE MATCH PATCH
   Desktop styles are untouched. This block only affects
   true mobile screens under 480px.
   ========================================================= */
@media (max-width:479px){

  :root{
    --header-h:110px!important;
    --edge:24px!important;
  }

  body{
    overflow-x:hidden!important;
  }

  /* HOME MOBILE HEADER:
     Top of homepage must overlay hero image with white logo/icons.
     On scroll it becomes white with black logo/icons. */
  body#template-index .ega-header{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    height:110px!important;
    min-height:110px!important;
    background:transparent!important;
    color:#fff!important;
    box-shadow:none!important;
    z-index:95!important;
  }

  body#template-index .ega-header.is-sticky,
  body#template-index .ega-header.menu-open,
  body#template-index .ega-header.search-active{
    background:#fff!important;
    color:#000!important;
    box-shadow:0 1px 0 rgba(0,0,0,.08)!important;
  }

  body#template-index .ega-header:not(.is-sticky):not(.menu-open):not(.search-active) .logo-white{
    display:block!important;
  }
  body#template-index .ega-header:not(.is-sticky):not(.menu-open):not(.search-active) .logo-black{
    display:none!important;
  }
  body#template-index .ega-header.is-sticky .logo-white,
  body#template-index .ega-header.menu-open .logo-white,
  body#template-index .ega-header.search-active .logo-white{
    display:none!important;
  }
  body#template-index .ega-header.is-sticky .logo-black,
  body#template-index .ega-header.menu-open .logo-black,
  body#template-index .ega-header.search-active .logo-black{
    display:block!important;
  }

  body#template-index .ega-header:not(.is-sticky):not(.menu-open):not(.search-active) .header-img{
    filter:brightness(0) invert(1)!important;
  }
  body#template-index .ega-header.is-sticky .header-img,
  body#template-index .ega-header.menu-open .header-img,
  body#template-index .ega-header.search-active .header-img{
    filter:none!important;
  }

  /* CONTACT MOBILE HEADER:
     Contact page should stay normal white and usable. */
  body#template-contact .ega-header{
    position:sticky!important;
    top:0!important;
    height:110px!important;
    min-height:110px!important;
    background:#fff!important;
    color:#000!important;
    box-shadow:0 1px 0 rgba(0,0,0,.08)!important;
    z-index:95!important;
  }
  body#template-contact .ega-header .logo-white{
    display:none!important;
  }
  body#template-contact .ega-header .logo-black{
    display:block!important;
  }
  body#template-contact .ega-header .header-img{
    filter:none!important;
  }

  .header-wrap{
    height:110px!important;
    min-height:110px!important;
    padding:0 30px!important;
    display:grid!important;
    grid-template-columns:1fr auto!important;
    align-items:center!important;
    gap:16px!important;
  }

  .logo-wrapper{
    width:178px!important;
    min-width:178px!important;
    height:80px!important;
    display:flex!important;
    align-items:center!important;
  }

  .logo-img{
    width:178px!important;
    max-width:178px!important;
    max-height:40px!important;
    object-fit:contain!important;
  }

  .navigation--desktop,
  .account-icon{
    display:none!important;
  }

  .header-right{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:22px!important;
  }

  .header-icon{
    width:auto!important;
    height:auto!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  .header-img{
    display:block!important;
    height:auto!important;
    object-fit:contain!important;
  }

  .cart-icon{order:1!important}
  .search-trigger{order:2!important}
  .menu-bar{order:3!important;display:inline-flex!important}

  .header-img-bag{
    width:39px!important;
    max-width:39px!important;
  }

  .header-img-search{
    width:44px!important;
    max-width:44px!important;
    right:0!important;
  }

  .header-img-menu{
    width:47px!important;
    max-width:47px!important;
  }

  .cart-count{
    top:-9px!important;
    right:-12px!important;
    font-size:18px!important;
    line-height:1!important;
    color:inherit!important;
  }

  /* HERO: no white header gap on homepage. Header overlays image. */
  body#template-index .section_slider{
    margin-top:0!important;
  }

  body#template-index .home-slider{
    margin-top:0!important;
    background:#fff!important;
    overflow:hidden!important;
    min-height:0!important;
  }

  body#template-index .slide picture,
  body#template-index .slide img{
    width:100%!important;
    display:block!important;
  }

  body#template-index .slide img{
    height:auto!important;
    min-height:0!important;
    object-fit:contain!important;
    object-position:center top!important;
  }

  .slider-arrow{
    display:none!important;
  }

  .slider-dots{
    bottom:17px!important;
    gap:11px!important;
  }

  .slider-dots button{
    width:28px!important;
    height:8px!important;
    border-radius:12px!important;
    background:#c8cdd1!important;
    opacity:1!important;
  }

  .slider-dots button.active{
    background:#000!important;
  }

  /* PRODUCT SECTION: match mobile 2-column reference */
  .section_product_new{
    padding-top:36px!important;
    background:#fff!important;
  }

  .edge-container{
    padding:0 24px!important;
  }

  .product-strip-wrap{
    overflow:hidden!important;
    --product-arrow-top:37%!important;
  }

  .product-strip{
    display:grid!important;
    grid-auto-flow:column!important;
    grid-auto-columns:calc((100% - 10px)/2)!important;
    gap:10px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    scroll-behavior:smooth!important;
    scrollbar-width:none!important;
  }

  .product-strip::-webkit-scrollbar{
    display:none!important;
  }

  .product-col{
    min-width:0!important;
    scroll-snap-align:start!important;
  }

  .product-card{
    background:#fff!important;
    overflow:hidden!important;
  }

  .image_thumb{
    aspect-ratio:2/3!important;
    background:#eef3f8!important;
  }

  .image_thumb img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center top!important;
  }

  .action-bar{
    display:none!important;
  }

  .product-info{
    padding:20px 0 34px!important;
    min-height:112px!important;
    background:#fff!important;
  }

  .product-name{
    font-size:22px!important;
    line-height:1.15!important;
    letter-spacing:-.2px!important;
    margin:0 0 15px!important;
    font-weight:400!important;
  }

  .price{
    font-size:22px!important;
    line-height:1.15!important;
    font-weight:400!important;
  }

  /* PRODUCT ARROWS: long line arrow like mobile reference */
  .product-arrow{
    display:flex!important;
    position:absolute!important;
    top:37%!important;
    transform:translateY(-50%)!important;
    width:82px!important;
    height:44px!important;
    z-index:10!important;
    color:#000!important;
    opacity:.88!important;
    background:transparent!important;
    border:0!important;
  }

  .product-prev{
    left:4px!important;
  }

  .product-next{
    right:4px!important;
  }

  .product-arrow::before{
    content:""!important;
    position:absolute!important;
    top:50%!important;
    width:46px!important;
    height:1px!important;
    background:currentColor!important;
    border:0!important;
    transform:translateY(-50%)!important;
  }

  .product-arrow::after{
    content:""!important;
    position:absolute!important;
    top:50%!important;
    width:14px!important;
    height:14px!important;
    background:transparent!important;
    border-color:currentColor!important;
    border-style:solid!important;
    transform:translateY(-50%) rotate(45deg)!important;
  }

  .product-prev::before{left:17px!important}
  .product-prev::after{left:16px!important;border-width:0 0 1.3px 1.3px!important}
  .product-next::before{right:17px!important}
  .product-next::after{right:16px!important;border-width:1.3px 1.3px 0 0!important}

  /* CAMPAIGN IMAGE */
  .section_banner_new{
    padding:0 0 70px!important;
    background:#fff!important;
  }

  .section_banner_new img{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    object-fit:contain!important;
    object-position:center top!important;
  }

  /* FOOTER */
  .site-footer{
    padding-bottom:92px!important;
    background:#fff!important;
  }

  .footer-line{
    margin:0 0 76px!important;
    height:1px!important;
    background:#111!important;
  }

  .footer-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:66px!important;
    padding:0 46px!important;
  }

  .site-footer h3{
    font-size:26px!important;
    line-height:1.2!important;
    margin:0 0 29px!important;
    font-weight:600!important;
  }

  .site-footer p{
    font-size:24px!important;
    line-height:1.35!important;
  }

  .footer-newsletter p{
    margin-bottom:42px!important;
  }

  .footer-newsletter form{
    max-width:100%!important;
    padding-bottom:22px!important;
    border-bottom:2px solid #111!important;
  }

  .footer-newsletter input{
    font-size:24px!important;
  }

  .footer-newsletter button{
    font-size:19px!important;
  }

  .footer-col ul{
    display:none!important;
  }

  /* MOBILE SEARCH */
  .search-panel{
    top:110px!important;
    left:0!important;
    right:0!important;
    padding:22px 30px 20px!important;
  }

  .search-form{
    height:46px!important;
    grid-template-columns:1fr 58px!important;
  }

  .search-form input,
  .search-form input:focus{
    height:44px!important;
    line-height:44px!important;
    font-size:18px!important;
  }

  .search-form button{
    width:58px!important;
    height:44px!important;
  }

  .search-submit-img{
    width:25px!important;
    max-width:25px!important;
  }

  .search-tags{
    gap:14px!important;
    margin-top:12px!important;
  }

  .search-tags li,
  .search-tags a{
    font-size:14px!important;
  }

  body.search-open .opacity-menu.is-open{
    top:110px!important;
  }

  .mobile-drawer{
    width:86vw!important;
  }

  /* CONTACT PAGE MOBILE OPTIMIZATION */
  body#template-contact .contact-main{
    padding-top:34px!important;
    min-height:auto!important;
  }

  body#template-contact .contact-page{
    width:calc(100% - 42px)!important;
    max-width:none!important;
    margin:0 auto 58px!important;
  }

  body#template-contact .contact-page h1{
    font-size:25px!important;
    line-height:1.2!important;
    margin:0 0 9px!important;
  }

  body#template-contact .contact-subtitle{
    font-size:13px!important;
    line-height:1.45!important;
    margin-bottom:30px!important;
  }

  body#template-contact .form-row{
    margin-bottom:16px!important;
  }

  body#template-contact .form-row label{
    font-size:14px!important;
    margin-bottom:8px!important;
  }

  body#template-contact .form-row input,
  body#template-contact .form-row textarea{
    height:46px!important;
    font-size:13px!important;
    padding:0 14px!important;
    border:1px solid #ddd!important;
  }

  body#template-contact .form-row textarea{
    height:auto!important;
    min-height:120px!important;
    padding-top:13px!important;
  }

  body#template-contact .contact-submit{
    height:48px!important;
    font-size:14px!important;
    border-radius:3px!important;
  }
}

/* Extra small phone fallback */
@media (max-width:380px){
  .header-wrap{padding:0 22px!important}
  .logo-wrapper{width:155px!important;min-width:155px!important}
  .logo-img{width:155px!important;max-width:155px!important}
  .header-right{gap:16px!important}
  .header-img-search{width:38px!important;max-width:38px!important}
  .header-img-bag{width:35px!important;max-width:35px!important}
  .header-img-menu{width:41px!important;max-width:41px!important}
  .product-name,.price{font-size:20px!important}
}

/* =========================================================
   FINAL PHP MOBILE RESPONSIVE PATCH V15
   Only affects true mobile viewport under 480px.
   Desktop and large/compact desktop layouts are untouched.
   ========================================================= */
@media (max-width:479px){

  :root{
    --header-h:70px!important;
    --edge:12px!important;
  }

  html, body{
    overflow-x:hidden!important;
  }

  /* =========================
     HOME MOBILE HEADER
     Reference behavior:
     - At top: transparent over hero, white logo/icons.
     - On scroll/open: white bar, black logo/icons.
     ========================= */
  body#template-index .ega-header{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    height:70px!important;
    min-height:70px!important;
    background:transparent!important;
    color:#fff!important;
    box-shadow:none!important;
    z-index:95!important;
  }

  body#template-index .ega-header.is-sticky,
  body#template-index .ega-header.menu-open,
  body#template-index .ega-header.search-active{
    background:#fff!important;
    color:#000!important;
    box-shadow:0 1px 0 rgba(0,0,0,.08)!important;
  }

  body#template-index .ega-header:not(.is-sticky):not(.menu-open):not(.search-active) .logo-white{
    display:block!important;
  }
  body#template-index .ega-header:not(.is-sticky):not(.menu-open):not(.search-active) .logo-black{
    display:none!important;
  }
  body#template-index .ega-header.is-sticky .logo-white,
  body#template-index .ega-header.menu-open .logo-white,
  body#template-index .ega-header.search-active .logo-white{
    display:none!important;
  }
  body#template-index .ega-header.is-sticky .logo-black,
  body#template-index .ega-header.menu-open .logo-black,
  body#template-index .ega-header.search-active .logo-black{
    display:block!important;
  }

  body#template-index .ega-header:not(.is-sticky):not(.menu-open):not(.search-active) .header-img{
    filter:brightness(0) invert(1)!important;
  }
  body#template-index .ega-header.is-sticky .header-img,
  body#template-index .ega-header.menu-open .header-img,
  body#template-index .ega-header.search-active .header-img{
    filter:none!important;
  }

  /* Contact page header stays white and optimized */
  body#template-contact .ega-header{
    position:sticky!important;
    top:0!important;
    height:70px!important;
    min-height:70px!important;
    background:#fff!important;
    color:#000!important;
    box-shadow:0 1px 0 rgba(0,0,0,.08)!important;
    z-index:95!important;
  }
  body#template-contact .ega-header .logo-white{display:none!important}
  body#template-contact .ega-header .logo-black{display:block!important}
  body#template-contact .ega-header .header-img{filter:none!important}

  /* Header inner sizing */
  .header-wrap{
    height:70px!important;
    min-height:70px!important;
    padding:0 16px!important;
    display:grid!important;
    grid-template-columns:1fr auto!important;
    align-items:center!important;
    gap:10px!important;
  }

  .logo-wrapper{
    width:118px!important;
    min-width:118px!important;
    height:48px!important;
    display:flex!important;
    align-items:center!important;
  }

  .logo-img{
    width:118px!important;
    max-width:118px!important;
    max-height:48px!important;
    object-fit:contain!important;
  }

  .navigation--desktop,
  .account-icon{
    display:none!important;
  }

  .header-right{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:13px!important;
  }

  .header-icon{
    width:auto!important;
    height:auto!important;
    min-width:0!important;
    min-height:0!important;
    padding:0!important;
    margin:0!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  .header-img{
    display:block!important;
    height:auto!important;
    object-fit:contain!important;
  }

  /* Correct mobile order from reference: Bag, Search, Menu */
  .cart-icon{order:1!important}
  .search-trigger{order:2!important}
  .menu-bar{order:3!important;display:inline-flex!important}

  .header-img-bag{
    width:25px!important;
    max-width:25px!important;
  }

  .header-img-search{
    width:29px!important;
    max-width:29px!important;
    right:0!important;
  }

  .header-img-menu{
    width:33px!important;
    max-width:33px!important;
  }

  .cart-count{
    top:-6px!important;
    right:-8px!important;
    font-size:11px!important;
    line-height:1!important;
    color:inherit!important;
  }

  /* =========================
     HERO MOBILE
     Header overlays image at top like reference.
     ========================= */
  body#template-index .section_slider{
    margin-top:0!important;
    padding-top:0!important;
  }

  body#template-index .home-slider{
    margin-top:0!important;
    min-height:0!important;
    background:#fff!important;
    overflow:hidden!important;
  }

  body#template-index .slide picture,
  body#template-index .slide img{
    width:100%!important;
    display:block!important;
  }

  body#template-index .slide img{
    height:auto!important;
    min-height:0!important;
    object-fit:contain!important;
    object-position:center top!important;
  }

  .slider-arrow{
    display:none!important;
  }

  .slider-dots{
    bottom:12px!important;
    gap:8px!important;
  }

  .slider-dots button{
    width:20px!important;
    height:6px!important;
    border-radius:10px!important;
    background:#c8cdd1!important;
    opacity:1!important;
  }

  .slider-dots button.active{
    background:#000!important;
  }

  /* =========================
     PRODUCT MOBILE SECTION
     2 cards visible like reference.
     ========================= */
  .section_product_new{
    padding-top:24px!important;
    background:#fff!important;
  }

  .edge-container{
    padding:0 12px!important;
  }

  .product-strip-wrap{
    position:relative!important;
    overflow:hidden!important;
    --product-arrow-top:39%!important;
  }

  .product-strip{
    display:grid!important;
    grid-auto-flow:column!important;
    grid-auto-columns:calc((100% - 8px)/2)!important;
    gap:8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    scroll-behavior:smooth!important;
    scrollbar-width:none!important;
  }

  .product-strip::-webkit-scrollbar{
    display:none!important;
  }

  .product-col{
    min-width:0!important;
    scroll-snap-align:start!important;
  }

  .product-card{
    background:#fff!important;
    overflow:hidden!important;
  }

  .image_thumb{
    aspect-ratio:2/3!important;
    background:#eef3f8!important;
    overflow:hidden!important;
  }

  .image_thumb img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center top!important;
  }

  .img-secondary{
    position:absolute!important;
    inset:0!important;
  }

  .action-bar{
    display:none!important;
  }

  .product-info{
    padding:14px 0 26px!important;
    min-height:88px!important;
    background:#fff!important;
  }

  .product-name{
    font-size:13px!important;
    line-height:1.18!important;
    letter-spacing:-.1px!important;
    margin:0 0 10px!important;
    font-weight:400!important;
    text-transform:uppercase!important;
  }

  .price{
    font-size:13px!important;
    line-height:1.18!important;
    font-weight:400!important;
  }

  /* Product arrows: long line arrow exactly like mobile reference */
  .product-arrow{
    display:flex!important;
    position:absolute!important;
    top:39%!important;
    transform:translateY(-50%)!important;
    width:60px!important;
    height:34px!important;
    z-index:10!important;
    color:#000!important;
    opacity:.9!important;
    background:transparent!important;
    border:0!important;
    align-items:center!important;
    justify-content:center!important;
  }

  .product-prev{
    left:0!important;
  }

  .product-next{
    right:0!important;
  }

  .product-arrow::before{
    content:""!important;
    position:absolute!important;
    top:50%!important;
    width:36px!important;
    height:1px!important;
    background:currentColor!important;
    border:0!important;
    transform:translateY(-50%)!important;
  }

  .product-arrow::after{
    content:""!important;
    position:absolute!important;
    top:50%!important;
    width:11px!important;
    height:11px!important;
    background:transparent!important;
    border-color:currentColor!important;
    border-style:solid!important;
    transform:translateY(-50%) rotate(45deg)!important;
  }

  .product-prev::before{left:11px!important}
  .product-prev::after{left:10px!important;border-width:0 0 1.2px 1.2px!important}
  .product-next::before{right:11px!important}
  .product-next::after{right:10px!important;border-width:1.2px 1.2px 0 0!important}

  /* Campaign full width */
  .section_banner_new{
    padding:0 0 50px!important;
    background:#fff!important;
  }

  .section_banner_new img{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    object-fit:contain!important;
    object-position:center top!important;
  }

  /* Footer mobile */
  .site-footer{
    padding-bottom:60px!important;
    background:#fff!important;
  }

  .footer-line{
    margin:0 0 44px!important;
    height:1px!important;
    background:#111!important;
  }

  .footer-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:36px!important;
    padding:0 22px!important;
  }

  .site-footer h3{
    font-size:16px!important;
    line-height:1.2!important;
    margin:0 0 18px!important;
    font-weight:600!important;
  }

  .site-footer p{
    font-size:13px!important;
    line-height:1.35!important;
  }

  .footer-newsletter p{
    margin-bottom:24px!important;
  }

  .footer-newsletter form{
    max-width:100%!important;
    padding-bottom:12px!important;
    border-bottom:1px solid #111!important;
  }

  .footer-newsletter input{
    font-size:12px!important;
  }

  .footer-newsletter button{
    font-size:10px!important;
  }

  .footer-col ul{
    display:none!important;
  }

  /* Mobile search */
  .search-panel{
    top:70px!important;
    left:0!important;
    right:0!important;
    padding:14px 18px 12px!important;
  }

  .search-form{
    height:36px!important;
    grid-template-columns:1fr 46px!important;
  }

  .search-form input,
  .search-form input:focus{
    height:34px!important;
    line-height:34px!important;
    font-size:13px!important;
  }

  .search-form button{
    width:46px!important;
    height:34px!important;
  }

  .search-submit-img{
    width:20px!important;
    max-width:20px!important;
  }

  .search-tags{
    gap:10px!important;
    margin-top:8px!important;
  }

  .search-tags li,
  .search-tags a{
    font-size:10px!important;
  }

  body.search-open .opacity-menu.is-open{
    top:70px!important;
  }

  .mobile-drawer{
    width:86vw!important;
  }

  /* =========================
     CONTACT PAGE MOBILE OPTIMIZED
     ========================= */
  body#template-contact .contact-main{
    padding-top:28px!important;
    min-height:auto!important;
  }

  body#template-contact .contact-page{
    width:calc(100% - 28px)!important;
    max-width:none!important;
    margin:0 auto 48px!important;
  }

  body#template-contact .contact-page h1{
    font-size:22px!important;
    line-height:1.2!important;
    margin:0 0 8px!important;
  }

  body#template-contact .contact-subtitle{
    font-size:12px!important;
    line-height:1.45!important;
    margin-bottom:26px!important;
  }

  body#template-contact .form-row{
    margin-bottom:14px!important;
  }

  body#template-contact .form-row label{
    font-size:13px!important;
    margin-bottom:7px!important;
  }

  body#template-contact .form-row input,
  body#template-contact .form-row textarea{
    width:100%!important;
    height:42px!important;
    font-size:12px!important;
    padding:0 12px!important;
    border:1px solid #ddd!important;
  }

  body#template-contact .form-row textarea{
    height:auto!important;
    min-height:112px!important;
    padding-top:12px!important;
  }

  body#template-contact .contact-submit{
    height:44px!important;
    font-size:13px!important;
    border-radius:3px!important;
  }
}

/* Extra small phone fallback */
@media (max-width:360px){
  .header-wrap{padding:0 13px!important}
  .logo-wrapper{width:108px!important;min-width:108px!important}
  .logo-img{width:108px!important;max-width:108px!important}
  .header-right{gap:10px!important}
  .header-img-search{width:26px!important;max-width:26px!important}
  .header-img-bag{width:23px!important;max-width:23px!important}
  .header-img-menu{width:30px!important;max-width:30px!important}
  .product-name,.price{font-size:12px!important}
}

/* =========================================================
   V16 HEADER + MOBILE SLIDER FIX
   Fixes:
   1. Homepage top header: white logo + white icons.
   2. Homepage scrolled header: black logo + black icons.
   3. Mobile header: reference-style overlay at top, white on image,
      black on scroll.
   4. Mobile product arrows and product section stabilized.
   ========================================================= */

/* Desktop/tablet homepage header color correction */
body#template-index .ega-header:not(.is-sticky):not(.menu-open):not(.search-active){
  background:transparent!important;
  color:#fff!important;
  box-shadow:none!important;
}
body#template-index .ega-header:not(.is-sticky):not(.menu-open):not(.search-active) .logo-white{
  display:block!important;
}
body#template-index .ega-header:not(.is-sticky):not(.menu-open):not(.search-active) .logo-black{
  display:none!important;
}
body#template-index .ega-header:not(.is-sticky):not(.menu-open):not(.search-active) .header-img{
  filter:brightness(0) invert(1)!important;
}
body#template-index .ega-header:not(.is-sticky):not(.menu-open):not(.search-active) .cart-count{
  color:#fff!important;
}

body#template-index .ega-header.is-sticky,
body#template-index .ega-header.menu-open,
body#template-index .ega-header.search-active,
body#template-contact .ega-header{
  background:#fff!important;
  color:#000!important;
}
body#template-index .ega-header.is-sticky .logo-white,
body#template-index .ega-header.menu-open .logo-white,
body#template-index .ega-header.search-active .logo-white,
body#template-contact .ega-header .logo-white{
  display:none!important;
}
body#template-index .ega-header.is-sticky .logo-black,
body#template-index .ega-header.menu-open .logo-black,
body#template-index .ega-header.search-active .logo-black,
body#template-contact .ega-header .logo-black{
  display:block!important;
}
body#template-index .ega-header.is-sticky .header-img,
body#template-index .ega-header.menu-open .header-img,
body#template-index .ega-header.search-active .header-img,
body#template-contact .ega-header .header-img{
  filter:none!important;
}
body#template-index .ega-header.is-sticky .cart-count,
body#template-index .ega-header.menu-open .cart-count,
body#template-index .ega-header.search-active .cart-count,
body#template-contact .ega-header .cart-count{
  color:#000!important;
}

/* Keep hero visible under transparent header */
body#template-index .section_slider{
  margin-top:0!important;
}
body#template-index .home-slider{
  background:#fff!important;
}
body#template-index .slide img{
  display:block!important;
}

/* Strong mobile final reference behavior */
@media (max-width:479px){

  :root{
    --header-h:70px!important;
    --edge:12px!important;
  }

  body#template-index .ega-header{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    height:70px!important;
    min-height:70px!important;
    background:transparent!important;
    color:#fff!important;
    box-shadow:none!important;
    z-index:100!important;
  }

  body#template-index .ega-header:not(.is-sticky):not(.menu-open):not(.search-active) .logo-white{
    display:block!important;
  }
  body#template-index .ega-header:not(.is-sticky):not(.menu-open):not(.search-active) .logo-black{
    display:none!important;
  }
  body#template-index .ega-header:not(.is-sticky):not(.menu-open):not(.search-active) .header-img{
    filter:brightness(0) invert(1)!important;
  }
  body#template-index .ega-header:not(.is-sticky):not(.menu-open):not(.search-active) .cart-count{
    color:#fff!important;
  }

  body#template-index .ega-header.is-sticky,
  body#template-index .ega-header.menu-open,
  body#template-index .ega-header.search-active{
    background:#fff!important;
    color:#000!important;
    box-shadow:0 1px 0 rgba(0,0,0,.08)!important;
  }

  body#template-index .ega-header.is-sticky .logo-white,
  body#template-index .ega-header.menu-open .logo-white,
  body#template-index .ega-header.search-active .logo-white{
    display:none!important;
  }
  body#template-index .ega-header.is-sticky .logo-black,
  body#template-index .ega-header.menu-open .logo-black,
  body#template-index .ega-header.search-active .logo-black{
    display:block!important;
  }
  body#template-index .ega-header.is-sticky .header-img,
  body#template-index .ega-header.menu-open .header-img,
  body#template-index .ega-header.search-active .header-img{
    filter:none!important;
  }
  body#template-index .ega-header.is-sticky .cart-count,
  body#template-index .ega-header.menu-open .cart-count,
  body#template-index .ega-header.search-active .cart-count{
    color:#000!important;
  }

  body#template-contact .ega-header{
    position:sticky!important;
    height:70px!important;
    min-height:70px!important;
    background:#fff!important;
    color:#000!important;
    box-shadow:0 1px 0 rgba(0,0,0,.08)!important;
  }

  .header-wrap{
    height:70px!important;
    min-height:70px!important;
    padding:0 16px!important;
    grid-template-columns:1fr auto!important;
    align-items:center!important;
    gap:10px!important;
  }

  .logo-wrapper{
    width:118px!important;
    min-width:118px!important;
    height:48px!important;
  }

  .logo-img{
    width:118px!important;
    max-width:118px!important;
    max-height:48px!important;
  }

  .navigation--desktop,
  .account-icon{
    display:none!important;
  }

  .header-right{
    gap:13px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
  }

  .header-icon{
    width:auto!important;
    height:auto!important;
    min-width:0!important;
    min-height:0!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0!important;
    margin:0!important;
  }

  .cart-icon{order:1!important}
  .search-trigger{order:2!important}
  .menu-bar{order:3!important;display:inline-flex!important}

  .header-img-bag{width:25px!important;max-width:25px!important}
  .header-img-search{width:29px!important;max-width:29px!important;right:0!important}
  .header-img-menu{width:33px!important;max-width:33px!important}

  .cart-count{
    top:-6px!important;
    right:-8px!important;
    font-size:11px!important;
    line-height:1!important;
    color:inherit!important;
  }

  body#template-index .section_slider{
    margin-top:0!important;
    padding-top:0!important;
  }

  body#template-index .home-slider{
    margin-top:0!important;
    min-height:0!important;
    overflow:hidden!important;
    background:#fff!important;
  }

  body#template-index .slide img{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    object-fit:contain!important;
    object-position:center top!important;
  }

  .slider-arrow{
    display:none!important;
  }

  .slider-dots{
    bottom:12px!important;
    gap:8px!important;
  }

  .slider-dots button{
    width:20px!important;
    height:6px!important;
    border-radius:10px!important;
    background:#c8cdd1!important;
    opacity:1!important;
  }

  .slider-dots button.active{
    background:#000!important;
  }

  .section_product_new{
    padding-top:24px!important;
    background:#fff!important;
  }

  .edge-container{
    padding:0 12px!important;
  }

  .product-strip-wrap{
    overflow:hidden!important;
    --product-arrow-top:39%!important;
  }

  .product-strip{
    grid-auto-columns:calc((100% - 8px)/2)!important;
    gap:8px!important;
    scroll-snap-type:x mandatory!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
  }

  .product-strip::-webkit-scrollbar{
    display:none!important;
  }

  .image_thumb{
    aspect-ratio:2/3!important;
    background:#eef3f8!important;
  }

  .image_thumb img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center top!important;
  }

  .action-bar{
    display:none!important;
  }

  .product-info{
    padding:14px 0 26px!important;
    min-height:88px!important;
    background:#fff!important;
  }

  .product-name,
  .price{
    font-size:13px!important;
    line-height:1.18!important;
    font-weight:400!important;
  }

  .product-name{
    margin:0 0 10px!important;
  }

  .product-arrow{
    display:flex!important;
    top:39%!important;
    width:60px!important;
    height:34px!important;
    color:#000!important;
    opacity:.9!important;
    background:transparent!important;
    border:0!important;
  }

  .product-prev{left:0!important}
  .product-next{right:0!important}

  .product-arrow::before{
    content:""!important;
    position:absolute!important;
    top:50%!important;
    width:36px!important;
    height:1px!important;
    background:currentColor!important;
    border:0!important;
    transform:translateY(-50%)!important;
  }

  .product-arrow::after{
    content:""!important;
    position:absolute!important;
    top:50%!important;
    width:11px!important;
    height:11px!important;
    background:transparent!important;
    border-color:currentColor!important;
    border-style:solid!important;
    transform:translateY(-50%) rotate(45deg)!important;
  }

  .product-prev::before{left:11px!important}
  .product-prev::after{left:10px!important;border-width:0 0 1.2px 1.2px!important}
  .product-next::before{right:11px!important}
  .product-next::after{right:10px!important;border-width:1.2px 1.2px 0 0!important}

  .section_banner_new{
    padding:0 0 50px!important;
  }

  .section_banner_new img{
    width:100%!important;
    height:auto!important;
    object-fit:contain!important;
    object-position:center top!important;
  }

  body#template-contact .contact-main{
    padding-top:28px!important;
    min-height:auto!important;
  }

  body#template-contact .contact-page{
    width:calc(100% - 28px)!important;
    max-width:none!important;
    margin:0 auto 48px!important;
  }

  body#template-contact .contact-page h1{
    font-size:22px!important;
  }

  body#template-contact .contact-subtitle{
    font-size:12px!important;
    margin-bottom:26px!important;
  }

  body#template-contact .form-row input,
  body#template-contact .form-row textarea{
    width:100%!important;
    font-size:12px!important;
  }
}

/* =========================================================
   V17 SEARCH VISIBILITY + COMPACT SIZE FIX
   Problem fixed: search open was darkening the full page and making
   hero/banner not visible. Search is now compact and does not cover
   the page. Desktop/mobile existing layout is otherwise preserved.
   ========================================================= */
body.search-open .opacity-menu.is-open{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  background:transparent!important;
}
body.search-open .section_slider,
body.search-open main,
body.search-open .home-slider,
body.search-open .slide,
body.search-open .slide img{
  filter:none!important;
  opacity:1!important;
}

/* keep search as a small pill inside header, not a big page overlay */
@media (min-width:992px){
  .ega-header.search-active{
    background:#fff!important;
    color:#000!important;
    box-shadow:0 1px 0 rgba(0,0,0,.06)!important;
  }
  .ega-header.search-active .navigation--desktop{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
  .search-panel{
    position:fixed!important;
    z-index:120!important;
    top:0!important;
    left:50%!important;
    right:auto!important;
    width:430px!important;
    max-width:430px!important;
    height:92px!important;
    min-height:92px!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:translateX(-50%)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
  .search-panel.is-open{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  .search-panel-inner{
    width:430px!important;
    max-width:430px!important;
    height:92px!important;
    min-height:92px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    padding:0!important;
    margin:0!important;
  }
  .search-close{display:none!important;}
  .search-form{
    width:430px!important;
    max-width:430px!important;
    height:34px!important;
    min-height:34px!important;
    display:grid!important;
    grid-template-columns:1fr 54px!important;
    align-items:center!important;
    padding:0 0 0 14px!important;
    margin:0!important;
    border:1px solid #111!important;
    border-radius:24px!important;
    background:#fff!important;
    overflow:hidden!important;
  }
  .search-form input,
  .search-form input:focus{
    height:32px!important;
    min-height:32px!important;
    line-height:32px!important;
    font-size:12px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    background:transparent!important;
    color:#000!important;
  }
  .search-form button{
    width:54px!important;
    height:32px!important;
    min-height:32px!important;
    border-radius:22px!important;
    margin:0 1px 0 0!important;
    padding:0!important;
    background:#242424!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .search-submit-img{
    width:18px!important;
    max-width:18px!important;
    filter:brightness(0) invert(1)!important;
  }
  .search-tags{
    width:430px!important;
    max-width:430px!important;
    margin:4px 0 0 0!important;
    padding:0 0 0 3px!important;
    display:flex!important;
    gap:8px!important;
    flex-wrap:wrap!important;
    font-size:9px!important;
    line-height:1!important;
    color:#000!important;
  }
  .search-tags li,
  .search-tags a{
    font-size:9px!important;
    line-height:1!important;
    color:#000!important;
  }
}

/* Mobile search compact; no full-screen dark overlay */
@media (max-width:991px){
  body.search-open .opacity-menu.is-open{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    background:transparent!important;
  }
}

@media (max-width:479px){
  .search-panel{
    top:70px!important;
    left:12px!important;
    right:12px!important;
    width:auto!important;
    max-width:none!important;
    padding:10px 0!important;
    background:#fff!important;
    box-shadow:0 6px 18px rgba(0,0,0,.06)!important;
    transform:none!important;
  }
  .search-panel-inner{
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    padding:0 10px!important;
  }
  .search-form{
    width:100%!important;
    max-width:100%!important;
    height:34px!important;
    min-height:34px!important;
    grid-template-columns:1fr 48px!important;
  }
  .search-form input,
  .search-form input:focus{
    height:32px!important;
    line-height:32px!important;
    font-size:12px!important;
  }
  .search-form button{
    height:32px!important;
    width:48px!important;
  }
  .search-tags{
    width:100%!important;
    max-width:100%!important;
    font-size:9px!important;
    margin-top:7px!important;
    gap:8px!important;
  }
  .search-tags li,
  .search-tags a{font-size:9px!important;}
}

/* =========================================================
   V18 SEARCH CENTER + TAG VISIBILITY FIX
   Fix only search open state:
   - Search box is exactly centered on desktop.
   - Tags below search input show fully.
   - Hero image remains visible and unaffected.
   ========================================================= */

/* Desktop search: center box in full header, not shifted right */
@media (min-width:992px){
  .ega-header.search-active{
    height:105px!important;
    min-height:105px!important;
    background:#fff!important;
    color:#000!important;
    box-shadow:0 1px 0 rgba(0,0,0,.06)!important;
  }

  .ega-header.search-active .header-wrap{
    height:105px!important;
    min-height:105px!important;
  }

  .ega-header.search-active .navigation--desktop{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }

  body.search-open .search-panel{
    position:fixed!important;
    z-index:120!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    max-width:none!important;
    height:105px!important;
    min-height:105px!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:none!important;
  }

  body.search-open .search-panel-inner{
    width:430px!important;
    max-width:430px!important;
    height:105px!important;
    min-height:105px!important;
    margin:0 auto!important;
    padding:0!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:stretch!important;
    pointer-events:auto!important;
  }

  body.search-open .search-form{
    width:430px!important;
    max-width:430px!important;
    height:34px!important;
    min-height:34px!important;
    display:grid!important;
    grid-template-columns:1fr 54px!important;
    align-items:center!important;
    padding:0 0 0 14px!important;
    margin:0 auto!important;
    border:1px solid #111!important;
    border-radius:24px!important;
    background:#fff!important;
    overflow:hidden!important;
  }

  body.search-open .search-form input,
  body.search-open .search-form input:focus{
    width:100%!important;
    height:32px!important;
    min-height:32px!important;
    line-height:32px!important;
    font-size:12px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    background:transparent!important;
    color:#000!important;
  }

  body.search-open .search-form button{
    width:54px!important;
    height:32px!important;
    min-height:32px!important;
    border-radius:22px!important;
    margin:0 1px 0 0!important;
    padding:0!important;
    background:#242424!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  body.search-open .search-submit-img{
    width:18px!important;
    max-width:18px!important;
    filter:brightness(0) invert(1)!important;
  }

  body.search-open .search-tags{
    width:430px!important;
    max-width:430px!important;
    min-height:12px!important;
    margin:5px auto 0!important;
    padding:0 0 0 3px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:8px!important;
    flex-wrap:nowrap!important;
    overflow:visible!important;
    font-size:9px!important;
    line-height:12px!important;
    color:#000!important;
  }

  body.search-open .search-tags li,
  body.search-open .search-tags a{
    display:inline-block!important;
    font-size:9px!important;
    line-height:12px!important;
    color:#000!important;
    white-space:nowrap!important;
  }

  /* keep hero normal; no dark overlay */
  body.search-open .opacity-menu.is-open{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    background:transparent!important;
  }
}

/* Tablet / smaller desktop center correction */
@media (min-width:480px) and (max-width:991px){
  body.search-open .search-panel{
    left:0!important;
    right:0!important;
    width:100%!important;
    max-width:none!important;
    top:42px!important;
    padding:8px 0!important;
    background:#fff!important;
    transform:none!important;
  }
  body.search-open .search-panel-inner{
    width:260px!important;
    max-width:260px!important;
    margin:0 auto!important;
    padding:0!important;
  }
  body.search-open .search-form,
  body.search-open .search-tags{
    width:260px!important;
    max-width:260px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

/* Mobile search center correction */
@media (max-width:479px){
  body.search-open .search-panel{
    left:12px!important;
    right:12px!important;
    width:auto!important;
    max-width:none!important;
    top:70px!important;
    padding:10px 0 11px!important;
    background:#fff!important;
    transform:none!important;
    overflow:visible!important;
  }

  body.search-open .search-panel-inner{
    width:100%!important;
    max-width:100%!important;
    margin:0 auto!important;
    padding:0 10px!important;
  }

  body.search-open .search-form{
    width:100%!important;
    max-width:100%!important;
    height:34px!important;
    min-height:34px!important;
  }

  body.search-open .search-tags{
    width:100%!important;
    max-width:100%!important;
    margin-top:7px!important;
    overflow:visible!important;
    line-height:12px!important;
  }
}

/* V19 CONTACT FORM MAIL STATUS */
.contact-error{
  background:#fff4f4;
  border:1px solid #efb1b1;
  color:#9b1212;
  padding:12px 14px;
  margin-bottom:20px;
  font-size:13px;
  text-align:center;
}

/* =========================================================
   V20 MOBILE MENU FIX - no desktop impact
   Fixes hamburger click, drawer z-index, overlay, and body scroll.
   ========================================================= */
body.no-scroll{
  overflow:hidden!important;
}

/* Ensure header buttons are clickable above slider/search */
.header-right,
.header-icon,
.menu-bar,
.cart-icon,
.search-trigger{
  position:relative!important;
  z-index:160!important;
  pointer-events:auto!important;
}

/* Drawer must always sit above overlay/search/slider */
.mobile-drawer{
  z-index:9999!important;
  pointer-events:auto!important;
}
.mobile-drawer.is-open{
  transform:translateX(0)!important;
  visibility:visible!important;
  opacity:1!important;
}

/* Overlay for menu/cart only */
body.drawer-open .opacity-menu.is-open,
body.cart-open .opacity-menu.is-open{
  z-index:9998!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  background:rgba(0,0,0,.42)!important;
}

/* Search keeps no dark overlay as earlier requested */
body.search-open:not(.drawer-open):not(.cart-open) .opacity-menu.is-open{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  background:transparent!important;
}

/* Make hamburger visible and functional on tablet/mobile */
@media (max-width:991px){
  .menu-bar{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    cursor:pointer!important;
  }
  .header-img-menu{
    display:block!important;
  }
  .mobile-drawer{
    display:block!important;
    position:fixed!important;
    top:0!important;
    left:0!important;
    width:min(390px,88vw)!important;
    max-width:88vw!important;
    height:100vh!important;
    background:#fff!important;
    color:#000!important;
    transform:translateX(-110%)!important;
    transition:transform .25s ease!important;
    padding:20px!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    box-shadow:12px 0 35px rgba(0,0,0,.16)!important;
  }
  .mobile-drawer.is-open{
    transform:translateX(0)!important;
  }
  .drawer-close{
    cursor:pointer!important;
    min-width:36px!important;
    min-height:36px!important;
  }
  .drawer-item>a,
  .drawer-sub a{
    display:block!important;
    padding:8px 0!important;
  }
}

@media (max-width:479px){
  .mobile-drawer{
    width:86vw!important;
    max-width:86vw!important;
    padding:20px 18px!important;
  }
  body.drawer-open .opacity-menu.is-open,
  body.cart-open .opacity-menu.is-open{
    top:0!important;
  }
}

/* =========================================================
   V21 MOBILE PRODUCT ARROW + TEXT SIZE FIX
   Only affects mobile under 480px. Desktop not affected.
   Fix:
   - Product arrow no longer cuts across product image too much.
   - Arrow is smaller and placed on outer edges.
   - Product title/price text size reduced.
   ========================================================= */
@media (max-width:479px){

  .section_product_new{
    padding-top:24px!important;
  }

  .edge-container{
    padding-left:20px!important;
    padding-right:20px!important;
  }

  .product-strip{
    grid-auto-columns:calc((100% - 12px)/2)!important;
    gap:12px!important;
  }

  .product-strip-wrap{
    --product-arrow-top:36%!important;
  }

  .product-info{
    padding:12px 0 24px!important;
    min-height:76px!important;
  }

  .product-name{
    font-size:11.5px!important;
    line-height:1.2!important;
    letter-spacing:0!important;
    margin-bottom:8px!important;
    font-weight:400!important;
  }

  .price{
    font-size:11.5px!important;
    line-height:1.2!important;
    font-weight:400!important;
  }

  /* Smaller clean line arrows, shifted to card edges */
  .product-arrow{
    display:flex!important;
    top:36%!important;
    width:42px!important;
    height:32px!important;
    color:#000!important;
    opacity:.85!important;
    background:transparent!important;
    border:0!important;
    z-index:12!important;
    pointer-events:auto!important;
  }

  .product-prev{
    left:-2px!important;
  }

  .product-next{
    right:-2px!important;
  }

  .product-arrow::before{
    content:""!important;
    position:absolute!important;
    top:50%!important;
    width:26px!important;
    height:1px!important;
    background:currentColor!important;
    border:0!important;
    transform:translateY(-50%)!important;
  }

  .product-arrow::after{
    content:""!important;
    position:absolute!important;
    top:50%!important;
    width:9px!important;
    height:9px!important;
    background:transparent!important;
    border-color:currentColor!important;
    border-style:solid!important;
    transform:translateY(-50%) rotate(45deg)!important;
  }

  .product-prev::before{
    left:9px!important;
  }

  .product-prev::after{
    left:8px!important;
    border-width:0 0 1.1px 1.1px!important;
  }

  .product-next::before{
    right:9px!important;
  }

  .product-next::after{
    right:8px!important;
    border-width:1.1px 1.1px 0 0!important;
  }
}

/* Extra small devices */
@media (max-width:360px){
  .product-name,
  .price{
    font-size:10.8px!important;
  }
}

/* =========================================================
   V22 MOBILE ARROW GAP + TEXT MODERN SIZE FIX
   Only max-width:479px. Desktop not affected.
   Reason: old arrow used separate ::before line + ::after head,
   so left arrow showed a small gap. Now arrow is one SVG piece.
   ========================================================= */
@media (max-width:479px){

  /* Smaller, cleaner mobile text */
  .product-info{
    padding:10px 0 22px!important;
    min-height:68px!important;
  }

  .product-name{
    font-size:10px!important;
    line-height:1.25!important;
    letter-spacing:.1px!important;
    margin:0 0 7px!important;
    font-weight:400!important;
  }

  .price{
    font-size:10px!important;
    line-height:1.25!important;
    font-weight:400!important;
  }

  /* Same single-piece design for left and right arrows */
  .product-arrow{
    width:50px!important;
    height:34px!important;
    top:36%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:transparent!important;
    border:0!important;
    opacity:.9!important;
    z-index:15!important;
  }

  .product-prev{
    left:-5px!important;
  }

  .product-next{
    right:-5px!important;
  }

  .product-arrow::before{
    content:""!important;
    position:static!important;
    display:block!important;
    width:44px!important;
    height:16px!important;
    background-repeat:no-repeat!important;
    background-position:center!important;
    background-size:44px 16px!important;
    transform:none!important;
    border:0!important;
  }

  .product-arrow::after{
    content:none!important;
    display:none!important;
  }

  .product-prev::before{
    background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2744%27%20height%3D%2716%27%20viewBox%3D%270%200%2044%2016%27%3E%3Cpath%20d%3D%27M8%201L1%208L8%2015%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.35%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27/%3E%3Cpath%20d%3D%27M1%208H43%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.35%27%20stroke-linecap%3D%27round%27/%3E%3C/svg%3E")!important;
  }

  .product-next::before{
    background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2744%27%20height%3D%2716%27%20viewBox%3D%270%200%2044%2016%27%3E%3Cpath%20d%3D%27M36%201L43%208L36%2015%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.35%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27/%3E%3Cpath%20d%3D%27M1%208H43%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.35%27%20stroke-linecap%3D%27round%27/%3E%3C/svg%3E")!important;
  }
}

@media (max-width:360px){
  .product-name,
  .price{
    font-size:9.5px!important;
  }
}

/* =========================================================
   V23 MOBILE ARROW RESTORE FIX
   Previous SVG arrow removed because it appeared like black blocks.
   Now arrow is back to clean thin CSS line arrow.
   Left arrow is made by mirroring the right arrow, so both match exactly.
   Only max-width:479px is affected.
   ========================================================= */
@media (max-width:479px){

  .product-info{
    padding:10px 0 22px!important;
    min-height:68px!important;
  }

  .product-name{
    font-size:10px!important;
    line-height:1.25!important;
    letter-spacing:.1px!important;
    margin:0 0 7px!important;
    font-weight:400!important;
  }

  .price{
    font-size:10px!important;
    line-height:1.25!important;
    font-weight:400!important;
  }

  .product-arrow{
    display:flex!important;
    position:absolute!important;
    top:36%!important;
    width:48px!important;
    height:34px!important;
    z-index:15!important;
    background:transparent!important;
    border:0!important;
    opacity:.9!important;
    color:#000!important;
    align-items:center!important;
    justify-content:center!important;
  }

  .product-next{
    right:-4px!important;
    left:auto!important;
    transform:translateY(-50%)!important;
  }

  .product-prev{
    left:-4px!important;
    right:auto!important;
    transform:translateY(-50%) scaleX(-1)!important;
  }

  .product-arrow::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    top:50%!important;
    right:8px!important;
    left:auto!important;
    width:30px!important;
    height:1px!important;
    background:currentColor!important;
    background-image:none!important;
    background-size:auto!important;
    background-position:initial!important;
    background-repeat:no-repeat!important;
    border:0!important;
    transform:translateY(-50%)!important;
  }

  .product-arrow::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    top:50%!important;
    right:8px!important;
    left:auto!important;
    width:10px!important;
    height:10px!important;
    background:transparent!important;
    border-style:solid!important;
    border-color:currentColor!important;
    border-width:1.2px 1.2px 0 0!important;
    transform:translateY(-50%) rotate(45deg)!important;
  }
}

@media (max-width:360px){
  .product-name,
  .price{
    font-size:9.5px!important;
  }
}

/* =========================================================
   V24 PRODUCT ARROW FINAL FIX
   The left arrow gap is fixed by using inline SVG arrows.
   All old pseudo-element arrow lines/heads are hidden only when SVG exists.
   Mobile text remains smaller.
   ========================================================= */

/* Base inline arrow shape */
.product-arrow .product-arrow-svg{
  display:block!important;
  width:54px!important;
  height:18px!important;
  color:currentColor!important;
  overflow:visible!important;
}

/* Hide older CSS pseudo arrows when SVG is inserted */
.product-arrow:has(.product-arrow-svg)::before,
.product-arrow:has(.product-arrow-svg)::after{
  content:none!important;
  display:none!important;
}

/* Fallback for browsers without :has; JS adds has-svg class below not needed but safe if class exists */
.product-arrow.has-svg::before,
.product-arrow.has-svg::after{
  content:none!important;
  display:none!important;
}

@media (max-width:479px){
  .product-arrow{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    top:36%!important;
    width:56px!important;
    height:36px!important;
    z-index:20!important;
    background:transparent!important;
    border:0!important;
    color:#000!important;
    opacity:.9!important;
  }

  .product-prev{
    left:-8px!important;
    right:auto!important;
    transform:translateY(-50%)!important;
  }

  .product-next{
    right:-8px!important;
    left:auto!important;
    transform:translateY(-50%)!important;
  }

  .product-arrow .product-arrow-svg{
    width:54px!important;
    height:18px!important;
  }

  /* force-hide old pseudo arrows on mobile */
  .product-arrow::before,
  .product-arrow::after{
    content:none!important;
    display:none!important;
    background:none!important;
    border:0!important;
  }

  .product-info{
    padding:10px 0 22px!important;
    min-height:68px!important;
  }

  .product-name{
    font-size:10px!important;
    line-height:1.25!important;
    letter-spacing:.1px!important;
    margin:0 0 7px!important;
    font-weight:400!important;
  }

  .price{
    font-size:10px!important;
    line-height:1.25!important;
    font-weight:400!important;
  }
}

@media (max-width:360px){
  .product-name,
  .price{
    font-size:9.5px!important;
  }
}

/* =========================================================
   V25 MOBILE FOOTER DATA VISIBLE FIX
   Only mobile footer affected. Desktop untouched.
   Earlier mobile CSS was hiding footer lists:
   .footer-col ul { display:none }
   This patch shows all footer data on mobile.
   ========================================================= */
@media (max-width:479px){

  .site-footer{
    background:#fff!important;
    padding:54px 0 70px!important;
  }

  .footer-line{
    display:block!important;
    height:1px!important;
    background:#111!important;
    margin:0 0 46px!important;
  }

  .footer-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:42px!important;
    padding:0 24px!important;
  }

  .site-footer h3{
    display:block!important;
    font-size:16px!important;
    line-height:1.25!important;
    font-weight:600!important;
    margin:0 0 18px!important;
    text-transform:uppercase!important;
    color:#000!important;
  }

  .site-footer p{
    display:block!important;
    font-size:13px!important;
    line-height:1.45!important;
    margin:0 0 24px!important;
    color:#000!important;
  }

  .footer-newsletter form{
    display:grid!important;
    grid-template-columns:1fr auto!important;
    align-items:center!important;
    gap:14px!important;
    width:100%!important;
    max-width:100%!important;
    padding-bottom:12px!important;
    border-bottom:1px solid #111!important;
  }

  .footer-newsletter input{
    display:block!important;
    font-size:12px!important;
    line-height:1.2!important;
    color:#777!important;
    width:100%!important;
    background:transparent!important;
  }

  .footer-newsletter button{
    display:block!important;
    font-size:10px!important;
    line-height:1.2!important;
    color:#000!important;
    background:transparent!important;
    white-space:nowrap!important;
  }

  /* Main fix: show footer list data on mobile */
  .footer-col ul{
    display:grid!important;
    visibility:visible!important;
    opacity:1!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    list-style:none!important;
    margin:0!important;
    padding:0!important;
  }

  .footer-col li,
  .footer-col li a{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    font-size:11px!important;
    line-height:1.35!important;
    color:#000!important;
    text-transform:uppercase!important;
    text-decoration:none!important;
  }

  .footer-col{
    display:block!important;
  }
}

@media (max-width:360px){
  .site-footer h3{
    font-size:15px!important;
  }

  .site-footer p{
    font-size:12px!important;
  }

  .footer-col li,
  .footer-col li a{
    font-size:10px!important;
  }
}

/* =========================================================
   V26 PRODUCT ARROW DEFINITIVE FIX
   Reason: left product arrow still showed a visual gap because the
   page had multiple older arrow implementations fighting each other.
   Final solution: use one single background SVG per product arrow
   and hard-disable all pseudo/svg arrow fragments.
   This applies to ALL viewports but only for product arrows.
   Hero slider arrows are untouched.
   ========================================================= */

.product-arrow{
  background-color:transparent!important;
  background-repeat:no-repeat!important;
  background-position:center center!important;
  border:0!important;
  color:#111!important;
  font-size:0!important;
  line-height:0!important;
}

.product-prev{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='54' height='18' viewBox='0 0 54 18'%3E%3Cpath d='M10 2 L2 9 L10 16' fill='none' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2 9 H52' fill='none' stroke='black' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E")!important;
}

.product-next{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='54' height='18' viewBox='0 0 54 18'%3E%3Cpath d='M44 2 L52 9 L44 16' fill='none' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2 9 H52' fill='none' stroke='black' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E")!important;
}

/* kill every previous arrow fragment */
.product-arrow::before,
.product-arrow::after,
.product-arrow .product-arrow-svg,
.product-arrow svg,
.product-arrow path{
  content:none!important;
  display:none!important;
  background:none!important;
  border:0!important;
}

/* desktop + tablet size */
.product-arrow{
  width:56px!important;
  height:40px!important;
  background-size:54px 18px!important;
}

/* narrow desktop / tablet */
@media (max-width:991px){
  .product-arrow{
    width:46px!important;
    height:32px!important;
    background-size:42px 14px!important;
  }
}

/* mobile exact sizing + smaller product text */
@media (max-width:479px){
  .product-arrow{
    width:42px!important;
    height:28px!important;
    background-size:38px 12px!important;
    top:36%!important;
    z-index:25!important;
    opacity:.92!important;
  }
  .product-prev{left:-2px!important;right:auto!important;transform:translateY(-50%)!important;}
  .product-next{right:-2px!important;left:auto!important;transform:translateY(-50%)!important;}

  .product-info{
    padding:10px 0 18px!important;
    min-height:60px!important;
  }
  .product-name{
    font-size:9.6px!important;
    line-height:1.22!important;
    margin:0 0 6px!important;
    font-weight:400!important;
    letter-spacing:0!important;
  }
  .price{
    font-size:9.6px!important;
    line-height:1.2!important;
    font-weight:400!important;
  }
}

/* =========================================================
   V27 PRODUCT ARROW ICON FIX - NO SVG, NO PSEUDO
   This is the final override for product carousel arrows.
   It uses real text icon spans:
     left  = ←
     right = →
   and disables all old ::before / ::after / SVG/background arrow methods.
   Hero slider arrows are NOT affected.
   ========================================================= */

/* Remove all old product-arrow methods */
.product-arrow::before,
.product-arrow::after{
  content:none!important;
  display:none!important;
  width:0!important;
  height:0!important;
  background:none!important;
  border:0!important;
}

.product-arrow svg,
.product-arrow .product-arrow-svg,
.product-arrow path{
  display:none!important;
}

.product-arrow{
  background-image:none!important;
  background-color:transparent!important;
  background:none!important;
  border:0!important;
  color:#000!important;
  font-size:0!important;
  line-height:1!important;
  text-indent:0!important;
  overflow:visible!important;
}

.product-arrow-icon{
  display:block!important;
  font-family:Arial, Helvetica, sans-serif!important;
  font-weight:300!important;
  line-height:1!important;
  color:#000!important;
  text-indent:0!important;
  pointer-events:none!important;
}

/* Desktop/tablet product arrow icon sizing */
.product-arrow{
  width:56px!important;
  height:40px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

.product-arrow-icon{
  font-size:34px!important;
}

/* Product arrow placement */
.product-prev{
  left:0!important;
  right:auto!important;
  transform:translateY(-50%)!important;
}

.product-next{
  right:0!important;
  left:auto!important;
  transform:translateY(-50%)!important;
}

/* Mobile clean size */
@media (max-width:479px){
  .product-arrow{
    width:34px!important;
    height:28px!important;
    top:36%!important;
    z-index:30!important;
    opacity:.9!important;
  }

  .product-prev{
    left:2px!important;
  }

  .product-next{
    right:2px!important;
  }

  .product-arrow-icon{
    font-size:24px!important;
  }

  .product-info{
    padding:10px 0 18px!important;
    min-height:60px!important;
  }

  .product-name{
    font-size:9.6px!important;
    line-height:1.22!important;
    margin:0 0 6px!important;
    letter-spacing:0!important;
    font-weight:400!important;
  }

  .price{
    font-size:9.6px!important;
    line-height:1.2!important;
    font-weight:400!important;
  }
}

/* Extra small */
@media (max-width:360px){
  .product-arrow-icon{
    font-size:22px!important;
  }
  .product-name,
  .price{
    font-size:9.2px!important;
  }
}

/* =========================================================
   V28 PRODUCT ARROW CLEANUP FIX
   Removes double arrow and space in left arrow
   ========================================================= */

/* Disable all pseudo-element arrow methods completely */
.product-arrow::before,
.product-arrow::after {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  background: none !important;
  border: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  position: static !important;
}

/* Remove any SVG/background image arrows */
.product-arrow svg,
.product-arrow .product-arrow-svg,
.product-arrow path,
.product-arrow img {
  display: none !important;
}

.product-arrow {
  background-image: none !important;
  background: none !important;
  background-color: transparent !important;
  border: 0 !important;
  color: #000 !important;
  font-size: 0 !important;
  line-height: 1 !important;
  overflow: visible !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 56px !important;
  height: 40px !important;
  z-index: 10 !important;
  position: absolute !important;
  top: var(--product-arrow-top) !important;
  transform: translateY(-50%) !important;
  opacity: .92 !important;
}

/* Clean text arrow - only one arrow per button */
.product-arrow-icon {
  display: block !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-weight: 300 !important;
  font-size: 30px !important;
  line-height: 1 !important;
  color: #000 !important;
  text-indent: 0 !important;
  pointer-events: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Product arrow placement */
.product-prev {
  left: 0 !important;
  right: auto !important;
}

.product-next {
  right: 0 !important;
  left: auto !important;
}

/* Mobile clean size */
@media (max-width: 479px) {
  .product-arrow {
    width: 34px !important;
    height: 28px !important;
    top: 36% !important;
    z-index: 30 !important;
    opacity: 0.9 !important;
  }

  .product-prev {
    left: 2px !important;
  }

  .product-next {
    right: 2px !important;
  }

  .product-arrow-icon {
    font-size: 22px !important;
  }
}

/* Tablet size */
@media (min-width: 480px) and (max-width: 991px) {
  .product-arrow {
    width: 42px !important;
    height: 32px !important;
  }
  
  .product-arrow-icon {
    font-size: 26px !important;
  }
}

/* Extra small */
@media (max-width: 360px) {
  .product-arrow-icon {
    font-size: 20px !important;
  }
}

/* =========================================================
   V29 FINAL MOBILE MATCH PATCH
   Scope: mobile + tablet only where needed.
   This patch is intentionally placed at the END to override older
   experimental CSS blocks safely.
   Fixes:
   1. Mobile header + icon size/order.
   2. Sticky header on scroll.
   3. Search input panel.
   4. Hero section.
   5. Product section + clean arrows, no double/no gap.
   6. Banner section below product.
   7. Footer mobile.
   8. Mobile menu drawer.
   ========================================================= */

/* New product arrows: independent from old broken classes */
.product-strip-wrap{position:relative!important}
.product-nav-arrow{
  position:absolute!important;
  top:var(--product-arrow-top, 38%)!important;
  transform:translateY(-50%)!important;
  z-index:45!important;
  width:52px!important;
  height:38px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  color:#000!important;
  cursor:pointer!important;
  font-size:0!important;
  line-height:1!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
.product-nav-arrow::before,
.product-nav-arrow::after{content:none!important;display:none!important}
.product-nav-arrow span{
  display:block!important;
  font-family:Arial, Helvetica, sans-serif!important;
  font-size:32px!important;
  font-weight:300!important;
  line-height:1!important;
  color:#000!important;
  pointer-events:none!important;
}
.product-nav-prev{left:2px!important;right:auto!important}
.product-nav-next{right:2px!important;left:auto!important}

/* Hide old product arrow buttons if any cached/duplicated markup remains */
.product-arrow.product-prev,
.product-arrow.product-next{display:none!important}

/* ---------- MOBILE / TABLET HEADER + MENU ---------- */
@media (max-width: 991px){

  body.no-scroll{overflow:hidden!important}

  .navigation--desktop{display:none!important}
  .account-icon{display:none!important}
  .menu-bar{display:inline-flex!important}

  .ega-header,
  body#template-index .ega-header,
  body#template-contact .ega-header{
    position:sticky!important;
    top:0!important;
    left:0!important;
    right:0!important;
    height:104px!important;
    min-height:104px!important;
    background:#fff!important;
    color:#000!important;
    box-shadow:0 1px 0 rgba(0,0,0,.08)!important;
    z-index:200!important;
  }

  .ega-header .logo-white,
  body#template-index .ega-header .logo-white,
  body#template-contact .ega-header .logo-white{display:none!important}

  .ega-header .logo-black,
  body#template-index .ega-header .logo-black,
  body#template-contact .ega-header .logo-black{display:block!important}

  .ega-header .header-img,
  body#template-index .ega-header .header-img,
  body#template-contact .ega-header .header-img{filter:none!important}

  .header-wrap{
    height:104px!important;
    min-height:104px!important;
    display:grid!important;
    grid-template-columns:1fr auto!important;
    align-items:center!important;
    gap:18px!important;
    padding:0 28px!important;
  }

  .logo-wrapper{
    width:170px!important;
    min-width:170px!important;
    height:76px!important;
    display:flex!important;
    align-items:center!important;
  }

  .logo-img{
    width:170px!important;
    max-width:170px!important;
    max-height:76px!important;
    object-fit:contain!important;
  }

  .header-right{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:22px!important;
    color:#000!important;
  }

  .header-icon{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    height:auto!important;
    min-width:0!important;
    min-height:0!important;
    padding:0!important;
    margin:0!important;
    position:relative!important;
    z-index:205!important;
  }

  .cart-icon{order:1!important}
  .search-trigger{order:2!important}
  .menu-bar{order:3!important}

  .header-img-bag{width:36px!important;max-width:36px!important;height:auto!important}
  .header-img-search{width:42px!important;max-width:42px!important;height:auto!important;right:0!important}
  .header-img-menu{width:46px!important;max-width:46px!important;height:auto!important}

  .cart-count{
    top:-8px!important;
    right:-10px!important;
    font-size:14px!important;
    line-height:1!important;
    color:#000!important;
  }

  /* HERO */
  .section_slider{margin:0!important;padding:0!important;background:#fff!important}
  .home-slider{margin:0!important;background:#fff!important;min-height:0!important;overflow:hidden!important}
  .slide picture,
  .slide img{display:block!important;width:100%!important}
  .slide img{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    object-fit:contain!important;
    object-position:center top!important;
  }

  .slider-arrow{display:none!important}
  .slider-dots{bottom:14px!important;gap:10px!important}
  .slider-dots button{
    width:24px!important;
    height:7px!important;
    border-radius:12px!important;
    background:#c8cdd1!important;
    opacity:1!important;
  }
  .slider-dots button.active{background:#000!important}

  /* PRODUCT SECTION */
  .section_product_new{
    background:#fff!important;
    padding:30px 0 0!important;
  }

  .edge-container{
    width:100%!important;
    padding-left:24px!important;
    padding-right:24px!important;
  }

  .product-strip-wrap{
    overflow:hidden!important;
  }

  .product-strip{
    display:grid!important;
    grid-auto-flow:column!important;
    grid-auto-columns:calc((100% - 10px)/2)!important;
    gap:10px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    scroll-behavior:smooth!important;
    scrollbar-width:none!important;
  }
  .product-strip::-webkit-scrollbar{display:none!important}
  .product-col{scroll-snap-align:start!important;min-width:0!important}

  .product-card{
    display:block!important;
    position:relative!important;
    overflow:hidden!important;
    background:#fff!important;
  }

  .image_thumb{
    display:block!important;
    width:100%!important;
    aspect-ratio:2/3!important;
    overflow:hidden!important;
    background:#eef3f8!important;
  }

  .image_thumb img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center top!important;
  }

  .action-bar{display:none!important}

  .product-info{
    background:#fff!important;
    padding:18px 0 30px!important;
    min-height:86px!important;
  }

  .product-name{
    display:block!important;
    font-size:13px!important;
    line-height:1.22!important;
    margin:0 0 10px!important;
    letter-spacing:0!important;
    font-weight:400!important;
    text-transform:uppercase!important;
  }

  .price{
    font-size:13px!important;
    line-height:1.22!important;
    font-weight:400!important;
  }

  .product-nav-arrow{
    width:44px!important;
    height:34px!important;
    top:var(--product-arrow-top, 38%)!important;
    opacity:.9!important;
  }

  .product-nav-arrow span{font-size:30px!important}
  .product-nav-prev{left:6px!important}
  .product-nav-next{right:6px!important}

  /* CAMPAIGN / BANNER BELOW PRODUCT */
  .section_banner_new{
    display:block!important;
    width:100%!important;
    padding:0 0 56px!important;
    margin:0!important;
    background:#fff!important;
  }

  .section_banner_new a,
  .section_banner_new picture,
  .section_banner_new img{
    display:block!important;
    width:100%!important;
  }

  .section_banner_new img{
    height:auto!important;
    min-height:0!important;
    object-fit:contain!important;
    object-position:center top!important;
  }

  /* SEARCH PANEL */
  .search-panel{
    position:fixed!important;
    z-index:10020!important;
    top:0!important;
    left:0!important;
    right:0!important;
    height:158px!important;
    min-height:158px!important;
    padding:72px 18px 18px!important;
    margin:0!important;
    background:#fff!important;
    color:#000!important;
    box-shadow:none!important;
    transform:translateY(-110%)!important;
    transition:transform .25s ease!important;
    overflow:visible!important;
  }

  .search-panel.is-open{transform:translateY(0)!important}
  .search-close{display:none!important}

  .search-panel-inner{
    width:100%!important;
    max-width:100%!important;
    margin:0 auto!important;
    padding:0!important;
  }

  .search-form{
    width:100%!important;
    max-width:100%!important;
    height:52px!important;
    min-height:52px!important;
    display:grid!important;
    grid-template-columns:1fr 62px!important;
    align-items:center!important;
    border:1.4px solid #111!important;
    border-radius:30px!important;
    background:#fff!important;
    overflow:hidden!important;
    padding:0 0 0 15px!important;
    margin:0!important;
  }

  .search-form input,
  .search-form input:focus{
    height:50px!important;
    min-height:50px!important;
    line-height:50px!important;
    font-size:17px!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    padding:0!important;
    color:#000!important;
    background:transparent!important;
  }

  .search-form button{
    width:62px!important;
    height:50px!important;
    min-height:50px!important;
    border-radius:28px!important;
    background:#262626!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0 1px 0 0!important;
  }

  .search-submit-img{
    width:26px!important;
    max-width:26px!important;
    filter:brightness(0) invert(1)!important;
  }

  .search-tags{
    width:100%!important;
    display:flex!important;
    justify-content:flex-start!important;
    align-items:center!important;
    gap:12px!important;
    flex-wrap:nowrap!important;
    overflow:visible!important;
    margin:8px 0 0!important;
    padding:0!important;
    font-size:16px!important;
    line-height:1.2!important;
    color:#6d6d6d!important;
  }

  .search-tags li,
  .search-tags a{
    font-size:16px!important;
    line-height:1.2!important;
    color:#6d6d6d!important;
    white-space:nowrap!important;
  }

  body.search-open .opacity-menu.is-open{
    display:block!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    position:fixed!important;
    inset:158px 0 0 0!important;
    background:rgba(0,0,0,.58)!important;
    z-index:10000!important;
  }

  /* MOBILE DRAWER MENU */
  .mobile-drawer{
    display:block!important;
    position:fixed!important;
    inset:0 auto 0 0!important;
    width:100vw!important;
    max-width:100vw!important;
    height:100dvh!important;
    background:#fff!important;
    color:#000!important;
    z-index:10030!important;
    transform:translateX(-105%)!important;
    transition:transform .25s ease!important;
    padding:28px 32px 96px!important;
    box-shadow:none!important;
    overflow-y:auto!important;
  }

  .mobile-drawer.is-open{transform:translateX(0)!important}

  .drawer-top{
    display:flex!important;
    justify-content:flex-end!important;
    align-items:center!important;
    margin:0 0 45px!important;
    height:40px!important;
  }

  .drawer-logo{display:none!important}

  .mobile-drawer::before{
    content:'MENU';
    position:absolute;
    left:32px;
    top:32px;
    font-size:28px;
    line-height:1;
    font-weight:500;
    color:#000;
  }

  .drawer-close{
    font-size:50px!important;
    line-height:1!important;
    font-weight:200!important;
    color:#000!important;
  }

  .drawer-nav{
    display:grid!important;
    gap:52px!important;
  }

  .drawer-item>a{
    display:flex!important;
    justify-content:space-between!important;
    align-items:center!important;
    font-size:24px!important;
    line-height:1.25!important;
    letter-spacing:0!important;
    font-weight:400!important;
    text-transform:uppercase!important;
    color:#000!important;
  }

  .drawer-sub{
    display:grid!important;
    gap:14px!important;
    margin:18px 0 0 0!important;
    padding-left:18px!important;
  }

  .drawer-sub a{
    font-size:16px!important;
    line-height:1.3!important;
    color:#333!important;
    text-transform:uppercase!important;
  }

  body.drawer-open .opacity-menu.is-open,
  body.cart-open .opacity-menu.is-open{
    inset:0!important;
    background:rgba(0,0,0,.42)!important;
    z-index:10010!important;
    opacity:1!important;
    visibility:visible!important;
  }

  /* FOOTER */
  .site-footer{
    background:#fff!important;
    padding:70px 0 80px!important;
    margin:0!important;
    color:#000!important;
  }

  .footer-line{
    display:block!important;
    height:1px!important;
    background:#111!important;
    margin:0 0 62px!important;
  }

  .footer-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:46px!important;
    padding:0 22px!important;
    margin:0!important;
    max-width:none!important;
  }

  .site-footer h3{
    display:block!important;
    font-size:22px!important;
    line-height:1.25!important;
    margin:0 0 24px!important;
    font-weight:600!important;
    text-transform:uppercase!important;
    color:#000!important;
  }

  .site-footer p{
    display:block!important;
    font-size:20px!important;
    line-height:1.35!important;
    margin:0 0 42px!important;
    color:#000!important;
  }

  .footer-newsletter form{
    display:grid!important;
    grid-template-columns:1fr auto!important;
    gap:14px!important;
    align-items:center!important;
    width:100%!important;
    max-width:100%!important;
    padding-bottom:16px!important;
    border-bottom:1.4px solid #111!important;
  }

  .footer-newsletter input{
    display:block!important;
    width:100%!important;
    font-size:20px!important;
    line-height:1.2!important;
    color:#777!important;
    background:transparent!important;
  }

  .footer-newsletter button{
    font-size:16px!important;
    line-height:1.2!important;
    color:#000!important;
    background:transparent!important;
    white-space:nowrap!important;
  }

  .footer-col ul{
    display:grid!important;
    visibility:visible!important;
    opacity:1!important;
    grid-template-columns:1fr!important;
    gap:13px!important;
    margin:0!important;
    padding:0!important;
    list-style:none!important;
  }

  .footer-col li,
  .footer-col li a{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    font-size:13px!important;
    line-height:1.4!important;
    color:#000!important;
    text-transform:uppercase!important;
  }

  /* CONTACT MOBILE */
  body#template-contact .contact-main{
    padding-top:36px!important;
    min-height:auto!important;
  }

  body#template-contact .contact-page{
    width:calc(100% - 32px)!important;
    max-width:none!important;
    margin:0 auto 56px!important;
  }

  body#template-contact .contact-page h1{
    font-size:24px!important;
  }

  body#template-contact .contact-subtitle{
    font-size:13px!important;
    line-height:1.45!important;
    margin-bottom:28px!important;
  }

  body#template-contact .form-row input,
  body#template-contact .form-row textarea{
    width:100%!important;
    font-size:13px!important;
  }
}

/* True phone fine tuning */
@media (max-width:479px){
  .ega-header,
  body#template-index .ega-header,
  body#template-contact .ega-header{
    height:96px!important;
    min-height:96px!important;
  }

  .header-wrap{
    height:96px!important;
    min-height:96px!important;
    padding:0 27px!important;
    gap:14px!important;
  }

  .logo-wrapper{
    width:162px!important;
    min-width:162px!important;
    height:72px!important;
  }

  .logo-img{
    width:162px!important;
    max-width:162px!important;
    max-height:72px!important;
  }

  .header-right{gap:19px!important}
  .header-img-bag{width:33px!important;max-width:33px!important}
  .header-img-search{width:38px!important;max-width:38px!important}
  .header-img-menu{width:43px!important;max-width:43px!important}

  .edge-container{
    padding-left:24px!important;
    padding-right:24px!important;
  }

  .product-strip{
    grid-auto-columns:calc((100% - 10px)/2)!important;
    gap:10px!important;
  }

  .product-name,
  .price{
    font-size:13px!important;
  }

  .product-nav-arrow{
    width:38px!important;
    height:30px!important;
  }

  .product-nav-arrow span{font-size:26px!important}
  .product-nav-prev{left:5px!important}
  .product-nav-next{right:5px!important}

  .search-panel{
    height:148px!important;
    min-height:148px!important;
    padding:66px 17px 16px!important;
  }

  body.search-open .opacity-menu.is-open{
    inset:148px 0 0 0!important;
  }

  .search-form{
    height:48px!important;
    min-height:48px!important;
    grid-template-columns:1fr 58px!important;
  }

  .search-form input,
  .search-form input:focus{
    height:46px!important;
    line-height:46px!important;
    font-size:15px!important;
  }

  .search-form button{
    height:46px!important;
    width:58px!important;
  }

  .search-tags,
  .search-tags li,
  .search-tags a{
    font-size:13px!important;
    gap:9px!important;
  }

  .site-footer h3{font-size:20px!important}
  .site-footer p{font-size:18px!important}
  .footer-newsletter input{font-size:18px!important}
  .footer-newsletter button{font-size:14px!important}
}

/* Small phones */
@media (max-width:360px){
  .header-wrap{padding:0 20px!important}
  .logo-wrapper{width:145px!important;min-width:145px!important}
  .logo-img{width:145px!important;max-width:145px!important}
  .header-right{gap:14px!important}
  .header-img-bag{width:29px!important;max-width:29px!important}
  .header-img-search{width:34px!important;max-width:34px!important}
  .header-img-menu{width:38px!important;max-width:38px!important}
  .product-name,.price{font-size:12px!important}
  .site-footer h3{font-size:18px!important}
  .site-footer p{font-size:16px!important}
}


/* =========================================================
   V30 FINAL MOBILE REFERENCE MATCH
   Checked against the provided mobile screenshots:
   - Top hero header: transparent, white icons/logo
   - Scroll header: white, black icons/logo
   - Product slider: one full card + second peek, same mobile reference size
   - Product arrow: clean line-arrow, no gap, no double arrow, no SVG
   - Mobile menu: full white drawer with matching size/spacing
   - Footer/search/mobile sections tuned
   This block is final override and does not change desktop layout.
   ========================================================= */

/* Product arrows: kill old conflicting arrow fragments globally */
.product-arrow.product-prev,
.product-arrow.product-next{
  display:none!important;
}

.product-nav-arrow,
.product-nav-arrow *{
  box-sizing:border-box!important;
}

.product-nav-arrow{
  position:absolute!important;
  top:var(--product-arrow-top, 38%)!important;
  transform:translateY(-50%)!important;
  z-index:80!important;
  width:58px!important;
  height:38px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  cursor:pointer!important;
}

.product-nav-arrow::before,
.product-nav-arrow::after{
  content:none!important;
  display:none!important;
}

.product-nav-arrow svg,
.product-nav-arrow .product-arrow-svg,
.product-nav-arrow .product-arrow-icon{
  display:none!important;
}

.product-nav-prev{left:8px!important;right:auto!important}
.product-nav-next{right:8px!important;left:auto!important}

.product-nav-arrow .pnav-line{
  position:absolute!important;
  top:50%!important;
  width:42px!important;
  height:1.2px!important;
  background:#000!important;
  display:block!important;
  transform:translateY(-50%)!important;
  pointer-events:none!important;
}

.product-nav-arrow .pnav-head{
  position:absolute!important;
  top:50%!important;
  width:12px!important;
  height:12px!important;
  display:block!important;
  background:transparent!important;
  border-color:#000!important;
  border-style:solid!important;
  pointer-events:none!important;
}

.product-nav-prev .pnav-line{left:7px!important}
.product-nav-prev .pnav-head{
  left:7px!important;
  border-width:0 0 1.2px 1.2px!important;
  transform:translateY(-50%) rotate(45deg)!important;
}

.product-nav-next .pnav-line{right:7px!important}
.product-nav-next .pnav-head{
  right:7px!important;
  border-width:1.2px 1.2px 0 0!important;
  transform:translateY(-50%) rotate(45deg)!important;
}

/* ================= MOBILE / TABLET ================= */
@media (max-width:991px){

  html,body{overflow-x:hidden!important}
  body.no-scroll{overflow:hidden!important}

  .navigation--desktop,
  .account-icon{
    display:none!important;
  }

  .menu-bar{
    display:inline-flex!important;
  }

  /* Homepage top = transparent over hero */
  body#template-index .ega-header{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    height:102px!important;
    min-height:102px!important;
    background:transparent!important;
    color:#fff!important;
    box-shadow:none!important;
    z-index:300!important;
  }

  body#template-index .ega-header:not(.is-sticky):not(.menu-open):not(.search-active) .logo-white{
    display:block!important;
  }

  body#template-index .ega-header:not(.is-sticky):not(.menu-open):not(.search-active) .logo-black{
    display:none!important;
  }

  body#template-index .ega-header:not(.is-sticky):not(.menu-open):not(.search-active) .header-img{
    filter:brightness(0) invert(1)!important;
  }

  body#template-index .ega-header:not(.is-sticky):not(.menu-open):not(.search-active) .cart-count{
    color:#fff!important;
  }

  /* Scroll/header open = white */
  body#template-index .ega-header.is-sticky,
  body#template-index .ega-header.menu-open,
  body#template-index .ega-header.search-active,
  body#template-contact .ega-header,
  body:not(#template-index) .ega-header{
    position:sticky!important;
    top:0!important;
    height:102px!important;
    min-height:102px!important;
    background:#fff!important;
    color:#000!important;
    box-shadow:0 1px 0 rgba(0,0,0,.08)!important;
    z-index:300!important;
  }

  body#template-index .ega-header.is-sticky{
    position:fixed!important;
  }

  body#template-index .ega-header.is-sticky .logo-white,
  body#template-index .ega-header.menu-open .logo-white,
  body#template-index .ega-header.search-active .logo-white,
  body#template-contact .ega-header .logo-white,
  body:not(#template-index) .ega-header .logo-white{
    display:none!important;
  }

  body#template-index .ega-header.is-sticky .logo-black,
  body#template-index .ega-header.menu-open .logo-black,
  body#template-index .ega-header.search-active .logo-black,
  body#template-contact .ega-header .logo-black,
  body:not(#template-index) .ega-header .logo-black{
    display:block!important;
  }

  body#template-index .ega-header.is-sticky .header-img,
  body#template-index .ega-header.menu-open .header-img,
  body#template-index .ega-header.search-active .header-img,
  body#template-contact .ega-header .header-img,
  body:not(#template-index) .ega-header .header-img{
    filter:none!important;
  }

  body#template-index .ega-header.is-sticky .cart-count,
  body#template-index .ega-header.menu-open .cart-count,
  body#template-index .ega-header.search-active .cart-count{
    color:#000!important;
  }

  .header-wrap{
    height:102px!important;
    min-height:102px!important;
    padding:0 30px!important;
    display:grid!important;
    grid-template-columns:1fr auto!important;
    align-items:center!important;
    gap:18px!important;
  }

  .logo-wrapper{
    width:170px!important;
    min-width:170px!important;
    height:76px!important;
    display:flex!important;
    align-items:center!important;
  }

  .logo-img{
    width:170px!important;
    max-width:170px!important;
    max-height:76px!important;
    object-fit:contain!important;
  }

  .header-right{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:21px!important;
    color:inherit!important;
  }

  .header-icon{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    height:auto!important;
    min-width:0!important;
    min-height:0!important;
    padding:0!important;
    margin:0!important;
    position:relative!important;
    z-index:305!important;
  }

  .cart-icon{order:1!important}
  .search-trigger{order:2!important}
  .menu-bar{order:3!important}

  .header-img-bag{width:35px!important;max-width:35px!important;height:auto!important}
  .header-img-search{width:41px!important;max-width:41px!important;height:auto!important;right:0!important}
  .header-img-menu{width:45px!important;max-width:45px!important;height:auto!important}

  .cart-count{
    top:-8px!important;
    right:-10px!important;
    font-size:14px!important;
    line-height:1!important;
  }

  /* HERO */
  body#template-index .section_slider{
    margin:0!important;
    padding:0!important;
    background:#fff!important;
  }

  body#template-index .home-slider{
    margin:0!important;
    min-height:0!important;
    overflow:hidden!important;
    background:#fff!important;
  }

  .slide picture,
  .slide img{
    width:100%!important;
    display:block!important;
  }

  .slide img{
    height:auto!important;
    min-height:0!important;
    object-fit:contain!important;
    object-position:center top!important;
  }

  .slider-arrow{
    display:none!important;
  }

  .slider-dots{
    bottom:16px!important;
    gap:10px!important;
  }

  .slider-dots button{
    width:25px!important;
    height:7px!important;
    border-radius:12px!important;
    background:#c8cdd1!important;
    opacity:1!important;
  }

  .slider-dots button.active{
    background:#000!important;
  }

  /* PRODUCT SLIDER: one full card + second card peek like reference */
  .section_product_new{
    background:#fff!important;
    padding:35px 0 0!important;
    margin:0!important;
  }

  .edge-container{
    width:100%!important;
    max-width:none!important;
    padding-left:24px!important;
    padding-right:24px!important;
    margin:0!important;
  }

  .product-strip-wrap{
    overflow:hidden!important;
    position:relative!important;
  }

  .product-strip{
    display:grid!important;
    grid-auto-flow:column!important;
    grid-auto-columns:63%!important;
    gap:10px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    scroll-behavior:smooth!important;
    scrollbar-width:none!important;
    padding:0!important;
    margin:0!important;
  }

  .product-strip::-webkit-scrollbar{
    display:none!important;
  }

  .product-col{
    min-width:0!important;
    scroll-snap-align:start!important;
  }

  .product-card{
    display:block!important;
    position:relative!important;
    background:#fff!important;
    overflow:hidden!important;
  }

  .image_thumb{
    display:block!important;
    width:100%!important;
    aspect-ratio:2/3!important;
    overflow:hidden!important;
    background:#eef3f8!important;
  }

  .image_thumb img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center top!important;
  }

  .action-bar{
    display:none!important;
  }

  .product-info{
    padding:18px 0 32px!important;
    min-height:86px!important;
    background:#fff!important;
  }

  .product-name{
    display:block!important;
    font-size:13px!important;
    line-height:1.22!important;
    margin:0 0 10px!important;
    letter-spacing:0!important;
    font-weight:400!important;
    text-transform:uppercase!important;
  }

  .price{
    display:block!important;
    font-size:13px!important;
    line-height:1.22!important;
    font-weight:400!important;
  }

  .product-nav-arrow{
    width:58px!important;
    height:38px!important;
    top:var(--product-arrow-top, 38%)!important;
    opacity:.92!important;
  }

  .product-nav-prev{
    left:5px!important;
  }

  .product-nav-next{
    right:5px!important;
  }

  .product-nav-arrow .pnav-line{
    width:42px!important;
    height:1.2px!important;
  }

  .product-nav-arrow .pnav-head{
    width:12px!important;
    height:12px!important;
  }

  /* Search input */
  .search-panel{
    position:fixed!important;
    z-index:10020!important;
    top:0!important;
    left:0!important;
    right:0!important;
    height:155px!important;
    min-height:155px!important;
    padding:72px 18px 17px!important;
    margin:0!important;
    background:#fff!important;
    color:#000!important;
    transform:translateY(-110%)!important;
    transition:transform .25s ease!important;
    overflow:visible!important;
    box-shadow:none!important;
  }

  .search-panel.is-open{
    transform:translateY(0)!important;
  }

  .search-close{
    display:none!important;
  }

  .search-panel-inner{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
  }

  .search-form{
    width:100%!important;
    max-width:100%!important;
    height:50px!important;
    min-height:50px!important;
    display:grid!important;
    grid-template-columns:1fr 60px!important;
    align-items:center!important;
    border:1.35px solid #111!important;
    border-radius:30px!important;
    background:#fff!important;
    overflow:hidden!important;
    padding:0 0 0 15px!important;
    margin:0!important;
  }

  .search-form input,
  .search-form input:focus{
    height:48px!important;
    min-height:48px!important;
    line-height:48px!important;
    font-size:15px!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    background:transparent!important;
    color:#000!important;
    padding:0!important;
  }

  .search-form button{
    width:60px!important;
    height:48px!important;
    min-height:48px!important;
    border-radius:28px!important;
    background:#262626!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0 1px 0 0!important;
  }

  .search-submit-img{
    width:25px!important;
    max-width:25px!important;
    filter:brightness(0) invert(1)!important;
  }

  .search-tags{
    width:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;
    flex-wrap:nowrap!important;
    margin:8px 0 0!important;
    padding:0!important;
    color:#6d6d6d!important;
    overflow:visible!important;
  }

  .search-tags li,
  .search-tags a{
    font-size:13px!important;
    line-height:1.2!important;
    color:#6d6d6d!important;
    white-space:nowrap!important;
  }

  body.search-open .opacity-menu.is-open{
    display:block!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    position:fixed!important;
    inset:155px 0 0 0!important;
    background:rgba(0,0,0,.58)!important;
    z-index:10000!important;
  }

  /* Campaign / section below product */
  .section_banner_new{
    width:100%!important;
    display:block!important;
    padding:0 0 58px!important;
    margin:0!important;
    background:#fff!important;
  }

  .section_banner_new a,
  .section_banner_new picture,
  .section_banner_new img{
    display:block!important;
    width:100%!important;
  }

  .section_banner_new img{
    height:auto!important;
    min-height:0!important;
    object-fit:contain!important;
    object-position:center top!important;
  }

  /* Mobile drawer menu */
  .mobile-drawer{
    display:block!important;
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    max-width:100vw!important;
    height:100dvh!important;
    background:#fff!important;
    color:#000!important;
    z-index:10030!important;
    transform:translateX(-105%)!important;
    transition:transform .25s ease!important;
    padding:30px 32px 108px!important;
    box-shadow:none!important;
    overflow-y:auto!important;
  }

  .mobile-drawer.is-open{
    transform:translateX(0)!important;
  }

  .mobile-drawer::before{
    content:'MENU';
    position:absolute!important;
    left:32px!important;
    top:32px!important;
    color:#000!important;
    font-size:29px!important;
    line-height:1!important;
    font-weight:500!important;
  }

  .drawer-top{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    height:42px!important;
    margin:0 0 50px!important;
  }

  .drawer-logo{
    display:none!important;
  }

  .drawer-close{
    font-size:52px!important;
    line-height:1!important;
    font-weight:200!important;
    color:#000!important;
    padding:0!important;
    margin:0!important;
  }

  .drawer-nav{
    display:grid!important;
    gap:52px!important;
  }

  .drawer-item>a{
    display:flex!important;
    justify-content:space-between!important;
    align-items:center!important;
    font-size:25px!important;
    line-height:1.25!important;
    letter-spacing:0!important;
    font-weight:400!important;
    text-transform:uppercase!important;
    color:#000!important;
  }

  .drawer-sub{
    display:grid!important;
    gap:14px!important;
    margin:20px 0 0 0!important;
    padding-left:20px!important;
  }

  .drawer-sub a{
    font-size:16px!important;
    line-height:1.35!important;
    color:#333!important;
    text-transform:uppercase!important;
  }

  .drawer-account-bar{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    height:66px!important;
    background:#000!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    padding:0 32px!important;
  }

  .drawer-account-btn{
    width:42px!important;
    height:42px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:transparent!important;
    border:0!important;
    padding:0!important;
  }

  .drawer-account-btn img{
    width:36px!important;
    max-width:36px!important;
    height:auto!important;
    filter:brightness(0) invert(1)!important;
  }

  body.drawer-open .opacity-menu.is-open,
  body.cart-open .opacity-menu.is-open{
    inset:0!important;
    background:rgba(0,0,0,.42)!important;
    z-index:10010!important;
    opacity:1!important;
    visibility:visible!important;
  }

  /* Footer */
  .site-footer{
    background:#fff!important;
    padding:68px 0 82px!important;
    margin:0!important;
    color:#000!important;
  }

  .footer-line{
    display:block!important;
    height:1px!important;
    background:#111!important;
    margin:0 0 62px!important;
  }

  .footer-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:48px!important;
    padding:0 22px!important;
    max-width:none!important;
  }

  .site-footer h3{
    display:block!important;
    font-size:20px!important;
    line-height:1.25!important;
    margin:0 0 23px!important;
    font-weight:600!important;
    text-transform:uppercase!important;
    color:#000!important;
  }

  .site-footer p{
    display:block!important;
    font-size:18px!important;
    line-height:1.35!important;
    margin:0 0 42px!important;
    color:#000!important;
  }

  .footer-newsletter form{
    display:grid!important;
    grid-template-columns:1fr auto!important;
    gap:14px!important;
    align-items:center!important;
    width:100%!important;
    max-width:100%!important;
    padding-bottom:16px!important;
    border-bottom:1.4px solid #111!important;
  }

  .footer-newsletter input{
    display:block!important;
    width:100%!important;
    font-size:18px!important;
    line-height:1.2!important;
    color:#777!important;
    background:transparent!important;
  }

  .footer-newsletter button{
    display:block!important;
    font-size:14px!important;
    line-height:1.2!important;
    color:#000!important;
    background:transparent!important;
    white-space:nowrap!important;
  }

  .footer-col ul{
    display:grid!important;
    visibility:visible!important;
    opacity:1!important;
    grid-template-columns:1fr!important;
    gap:13px!important;
    margin:0!important;
    padding:0!important;
    list-style:none!important;
  }

  .footer-col li,
  .footer-col li a{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    font-size:13px!important;
    line-height:1.4!important;
    color:#000!important;
    text-transform:uppercase!important;
  }
}

/* true mobile fine tuning */
@media (max-width:479px){
  body#template-index .ega-header,
  body#template-index .ega-header.is-sticky,
  body#template-index .ega-header.menu-open,
  body#template-index .ega-header.search-active,
  body#template-contact .ega-header,
  body:not(#template-index) .ega-header{
    height:98px!important;
    min-height:98px!important;
  }

  .header-wrap{
    height:98px!important;
    min-height:98px!important;
    padding:0 29px!important;
    gap:16px!important;
  }

  .logo-wrapper{
    width:162px!important;
    min-width:162px!important;
    height:72px!important;
  }

  .logo-img{
    width:162px!important;
    max-width:162px!important;
    max-height:72px!important;
  }

  .header-right{
    gap:19px!important;
  }

  .header-img-bag{width:33px!important;max-width:33px!important}
  .header-img-search{width:38px!important;max-width:38px!important}
  .header-img-menu{width:43px!important;max-width:43px!important}

  .product-strip{
    grid-auto-columns:63%!important;
    gap:10px!important;
  }

  .product-name,
  .price{
    font-size:13px!important;
  }

  .product-nav-arrow{
    width:56px!important;
    height:36px!important;
  }

  .product-nav-prev{
    left:5px!important;
  }

  .product-nav-next{
    right:5px!important;
  }

  .product-nav-arrow .pnav-line{
    width:40px!important;
  }

  .product-nav-arrow .pnav-head{
    width:11px!important;
    height:11px!important;
  }
}

@media (max-width:360px){
  .header-wrap{padding:0 22px!important}
  .logo-wrapper{width:145px!important;min-width:145px!important}
  .logo-img{width:145px!important;max-width:145px!important}
  .header-right{gap:14px!important}
  .header-img-bag{width:29px!important;max-width:29px!important}
  .header-img-search{width:34px!important;max-width:34px!important}
  .header-img-menu{width:38px!important;max-width:38px!important}
  .product-name,.price{font-size:12px!important}
  .drawer-item>a{font-size:23px!important}
}


/* =========================================================
   V31 MOBILE HEADER + DRAWER EXACT REFERENCE PATCH
   Final override. Only true phones are affected.
   Matches the supplied Majou mobile screenshots:
   - 70px header
   - compact bag / search / hamburger icons
   - 15px drawer menu typography
   - reference spacing, chevrons and bottom account bar
   ========================================================= */
@media (max-width:479px){

  :root{--header-h:70px!important}

  /* Header size and fixed/sticky behavior */
  body#template-index .ega-header,
  body#template-index .ega-header.is-sticky,
  body#template-index .ega-header.menu-open,
  body#template-index .ega-header.search-active,
  body#template-contact .ega-header,
  body:not(#template-index) .ega-header{
    top:0!important;
    left:0!important;
    right:0!important;
    height:70px!important;
    min-height:70px!important;
    z-index:300!important;
  }

  body#template-index .ega-header{position:fixed!important}
  body#template-contact .ega-header,
  body:not(#template-index) .ega-header{position:sticky!important}

  body#template-index .ega-header:not(.is-sticky):not(.menu-open):not(.search-active){
    background:transparent!important;
    color:#fff!important;
    box-shadow:none!important;
  }

  body#template-index .ega-header.is-sticky,
  body#template-index .ega-header.menu-open,
  body#template-index .ega-header.search-active,
  body#template-contact .ega-header,
  body:not(#template-index) .ega-header{
    background:#fff!important;
    color:#000!important;
    box-shadow:0 1px 0 rgba(0,0,0,.08)!important;
  }

  body#template-index .ega-header:not(.is-sticky):not(.menu-open):not(.search-active) .logo-white{display:block!important}
  body#template-index .ega-header:not(.is-sticky):not(.menu-open):not(.search-active) .logo-black{display:none!important}
  body#template-index .ega-header:not(.is-sticky):not(.menu-open):not(.search-active) .header-img{filter:brightness(0) invert(1)!important}
  body#template-index .ega-header:not(.is-sticky):not(.menu-open):not(.search-active) .cart-count{color:#fff!important}

  body#template-index .ega-header.is-sticky .logo-white,
  body#template-index .ega-header.menu-open .logo-white,
  body#template-index .ega-header.search-active .logo-white,
  body#template-contact .ega-header .logo-white,
  body:not(#template-index) .ega-header .logo-white{display:none!important}

  body#template-index .ega-header.is-sticky .logo-black,
  body#template-index .ega-header.menu-open .logo-black,
  body#template-index .ega-header.search-active .logo-black,
  body#template-contact .ega-header .logo-black,
  body:not(#template-index) .ega-header .logo-black{display:block!important}

  body#template-index .ega-header.is-sticky .header-img,
  body#template-index .ega-header.menu-open .header-img,
  body#template-index .ega-header.search-active .header-img,
  body#template-contact .ega-header .header-img,
  body:not(#template-index) .ega-header .header-img{filter:none!important}

  .header-wrap{
    height:70px!important;
    min-height:70px!important;
    padding:0 16px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:10px!important;
  }

  .logo-wrapper{
    width:118px!important;
    min-width:118px!important;
    height:48px!important;
    display:flex!important;
    align-items:center!important;
  }

  .logo-img{
    width:118px!important;
    max-width:118px!important;
    max-height:48px!important;
    object-fit:contain!important;
  }

  .navigation--desktop,
  .account-icon{display:none!important}

  .header-right{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:13px!important;
    color:inherit!important;
  }

  .header-icon{
    width:auto!important;
    height:auto!important;
    min-width:0!important;
    min-height:0!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    padding:0!important;
  }

  .cart-icon{order:1!important}
  .search-trigger{order:2!important}
  .menu-bar{order:3!important;display:inline-flex!important}

  .header-img-bag{width:25px!important;max-width:25px!important;height:auto!important}
  .header-img-search{width:29px!important;max-width:29px!important;height:auto!important;right:0!important}
  .header-img-menu{width:33px!important;max-width:33px!important;height:auto!important}

  .cart-count{
    top:-6px!important;
    right:-8px!important;
    font-size:11px!important;
    line-height:1!important;
  }

  /* Search starts immediately below the 70px header */
  .search-panel{
    top:70px!important;
  }

  /* Full-screen mobile menu matching the reference */
  .mobile-drawer{
    display:block!important;
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    max-width:100vw!important;
    height:100dvh!important;
    padding:15px 16px 58px!important;
    background:#fff!important;
    color:#000!important;
    box-shadow:none!important;
    overflow-y:auto!important;
    transform:translateX(-105%)!important;
    transition:transform .24s ease!important;
    z-index:10030!important;
  }

  .mobile-drawer.is-open{transform:translateX(0)!important}

  .mobile-drawer::before{
    content:'MENU'!important;
    position:absolute!important;
    top:17px!important;
    left:16px!important;
    font-family:var(--font)!important;
    font-size:16px!important;
    line-height:1!important;
    font-weight:500!important;
    letter-spacing:0!important;
    color:#000!important;
  }

  .drawer-top{
    height:32px!important;
    margin:0 0 39px!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:flex-end!important;
  }

  .drawer-logo{display:none!important}

  .drawer-close{
    width:28px!important;
    min-width:28px!important;
    height:28px!important;
    min-height:28px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0!important;
    margin:0!important;
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:31px!important;
    line-height:24px!important;
    font-weight:200!important;
    color:#000!important;
  }

  .drawer-nav{
    display:grid!important;
    gap:51px!important;
    margin:0!important;
    padding:0!important;
  }

  .drawer-item{margin:0!important;padding:0!important}

  .drawer-item>a{
    min-height:18px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:18px!important;
    padding:0!important;
    margin:0!important;
    font-family:var(--font)!important;
    font-size:10px!important;
    line-height:1.2!important;
    font-weight:400!important;
    letter-spacing:0!important;
    text-transform:uppercase!important;
    color:#000!important;
  }

  .drawer-item.has-children>a::after{
    content:''!important;
    flex:0 0 auto!important;
    width:7px!important;
    height:7px!important;
    margin-right:10px!important;
    border-top:1px solid #555!important;
    border-right:1px solid #555!important;
    transform:rotate(45deg)!important;
  }

  /* Reference menu shows only the main rows until a section is opened */
  .drawer-sub{display:none!important}

  .drawer-account-bar{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    height:40px!important;
    padding:0 16px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    background:#000!important;
  }

  .drawer-account-btn{
    width:32px!important;
    height:32px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
  }

  .drawer-account-btn img{
    width:24px!important;
    max-width:24px!important;
    height:auto!important;
    filter:brightness(0) invert(1)!important;
  }
}

@media (max-width:360px){
  .header-wrap{padding:0 13px!important}
  .logo-wrapper{width:108px!important;min-width:108px!important}
  .logo-img{width:108px!important;max-width:108px!important}
  .header-right{gap:10px!important}
  .header-img-bag{width:23px!important;max-width:23px!important}
  .header-img-search{width:26px!important;max-width:26px!important}
  .header-img-menu{width:30px!important;max-width:30px!important}
  .drawer-item>a{font-size:14px!important}
}

/* =========================================================
   V32 FINAL MOBILE SCREENSHOT MATCH
   Reference checked against the supplied 738 × 1600 captures.
   Only true-phone layout is changed. Desktop remains untouched.
   ========================================================= */
@media (max-width:479px){

  :root{
    --header-h:66px!important;
    --mobile-edge:12px;
  }

  /* 1) HEADER — compact logo/icons and no account icon */
  body#template-index .ega-header,
  body#template-index .ega-header.is-sticky,
  body#template-index .ega-header.menu-open,
  body#template-index .ega-header.search-active,
  body#template-contact .ega-header,
  body:not(#template-index) .ega-header{
    height:66px!important;
    min-height:66px!important;
  }

  .header-wrap{
    height:66px!important;
    min-height:66px!important;
    padding:0 16px!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:10px!important;
  }

  .logo-wrapper{
    width:110px!important;
    min-width:110px!important;
    height:52px!important;
  }

  .logo-img{
    width:110px!important;
    max-width:110px!important;
    max-height:52px!important;
    object-fit:contain!important;
  }

  .account-icon{
    display:none!important;
    visibility:hidden!important;
  }

  .header-right{
    gap:14px!important;
  }

  .header-img-bag{
    width:22px!important;
    max-width:22px!important;
  }

  .header-img-search{
    width:25px!important;
    max-width:25px!important;
    right:0!important;
  }

  .header-img-menu{
    width:28px!important;
    max-width:28px!important;
  }

  .cart-count{
    top:-5px!important;
    right:-7px!important;
    font-size:10px!important;
    font-weight:400!important;
  }

  /* 2) SEARCH — replaces the header while open, same pill/alignment */
  .search-panel{
    position:fixed!important;
    z-index:10050!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    height:126px!important;
    min-height:126px!important;
    padding:30px 10px 13px!important;
    margin:0!important;
    background:#fff!important;
    color:#000!important;
    box-shadow:0 1px 0 rgba(0,0,0,.04)!important;
    overflow:hidden!important;
    transform:translateY(-105%)!important;
    transition:transform .24s ease!important;
  }

  .search-panel.is-open{
    transform:translateY(0)!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }

  .search-panel-inner{
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    padding:0!important;
    margin:0!important;
  }

  .search-form{
    width:100%!important;
    max-width:none!important;
    height:46px!important;
    min-height:46px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 44px!important;
    align-items:center!important;
    padding:0 0 0 16px!important;
    margin:0!important;
    border:1px solid #202020!important;
    border-radius:25px!important;
    background:#fff!important;
    overflow:hidden!important;
  }

  .search-form input,
  .search-form input:focus{
    width:100%!important;
    height:44px!important;
    min-height:44px!important;
    line-height:44px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    background:transparent!important;
    color:#222!important;
    font-family:var(--font)!important;
    font-size:13px!important;
    font-weight:400!important;
    letter-spacing:0!important;
    text-overflow:ellipsis!important;
  }

  .search-form input::placeholder{
    color:#777!important;
    opacity:1!important;
  }

  .search-form button{
    width:44px!important;
    height:44px!important;
    min-height:44px!important;
    margin:0 0 0 auto!important;
    padding:0!important;
    border-radius:50%!important;
    background:#252525!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  .search-submit-img{
    width:22px!important;
    max-width:22px!important;
    right:0!important;
    filter:brightness(0) invert(1)!important;
  }

  .search-tags{
    width:100%!important;
    max-width:none!important;
    min-height:17px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex-wrap:nowrap!important;
    gap:9px!important;
    margin:5px 0 0!important;
    padding:0!important;
    overflow:hidden!important;
    list-style:none!important;
  }

  .search-tags li,
  .search-tags a{
    flex:0 0 auto!important;
    color:#777!important;
    font-family:var(--font)!important;
    font-size:11px!important;
    line-height:17px!important;
    font-weight:400!important;
    white-space:nowrap!important;
  }

  body.search-open .opacity-menu.is-open{
    display:block!important;
    position:fixed!important;
    inset:126px 0 0 0!important;
    z-index:10040!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    background:rgba(0,0,0,.62)!important;
  }

  /* 3) PRODUCT SLIDER — one full card plus the next-card preview */
  .section_product_new{
    padding:24px 0 0!important;
    margin:0!important;
    background:#fff!important;
  }

  .edge-container{
    width:100%!important;
    max-width:none!important;
    padding:0 var(--mobile-edge)!important;
    margin:0!important;
  }

  .product-strip-wrap{
    position:relative!important;
    overflow:hidden!important;
    --product-arrow-top:46.5%!important;
  }

  .product-strip{
    display:grid!important;
    grid-auto-flow:column!important;
    grid-auto-columns:66%!important;
    gap:5px!important;
    padding:0!important;
    margin:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    scroll-behavior:smooth!important;
    scrollbar-width:none!important;
    overscroll-behavior-x:contain!important;
  }

  .product-strip::-webkit-scrollbar{
    display:none!important;
  }

  .product-col{
    min-width:0!important;
    scroll-snap-align:start!important;
  }

  .image_thumb{
    width:100%!important;
    aspect-ratio:2/3!important;
    background:#eef3f8!important;
    overflow:hidden!important;
  }

  .image_thumb img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center top!important;
  }

  .product-info{
    min-height:55px!important;
    padding:10px 0 18px!important;
    background:#fff!important;
  }

  .product-name{
    display:block!important;
    margin:0 0 5px!important;
    font-family:var(--font)!important;
    font-size:11px!important;
    line-height:1.25!important;
    font-weight:400!important;
    letter-spacing:0!important;
    text-transform:uppercase!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  .price{
    display:block!important;
    font-family:var(--font)!important;
    font-size:10.5px!important;
    line-height:1.25!important;
    font-weight:400!important;
    letter-spacing:0!important;
  }

  .product-nav-arrow{
    top:46.5%!important;
    width:38px!important;
    height:28px!important;
    opacity:.9!important;
    transition:opacity .15s ease!important;
  }

  .product-nav-prev{
    left:1px!important;
  }

  .product-nav-next{
    right:1px!important;
  }

  .product-nav-arrow .pnav-line{
    width:28px!important;
    height:1px!important;
  }

  .product-nav-arrow .pnav-head{
    width:9px!important;
    height:9px!important;
  }

  .product-nav-prev .pnav-line,
  .product-nav-prev .pnav-head{
    left:5px!important;
  }

  .product-nav-next .pnav-line,
  .product-nav-next .pnav-head{
    right:5px!important;
  }

  .product-nav-arrow:disabled,
  .product-nav-arrow[aria-disabled="true"]{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }

  /* Banner-to-footer spacing visible in the reference */
  .section_banner_new{
    padding:0 0 40px!important;
  }

  /* 4) FOOTER — exact single-column typography and spacing */
  .site-footer,
  .site-footer.contact-footer{
    margin:0!important;
    padding:0 0 72px!important;
    background:#fff!important;
    color:#000!important;
  }

  .footer-line{
    display:block!important;
    width:100%!important;
    height:1px!important;
    margin:0 0 58px!important;
    background:#111!important;
  }

  .footer-grid{
    width:100%!important;
    max-width:none!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:70px!important;
    margin:0!important;
    padding:0 10px!important;
  }

  .site-footer h3{
    display:block!important;
    margin:0 0 28px!important;
    color:#000!important;
    font-family:var(--font)!important;
    font-size:15px!important;
    line-height:1.25!important;
    font-weight:500!important;
    letter-spacing:-.1px!important;
    text-transform:uppercase!important;
  }

  .site-footer p{
    display:block!important;
    max-width:340px!important;
    margin:0 0 33px!important;
    color:#000!important;
    font-family:var(--font)!important;
    font-size:13px!important;
    line-height:1.55!important;
    font-weight:400!important;
    letter-spacing:0!important;
  }

  .footer-newsletter form{
    width:100%!important;
    max-width:none!important;
    height:45px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:12px!important;
    margin:0!important;
    padding:0 2px 9px 0!important;
    border:0!important;
    border-bottom:1px solid #111!important;
  }

  .footer-newsletter input{
    width:100%!important;
    min-width:0!important;
    height:34px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    color:#777!important;
    font-family:var(--font)!important;
    font-size:12px!important;
    line-height:34px!important;
    font-weight:400!important;
  }

  .footer-newsletter button{
    padding:0!important;
    margin:0!important;
    color:#333!important;
    background:transparent!important;
    font-family:var(--font)!important;
    font-size:10px!important;
    line-height:34px!important;
    font-weight:400!important;
    white-space:nowrap!important;
    text-transform:uppercase!important;
  }

  .footer-col{
    display:block!important;
    margin:0!important;
    padding:0!important;
  }

  .footer-col h3{
    margin-bottom:31px!important;
  }

  .footer-col ul{
    display:grid!important;
    visibility:visible!important;
    opacity:1!important;
    grid-template-columns:1fr!important;
    gap:24px!important;
    margin:0!important;
    padding:0!important;
    list-style:none!important;
  }

  .footer-col li,
  .footer-col li a{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    margin:0!important;
    padding:0!important;
    color:#111!important;
    font-family:var(--font)!important;
    font-size:11px!important;
    line-height:1.3!important;
    font-weight:400!important;
    letter-spacing:0!important;
    text-transform:uppercase!important;
    text-decoration:none!important;
  }
}

@media (max-width:360px){
  .logo-wrapper{width:104px!important;min-width:104px!important}
  .logo-img{width:104px!important;max-width:104px!important}
  .header-right{gap:12px!important}
  .header-img-bag{width:21px!important;max-width:21px!important}
  .header-img-search{width:24px!important;max-width:24px!important}
  .header-img-menu{width:27px!important;max-width:27px!important}
  .search-tags{gap:8px!important}
  .search-tags li,.search-tags a{font-size:10.5px!important}
}

/* =========================================================
   V33 MOBILE FOOTER ACCORDION
   CUSTOMER SUPPORT and INFORMATION remain collapsed on mobile
   and open independently when their heading is clicked.
   Desktop footer remains unchanged and fully expanded.
   ========================================================= */
@media (max-width:479px){
  .footer-accordion{
    display:block!important;
    width:100%!important;
  }

  .footer-accordion .footer-toggle{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    cursor:pointer!important;
    user-select:none!important;
    -webkit-user-select:none!important;
    outline:0!important;
    touch-action:manipulation!important;
  }

  .footer-accordion .footer-toggle:focus-visible{
    outline:1px solid #111!important;
    outline-offset:5px!important;
  }

  .footer-accordion .footer-panel{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:24px!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:max-height .32s ease, margin-top .32s ease, opacity .2s ease, visibility 0s linear .32s!important;
  }

  .footer-accordion.is-open .footer-panel{
    max-height:430px!important;
    margin-top:31px!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transition:max-height .32s ease, margin-top .32s ease, opacity .22s ease, visibility 0s linear 0s!important;
  }
}

@media (min-width:480px){
  .footer-accordion .footer-toggle{
    cursor:default!important;
  }

  .footer-accordion .footer-panel{
    max-height:none!important;
    opacity:1!important;
    visibility:visible!important;
    overflow:visible!important;
    pointer-events:auto!important;
  }
}

/* =========================================================
   V34 MOBILE FOOTER SPACING REDUCTION
   Keeps the same footer design and accordion behavior while
   reducing the excessive vertical gaps shown on small screens.
   ========================================================= */
@media (max-width:479px){
  .site-footer,
  .site-footer.contact-footer{
    padding-bottom:42px!important;
  }

  .footer-line{
    margin-bottom:32px!important;
  }

  .footer-grid{
    gap:34px!important;
  }

  .site-footer h3{
    margin-bottom:18px!important;
  }

  .site-footer p{
    margin-bottom:22px!important;
  }

  .footer-newsletter form{
    height:40px!important;
    padding-bottom:7px!important;
  }

  .footer-accordion .footer-toggle{
    margin:0!important;
  }

  .footer-accordion .footer-panel{
    gap:18px!important;
  }

  .footer-accordion.is-open .footer-panel{
    margin-top:18px!important;
  }
}

/* =========================================================
   V35 MOBILE SEARCH HEADER EXACT MATCH
   - Search panel replaces/covers the website header on phones.
   - The panel starts at the very top of the website viewport.
   - Rounded field, circular black button and thin white search icon
     match the supplied mobile reference.
   - The dark overlay starts immediately below the search panel.
   ========================================================= */
@media (max-width:479px){
  body.search-open,
  body.search-reference-open{
    overflow:hidden!important;
  }

  /* Completely remove the normal header while search is open. */
  body.search-open .ega-header,
  body.search-reference-open .ega-header{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:none!important;
  }

  /* Search occupies the top/header area rather than opening below it. */
  body .search-panel,
  body.search-open .search-panel,
  body.search-reference-open .search-panel{
    position:fixed!important;
    z-index:10060!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    max-width:none!important;
    height:126px!important;
    min-height:126px!important;
    padding:29px 10px 12px!important;
    margin:0!important;
    background:#fff!important;
    color:#000!important;
    box-shadow:0 1px 0 rgba(0,0,0,.04)!important;
    overflow:hidden!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateY(-105%)!important;
    transition:transform .24s ease, opacity .18s ease, visibility .18s ease!important;
  }

  body .search-panel.is-open,
  body.search-open .search-panel.is-open,
  body.search-reference-open .search-panel.is-open{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateY(0)!important;
  }

  .search-panel-inner{
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    padding:0!important;
    margin:0!important;
  }

  .search-close{
    display:none!important;
  }

  .search-form{
    width:100%!important;
    max-width:none!important;
    height:47px!important;
    min-height:47px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 45px!important;
    align-items:center!important;
    padding:0 0 0 17px!important;
    margin:0!important;
    border:1px solid #222!important;
    border-radius:25px!important;
    background:#fff!important;
    overflow:hidden!important;
    box-shadow:none!important;
  }

  .search-form input,
  .search-form input:focus{
    width:100%!important;
    height:45px!important;
    min-height:45px!important;
    line-height:45px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    background:transparent!important;
    color:#222!important;
    font-family:var(--font)!important;
    font-size:13px!important;
    font-weight:400!important;
    letter-spacing:0!important;
    text-overflow:ellipsis!important;
  }

  .search-form input::placeholder{
    color:#777!important;
    opacity:1!important;
  }

  .search-form button{
    position:relative!important;
    width:45px!important;
    height:45px!important;
    min-width:45px!important;
    min-height:45px!important;
    display:block!important;
    align-self:center!important;
    justify-self:end!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:50%!important;
    background:#252525!important;
    overflow:hidden!important;
    box-shadow:none!important;
  }

  /* Hide the source image and draw the exact thin icon in CSS. */
  .search-form button .search-submit-img{
    display:none!important;
  }

  .search-form button::before{
    content:""!important;
    position:absolute!important;
    top:50%!important;
    left:50%!important;
    width:18px!important;
    height:18px!important;
    border:1.35px solid #fff!important;
    border-radius:50%!important;
    background:transparent!important;
    transform:translate(-58%,-58%)!important;
    box-sizing:border-box!important;
  }

  .search-form button::after{
    content:""!important;
    position:absolute!important;
    top:50%!important;
    left:50%!important;
    width:9px!important;
    height:1.35px!important;
    border:0!important;
    border-radius:1px!important;
    background:#fff!important;
    transform:translate(4px,7px) rotate(45deg)!important;
    transform-origin:left center!important;
  }

  .search-tags{
    width:100%!important;
    max-width:none!important;
    min-height:18px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex-wrap:nowrap!important;
    gap:9px!important;
    margin:5px 0 0!important;
    padding:0!important;
    overflow:hidden!important;
    list-style:none!important;
  }

  .search-tags li,
  .search-tags a{
    flex:0 0 auto!important;
    color:#777!important;
    font-family:var(--font)!important;
    font-size:12px!important;
    line-height:18px!important;
    font-weight:400!important;
    letter-spacing:0!important;
    white-space:nowrap!important;
  }

  /* Overlay starts below the 126px search block, never below the old header. */
  body.search-open .opacity-menu.is-open,
  body.search-reference-open .opacity-menu.is-open{
    display:block!important;
    position:fixed!important;
    z-index:10050!important;
    inset:126px 0 0 0!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    background:rgba(0,0,0,.62)!important;
  }
}

@media (max-width:360px){
  .search-form{padding-left:15px!important}
  .search-form input,.search-form input:focus{font-size:12.5px!important}
  .search-tags{gap:8px!important}
  .search-tags li,.search-tags a{font-size:11px!important}
}


/* =========================================================
   V36 MOBILE SEARCH INPUT + ICON EXACT OVERRIDE
   This block intentionally uses stronger selectors than all
   previous search experiments, so no older mobile rule can shrink
   the field, add inner padding, hide the overlay, or clip the icon.
   ========================================================= */
@media (max-width:479px){
  html body.search-open,
  html body.search-reference-open{
    overflow:hidden!important;
  }

  html body.search-open .ega-header,
  html body.search-reference-open .ega-header{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }

  html body.search-open #searchPanel.search-panel.is-open,
  html body.search-reference-open #searchPanel.search-panel.is-open{
    position:fixed!important;
    z-index:10060!important;
    inset:0 0 auto 0!important;
    width:100%!important;
    max-width:none!important;
    height:126px!important;
    min-height:126px!important;
    padding:30px 10px 12px!important;
    margin:0!important;
    background:#fff!important;
    color:#000!important;
    box-shadow:0 1px 0 rgba(0,0,0,.04)!important;
    overflow:hidden!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
  }

  html body.search-open #searchPanel .search-panel-inner,
  html body.search-reference-open #searchPanel .search-panel-inner{
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
  }

  html body.search-open #searchPanel .search-form.custom-input-group,
  html body.search-reference-open #searchPanel .search-form.custom-input-group{
    width:100%!important;
    max-width:none!important;
    height:48px!important;
    min-height:48px!important;
    max-height:48px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 46px!important;
    align-items:center!important;
    margin:0!important;
    padding:0 1px 0 17px!important;
    border:1px solid #202020!important;
    border-radius:25px!important;
    background:#fff!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }

  html body.search-open #searchPanel .search-form input[type="text"],
  html body.search-open #searchPanel .search-form input[type="text"]:focus,
  html body.search-reference-open #searchPanel .search-form input[type="text"],
  html body.search-reference-open #searchPanel .search-form input[type="text"]:focus{
    width:100%!important;
    min-width:0!important;
    height:46px!important;
    min-height:46px!important;
    max-height:46px!important;
    line-height:46px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    background:transparent!important;
    color:#222!important;
    font-family:var(--font)!important;
    font-size:13.5px!important;
    font-weight:400!important;
    letter-spacing:0!important;
  }

  html body.search-open #searchPanel .search-form input[type="text"]::placeholder,
  html body.search-reference-open #searchPanel .search-form input[type="text"]::placeholder{
    color:#777!important;
    opacity:1!important;
  }

  html body.search-open #searchPanel .search-form button[type="submit"],
  html body.search-reference-open #searchPanel .search-form button[type="submit"]{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    justify-self:end!important;
    align-self:center!important;
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    margin:0 1px 0 0!important;
    padding:0!important;
    border:0!important;
    border-radius:50%!important;
    background:#262626!important;
    box-shadow:none!important;
    overflow:visible!important;
  }

  /* Turn off every old pseudo-element icon implementation. */
  html body.search-open #searchPanel .search-form button[type="submit"]::before,
  html body.search-open #searchPanel .search-form button[type="submit"]::after,
  html body.search-reference-open #searchPanel .search-form button[type="submit"]::before,
  html body.search-reference-open #searchPanel .search-form button[type="submit"]::after{
    content:none!important;
    display:none!important;
  }

  html body.search-open #searchPanel .search-icon-svg,
  html body.search-reference-open #searchPanel .search-icon-svg{
    display:block!important;
    width:28px!important;
    min-width:28px!important;
    max-width:28px!important;
    height:28px!important;
    min-height:28px!important;
    max-height:28px!important;
    overflow:visible!important;
    fill:none!important;
    stroke:#fff!important;
    stroke-width:1.2!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
    pointer-events:none!important;
  }

  html body.search-open #searchPanel .search-tags,
  html body.search-reference-open #searchPanel .search-tags{
    width:100%!important;
    max-width:none!important;
    min-height:18px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex-wrap:nowrap!important;
    gap:9px!important;
    margin:5px 0 0!important;
    padding:0!important;
    overflow:hidden!important;
    list-style:none!important;
  }

  html body.search-open #searchPanel .search-tags li,
  html body.search-open #searchPanel .search-tags a,
  html body.search-reference-open #searchPanel .search-tags li,
  html body.search-reference-open #searchPanel .search-tags a{
    flex:0 0 auto!important;
    margin:0!important;
    padding:0!important;
    color:#777!important;
    font-family:var(--font)!important;
    font-size:12px!important;
    line-height:18px!important;
    font-weight:400!important;
    letter-spacing:0!important;
    white-space:nowrap!important;
  }

  /* Override the older high-specificity rule that disabled search dimming. */
  html body#template-index.search-open:not(.drawer-open):not(.cart-open) .opacity-menu.is-open,
  html body#template-index.search-reference-open:not(.drawer-open):not(.cart-open) .opacity-menu.is-open,
  html body#template-contact.search-open:not(.drawer-open):not(.cart-open) .opacity-menu.is-open,
  html body#template-contact.search-reference-open:not(.drawer-open):not(.cart-open) .opacity-menu.is-open{
    display:block!important;
    position:fixed!important;
    z-index:10050!important;
    inset:126px 0 0 0!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    background:rgba(0,0,0,.62)!important;
  }
}

@media (max-width:360px){
  html body.search-open #searchPanel.search-panel.is-open,
  html body.search-reference-open #searchPanel.search-panel.is-open{
    padding-left:9px!important;
    padding-right:9px!important;
  }
  html body.search-open #searchPanel .search-form.custom-input-group,
  html body.search-reference-open #searchPanel .search-form.custom-input-group{
    padding-left:15px!important;
  }
  html body.search-open #searchPanel .search-form input[type="text"],
  html body.search-reference-open #searchPanel .search-form input[type="text"]{
    font-size:12.5px!important;
  }
  html body.search-open #searchPanel .search-tags,
  html body.search-reference-open #searchPanel .search-tags{
    gap:8px!important;
  }
  html body.search-open #searchPanel .search-tags li,
  html body.search-open #searchPanel .search-tags a,
  html body.search-reference-open #searchPanel .search-tags li,
  html body.search-reference-open #searchPanel .search-tags a{
    font-size:11px!important;
  }
}


/* =========================================================
   V39 DESKTOP SEARCH ICON + IMMEDIATE INPUT FOCUS
   Scope: desktop search button only. Existing desktop layout,
   mobile search design, header, slider and footer are unchanged.
   ========================================================= */
@media (min-width:992px){
  html body.search-open #searchPanel .search-form button[type="submit"],
  html body.search-reference-open #searchPanel .search-form button[type="submit"]{
    color:#fff!important;
    overflow:visible!important;
  }

  html body.search-open #searchPanel .search-form button[type="submit"]::before,
  html body.search-open #searchPanel .search-form button[type="submit"]::after,
  html body.search-reference-open #searchPanel .search-form button[type="submit"]::before,
  html body.search-reference-open #searchPanel .search-form button[type="submit"]::after{
    content:none!important;
    display:none!important;
  }

  html body.search-open #searchPanel .search-icon-svg,
  html body.search-reference-open #searchPanel .search-icon-svg{
    position:relative!important;
    z-index:2!important;
    display:block!important;
    width:20px!important;
    min-width:20px!important;
    max-width:20px!important;
    height:20px!important;
    min-height:20px!important;
    max-height:20px!important;
    overflow:visible!important;
    color:#fff!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.4!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:none!important;
  }

  html body.search-open #searchPanel .search-icon-svg circle,
  html body.search-open #searchPanel .search-icon-svg path,
  html body.search-reference-open #searchPanel .search-icon-svg circle,
  html body.search-reference-open #searchPanel .search-icon-svg path{
    display:block!important;
    fill:none!important;
    stroke:currentColor!important;
    opacity:1!important;
    visibility:visible!important;
  }
}

/* =========================================================
   V42 MOBILE DRAWER DROPDOWN FUNCTIONAL FIX
   Functional state only; existing menu design remains unchanged.
   ========================================================= */
@media (max-width:991px){
  .mobile-drawer .drawer-item.has-children.is-open > .drawer-sub{
    display:grid!important;
  }

  .mobile-drawer .drawer-item.has-children.is-open > a::after{
    transform:rotate(135deg)!important;
  }
}

/* =========================================================
   V43 MOBILE DRAWER CLOSE ICON WEIGHT FIX
   Replaces the font glyph with two 1px lines to match the thin
   reference close icon. Button size and menu layout are unchanged.
   ========================================================= */
@media (max-width:991px){
  .mobile-drawer .drawer-close{
    position:relative!important;
    font-size:0!important;
    line-height:0!important;
    color:transparent!important;
    overflow:visible!important;
  }

  .mobile-drawer .drawer-close::before,
  .mobile-drawer .drawer-close::after{
    content:""!important;
    position:absolute!important;
    top:50%!important;
    left:50%!important;
    width:22px!important;
    height:1px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:#000!important;
    transform-origin:center!important;
    pointer-events:none!important;
  }

  .mobile-drawer .drawer-close::before{
    transform:translate(-50%,-50%) rotate(45deg)!important;
  }

  .mobile-drawer .drawer-close::after{
    transform:translate(-50%,-50%) rotate(-45deg)!important;
  }
}