:root{--green:#154c2d;--green-2:#27723f;--mint:#cfe8d4;--mint-light:#f0f8f1;--ink:#122018;--muted:#5d6c62;--white:#fff;--line:#dbe7dd;--shadow:0 24px 60px rgba(15,62,34,.12);--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:16px/1.65 var(--sans);background:#fff}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}.container{width:min(1180px,calc(100% - 40px));margin:auto}.narrow{max-width:780px}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.93);backdrop-filter:blur(18px);border-bottom:1px solid rgba(21,76,45,.08)}.nav-wrap{height:86px;display:flex;align-items:center;justify-content:space-between}.brand img{width:218px;display:block}.site-header nav{display:flex;gap:28px;align-items:center;font-weight:700;font-size:.94rem}.site-header nav>a:not(.button):hover{color:var(--green-2)}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:15px 24px;border-radius:999px;background:var(--green);color:#fff;font-weight:800;box-shadow:0 10px 28px rgba(21,76,45,.16);transition:.2s}.button:hover{background:#0f3d23;transform:translateY(-1px)}.button span{font-weight:500;opacity:.84}.button-small{padding:11px 20px}.button-outline{background:transparent;color:var(--green);border:1px solid var(--green);box-shadow:none}.button-block{width:100%;margin-top:22px}.menu-toggle{display:none;background:none;border:0;padding:10px}.menu-toggle span{display:block;width:24px;height:2px;background:var(--ink);margin:5px}.hero{overflow:hidden;background:linear-gradient(110deg,#fbfefb 0%,#eef8ef 65%,#d9efdc 100%)}.hero-grid{min-height:650px;display:grid;grid-template-columns:.92fr 1.2fr;align-items:center;gap:30px}.hero-copy{position:relative;z-index:2;padding:80px 0}.eyebrow{margin:0 0 16px;color:var(--green-2);font-size:.78rem;line-height:1.3;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.hero h1,.page-hero h1{font:500 clamp(2rem,6.2vw,6.4rem)/.94 var(--serif);letter-spacing:-.055em;margin:0 0 26px;max-width:800px}.lead{font-size:clamp(1.08rem,1.8vw,1.32rem);line-height:1.55;color:#415348;max-width:680px}.hero-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:34px}.text-link{color:var(--green);font-weight:900;border-bottom:1px solid transparent}.text-link:hover{border-color:currentColor}.micro-list{display:flex;gap:20px;flex-wrap:wrap;margin:38px 0 0;padding:0;list-style:none;color:var(--muted);font-size:.9rem}.micro-list li:before{content:'✓';color:var(--green-2);margin-right:7px;font-weight:900}.hero-media{position:relative;min-width:0}.hero-media img{position:relative;z-index:2;width:115%;max-width:none;transform:translateX(-4%);filter:drop-shadow(0 32px 24px rgba(20,73,39,.18))}.mint-orbit{position:absolute;width:530px;height:530px;border:1px solid rgba(40,115,64,.2);border-radius:50%;right:4%;top:50%;transform:translateY(-50%)}.mint-orbit:after{content:'';position:absolute;inset:58px;border:1px solid rgba(40,115,64,.16);border-radius:50%}.trust-bar{background:var(--green);color:#fff}.trust-bar .container{display:grid;grid-template-columns:repeat(4,1fr)}.trust-bar p{margin:0;padding:22px;text-align:center;font-weight:800;border-right:1px solid rgba(255,255,255,.15)}.section{padding:110px 0}.section-tint{background:var(--mint-light)}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.split h2,.section-head h2,.buy-band h2{font:500 clamp(2.3rem,4vw,4rem)/1.05 var(--serif);letter-spacing:-.04em;margin:0 0 24px}.split p:not(.eyebrow){font-size:1.08rem;color:var(--muted)}.rounded-image{border-radius:32px;box-shadow:var(--shadow)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}.section-head h2{margin:0}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.ingredient-card{display:flex;flex-direction:column;min-height:245px;padding:28px;background:#fff;border:1px solid var(--line);border-radius:22px;transition:.2s}.ingredient-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#b7d3bd}.ingredient-card span{font-size:.75rem;font-weight:900;color:var(--green-2);text-transform:uppercase;letter-spacing:.1em}.ingredient-card h2,.ingredient-card h3{font:500 1.55rem/1.15 var(--serif);margin:20px 0 10px}.ingredient-card p{margin:0;color:var(--muted);font-size:.94rem}.ingredient-card b{margin-top:auto;padding-top:18px;color:var(--green)}.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.method-grid article{padding:32px;border-left:1px solid var(--line)}.method-grid span,.step{font:italic 1rem var(--serif);color:var(--green-2)}.method-grid h3{font:500 1.55rem var(--serif)}.buy-band{background:#102a1c;color:#fff}.buy-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:center}.buy-band .eyebrow{color:#8ed19c}.buy-band p:not(.eyebrow){color:#bdd0c2}.price-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.price-cards a{display:flex;flex-direction:column;padding:30px;border-radius:22px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16)}.price-cards a.featured{background:#fff;color:var(--ink)}.price-cards small{text-transform:uppercase;letter-spacing:.1em}.price-cards strong{font:500 2.4rem var(--serif);margin:8px 0}.price-cards span{font-weight:900}.page-hero{padding:120px 0 90px;background:linear-gradient(135deg,#f8fcf8,#e6f4e8)}.product-hero{padding-bottom:70px}.product-hero img{filter:drop-shadow(0 20px 18px rgba(20,73,39,.13))}.article-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:80px;align-items:start}.article-grid article>h2,.prose h2{font:500 2rem/1.2 var(--serif);margin:42px 0 14px}.article-grid article>h2:first-child{margin-top:0}.check-list{padding:0;list-style:none}.check-list li{padding:10px 0;border-bottom:1px solid var(--line)}.check-list li:before{content:'✓';color:var(--green);font-weight:bold;margin-right:10px}.facts{padding:28px;border:1px solid var(--line);border-radius:22px;position:sticky;top:110px}.facts h2{font:500 1.5rem var(--serif);margin-top:0}.facts dl{margin:0}.facts dl div{padding:14px 0;border-bottom:1px solid var(--line)}.facts dt{font-size:.74rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:800}.facts dd{margin:4px 0 0;font-weight:700}.notice{padding:22px 24px;margin-top:30px;background:var(--mint-light);border-left:4px solid var(--green);border-radius:0 14px 14px 0}.usage-list{max-width:880px}.usage-list article{display:grid;grid-template-columns:90px 1fr;gap:22px;padding:38px 0;border-bottom:1px solid var(--line)}.usage-list h2{font:500 2rem var(--serif);margin:0 0 8px}.step{font-size:2rem}.faq-list details,.prose details{border-bottom:1px solid var(--line)}details summary{cursor:pointer;list-style:none;padding:22px 0;display:flex;justify-content:space-between;gap:20px;font-weight:800;font-size:1.06rem}details summary::-webkit-details-marker{display:none}details summary span{color:var(--green);font-size:1.4rem}details p{color:var(--muted);margin:0 0 22px}.article-meta{font-size:.84rem;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:16px}.filter-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:32px}.filter-row button{border:1px solid var(--line);background:#fff;padding:10px 16px;border-radius:999px;cursor:pointer;font-weight:700;color:var(--ink)}.filter-row button.active{background:var(--green);color:#fff;border-color:var(--green)}.site-footer{padding-top:70px;background:#0d2015;color:#fff}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:70px;padding-bottom:50px}.footer-grid img{width:210px}.footer-grid p{color:#aebfb3;max-width:420px}.footer-grid h2{font-size:.78rem;text-transform:uppercase;letter-spacing:.14em;color:#8ed19c}.footer-grid a{display:block;padding:5px 0;color:#d5dfd8}.legal-strip{display:flex;justify-content:space-between;gap:30px;border-top:1px solid rgba(255,255,255,.1);padding:25px 0;font-size:.8rem;color:#9fb0a4}.legal-strip p{margin:0}.prose p,.prose li{color:#45564b}.ingredient-hero{border-bottom:1px solid var(--line)}[hidden]{display:none!important}@media(max-width:900px){.site-header nav{position:absolute;left:0;right:0;top:86px;background:#fff;padding:24px 20px;display:none;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}.site-header nav.open{display:flex}.menu-toggle{display:block}.hero-grid,.split,.buy-grid,.article-grid{grid-template-columns:1fr}.hero-grid{padding-top:40px}.hero-copy{padding:55px 0 10px}.hero-media img{width:110%;transform:translateX(-5%)}.section{padding:75px 0}.card-grid{grid-template-columns:repeat(2,1fr)}.article-grid{gap:40px}.facts{position:static}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}@media(max-width:600px){.container{width:min(100% - 28px,1180px)}.nav-wrap{height:74px}.brand img{width:176px}.site-header nav{top:74px}.hero h1,.hero-grid{min-height:auto}.hero-copy{padding-top:50px}.trust-bar .container{grid-template-columns:1fr 1fr}.trust-bar p{padding:15px 8px;font-size:.8rem}.section-head{display:block}.section-head .text-link{display:inline-block;margin-top:12px}.card-grid,.method-grid,.price-cards{grid-template-columns:1fr}.method-grid article{padding:25px 12px}.page-hero{padding:80px 0 60px}.usage-list article{grid-template-columns:55px 1fr}.footer-grid{grid-template-columns:1fr;gap:30px}.footer-grid>div:first-child{grid-column:auto}.legal-strip{display:block}.legal-strip p+ p{margin-top:12px}}.trust-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.trust-cards article{padding:28px;border:1px solid var(--line);border-radius:20px;background:#fff}.trust-cards strong{font:500 1.6rem var(--serif);color:var(--green)}.trust-cards p{color:var(--muted);font-size:.92rem;margin-bottom:0}.formula-group{margin:22px 0;padding:22px;border:1px solid var(--line);border-radius:18px}.formula-group h3{font:500 1.35rem var(--serif);display:flex;justify-content:space-between;gap:20px;margin:0 0 12px}.formula-group h3 span{color:var(--green);white-space:nowrap}.formula-group table{width:100%;border-collapse:collapse}.formula-group td{padding:8px 0;border-top:1px solid var(--line)}.formula-group td:last-child{text-align:right;font-weight:800}.amount-callout{display:flex;justify-content:space-between;align-items:center;gap:20px;background:var(--green);color:#fff;padding:22px 26px;border-radius:18px;margin:25px 0}.amount-callout span{font-size:.82rem;text-transform:uppercase;letter-spacing:.1em}.amount-callout strong{font:500 1.6rem var(--serif)}.source-list{padding-left:20px}.source-list a{color:var(--green);font-weight:700}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.contact-grid article{padding:35px;border:1px solid var(--line);border-radius:22px}.contact-grid h2,.registry h2{font:500 2rem var(--serif);margin-top:0}address{font-style:normal;color:var(--muted)}.contact-card{background:var(--mint-light)}.registry{margin-top:50px;padding:36px;background:var(--mint-light);border-radius:24px}.registry dl{margin:0}.registry dl div{display:grid;grid-template-columns:1fr 1fr;padding:14px 0;border-bottom:1px solid var(--line)}.registry dt{font-weight:700}.registry dd{margin:0}@media(max-width:900px){.trust-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.trust-cards,.contact-grid{grid-template-columns:1fr}.formula-group h3{display:block}.formula-group h3 span{display:block;margin-top:5px}.registry dl div{grid-template-columns:1fr}}.hero-product-first{padding:34px 0 0}.hero-product-first>.container{width:min(1320px,calc(100% - 40px))}.hero-media-wide{overflow:hidden;border-radius:30px;box-shadow:var(--shadow);background:#f4faf5;aspect-ratio:16/8.8}.hero-media-wide img{width:100%;height:100%;max-width:100%;transform:none;object-fit:contain;filter:none}.hero-copy-below{max-width:980px;padding:72px 0 82px}.hero-copy-below h1{max-width:950px}.single-buy{display:flex;justify-content:flex-end}.single-buy .button{min-width:220px}@media(max-width:900px){.site-header{position:fixed;left:0;right:0;top:0}.site-header+main{padding-top:74px}.nav-wrap{height:74px;display:grid;grid-template-columns:48px minmax(0,1fr) 78px;gap:6px}.menu-toggle{display:block;grid-column:1;grid-row:1;justify-self:start;padding:8px 2px}.brand{grid-column:2;grid-row:1;justify-self:center;min-width:0}.brand img{width:min(190px,100%);max-height:48px;object-fit:contain}.drobalance-brand{display:block;grid-column:3;grid-row:1;justify-self:end}.drobalance-brand img{display:block;width:76px;height:auto}.site-header nav{top:74px}.hero-product-first{padding-top:0}.hero-product-first>.container{width:100%}.hero-media-wide{border-radius:0;box-shadow:none;aspect-ratio:1/1}.hero-media-wide img{object-position:center center}.hero-copy-below{padding:46px 20px 58px}.hero-copy-below h1{font-size:clamp(1.65rem,10vw,4.3rem);line-height:1}.buy-grid{gap:28px}.single-buy{justify-content:flex-start}}@media(max-width:480px){.nav-wrap{width:calc(100% - 20px);grid-template-columns:42px minmax(0,1fr) 70px}.brand img{width:min(166px,100%)}.drobalance-brand img{width:68px}.hero-media-wide{aspect-ratio:1/0.7}.hero-media-wide img{object-position:54% center}.hero-copy-below{padding:0px 14px 50px}} .usage-section {
  background:
    radial-gradient(circle at 90% 10%, rgba(207, 232, 212, .65), transparent 32%),
    #fff;
}

.usage-intro {
  display: grid;
  gap: 22px;
  margin-bottom: 28px;
}

.usage-intro-copy,
.taste-card {
  border-radius: 24px;
}

.usage-intro-copy {
  padding: 40px;
  background: var(--mint-light);
  border: 1px solid var(--line);
}

.usage-intro-copy h3 {
  max-width: 720px;
  margin: 18px 0;
  font: 500 clamp(1.7rem, 3vw, 2.5rem)/1.15 var(--serif);
  letter-spacing: -.025em;
}

.usage-intro-copy p {
  margin: 12px 0 0;
  color: var(--muted);
}

.usage-badge {
  display: inline-flex;
  padding: 8px 14px;
  border-radius: 999px;
  background: var(--green);
  color: #fff;
  font-size: .74rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.taste-card {
  padding: 36px;
  background: var(--green);
  color: #fff;
  box-shadow: var(--shadow);
}

.taste-card > span {
  color: #a9ddb4;
  font-size: .74rem;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.taste-card h3 {
  margin: 15px 0;
  font: 500 2rem/1.1 var(--serif);
}

.taste-card p {
  color: #d8e7dc;
}

.usage-methods {
  margin-top: 22px;
}

/* TÜM KARTLARIN ORTAK ÖZELLİKLERİ */
.usage-methods article {
    display: flex;
    flex-direction: column;
    min-height: 285px;
    padding: 32px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: right 16px top 16px; /* Sağ üst köşe offset ayarı */
    background-size: 120px auto;            /* Görsel boyutu */
    border: 1px solid var(--line);
    border-radius: 22px;
    transition: transform .2s, box-shadow .2s;
    overflow: hidden;                       /* Taşmaları önler */
    position: relative;
}

/* 1. KART: SU İLE */
.usage-methods article.card-su {
    background-image: url('../img/su.png'); /* Su görselinizin adını/yolunu yazın */
}

/* 2. KART: KAKAO İLE */
.usage-methods article.card-kakao {
    background-image: url('../img/kakao.png'); /* Kakao görselinizin adını/yolunu yazın */
}

/* 3. KART: SMOOTHIE */
.usage-methods article.card-smoothie {
    background-image: url('../img/smoothie.png'); /* Smoothie görselinizin adını/yolunu yazın */
}

.usage-methods article:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow);
}

.usage-methods h3 {
  margin: 18px 0 12px;
}

.usage-methods p {
  margin: 0;
  color: var(--muted);
}

.usage-methods small {
  display: block;
  margin-top: auto;
  padding-top: 22px;
  color: var(--green);
  font-weight: 800;
}

.usage-warning {
  margin-top: 22px;
  padding: 20px 24px;
  background: #fff8e8;
  border-left: 4px solid #d5a22d;
  border-radius: 0 16px 16px 0;
  color: #655326;
}

@media (max-width: 900px) {
  .usage-intro {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 600px) {
  .usage-intro-copy,
  .taste-card {
    padding: 26px 22px;
  }

  .usage-methods article {
    min-height: auto;
    padding: 26px 22px;
  }

  .usage-methods small {
    margin-top: 12px;
  }
}