/* Caffolia vitrin — dipnot
   Kaynak: onaylı sunumv2 tasarımı (kurulum/tasarim-referans).  */

/* ============================================================= 15. DİPNOT */
.dipnot{position:relative;background:var(--kahve-900);color:var(--metin-ac-2);overflow:hidden}
.dipnot__dal{
  position:absolute;right:-40px;top:50%;transform:translateY(-50%);
  width:clamp(240px,26vw,400px);height:auto;color:var(--gold-600);opacity:.14;pointer-events:none;
}
.dipnot__ic{
  position:relative;display:grid;grid-template-columns:1.5fr 1fr 1fr 1.6fr;
  gap:clamp(26px,3.4vw,48px);padding-block:clamp(48px,5.5vw,70px);
}
.dipnot__marka img{width:158px;height:auto}
.dipnot__marka p{margin-top:16px;max-width:30ch;font-size:.88rem;line-height:1.6}
.sosyal{display:flex;gap:10px;margin-top:22px}
.sosyal a{
  display:grid;place-items:center;width:38px;height:38px;border-radius:var(--r-tam);
  border:1px solid var(--cizgi-ac);color:var(--metin-ac);
  transition:background-color var(--gecis),border-color var(--gecis),transform var(--gecis);
}
.sosyal a:hover{background:var(--gold-600);border-color:var(--gold-600);color:var(--kahve-900);transform:translateY(-2px)}
.sosyal svg{width:17px;height:17px}

.dipnot h4{font-size:.94rem;font-weight:600;color:var(--metin-ac);margin-bottom:16px}
.dipnot__liste li + li{margin-top:11px}
.dipnot__liste a{font-size:.88rem;transition:color var(--gecis)}
.dipnot__liste a:hover{color:var(--gold-400)}

.dipnot__bulten p{font-size:.88rem;line-height:1.6;margin-bottom:16px;max-width:34ch}
.mini-form{display:flex;align-items:center;gap:8px;padding:6px 6px 6px 20px;
  border:1px solid var(--cizgi-ac);border-radius:var(--r-tam);background:rgba(249,244,236,.04)}
.mini-form input{flex:1;min-width:0;border:0;background:transparent;padding:10px 0;font-size:.9rem;color:var(--metin-ac)}
.mini-form input::placeholder{color:rgba(249,244,236,.66)}
.mini-form input:focus{outline:none}
.mini-form button{
  flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:var(--r-tam);
  background:linear-gradient(180deg,var(--gold-200) 0%,#DCB36B 100%);color:#2A1B08;
  transition:filter var(--gecis)}
.mini-form button:hover{filter:brightness(1.07)}
.mini-form button svg{width:16px;height:16px}

.dipnot__alt{
  position:relative;display:flex;align-items:center;justify-content:space-between;
  gap:18px;flex-wrap:wrap;padding-block:22px;border-top:1px solid var(--cizgi-ac);
  font-size:.82rem;color:rgba(249,244,236,.74);
}
.dipnot__alt nav{display:flex;gap:22px;flex-wrap:wrap}
.dipnot__alt a:hover{color:var(--gold-400)}