/** Shopify CDN: Minification failed

Line 508:11 Expected identifier but found whitespace
Line 508:12 Unexpected "380px"

**/
/* =========================================================
   Evolvium – Brand Skin for Shopify Dawn
   File: assets/evolvium.css
   Purpose: Apply Evolvium brand colors & typography to Dawn
   (Cleaned: announcement bar rules unified + scroll lock classes)
   ========================================================= */

:root {
  --evo-text: #0E4947;
  --evo-accent: #F8AA9B;
  --evo-bg: #F5F4F1;
  --evo-bg-2: #C3D1D0;
  --evo-accent-2: #518C89;
  --evo-hover: #5EB9B3;
  --evo-white: #FFFFFF;

  --evo-saffron: #E9B934;
  --evo-tea: #D0DEBB;
  --evo-dogwood: #F2C8C0;
  --evo-rose: #FAE5E1;
  --evo-tiffany: #9FD0BF;

  --evo-heading-font: 'Syne', sans-serif;
  --evo-body-font: 'Manrope', sans-serif;
}

/* Base */
body {
  background-color: var(--evo-bg);
  color: var(--evo-text);
  font-family: var(--evo-body-font);
  font-weight: 300;
}

h1,h2,h3,h4,h5,h6 {
  font-family: var(--evo-heading-font);
  font-weight: 700;
  color: var(--evo-text);
}

a {
  color: var(--evo-accent-2);
  text-decoration-color: color-mix(in oklab, var(--evo-accent-2), transparent 65%);
}
a:hover { color: var(--evo-hover); }

/* ================= Header ================= */
.header-wrapper,
.header {
  background-color: var(--evo-bg);
  width: 100%;
}
.header-wrapper {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid color-mix(in oklab, var(--evo-text), transparent 85%);
}
.header {
  color: var(--evo-text);
}
.header__menu-item,
.header__icon {
  color: var(--evo-text);
}
.header__menu-item:hover,
.header__icon:hover {
  color: var(--evo-hover);
}

/* ================= Announcement Bar (UNIFIED) =================
   - Tam genişlik
   - Renk şeması ile uyum
   - .page-width daraltmasını kaldır
*/
[id^="shopify-section-announcement-bar"],
.shopify-section-announcement-bar,
.shopify-section-group-header-group [id*="announcement"] {
  display: block;
}

.announcement-bar {
  background-color: var(--evo-bg-2);
  color: var(--evo-text);
  width: 100%;
  text-align: center;
  border-bottom: 1px solid color-mix(in oklab, var(--evo-text), transparent 85%);
}

/* İç kısımdaki genişlik kısıtını kaldır */
.announcement-bar .page-width,
[id^="shopify-section-announcement-bar"] .page-width,
.shopify-section-announcement-bar .page-width,
.shopify-section-group-header-group [id*="announcement"] .page-width {
  max-width: none !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Tema renk şeması sınıfları eklense bile rengi koru */
.announcement-bar.color-background-1,
.announcement-bar.color-background-2,
.announcement-bar.color-accent-1,
.announcement-bar.color-accent-2 {
  background-color: var(--evo-bg-2) !important;
  color: var(--evo-text) !important;
}

.announcement-bar__message { justify-content: center; }

/* ================= Footer ================= */
.footer {
  background: var(--evo-bg);
  color: var(--evo-text);
  border-top: 1px solid color-mix(in oklab,var(--evo-text),transparent 85%);
}
.footer__content, .footer__column {
  background: var(--evo-bg);
  color: var(--evo-text);
}
.footer a { color: var(--evo-accent-2); }
.footer a:hover { color: var(--evo-hover); }
.footer__copyright {
  background: var(--evo-bg-2);
  color: var(--evo-text);
}

/* ================= Buttons ================= */
.button, .button--primary, .product-form__submit, .shopify-payment-button__button--unbranded {
  background: var(--evo-accent);
  color: var(--evo-white);
  border: none;
}
.button:hover, .button--primary:hover, .product-form__submit:hover, .shopify-payment-button__button--unbranded:hover {
  background: var(--evo-hover);
}

.button--secondary {
  background: transparent;
  color: var(--evo-text);
  border: 1px solid var(--evo-text);
}
.button--secondary:hover {
  background: var(--evo-text);
  color: var(--evo-white);
}

/* ================= Inputs ================= */
input, select, textarea {
  background: var(--evo-white);
  color: var(--evo-text);
  border: 1px solid color-mix(in oklab,var(--evo-text),transparent 80%);
}
input:focus, select:focus, textarea:focus {
  outline: 2px solid var(--evo-accent-2);
  border-color: var(--evo-accent-2);
}

/* ================= Cards ================= */
.card, .product-card-wrapper {
  background: var(--evo-white);
  border: 1px solid color-mix(in oklab,var(--evo-text),transparent 90%);
  color: var(--evo-text);
}
.card .quick-add__submit {
  background: var(--evo-accent);
  color: var(--evo-white);
}
.card .quick-add__submit:hover { background: var(--evo-hover); }

/* ================= Misc ================= */
.price .price-item--regular { color: var(--evo-text); }
.price .price-item--sale { color: var(--evo-accent-2); }

.section--alt, .color-background-2 { background: var(--evo-bg-2); color: var(--evo-text); }
.color-background-1 { background: var(--evo-bg); color: var(--evo-text); }

:focus-visible { outline: 2px dashed var(--evo-accent-2); outline-offset: 2px; }
[disabled] { opacity: 0.6; }

/* ================= Utility Bar (Header üstü) ================= */
.utility-bar--full { width: 100%; }
.utility-bar--full .utility-bar__grid { width: 100%; }
.utility-bar--bottom-border,
.utility-bar--bottom-border-social-only {
  border-bottom: 1px solid color-mix(in oklab, var(--evo-text), transparent 85%);
}

/* ================= Body Scroll Lock (grid üzerindeyken) =================
   Bu sınıfları section içindeki script toggle ediyor.
*/
html.scroll-locked,
body.scroll-locked{
  overflow: hidden !important;
  height: 100%;
  touch-action: none;
  overscroll-behavior: none;
}
/* Form Circles – mobil/tablette yatay kaydırma + snap */
@media (max-width: 992px){
  .form-circles__grid{
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: calc(var(--circle) + 80px);
    grid-template-columns: none !important;
    gap: var(--gap);
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    padding: 0 12px;

    /* jest yönü ipuçları */
    touch-action: pan-x;
    overscroll-behavior-x: contain;
    overscroll-behavior-y: none;
  }
  .form-circles__grid > *{ scroll-snap-align: start; }
}
/* CTA düğmeleri: kenarlık/çerçeve yok, farklı renkler */
.evo-pdp__add.button{
  background: var(--evo-accent,#F8AA9B);
  color:#fff;
  border:0;
  box-shadow:none;
  border-radius:999px;
  min-height:48px;
  padding-inline:22px;
}
.evo-pdp__add.button:hover{ background: var(--evo-hover,#5EB9B3); }

.evo-pdp__buy-now :where(button){
  background: var(--evo-text,#0E4947) !important;
  color:#fff !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:999px !important;
  min-height:48px !important;
  padding-inline:22px !important;
}

/* (isteğe bağlı) unbranded ödeme butonunun varsayılan siyah kenarlığını söndür */
.shopify-payment-button__button--unbranded{
  border:0 !important;
  box-shadow:none !important;
}

/* Odak stilleri (erişilebilir) */
.evo-pdp__add.button:focus-visible,
.evo-pdp__buy-now :where(button):focus-visible{
  outline:2px dashed var(--evo-accent-2,#518C89);
  outline-offset:3px;
}
/* === PDP buton çerçevesini kaldır (yalnızca ürün sayfasındaki custom section için) === */
.shopify-section--evo-pdp .evo-pdp__add.button {
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

.shopify-section--evo-pdp .shopify-payment-button__button,
.shopify-section--evo-pdp .shopify-payment-button__button--unbranded,
.shopify-section--evo-pdp .shopify-payment-button__button--branded {
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

/* :hover durumda Dawn’ın eklediği iç kenarlığı da bastır */
.shopify-section--evo-pdp .shopify-payment-button__button--unbranded:hover,
.shopify-section--evo-pdp .shopify-payment-button__button--branded:hover,
.shopify-section--evo-pdp .evo-pdp__add.button:hover {
  box-shadow: none !important;
  border: 0 !important;
}

/* Erişilebilir odak halkasını siyah yerine marka rengine çevir (istersen kaldır) */
.shopify-section--evo-pdp .evo-pdp__add.button:focus-visible,
.shopify-section--evo-pdp .shopify-payment-button__button:focus-visible {
  outline: 2px dashed var(--evo-accent-2, #518C89) !important;
  outline-offset: 3px !important;
  box-shadow: none !important;
}
/* ==== PDP: butonlardaki siyah çerçeveyi tamamen kaldır ==== */
.shopify-section--evo-pdp .evo-pdp__cta .button,
.shopify-section--evo-pdp .evo-pdp__cta .shopify-payment-button__button,
.shopify-section--evo-pdp .evo-pdp__cta .shopify-payment-button__button--unbranded,
.shopify-section--evo-pdp .evo-pdp__cta .shopify-payment-button__more-options {
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

/* Dawn, kenarlığı ::after ile veriyor — bunu kapat */
.shopify-section--evo-pdp .evo-pdp__cta .button::after,
.shopify-section--evo-pdp .evo-pdp__cta .shopify-payment-button__button::after,
.shopify-section--evo-pdp .evo-pdp__cta .shopify-payment-button__button--unbranded::after {
  content: none !important;
  box-shadow: none !important;
}

/* Bazı sürümlerde wrapper’a da kenarlık veriliyor */
.shopify-section--evo-pdp .evo-pdp__cta .shopify-payment-button {
  border: 0 !important;
  box-shadow: none !important;
}

/* Odak halkasını marka rengine al (istersen kaldırabilirsin) */
.shopify-section--evo-pdp .evo-pdp__cta .button:focus-visible,
.shopify-section--evo-pdp .evo-pdp__cta .shopify-payment-button__button:focus-visible {
  outline: 2px dashed var(--evo-accent-2, #518C89) !important;
  outline-offset: 3px !important;
  box-shadow: none !important;
}
/* ==== Hemen Satın Al hover rengi ==== */
.shopify-section--evo-pdp .evo-pdp__cta .shopify-payment-button__button,
.shopify-section--evo-pdp .evo-pdp__cta .shopify-payment-button__button--unbranded {
  background-color: #0E4947 !important; /* normal renk */
  color: #fff !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 999px !important;
}

/* hover'da siteye uyumlu açık ton */
.shopify-section--evo-pdp .evo-pdp__cta .shopify-payment-button__button:hover,
.shopify-section--evo-pdp .evo-pdp__cta .shopify-payment-button__button--unbranded:hover {
  background-color: #1B726D !important;
  color: #fff !important;
  box-shadow: none !important;
}
/* ==== PDP adet kutusu: native spinner'ları gizle ==== */
.shopify-section--evo-pdp .evo-pdp__qtybox input[type="number"]::-webkit-outer-spin-button,
.shopify-section--evo-pdp .evo-pdp__qtybox input[type="number"]::-webkit-inner-spin-button{
  -webkit-appearance: none;
  margin: 0;
}
.shopify-section--evo-pdp .evo-pdp__qtybox input[type="number"]{
  -moz-appearance: textfield; /* Firefox */
  appearance: textfield;      /* Standart */
}

/* butonların tıklanabilirliği ve hizası */
.shopify-section--evo-pdp .evo-pdp__qtybtn{
  width: 44px; height: 44px; line-height: 44px;
  display: inline-grid; place-items: center;
  font-size: 20px; font-weight: 700;
  user-select: none;
}
.shopify-section--evo-pdp .evo-pdp__qtybox input{
  width: 64px; height: 44px; font-weight: 700; font-size: 16px;
}
/* ==== Adet kutusu boyutlarını küçült ==== */
.shopify-section--evo-pdp .evo-pdp__qtybox {
  transform: scale(0.9);
  transform-origin: left center;
}

/* Daha ince butonlar ve input */
.shopify-section--evo-pdp .evo-pdp__qtybtn {
  width: 36px;
  height: 36px;
  font-size: 16px;
  line-height: 36px;
}

.shopify-section--evo-pdp .evo-pdp__qtybox input {
  width: 52px;
  height: 36px;
  font-size: 15px;
}
/* Öne çıkan bilgiler kutusu */
.shopify-section--evo-pdp .evo-pdp__highlights{
  background: var(--evo-bg-2, #C3D1D0);
  color: var(--evo-text, #0E4947);
  border-radius: 10px;
  padding: 10px 12px;
  margin: 8px 0 12px;
}
.shopify-section--evo-pdp .evo-pdp__highlights-title{
  font-weight: 800;
  margin-bottom: 6px;
}
.shopify-section--evo-pdp .evo-pdp__highlights-list{
  margin: 0;
  padding-left: 18px;     /* klasik madde işareti */
  display: grid;
  gap: 4px;
}
.shopify-section--evo-pdp .evo-pdp__highlight-line{ margin: 0; }
/* === Rating + kod satırı === */
.evo-pdp__ratingbar{
  display: grid;
  gap: 6px;
  margin: 8px 0 8px;
}
.evo-pdp__rating{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: color-mix(in oklab, var(--evo-text,#0E4947), transparent 20%);
  font-size: 14px;
}
.evo-pdp__rating-num{ font-weight: 600; color: var(--evo-text,#0E4947); }
.evo-pdp__stars{ letter-spacing: 2px; }
.evo-pdp__stars .star{
  font-size: 14px;
  color: color-mix(in oklab, var(--evo-text,#0E4947), transparent 70%);
}
.evo-pdp__stars .star.is-on{
  color: #F7B500; /* altın sarısı yıldız */
}
.evo-pdp__reviews-link{
  color: var(--evo-text,#0E4947);
  text-decoration: none;
}
.evo-pdp__reviews-link:hover{
  text-decoration: underline;
}

/* Barkod / ürün kodu satırı */
.evo-pdp__codes{
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  font-size: 14px;
  color: color-mix(in oklab, var(--evo-text,#0E4947), transparent 20%);
}
.evo-pdp__code strong.evo--accent{
  color: var(--evo-accent,#F8AA9B);
  font-weight: 700;
}
/* === PDP: Adet + CTA tek satır (Dawn genişliklerini bastır) === */
.shopify-section--evo-pdp .evo-pdp__actions{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  flex-wrap:wrap !important;   /* dar ekranda doğalca alta geçsin */
  margin-top:10px !important;
}

/* Adet bloğu ve CTA yanyana durmalı */
.shopify-section--evo-pdp .evo-pdp__qty{ margin:0 !important; }
.shopify-section--evo-pdp .evo-pdp__cta{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  margin:0 !important;
}
.shopify-section--evo-pdp .evo-pdp__cta > *{
  flex:0 0 auto !important;   /* genişlemesin */
}

/* Dawn “Hemen satın al” wrapper’ını %100 yapıyor — iptal et */
.shopify-section--evo-pdp .evo-pdp__buy-now,
.shopify-section--evo-pdp .evo-pdp__buy-now .shopify-payment-button{
  width:auto !important;
  display:inline-flex !important;
}

/* Butonun kendisi de blok/100% olmasın */
.shopify-section--evo-pdp .evo-pdp__cta .button,
.shopify-section--evo-pdp .evo-pdp__buy-now .shopify-payment-button__button,
.shopify-section--evo-pdp .evo-pdp__buy-now .shopify-payment-button__button--unbranded{
  display:inline-flex !important;
  width:auto !important;
  min-height:44px !important;
  border-radius:999px !important;
}

/* Bazı Dawn sürümlerinde “diğer ödeme yöntemleri” linki genişletir */
.shopify-section--evo-pdp .evo-pdp__buy-now .shopify-payment-button__more-options{
  width:auto !important;
  display:inline-flex !important;
}

/* (İsteğe bağlı) adet kutusunu biraz kompakt tutalım */
.shopify-section--evo-pdp .evo-pdp__qtybox{ height:36px !important; }
.shopify-section--evo-pdp .evo-pdp__qtybtn{ width:36px !important; height:36px !important; }
.shopify-section--evo-pdp .evo-pdp__qtybox input{ width:50px !important; height:36px !important; }

/* ==== Blog yazısı sayfası – öne çıkan görseli küçült ==== */
.article-template__hero .media,
.article-template__hero .article-template__image {
  max-width: 900px;           /* desktop'ta daha dar olsun */
  margin: 0 auto 20px;        /* ortala + altta boşluk */
}

.article-template__hero .media img,
.article-template__hero .article-template__image img {
  width: 100%;
  max-height: 360px;          /* YÜKSEKLİĞİ BURADAN AYARLIYORSUN */
  object-fit: cover;          /* taşıp kırpsın, sıkıştırmasın */
  border-radius: 16px;        /* istersen köşeleri yuvarlak */
}

@media (max-width: 768px) {
  .article-template__hero .media img,
  .article-template__hero .article-template__image img {
    max-height: 260px;        /* mobilde daha alçak */
  }
}
max-height: 380px;
