/** Shopify CDN: Minification failed

Line 183:0 All "@import" rules must come first

**/
/*-----------------------------------------------------------------------------/
/ Custom Theme CSS
/-----------------------------------------------------------------------------*/
/*---------------- Global Custom CSS -------------------*/.t4s-section-header [data-header-height] {
    min-height: 70px;
}

/* Product Card Background Color from Metafield */
[data-product-background] {
    background-color: attr(data-product-background color);
}

.product-card[style*="--product-bg"] {
    background-color: var(--product-bg);
}

/* Fallback for product items with metafield */
.t4s-product-item {
    transition: background-color 0.3s ease;
}

/* Gecko tema - lazyload resimler için gölge */
.lazyloadt4s-loader,
img.lazyloadt4s-loader,
.lazyloadt4s-loader img {
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12) !important;
  border-radius: 8px !important;
}

/* Yüklenmiş resimler için */
.lazyloadt4s-loader.lazyloaded {
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12) !important;
  border-radius: 8px !important;
}

/* AI Search & Product Filter - Search widget border color */
.ai-search-widget input,
.ai-search-widget input[type="text"],
.ai-search-widget input[type="search"],
.facets-search input,
.facets-search input[type="text"],
.facets-search input[type="search"] {
  border-color: #E9E4EF !important;
}

/* Vionine blog: icerik ortalama + SSS akordiyon (sadece blog govdesi) */

/* --- icerigi okunur genislikte ortala --- */
.t4s-article-content.t4s-rte{
  max-width:740px;
  margin-left:auto;
  margin-right:auto;
}

/* --- SSS akordiyon --- */
.t4s-article-content.t4s-rte details{
  border:1px solid #E9E4EF;
  border-radius:10px;
  margin:10px 0;
  background:#fff;
  overflow:hidden;
}
.t4s-article-content.t4s-rte details[open]{ border-color:#7A5AA6; }
.t4s-article-content.t4s-rte details > summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  cursor:pointer;
  padding:15px 18px;
  list-style:none;
  font-weight:600;
  color:#1a1a1a;
}
.t4s-article-content.t4s-rte details > summary::-webkit-details-marker{ display:none; }
.t4s-article-content.t4s-rte details > summary > h3{
  display:inline;
  margin:0;
  font-size:1.05rem;
  font-weight:600;
  line-height:1.45;
  color:inherit;
}
.t4s-article-content.t4s-rte details > summary::after{
  content:"";
  flex:0 0 auto;
  width:9px; height:9px;
  border-right:2px solid #7A5AA6;
  border-bottom:2px solid #7A5AA6;
  transform:rotate(45deg);
  transition:transform .2s ease;
}
.t4s-article-content.t4s-rte details[open] > summary::after{ transform:rotate(-135deg); }
.t4s-article-content.t4s-rte details > summary:hover{ background:#F5F2F7; }
.t4s-article-content.t4s-rte details > *:not(summary){ padding:0 18px 16px; margin:0; }
.t4s-article-content.t4s-rte details > p{ line-height:1.7; color:#3a3a3a; }/*---------------- Custom CSS for only desktop -------------------*/
@media (min-width: 1025px) {.t4s-col-item.t4s-main-article-page.t4s-main-area .t4s-article-content.t4s-rte {
    padding-left: 200px;
    padding-right: 200px;
}
.t4s-header__wrapper.t4s-header__design1.t4s-layout-layout_categories {
    margin-top: -25px;
}

/* Sticky Product Media - T4S/Gecko Theme */
.t4s-is--sticky,
.is--main-sticky,
.t4s-main-sticky {
  position: sticky !important;
  top: 100px !important;
  align-self: flex-start !important;
}}

/*---------------- Custom CSS for tablet, mobile -------------------*/
@media (max-width: 1024px) {body, p, .t4s-rte, .t4s-product-item, .t4s-article-content {
  font-size: 16px !important;
}

/* Ensure proper line height for readability */
body, p {
  line-height: 1.4 !important;
}}

/*---------------- Custom CSS for only tablet -------------------*/
@media (min-width: 768px) and (max-width: 1024px) {}

/*---------------- Custom CSS for only mobile -------------------*/
@media (max-width: 767px){/* Increase body text font size on mobile */
body, p, .t4s-rte, .t4s-product-item, .t4s-article-content {
  font-size: 16px !important;
}

/* Ensure proper line height for readability */
body, p {
  line-height: 1.4 !important;
}

/* Increase product title font size on mobile */
.t4s-product-item .t4s-product-title,
.t4s-product-item h3,
.t4s-product-item .product-title {
  font-size: 16px !important;
  line-height: 1.3 !important;
}}
/* Styles for Folder Tabs */
.smart-tabs-navigation-li br {display: none !important}
.smart-tabs-wrapper.Rte.app {
    max-width: 1200px;
    margin: 50px auto 15px !important;
}
.smart-tabs-wrapper {margin: 15px auto !important;}
.smart-tabs-wrapper .smart-tabs-navigation-links {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    text-align: center;
  }
.smart-tabs-navigation-li {text-align: start;}
.smart-tabs-navigation-wrapper {padding-top: 25px !important;}

@media (min-width: 1024px) { .smart-tabs-content-block {width: 70%; margin: 0 auto;}}

/* === VIO GWP hediye adet kilidi (Monk) - sifir fiyatli 4 hediye SKU, sepette adet degistirilemez === */
[data-cart-item][data-pid="9366216048858"] .t4s-quantity-wrapper,
[data-cart-item][data-pid="9366216114394"] .t4s-quantity-wrapper,
[data-cart-item][data-pid="9366216147162"] .t4s-quantity-wrapper,
[data-cart-item][data-pid="9366216212698"] .t4s-quantity-wrapper,
[data-cart-item]:has(a[href*="/products/hediye-2080-pink-salt-toothpaste-gwp"]) .t4s-quantity-wrapper,
[data-cart-item]:has(a[href*="/products/hediye-mary-may-vegan-blackberry-essence-30ml-gwp"]) .t4s-quantity-wrapper,
[data-cart-item]:has(a[href*="/products/hediye-the-saem-care-plus-peeling-spray-gwp"]) .t4s-quantity-wrapper,
[data-cart-item]:has(a[href*="/products/hediye-vioglam-pink-sun-base-spf50-gwp"]) .t4s-quantity-wrapper{display:none!important;}
.product-detail__wrapper,
.product__info-wrapper {
  padding-left: 24px !important;
  padding-right: 24px !important;
}
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600&display=swap');
.pgd2-title{
  font-family:"Fraunces", Georgia, serif !important;
  font-size:22px !important;
  line-height:1.3 !important;
  letter-spacing:.2px;
}
@media (max-width:767px){ .pgd2-title{ font-size:20px !important; } }