:root{
  --sy-navy:#081934;
  --sy-navy2:#1E2D49;
  --sy-orange:#FC6612;
  --sy-sand:#D5B299;
  --sy-card:#FBFAF8;
  --sy-border:#E8E3DC;
}

/* Avoid duplicate Woo gallery sale flash */
.single-product .elementor-widget-woocommerce-product-images .onsale,
.single-product .woocommerce-product-gallery .onsale{
  display:none!important;
}

/* WISHLIST */
.sy-wishlist-button{
  appearance:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  padding:0;
  border:1px solid #DFE3E8;
  border-radius:50%;
  background:#fff;
  color:var(--sy-navy);
  cursor:pointer;
  box-shadow:0 3px 12px rgba(8,25,52,.05);
  transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease;
}
.sy-wishlist-button svg{width:21px;height:21px}
.sy-wishlist-button:hover{
  border-color:var(--sy-orange);
  color:var(--sy-orange);
  transform:translateY(-1px);
}
.sy-wishlist-button.is-active{
  background:var(--sy-orange);
  border-color:var(--sy-orange);
  color:#fff;
}
.sy-wishlist-button.is-active svg path{fill:currentColor}
.products li.product{position:relative!important}
.sy-wishlist-loop{
  position:absolute;
  z-index:25;
  top:12px;
  right:12px;
  width:38px;
  height:38px;
}
.sy-wishlist-single{
  flex:0 0 auto;
  width:44px;
  height:44px;
}
.sy-wishlist-page{min-height:180px}
.sy-wishlist-loading,.sy-wishlist-empty{
  padding:36px;
  text-align:center;
  border:1px solid var(--sy-border);
  border-radius:12px;
  background:linear-gradient(180deg,#fbfaf8,#fff);
  color:#667085;
}

/* GLOBAL PRODUCT NOTE */
.sy-product-note{
  display:flex;
  align-items:flex-start;
  gap:10px;
  width:100%;
  padding:12px 14px;
  border:1px solid #F3D7C6;
  border-left:3px solid var(--sy-orange);
  border-radius:8px;
  background:#FFF9F5;
  box-sizing:border-box;
}
.sy-product-note-mark{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  width:20px;
  height:20px;
  border-radius:50%;
  background:var(--sy-orange);
  color:#fff;
  font:800 11px/1 Inter,Arial,sans-serif;
}
.sy-product-note p{
  margin:0;
  color:#606A78;
  font:500 11.5px/1.55 Inter,Arial,sans-serif;
}

/* MOVING STRIP */
.sy-product-marquee{
  width:100%;
  overflow:hidden;
  background:#F4F7F6;
  border-top:1px solid #E8EFEC;
  border-bottom:1px solid #E8EFEC;
  padding:15px 0;
}
.sy-product-marquee-track{
  display:flex;
  width:max-content;
  align-items:center;
  animation:syPxMarquee 28s linear infinite;
}
.sy-product-marquee-track span{
  display:flex;
  align-items:center;
  gap:18px;
  white-space:nowrap;
  padding:0 36px;
  color:#1D2939;
  font:700 13px/1 Inter,Arial,sans-serif;
}
.sy-product-marquee-track b{
  color:var(--sy-orange);
  font-size:7px;
}
@keyframes syPxMarquee{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}
@media(prefers-reduced-motion:reduce){
  .sy-product-marquee-track{animation:none}
}

/* BENEFITS */
.sy-product-benefits{text-align:center}
.sy-px-kicker{
  margin-bottom:8px;
  color:#D5A785;
  font:800 10px/1.2 Inter,Arial,sans-serif;
  letter-spacing:1.7px;
  text-transform:uppercase;
}
.sy-product-benefits>h2,
.sy-product-faq>h2,
.sy-px-products-title{
  margin:0 0 32px;
  color:var(--sy-navy);
  font-family:"Playfair Display",Georgia,serif;
  font-size:clamp(34px,3vw,46px);
  font-weight:500;
  line-height:1.1;
}
.sy-product-benefits-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:26px;
}
.sy-product-benefit-card{
  padding:30px 26px;
  border:1px solid #ECE8E2;
  border-radius:14px;
  background:linear-gradient(180deg,#fbfaf8,#fff);
}
.sy-product-benefit-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:58px;
  height:58px;
  margin:0 auto 18px;
  border-radius:50%;
  background:#FFF2EA;
  color:var(--sy-orange);
}
.sy-product-benefit-icon svg{width:28px;height:28px}
.sy-product-benefit-card h3{
  margin:0 0 9px;
  color:var(--sy-navy);
  font:800 17px/1.25 Inter,Arial,sans-serif;
}
.sy-product-benefit-card p{
  max-width:330px;
  margin:0 auto;
  color:#737D8C;
  font:400 13px/1.65 Inter,Arial,sans-serif;
}

/* FAQ */
.sy-product-faq{text-align:center}
.sy-product-faq-list{
  max-width:1120px;
  margin:0 auto;
  text-align:left;
  border-top:1px solid #E9E6E1;
}
.sy-product-faq details{
  border-bottom:1px solid #E9E6E1;
}
.sy-product-faq summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:22px 0;
  color:var(--sy-navy);
  font:700 17px/1.35 Inter,Arial,sans-serif;
  list-style:none;
  cursor:pointer;
}
.sy-product-faq summary::-webkit-details-marker{display:none}
.sy-product-faq summary span{
  flex:0 0 auto;
  font-size:22px;
  font-weight:400;
  transition:transform .2s ease;
}
.sy-product-faq details[open] summary span{transform:rotate(45deg)}
.sy-product-faq-answer{
  padding:0 0 22px;
  color:#667085;
  font:400 13.5px/1.75 Inter,Arial,sans-serif;
}

/* RECENTLY VIEWED + FAVORITES PRODUCT GRID */
.sy-recently-viewed .sy-px-products-title,
.sy-wishlist-page .sy-px-products-title{
  margin-bottom:26px;
}
.sy-px-products-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:22px!important;
  margin:0!important;
  padding:0!important;
}
.sy-px-products-grid:before,.sy-px-products-grid:after{display:none!important}
.sy-px-products-grid li.product{
  width:auto!important;
  max-width:none!important;
  float:none!important;
  margin:0!important;
  padding:0 0 18px!important;
  min-height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  background:linear-gradient(180deg,#fbfaf8,#fff)!important;
  border:1px solid var(--sy-border)!important;
  border-radius:14px!important;
  overflow:hidden!important;
  box-shadow:none!important;
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease!important;
}
.sy-px-products-grid li.product:hover{
  transform:translateY(-5px)!important;
  border-color:#DCC8A9!important;
  box-shadow:0 18px 34px rgba(8,25,52,.08)!important;
}
.sy-px-products-grid li.product a.woocommerce-LoopProduct-link{
  display:flex!important;
  flex-direction:column!important;
  flex:1 1 auto!important;
  color:inherit!important;
}
.sy-px-products-grid li.product a img{
  width:100%!important;
  height:330px!important;
  min-height:330px!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  margin:0!important;
  padding:28px 16px 0!important;
  background:linear-gradient(180deg,#fbfaf8,#fff)!important;
  box-sizing:border-box!important;
}
.sy-px-products-grid li.product .woocommerce-loop-product__title{
  padding:16px 16px 0!important;
  margin:0!important;
  min-height:58px!important;
  color:var(--sy-navy)!important;
  font:700 14px/1.45 Inter,Arial,sans-serif!important;
}
.sy-px-products-grid li.product .price{
  padding:0 16px!important;
  margin:8px 0 0!important;
  color:var(--sy-navy)!important;
  font:800 18px/1.25 Inter,Arial,sans-serif!important;
}
.sy-px-products-grid li.product .price del{
  color:#8B93A1!important;
  opacity:.55!important;
  font-size:12px!important;
}
.sy-px-products-grid li.product .price ins{
  color:var(--sy-navy)!important;
  text-decoration:none!important;
}
.sy-px-products-grid li.product .onsale{
  top:14px!important;
  left:14px!important;
  right:auto!important;
  min-width:auto!important;
  min-height:auto!important;
  padding:6px 9px!important;
  border-radius:5px!important;
  background:var(--sy-orange)!important;
  color:#fff!important;
  font:800 9px/1 Inter,Arial,sans-serif!important;
}
.sy-px-products-grid li.product .variable-items-wrapper[data-attribute_name="attribute_pa_size"],
.sy-px-products-grid li.product .variable-items-wrapper[data-attribute_name="attribute_size"],
.sy-px-products-grid li.product tr.attribute_pa_size,
.sy-px-products-grid li.product tr.attribute_size,
.sy-px-products-grid li.product .attribute_pa_size,
.sy-px-products-grid li.product .attribute_size{
  display:none!important;
}
.sy-px-products-grid li.product a.button,
.sy-px-products-grid li.product button.button{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:calc(100% - 32px)!important;
  min-height:44px!important;
  margin:auto 16px 0!important;
  padding:13px 14px!important;
  border:0!important;
  border-radius:6px!important;
  background:var(--sy-navy)!important;
  color:#fff!important;
  font:800 10.5px/1 Inter,Arial,sans-serif!important;
  letter-spacing:.4px!important;
  text-transform:uppercase!important;
}
.sy-px-products-grid li.product a.button:hover,
.sy-px-products-grid li.product button.button:hover{
  background:var(--sy-orange)!important;
  color:#fff!important;
}

@media(max-width:1100px){
  .sy-product-benefits-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sy-px-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:767px){
  .sy-product-benefits-grid{grid-template-columns:1fr}
  .sy-product-faq summary{font-size:15px}
  .sy-px-products-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }
  .sy-px-products-grid li.product a img{
    height:230px!important;
    min-height:230px!important;
  }
}
@media(max-width:479px){
  .sy-px-products-grid{grid-template-columns:1fr!important}
  .sy-px-products-grid li.product a img{
    height:320px!important;
    min-height:320px!important;
  }
}


/* =========================================================
   CUSTOM PRODUCT IMAGE LIGHTBOX — V1.1
   ========================================================= */
html.sy-lightbox-open,
body.sy-lightbox-open{
  overflow:hidden!important;
}

.single-product .woocommerce-product-gallery__image a,
.single-product .woocommerce-product-gallery__image img{
  cursor:zoom-in!important;
}

.sy-product-lightbox{
  position:fixed;
  inset:0;
  z-index:999999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:24px;
}
.sy-product-lightbox.is-open{
  display:flex;
}
.sy-product-lightbox__backdrop{
  position:absolute;
  inset:0;
  background:rgba(4,13,28,.88);
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
}
.sy-product-lightbox__dialog{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:center;
  width:min(94vw,1180px);
  height:min(92vh,900px);
  border-radius:16px;
}
.sy-product-lightbox__stage{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
}
.sy-product-lightbox__image{
  display:block;
  max-width:100%;
  max-height:88vh;
  width:auto;
  height:auto;
  object-fit:contain;
  border-radius:10px;
  background:#fff;
  box-shadow:0 28px 70px rgba(0,0,0,.28);
}
.sy-product-lightbox__close,
.sy-product-lightbox__nav{
  appearance:none;
  position:absolute;
  z-index:4;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.28);
  background:rgba(8,25,52,.76);
  color:#fff;
  cursor:pointer;
  box-shadow:none;
  transition:background .18s ease,transform .18s ease;
}
.sy-product-lightbox__close:hover,
.sy-product-lightbox__nav:hover{
  background:#FC6612;
  color:#fff;
}
.sy-product-lightbox__close{
  top:8px;
  right:8px;
  width:46px;
  height:46px;
  border-radius:50%;
  font:400 34px/1 Arial,sans-serif;
}
.sy-product-lightbox__nav{
  top:50%;
  width:48px;
  height:58px;
  margin-top:-29px;
  border-radius:10px;
  font:400 25px/1 Arial,sans-serif;
}
.sy-product-lightbox__prev{left:8px}
.sy-product-lightbox__next{right:8px}
.sy-product-lightbox__count{
  position:absolute;
  left:50%;
  bottom:8px;
  transform:translateX(-50%);
  z-index:4;
  min-width:70px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(8,25,52,.78);
  color:#fff;
  text-align:center;
  font:700 11px/1 Inter,Arial,sans-serif;
  letter-spacing:.4px;
}

@media(max-width:767px){
  .sy-product-lightbox{padding:12px}
  .sy-product-lightbox__dialog{
    width:100%;
    height:92vh;
  }
  .sy-product-lightbox__image{
    max-height:84vh;
    border-radius:8px;
  }
  .sy-product-lightbox__close{
    top:4px;
    right:4px;
    width:42px;
    height:42px;
  }
  .sy-product-lightbox__nav{
    width:42px;
    height:50px;
    margin-top:-25px;
  }
  .sy-product-lightbox__prev{left:4px}
  .sy-product-lightbox__next{right:4px}
}