/* =========================================================
   LASCO PDP — CLEAN (single-product)
   ========================================================= */

:root{
  --lasco-bg: #f4f1ee;
  --lasco-card: #ffffff;
  --lasco-border: rgba(0,0,0,.08);
  --lasco-muted: rgba(0,0,0,.62);
  --lasco-accent: #9a6a3f;
  --lasco-accent-2: #8b5e37;
  --lasco-radius: 12px;
  --lasco-shadow: 0 1px 0 rgba(0,0,0,.04);
}

/* Page background */
body.single-product.woocommerce{
  background: var(--lasco-bg);
}

/* Centered main column */
body.single-product.woocommerce .content-area,
body.single-product.woocommerce #primary{
  width: 100%;
}

body.single-product.woocommerce .site-main{
  max-width: 1120px;
  margin: 0 auto;
}

/* Hide GP featured header images if they appear */
body.single-product .featured-image,
body.single-product .page-header-image-single{
  display: none !important;
}

/* PDP card */
body.single-product.woocommerce .lasco-pdp__card{
  background: var(--lasco-card);
  border: 1px solid var(--lasco-border);
  border-radius: var(--lasco-radius);
  box-shadow: var(--lasco-shadow);
  padding: 18px;
}

/* Two columns grid */
body.single-product.woocommerce .lasco-pdp__grid{
  display: grid;
  grid-template-columns: 520px 1fr;
  gap: 26px;
  align-items: start;
}

@media (max-width: 980px){
  body.single-product.woocommerce .lasco-pdp__grid{
    grid-template-columns: 1fr;
  }
}

/* Kill Woo default floats inside your wrapper */
body.single-product.woocommerce .lasco-pdp .woocommerce-product-gallery,
body.single-product.woocommerce .lasco-pdp .summary,
body.single-product.woocommerce .lasco-pdp .entry-summary,
body.single-product.woocommerce .lasco-pdp div.images,
body.single-product.woocommerce .lasco-pdp div.summary{
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}

/* =========================================================
   Gallery (Woo flexslider + thumbs)
   ========================================================= */

body.single-product.woocommerce .lasco-pdp .woocommerce-product-gallery{
  border-radius: 10px;
}

body.single-product.woocommerce .lasco-pdp .woocommerce-product-gallery__wrapper{
  border-radius: 10px;
  overflow: hidden;
  background: #efefef;
  position: relative;
  z-index: 1;
}

body.single-product.woocommerce .lasco-pdp .woocommerce-product-gallery__image img{
  width: 100%;
  height: auto;
  display: block;
}

/* No zoom icon */
body.single-product.woocommerce .lasco-pdp .woocommerce-product-gallery__trigger{
  display: none !important;
}

/* Prevent any hover zoom */
body.single-product.woocommerce .woocommerce-product-gallery__image a:hover img{
  transform: none !important;
}

/* Thumbs grid */
body.single-product.woocommerce .lasco-pdp .flex-control-thumbs{
  margin: 12px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
  display: grid !important;
  grid-template-columns: repeat(6, 1fr);
  gap: 10px;
  position: relative;
  z-index: 5;
}

body.single-product.woocommerce .lasco-pdp .flex-control-thumbs li{
  margin: 0 !important;
  width: auto !important;
}

body.single-product.woocommerce .lasco-pdp .flex-control-thumbs img{
  width: 100%;
  height: 62px;
  object-fit: cover;
  border-radius: 8px;
  border: 1px solid rgba(0,0,0,.12);
  background: #fff;
  padding: 2px;
  opacity: .92;
}

body.single-product.woocommerce .lasco-pdp .flex-control-thumbs img.flex-active{
  opacity: 1;
  border-color: var(--lasco-accent);
}

/* Force-show slider arrows like your final working version */
body.single-product.woocommerce .woocommerce-product-gallery .flex-direction-nav{
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none;
  z-index: 9999;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

body.single-product.woocommerce .woocommerce-product-gallery .flex-direction-nav a{
  pointer-events: auto;
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 44px;
  height: 44px;
  border-radius: 999px;
  background: rgba(255,255,255,.85);
  border: 1px solid rgba(0,0,0,.12);
  box-shadow: 0 6px 16px rgba(0,0,0,.12);
  opacity: 1 !important;
  visibility: visible !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  text-indent: -9999px;
}

body.single-product.woocommerce .woocommerce-product-gallery .flex-direction-nav a.flex-prev{
  left: 14px !important;
}
body.single-product.woocommerce .woocommerce-product-gallery .flex-direction-nav a.flex-next{
  right: 14px !important;
}
/* Fix gallery arrows angle (Flexslider) */
body.single-product.woocommerce .woocommerce-product-gallery .flex-direction-nav a.flex-prev:before{
  transform: rotate(135deg);
}

body.single-product.woocommerce .woocommerce-product-gallery .flex-direction-nav a.flex-next:before{
  transform: rotate(-45deg);
}

body.single-product.woocommerce .woocommerce-product-gallery .flex-direction-nav a:before{
  content: "";
  width: 10px;
  height: 10px;
  border-right: 2px solid rgba(0,0,0,.65);
  border-bottom: 2px solid rgba(0,0,0,.65);
}

/* =========================================================
   Summary (right side)
   ========================================================= */

body.single-product.woocommerce .lasco-pdp .product_title{
  margin: 0 0 6px !important;
  font-size: 22px;
  line-height: 1.2;
  font-weight: 700;
}

body.single-product.woocommerce .lasco-pdp .product_meta{
  margin-top: 10px;
  font-size: 12px;
  color: var(--lasco-muted);
}
body.single-product.woocommerce .lasco-pdp .product_meta .posted_in,
body.single-product.woocommerce .lasco-pdp .product_meta .tagged_as {
  display: none;
}
body.single-product.woocommerce .lasco-pdp .product_meta .sku_wrapper,
body.single-product.woocommerce .lasco-pdp .product_meta .posted_in{
  display: inline-block;
  margin-right: 10px;
}

/* Price row */
body.single-product.woocommerce .lasco-pdp .price{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 8px !important;
  font-weight: 700;
}

body.single-product.woocommerce .lasco-pdp .price ins{
  text-decoration: none;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  color: #69ba50; /* як ти просив */
}

body.single-product.woocommerce .lasco-pdp .price del{
  font-size: 14px;
  font-weight: 600;
  opacity: .55;
  margin-right: 0;
  color: #828780; /* як ти просив */
}

/* Discount badge (if exists in markup) */
body.single-product.woocommerce .lasco-discount-badge{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 26px;
  padding: 0 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  background: #69ba50;
  margin-left: 10px;
  vertical-align: middle;
}

body.single-product.woocommerce .lasco-pdp .stock{
  margin: 4px 0 12px !important;
  font-size: 12px;
  color: #1b7f3b;
}

body.single-product.woocommerce .lasco-pdp .woocommerce-product-details__short-description{
  margin: 10px 0 14px !important;
  font-size: 13px;
  line-height: 1.55;
  color: rgba(0,0,0,.78);
}

/* Sale badge */
body.single-product.woocommerce .lasco-pdp span.onsale{
  position: absolute;
  top: 12px;
  left: 12px;
  background: #69ba50;
  color: #fff;
  border: none;
  width: 56px;
  height: 56px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  z-index: 2;
}

/* Buttons rounding */
body.single-product.woocommerce .lasco-pdp .single_add_to_cart_button.button,
body.single-product.woocommerce .lasco-pdp a.button,
body.single-product.woocommerce .lasco-pdp button.button{
  border-radius: 10px;
}

/* Add to cart button */
body.single-product.woocommerce .lasco-pdp .single_add_to_cart_button.button{
  height: 44px;
  width: 100%;
  background: var(--lasco-accent) !important;
  border: 1px solid var(--lasco-accent) !important;
  color: #fff !important;
  font-weight: 700;
}

body.single-product.woocommerce .lasco-pdp .single_add_to_cart_button.button:hover{
  background: var(--lasco-accent-2) !important;
  border-color: var(--lasco-accent-2) !important;
}

/* =========================================================
   Cart row (your final stable variant: narrow qty + label + engraving)
   ========================================================= */

body.single-product.woocommerce .lasco-pdp .summary form.cart{
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 12px;
  row-gap: 10px;
  align-items: center;
  margin-top: 14px;
}

/* quantity left */
body.single-product.woocommerce .lasco-pdp .summary form.cart .quantity{
  grid-column: 1;
  grid-row: 1;
  justify-self: start;
  display: inline-flex !important;
  align-items: center;
  gap: 10px;
  width: auto !important;
  height: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  overflow: visible !important;
  background: transparent !important;
}

/* hide SR label */
body.single-product.woocommerce .lasco-pdp .summary form.cart .quantity .screen-reader-text{
  display: none !important;
}

/* input narrow */
body.single-product.woocommerce .lasco-pdp .summary form.cart .quantity input.qty{
  width: 46px !important;
  min-width: 46px !important;
  max-width: 46px !important;
  padding: 4px 6px !important;
  border: 1px solid rgba(0,0,0,.18) !important;
  border-radius: 8px !important;
  text-align: center !important;
  background: #fff !important;
  background-image: none !important;
}

/* kill placeholder if theme adds it */
body.single-product.woocommerce .lasco-pdp .summary form.cart .quantity input.qty::placeholder{
  opacity: 0 !important;
}

/* external label */
body.single-product.woocommerce .lasco-pdp .summary form.cart .quantity::after{
  content: "Кількість";
  font-size: 0.8em;
  color: #666;
  white-space: nowrap;
  line-height: 1;
}

/* engraving right */
body.single-product.woocommerce .lasco-pdp .summary form.cart .lasco-engraving{
  grid-column: 2;
  grid-row: 1;
  justify-self: end;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
}

body.single-product.woocommerce .lasco-pdp .summary form.cart .lasco-engraving span{
  font-size: 0.8em;
  line-height: 1.2;
}

/* button below */
body.single-product.woocommerce .lasco-pdp .summary form.cart .single_add_to_cart_button,
body.single-product.woocommerce .lasco-pdp .summary form.cart button.single_add_to_cart_button{
  grid-column: 1 / -1;
  grid-row: 2;
  width: 100%;
}

@media (max-width: 780px){
  body.single-product.woocommerce .lasco-pdp .summary form.cart{
    grid-template-columns: 1fr;
  }
}

/* =========================================================
   Below area container
   ========================================================= */

body.single-product.woocommerce .lasco-pdp__below{
  margin-top: 14px;
  border-top: 1px solid var(--lasco-border);
  padding-top: 14px;
}

/* Hide sidebar just in case */
body.single-product .widget-area.sidebar{
  display: none !important;
}

/* =========================================================
   Breadcrumb back button (single version, no duplicates)
   ========================================================= */

body.single-product .woocommerce-breadcrumb{
  position: relative;
  padding-left: 52px;
  min-height: 32px;
  display: flex;
  align-items: center;
}

body.single-product .woocommerce-breadcrumb::before{
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: #9a6a3f;
  cursor: pointer;
  transition: background-color .2s ease, transform .15s ease;
  z-index: 1;
}

body.single-product .woocommerce-breadcrumb::after{
  content: "";
  position: absolute;
  left: 12px;
  top: 50%;
  width: 9px;
  height: 9px;
  transform: translateY(-50%) rotate(45deg);
  border-left: 2.5px solid #fff;
  border-bottom: 2.5px solid #fff;
  pointer-events: none;
  z-index: 2;
}

body.single-product .woocommerce-breadcrumb:hover::before{
  background: #84572f;
  transform: translateY(-50%) translateX(-2px);
}

/* =========================================================
   Specs (2 columns via CSS columns)
   ========================================================= */

body.single-product .lasco-specs{
  padding-top: 4px;
}

body.single-product .lasco-specs__table{
  border-top: 1px solid var(--lasco-border);
  column-count: 2;
  column-gap: 40px;
}

body.single-product .lasco-specs__row{
  display: grid;
  grid-template-columns: 180px 1fr;
  border-bottom: 1px solid var(--lasco-border);
  font-size: 12px;
  padding: 10px 0;
  width: 100%;
  break-inside: avoid-column;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
}

body.single-product .lasco-specs__k{
  color: var(--lasco-muted);
  padding-right: 12px;
}

body.single-product .lasco-specs__v{
  color: rgba(0,0,0,.85);
  text-align: right;
}

/* Hide the first "Розміри / Невідомо" row */
body.single-product .lasco-specs__table .lasco-specs__row:first-child{
  display: none;
}

@media (max-width: 768px){
  body.single-product .lasco-specs__table{ column-count: 1; }
  body.single-product .lasco-specs__row{ grid-template-columns: 160px 1fr; }
}

/* =========================================================
   Product -> Collection card
   ========================================================= */

body.single-product .lasco-pcol{
  border-top: 1px solid var(--lasco-border);
  padding-top: 24px;
  margin-top: 18px;
}

body.single-product .lasco-pcol__inner{
  display: grid;
  grid-template-columns: 260px 1fr;
  gap: 22px;
  align-items: center;
  background: #e0d7ce;
  border-radius: 9px;
  padding: 18px;
}

body.single-product .lasco-pcol__img{
  display: block;
  border-radius: 16px;
  overflow: hidden;
  width: 260px;
  height: 170px;
}

body.single-product .lasco-pcol__img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

body.single-product .lasco-pcol__kicker{
  font-size: 12px;
  color: var(--lasco-muted);
  margin-bottom: 6px;
}

body.single-product .lasco-pcol__title{
  font-size: 28px;
  line-height: 1.15;
  font-weight: 500;
  margin-bottom: 10px;
}

/* 3 lines clamp */
body.single-product .lasco-pcol__desc{
  font-size: 14px;
  color: rgba(0,0,0,.75);
  max-width: 62ch;
  margin-bottom: 16px;

  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

body.single-product .lasco-pcol__more{
  margin-left: 8px;
  white-space: nowrap;
  text-decoration: underline;
  color: rgba(0,0,0,.85);
  font-weight: 500;
}

body.single-product .lasco-pcol__btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  padding: 0 18px;
  border-radius: 12px;
  background: #b08457;
  color: #fff;
  text-decoration: none;
  font-weight: 500;
}

body.single-product .lasco-pcol__btn:hover{
  filter: brightness(.96);
}

@media (max-width: 768px){
  body.single-product .lasco-pcol__inner{ grid-template-columns: 1fr; }
  body.single-product .lasco-pcol__img{ width: 100%; height: 190px; }
  body.single-product .lasco-pcol__title{ font-size: 22px; }
}

/* =========================================================
   Full description toggle
   ========================================================= */

body.single-product .lasco-full-desc{
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid var(--lasco-border);
}

body.single-product .lasco-full-desc .lasco-desc-toggle{
  width: 100%;
  height: 64px;
  border: 0;
  border-radius: 14px;
  background: #b08457;
  color: #fff;
  font-weight: 600;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
}

body.single-product .lasco-full-desc .lasco-desc-chev{
  transition: transform .2s ease;
}

body.single-product .lasco-full-desc.is-open .lasco-desc-chev{
  transform: rotate(180deg);
}

body.single-product .lasco-full-desc .lasco-desc-body{
  margin-top: 14px;
  padding: 14px 14px;
  border: 1px solid var(--lasco-border);
  border-radius: 10px;
  background: #fff;
  color: rgba(0,0,0,.85);
  font-size: 13px;
  line-height: 1.6;
}

/* =========================================================
   Similar products carousel
   ========================================================= */

body.single-product .lasco-similar{
  margin-top: 36px;
  margin-bottom: 36px;
}

body.single-product .lasco-similar__h2{
  margin: 0 0 14px;
  font-size: 34px;
  line-height: 1.1;
}

body.single-product .lasco-similar__wrap{
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
}

body.single-product .lasco-similar__track{
  overflow: hidden;
  width: 100%;
}

body.single-product .lasco-similar__track > ul.products{
  display: flex;
  flex-wrap: nowrap;
  gap: 18px;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow-x: auto;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

body.single-product .lasco-similar__track > ul.products::-webkit-scrollbar{
  display: none;
}

body.single-product .lasco-similar__track > ul.products > li.product{
  flex: 0 0 calc((100% - 18px*3)/4);
  max-width: calc((100% - 18px*3)/4);
}

/* arrows (gallery style) */
body.single-product .lasco-similar__arrow{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  border-radius: 999px;
  background: rgba(255,255,255,.85);
  border: 1px solid rgba(0,0,0,.12);
  box-shadow: 0 6px 16px rgba(0,0,0,.12);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 20;
  padding: 0;
}

body.single-product .lasco-similar__arrow img{
  display: none !important;
}

body.single-product .lasco-similar__arrow--prev{ left: 14px; }
body.single-product .lasco-similar__arrow--next{ right: 14px; }

body.single-product .lasco-similar__arrow::before{
  content: "";
  width: 10px;
  height: 10px;
  border-right: 2px solid rgba(0,0,0,.65);
  border-bottom: 2px solid rgba(0,0,0,.65);
  display: block;
}

body.single-product .lasco-similar__arrow--prev::before{ transform: rotate(135deg); }
body.single-product .lasco-similar__arrow--next::before{ transform: rotate(-45deg); }

body.single-product .lasco-similar__arrow:hover{
  background: rgba(255,255,255,.95);
}

/* responsive */
@media (max-width: 1024px){
  body.single-product .lasco-similar__track > ul.products > li.product{
    flex: 0 0 calc((100% - 18px*2)/3);
    max-width: calc((100% - 18px*2)/3);
  }
}

@media (max-width: 768px){
  body.single-product .lasco-similar__track > ul.products > li.product{
    flex: 0 0 calc((100% - 18px)/2);
    max-width: calc((100% - 18px)/2);
  }
}

/* =========================================================
   Footer gap (shows body background)
   ========================================================= */

.separate-containers .comments-area,
.separate-containers .inside-article,
.separate-containers .page-header,
.separate-containers .paging-navigation{
  margin-bottom: 24px;
}
/* Hide Woo gallery arrows while PhotoSwipe is open */
/* Force-hide Woo/Flexslider arrows while PhotoSwipe is open */
body.lasco-pswp-open.single-product.woocommerce .woocommerce-product-gallery .flex-direction-nav{
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
/* =========================================================
   LASCO: PhotoSwipe (Woo fullscreen gallery) — like reference
   - round arrows centered vertically
   - round close button top-right
   - limit image to ~900x900
   ========================================================= */

/* 1) Overlay поверх усього */
.woocommerce .pswp,
.woocommerce-page .pswp{
  z-index: 999999 !important;
}

.woocommerce .pswp__scroll-wrap,
.woocommerce-page .pswp__scroll-wrap{
  background: rgba(0,0,0,.85);
}

/* 2) Обмеження зображення */
.woocommerce .pswp__img,
.woocommerce-page .pswp__img{
  max-width: 900px !important;
  max-height: 900px !important;
  height: auto !important;
}

/* 3) Top bar */
.woocommerce .pswp__top-bar,
.woocommerce-page .pswp__top-bar{
  height: 64px;
}

/* 4) Close button (round) */
.woocommerce .pswp__button--close,
.woocommerce-page .pswp__button--close{
  position: fixed !important;
  top: 26px !important;
  right: 26px !important;

  width: 56px !important;
  height: 56px !important;
  border-radius: 999px !important;

  background: rgba(0,0,0,.55) !important;
  opacity: 1 !important;

  background-image: none !important;
  box-shadow: 0 8px 22px rgba(0,0,0,.35) !important;
}

.woocommerce .pswp__button--close::before,
.woocommerce-page .pswp__button--close::before{
  content: "×";
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: #fff;
  font-size: 34px;
  line-height: 1;
  font-weight: 400;
}

.woocommerce .pswp__button--close::after,
.woocommerce-page .pswp__button--close::after{
  display: none !important;
}

/* 5) Arrow buttons (round) */
.woocommerce .pswp__button--arrow--left,
.woocommerce-page .pswp__button--arrow--left,
.woocommerce .pswp__button--arrow--right,
.woocommerce-page .pswp__button--arrow--right{
  position: fixed !important;
  top: 50% !important;
  transform: translateY(-50%) !important;

  width: 56px !important;
  height: 56px !important;
  border-radius: 999px !important;

  background: #9a6a3f !important;
  opacity: 1 !important;

  background-image: none !important;
  box-shadow: 0 8px 22px rgba(0,0,0,.35) !important;
}

.woocommerce .pswp__button--arrow--left:hover,
.woocommerce-page .pswp__button--arrow--left:hover,
.woocommerce .pswp__button--arrow--right:hover,
.woocommerce-page .pswp__button--arrow--right:hover{
  background-color: #ebe6df !important;
}

/* Відступи від країв */
.woocommerce .pswp__button--arrow--left,
.woocommerce-page .pswp__button--arrow--left{ left: 28px !important; }

.woocommerce .pswp__button--arrow--right,
.woocommerce-page .pswp__button--arrow--right{ right: 28px !important; }

/* Chevron arrows (no sprites) */
.woocommerce .pswp__button--arrow--left::before,
.woocommerce-page .pswp__button--arrow--left::before,
.woocommerce .pswp__button--arrow--right::before,
.woocommerce-page .pswp__button--arrow--right::before{
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 12px;
  border-right: 2.5px solid #fff;
  border-bottom: 2.5px solid #fff;
  transform: translate(-50%,-50%) rotate(135deg);
}

.woocommerce .pswp__button--arrow--right::before,
.woocommerce-page .pswp__button--arrow--right::before{
  transform: translate(-50%,-50%) rotate(-45deg);
}

/* прибрати дефолтні псевдоелементи/спрайти */
.woocommerce .pswp__button--arrow--left::after,
.woocommerce-page .pswp__button--arrow--left::after,
.woocommerce .pswp__button--arrow--right::after,
.woocommerce-page .pswp__button--arrow--right::after{
  display: none !important;
}
/* =========================================================
   PSWP Close button: bigger, centered X, same bg as arrows,
   placed at TOP-RIGHT corner of the IMAGE (not viewport)
   ========================================================= */

/* сама кнопка (круг як у стрілок) */
.woocommerce .pswp__button--close,
.woocommerce-page .pswp__button--close{
  position: fixed !important;

  /* Розміщення "в куті зображення":
     50% = центр екрана, +450px ≈ половина 900px контейнера
     12-18px = внутрішній відступ від краю "кадру"
  */
  top: calc(50% - 450px + 38px) !important;
  right: calc(50% - 450px) !important;

  width: 46px !important;
  height: 46px !important;
  border-radius: 999px !important;

  background: #9a6a3f !important; /* як стрілки */
  opacity: 1 !important;

  box-shadow: 0 8px 22px rgba(0,0,0,.35) !important;
}
/* прибрати дефолтні спрайти/іконки */
.woocommerce .pswp__button--close,
.woocommerce-page .pswp__button--close{
  background-image: none !important;
}

/* "Хрестик": збільшити і вирівняти по центру */
.woocommerce .pswp__button--close::before,
.woocommerce-page .pswp__button--close::before{
  content: "×" !important;
  display: grid !important;
  place-items: center !important;

  width: 100% !important;
  height: 100% !important;

  font-size: 34px !important;     /* збільшення X */
  line-height: 1 !important;
  font-weight: 700 !important;
  color: #fff !important;

  margin: 0 !important;
}

/* hover як ти хотів */
.woocommerce .pswp__button--close:hover,
.woocommerce-page .pswp__button--close:hover{
  background-color: #ebe6df !important;
}
.woocommerce .pswp__button--close:hover::before,
.woocommerce-page .pswp__button--close:hover::before{
  color: #111 !important; /* щоб не губився на світлому */
}
/* =========================================================
   LASCO: PhotoSwipe arrows closer to image edges
   ========================================================= */

.woocommerce .pswp__button--arrow--left,
.woocommerce-page .pswp__button--arrow--left{
  left: calc(50% - 450px - 24px) !important;
}

.woocommerce .pswp__button--arrow--right,
.woocommerce-page .pswp__button--arrow--right{
  right: calc(50% - 450px - 24px) !important;
}
.pswp__button--share {
	display: none;
}
/* ===== PhotoSwipe thumbs bar (bottom menu) ===== */
.pswp .lasco-pswp-thumbs{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 22px;
  z-index: 10050;
  pointer-events: none;
}

.pswp .lasco-pswp-thumbs__inner{
  pointer-events: auto;
  width: fit-content;
  max-width: min(92vw, 720px);
  margin: 0 auto;
  padding: 20px 16px;
  border-radius: 14px;
  background: rgba(0,0,0,.45);
  backdrop-filter: blur(6px);

  display: flex;
  gap: 10px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.pswp .lasco-pswp-thumb{
  border: 2px solid transparent;
  background: transparent;
  padding: 0;
  border-radius: 10px;
  cursor: pointer;
  flex: 0 0 auto;
  width: 64px;
  height: 64px;
  overflow: hidden;
}

.pswp .lasco-pswp-thumb img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 8px;
  opacity: .75;
}

.pswp .lasco-pswp-thumb.is-active{
  border-color: #ffffff;
}

.pswp .lasco-pswp-thumb.is-active img{
  opacity: 1;
}
.woocommerce ul.products li.product .button {
    display: inline-block;
    margin-top: 1em;
	background-color: #b08457;
	color: #fff;
}
.woocommerce a.added_to_cart{
  display: block;
  width: fit-content;
  margin: 10px auto 0; /* зверху відступ за потреби */
  text-align: center;
}
.woocommerce ul.products li.product .button{
  display: block;
  width: fit-content;
  margin: 0 auto;
  text-align: center;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3{
  padding: .5em 0;
  margin: 0;

  font-size: 1em;
  text-align: center;

  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;

  overflow: hidden;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price {
    color: #000000;
	text-align: center;
}
/* =========================================================
   LASCO: Add to cart -> "Added" button state (like screenshot)
   ========================================================= */

/* PDP button state after AJAX add */
body.single-product.woocommerce .lasco-pdp .single_add_to_cart_button.button.added{
  background: #e8e5e1 !important;
  border-color: #e8e5e1 !important;
  color: #6b6b6b !important;
  cursor: default !important;
  pointer-events: none !important;
  font-size: 0 !important; /* прибираємо старий текст */
}

body.single-product.woocommerce .lasco-pdp .single_add_to_cart_button.button.added::before{
  content: "Додано в кошик";
  font-size: 16px;
  font-weight: 600;
}

body.single-product.woocommerce .lasco-pdp .single_add_to_cart_button.button.added::after{
  content: "✓";
  font-size: 18px;
  font-weight: 700;
  margin-left: 10px;
  display: inline-block;
  transform: translateY(1px);
}
/* Loop кнопка після додавання */
.woocommerce ul.products li.product .button.add_to_cart_button.added{
  background: #e8e5e1 !important;
  border-color: #e8e5e1 !important;
  color: #6b6b6b !important;
  pointer-events: none !important;
  cursor: default !important;
}
body.single-product.woocommerce .lasco-pdp .product_title{
  white-space: normal;
  overflow-wrap: anywhere;   /* сучасний і найнадійніший варіант */
  word-break: break-word;    /* fallback */
}
/* =========================================================
   LASCO PDP — MOBILE HARD RESET
   ========================================================= */

@media (max-width: 768px){

  html,
  body{
    max-width: 100%;
    overflow-x: hidden;
  }

  body.single-product.woocommerce{
    background: var(--lasco-bg);
  }

  body.single-product.woocommerce .site-content,
  body.single-product.woocommerce .content-area,
  body.single-product.woocommerce #primary,
  body.single-product.woocommerce .site-main,
  body.single-product.woocommerce .inside-article,
  body.single-product.woocommerce .entry-content{
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
	padding: 0px !important;
  }

  body.single-product.woocommerce .site-main{
    padding: 0 10px !important;
  }

  body.single-product.woocommerce .lasco-pdp{
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body.single-product.woocommerce .lasco-pdp__card{
    width: 100% !important;
    max-width: 100% !important;
    padding: 10px !important;
    border-radius: 12px;
    box-sizing: border-box !important;
    overflow: hidden;
  }

  body.single-product.woocommerce .lasco-pdp__grid{
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body.single-product.woocommerce .lasco-pdp__left,
  body.single-product.woocommerce .lasco-pdp__right,
  body.single-product.woocommerce .lasco-pdp__summary{
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
}


/* =========================================================
   LASCO PDP — MOBILE GALLERY FIX
   ========================================================= */

@media (max-width: 768px){

  body.single-product.woocommerce .lasco-pdp .woocommerce-product-gallery,
  body.single-product.woocommerce .lasco-pdp div.images{
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  body.single-product.woocommerce .lasco-pdp .flex-viewport{
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    border-radius: 10px;
  }

  body.single-product.woocommerce .lasco-pdp .woocommerce-product-gallery__wrapper{
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    border-radius: 10px;
    overflow: hidden;
    background: #f3f3f3;
  }

  body.single-product.woocommerce .lasco-pdp .woocommerce-product-gallery__wrapper,
  body.single-product.woocommerce .lasco-pdp .woocommerce-product-gallery__image,
  body.single-product.woocommerce .lasco-pdp .woocommerce-product-gallery__image a{
    display: block !important;
    box-sizing: border-box !important;
  }

  body.single-product.woocommerce .lasco-pdp .woocommerce-product-gallery__image{
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body.single-product.woocommerce .lasco-pdp .woocommerce-product-gallery__image a{
    width: 100% !important;
    max-width: 100% !important;
  }

  body.single-product.woocommerce .lasco-pdp .woocommerce-product-gallery__image img{
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    margin: 0 auto !important;
  }

  body.single-product.woocommerce .lasco-pdp span.onsale{
    width: 50px;
    height: 50px;
    top: 10px;
    left: 10px;
    font-size: 11px;
    z-index: 5;
  }

  body.single-product.woocommerce .woocommerce-product-gallery .flex-direction-nav a{
    width: 38px;
    height: 38px;
  }

  body.single-product.woocommerce .woocommerce-product-gallery .flex-direction-nav a.flex-prev{
    left: 8px !important;
  }

  body.single-product.woocommerce .woocommerce-product-gallery .flex-direction-nav a.flex-next{
    right: 8px !important;
  }

  body.single-product.woocommerce .lasco-pdp .flex-control-thumbs{
    display: flex !important;
    grid-template-columns: none !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 8px 0 2px !important;
    margin: 8px 0 0 !important;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  body.single-product.woocommerce .lasco-pdp .flex-control-thumbs::-webkit-scrollbar{
    display: none;
  }

  body.single-product.woocommerce .lasco-pdp .flex-control-thumbs li{
    flex: 0 0 58px !important;
    width: 58px !important;
    max-width: 58px !important;
    margin: 0 !important;
  }

  body.single-product.woocommerce .lasco-pdp .flex-control-thumbs img{
    width: 58px !important;
    height: 58px !important;
    object-fit: cover !important;
    border-radius: 8px;
  }
}


/* =========================================================
   LASCO PDP — MOBILE SUMMARY
   ========================================================= */

@media (max-width: 768px){

  body.single-product .woocommerce-breadcrumb{
    width: 100% !important;
    max-width: 100% !important;
    min-height: 34px;
    padding-left: 44px !important;
    margin: 0 0 10px !important;
    font-size: 12px;
    line-height: 1.35;
    box-sizing: border-box;
    overflow-wrap: anywhere;
  }

  body.single-product .woocommerce-breadcrumb::before{
    width: 34px;
    height: 34px;
  }

  body.single-product .woocommerce-breadcrumb::after{
    left: 12px;
  }

  body.single-product.woocommerce .lasco-pdp .product_title{
    font-size: 20px !important;
    line-height: 1.22 !important;
    margin: 0 0 8px !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  body.single-product.woocommerce .lasco-pdp .price{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 10px !important;
  }

  body.single-product.woocommerce .lasco-pdp .price ins{
    font-size: 23px;
  }

  body.single-product.woocommerce .lasco-pdp .price del{
    font-size: 14px;
  }

  body.single-product.woocommerce .lasco-pdp .woocommerce-product-details__short-description{
    font-size: 13px;
    line-height: 1.5;
    margin: 10px 0 12px !important;
  }

  body.single-product.woocommerce .lasco-pdp .summary form.cart{
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    width: 100% !important;
    margin-top: 12px !important;
  }

  body.single-product.woocommerce .lasco-pdp .summary form.cart .quantity{
    grid-column: 1 !important;
    grid-row: auto !important;
    justify-self: start !important;
  }

  body.single-product.woocommerce .lasco-pdp .summary form.cart .lasco-engraving{
    grid-column: 1 !important;
    grid-row: auto !important;
    justify-self: start !important;
  }

  body.single-product.woocommerce .lasco-pdp .summary form.cart .single_add_to_cart_button,
  body.single-product.woocommerce .lasco-pdp .summary form.cart button.single_add_to_cart_button{
    grid-column: 1 !important;
    grid-row: auto !important;
    width: 100% !important;
    height: 46px !important;
  }

@media (max-width: 768px){

  body.single-product.woocommerce .lasco-pdp__below{
    width: calc(100% - 20px);
    max-width: 100%;
    margin: 12px auto 0;
    padding-top: 12px;
    box-sizing: border-box;
  }

}


/* =========================================================
   LASCO PDP — MOBILE SPECS / COLLECTION / SIMILAR
   ========================================================= */

@media (max-width: 768px){

  body.single-product .lasco-specs__table{
    column-count: 1 !important;
  }

  body.single-product .lasco-specs__row{
    grid-template-columns: 130px 1fr !important;
    gap: 8px;
    font-size: 12px;
  }

  body.single-product .lasco-pcol__inner{
    grid-template-columns: 1fr !important;
    gap: 14px;
    padding: 14px;
  }

  body.single-product .lasco-pcol__img{
    width: 100% !important;
    height: 190px !important;
  }

  body.single-product .lasco-pcol__title{
    font-size: 22px;
  }

  body.single-product .lasco-full-desc .lasco-desc-toggle{
    height: 54px;
    font-size: 15px;
    border-radius: 12px;
  }

  body.single-product .lasco-similar__h2{
    font-size: 24px;
  }

  body.single-product .lasco-similar__track > ul.products{
    gap: 12px !important;
  }

  body.single-product .lasco-similar__track > ul.products > li.product{
    flex: 0 0 calc((100% - 12px) / 2) !important;
    max-width: calc((100% - 12px) / 2) !important;
  }
}



/* =========================================================
   LASCO PDP — short mobile breadcrumb
   ========================================================= */

@media (max-width: 768px){

  body.single-product .woocommerce-breadcrumb{
    display: flex;
    align-items: center;
    gap: 6px;

    width: 100%;
    max-width: 100%;
    padding-left: 44px !important;
    margin: 0 0 10px !important;

    font-size: 11px;
    line-height: 1.25;
    color: rgba(0,0,0,.58);

    white-space: nowrap;
    overflow: hidden;
  }

  body.single-product .woocommerce-breadcrumb a{
    display: inline-block;
    max-width: 115px;

    color: rgba(0,0,0,.58);
    text-decoration: none;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body.single-product .woocommerce-breadcrumb .breadcrumb-separator,
  body.single-product .woocommerce-breadcrumb span{
    flex: 0 0 auto;
  }
}