/** Shopify CDN: Minification failed

Line 115:17 Unexpected "-->"
Line 172:20 Unexpected "-"
Line 332:0 Expected "}" to go with "{"

**/
.cart-drawer-button {
  display: none;
}
.price {
  display: none;
}
.buy-buttons {
  display: none;
}
.shopify-payment-button {
  display: none;
}
.eapp-portfolio-project-look-card-picture-wrapper {
  border-radius: clamp(var(--sp-2d5), 1.053vw, var(--sp-5));
}
.eapp-portfolio-project-viewer-frame-content {
  border-radius: clamp(var(--sp-2d5), 1.053vw, var(--sp-5));
}
.eapp-portfolio-picture-img {
  border-radius: clamp(var(--sp-2d5), 1.053vw, var(--sp-5));
}
.eapp-portfolio-project-look-card-name {
  font-weight: normal;
  font-size: var(--text-base);
}
@media only screen and (max-width: 1024px) {
  .eapp-portfolio-project-look-card-name {
    font-weight: normal;
    font-size: 13px;
  }
}
.desktop-only-button {
  display: block;
  width: 100%;
}
@media (max-width: 768px) {
  .desktop-only-button {
    display: none;
  }
}
.header__buttons {
  margin-inline: 0;
}
@media screen and (min-width: 1280px) {
  .footer {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (min-width: 1280px) {
  .footer__right {
    padding-inline: clamp(var(--sp-1), 8.421vw, var(--sp-10));
  }
}
.footer__contact {
  font-size: clamp(var(--text-md), 1.578vw, var(--text-md));
}
@media screen and (min-width: 768px) {
  .footer__right {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media screen and (min-width: 1280px) {
    .footer {
        grid-template-columns: 1fr 1fr;
    }
}
.footer .icon-lg {
    width: 16px !important;
}

.footer__logo img {
    width: 200px;
}

@media screen and (max-width: 767px) {
.footer__accordions.flex.flex-wrap.flex-col.md\:flex-row.md\:grow.md\:gap-12 {
    flex-direction: row;
    gap: 12vw;
}
  .footer__right {
    margin-block-end: 72px;
}
}


@media screen and (min-width: 1024px) {
  .timeline__item > .flex {
    height: 100%;
  }
  .timeline__item img {
    height: 100%;
  }
}
@media screen and (max-width: 1020px) {
  .timeline__item > .flex {
    height: auto;
  }
}
.media-card__content.flex.justify-between.items-center.gap-4.w-full.md\:text-left.text-left {
  background-image: linear-gradient(
    46deg,
    #1b1b1b96 13%,
    rgb(246 239 225 / 31%) 86%
  );
}

<!--PROJECT PAGE -->
.project-details {
  /* We want each row (each .project-details__item) to be spaced out. */
  display: grid;            /* or block is fine, but grid is easy for gaps */
  gap: 1rem;                /* space between each item row */
}

@media (min-width: 768px) {
  .project-details {
     margin-bottom: 25%;
  }
}

/* Each item is a row with two columns: 
   - column 1: icon
   - column 2: name & value stacked
*/
.project-details__item {
  display: grid;
  grid-template-columns: auto 1fr; /* icon is auto-width, text stretches */
  column-gap: 0.75rem;            /* space between icon & text block */
  align-items: start;             /* top-align icon with name */
  margin-bottom: 0.75rem;
}

/* Left column: the icon */
.project-details__icon {
  /* If you need to control icon size, do so. 
     E.g., if you're using an SVG snippet, you might add: */
  display: flex; 
  align-items: center; 
  justify-content: center;
  /* optional: width: 24px; height: 24px; */
}

/* Right column: 2 lines of text */
.project-details__text {
  display: flex;
  flex-direction: column; 
  /* The name is top line, value is second line */
}

/* Metafield Name (12px, weight 400) */
.project-details__name {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.2; /* optional line-height */
  margin-bottom: 0.25rem; /* small spacing above value */
}

/* Metafield Value (14px, weight 500) */
.project-details__value {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3; /* optional line-height */
}

<!--QUCIKVIEW MODAL - PROJECT PAGE -->

    /* Flex container to split into two columns */
    .getcgo-quickviewmodal-cta-container {
      display: grid !important;
      justify-content: space-between;
      align-items: stretch; /* So the two columns match height if needed */
      gap: 1rem;
    }

    .getcgo-quickviewmodal-cta-container {
    display: grid;
    gap: 1rem;
}

    /* Left column (green outline) */
    .getcgo-quickviewmodal-left-column {
      flex: 1;
    
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
    }

    /* Heading row (red outline) */
    .getcgo-quickviewmodal-heading-row {
      
      margin-bottom: 8px;
      font-size: 16px;
      font-weight: 600;
    }

    /* Description row (blue outline) */
    .getcgo-quickviewmodal-description-row {
     
      margin: 0;
      font-size: clamp(12px, 0.75rem + 0.2vw, 14px);
      line-height: 1.4;
    }

    /* Right column (yellow outline) */
    .getcgo-quickviewmodal-right-column {
     
      display: flex;
      align-items: center; /* Vertically center the CTA button */
    }

    .getcgo-quickviewmodal-right-column .button.icon-with-text .btn-text {
    gap: 5px;
    }

    .product__more{
      background-color: rgb(var(--color-highlight));
    }
    @media screen and (min-width: 1024px) {
    .quick-view .product__more {
        background-color: rgb(var(--color-highlight));
        backdrop-filter: none;
    }
}

.product__title.with-price {
  gap:0;
}



.mobile-dock {
padding-block-start: 0 !important;
}    
/* Taşma görünür olsun */
.mobile-dock { 
  flex-wrap: wrap; 
  overflow: visible;
}

/* Üstte tam genişlik buton */
.consultation-bar {
  position: relative;
  flex: 0 0 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--sp-3);
  padding: var(--sp-2) var(--sp-4);
  /* Soldaki avatar alanını rezerve et ki metin tam ortalansın */
  padding-left: calc(70px + var(--sp-5));
  min-height: 58px; /* bar yüksekliği */
  text-decoration: none;
  border-radius: 20px 20px 0 0;
  background-repeat: no-repeat;
    background-image: linear-gradient(to var(--transform-origin-end), rgb(var(--color-highlight)) 0, rgb(var(--color-background)) 100%), linear-gradient(to var(--transform-origin-end), rgb(var(--color-highlight)) 0, rgb(var(--color-background)) 100%);
    transition: background-size var(--animation-smooth);
  color: #000;
      border-block-end: 2px solid #f1e0bc !important;
}

/* Avatar mutlak konumlu ve barın üstünden taşar */
.consultation-bar__media {
  position: absolute;
  left: var(--sp-4);
  top: -16px;             /* taşma miktarı */
  width: 80px;
  overflow: hidden;
  z-index: 1;
}

.consultation-bar__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Metin */
.consultation-bar__label {
  font-weight: 800;
  font-size: clamp(14px, 3.8vw, 18px);
  line-height: 1.1;
  text-align: center;
}

/* Eski çözümlerden kalan spacer varsa görmezden gel */
.consultation-bar__spacer { display: none; }

.consultation-bar:focus,
.consultation-bar:hover { opacity: 0.95; }

.logo__media > :is(img, svg) {
  filter: grayscale(1);
}

/* Product Card Quick View - Video problem solved */
.product-card .deferred-poster,
.product-card .deferred-poster * {
  pointer-events: none !important;
}

@media screen and (min-width: 1024px) {
    .quick-view .product__thumbnails-list
 {
        position: absolute;
        inset-block-end: var(--sp-15);
 }

html, body,
main, .site-wrapper {
  scroll-behavior: smooth;
}

.tab__item.button--secondary {
    background-color: #f1e0bc;
    border: 1px solid #333;
}

  #insta-feed .instafeed-new-layout-item img, .instafeed-shopify .instafeed-new-layout-item img {
    border-radius: var(--rounded-card)!important;
  }