/* --- existing smart atc --- */
.prk-smart-atc{
  width:100%;
  position:relative;
}
.prk-smart-atc--full{
  width:100%;
}
.prk-smart-atc__button{
  position:relative;
  width:100%;
  min-height:44px;
  border:1px solid transparent;
  border-radius:12px;
  background:var(--prk-color-primary, #ff5b0e);
  color:#fff;
  cursor:pointer;
  transition:all .2s ease;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:10px 16px;
}
.prk-smart-atc__button:hover{
  filter:brightness(.96);
}
.prk-smart-atc__button:disabled{
  opacity:.65;
  cursor:not-allowed;
}
.prk-smart-atc__content{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  transition:opacity .2s ease;
}
.prk-smart-atc--icon-after .prk-smart-atc__content{
  flex-direction:row-reverse;
}
.prk-smart-atc__icon{
  line-height:1;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.prk-smart-atc__icon svg,
.prk-smart-atc__icon i,
.prk-smart-atc__icon img{
  width:20px;
  height:20px;
}
.prk-smart-atc__text{
  line-height:1.6;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.prk-smart-atc__loading{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  opacity:0;
  visibility:hidden;
  transition:all .2s ease;
}
.prk-smart-atc.is-loading .prk-smart-atc__content{
  opacity:0;
}
.prk-smart-atc.is-loading .prk-smart-atc__loading{
  opacity:1;
  visibility:visible;
}
.prk-smart-atc__spinner{
  width:20px;
  height:20px;
  border:2px solid rgba(255,255,255,.35);
  border-top-color:#fff;
  border-radius:50%;
  animation:prkSmartAtcSpin .7s linear infinite;
}
.prk-smart-atc__dots{
  display:inline-flex;
  align-items:center;
  gap:4px;
}
.prk-smart-atc__dots span{
  width:6px;
  height:6px;
  border-radius:50%;
  background:#fff;
  display:block;
  animation:prkSmartAtcDots .9s infinite ease-in-out;
}
.prk-smart-atc__dots span:nth-child(2){ animation-delay:.12s; }
.prk-smart-atc__dots span:nth-child(3){ animation-delay:.24s; }

.prk-smart-atc__pulse{
  width:18px;
  height:18px;
  border-radius:50%;
  background:#fff;
  animation:prkSmartAtcPulse .9s infinite ease-in-out;
}

.prk-smart-atc--display-icon_only .prk-smart-atc__button{
  padding-inline:12px;
}
.prk-smart-atc--display-icon_only .prk-smart-atc__content{
  gap:0;
}

@keyframes prkSmartAtcSpin{
  to{ transform:rotate(360deg); }
}
@keyframes prkSmartAtcDots{
  0%, 80%, 100%{ transform:scale(.65); opacity:.45; }
  40%{ transform:scale(1); opacity:1; }
}
@keyframes prkSmartAtcPulse{
  0%{ transform:scale(.7); opacity:.55; }
  70%{ transform:scale(1); opacity:1; }
  100%{ transform:scale(.7); opacity:.55; }
}

.prk-smart-variable-modal{
  width:min(100%, 500px);
  background:#fff;
  color:#232323;
}
.prk-smart-variable-modal__inner{
  display:flex;
  flex-direction:column;
  max-height:min(90vh, 820px);
}
.prk-smart-variable-modal__inner [data-prk-swatch]{
  max-width: 445px !important;
}
.prk-smart-variable-modal__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:18px 20px;
  border-bottom:1px solid #e7e7e9;
}
.prk-smart-variable-modal__title{
  font-size:15px;
  font-weight:700;
  color:#111827;
}
#prk-smart-variable-modal .prk-smart-variable-modal__close{
  position:absolute;
  top:17px;
  left:17px;
  z-index:5;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:24px;
  height:24px;
  padding:0;
  border:0;
  border-radius:50%;
  background:transparent;
  color:#424750;
  cursor:pointer;
}
#prk-smart-variable-modal .prk-smart-variable-modal__close svg{
  display:block;
  flex:0 0 auto;
}
.prk-smart-variable-modal__body{
  margin: 0 20px;
  overflow:auto;
}
.prk-smart-variable-modal__loading,

.prk-smart-atc__icon-img{
  display:block;
  width:1.15em;
  height:1.15em;
  max-width:100%;
  object-fit:contain;
}

.prk-smart-atc-inline-panel__loading{
  min-height:180px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.prk-smart-variable-modal__spinner{
  width:26px;
  height:26px;
  border:2px solid rgba(0,0,0,.15);
  border-top-color:var(--prk-color-primary, #ff5b0e);
  border-radius:50%;
  animation:prkSmartAtcSpin .7s linear infinite;
}

.prk-smart-variable-modal__loading {
  width: 100%;
  min-height: 180px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  box-sizing: border-box;
  text-align: center;
}

.prk-smart-variable-modal__loading-logo-wrap {
  width: 64px;
  height: 64px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}

.prk-smart-variable-modal__loading-logo {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  transform-origin: center center;
  animation: prk-smart-modal-loader-pulse var(--prk-smart-modal-loader-duration, 1600ms) ease-in-out infinite;
}

@keyframes prk-smart-modal-loader-pulse {
  0%, 100% {
    transform: scale(var(--prk-smart-modal-loader-min-scale, 0.92));
    opacity: 0.72;
  }

  50% {
    transform: scale(var(--prk-smart-modal-loader-max-scale, 1));
    opacity: 1;
  }
}

.prk-smart-variable-modal__error{
  padding:24px;
  text-align:center;
  color:#ef4444;
  font-size:13px;
}



.prk-smart-variable-sheet__product{
  display: flex;
  align-items: unset;
  flex-direction: column;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 18px;
  padding: 12px;
  border: 1px solid #ececec;
  border-radius: 14px;
  background: #fff;
}
.prk-smart-variable-sheet__thumb{
  width:64px;
  min-width:64px;
  height:64px;
  border-radius:10px;
  overflow:hidden;
  background:#f8f8f8;
}
.prk-smart-variable-sheet__thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.prk-smart-variable-sheet__meta{
  min-width:0;
  flex:1 1 auto;
}
.prk-smart-variable-sheet__name{
  font-size:13px;
  line-height:1.9;
  color:#111827;
  font-weight:600;
}
.prk-smart-variable-sheet__price{
  margin-top:6px;
  margin-left: 10px;
}

.prk-smart-variable-sheet__form .reset_variations{
  display:inline-flex !important;
}
.prk-smart-variable-sheet__form .single_variation_wrap .quantity,
.prk-smart-variable-sheet__form .single_variation_wrap .single_add_to_cart_button{
  display:none !important;
}

.prk-smart-variable-sheet__footer{
  margin-top:18px;
}
.prk-smart-variable-sheet__submit{
  width:100%;
  min-height:46px;
  border:0;
  border-radius:12px;
  background:var(--prk-color-primary, #ff5b0e);
  color:#fff;
  font-size:14px;
  font-weight:700;
  cursor:pointer;
  transition:all .2s ease;
}
.prk-smart-variable-sheet__submit:hover{
  filter:brightness(.96);
}
.prk-smart-variable-sheet__submit:disabled{
  opacity:.55;
  cursor:not-allowed;
}
.prk-smart-variable-sheet.is-loading .prk-smart-variable-sheet__submit{
  pointer-events:none;
  opacity:.7;
}

.prk-smart-variable-required{
  outline:1px solid #ef4444 !important;
  outline-offset:2px !important;
}

.prk-smart-variable-sheet .single_variation_wrap,
.prk-smart-variable-sheet .reset_variations {
  display: none !important;
}

/* --- inline card variation sheet --- */
.prk-smart-atc-inline-host{
  position:relative;
  overflow:hidden;
}

.prk-smart-atc-inline-host{
  isolation:isolate;
}

.prk-smart-atc-inline-host--flip-scope-item,
.prk-smart-atc-inline-host--flip-scope-inner{
  overflow:hidden;
}

.prk-smart-atc-inline-host--flip-scope-item > .prk-smart-atc-inline-panel,
.prk-smart-atc-inline-host--flip-scope-inner > .prk-smart-atc-inline-panel{
  border-radius:inherit;
}

.prk-smart-atc-inline-panel--flip-scope-item,
.prk-smart-atc-inline-panel--flip-scope-inner{
  border-radius:inherit;
}

.prk-smart-atc-inline-host > .prk-smart-atc-inline-panel{
  border-radius:inherit;
}




.prk-smart-atc-inline-panel{
  box-sizing:border-box;
  border-radius:inherit;
}

.prk-smart-atc-inline-panel__inner{
  border-radius:inherit;
}

.prk-smart-atc-inline-host--flip{
  perspective:var(--prk-smart-inline-flip-perspective, 1000px);
  transform-style:preserve-3d;
}

.prk-smart-atc-inline-host--flip > :not(.prk-smart-atc-inline-panel):not(script):not(style){
  backface-visibility:hidden;
  transform-style:preserve-3d;
  transition:
    transform var(--prk-smart-inline-close-duration, 320ms) var(--prk-smart-inline-close-easing, ease-in-out),
    opacity var(--prk-smart-inline-close-duration, 320ms) var(--prk-smart-inline-close-easing, ease-in-out);
}



.prk-smart-atc-inline-host--flip.is-prk-smart-inline-open > :not(.prk-smart-atc-inline-panel):not(script):not(style){
  transform:rotateY(var(--prk-smart-inline-front-rotate, -180deg));
  opacity:0;
  pointer-events:none;
  transition:
    transform var(--prk-smart-inline-open-duration, 420ms) var(--prk-smart-inline-open-easing, cubic-bezier(.22,.61,.36,1)),
    opacity var(--prk-smart-inline-open-duration, 420ms) var(--prk-smart-inline-open-easing, cubic-bezier(.22,.61,.36,1));
}




.prk-smart-atc-inline-host--flip .prk-smart-atc-inline-panel__inner{
  background:#fff;
  overflow:auto;
}

.prk-smart-atc-inline-host--flip .prk-smart-variable-sheet--inline-card{
  min-height:100%;
}

.prk-smart-atc-inline-panel{
  --prk-smart-inline-panel-top: 0;
  --prk-smart-inline-panel-height: 100%;
  --prk-smart-inline-panel-min-height: 100%;
  --prk-smart-inline-slide-closed-y: 100%;

  position:absolute;
  top:var(--prk-smart-inline-panel-top, 0);
  right:0;
  bottom:0;
  left:0;
  z-index:35;

  height:var(--prk-smart-inline-panel-height, 100%);
  min-height:var(--prk-smart-inline-panel-min-height, 100%);

  opacity:0;
  visibility:hidden;
  pointer-events:none;
  overflow:hidden;

  transform:translateY(var(--prk-smart-inline-slide-closed-y, 100%));
  will-change:transform;

  transition:
    transform var(--prk-smart-inline-close-duration, 320ms) var(--prk-smart-inline-close-easing, ease-in-out),
    opacity var(--prk-smart-inline-close-duration, 320ms) var(--prk-smart-inline-close-easing, ease-in-out);
}

.prk-smart-atc-inline-panel.is-open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0);

  transition:
    transform var(--prk-smart-inline-open-duration, 420ms) var(--prk-smart-inline-open-easing, cubic-bezier(.22,.61,.36,1)),
    opacity var(--prk-smart-inline-open-duration, 420ms) var(--prk-smart-inline-open-easing, cubic-bezier(.22,.61,.36,1));
}

.prk-smart-atc-inline-panel.is-closing{
  opacity:1;
  visibility:visible;
  pointer-events:none;
  transform:translateY(var(--prk-smart-inline-slide-closed-y, 100%));

  transition:
    transform var(--prk-smart-inline-close-duration, 320ms) var(--prk-smart-inline-close-easing, ease-in-out),
    opacity var(--prk-smart-inline-close-duration, 320ms) var(--prk-smart-inline-close-easing, ease-in-out);
}

.prk-smart-atc-inline-panel--slide_up,
.prk-smart-atc-inline-panel--slide-up{
  top:var(--prk-smart-inline-panel-top, 0);
  height:var(--prk-smart-inline-panel-height, 100%);
  min-height:var(--prk-smart-inline-panel-min-height, 100%);
  transform:translateY(var(--prk-smart-inline-slide-closed-y, 100%));
}

.prk-smart-atc-inline-panel--slide_up.is-open,
.prk-smart-atc-inline-panel--slide-up.is-open{
  transform:translateY(0);
}

.prk-smart-atc-inline-panel--slide_up.is-closing,
.prk-smart-atc-inline-panel--slide-up.is-closing{
  transform:translateY(var(--prk-smart-inline-slide-closed-y, 100%));
}

.prk-smart-atc-inline-panel--flip{
  inset:0;
  min-height:100%;
  transform:rotateY(calc(var(--prk-smart-inline-front-rotate, -180deg) * -1));
  transform-origin:center center;
  backface-visibility:hidden;
  transform-style:preserve-3d;
  transition:
    transform var(--prk-smart-inline-close-duration, 320ms) var(--prk-smart-inline-close-easing, ease-in-out),
    opacity var(--prk-smart-inline-close-duration, 320ms) var(--prk-smart-inline-close-easing, ease-in-out),
    visibility var(--prk-smart-inline-close-duration, 320ms) var(--prk-smart-inline-close-easing, ease-in-out);
}

.prk-smart-atc-inline-panel--flip.is-open{
  transform:rotateY(0deg);
  transition:
    transform var(--prk-smart-inline-open-duration, 420ms) var(--prk-smart-inline-open-easing, cubic-bezier(.22,.61,.36,1)),
    opacity var(--prk-smart-inline-open-duration, 420ms) var(--prk-smart-inline-open-easing, cubic-bezier(.22,.61,.36,1)),
    visibility var(--prk-smart-inline-open-duration, 420ms) var(--prk-smart-inline-open-easing, cubic-bezier(.22,.61,.36,1));
}

.prk-smart-atc-inline-panel--flip .prk-smart-atc-inline-panel__inner{
  height:100%;
  max-height:100%;
  border-top:0;
  box-shadow:none;
}

.prk-smart-atc-inline-panel__inner{
  position:relative;
  width:100%;
  height:100%;
  min-height:100%;
  max-height:100%;
  background:#fff;
  border-top:1px solid #ececec;
  box-shadow:0 -12px 32px rgba(0,0,0,.14);
  overflow:auto;
}

.prk-smart-variable-sheet--inline-card{
  padding-bottom:8px;
}

.prk-smart-variable-sheet__inline-head{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  padding:10px 12px 0;
  box-sizing:border-box;
}

.prk-smart-variable-sheet__inline-close{
  min-width:28px;
  min-height:28px;
  border:0;
  background:transparent;
  color:#8a8a94;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:8px;
  padding:0;
  line-height:1;
  box-sizing:border-box;
  transition:all .2s ease;
}

.prk-smart-variable-sheet__inline-close:hover{
  background:#f4f4f5;
  color:#111827;
}

.prk-smart-variable-sheet__inline-close-content{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  line-height:1;
}

.prk-smart-variable-sheet__inline-close--icon-after .prk-smart-variable-sheet__inline-close-content{
  flex-direction:row-reverse;
}

.prk-smart-variable-sheet__inline-close-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  line-height:0;
  color:currentColor;
  flex:0 0 auto;
}

.prk-smart-variable-sheet__inline-close-icon svg,
.prk-smart-variable-sheet__inline-close-icon i,
.prk-smart-variable-sheet__inline-close-icon img{
  width:18px;
  height:18px;
  font-size:18px;
  display:block;
  color:currentColor;
}

.prk-smart-variable-sheet__inline-close-icon svg path{
  fill:currentColor;
}

.prk-smart-variable-sheet__inline-close-text{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:currentColor;
  line-height:1.6;
  white-space:nowrap;
}

.prk-smart-variable-sheet__footer--has-qty{
  display:flex;
  flex-direction:column;
  gap:10px;
  align-items:stretch;
}

.prk-smart-variable-sheet__qty{
  display:grid;
  grid-template-columns:36px 1fr 36px;
  align-items:center;
  width:100%;
  border:1px solid #e5e7eb;
  border-radius:10px;
  overflow:hidden;
  background:#fff;
}

.prk-smart-variable-sheet__qty-btn{
  min-height:36px;
  border:0;
  background:#fff;
  color:#111827;
  font-size:20px;
  line-height:1;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
}

.prk-smart-variable-sheet__qty-btn:hover{
  background:#f9fafb;
}

.prk-smart-variable-sheet__qty-btn.is-disabled{
  opacity:.45;
  cursor:not-allowed;
  pointer-events:none;
}

.prk-smart-variable-sheet__qty-display{
  width:100%;
  min-height:36px;
  border:0;
  text-align:center;
  font-size:14px;
  color:#111827;
  background:#fff;
  padding:0 8px;
}

.prk-smart-atc.is-inline-open .prk-smart-atc__button{
  opacity:.95;
}

.prk-smart-variable-sheet__submit{
  position:relative;
  overflow:hidden;
}

.prk-smart-variable-sheet__submit-content{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  transition:opacity .2s ease;
}

.prk-smart-variable-sheet__submit-loading{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  opacity:0;
  visibility:hidden;
  transition:all .2s ease;
}

.prk-smart-variable-sheet__submit.is-loading .prk-smart-variable-sheet__submit-content{
  opacity:0;
}

.prk-smart-variable-sheet__submit.is-loading .prk-smart-variable-sheet__submit-loading{
  opacity:1;
  visibility:visible;
}

.prk-smart-variable-sheet__submit .prk-smart-atc__spinner{
  border-color:rgba(255,255,255,.35);
  border-top-color:#fff;
}

.prk-smart-inline-swatch__item.is-outofstock .prk-smart-inline-swatch__chip{
  filter:saturate(.82);
}

.prk-smart-inline-swatch__item.is-selected.is-disabled{
  opacity:.7;
}

@media (max-width: 767px){
  .prk-smart-atc-inline-panel__inner{
    max-height:88%;
  }
}


/* inline custom swatches */
.prk-smart-variable-sheet--inline-card .reset_variations_alert,
.prk-smart-variable-sheet--inline-card .notifyproduct,
.prk-smart-variable-sheet--inline-card #prk-notify-modal{
  display:none !important;
}

.prk-smart-variable-sheet--inline-card .variations tr.prk-smart-inline-row--custom th.label,
.prk-smart-variable-sheet--inline-card .variations tr.prk-smart-inline-row--custom .thwvsf_fields{
  display:none !important;
}

.prk-smart-variable-sheet--inline-card .variations,
.prk-smart-variable-sheet--inline-card .variations tbody,
.prk-smart-variable-sheet--inline-card .variations tr,
.prk-smart-variable-sheet--inline-card .variations td.value{
  display:block;
  width:100%;
}

.prk-smart-variable-sheet--inline-card .variations tr{
  margin:0 0 14px;
}

.prk-smart-variable-sheet--inline-card .variations td.value{
  padding:0 !important;
}

.prk-smart-variable-sheet--inline-card .variations tr.prk-smart-inline-row--native th.label{
  display:block !important;
  width:100%;
  margin:0 0 8px;
}

.prk-smart-variable-sheet--inline-card .variations tr.prk-smart-inline-row--native th.label label{
  display:block;
  font-size:12px;
  font-weight:700;
  color:#111827;
}

.prk-smart-variable-sheet--inline-card .variations tr.prk-smart-inline-row--native .thwvsf_fields{
  display:block !important;
  width:100%;
}

.prk-smart-variable-sheet--inline-card .variations tr.prk-smart-inline-row--native .thwvsf_fields > [data-prk-swatch],
.prk-smart-variable-sheet--inline-card .variations tr.prk-smart-inline-row--native .thwvsf_fields .product-color-text-swiper-container,
.prk-smart-variable-sheet--inline-card .variations tr.prk-smart-inline-row--native .thwvsf_fields .product-color-img-swiper-container,
.prk-smart-variable-sheet--inline-card .variations tr.prk-smart-inline-row--native .thwvsf_fields .product-size-swiper-container{
  display:none !important;
}

.prk-smart-variable-sheet--inline-card .variations tr.prk-smart-inline-row--native select[name^="attribute_"]{
  display:block !important;
  width:100%;
  min-height:40px;
  border:1px solid #d7d7dc;
  border-radius:10px;
  background:#fff;
  padding:0 12px;
  color:#111827;
  font-size:13px;
  line-height:1.5;
  box-shadow:none;
}

.prk-smart-variable-sheet--inline-card .variations tr.prk-smart-inline-row--native .reset_variations{
  margin-top:10px !important;
}

.prk-smart-inline-attr{
  margin:0 0 12px;
}

.prk-smart-inline-attr__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:8px;
}

.prk-smart-inline-attr__title{
  font-size:12px;
  font-weight:700;
  color:#111827;
}

.prk-smart-inline-attr__selected{
  font-size:12px;
  color:var(--prk-color-primary, #ff5b0e);
  font-weight:600;
  min-height:18px;
  margin-left: 15px;
}

.prk-smart-inline-attr__items{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}

.prk-smart-inline-swatch__tooltip-host{
  display:inline-flex;
}

.prk-smart-inline-swatch__item{
  position:relative;
  border:0;
  background:transparent;
  padding:0;
  margin:0;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.prk-smart-inline-swatch__chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  transition:all .2s ease;
}

.prk-smart-inline-swatch__item--text .prk-smart-inline-swatch__chip--text{
  min-width:40px;
  min-height:34px;
  border:1px solid #d7d7dc;
  border-radius:10px;
  padding:0 10px;
  background:#fff;
  color:#111827;
  font-size:12px;
  font-weight:600;
}

.prk-smart-inline-swatch__item--color .prk-smart-inline-swatch__chip--color{
  width:34px;
  height:34px;
  border-radius:12px;
  border:1px solid #e5e7eb;
  background:#fff;
  padding:4px;
}

.prk-smart-inline-swatch__color{
  width:100%;
  height:100%;
  border-radius:999px;
  display:block;
  border:1px solid rgba(0,0,0,.06);
}

.prk-smart-inline-swatch__item--image .prk-smart-inline-swatch__chip--image{
  position:relative;
  width:42px;
  height:50px;
  border-radius:10px;
  overflow:hidden;
  background:#fff;
  border:1px solid #e5e7eb;
}

.prk-smart-inline-swatch__image{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.prk-smart-inline-swatch__item.is-selected .prk-smart-inline-swatch__chip--text{
  color:var(--prk-color-primary, #ff5b0e);
  border-color:var(--prk-color-primary, #ff5b0e);
  box-shadow:0 0 0 2px rgba(255,91,14,.12);
}

.prk-smart-inline-swatch__item.is-selected .prk-smart-inline-swatch__chip--color,
.prk-smart-inline-swatch__item.is-selected .prk-smart-inline-swatch__chip--image{
  border-color:var(--prk-color-primary, #ff5b0e);
  box-shadow:0 0 0 2px rgba(255,91,14,.12);
}

.prk-smart-inline-swatch__item.is-disabled{
  opacity:.45;
  cursor:not-allowed;
  pointer-events:none;
}

.prk-smart-inline-swatch__oos{
  position:absolute;
  inset:auto 0 0 0;
  min-height:18px;
  background:linear-gradient(to top, rgba(0,0,0,.56), rgba(0,0,0,.18));
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:10px;
  font-weight:700;
  padding:2px 4px;
}


.prk-smart-atc__loader-svg{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  line-height:0;
  color:#a1a3a8;
}
.prk-smart-atc__loader-svg--digi{
  width: 85px;
  height: 45px;
}
.prk-smart-atc__loader-svg--bs{
  width:24px;
  height:24px;
}
.prk-smart-atc__loader-svg-el,
.prk-smart-atc__loader-circle{
  width:100%;
  height:100%;
  display:block;
  fill:currentColor;
}
.prk-smart-atc__loader-svg-el.digi-loading{
  width: 25px !important;
  height: 30px !important;
}
.prk-smart-variable-sheet__submit .prk-smart-atc__loader-svg,
.prk-smart-atc__loading .prk-smart-atc__loader-svg{
  color:inherit;
}
.prk-smart-variable-sheet__price-row,
.prk-smart-variable-sheet__summary{
  display:flex;
  justify-content:flex-end;
}
.prk-smart-variable-sheet--tooltip-off .product-color-text-el-tooltip,
.prk-smart-variable-sheet--tooltip-off .tooltiptext{
  display:none !important;
}
@keyframes spin {
  to {
    transform: rotate(1turn)
  }
}
.bs-loading__circle {
  fill: currentColor;
  animation: spin .8s linear infinite;
}
.shopAddToCart .plus.disabled {
    opacity: 0.5;
    pointer-events: none;
    cursor: default;
    color: #dfdfdf;
}
.shopAddToCart.bs-style .plus.disabled{
    background-color: #f3f3f4;
    color: #cfced3;
}
.shopAddToCart.loading .plus,.shopAddToCart.loading .minus{
    pointer-events: none;
    cursor: default;
}

.prk-smart-atc-inline-panel__inner {
    position: relative;
}

.prk-smart-atc-inline-panel__loading {
  width: 100%;
  height: 100%;
  min-height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  box-sizing: border-box;
  text-align: center;
}

.prk-smart-atc-inline-panel__loading-logo-wrap {
    width: 64px;
    height: 64px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

.prk-smart-atc-inline-panel__loading-logo {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    transform-origin: center center;
    animation: prk-smart-inline-loader-pulse var(--prk-smart-inline-loader-duration, 1600ms) ease-in-out infinite;
}


.prk-modal.prk-smart-variable-modal.elementor-element {
  --align-self: center;
  --flex-basis: auto;
  --flex-grow: 0;
  --flex-shrink: 1;
  --order: 0;

  align-self: center !important;
  flex-basis: auto !important;
  flex-grow: 0 !important;
  flex-shrink: 1 !important;
  order: 0 !important;
}


.prk-smart-variable-sheet__submit-text{
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.prk-smart-variable-sheet__submit-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  line-height:0;
}

.prk-smart-variable-sheet__submit-icon svg,
.prk-smart-variable-sheet__submit-icon i,
.prk-smart-variable-sheet__submit-icon img{
  width:20px;
  height:20px;
  font-size: 20px;
  display:block;
}


.prk-smart-atc-inline-panel--flip.is-closing{
  opacity:1;
  visibility:visible;
  pointer-events:none;
  transform:rotateY(calc(var(--prk-smart-inline-front-rotate, -180deg) * -1));

  transition:
    transform var(--prk-smart-inline-close-duration, 320ms) var(--prk-smart-inline-close-easing, ease-in-out),
    opacity var(--prk-smart-inline-close-duration, 320ms) var(--prk-smart-inline-close-easing, ease-in-out);
}

.prk-smart-atc-inline-host--flip.is-prk-smart-inline-closing > :not(.prk-smart-atc-inline-panel):not(script):not(style){
  transform:rotateY(0deg);
  opacity:1;
  pointer-events:none;

  transition:
    transform var(--prk-smart-inline-close-duration, 320ms) var(--prk-smart-inline-close-easing, ease-in-out),
    opacity var(--prk-smart-inline-close-duration, 320ms) var(--prk-smart-inline-close-easing, ease-in-out);
}

/* ================================
   PRK Smart ATC - Whole Card Flip Shell
   فقط برای حالت چرخش کل کارت
================================ */

.prk-smart-atc-inline-host--flip-scope-item{
  position:relative;
  overflow:hidden;
  border-radius:var(--prk-smart-inline-card-radius, 18px);
  perspective:var(--prk-smart-inline-flip-perspective, 1000px);
  transform-style:preserve-3d;
}

/* front کارت همچنان مثل قبل کلش می‌چرخه */
.prk-smart-atc-inline-host--flip-scope-item > :not(.prk-smart-atc-inline-panel):not(script):not(style){
  border-radius:inherit;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  transform-style:preserve-3d;
}

/* خود پنل پشت کارت، باکس کامل کارت را داشته باشد */
.prk-smart-atc-inline-panel--flip-scope-item{
  inset:0;
  box-sizing:border-box;
  border-radius:var(--prk-smart-inline-card-radius, inherit);
  background:var(--prk-smart-inline-card-bg, #fff);
  border:var(--prk-smart-inline-card-border, 1px solid #e5e7eb);
  box-shadow:var(--prk-smart-inline-card-shadow, none);
  overflow:hidden;
}

/* محتوای داخل پنل از قاب بیرون نزند */
.prk-smart-atc-inline-panel--flip-scope-item .prk-smart-atc-inline-panel__inner{
  width:100%;
  height:100%;
  min-height:100%;
  max-height:100%;
  border-radius:inherit;
  background:var(--prk-smart-inline-card-bg, #fff);
  border-top:0;
  box-shadow:none;
  overflow:auto;
}

/* ================================
   PRK Smart ATC - Whole Card Border Overlay Fix
   فقط حالت کل کارت / item
================================ */

.prk-smart-atc-inline-host--flip-scope-item{
  isolation:isolate;
  overflow:hidden;
  background:var(--prk-smart-inline-card-bg, #fff);
  border-radius:var(--prk-smart-inline-card-radius, 18px);
}

/* پنل کل کارت */
.prk-smart-atc-inline-panel--flip-scope-item{
  z-index:50;
  border:0 !important;
  border-radius:var(--prk-smart-inline-card-radius, inherit);
  background:var(--prk-smart-inline-card-bg, #fff);
  overflow:hidden;
}

/* محتوای داخل پنل، زیر لایه‌ی بوردر بماند */
.prk-smart-atc-inline-panel--flip-scope-item .prk-smart-atc-inline-panel__inner{
  position:relative;
  z-index:1;
  border:0 !important;
  border-radius:inherit;
  background:var(--prk-smart-inline-card-bg, #fff);
  box-shadow:none !important;
  overflow:auto;
}

/* بوردر همیشه روی همه‌چیز دیده شود */
.prk-smart-atc-inline-panel--flip-scope-item::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:5;
  pointer-events:none;
  border-radius:inherit;
  box-shadow:inset 0 0 0 1px var(--prk-smart-inline-card-border-color, #e5e7eb);
}

/* اگر موقع بسته شدن هم یک لحظه پنل دیده می‌شود، بوردر حفظ شود */
.prk-smart-atc-inline-panel--flip-scope-item.is-open::after,
.prk-smart-atc-inline-panel--flip-scope-item.is-closing::after{
  opacity:1;
}

/* Fast ATC - inside mode host fix */
.prk-smart-atc-inline-host--fast-inner{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate;
}

/* محتوای اصلی کارت زیر پنل بماند */
.prk-smart-atc-inline-host--fast-inner > .e-con-inner{
  position:relative;
  z-index:1;
}

/* پنل روی کل باکس داخلی بیاید */
.prk-smart-atc-inline-host--fast-inner > .prk-smart-atc-inline-panel{
  z-index:60;
  max-height:100%;
}

/* پنل از محدوده‌ی باکس بیرون نزند */
.prk-smart-atc-inline-host--fast-inner > .prk-smart-atc-inline-panel > .prk-smart-atc-inline-panel__inner{
  max-height:100%;
  overflow:auto;
}


.prk-smart-success-toast {
  min-width: 180px;
  max-width: 320px;
  padding: 10px 14px;
  border-radius: 10px;
  background: #16a34a;
  color: #fff;
  font-size: 13px;
  line-height: 1.8;
  box-shadow: 0 10px 30px rgba(15, 23, 42, .18);
  direction: rtl;
  text-align: right;
  opacity: 1;
  transform: translateY(0);
  transition: opacity .22s ease, transform .22s ease;
}

.prk-smart-success-toast.is-hiding {
  opacity: 0;
  transform: translateY(8px);
}

.prk-smart-success-modal {
  width: min(460px, calc(100vw - 24px));
  background: #fff;
  border-radius: 18px;
  overflow: hidden;
  direction: rtl;
}

.prk-smart-success-modal__inner {
  width: 100%;
}

.prk-smart-success-modal__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px;
  border-bottom: 1px solid #e5e7eb;
}

.prk-smart-success-modal__title {
  font-size: 15px;
  font-weight: 700;
  color: #15803d;
}

.prk-smart-success-modal__close {
  width: 34px;
  height: 34px;
  border: 0;
  background: #f3f4f6;
  color: #111827;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.prk-smart-success-modal__body {
  padding: 16px 18px 18px;
}

.prk-smart-success-modal__product {
  display: flex;
  align-items: center;
  gap: 12px;
}

.prk-smart-success-modal__image-wrap {
  width: 72px;
  height: 72px;
  flex: 0 0 72px;
  border-radius: 12px;
  background: #f8fafc;
  overflow: hidden;
}

.prk-smart-success-modal__image-wrap.is-empty {
  display: none;
}

.prk-smart-success-modal__image {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.prk-smart-success-modal__product-title {
  font-size: 13px;
  font-weight: 600;
  color: #111827;
  line-height: 1.9;
}

.prk-smart-success-modal__button {
  margin-top: 16px;
  width: 100%;
  min-height: 44px;
  border-radius: 10px;
  background: var(--prk-color-primary, #ff5b0e);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: 13px;
  font-weight: 600;
}

.prk-smart-success-modal__button:hover {
  color: #fff;
  background: var(--prk-color-gradient-end, #ff6a00);
}


.prk-smart-success-modal__title-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
}

.prk-smart-success-modal__lottie {
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  display: block;
}

.prk-smart-success-modal--no-lottie .prk-smart-success-modal__lottie {
  display: none;
}

@media (max-width: 1023px) {
  #prk-smart-variable-modal.prk-smart-variable-modal[data-enable-mobile-bottom-sheet="true"] {
    width: 100% !important;
    max-width: 100% !important;
    max-height: calc(var(--vh) * 100) !important;
    border-radius: var(--prk-overlay-radius, 16px) var(--prk-overlay-radius, 16px) 0 0 !important;
    box-shadow: 0 -12px 32px rgba(15, 23, 42, .18);
  }

  #prk-smart-variable-modal .prk-smart-variable-modal__inner {
    height: 100%;
    max-height: none;
    min-height: 0;
  }

  #prk-smart-variable-modal .prk-smart-variable-modal__head {
    flex: 0 0 auto;
    padding: 18px 20px 16px;
    background: #fff;
  }

  #prk-smart-variable-modal .prk-smart-variable-modal__close {
    top: 10px;
    left: 14px;
    width: 32px;
    height: 32px;
    border-radius: 999px;
    background: #f5f5f5;
    color: #424750;
  }
  
  #prk-smart-variable-modal .prk-smart-variable-modal__close svg {
    width: 20px;
    height: 20px;
  }

  #prk-smart-variable-modal .prk-smart-variable-modal__body {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    margin: 0;
    padding: 0 16px 0;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
  }

  #prk-smart-variable-modal .prk-smart-variable-sheet {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
  }

  #prk-smart-variable-modal .prk-smart-variable-sheet__content {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    padding-bottom: 16px;
  }

  #prk-smart-variable-modal .prk-smart-variable-sheet__instruction {
    margin: 14px 0 16px !important;
  }

  #prk-smart-variable-modal .prk-smart-variable-sheet__product {
    margin: 16px 0 14px;
  }

  #prk-smart-variable-modal .prk-smart-variable-sheet__summary {
    padding-inline: 0;
  }

  #prk-smart-variable-modal .prk-smart-variable-sheet__footer {
    position: relative;
    bottom: 0;
    z-index: 4;
    flex: 0 0 auto;
    margin: 0 -16px !important;
    padding: 12px 16px max(14px, env(safe-area-inset-bottom));
    border-top: 1px solid #f0f0f1;
    background: #fff;
  }

  #prk-smart-variable-modal .prk-smart-variable-sheet__submit {
    min-height: 48px;
  }

  .prk-modal.prk-smart-variable-modal.elementor-element[data-enable-mobile-bottom-sheet="true"] {
    --align-self: flex-end;
    align-self: flex-end !important;
  }
}

@keyframes prk-smart-inline-loader-pulse {
    0%, 100% {
        transform: scale(var(--prk-smart-inline-loader-min-scale, 0.92));
        opacity: 0.72;
    }
    50% {
        transform: scale(var(--prk-smart-inline-loader-max-scale, 1));
        opacity: 1;
    }
}




/* Legacy Elementor product widgets bridge */
.prk-elementor-legacy-atc{
  display:inline-flex;
  width:auto;
  max-width:100%;
  vertical-align:middle;
}
.prk-elementor-legacy-atc.prk-smart-atc--full{
  width:100%;
}
.prk-elementor-legacy-atc .prk-smart-atc__button{
  min-height:38px;
  border-radius:10px;
  padding:8px 12px;
  line-height:1;
}
.prk-elementor-legacy-atc--icon .prk-smart-atc__button{
  width:38px;
  min-width:38px;
  padding:0;
}
.prk-elementor-legacy-atc--text .prk-smart-atc__button,
.product-cart .prk-elementor-legacy-atc .prk-smart-atc__button{
  min-width:92px;
  padding-inline:14px;
}
.prk-elementor-legacy-atc .prk-smart-atc__icon svg,
.prk-elementor-legacy-atc .prk-smart-atc__icon i,
.prk-elementor-legacy-atc .prk-smart-atc__icon img{
  width:18px;
  height:18px;
  font-size:18px;
}
.product-actions ul li .prk-elementor-legacy-atc,
.lists_add_to_cart .prk-elementor-legacy-atc,
.add-to-carter .prk-elementor-legacy-atc{
  align-items:center;
  justify-content:center;
}
    /* حذف مقدار انتخاب‌شده کنار عنوان ویژگی فقط در باکس Inline */
  .prk-smart-variable-sheet--inline-card
  .prk-smart-inline-attr__selected {
      display: none !important;
  }

@media (max-width: 1023px) {
    /* حذف متن راهنمای بالای انتخاب متغیرها فقط در باکس Inline */
    .prk-smart-variable-sheet--inline-card
    .prk-smart-variable-sheet__instruction {
        display: none !important;
    }

    /* حذف مقدار انتخاب‌شده کنار عنوان ویژگی فقط در باکس Inline */
    .prk-smart-variable-sheet--inline-card
    .prk-smart-inline-attr__selected {
        display: none !important;
    }
}


/* =========================================================
   PRK Smart ATC - Elementor Legacy Widgets Tooltip Scope
   فقط برای انتخابگر متغیر داخل کارت ویجت‌های المنتوری
   روی صفحه فروشگاه و tooltip پیشفرض اثر نمی‌گذارد
========================================================= */

[data-prk-smart-atc-card="1"] .prk-smart-inline-swatch__tooltip-host,
[data-prk-smart-atc-card-inner="1"] .prk-smart-inline-swatch__tooltip-host,
.elementor-widget-officals_carosel_v2 [data-prk-smart-inline-panel] .prk-smart-inline-swatch__tooltip-host,
.elementor-widget-officals_carosel_v2 [data-prk-smart-inline-panel] .prk-tooltip-host {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* خود tooltip فقط داخل کارت‌های legacy */
[data-prk-smart-atc-card="1"] [data-prk-smart-inline-panel] .prk-tooltip,
[data-prk-smart-atc-card-inner="1"] [data-prk-smart-inline-panel] .prk-tooltip,
.elementor-widget-officals_carosel_v2 [data-prk-smart-inline-panel] .prk-tooltip {
  position: absolute;
  left: 50%;
  bottom: calc(100% + 8px);
  z-index: 90;
  min-width: max-content;
  max-width: 160px;
  padding: 6px 10px;
  border-radius: 8px;
  background: #94a3b8;
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.6;
  text-align: center;
  white-space: nowrap;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.16);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateX(-50%) translateY(4px);
  transition: opacity 180ms ease, visibility 180ms ease, transform 180ms ease;
}

/* فلش تمیز tooltip فقط برای کارت‌های legacy */
[data-prk-smart-atc-card="1"] [data-prk-smart-inline-panel] .prk-tooltip::after,
[data-prk-smart-atc-card-inner="1"] [data-prk-smart-inline-panel] .prk-tooltip::after,
.elementor-widget-officals_carosel_v2 [data-prk-smart-inline-panel] .prk-tooltip::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  width: 0;
  height: 0;
  margin-top: -1px;
  transform: translateX(-50%);
  border-style: solid;
  border-width: 6px 5px 0 5px;
  border-color: #94a3b8 transparent transparent transparent;
  background: transparent;
  box-shadow: none;
  border-radius: 0;
}

/* نمایش tooltip */
[data-prk-smart-atc-card="1"] [data-prk-smart-inline-panel] .prk-tooltip-host:hover .prk-tooltip,
[data-prk-smart-atc-card="1"] [data-prk-smart-inline-panel] .prk-tooltip-host:focus-within .prk-tooltip,
[data-prk-smart-atc-card-inner="1"] [data-prk-smart-inline-panel] .prk-tooltip-host:hover .prk-tooltip,
[data-prk-smart-atc-card-inner="1"] [data-prk-smart-inline-panel] .prk-tooltip-host:focus-within .prk-tooltip,
.elementor-widget-officals_carosel_v2 [data-prk-smart-inline-panel] .prk-tooltip-host:hover .prk-tooltip,
.elementor-widget-officals_carosel_v2 [data-prk-smart-inline-panel] .prk-tooltip-host:focus-within .prk-tooltip,
[data-prk-smart-atc-card="1"] [data-prk-smart-inline-panel] .prk-tooltip.is-visible,
[data-prk-smart-atc-card-inner="1"] [data-prk-smart-inline-panel] .prk-tooltip.is-visible,
.elementor-widget-officals_carosel_v2 [data-prk-smart-inline-panel] .prk-tooltip.is-visible {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}

/* جلوگیری از بهم‌ریختگی tooltip داخل اسلایدر/کارت */
[data-prk-smart-atc-card="1"] [data-prk-smart-inline-panel] .prk-smart-inline-swatch__item,
[data-prk-smart-atc-card-inner="1"] [data-prk-smart-inline-panel] .prk-smart-inline-swatch__item,
.elementor-widget-officals_carosel_v2 [data-prk-smart-inline-panel] .prk-smart-inline-swatch__item {
  overflow: visible;
}

/* لودینگ دیجی، امن و بدون دست‌زدن به tooltip فروشگاه */
.prk-smart-atc__loader-svg--digi {
  width: 42px;
  height: 18px;
}

.prk-smart-atc__loader-svg--digi .prk-smart-atc__loader-svg-el {
  width: 100%;
  height: 100%;
  display: block;
  overflow: visible;
}
.prk-smart-variable-sheet__submit-content{
  
}

.article-off .prk-elementor-legacy-atc--icon{
  position: absolute;
  right: 0;
  bottom: 10px;
}
