.contact-page{--cp-orange:#f57a1f;--cp-orange-dark:#e86213;--cp-pink:#ef6f78;--cp-green:#809548;--cp-text:#17212b;--cp-muted:#5d6268;--cp-line:#eee8df;--cp-bg:#fffaf4;background:#fffaf4;color:var(--cp-text);overflow:hidden}.contact-container{width:min(1120px,calc(100% - 40px));margin:0 auto}.contact-hero{position:relative;text-align:center;padding:66px 0 30px;background:linear-gradient(180deg,#fffdf9 0,#fffaf4 100%)}.contact-eyebrow{display:inline-flex;align-items:center;gap:7px;color:var(--cp-orange);font-size:11px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.contact-hero h1{margin:7px 0 2px;font-family:Nunito,sans-serif;font-size:56px;line-height:1;font-weight:900;letter-spacing:-.04em}.contact-title-line{width:105px;height:20px;margin:10px auto 4px;display:flex;align-items:center;justify-content:center;position:relative}.contact-title-line:before,.contact-title-line:after{content:"";height:2px;background:#f7a05f;flex:1}.contact-title-line span{width:30px;text-align:center;color:var(--cp-orange);font-size:12px}.contact-hero p{margin:8px 0 0;font-size:16px;color:#2e3338}.contact-deco{position:absolute;color:#f6d9bb;opacity:.65}.contact-deco i{font-size:72px}.contact-deco--left{left:5%;top:32px}.contact-deco--right{right:5%;top:35px}.contact-deco--right i{font-size:72px}.contact-info-wrap{padding:12px 0 30px}.contact-info-card{background:#fff;border:1px solid #f1ebe2;border-radius:18px;box-shadow:0 12px 35px rgba(64,43,22,.07);display:grid;grid-template-columns:1.35fr 1.05fr 1.05fr 1.2fr;align-items:center;padding:24px 28px}.contact-info-item{display:flex;align-items:flex-start;gap:14px;padding:0 24px;border-right:1px solid #eee8df;min-height:84px}.contact-icon{width:42px;height:42px;flex:0 0 42px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:18px}.contact-icon--orange{background:var(--cp-orange)}.contact-icon--pink{background:var(--cp-pink)}.contact-icon--green{background:var(--cp-green)}.contact-info-item h2,.contact-social-item h2{margin:2px 0 10px;font-size:16px;font-weight:900}.contact-info-item p,.contact-info-item a{margin:0;color:#25292d;font-size:13px;line-height:1.65;text-decoration:none}.contact-info-item a:hover{color:var(--cp-orange)}.contact-social-item{padding:0 20px;text-align:center}.contact-socials{display:flex;justify-content:center;gap:24px}.contact-socials a{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#202326;color:#fff;text-decoration:none;font-size:16px;transition:.2s}.contact-socials a:hover{transform:translateY(-2px);background:var(--cp-orange)}.locations-section{padding:8px 0 30px}.section-heading{text-align:center;margin-bottom:15px}.section-heading h2{font-family:Nunito,sans-serif;font-size:25px;margin:0;font-weight:900}.section-heading .contact-title-line{margin-top:5px}.location-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.location-card{background:#fff;border:1px solid #f0e8df;border-radius:17px;box-shadow:0 10px 30px rgba(64,43,22,.06);padding:14px;display:grid;grid-template-columns:42% 1fr;gap:20px;min-height:270px}.location-image{border-radius:12px;min-height:240px;display:grid;place-items:center;font-size:48px;color:#fff;position:relative;overflow:hidden}.location-image:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.55),transparent 30%),linear-gradient(145deg,#f5c9ae,#f8e8d7)}.location-image i{position:relative;z-index:1;text-shadow:0 4px 14px rgba(0,0,0,.12)}.location-image--shop:before{background:radial-gradient(circle at 60% 25%,rgba(255,255,255,.6),transparent 28%),linear-gradient(145deg,#f8d7aa,#fff0d8)}.location-content{padding:8px 6px 8px 0;display:flex;flex-direction:column}.location-title{display:flex;align-items:center;gap:12px;margin-bottom:13px}.location-title h3{font-family:Nunito,sans-serif;font-size:19px;margin:0;font-weight:900}.location-badge{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-size:20px}.location-badge--pink{background:#ffe2e4;color:var(--cp-pink)}.location-badge--orange{background:#fff0d5;color:var(--cp-orange)}.location-content>p{margin:0 0 14px;font-size:13px;line-height:1.7}.location-links{display:grid;gap:8px}.location-links a{color:#282d31;text-decoration:none;font-size:13px}.location-links i{width:18px;color:var(--cp-orange)}.location-button{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:9px;color:#fff;text-decoration:none;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.location-button--pink{background:var(--cp-pink)}.location-button--orange{background:var(--cp-orange)}.contact-message-section{padding:12px 0 70px}.message-card{background:#fff;border:1px solid #f0e8df;border-radius:18px;box-shadow:0 12px 35px rgba(64,43,22,.07);display:grid;grid-template-columns:1.15fr .85fr;overflow:hidden}.message-form{padding:30px 38px}.message-form h2{font-family:Nunito,sans-serif;font-size:27px;line-height:1.15;margin:7px 0 7px;font-weight:900}.message-intro{font-size:13px;color:var(--cp-muted);line-height:1.6;margin:0 0 20px}.message-form form{display:grid;gap:13px}.message-form label{display:grid;gap:6px;font-size:11px;font-weight:800}.message-form input,.message-form select,.message-form textarea{width:100%;box-sizing:border-box;border:1px solid #dedbd6;border-radius:8px;background:#fff;padding:11px 12px;font:inherit;font-size:12px;color:#333;outline:none}.message-form input:focus,.message-form select:focus,.message-form textarea:focus{border-color:#f3a66c;box-shadow:0 0 0 3px rgba(245,122,31,.08)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.message-form textarea{resize:vertical;min-height:105px}.contact-submit{justify-self:start;border:0;border-radius:9px;background:var(--cp-orange);color:#fff;padding:11px 17px;font-size:11px;font-weight:900;text-transform:uppercase;cursor:pointer}.message-submit:hover{background:var(--cp-orange-dark)}.message-side{position:relative;padding:42px 40px;background:#fff8ed;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.message-side:before,.message-side:after{content:"";position:absolute;border:2px solid rgba(245,122,31,.12);border-radius:50%;width:130px;height:130px}.message-side:before{right:-45px;top:22px}.message-side:after{left:-75px;bottom:-55px}.message-illustration{height:110px;position:relative;color:#f5a361;margin-bottom:12px}.message-illustration .fa-paw{font-size:62px;position:absolute;left:15px;top:0;opacity:.2}.message-illustration .fa-heart{font-size:45px;position:absolute;right:65px;top:5px;opacity:.18}.message-illustration .fa-dog{font-size:76px;position:absolute;left:105px;bottom:0;color:var(--cp-orange)}.message-side h2{font-family:Nunito,sans-serif;font-size:27px;line-height:1.15;margin:0 0 12px;font-weight:900;max-width:410px}.message-side p{font-size:13px;line-height:1.7;color:#51565b;max-width:430px}.message-contact-list{display:grid;gap:9px;margin-top:10px}.message-contact-list a{font-size:13px;color:#2d3135;text-decoration:none}.message-contact-list i{color:var(--cp-orange);width:20px}@media(max-width:1000px){.contact-info-card{grid-template-columns:1fr 1fr}.contact-info-item:nth-child(2){border-right:0}.contact-social-item{border-top:1px solid #eee8df;padding-top:18px;margin-top:18px;grid-column:1/-1}.location-grid{grid-template-columns:1fr}.message-card{grid-template-columns:1fr}.message-side{min-height:300px}}@media(max-width:700px){.contact-container{width:min(100% - 28px,1120px)}.contact-hero{padding-top:40px}.contact-hero h1{font-size:44px}.contact-deco{display:none}.contact-info-card{grid-template-columns:1fr;padding:18px}.contact-info-item{border-right:0;border-bottom:1px solid #eee8df;padding:15px 5px;min-height:auto}.contact-info-item:last-of-type{border-bottom:0}.contact-social-item{border-top:0;padding:15px 5px 5px;margin:0}.location-card{grid-template-columns:1fr;padding:12px}.location-image{min-height:155px}.message-form{padding:25px 20px}.message-side{padding:30px 24px}.form-grid{grid-template-columns:1fr}.message-side h2{font-size:24px}.message-illustration .fa-dog{left:75px}}

.location-button.is-opening{transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,0,0,.12)}
/* İLETİŞİM - ÖZEL HERO BG */
.contact-page .hipder-inner-hero {
    background-image:
        linear-gradient(
            90deg,
            rgba(14,32,17,.95),
            rgba(14,32,17,.78) 48%,
            rgba(14,32,17,.34)
        ),
        url("../images/bg/hipder-iletisim-bg.webp");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

/* İletişim formu durum mesajları */
.contact-form-alert{display:flex;align-items:flex-start;gap:12px;margin:0 0 18px;padding:13px 15px;border-radius:10px;font-size:12px;line-height:1.5}
.contact-form-alert>i{font-size:18px;margin-top:1px}
.contact-form-alert div{display:grid;gap:2px}
.contact-form-alert strong{font-size:12px}
.contact-form-alert span{color:#5d6268}
.contact-form-alert--success{background:#eef8ef;border:1px solid #cfe8d1;color:#2f6b38}
.contact-form-alert--error{background:#fff0f0;border:1px solid #f1cccc;color:#a33b3b}
.contact-form-alert--error span{color:#7d4b4b}
.contact-honeypot{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important}

/* =========================================================
   HIPDER İLETİŞİM — KESİN RESPONSIVE FIX v2
   ========================================================= */
.contact-page .message-card{width:100%!important;max-width:100%!important;box-sizing:border-box!important;}
.contact-page .message-form,.contact-page .message-side{min-width:0!important;box-sizing:border-box!important;}
.contact-page .message-form input,.contact-page .message-form select,.contact-page .message-form textarea{max-width:100%!important;}
@media screen and (max-width:1300px){
  .contact-page .message-card{grid-template-columns:1fr!important;}
  .contact-page .message-side{min-width:0!important;width:100%!important;}
}
@media screen and (max-width:900px){
  .contact-page .contact-container{width:calc(100% - 32px)!important;max-width:none!important;}
  .contact-page .message-form{padding:28px 30px!important;}
}
@media screen and (max-width:600px){
  .contact-page .contact-container{width:calc(100% - 28px)!important;}
  .contact-page .message-form{padding:24px 20px!important;}
  .contact-page .message-side{padding:26px 20px!important;}
  .contact-page .form-grid{grid-template-columns:1fr!important;}
}