@import url('/sarraf-typography.css');
@import url('/sarraf-launch.css');
/* Local Sarraf brand slots. Original responsive layout and animations are retained. */
#__framer-badge-container { display:none !important; }
[data-framer-name="Logo Container"] [data-framer-name="Logo"] { width:130px !important; height:30px !important; aspect-ratio:auto !important; }
[data-framer-name="Logo Container"] img { object-fit:contain !important; }

.sarraf-form-note,.sarraf-form-status { font:400 13px/1.5 var(--sarraf-font-body),Arial,sans-serif; color:#666; margin:4px 0; max-width:100%; }
.sarraf-form-status { color:#1d4ed8; }
.sarraf-contact-row { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; width:100%; }
.sarraf-contact-row>label { width:100% !important; min-width:0 !important; height:auto !important; }
form[data-sarraf-form] label { height:auto !important; }
.sarraf-field-error { margin:0; color:#b42318; font:400 12px/1.5 var(--sarraf-font-body); }
.sarraf-form-status[data-state="error"] { color:#b42318; }
.sarraf-form-status[data-state="success"] { color:#15803d; }
.sarraf-form-status[data-state="sending"] { color:#696969; }
form[data-sarraf-form][aria-busy="true"] button[type="submit"],form[data-sarraf-submit-state="success"] button[type="submit"] { pointer-events:none; opacity:.75; }
@media(max-width:809px){ .sarraf-contact-row { grid-template-columns:minmax(0,1fr); } }
/* The former review rows now describe product workflows, without invented ratings. */
[data-framer-name="Rating Summary"] svg { display:none; }
[data-framer-name="Star Badge"] svg { display:none; }
@media(max-width:809px){[data-framer-name="Logo Container"] [data-framer-name="Logo"] { width:112px !important; height:26px !important; }}
[data-sarraf-action] { cursor:pointer; }
[data-sarraf-action]:focus-visible { outline:2px solid #1769ff; outline-offset:4px; border-radius:8px; }

/* Use the same supplied black wordmark in white on the dark footer. */
[data-sarraf-brand-link] { width:156px !important; height:32px !important; }
img[data-sarraf-brand] { display:block; object-fit:contain; filter:brightness(0) invert(1); }
img[data-sarraf-brand="footer"] { width:156px; height:32px; }
/* The local product presentation is silent. */
[data-framer-name="Showreel"] button[aria-label="Sesi aç"], [data-framer-name="Showreel"] button[aria-label="Sesi kapat"] { display:none !important; }
/* Keep the long Turkish hero word and the workflow summary inside small phones. */
@media (max-width:400px) {
 [data-framer-name="Hero Section"] h1 { --framer-font-size:clamp(30px,calc(10vw - 2px),38px) !important; font-size:var(--framer-font-size) !important; }
 [data-framer-name="Hero Section"] [data-framer-name="Social Proof"] { flex-direction:column !important; gap:10px !important; width:100% !important; max-width:100% !important; }
 [data-framer-name="Hero Section"] [data-framer-name="Rating"] { align-items:center !important; max-width:100% !important; text-align:center !important; }
 [data-framer-name="Hero Section"] [data-framer-name="Rating"] p { text-align:center !important; }
}
[data-sarraf-popover]:focus-visible, [data-framer-name="Menu"][role="button"]:focus-visible, [data-framer-name="FAQ Section"] [role="button"]:focus-visible, [role="dialog"] [role="button"]:focus-visible { outline:2px solid #1769ff; outline-offset:4px; }

/* Keep both contact columns on the same baseline in the side-by-side layout. */
@media (min-width:1200px) {
 [data-framer-name="Contact Section"] > [data-framer-name="Main Container"] { align-items:stretch !important; }
 [data-framer-name="Contact Section"] [data-framer-name="Info Column"],
 [data-framer-name="Contact Section"] [data-framer-name="Contact Form"] { height:auto !important; }
 [data-framer-name="Contact Section"] [data-framer-name="Contact Form"] { padding-bottom:24px !important; margin:0 !important; }
 [data-framer-name="Contact Section"] [data-framer-name="Next Steps"] { flex-grow:1 !important; }
}

/* Finish the shared footer after the copyright and legal links. */
.framer-WDK51.framer-wv2cdf { padding-bottom:32px !important; }
@media (max-width:809px) {
 .framer-WDK51.framer-wv2cdf { padding-bottom:24px !important; }
}

/* Keep the full Turkish word inside the narrow guide introduction. */
@media (max-width:359px) {
 [data-framer-name="Blog Hero"] h1 { font-size:30px !important; --framer-font-size:30px !important; }
}

/* Equal-height contact cards when the info column becomes a horizontal row. */
@media (min-width:810px) and (max-width:1199.98px) {
 [data-framer-name="Contact Section"] [data-framer-name="Info Column"] { align-items:stretch !important; }
 [data-framer-name="Contact Section"] [data-framer-name="Call CTA"],
 [data-framer-name="Contact Section"] [data-framer-name="Next Steps"] { height:auto !important; }
}

/* Let content, rather than the old short template labels, size narrow cards. */
@media (max-width:809px) {
 [data-framer-name="Free template"] [data-framer-name="Info Card"] > [data-framer-name="Top"] {
  flex-direction:column !important; align-items:flex-start !important; gap:8px !important; height:auto !important;
 }
 [data-framer-name="Free template"] [data-framer-name="Info Card"] > [data-framer-name="Top"] > [data-framer-name="Top"] {
  width:100% !important; min-width:0 !important;
 }
 [data-framer-name="Free template"] [data-framer-name="Info Card"] > [data-framer-name="Top"] > [data-framer-name="Top"] > [data-framer-component-type="RichTextContainer"] {
  flex:1 1 0% !important; min-width:0 !important; width:auto !important; white-space:normal !important;
 }
 [data-framer-name="Free template"] [data-framer-name="Info Card"] h5 { white-space:normal !important; }
 [data-framer-name="Platforms Row"] { flex-direction:column !important; align-items:flex-start !important; gap:10px !important; height:auto !important; }
 [data-framer-name="Platform List"] { flex-wrap:wrap !important; min-width:0 !important; width:100% !important; height:auto !important; }
 [data-framer-name="Related Templates"] [data-framer-name="Title Row"] > [data-framer-component-type="RichTextContainer"] {
  flex:1 1 100% !important; min-width:0 !important; max-width:100% !important; width:100% !important; white-space:normal !important;
 }
 [data-framer-name="Related Templates"] [data-framer-name="Title Row"] h2 { white-space:normal !important; }
 [data-framer-name="Founder Info"] { flex-direction:column !important; align-items:flex-start !important; gap:12px !important; height:auto !important; }
 [data-framer-name="Signature Row"] { flex-wrap:wrap !important; gap:16px !important; height:auto !important; }
 [data-framer-name="Signature Row"] > [data-framer-name="Social"] { flex-wrap:wrap !important; width:100% !important; min-width:0 !important; height:auto !important; justify-content:flex-start !important; }
 [data-framer-name="Pricing Block"] { flex-wrap:wrap !important; gap:8px !important; height:auto !important; }
 form[data-sarraf-form] label { white-space:normal !important; height:auto !important; line-height:1.5 !important; }
 form[data-sarraf-form] label > [data-framer-component-type="RichTextContainer"] { width:100% !important; min-width:0 !important; white-space:normal !important; }
 form[data-sarraf-form] label p { white-space:normal !important; }
}