
/* İnci Yağ · Ürün ve Teklif Talebi sayfası */
.request-page{padding-top:90px;background:linear-gradient(180deg,#fffdf9 0%,#fff 100%);color:#092d66;font-family:var(--inci-font,'Manrope',sans-serif)}
.request-page .inci-kicker{display:inline-block;letter-spacing:.14em;font-size:13px;font-weight:800;color:#cf9800;margin:0 0 14px}
.rq-hero{position:relative;overflow:hidden;min-height:320px;display:flex;align-items:center;background:#f8f1e0}
.rq-hero::before{content:'';position:absolute;inset:0;background:url('../images/hero/inci-ic-sayfa-hero.webp') center center/cover no-repeat;opacity:.22}
.rq-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,45,102,.96) 0%,rgba(9,45,102,.92) 28%,rgba(9,45,102,.62) 58%,rgba(9,45,102,.16) 100%)}
.rq-hero__content{position:relative;z-index:1;padding:38px 0 42px;color:#fff}
.rq-breadcrumb{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:650;color:rgba(255,255,255,.82);margin:0 0 22px}
.rq-breadcrumb a{color:inherit}
.rq-breadcrumb a:hover{text-decoration:underline}
.rq-hero h1{margin:0 0 14px;font-size:clamp(38px,4.2vw,58px);line-height:1.08;letter-spacing:-.04em;font-weight:800;color:#fff;max-width:740px}
.rq-hero h1 span{color:#ffd42b}
.rq-hero p{max-width:610px;margin:0;font-size:clamp(15px,1.25vw,19px);line-height:1.7;font-weight:500;color:rgba(255,255,255,.9)}
.rq-main{padding:34px 0 88px}
.rq-main__grid{display:grid;grid-template-columns:minmax(0,.98fr) minmax(0,1.1fr);gap:24px;align-items:start}
.rq-panel{background:#fff;border:1px solid #e7ebf0;border-radius:22px;box-shadow:0 14px 38px rgba(17,43,84,.06)}
.rq-form-panel{padding:30px 28px;background:linear-gradient(180deg,#ffffff 0%,#fffdf8 100%)}
.rq-form-panel h2,.rq-region-panel h2{margin:0;color:#092d66;font-size:clamp(31px,3vw,43px);line-height:1.14;letter-spacing:-.035em;font-weight:800}
.rq-form-panel h2 span,.rq-region-panel h2 span{color:#cf9800}
.rq-lead{margin:13px 0 24px;color:#5b718b;font-size:16px;line-height:1.7;font-weight:500;max-width:640px}
.rq-form{display:grid;gap:18px}
.rq-form__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px}
.rq-field{display:flex;flex-direction:column;gap:7px;min-width:0}
.rq-field--full{grid-column:1/-1}
.rq-field label{font-size:13px;line-height:1.35;font-weight:800;color:#102f61}
.rq-field label span{color:#b97c00}
.rq-field input,.rq-field select,.rq-field textarea{appearance:none;width:100%;min-width:0;border:1px solid #d4deea;border-radius:12px;background:#fff;color:#123b70;font:500 14px/1.5 var(--inci-font,'Manrope',sans-serif);box-shadow:0 1px 3px rgba(23,60,113,.04);transition:border-color .15s,box-shadow .15s}
.rq-field input,.rq-field select{height:48px;padding:11px 14px}
.rq-field textarea{min-height:124px;padding:13px 14px;resize:vertical}
.rq-field select{padding-right:38px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23092d66' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat}
.rq-field input::placeholder,.rq-field textarea::placeholder{color:#8396aa;opacity:1}
.rq-field :is(input,select,textarea):focus-visible{outline:none;border-color:#2462a1;box-shadow:0 0 0 3px rgba(20,86,161,.12)}
.rq-counter{font-size:11px;color:#72859b;align-self:flex-end;margin-top:-4px}
.rq-trap{
  /* Non-focusable honeypot; hiding with left:-10000px expanded RTL document widths. */
  position:absolute;inset-inline-start:0;top:0;width:1px;height:1px;
  overflow:hidden;clip-path:inset(50%);white-space:nowrap;
  opacity:0;pointer-events:none;z-index:-1;
}
.rq-privacy{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.6;color:#516784;font-weight:550}
.rq-privacy input{width:17px;height:17px;flex:0 0 17px;margin:2px 0 0;accent-color:#0d4485}
.rq-privacy a{color:#0b4c96;text-decoration:underline;text-underline-offset:2px;font-weight:700}
.rq-status{border-radius:10px;padding:11px 13px;font-size:13px;line-height:1.55;font-weight:650;border:1px solid #e5cc8a;color:#77560b;background:#fff8e6}
.rq-status[hidden]{display:none}
.rq-status[data-kind='success']{border-color:#9fc7b0;background:#edfaf1;color:#135536}
.rq-status[data-kind='error']{border-color:#e6b5ab;background:#fff1ed;color:#a02c29}
.rq-status a{text-decoration:underline;font-weight:800;color:inherit}
.rq-form__bottom{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.rq-submit{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:20px;background:#ffd426;color:#092d66;border:0;border-radius:12px;min-height:52px;padding:13px 24px;font:800 14px/1.35 var(--inci-font,'Manrope',sans-serif);cursor:pointer;box-shadow:0 8px 22px rgba(172,130,16,.13);transition:transform .2s,background .2s,box-shadow .2s}
.rq-submit svg{width:19px;height:19px;flex:none}
.rq-submit:hover:not(:disabled){transform:translateY(-1px);background:#ffdf55;box-shadow:0 10px 26px rgba(172,130,16,.18)}
.rq-submit:disabled{cursor:wait;opacity:.7}
.rq-submit:focus-visible{outline:3px solid #0d4b98;outline-offset:3px}
.rq-required{font-size:11px;color:#78899b}
.rq-region-panel{padding:30px 28px;background:linear-gradient(180deg,#fbfdff 0%,#f6f9fc 100%)}
.rq-map{position:relative;margin-top:16px;border-radius:20px;padding:22px;background:linear-gradient(180deg,#edf4fb 0%,#f7fbff 100%);border:1px solid #dfe8f1;overflow:hidden}
.rq-map__svg{display:block;width:100%;height:auto}
.rq-map__pill{font:800 13px/1.2 var(--inci-font,'Manrope',sans-serif);fill:#0a2d65}
.rq-map__pill-text{font:800 13px/1.2 var(--inci-font,'Manrope',sans-serif)}
.rq-region-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:16px}
.rq-region-card{border-radius:14px;padding:14px 13px;background:#fff;border:1px solid #e4eaf1;box-shadow:0 6px 18px rgba(12,43,86,.04)}
.rq-region-card strong{display:flex;align-items:center;gap:8px;font-size:14px;line-height:1.4;font-weight:800;color:#0b2f66;margin:0 0 8px}
.rq-region-card strong::before{content:'';width:11px;height:11px;border-radius:50%;background:var(--rq-dot,#0b2f66);box-shadow:0 0 0 6px color-mix(in srgb, var(--rq-dot,#0b2f66) 14%, white)}
.rq-region-card p{margin:0;font-size:12px;line-height:1.55;color:#64788f;font-weight:500}
.rq-region-card--akdeniz{--rq-dot:#e4545f}
.rq-region-card--ege{--rq-dot:#5ca9f0}
.rq-region-card--icanadolu{--rq-dot:#f0b13a}
.rq-region-card--karadeniz{--rq-dot:#7085b8}
.rq-region-card--doguanadolu{--rq-dot:#63c08d}
.rq-support{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;margin-top:18px;padding:18px 20px;border-radius:18px;background:#eef5fb;border:1px solid #d8e5f0}
.rq-support__content{display:flex;align-items:flex-start;gap:14px}
.rq-support__icon{flex:0 0 44px;width:44px;height:44px;border-radius:14px;background:#dbeaff;display:grid;place-items:center;color:#1f4d8a}
.rq-support__icon svg{width:24px;height:24px}
.rq-support h3{margin:0 0 5px;font-size:20px;line-height:1.2;font-weight:800;color:#092d66}
.rq-support p{margin:0;font-size:14px;line-height:1.65;color:#5b718b;font-weight:500}
.rq-support__contact{display:grid;gap:8px;justify-items:end}
.rq-support__contact a{display:inline-flex;align-items:center;gap:10px;color:#09346f;font-size:15px;font-weight:800}
.rq-support__contact svg{width:17px;height:17px}
.rq-note{margin-top:16px;font-size:12px;line-height:1.55;color:#61758d}
[dir='rtl'] .rq-support__contact{justify-items:start}
@media(max-width:1200px){.rq-region-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:980px){.request-page{padding-top:78px}.rq-main__grid{grid-template-columns:1fr}.rq-panel{border-radius:18px}.rq-region-cards{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:760px){.rq-hero{min-height:286px}.rq-hero__content{padding:30px 0 34px}.rq-breadcrumb{margin-bottom:18px}.rq-form-panel,.rq-region-panel{padding:23px 18px}.rq-form__fields{grid-template-columns:1fr}.rq-region-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.rq-support{grid-template-columns:1fr}.rq-support__contact{justify-items:start}.rq-submit{width:100%}}
@media(max-width:520px){.rq-hero h1{font-size:38px}.rq-hero p{font-size:14px}.rq-form-panel h2,.rq-region-panel h2{font-size:31px}.rq-region-cards{grid-template-columns:1fr}.rq-map{padding:12px}.rq-map__pill,.rq-map__pill-text{font-size:11px}.rq-support{padding:16px}.rq-support h3{font-size:18px}}
@media(prefers-reduced-motion:reduce){.rq-submit,.rq-field input,.rq-field select,.rq-field textarea{transition:none}}

/* 20.10.2026 · Onaylanan ilk görsel tasarımı: sol form / sağ harita */
.rq-hero{min-height:245px;background:#f9f5e9}
.rq-hero::before{background:url('../images/hero/inci-hero-akdeniz-desktop.webp') right 63%/cover no-repeat;opacity:.97}
.rq-hero::after{background:linear-gradient(90deg,#fbf7ee 0%,#fbf7eef8 30%,#fbf7eecf 48%,rgba(251,247,238,.3) 71%,rgba(251,247,238,.02) 100%)}
.rq-hero__content{padding:22px 0 25px;color:#092d66}
.rq-breadcrumb{color:#5b6c84;margin:0 0 15px}
.rq-hero .inci-kicker{margin-bottom:8px}
.rq-hero h1{color:#092d66;font-size:clamp(36px,3.55vw,52px);margin:0 0 9px;max-width:665px}
.rq-hero h1 span{color:#d4a000}
.rq-hero p{color:#4e6684;font-size:clamp(14px,1.12vw,17px);max-width:565px;font-weight:550;line-height:1.6}
.rq-main{padding:26px 0 70px}
.rq-main__grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:20px}
.rq-panel{border-radius:19px;box-shadow:0 12px 32px rgba(15,45,82,.045)}
.rq-form-panel{padding:clamp(21px,2.2vw,31px)}
.rq-region-panel{padding:clamp(21px,2.2vw,31px);background:#faf6ea url('../images/backgrounds/inci-contact-form-pattern.webp') center / cover no-repeat;background-image:linear-gradient(rgba(255,251,241,.87),rgba(255,251,241,.9)),url('../images/backgrounds/inci-contact-form-pattern.webp');border-color:#eee5d3}
.rq-form-panel h2,.rq-region-panel h2{font-size:clamp(27px,2.55vw,39px);letter-spacing:-.03em;line-height:1.18}
.rq-region-panel h2 span{color:#d09c00}
.rq-lead{margin:11px 0 21px;font-size:14px;line-height:1.65;color:#526f8b}
.rq-region-panel .rq-lead{margin-bottom:9px}
.rq-field input,.rq-field select{height:45px}
.rq-form__fields{gap:13px 14px}
.rq-field textarea{min-height:111px}
.rq-form{gap:14px}
.rq-map{margin-top:9px;border:0;border-radius:12px;padding:3px;background:transparent;overflow:visible}
.rq-map__art{display:block;width:100%;max-width:100%;height:auto;object-fit:contain}
.rq-map__badges{position:absolute;inset:0;pointer-events:none}
.rq-map__label{position:absolute;display:flex;gap:6px;align-items:center;border-radius:100px;padding:8px 11px;background:#fff;box-shadow:0 5px 20px rgba(20,43,71,.14);border:1px solid rgba(17,58,90,.08);font-size:clamp(10px,.75vw,12px);line-height:1;white-space:nowrap;color:#0a2d65;font-weight:800;transform:translate(-50%,-50%)}
.rq-map__label i{width:10px;height:10px;border-radius:50%;display:block;background:#1c6ea3}
.rq-map__label--ege{top:51%;left:26%}.rq-map__label--ege i{background:#399cef}
.rq-map__label--karadeniz{top:23%;left:54%}.rq-map__label--karadeniz i{background:#123a74}
.rq-map__label--icanadolu{top:53%;left:52%}.rq-map__label--icanadolu i{background:#efad17}
.rq-map__label--akdeniz{top:79%;left:41%}.rq-map__label--akdeniz i{background:#e95563}
.rq-map__label--doguanadolu{top:50%;left:77%}.rq-map__label--doguanadolu i{background:#2baf75}
.rq-region-cards{gap:8px;margin-top:8px}
.rq-region-card{padding:11px 10px;border-radius:12px}
.rq-region-card strong{font-size:11px;gap:7px;white-space:nowrap}
.rq-region-card strong::before{width:8px;height:8px;flex:0 0 8px;box-shadow:none}
.rq-region-card p{font-size:10px;line-height:1.48}
.rq-support{padding:14px;margin-top:14px;border-radius:14px;gap:12px}
.rq-support h3{font-size:15px}.rq-support p{font-size:11px;line-height:1.5}
.rq-support__icon{width:36px;height:36px;flex-basis:36px}.rq-support__icon svg{width:20px;height:20px}
.rq-support__contact a{font-size:12px}
.rq-note{font-size:10px;margin:10px 0 0}
@media(max-width:1100px){.rq-region-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:980px){.rq-main__grid{grid-template-columns:1fr}.rq-region-cards{grid-template-columns:repeat(5,minmax(0,1fr))}.rq-hero{min-height:230px}}
@media(max-width:720px){.rq-region-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.rq-map__label{padding:5px 7px;font-size:9px}.rq-map__label i{width:7px;height:7px}.rq-hero{min-height:220px}}
@media(max-width:480px){.rq-region-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.rq-hero::before{background-position:67% 54%}.rq-hero::after{background:linear-gradient(90deg,rgba(251,247,238,.98) 0%,rgba(251,247,238,.94) 50%,rgba(251,247,238,.55) 100%)}.rq-map__label--doguanadolu{left:75%}.rq-map__label--karadeniz{top:29%}}

/* 21.10.2026 – Onaylı şeffaf harita görseli: satış bölgesi paneli */
.rq-map--illustrated{margin-top:14px;padding:0;background:transparent;border:0;border-radius:0;overflow:visible}
.rq-map--illustrated .rq-map__art--illustrated{display:block;width:100%;max-width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 8px 12px rgba(18,43,81,.075))}
@media(max-width:520px){.rq-map--illustrated{margin-top:12px;padding:0}}

/* Product-aware quotation entry, anchored from product details. */
#talep-formu{scroll-margin-top:110px}
.rq-selected-product:not([hidden]){display:inline-flex;max-width:100%;padding:9px 13px;margin:0 0 15px;
  font-size:14px;font-weight:700;line-height:1.5;color:#092d66;background:#fff5cb;
  border:1px solid #efda88;border-radius:11px;overflow-wrap:anywhere}
