/* ============================================================
   CUSTOM FIXES - Salute B-Salute
   ============================================================ */

/* --------------------------------------------------------------
   #1 hide arrows, show only when on hover
   -------------------------------------------------------------- */
.splide__arrow {
  opacity: 0;
  transition: opacity 0.25s ease-in-out;
}

.splide:hover .splide__arrow {
  opacity: 0.7;
}

.splide__arrow:hover:not(:disabled) {
  opacity: 0.9;
}

/* #2 center arrows to container */
.splide__arrow {
  top: 50% !important;
  transform: translateY(-50%) !important;
}

/* Product */
.products-container {
  max-width: 1070px !important;
  margin: 0 auto !important;
  grid-column-gap: 1rem !important;
}

.splide__slide .box-image,
.product-item .box-image {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2rem !important;
  border-radius: 10px !important;
  background-color: #fff;
  box-sizing: border-box;
  box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.05) !important;
  margin-bottom: 1rem !important;
  overflow: hidden;
}
.splide__slide .box-image img,
.product-item .box-image img {
  object-fit: contain !important;
  border-radius: 0 !important;
  width: 100%;
  aspect-ratio: 1/1 !important;
}

.splide__slide .brand-name,
.splide__slide .product-name,
.splide__slide .product-price,
.product-item .brand-name,
.product-item .product-name,
.product-item .product-price {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase !important;
}

.splide__slide .product-name,
.product-item .product-name,
.splide__slide .product-price,
.product-item .product-price {
  color: #5A545D !important;  
  font-weight: 600 !important;
}

.splide__slide .brand-name,
.product-item .brand-name {
  color: #9C9C9C !important;
  font-size: 1.2rem !important;
  font-weight: 400 !important;
  line-height: 1.41666667 !important;
  margin-top: 0 !important;
}
.splide__slide .product-name,
.product-item .product-name {
  font-size: 1.6rem !important;
  line-height: 1.4375 !important;
  margin-top: 0 !important;
}
.splide__slide .product-price,
.product-item .product-price {
  font-size: 1.4rem !important;
  line-height: 1.42857143 !important;
  margin-top: 0 !important;
}
.splide__slide .product-price span,
.product-item .product-price span {
  font-size: 1.2rem !important;
  line-height: 1.41666667 !important;
}

.section-banner-hero .splide__slide .box-image,
.section-post-pickup .splide__slide .box-image {
  padding: 0 !important;
}

.section-banner-hero .splide__slide .box-image img,
.section-post-pickup .splide__slide .box-image img {
  object-fit: cover !important;
  aspect-ratio: auto !important;
}

.section-banner-hero .splide__slide .box-image,
.section-banner-hero .splide__slide .box-image img {
  border-radius: 0 !important;
}

/* Pick Up static layout (< 3 posts) & mobile thumbnail containment */
.section-post-pickup .pickup-static {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.section-post-pickup .pickup-static__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  width: 100%;
  height: auto;
}

.section-post-pickup .pickup-static__item {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  flex-shrink: 1;
}

.section-post-pickup .splide__slide a {
  display: block;
  width: 100%;
}

.section-post-pickup .splide__slide .box-image {
  width: 100%;
}

.section-post-pickup .splide__slide .box-image img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}

@media (max-width: 600px) {
  .section-post-pickup .pickup-static__list {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* #9 custom dropdown (visual layer) */
.custom-orderby-wrap {
  position: relative;
  width: 15rem;
}
.custom-orderby-trigger {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 34px;
  padding: 1rem;
  border: 1px solid #59545C;
  border-radius: 10px;
  background: #fff;
  color: #59545C;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.41666667;
  text-transform: uppercase;
  cursor: pointer;
  box-sizing: border-box;
  user-select: none;
}
/* #A1 dropdown trigger down-arrow icon */
.custom-orderby-trigger-icon {
  width: 10px;
  height: 6px !important;
  flex-shrink: 0;
  transition: transform 0.2s ease-in-out;
}
/* .custom-orderby-wrap.is-open .custom-orderby-trigger-icon {
  transform: rotate(180deg);
} */
.custom-orderby-list {
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: #fff;
  border: 1px solid #59545C;
  border-radius: 10px;
  padding: 5px;
  z-index: 20;
  box-sizing: border-box;
}
.custom-orderby-wrap.is-open .custom-orderby-list {
  display: flex;
}
.custom-orderby-option {
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  padding: 8px;
  border-radius: 5px;
  color: #59545C;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

.custom-orderby-option:hover,
.custom-orderby-option.is-selected {
  background: #59545C;
  color: #fff;
  text-decoration: underline;
}

.woocommerce-ordering select.orderby {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}

.woocommerce .woocommerce-ordering {
  border: none;
  margin: 0;
  padding: 0;
  margin-left: 2rem;
}

.woocommerce .woocommerce-result-count {
  color: #9C9C9C;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.416666666666667;
  text-transform: uppercase;
  margin: 0;
  padding: 8.5px 0;
}

.woocommerce-shop ul.products {
  padding-top: 4rem;
  column-gap: 2rem;
  row-gap: 4rem;
}

/* woocommerce products */
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link {
  transition: all 0.3s ease;
}

.woocommerce ul.products li.product a.woocommerce-LoopProduct-link:hover {
  color: #262626;
  text-decoration: underline;
  opacity: 0.9;
}

.woocommerce ul.products li.product img {
  display: flex;
  padding: 2rem;
  justify-content: center;
  align-items: center;
  object-fit: contain;
  border-radius: 10px;
  background-color: #fff;
  box-sizing: border-box;
  box-shadow: none;
  margin: 0 auto;
  margin-bottom: 1rem;
  aspect-ratio: 1 / 1;
  max-width: 300px;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
  color: #5A545D;
  font-family: "M PLUS 1";
  text-align: center;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.4375;
  text-transform: uppercase;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
  padding: 0;
  border: none;
}

.woocommerce ul.products li.product .price {
  color: #5A545D;
  text-align: center;
  font-family: "M PLUS 1";
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.42857143;
  text-transform: uppercase;
  margin: 0;
}

.woocommerce ul.products li.product .button {
  display: flex;
  width: 20rem;
  height: 46px;
  padding: 1.5rem 1.5rem 1.6rem !important;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  color: #fff;
  font-family: "M PLUS 1";
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.41666667;
  text-transform: uppercase;
  border-radius: 200px !important;
  background: #59545C;
  margin: 1rem auto 0;
  transition: all 0.3s ease;
}

.woocommerce ul.products li.product .button:hover {
  background: transparent;
  color: #59545C;
  border: 1px solid #59545C;
  text-decoration: none;
}

/* Woocommerce Pagination */
.woocommerce nav.woocommerce-pagination {
  display: flex;
  justify-content: center;
  float: none;
  margin-top: 4rem;
}

.woocommerce nav.woocommerce-pagination ul {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  flex-wrap: wrap;
  row-gap: 1rem;
  margin: 0;
  border: none;
}

.woocommerce nav.woocommerce-pagination ul li {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  list-style: none;
  line-height: 1;
  margin: 0 1.5rem;
}

.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
  cursor: pointer;
  background-color: transparent;
  border: none;
  font-family: "M PLUS 1";
  color: #5a545d;
  transition: all 0.3s ease-in-out;
  font-size: 2.4rem;
  line-height: 1;
  padding: 7px 9px;
  border-radius: 4px;
}

.woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {
  background-color: #5a545d;
  color: #fff;
  text-decoration: none;
}

.woocommerce nav.woocommerce-pagination ul li a.prev,
.woocommerce nav.woocommerce-pagination ul li a.next {
  font-size: 0;
  background-repeat: no-repeat;
  background-size: 15px 25px;
  background-position: center;
  width: 33px;
  height: 39px;
}

.woocommerce nav.woocommerce-pagination ul li a.prev {
  background-image: url("../img/common/ar-l-pagi.svg");
}

.woocommerce nav.woocommerce-pagination ul li a.next {
  background-image: url("../img/common/ar-r-pagi.svg");
}

.woocommerce nav.woocommerce-pagination ul li a.prev:hover {
  background-image: url("../img/common/ar-l-pagi-white.svg");
}

.woocommerce nav.woocommerce-pagination ul li a.next:hover {
  background-image: url("../img/common/ar-r-pagi-white.svg");
}

/* Product Brand */
.section-title-brand > .wp-block-group__inner-container p.desc {
  text-align: center;
}

.item-detail .p-detail {
  color: #d9d9d9;
}

/* #12 product detail main image: constrain to square, no expand */
.single-product .woocommerce-product-gallery__wrapper,
.single-product .woocommerce-product-gallery__image {
  aspect-ratio: 1 / 1 !important;
  height: auto !important;
}
.single-product .woocommerce-product-gallery__image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

.single-product .flex-control-thumbs {
  margin-top: 1rem !important;
}

.single-product .flex-control-thumbs li {
  width: 9rem !important;
  height: 9rem !important;
}

.single-product .flex-control-thumbs li img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}

.single-product .woocommerce-product-gallery .flex-viewport {
  margin-bottom: 0 !important;
}

.single-product .variations_button {
  display: flex !important;
  justify-content: center !important;
  align-items: stretch !important;
}

.single-product div.product form.cart button.single_add_to_cart_button {
  display: flex;
  width: 20rem;
  height: 46px;
  padding: 1.5rem 1.5rem 1.6rem !important;
  justify-content: center;
  align-items: center;
  gap: 0;
  color: #fff;
  font-family: "M PLUS 1";
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.41666667;
  text-transform: uppercase;
  border-radius: 200px !important;
  background: #59545C;
  margin: 0;
  transition: all 0.3s ease;
  min-height: auto;
  box-shadow: none;
  border: none;
  margin-left: 2rem;
  cursor: pointer;
}

.single-product div.product form.cart button.single_add_to_cart_button:hover {
  background: transparent;
  color: #59545C;
  border: 1px solid #59545C;
  text-decoration: none;
}

.single-product div.product form.cart .quantity .qty {
  outline: none;
  height: 46px;
  font-size: 1.2rem;
}

.single-product div.product form.cart {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 0;
  margin-bottom: 3rem;
  flex-wrap: nowrap;
  padding: 0;
}

.single-product div.product form.variations_form.cart {
  flex-direction: column;
  align-items: start;
  padding: 0;
}

.single-product div.product .woocommerce-tabs ul.tabs {
  display: none;
}

.single-product div.product .woocommerce-tabs .panel {
  width: 100%;
}

.single-product div.product .single_variation_wrap {
  width: 100%;
}

.single-product div.product .product_meta {
  margin: 0 -2rem;
  font-size: 1.4rem;
}

/* #14 product variation dropdown - identical style to shop sort dropdown (#9) per Figma confirmation */
.variation-dropdown-wrap {
  position: relative;
  width: 15rem;
}
.variation-dropdown-trigger {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 34px;
  padding: 1rem;
  border: 1px solid #59545c;
  border-radius: 10px;
  background: #fff;
  color: #59545c;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1;
  text-transform: uppercase;
  cursor: pointer;
  box-sizing: border-box;
  user-select: none;
}
.variation-dropdown-trigger-icon {
  width: 10px;
  height: 6px !important;
  flex-shrink: 0;
}
.variation-dropdown-list {
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: #fff;
  border: 1px solid #59545c;
  border-radius: 10px;
  padding: 5px;
  z-index: 20;
  box-sizing: border-box;
}
.variation-dropdown-wrap.is-open .variation-dropdown-list {
  display: flex;
}
.variation-dropdown-option {
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  padding: 8px;
  border-radius: 5px;
  color: #59545c;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.variation-dropdown-option:hover,
.variation-dropdown-option.is-selected {
  background: #59545c;
  color: #fff;
  text-decoration: underline;
}

.variations_form select {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* #14 label + dropdown sit on the same row */
.single-product table.variations tr {
  display: flex !important;
  align-items: center !important;
  gap: 2rem;
}
.single-product table.variations th.label {
  display: block !important;
  width: auto !important;
}
.single-product table.variations th.label label {
  font-family: "M PLUS 1";
  font-size: 1.2rem;
  font-weight: 700;
  color: #59545c;
  text-transform: uppercase;
  line-height: 1;
  white-space: nowrap;
  margin: 0;
}
.single-product table.variations td.value {
  display: block !important;
  width: auto !important;
  margin-bottom: 0 !important;
}


/* #15 thumbnail gallery as scrollable slide - no WooCommerce markup changes */
.woocommerce-product-gallery {
  position: relative;
}
.flex-control-thumbs {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 10px;
  overflow-x: auto;
  scroll-behavior: auto;
  scrollbar-width: none;
  margin: 10px 0 0 0 !important;
  padding: 0 !important;
  list-style: none;
}
.flex-control-thumbs::-webkit-scrollbar {
  display: none;
}
.flex-control-thumbs li {
  flex: 0 0 90px;
  width: 9rem;
  height: 9rem;
  cursor: pointer;
  border-radius: 10px;
  overflow: hidden;
}
.flex-control-thumbs li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.6;
}
.flex-control-thumbs li img {
  opacity: 0.6 !important;
  transition: opacity 0.2s ease-in-out;
}
.flex-control-thumbs li.is-active img {
  opacity: 1 !important;
}
.flex-control-thumbs li.is-active {
  outline: 1px solid #59545C;
  outline-offset: -1px;
}

/* #15 arrow style matches homepage (transparent, icon only, no circle bg) */
.thumb-scroll-arrow {
  position: absolute !important;
  bottom: 0 !important;
  height: 9rem !important;
  width: 1.5rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
  opacity: 0 !important;
  transition: opacity 0.25s ease-in-out !important;
  z-index: 5 !important;
}

.thumb-scroll-arrow.is-hidden {
  display: none !important;
}

.thumb-scroll-arrow img {
  width: 1.5rem !important;
  height: 3rem !important;
}
.thumb-scroll-arrow--prev { left: 0.5em !important; }
.thumb-scroll-arrow--next { right: 0.5em !important; }
.woocommerce-product-gallery:hover .thumb-scroll-arrow { opacity: 0.7 !important; }
.thumb-scroll-arrow:hover { opacity: 0.9 !important; }

/* fix subpixel gap causing adjacent slide to peek through on the left edge */
.single-product .woocommerce-product-gallery__wrapper {
  transform: translateZ(0);
  backface-visibility: hidden;
}

.flex-control-thumbs {
  cursor: grab;
}
.flex-control-thumbs.is-dragging {
  cursor: grabbing;
  scroll-behavior: auto;
}
.flex-control-thumbs li img {
  -webkit-user-drag: none;
  user-select: none;
}

.flex-control-thumbs {
  padding-right: 4px !important;
}

/* #16 make the zoom trigger invisible but cover the full image (correct geometry for PhotoSwipe) */
.single-product .woocommerce-product-gallery__trigger {
  display: block !important;
  opacity: 0 !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  height: auto !important;
  z-index: 10;
}

/* #A3 view-cart link: plain text, underline on hover (was solid black button) */
.woocommerce a.added_to_cart.wc-forward {
  display: inline-block !important;
  background: transparent !important;
  color: #59545C !important;
  padding: 0 !important;
  border-radius: 0 !important;
  font-size: 1.2rem !important;
  font-weight: 400 !important;
  text-decoration: none !important;
  margin-top: 2.5rem !important;
  min-height: auto !important;
}
.woocommerce a.added_to_cart.wc-forward:hover {
  text-decoration: underline !important;
}

/* #B1-B2 price styling once moved into the quantity+button row */
.single-product form.cart p.price {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 7px;
  color: #59545C;
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.333333;
  text-transform: uppercase;
  white-space: nowrap;
  flex-basis: 24.2rem;
  margin-right: 2rem;
}

.single-product div.product .summary {
  padding: 2rem 2rem 0;
}

/* #B3 push price/qty/button row to bottom of the title+form block only */
.single-product .info-height-wrap {
  display: flex !important;
  flex-direction: column !important;
}
.single-product .info-height-wrap form.variations_form.cart {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
}
.single-product .info-height-wrap .single_variation_wrap {
  margin-top: auto !important;
}
.single-product .info-height-wrap form.cart:not(.variations_form) {
  margin-top: auto !important;
}

/* #B4 invisible spacer, same size as real thumbnail row — no visual style, layout only */
.single-product .woocommerce-product-gallery .thumb-space-placeholder {
  height: 9rem !important;
  margin-top: 1rem !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.single-product .woocommerce-variation.single_variation,
.single-product a.reset_variations {
  display: none !important;
}

/* #C full-size product images - remove white frame only when ACF field is enabled */

/* Shop grid: padding/background is on the img tag itself */
.woocommerce ul.products li.product img.is-full-size-image {
padding: 0 !important;
background-color: transparent !important;
}

/* Homepage carousel + Brand showcase: padding/background is on the parent .box-image div */
.splide__slide .box-image:has(img.is-full-size-image),
.product-item .box-image:has(img.is-full-size-image) {
padding: 0 !important;
background-color: transparent !important;
}

/* #D Cart page: disable fadeUp scroll-reveal animation - Jorge feedback (2026-09-03):
   products stay hidden until the user scrolls a little. Scoped to Cart page only via
   WooCommerce's body class, so other pages keep the animation as-is. */
body.woocommerce-cart .fadeUpTrigger {
  opacity: 1 !important;
  animation: none !important;
  transform: none !important;
}

/* Responsive Styles */

@media screen and (max-width: 999px) {
  .related.products {
    padding-bottom: 2.85714em;
  }

  .single-product div.product form.cart {
    flex-wrap: wrap;
  }

  .single-product form.cart p.price {
    flex-basis: 100%;
    margin-right: 0;
    margin-bottom: 2rem !important;
  }

  .single-product .variations_button {
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
  }
}


@media screen and (max-width: 767.98px) {
  .woocommerce .woocommerce-ordering {
    margin-left: 0;
  }
}

@media (max-width: 767px) {
  .single-product div.product form.cart .quantity .qty {
    width: 70px;
  } 

  .single-product div.product .summary {
    padding: 0;
  }

  .single-product .woocommerce-product-gallery .thumb-space-placeholder {
    display: none !important;
  }

  .single-product table.variations tr {
    flex-wrap: wrap;
    gap: 1rem;
  }

  .woocommerce ul.products li.product img.is-full-size-image,
  .splide__slide .box-image:has(img.is-full-size-image),
  .product-item .box-image:has(img.is-full-size-image) {
    width: 100% !important;
  }
}

@media (max-width: 576px) {

}

@media (max-width: 390px) {

  .single-product form.cart p.price {
    margin-bottom: 0 !important;
  }

  .single-product div.product form.cart {
    flex-direction: column;
    gap: 0;
  }

  .single-product div.product form.cart button.single_add_to_cart_button {
    margin-left: 0;
  }

  .single-product .variations_button {
    flex-direction: column;
    gap: 0;
  }

  .single-product div.product form.cart .quantity {
    margin: 2rem 0;
  }
}

/* Keep email verification footer text visible on the dark popup footer. */
#otp-popup .cev-authorization__footer,
#otp-popup .cev-authorization__footer a.send_again_link {
  color: #fff;
}

/* Keep My Account order buttons readable without overflowing the actions column. */
.woocommerce-account table.my_account_orders td.order-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  white-space: normal;
}

.woocommerce-account table.my_account_orders td.order-actions .button {
  display: inline-flex;
  flex: 0 1 auto;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  margin: 0;
  white-space: nowrap;
}

/* Prevent My Account order actions from clipping or overlapping in narrow columns. */
.woocommerce-account table.my_account_orders td.order-actions {
  box-sizing: border-box;
  min-width: 0;
  overflow: visible;
  vertical-align: middle;
}

.woocommerce-account table.my_account_orders td.order-actions .button {
  box-sizing: border-box;
  min-width: 0;
  width: auto;
  max-width: 100%;
  padding: 0.55em 1em;
  line-height: 1.35;
  text-align: center;
  overflow-wrap: anywhere;
}

@media (min-width: 769px) {
  .woocommerce-account table.my_account_orders td.order-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-content: center;
  }
}

/* Keep My Account content buttons on one line with their natural width. */
.woocommerce-account .hentry .entry-content a.button,
.woocommerce-account .woocommerce-MyAccount-content a.button {
  white-space: nowrap;
  display: block;
  width: auto;
  max-width: fit-content;
}



/* CEV popup layout only; visibility remains controlled by the plugin. */
body > #otp-popup.cev-authorization-grid__visual {
  position: fixed !important;
  inset: 0 !important;
  z-index: 5000 !important;
  width: 100vw !important;
  height: 100vh !important;
  padding: 20px !important;
  box-sizing: border-box !important;
  overflow-y: auto !important;
}

body > #otp-popup.cev-authorization-grid__visual .otp_popup_inn {
  width: 100% !important;
  min-height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body > #otp-popup.cev-authorization-grid__visual .cev-authorization-grid__holder {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
}

body > #otp-popup.cev-authorization-grid__visual .cev-authorization-grid__inner {
  width: min(100%, 460px) !important;
  max-width: 460px !important;
  margin: 0 auto !important;
}