@charset "UTF-8";
@keyframes a{0%{opacity:0;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}@keyframes b{0%{opacity:1;transform:scale(1)}15%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(.5)}}@keyframes c{0%{transform:translate(-50%,-50%) rotate(0)}50%{transform:translate(-50%,-50%) rotate(-180deg)}to{transform:translate(-50%,-50%) rotate(-1turn)}}@keyframes d{0%{transform:scale(1)}10%{transform:scale(1.2) translateX(6px)}25%{transform:scale(1.3) translateX(8px)}40%{transform:scale(1.2) translateX(6px)}50%{transform:scale(1)}60%{transform:scale(.8) translateX(6px)}75%{transform:scale(.7) translateX(8px)}90%{transform:scale(.8) translateX(6px)}to{transform:scale(1)}}@keyframes e{0%{transform:scale(1)}10%{transform:scale(1.2) translateX(-6px)}25%{transform:scale(1.3) translateX(-8px)}40%{transform:scale(1.2) translateX(-6px)}50%{transform:scale(1)}60%{transform:scale(.8) translateX(-6px)}75%{transform:scale(.7) translateX(-8px)}90%{transform:scale(.8) translateX(-6px)}to{transform:scale(1)}}.drift-zoom-pane{background:rgba(0,0,0,.5);transform:translateZ(0);-webkit-transform:translateZ(0)}.drift-zoom-pane.drift-opening{animation:a .18s ease-out;-webkit-animation:a .18s ease-out}.drift-zoom-pane.drift-closing{animation:b .21s ease-in;-webkit-animation:b .21s ease-in}.drift-zoom-pane.drift-inline{border-radius:75px;box-shadow:0 6px 18px rgba(0,0,0,.3);height:150px;position:absolute;width:150px}.drift-loading .drift-zoom-pane-loader{animation:c 1.8s linear infinite;-webkit-animation:c 1.8s linear infinite;display:block;height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);width:66px}.drift-zoom-pane-loader:after,.drift-zoom-pane-loader:before{background:hsla(0,0%,100%,.9);border-radius:20px;content:"";display:block;height:20px;margin-top:-10px;position:absolute;top:50%;width:20px}.drift-zoom-pane-loader:before{animation:d 1.8s linear infinite;-webkit-animation:d 1.8s linear infinite;left:0}.drift-zoom-pane-loader:after{animation:e 1.8s linear infinite;-webkit-animation:e 1.8s linear infinite;animation-delay:-.9s;-webkit-animation-delay:-.9s;right:0}.drift-bounding-box{background-color:rgba(0,0,0,.4)}
/*! PhotoSwipe main CSS by Dmytro Semenov | photoswipe.com */

.pswp {
  --pswp-bg: #000;
  --pswp-placeholder-bg: #222;
  

  --pswp-root-z-index: 100000;
  
  --pswp-preloader-color: rgba(79, 79, 79, 0.4);
  --pswp-preloader-color-secondary: rgba(255, 255, 255, 0.9);
  
  /* defined via js:
  --pswp-transition-duration: 333ms; */
  
  --pswp-icon-color: #fff;
  --pswp-icon-color-secondary: #4f4f4f;
  --pswp-icon-stroke-color: #4f4f4f;
  --pswp-icon-stroke-width: 2px;

  --pswp-error-text-color: var(--pswp-icon-color);
}


/*
	Styles for basic PhotoSwipe (pswp) functionality (sliding area, open/close transitions)
*/

.pswp {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: var(--pswp-root-z-index);
	display: none;
	touch-action: none;
	outline: 0;
	opacity: 0.003;
	contain: layout style size;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* Prevents focus outline on the root element,
  (it may be focused initially) */
.pswp:focus {
  outline: 0;
}

.pswp * {
  box-sizing: border-box;
}

.pswp img {
  max-width: none;
}

.pswp--open {
	display: block;
}

.pswp,
.pswp__bg {
	transform: translateZ(0);
	will-change: opacity;
}

.pswp__bg {
  opacity: 0.005;
	background: var(--pswp-bg);
}

.pswp,
.pswp__scroll-wrap {
	overflow: hidden;
}

.pswp__scroll-wrap,
.pswp__bg,
.pswp__container,
.pswp__item,
.pswp__content,
.pswp__img,
.pswp__zoom-wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.pswp__img,
.pswp__zoom-wrap {
	width: auto;
	height: auto;
}

.pswp--click-to-zoom.pswp--zoom-allowed .pswp__img {
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img {
	cursor: move;
	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: grab;
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}

/* :active to override grabbing cursor */
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img,
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active,
.pswp__img {
	cursor: -webkit-zoom-out;
	cursor: -moz-zoom-out;
	cursor: zoom-out;
}


/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img,
.pswp__button,
.pswp__counter {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.pswp__item {
	/* z-index for fade transition */
	z-index: 1;
	overflow: hidden;
}

.pswp__hidden {
	display: none !important;
}

/* Allow to click through pswp__content element, but not its children */
.pswp__content {
  pointer-events: none;
}
.pswp__content > * {
  pointer-events: auto;
}


/*

  PhotoSwipe UI

*/

/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg-container {
  display: grid;
}
.pswp__error-msg {
	margin: auto;
	font-size: 1em;
	line-height: 1;
	color: var(--pswp-error-text-color);
}

/*
class pswp__hide-on-close is applied to elements that
should hide (for example fade out) when PhotoSwipe is closed
and show (for example fade in) when PhotoSwipe is opened
 */
.pswp .pswp__hide-on-close {
	opacity: 0.005;
	will-change: opacity;
	transition: opacity var(--pswp-transition-duration) cubic-bezier(0.4, 0, 0.22, 1);
	z-index: 10; /* always overlap slide content */
	pointer-events: none; /* hidden elements should not be clickable */
}

/* class pswp--ui-visible is added when opening or closing transition starts */
.pswp--ui-visible .pswp__hide-on-close {
	opacity: 1;
	pointer-events: auto;
}

/* <button> styles, including css reset */
.pswp__button {
	position: relative;
	display: block;
	width: 50px;
	height: 60px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	cursor: pointer;
	background: none;
	border: 0;
	box-shadow: none;
	opacity: 0.85;
	-webkit-appearance: none;
	-webkit-touch-callout: none;
}

.pswp__button:hover,
.pswp__button:active,
.pswp__button:focus {
  transition: none;
  padding: 0;
  background: none;
  border: 0;
  box-shadow: none;
  opacity: 1;
}

.pswp__button:disabled {
  opacity: 0.3;
  cursor: auto;
}

.pswp__icn {
  fill: var(--pswp-icon-color);
  color: var(--pswp-icon-color-secondary);
}

.pswp__icn {
  position: absolute;
  top: 14px;
  left: 9px;
  width: 32px;
  height: 32px;
  overflow: hidden;
  pointer-events: none;
}

.pswp__icn-shadow {
  stroke: var(--pswp-icon-stroke-color);
  stroke-width: var(--pswp-icon-stroke-width);
  fill: none;
}

.pswp__icn:focus {
	outline: 0;
}

/*
	div element that matches size of large image,
	large image loads on top of it,
	used when msrc is not provided
*/
div.pswp__img--placeholder,
.pswp__img--with-bg {
	background: var(--pswp-placeholder-bg);
}

.pswp__top-bar {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 60px;
	display: flex;
  flex-direction: row;
  justify-content: flex-end;
	z-index: 10;

	/* allow events to pass through top bar itself */
	pointer-events: none !important;
}
.pswp__top-bar > * {
  pointer-events: auto;
  /* this makes transition significantly more smooth,
     even though inner elements are not animated */
  will-change: opacity;
}


/*

  Close button

*/
.pswp__button--close {
  margin-right: 6px;
}


/*

  Arrow buttons

*/
.pswp__button--arrow {
  position: absolute;
  top: 0;
  width: 75px;
  height: 100px;
  top: 50%;
  margin-top: -50px;
}

.pswp__button--arrow:disabled {
  display: none;
  cursor: default;
}

.pswp__button--arrow .pswp__icn {
  top: 50%;
  margin-top: -30px;
  width: 60px;
  height: 60px;
  background: none;
  border-radius: 0;
}

.pswp--one-slide .pswp__button--arrow {
  display: none;
}

/* hide arrows on touch screens */
.pswp--touch .pswp__button--arrow {
  visibility: hidden;
}

/* show arrows only after mouse was used */
.pswp--has_mouse .pswp__button--arrow {
  visibility: visible;
}

.pswp__button--arrow--prev {
  right: auto;
  left: 0px;
}

.pswp__button--arrow--next {
  right: 0px;
}
.pswp__button--arrow--next .pswp__icn {
  left: auto;
  right: 14px;
  /* flip horizontally */
  transform: scale(-1, 1);
}

/*

  Zoom button

*/
.pswp__button--zoom {
  display: none;
}

.pswp--zoom-allowed .pswp__button--zoom {
  display: block;
}

/* "+" => "-" */
.pswp--zoomed-in .pswp__zoom-icn-bar-v {
  display: none;
}


/*

  Loading indicator

*/
.pswp__preloader {
  position: relative;
  overflow: hidden;
  width: 50px;
  height: 60px;
  margin-right: auto;
}

.pswp__preloader .pswp__icn {
  opacity: 0;
  transition: opacity 0.2s linear;
  animation: pswp-clockwise 600ms linear infinite;
}

.pswp__preloader--active .pswp__icn {
  opacity: 0.85;
}

@keyframes pswp-clockwise {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


/*

  "1 of 10" counter

*/
.pswp__counter {
  height: 30px;
  margin-top: 15px;
  margin-inline-start: 20px;
  font-size: 14px;
  line-height: 30px;
  color: var(--pswp-icon-color);
  text-shadow: 1px 1px 3px var(--pswp-icon-color-secondary);
  opacity: 0.85;
}

.pswp--one-slide .pswp__counter {
  display: none;
}

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
}
.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden;
}
.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box;
}
.mfp-container:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
    display: none;
}
.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
}
.mfp-ajax-cur {
    cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}
.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
    cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.mfp-loading.mfp-figure {
    display: none;
}
.mfp-hide {
    display: none !important;
}
.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044;
}
.mfp-preloader a {
    color: #ccc;
}
.mfp-preloader a:hover {
    color: #fff;
}
.mfp-s-ready .mfp-preloader {
    display: none;
}
.mfp-s-error .mfp-content {
    display: none;
}
button.mfp-close,
button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: 0;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation;
}
button::-moz-focus-inner {
    padding: 0;
    border: 0;
}
.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
    opacity: 1;
}
.mfp-close:active {
    top: 1px;
}
.mfp-close-btn-in .mfp-close {
    color: #333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
}
.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap;
}
.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
    margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
    opacity: 1;
}
.mfp-arrow:before,
.mfp-arrow:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent;
}
.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px;
}
.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7;
}
.mfp-arrow-left {
    left: 0;
}
.mfp-arrow-left:after {
    border-right: 17px solid #fff;
    margin-left: 31px;
}
.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f;
}
.mfp-arrow-right {
    right: 0;
}
.mfp-arrow-right:after {
    border-left: 17px solid #fff;
    margin-left: 39px;
}
.mfp-arrow-right:before {
    border-left: 27px solid #3f3f3f;
}
.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
    top: -40px;
}
.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000;
}
img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto;
}
.mfp-figure {
    line-height: 0;
}
.mfp-figure:after {
    content: "";
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444;
}
.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px;
}
.mfp-figure figure {
    margin: 0;
}
.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
}
.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px;
}
.mfp-image-holder .mfp-content {
    max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0;
    }
    .mfp-img-mobile img.mfp-img {
        padding: 0;
    }
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0;
    }
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px;
    }
    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box;
    }
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0;
    }
    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px;
    }
    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0;
    }
}
@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }
    .mfp-arrow-left {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
    }
    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%;
    }
    .mfp-container {
        padding-left: 6px;
        padding-right: 6px;
    }
}

@media (min-width: 1200px) {
  .tf-pd-info.tf-product-info-wrap,
  .tf-section[data-tf-type="product.info"] .tf-product-info-wrap,
  .tf-main-product__info .tf-product-info-wrap {
    max-width: none;
    width: 100%;
    margin-left: 0;
  }
}

html[data-device="desktop"] .tf-pd-info.tf-product-info-wrap,
html[data-device="desktop"] .tf-section[data-tf-type="product.info"] .tf-product-info-wrap,
html[data-device="desktop"] .tf-main-product__info .tf-product-info-wrap,
body[data-device="desktop"] .tf-pd-info.tf-product-info-wrap,
body[data-device="desktop"] .tf-section[data-tf-type="product.info"] .tf-product-info-wrap,
body[data-device="desktop"] .tf-main-product__info .tf-product-info-wrap {
  max-width: none;
  width: 100%;
  margin-left: 0;
}

.tf-pd-buybox {
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  overflow: hidden;
  background: #fff;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  min-width: 0;
}

.tf-pd-buybox__price {
  padding: 16px 14px 4px;
}

.tf-pd-buybox__price .price-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px;
  min-width: 0;
}

.tf-pd-buybox__price .price-on-sale {
  font-size: clamp(1.15rem, 1rem + 0.6vw, 1.5rem);
  font-weight: 500;
  color: var(--black, #14110e);
  line-height: 1.25;
  word-break: break-word;
}

.tf-pd-buybox .tf-product-total-quantity {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 10px 14px 14px;
  min-width: 0;
}

.tf-pd-buybox .tf-product-total-quantity > .tf-designer-total,
.tf-pd-buybox .tf-product-total-quantity > .tf-preorder,
.tf-pd-buybox .tf-product-total-quantity > .tf-snotify {
  width: 100%;
}

.tf-pd-buybox .group-action {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 10px;
  width: 100%;
  min-width: 0;
}

.tf-pd-buybox .wg-quantity {
  flex: 0 0 auto;
  width: auto;
  min-width: 96px;
  max-width: 120px;
  height: 44px;
  padding: 4px 10px;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  background: #fff;
  box-sizing: border-box;
}

.tf-pd-buybox .wg-quantity .quantity-product {
  width: 2.4em;
  min-width: 0;
  font-size: 0.92rem;
}

.tf-pd-buybox .btn-action-price,
.tf-pd-buybox__atc {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex: 1 1 140px;
  width: auto !important;
  max-width: 100%;
  min-width: 0;
  height: 44px;
  padding: 0 14px !important;
  margin: 0;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  font-size: 0.82rem !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  border-radius: 999px !important;
}

.tf-pd-buybox__atc .bi {
  font-size: 1rem;
  flex: 0 0 auto;
}

.tf-pd-buybox__atc span {
  overflow: hidden;
  text-overflow: ellipsis;
}

.tf-pd-buybox__stock {
  margin: 0;
  padding: 0;
  font-size: 0.78rem;
  color: #6b7280;
  line-height: 1.3;
}

.tf-pd-info--info_2 {
  container: pd-info / inline-size;
  min-width: 0;
  --pd-accent: #007bc4;
  --pd-heading: #1c1c1a;
  --pd-line: #e5e9ed;
  --pd-surface: #f6f8fa;
}

.tf-pd-info--info_2 .tf-pd-info__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}

.tf-product-info-wrap.tf-pd-info--info_2 .tf-product-info-list.tf-pd-info__grid > :nth-child(n) {
  min-width: 0;
  max-width: 100%;
  margin: 0;
}

.tf-pd-info--info_2 .tf-pd-info__heading {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.tf-pd-info--info_2 .tf-pd-info__heading .product-infor-name {
  font-family: inherit;
  font-size: clamp(1.35rem, 3.6cqi, 1.9rem);
  font-weight: 600 !important;
  line-height: 1.35;
  letter-spacing: -0.025em;
  color: var(--pd-heading);
  overflow-wrap: anywhere;
}

.tf-pd-info--info_2 .tf-pd-info__details {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 4px 0;
}

.tf-pd-info--info_2 .tf-pd-info__details > * {
  min-width: 0;
  margin-block: 0;
}

.tf-pd-info--info_2 .product-infor-brand__name {
  font-size: 1rem;
  font-weight: 700;
}

.tf-pd-info--info_2 [data-tf-product-sku],
.tf-pd-info--info_2 .tf-pd-info__categories {
  font-size: 14px;
  line-height: 1.6;
  color: #383838;
  overflow-wrap: anywhere;
}

.tf-pd-info--info_2 .tf-pd-buybox {
  border: 1px solid var(--pd-line);
  border-radius: 12px;
  box-shadow: 0 4px 16px rgb(28 36 48 / 4%);
  background: #fff;
  overflow: hidden;
}

.tf-pd-buybox__header {
  padding: var(--tf-pd-buybox-header-padding-y, 12px) 20px;
  background: var(--tf-pd-buybox-header-background, #edf6fb);
  color: #161616;
  text-align: var(--tf-pd-buybox-header-align, center);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}

.tf-pd-buybox__header a {
  color: inherit;
  text-decoration: none;
}

.tf-pd-buybox__header a:hover {
  text-decoration: underline;
}

.tf-pd-info--info_2 .tf-pd-buybox__price {
  padding: 24px;
  text-align: left;
}

.tf-pd-info--info_2 .tf-pd-buybox__price .price-wrap {
  justify-content: flex-start;
  gap: 6px 10px;
}

.tf-pd-info--info_2 .tf-pd-buybox__price .price-on-sale {
  font-size: clamp(1.85rem, 4.8cqi, 2.25rem) !important;
  font-weight: 800 !important;
  color: var(--pd-heading) !important;
  line-height: 1.15;
  letter-spacing: -0.035em;
}

.tf-pd-info--info_2 .tf-pd-buybox .tf-product-total-quantity {
  padding: 12px 16px;
  gap: 12px;
  border-top: 1px solid var(--pd-line);
  background: var(--pd-surface);
}

.tf-pd-info--info_2 .tf-pd-buybox .group-action {
  gap: 8px;
}

.tf-pd-info--info_2 .tf-pd-buybox .wg-quantity {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 0 0 92px;
  min-width: 0;
  height: 42px;
  padding: 0 3px;
  border: 1px solid var(--pd-line);
  border-radius: 8px;
  box-shadow: none;
}

.tf-pd-info--info_2 .tf-pd-buybox .btn-quantity {
  flex: 0 0 28px;
  width: 28px;
  height: 40px;
  padding: 0;
  border-radius: 6px;
  color: #62676b;
  transition: background-color 160ms ease, color 160ms ease;
}

.tf-pd-info--info_2 .tf-pd-buybox .btn-quantity:hover {
  background: var(--pd-surface);
  color: var(--pd-heading);
}

.tf-pd-info--info_2 .tf-pd-buybox .quantity-product {
  width: 28px;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
}

.tf-pd-info--info_2 .tf-pd-buybox__atc {
  flex: 1 1 140px;
  height: 42px;
  padding-inline: 12px !important;
  border-radius: 8px !important;
  text-transform: none;
  border-color: var(--pd-accent) !important;
  background: var(--pd-accent) !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0;
  transition: background-color 160ms ease;
}

.tf-pd-info--info_2 .tf-pd-buybox__atc::before {
  background: #0067b0;
}

.tf-pd-info--info_2 .tf-pd-buybox__atc:hover {
  background: #0067b0 !important;
}

.tf-pd-info--info_2 .tf-pd-buybox__atc .bi {
  font-size: 16px;
}

.tf-pd-buybox a:focus-visible,
.tf-pd-buybox button:focus-visible,
.tf-pd-buybox input:focus-visible {
  outline: 2px solid var(--pd-accent, #0079ce);
  outline-offset: -3px;
}

@container pd-info (min-width: 620px) {
  .tf-pd-info--info_2 .tf-pd-info__grid {
    grid-template-columns: minmax(0, 1fr) 320px;
    column-gap: 24px;
  }

  .tf-pd-info--info_2 .tf-pd-info__heading {
    grid-column: 1 / -1;
  }

  .tf-pd-info--info_2 .tf-pd-info__details {
    grid-column: 1;
    grid-row: 2;
  }

  .tf-pd-info--info_2 .tf-pd-info__buy {
    grid-column: 2;
    grid-row: 2 / span 2;
  }

  .tf-pd-info--info_2 .tf-pd-info__grid > :where(:not(.tf-pd-info__heading):not(.tf-pd-info__details):not(.tf-pd-info__buy)) {
    grid-column: 1 / -1;
  }

  .tf-pd-info--info_2 .tf-pd-info__grid:has(> .tf-pd-info__buy) > .tf-pd-info__extras {
    grid-column: 1;
    grid-row: 3;
    gap: 6px 16px;
    padding-block: 0 8px;
  }

  .tf-pd-info--info_2 .tf-pd-info__grid > .tf-pd-info__icons--wide {
    grid-column: 1 / -1;
    grid-row: 2;
  }

  .tf-pd-info--info_2 .tf-pd-info__grid:has(> .tf-pd-info__icons--wide) > .tf-pd-info__details {
    grid-row: 3;
  }

  .tf-pd-info--info_2 .tf-pd-info__grid:has(> .tf-pd-info__icons--wide) > .tf-pd-info__buy {
    grid-row: 3 / span 2;
  }

  .tf-pd-info--info_2 .tf-pd-info__grid:has(> .tf-pd-info__icons--wide) > .tf-pd-info__extras {
    grid-row: 4;
  }
}

@media (min-width: 1200px) {
  .tf-main-product--info-buybox .tf-main-product__media,
  .tf-main-product:has(.tf-pd-info--info_2) .tf-main-product__media {
    flex: 0 0 42%;
    width: 42%;
    max-width: 42%;
  }

  .tf-main-product--info-buybox .tf-main-product__info,
  .tf-main-product:has(.tf-pd-info--info_2) .tf-main-product__info {
    flex: 0 0 58%;
    width: 58%;
    max-width: 58%;
  }
}

@media (max-width: 380px) {
  .tf-pd-info--info_2 .tf-pd-buybox .tf-product-total-quantity {
    padding: 12px 16px;
  }

  .tf-pd-info--info_2 .tf-pd-buybox .group-action {
    gap: 10px;
  }
}

.tf-pd-info__icons {
  width: 100%;
  min-width: 0;
}

.tf-pd-info__icons .product-icons.is-detail {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 20px 0 0;
  max-width: 100%;
  overflow: visible;
}

.tf-pd-info__icons .product-icons.is-detail .product-icon {
  flex: 0 0 auto;
  white-space: nowrap;
  min-height: 42px;
  padding: 5px 4px;
  border-radius: 6px;
  background: transparent;
}

.tf-pd-info__icons .product-icons.is-detail .product-icon img {
  width: 32px;
  height: 32px;
}

.tf-pd-info__icons .product-icons.is-detail .pi-value {
  font-size: 15px;
}

.tf-pd-info--info_2 .tf-pd-info__heading {
  padding-bottom: 18px;
  border-bottom: 1px solid var(--pd-line);
}

.tf-pd-info--info_2 .tf-pd-info__brand-rating {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 16px;
}

.tf-pd-info--info_2 .tf-pd-info__brand-rating > .product-infor-brand {
  flex: 1 1 auto;
  min-width: 0;
}

.tf-pd-info--info_2 .tf-pd-info__brand-rating .meta_rate {
  flex: 0 0 auto;
  margin-left: auto;
  white-space: nowrap;
}

.tf-pd-info--info_2 .meta_rate .star-wrap,
.tf-pd-info--info_2 .meta_rate .star-wrap i {
  color: #ffac1c;
}

.tf-pd-info--info_2 .tf-pd-info__identity {
  order: -2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}

.tf-pd-info--info_2 .tf-pd-info__identity .product-infor-brand {
  margin: 0;
}

.tf-product-info-wrap.tf-pd-info--info_2 .product-infor-brand__logo {
  height: auto;
  max-width: min(120px, 100%);
}

.tf-pd-info--info_2 .tf-pd-info__icons {
  order: -1;
  padding-block: 6px 8px;
  border: 0;
}

.tf-pd-info--info_2 .tf-pd-info__icons .product-icons.is-detail {
  margin: 0;
}

.tf-pd-info--info_2 .tf-pd-info__icons .product-icons.is-detail .product-icon {
  padding: 6px 7px;
  border: 1px solid #e7e9ec;
  background: #f2f3f5;
  color: #1c2430;
}

.tf-product-info-wrap.tf-pd-info--info_2 .tf-product-variant .variant-picker-values .size-btn:not(.select-item) {
  border-radius: 6px;
}

.tf-product-info-wrap.tf-pd-info--info_2 .tf-product-variant .variant-picker-values .size-btn:not(.select-item).active {
  background: var(--pd-accent);
  border-color: var(--pd-accent);
  color: #fff;
}

.tf-pd-info--info_2 .product-infor-desc-row {
  flex-wrap: wrap;
  gap: 12px;
}

.tf-pd-info--info_2 .product-infor-desc {
  font-size: 14px;
  line-height: 1.7;
  color: #62676b;
}

.tf-pd-info--info_2 .tf-pd-buybox {
  gap: 0;
}

.tf-pd-info--info_2 .tf-pd-info__extras {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 24px;
}

.tf-pd-info--info_2 .tf-pd-info__extras .product-extra-icon {
  min-height: 36px;
  font-size: 13px;
  gap: 8px;
}

.tf-pd-info--info_2 .tf-product-delivery-return {
  display: flex;
  flex-wrap: wrap;
  gap: 14px 24px;
  padding: 16px;
  border: 1px solid var(--pd-line);
  border-radius: 10px;
  background: var(--pd-surface);
}

.tf-pd-info--info_2 .tf-product-delivery-return .product-delivery {
  flex: 1 1 220px;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 13px;
  line-height: 1.6;
}

.tf-pd-info--info_2 .tf-product-delivery-return .product-delivery i {
  color: var(--pd-accent);
  font-size: 20px;
}

.tf-pd-info--info_2 .tf-pd-info__heading .product-infor-title {
  margin: 0;
}

.tf-pd-info--info_2 .tf-pd-info__details .product-infor-attrs {
  order: -2;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 6px 0;
  margin: 0;
  padding: 6px 0;
  list-style: none;
}

.tf-pd-info--info_2 .tf-pd-info__details .product-infor-attrs li {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  color: #6b6b6b;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.04em;
  line-height: 1.4;
}

.tf-pd-info--info_2 .tf-pd-info__details .product-infor-attrs li + li::before {
  content: "·";
  margin: 0 12px;
  color: #c4c4c4;
  font-size: 16px;
  line-height: 1;
  font-weight: 600;
}

.tf-pd-info--info_2 .tf-pd-info__details .product-infor-attrs li i {
  font-size: 14px;
  line-height: 1;
}

.tf-pd-info--info_2 .tf-pd-info__details .product-infor-attrs__label[data-code="best_seller"] { color: #e85d04; }
.tf-pd-info--info_2 .tf-pd-info__details .product-infor-attrs__label[data-code="new"] { color: #d4a017; }
.tf-pd-info--info_2 .tf-pd-info__details .product-infor-attrs__label[data-code="online_only"] { color: #0284c7; }
.tf-pd-info--info_2 .tf-pd-info__details .product-infor-attrs__label[data-code="discount"],
.tf-pd-info--info_2 .tf-pd-info__details .product-infor-attrs__label[data-code="deal"] { color: #dc2626; }
.tf-pd-info--info_2 .tf-pd-info__details .product-infor-attrs__label[data-code="free_shipping"],
.tf-pd-info--info_2 .tf-pd-info__details .product-infor-attrs__label[data-code="same_day"] { color: #0d9488; }
.tf-pd-info--info_2 .tf-pd-info__details .product-infor-attrs__label[data-code="express"] { color: #ca8a04; }
.tf-pd-info--info_2 .tf-pd-info__details .product-infor-attrs__label[data-code="limited_stock"] { color: #ea580c; }
.tf-pd-info--info_2 .tf-pd-info__details .product-infor-attrs__label[data-code="preorder"] { color: #7c3aed; }

.tf-pd-info--info_2 .tf-pd-info__heading .product-infor-name {
  text-wrap: pretty;
}

.tf-pd-info--info_2 .tf-pd-info__identity {
  gap: 6px;
}

.tf-pd-info--info_2 .tf-pd-info__icons .product-icons.is-detail {
  gap: 6px;
}

.tf-pd-info--info_2 .tf-pd-info__icons .product-icons.is-detail .product-icon img {
  width: 28px;
  height: 28px;
}

.tf-pd-info--info_2 .tf-pd-info__icons .product-icons.is-detail .pi-value {
  font-size: 13px;
}

.tf-pd-info--info_2 .tf-pd-buybox__header {
  font-size: 14px;
  padding: var(--tf-pd-buybox-header-padding-y, 8px) 16px;
}

.tf-pd-info--info_2 .tf-pd-buybox__price {
  padding: 12px 16px;
}

.tf-pd-info--info_2 .tf-pd-buybox__price .price-wrap {
  justify-content: center;
}

.tf-product-info-wrap.tf-pd-info--info_2 .tf-pd-buybox .group-action .tf-pd-buybox__atc {
  gap: 6px;
  font-size: 13px !important;
}

.tf-product-info-wrap.tf-pd-info--info_2 .tf-pd-buybox__variants {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0;
  padding: 12px 16px;
  border-bottom: 1px solid var(--pd-line);
  min-width: 0;
}

.tf-pd-info--info_2 .tf-pd-buybox__variants .variant-picker-item {
  min-width: 0;
  margin: 0;
}

.tf-pd-info--info_2 .tf-pd-buybox__variants .variant-picker-label {
  margin-bottom: 6px;
  font-size: 13px;
  line-height: 1.5;
  color: #62676b;
  overflow-wrap: anywhere;
}

.tf-pd-info--info_2 .tf-pd-buybox__variants .variant-picker-label-value {
  color: var(--pd-heading);
  font-weight: 500;
}

.tf-product-info-wrap.tf-pd-info--info_2 .tf-pd-buybox__variants .variant-picker-values {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
}

.tf-product-info-wrap.tf-pd-info--info_2 .tf-pd-buybox__variants .size-btn:not(.select-item) {
  min-width: 40px;
  min-height: 40px;
  height: auto;
  max-width: 100%;
  padding: 8px 12px;
  font-size: 13px;
  line-height: 1.4;
  white-space: normal;
  overflow-wrap: anywhere;
}

.tf-pd-info--info_2 .tf-pd-buybox__variants .variant-picker-select {
  width: 100%;
}

.tf-pd-info--info_2 .tf-pd-info__categories a {
  color: inherit;
}

.tf-pd-info--info_2 .tf-pd-info__categories a:hover,
.tf-pd-info--info_2 .tf-pd-info__categories a:focus-visible {
  color: var(--pd-accent);
  text-decoration: underline;
}

.tf-pd-info--info_2 .tf-pd-info__extras {
  padding-block: 8px;
  border: 0;
  border-bottom: 1px solid var(--pd-line);
}

.tf-product-info-wrap.tf-pd-info--info_2 .tf-product-trust-seal {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
}

.tf-pd-info--info_2 .tf-product-trust-seal .text-seal {
  margin: 0;
  font-size: 12px;
  color: #71777d;
}

.tf-pd-info--info_2 .tf-product-trust-seal .list-card {
  margin: 0;
  gap: 6px;
}

.tf-pd-info__categories {
  --pd-heading: #1c1c1a;
  --pd-accent: var(--primary, #007bc4);
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-top: 16px;
  border-top: 1px solid #edf0f2;
}

.tf-pd-info__categories-label {
  font-size: 12px;
  color: #62676b;
}

.tf-pd-info__category-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.tf-pd-info__category-list li {
  min-width: 0;
  max-width: 100%;
}

.tf-pd-info__category-list a {
  display: block;
  padding: 7px 12px;
  border: 1px solid #e7e9ec;
  border-radius: 6px;
  color: var(--pd-heading);
  font-size: 12px;
  line-height: 1.5;
  text-decoration: none;
  overflow-wrap: anywhere;
}

.tf-pd-info__category-list a:hover,
.tf-pd-info__category-list a:focus-visible {
  border-color: var(--pd-accent);
  color: var(--pd-accent);
}

.tf-pd-info--info_2 p.tf-pd-info__categories {
  display: block;
  padding-top: 0;
  border-top: 0;
  gap: 0;
}

.tf-product-buy-more .tf-pd-complementary__title {
  font-size: 20px;
  line-height: 1.3;
  margin: 0 0 20px;
}
.tf-product-buy-more.tf-pd-complementary {
  margin-top: 8px;
}
@media(min-width:992px){
.tf-section__slot:has(.tf-product-media-wrap){overflow:visible !important;}
.tf-section--slot-embedded:has(.tf-product-media-wrap){position:sticky !important;top:24px;align-self:flex-start;height:max-content;}
.tf-main-product__media:has(.tf-product-media-wrap){position:sticky;top:24px;align-self:flex-start;height:max-content;}
.tf-product-media-wrap.sticky-top{position:static !important;top:auto !important;}
}
:is(html,body)[data-device="desktop"] .tf-section__slot:has(.tf-product-media-wrap){overflow:visible !important;}
:is(html,body)[data-device="desktop"] .tf-section--slot-embedded:has(.tf-product-media-wrap){position:sticky !important;top:24px;align-self:flex-start;height:max-content;}
:is(html,body)[data-device="desktop"] .tf-main-product__media:has(.tf-product-media-wrap){position:sticky;top:24px;align-self:flex-start;height:max-content;}
:is(html,body)[data-device="desktop"] .tf-product-media-wrap.sticky-top{position:static !important;top:auto !important;}
[data-tf-product-gallery][data-tf-aspect="square"] .tf-product-media-main .swiper-slide .item{aspect-ratio:1/1;display:block;overflow:hidden;}
[data-tf-product-gallery][data-tf-aspect="portrait"] .tf-product-media-main .swiper-slide .item{aspect-ratio:4/5;display:block;overflow:hidden;}
[data-tf-product-gallery][data-tf-aspect="square"] .tf-product-media-main .swiper-slide .item>img,
[data-tf-product-gallery][data-tf-aspect="portrait"] .tf-product-media-main .swiper-slide .item>img{width:100%;height:100%;object-fit:cover;display:block;}
[data-tf-product-gallery][data-tf-lightbox="0"] .tf-product-media-main .swiper-slide .item{cursor:default;}
.tf-product-media-main .swiper-slide .item{position:relative;max-height:min(82vh,760px);overflow:hidden;}
[data-tf-product-gallery][data-tf-aspect="original"] .tf-product-media-main .swiper-slide .item{display:flex;align-items:center;justify-content:center;}
[data-tf-product-gallery][data-tf-aspect="original"] .tf-product-media-main .swiper-slide .item>img{max-height:min(82vh,760px);width:auto;max-width:100%;height:auto;object-fit:contain;margin:0 auto;}
@media (max-width:991.98px){
.tf-product-media-main .swiper-slide .item{max-height:70vh;}
[data-tf-product-gallery][data-tf-aspect="original"] .tf-product-media-main .swiper-slide .item>img{max-height:70vh;}
}
.tf-wm{position:absolute;inset:0;pointer-events:none;z-index:4;display:flex;padding:16px;box-sizing:border-box;}
.tf-wm--top-left{align-items:flex-start;justify-content:flex-start;}
.tf-wm--top-right{align-items:flex-start;justify-content:flex-end;}
.tf-wm--center{align-items:center;justify-content:center;}
.tf-wm--bottom-left{align-items:flex-end;justify-content:flex-start;}
.tf-wm--bottom-right{align-items:flex-end;justify-content:flex-end;}
.tf-wm>img{width:var(--tf-wm-scale,22%);height:auto;max-width:70%;opacity:var(--tf-wm-op,.3);object-fit:contain;}
.tf-wm__txt{opacity:var(--tf-wm-op,.3);color:#fff;font-weight:700;letter-spacing:.02em;text-shadow:0 1px 4px rgba(0,0,0,.45);font-size:calc(10px + var(--tf-wm-scale-num,22) * 0.7px);line-height:1.1;max-width:90%;text-align:center;word-break:break-word;}
.tf-wm--tile{padding:0;background-repeat:repeat;background-position:center;background-size:var(--tf-wm-tile,160px) auto;opacity:var(--tf-wm-op,.3);}
@media (max-width:767.98px){
.tf-wm{padding:10px;}
.tf-wm__txt{font-size:calc(9px + var(--tf-wm-scale-num,22) * 0.5px);}
}

/* === Izgara karisik (fw_grid stacked) duzeltmeleri === */
/* Oran ayari (original/square/portrait) grid moduna karismasin: grid kendi oranini ve cover kirpmasini kullanir */
[data-tf-product-gallery][data-tf-aspect] .product-grid-img .tf-product-media-main .swiper-slide .item{display:block;max-height:none;}
[data-tf-product-gallery][data-tf-aspect] .product-grid-img .tf-product-media-main .swiper-slide .item>img{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:center;margin:0;}
/* One cikan (tam genislik) gorsel dengeli manzara oraninda dursun, asiri uzamasin */
[data-tf-product-gallery] .product-grid-img.grid-img_stacked .tf-product-media-main .swiper-wrapper .swiper-slide:nth-child(3n + 1) .item{aspect-ratio:3/2;}
/* Editor (data-device) kapsami */
:is(html,body)[data-device="desktop"] [data-tf-product-gallery][data-tf-aspect] .product-grid-img .tf-product-media-main .swiper-slide .item,
:is(html,body)[data-device="tablet"] [data-tf-product-gallery][data-tf-aspect] .product-grid-img .tf-product-media-main .swiper-slide .item{display:block;max-height:none;}
:is(html,body)[data-device="desktop"] [data-tf-product-gallery][data-tf-aspect] .product-grid-img .tf-product-media-main .swiper-slide .item>img,
:is(html,body)[data-device="tablet"] [data-tf-product-gallery][data-tf-aspect] .product-grid-img .tf-product-media-main .swiper-slide .item>img{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:center;margin:0;}
:is(html,body)[data-device="desktop"] [data-tf-product-gallery] .product-grid-img.grid-img_stacked .tf-product-media-main .swiper-wrapper .swiper-slide:nth-child(3n + 1) .item,
:is(html,body)[data-device="tablet"] [data-tf-product-gallery] .product-grid-img.grid-img_stacked .tf-product-media-main .swiper-wrapper .swiper-slide:nth-child(3n + 1) .item{aspect-ratio:3/2;}

/* === Sag urun bilgileri sutunu TEK PARCA sticky (masaustu) === */
/* Galerinin bulundugu satirda, galeri OLMAYAN slotu (urun bilgileri + alt sekmeler) bir butun olarak sabitler. */
/* Sol taraf uzun oldugunda (izgara/cok gorsel) sag sutun sabit kalir; sag taraf uzun oldugunda normal akar ve sol galeri kendi sticky'sini korur. */
@media (min-width:992px){
  .tf-section__row:has([data-tf-product-gallery]) > .tf-section__slot:not(:has([data-tf-product-gallery])){
    align-self:flex-start !important;
    position:sticky !important;
    top:24px !important;
    height:max-content !important;
  }
  /* ic info-wrap ayri sticky olmasin ki sutun stickysi ile cakismasin */
  .tf-section__row:has([data-tf-product-gallery]) .tf-product-info-wrap{position:relative !important;top:auto !important;}
}

/* === Forsid Vision — "Hemen Dene" yuvarlak buton (Sepete Ekle yaninda) === */
.forsid-vision-atc-row{display:flex;align-items:stretch;gap:10px;flex:1 1 auto;min-width:0;width:100%;}
.forsid-vision-atc-row > .btn-action-price,
.forsid-vision-atc-row > .tf-btn{flex:1 1 auto;min-width:0;width:auto;}

.forsid-vision-btn{
    --fv-accent:#7c3aed;
    --fv-accent-2:#4f46e5;
    flex:0 0 auto;width:52px;height:52px;margin-right:13px;border-radius:50%;
    display:inline-flex;align-items:center;justify-content:center;
    background:linear-gradient(135deg,var(--fv-accent),var(--fv-accent-2));
    color:#fff;font-size:21px;position:relative;text-decoration:none;
    box-shadow:0 4px 14px rgba(124,58,237,.38);
    animation:fvPulse 2.4s ease-out infinite;
    transition:transform .18s ease,box-shadow .18s ease;
}
.forsid-vision-btn:hover,.forsid-vision-btn:focus-visible{
    transform:translateY(-2px) scale(1.06);color:#fff;
    box-shadow:0 8px 22px rgba(124,58,237,.5);
    animation-play-state:paused;
}
.forsid-vision-btn i{line-height:1;position:relative;z-index:1;}

@keyframes fvPulse{
    0%{box-shadow:0 4px 14px rgba(124,58,237,.38),0 0 0 0 rgba(124,58,237,.55);}
    70%{box-shadow:0 4px 14px rgba(124,58,237,.38),0 0 0 10px rgba(124,58,237,0);}
    100%{box-shadow:0 4px 14px rgba(124,58,237,.38),0 0 0 0 rgba(124,58,237,0);}
}

.forsid-vision-btn[data-fv-tip]::after{
    content:attr(data-fv-tip);position:absolute;bottom:calc(100% + 10px);right:0;left:auto;
    transform:translateY(6px) scale(.96);transform-origin:bottom right;
    background:#18181b;color:#fff;font-size:12.5px;font-weight:600;letter-spacing:.2px;
    line-height:1;white-space:nowrap;padding:8px 12px;border-radius:9px;max-width:60vw;
    box-shadow:0 6px 18px rgba(0,0,0,.22);
    opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease;z-index:6;
}
.forsid-vision-btn[data-fv-tip]::before{
    content:"";position:absolute;bottom:calc(100% + 5px);right:20px;left:auto;
    border:6px solid transparent;border-top-color:#18181b;opacity:0;transition:opacity .18s ease;z-index:6;
}
.forsid-vision-btn:hover[data-fv-tip]::after,.forsid-vision-btn:focus-visible[data-fv-tip]::after{opacity:1;transform:translateY(0) scale(1);}
.forsid-vision-btn:hover[data-fv-tip]::before,.forsid-vision-btn:focus-visible[data-fv-tip]::before{opacity:1;}

@media (max-width:767.98px){.forsid-vision-btn{width:48px;height:48px;font-size:19px;}}
@media (prefers-reduced-motion:reduce){.forsid-vision-btn{animation:none;}}

.tf-section[data-tf-type="product.detail_tabs"] .tf-product-accordion .accordion-action,
.tf-section[data-tf-type="product.detail_tabs"] .tf-product-accordion .accordion-action .tf-tab-title,
.tf-section[data-tf-type="product.detail_tabs"] .tf-product-accordion .accordion-action [data-tf-field="title"],
.tf-section[data-tf-type="product.detail_tabs"] .tf-product-tabs .tf-btn-tab,
.tf-section[data-tf-type="product.detail_tabs"] .tf-product-tabs .tf-btn-tab [data-tf-field="title"],
.tf-section[data-tf-type="product.detail_tabs"] .tf-product-desc-open .tf-btn-tab,
.tf-section[data-tf-type="product.detail_tabs"] .tf-product-desc-open .tf-btn-tab [data-tf-field="title"] {
    color: var(--tf-title-color) !important;
    font-size: var(--tf-title-font-size) !important;
    font-weight: var(--tf-title-font-weight) !important;
    font-family: var(--tf-title-font-family) !important;
}

.tf-section[data-tf-type="product.detail_tabs"] .tf-product-accordion .accordion-content,
.tf-section[data-tf-type="product.detail_tabs"] .tf-product-accordion .accordion-content .tf-pd__desc,
.tf-section[data-tf-type="product.detail_tabs"] .tf-product-accordion .accordion-content .tf-pd-features,
.tf-section[data-tf-type="product.detail_tabs"] .tf-product-accordion .accordion-content .cl-text-5,
.tf-section[data-tf-type="product.detail_tabs"] .tf-product-accordion .accordion-content .product-desc_benefit,
.tf-section[data-tf-type="product.detail_tabs"] .tf-product-accordion .accordion-content .product-desc_benefit .title,
.tf-section[data-tf-type="product.detail_tabs"] .tf-product-accordion .accordion-content .product-desc_benefit .desc,
.tf-section[data-tf-type="product.detail_tabs"] .tf-product-tabs .tab-pane,
.tf-section[data-tf-type="product.detail_tabs"] .tf-product-tabs .tab-pane .tf-pd__desc,
.tf-section[data-tf-type="product.detail_tabs"] .tf-product-tabs .tab-pane .tf-pd-features,
.tf-section[data-tf-type="product.detail_tabs"] .tf-product-tabs .tab-pane .cl-text-5,
.tf-section[data-tf-type="product.detail_tabs"] .tf-product-tabs .tab-pane [data-tf-field="content"],
.tf-section[data-tf-type="product.detail_tabs"] .tf-product-tabs .tab-pane .product-desc_benefit,
.tf-section[data-tf-type="product.detail_tabs"] .tf-product-tabs .tab-pane .product-desc_benefit .title,
.tf-section[data-tf-type="product.detail_tabs"] .tf-product-tabs .tab-pane .product-desc_benefit .desc,
.tf-section[data-tf-type="product.detail_tabs"] .tf-product-desc-open .tab-pane,
.tf-section[data-tf-type="product.detail_tabs"] .tf-product-desc-open .tab-pane .tf-pd__desc,
.tf-section[data-tf-type="product.detail_tabs"] .tf-product-desc-open .tab-pane .cl-text-5,
.tf-section[data-tf-type="product.detail_tabs"] .tf-product-desc-open .tab-pane [data-tf-field="content"],
.tf-section[data-tf-type="product.detail_tabs"] .tf-product-desc-open .tab-pane .product-desc_benefit,
.tf-section[data-tf-type="product.detail_tabs"] .tf-product-desc-open .tab-pane .product-desc_benefit .title,
.tf-section[data-tf-type="product.detail_tabs"] .tf-product-desc-open .tab-pane .product-desc_benefit .desc {
    color: var(--tf-answer-color) !important;
    font-size: var(--tf-answer-font-size) !important;
    font-weight: var(--tf-answer-font-weight) !important;
    font-family: var(--tf-answer-font-family) !important;
}

.tf-section[data-tf-type="product.detail_tabs"] .tf-pd__desc,
.tf-section[data-tf-type="product.detail_tabs"] [data-tf-field="content"] {
    line-height: 1.6 !important;
}

.tf-section[data-tf-type="product.detail_tabs"] .tf-pd__desc :where(p, li, blockquote, div),
.tf-section[data-tf-type="product.detail_tabs"] [data-tf-field="content"] :where(p, li, blockquote, div) {
    line-height: inherit !important;
}

.tf-section[data-tf-type="product.detail_tabs"] .tf-pd__desc :where(h1, h2, h3, h4, h5, h6),
.tf-section[data-tf-type="product.detail_tabs"] [data-tf-field="content"] :where(h1, h2, h3, h4, h5, h6) {
    line-height: 1.2 !important;
}

.tf-section[data-tf-type="product.detail_tabs"] .product-desc_review .rating_image-list .image-item img,
.tf-section[data-tf-type="product.detail_tabs"] .product-desc_review .review_image .image-item img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 1;
}

.tf-section[data-tf-type="product.detail_tabs"] .product-desc_review .review_image .image-item {
    width: 148px;
    height: 148px;
    border-radius: 8px;
    overflow: hidden;
}

.tf-section[data-tf-type="product.detail_tabs"] .tf-product-accordion .accordion-item:has(.collapse.show) .accordion-content {
    padding-bottom: 20px;
}

.tf-section[data-tf-type="product.detail_tabs"] .tf-product-accordion .accordion-item:has(.collapse.show) .product-desc_review .list-comment .box-comment:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.tf-section[data-tf-type="product.detail_tabs"] .tf-product-tabs:not(.tf-product-desc-open) > .list-tab-btn-1 {
    margin-bottom: 32px;
}

@media (min-width: 1440px) {
    .tf-section[data-tf-type="product.detail_tabs"] .tf-product-tabs:not(.tf-product-desc-open) > .list-tab-btn-1 {
        margin-bottom: 40px;
    }
}

.tf-section[data-tf-type="product.detail_tabs"] .tf-product-tabs:not(.tf-product-desc-open) > .tab-content .tab-pane > .tf-pd__desc,
.tf-section[data-tf-type="product.detail_tabs"] .tf-product-tabs:not(.tf-product-desc-open) > .tab-content .tab-pane > p.cl-text-5 {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1.7;
}

.tf-section[data-tf-type="product.detail_tabs"] .tf-product-tabs:not(.tf-product-desc-open) > .tab-content .tab-pane .tf-pd-features {
    width: 100%;
    border-collapse: collapse;
    background: transparent;
}

.tf-section[data-tf-type="product.detail_tabs"] .tf-product-tabs:not(.tf-product-desc-open) > .tab-content .tab-pane .tf-pd-features th,
.tf-section[data-tf-type="product.detail_tabs"] .tf-product-tabs:not(.tf-product-desc-open) > .tab-content .tab-pane .tf-pd-features td {
    padding: 14px 0;
    vertical-align: top;
    border-bottom: 1px solid var(--line-5, #e8e8e8);
    background: transparent;
}

.tf-section[data-tf-type="product.detail_tabs"] .tf-product-tabs:not(.tf-product-desc-open) > .tab-content .tab-pane .tf-pd-features tr:last-child th,
.tf-section[data-tf-type="product.detail_tabs"] .tf-product-tabs:not(.tf-product-desc-open) > .tab-content .tab-pane .tf-pd-features tr:last-child td {
    border-bottom: 0;
    padding-bottom: 0;
}

.tf-section[data-tf-type="product.detail_tabs"] .tf-product-tabs:not(.tf-product-desc-open) > .tab-content .tab-pane .tf-pd-features th {
    width: 36%;
    padding-right: 24px;
    font-weight: 500;
    text-align: left;
}

.tf-section[data-tf-type="product.detail_tabs"] .tf-product-tabs:not(.tf-product-desc-open) > .tab-content .tab-pane .tf-pd-features td {
    color: var(--text-2, #6b7280);
    font-weight: 400;
}

.tf-section[data-tf-type="product.detail_tabs"] .product-desc_review > *:not(:last-child) {
    margin-bottom: 28px;
}

.tf-section[data-tf-type="product.detail_tabs"] .product-desc_review .review-rating {
    gap: 32px;
}

.tf-section[data-tf-type="product.detail_tabs"] .product-desc_review .rating_average {
    gap: 4px;
}

.tf-section[data-tf-type="product.detail_tabs"] .product-desc_review .rating_average .rate__number {
    align-items: center;
    gap: 12px;
}

.tf-section[data-tf-type="product.detail_tabs"] .product-desc_review .rating_average .rate__number .h2 {
    font-family: var(--font-instrument-serif, "Instrument Serif", serif);
    font-size: 42px;
    line-height: 1;
    letter-spacing: -0.03em;
}

.tf-section[data-tf-type="product.detail_tabs"] .product-desc_review .rating_average .star-wrap {
    gap: 3px;
    padding-bottom: 0;
    color: #f5c518;
    font-size: 16px;
}

.tf-section[data-tf-type="product.detail_tabs"] .product-desc_review .rate__text {
    margin: 6px 0 0;
    color: #737373;
    font-size: 14px;
    line-height: 1.45;
}

.tf-section[data-tf-type="product.detail_tabs"] .product-desc_review .rating_progress-list {
    gap: 7px;
}

.tf-section[data-tf-type="product.detail_tabs"] .product-desc_review .rate_progress-item {
    gap: 10px;
}

.tf-section[data-tf-type="product.detail_tabs"] .product-desc_review .rate_progress-item .number-star {
    min-width: 67px;
    justify-content: flex-start;
    gap: 2px;
}

.tf-section[data-tf-type="product.detail_tabs"] .product-desc_review .rate_progress-item .number-star .bi {
    color: #f5c518;
    font-size: 11px;
}

.tf-section[data-tf-type="product.detail_tabs"] .product-desc_review .rate_progress-item .number-star .bi-star {
    color: #dddcd7;
}

.tf-section[data-tf-type="product.detail_tabs"] .product-desc_review .rate_progress-item .number-percent {
    color: #525252;
    font-size: 13px;
    font-variant-numeric: tabular-nums;
}

.tf-section[data-tf-type="product.detail_tabs"] .product-desc_review .rate_progress-item .progress {
    height: 5px;
    background: #e8e6e1;
}

.tf-section[data-tf-type="product.detail_tabs"] .product-desc_review .rate_progress-item .progress-bar {
    background: #2a2927;
}

.tf-section[data-tf-type="product.detail_tabs"] .product-desc_review > .br-line {
    opacity: 0.65;
}

.tf-section[data-tf-type="product.detail_tabs"] .product-desc_review .list-comment .box-comment {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    column-gap: 24px;
    row-gap: 16px;
    padding: 24px 0;
    border: 0;
    border-bottom: 1px solid var(--line-5, #e8e8e8);
    background: transparent;
}

.tf-section[data-tf-type="product.detail_tabs"] .product-desc_review .list-comment .box-comment:hover {
    border-bottom-color: #d4d1ca;
}

.tf-section[data-tf-type="product.detail_tabs"] .product-desc_review .list-comment .box-comment:not(:last-child) {
    margin-bottom: 0;
}

.tf-section[data-tf-type="product.detail_tabs"] .product-desc_review .list-comment .box-comment:first-child {
    padding-top: 0;
}

.tf-section[data-tf-type="product.detail_tabs"] .product-desc_review .list-comment .box-comment:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.tf-section[data-tf-type="product.detail_tabs"] .product-desc_review .box-comment .col-left {
    grid-column: 1;
    grid-row: 1;
    width: auto;
}

.tf-section[data-tf-type="product.detail_tabs"] .product-desc_review .box-comment .col-center {
    grid-column: 1 / -1;
    grid-row: 2;
    width: 100%;
}

.tf-section[data-tf-type="product.detail_tabs"] .product-desc_review .box-comment .col-right {
    grid-column: 2;
    grid-row: 1;
    width: auto;
    text-align: right;
}

.tf-section[data-tf-type="product.detail_tabs"] .product-desc_review .comment-author {
    margin-bottom: 0;
}

.tf-section[data-tf-type="product.detail_tabs"] .product-desc_review .comment-author .more {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px 10px;
}

.tf-section[data-tf-type="product.detail_tabs"] .product-desc_review .comment-author .author-name {
    margin-bottom: 0;
    font-size: 15px !important;
    font-weight: 600 !important;
    letter-spacing: -0.01em;
}

.tf-section[data-tf-type="product.detail_tabs"] .product-desc_review .review-purchase-verified {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: #52705e;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.3;
    white-space: nowrap;
}

.tf-section[data-tf-type="product.detail_tabs"] .product-desc_review .review-purchase-verified .bi {
    color: #5d8069;
    font-size: 13px;
}

.tf-section[data-tf-type="product.detail_tabs"] .product-desc_review .comment-review {
    gap: 12px;
}

.tf-section[data-tf-type="product.detail_tabs"] .product-desc_review .comment-review > .star-wrap {
    gap: 3px !important;
    color: #f5c518;
    font-size: 15px !important;
}

.tf-section[data-tf-type="product.detail_tabs"] .product-desc_review .comment-review .review_text {
    gap: 8px;
}

.tf-section[data-tf-type="product.detail_tabs"] .product-desc_review .comment-review .review_text .text-1 {
    margin-bottom: 0;
    font-size: 17px !important;
    font-weight: 500 !important;
    line-height: 1.4;
}

.tf-section[data-tf-type="product.detail_tabs"] .product-desc_review .comment-review .review_text .text-2 {
    line-height: 1.7;
}

.tf-section[data-tf-type="product.detail_tabs"] .product-desc_review .comment-action .review_date {
    margin-bottom: 0;
    font-size: 12px !important;
    letter-spacing: 0.02em;
    white-space: nowrap;
}

.tf-section[data-tf-type="product.detail_tabs"] .product-desc_review .review_image .image-item {
    width: 92px;
    height: 92px;
    border: 1px solid var(--line-5, #e8e8e8);
    border-radius: 10px;
}

@media (max-width: 767px) {
    .tf-section[data-tf-type="product.detail_tabs"] .product-desc_review .list-comment .box-comment {
        column-gap: 16px;
        row-gap: 14px;
        padding: 20px 0;
    }
}

@media (max-width: 575px) {
    .tf-section[data-tf-type="product.detail_tabs"] .product-desc_review > *:not(:last-child) {
        margin-bottom: 22px;
    }

    .tf-section[data-tf-type="product.detail_tabs"] .product-desc_review .review-rating {
        gap: 22px;
    }

    .tf-section[data-tf-type="product.detail_tabs"] .product-desc_review .rating_average {
        width: 100%;
    }

    .tf-section[data-tf-type="product.detail_tabs"] .product-desc_review .rating_average .rate__number .h2 {
        font-size: 40px;
    }

    .tf-section[data-tf-type="product.detail_tabs"] .product-desc_review .list-comment .box-comment {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .tf-section[data-tf-type="product.detail_tabs"] .product-desc_review .box-comment .col-left,
    .tf-section[data-tf-type="product.detail_tabs"] .product-desc_review .box-comment .col-right {
        width: auto;
    }

    .tf-section[data-tf-type="product.detail_tabs"] .product-desc_review .box-comment .col-center {
        grid-column: 1 / -1;
        width: 100%;
    }

    .tf-section[data-tf-type="product.detail_tabs"] .product-desc_review .box-comment .col-right {
        text-align: right;
    }
}

.tf-pd-inst { font-family: var(--tf-answer-font-family, inherit); }
.tf-pd-inst__chips {
    display: flex; flex-wrap: wrap; gap: 8px;
    margin: 0 0 6px; padding-bottom: 16px;
    border-bottom: 1px solid rgba(0,0,0,.08);
}
.tf-pd-inst__chip {
    display: inline-flex; align-items: center; justify-content: center;
    height: 44px; min-width: 88px; padding: 0 16px;
    background: #fff; border: 1px solid rgba(0,0,0,.12);
    border-radius: 10px; cursor: pointer;
    transition: border-color .15s ease, box-shadow .15s ease;
}
.tf-pd-inst__chip:hover { border-color: rgba(0,0,0,.3); }
.tf-pd-inst__chip.is-active {
    border-color: var(--tf-title-color, var(--tf-color-text, #111));
    box-shadow: inset 0 0 0 1px var(--tf-title-color, var(--tf-color-text, #111));
}
.tf-pd-inst__chip-logo {
    height: 20px !important; max-height: 20px !important;
    width: auto !important; max-width: 78px !important;
    object-fit: contain !important; display: block;
}
.tf-pd-inst__chip span {
    font-size: .82rem; font-weight: 600;
    color: var(--tf-title-color, var(--tf-color-text, #1a1a18));
    font-family: var(--tf-title-font-family, inherit);
}

.tf-pd-inst__table { width: 100%; border-collapse: collapse; display: none; }
.tf-pd-inst__table.is-active { display: table; }
.tf-pd-inst__table td {
    padding: 13px 4px;
    border-bottom: 1px solid rgba(0,0,0,.06);
    font-family: var(--tf-answer-font-family, inherit);
    vertical-align: baseline;
}
.tf-pd-inst__table tr:last-child td { border-bottom: none; }
.tf-pd-inst__c {
    font-size: .9rem;
    color: var(--tf-answer-color, rgba(0,0,0,.7));
}
.tf-pd-inst__m {
    text-align: right; white-space: nowrap;
    font-size: 1rem; font-weight: 700;
    color: var(--tf-title-color, var(--tf-color-text, #111));
    font-family: var(--tf-title-font-family, inherit);
}
.tf-pd-inst__m small { font-size: .68rem; font-weight: 500; opacity: .55; margin-left: 2px; }
.tf-pd-inst__t {
    text-align: right; white-space: nowrap;
    width: 1%; padding-left: 28px;
    font-size: .8rem; color: rgba(0,0,0,.45);
}
.tf-pd-inst__note {
    margin: 16px 0 0; font-size: .78rem;
    color: var(--tf-answer-color, rgba(0,0,0,.5)); opacity: .8;
}

@media (max-width: 575.98px) {
    .tf-pd-inst__chips { flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
    .tf-pd-inst__chips::-webkit-scrollbar { display: none; }
    .tf-pd-inst__chip { flex: 0 0 auto; }
    .tf-pd-inst__t { display: none; }
}

.tf-quote-modal {
    z-index: 1080;
}

.tf-quote-modal .qf-dialog {
    max-width: 520px;
    margin: 1.75rem auto;
}

.tf-quote-modal .qf-content {
    border: none;
    border-radius: 16px;
    box-shadow: 0 25px 60px rgba(0, 0, 0, .12);
}

.tf-quote-modal .qf-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 20px 24px;
    border-bottom: 1px solid color-mix(in srgb, var(--tf-color-text, #1a1a18) 12%, transparent);
}

.tf-quote-modal .qf-header-left {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

.tf-quote-modal .qf-product-thumb {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    object-fit: cover;
    flex-shrink: 0;
}

.tf-quote-modal .qf-title {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    line-height: 1.3;
}

.tf-quote-modal .qf-product-name {
    font-size: 13px;
    color: var(--tf-color-textMuted, #888);
    margin: 2px 0 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 260px;
}

.tf-quote-modal .qf-close {
    background: none;
    border: none;
    cursor: pointer;
    color: var(--tf-color-textMuted, #888);
    padding: 4px 8px;
    border-radius: 8px;
    flex-shrink: 0;
}

.tf-quote-modal .qf-body {
    padding: 20px 24px;
    overflow-y: auto;
    max-height: 85vh;
}

.tf-quote-modal .qf-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

.tf-quote-modal .qf-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.tf-quote-modal .qf-field--wide {
    grid-column: 1 / -1;
}

.tf-quote-modal .qf-input {
    width: 100%;
    padding: 10px 14px;
    font-size: 14px;
    font-family: inherit;
    border: 1px solid color-mix(in srgb, var(--tf-color-text, #1a1a18) 14%, transparent);
    border-radius: 10px;
    background: #fafaf8;
    outline: none;
}

.tf-quote-modal .qf-input:focus {
    border-color: var(--tf-color-primary, #111);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--tf-color-primary, #111) 12%, transparent);
}

.tf-quote-modal .qf-input.has-error {
    border-color: #e53e3e;
    background: #fef5f5;
}

.tf-quote-modal .qf-textarea {
    resize: vertical;
    min-height: 72px;
}

.tf-quote-modal .qf-error {
    display: block;
    font-size: 12px;
    color: #e53e3e;
}

.tf-quote-modal .qf-error:empty {
    display: none;
}

.tf-quote-modal .qf-submit {
    margin-top: 16px;
}

.tf-quote-modal .qf-submit:disabled {
    opacity: .6;
    cursor: not-allowed;
}

.tf-quote-modal .qf-success {
    text-align: center;
    padding: 32px 16px;
}

.tf-quote-modal .qf-success-icon {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #ecfdf5;
    display: grid;
    place-items: center;
    margin: 0 auto 16px;
    color: #16a34a;
    font-size: 24px;
}

.tf-quote-modal .qf-success-title {
    font-size: 15px;
    font-weight: 600;
    margin: 0 0 6px;
}

.tf-quote-modal .qf-success-sub {
    font-size: 13px;
    color: var(--tf-color-textMuted, #888);
    margin: 0;
}

.tf-product-offer-wrap {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}

.tf-product-offer-wrap .tf-btn-whatsapp,
.tf-btn.tf-btn-whatsapp {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: #25d366 !important;
    border-color: #25d366 !important;
    color: #fff !important;
}

.tf-product-offer-wrap .tf-btn-whatsapp:hover,
.tf-btn.tf-btn-whatsapp:hover {
    background: #1ebe57 !important;
    border-color: #1ebe57 !important;
    color: #fff !important;
}

.tf-product-offer-wrap .tf-btn-whatsapp .bi-whatsapp {
    font-size: 1.15em;
    line-height: 1;
}

@media (max-width: 575.98px) {
    .tf-quote-modal .qf-dialog {
        max-width: 100%;
        margin: .5rem;
    }

    .tf-quote-modal .qf-grid {
        grid-template-columns: 1fr;
    }

    .tf-quote-modal .qf-header,
    .tf-quote-modal .qf-body {
        padding: 18px;
    }

    .tf-quote-modal .qf-product-name {
        max-width: 180px;
    }
}