/* =Child-Theme responsive styles (mobile-first)
--------------------------------------------------------------
   Loaded AFTER the parent theme's css/responsive.css (see functions.php,
   priority 3000) so every rule here wins the cascade.

   Structure
   1. Base rules  = phones (no media query). This is the default experience.
   2. min-width queries progressively restore / scale up for larger screens:
        480px  large phones (landscape)
        768px  tablets            -> parent theme's 2-column layouts return
        960px  small laptops      -> desktop header/menu returns
       1263px  laptops
       1440px  desktops

   Notes
   - The parent sets html{font-size:8px} under 480px and sizes most spacing in
     rem. We keep that (so theme spacing still scales) but give text, forms and
     tap targets explicit px sizes on phones so they stay readable.
   - WPBakery "Design options" produce .vc_custom_<id> classes with !important.
     Those insets are neutralised on phones and restored from 768px up. If a
     row/column is re-saved in the editor the id changes: update the selectors
     in section 4 accordingly.
-------------------------------------------------------------- */


/* ============================================================
   1. Global — phones first
   ============================================================ */

body {
	overflow-x: clip;               /* safety net: nothing may push the page sideways */
	font-size: 15px;                /* parent: 13px on phones — too small on a handset */
	line-height: 1.7;
	letter-spacing: 0.2px;
	-webkit-text-size-adjust: 100%;
}

img,
video,
iframe {
	max-width: 100%;
}

img {
	height: auto;
}

/* Fluid content column: parent uses a fixed 300px on phones which wastes
   45px per side on a 390px screen. Restored to the theme's fixed widths
   from 768px up (section 6). */
.content_wrap,
.content_container {
	width: calc(100% - 40px);
}

/* Readable body copy inside page-builder text blocks
   (paragraphs with an inline font-size are display text — left alone) */
.page_content_wrap .wpb_text_column p:not([style*="font-size"]),
.page_content_wrap .wpb_text_column li,
.page_content_wrap .sc_item_descr {
	font-size: 15px;
	line-height: 1.75;
	font-weight: 600;
    color: #333;
}

/* Comfortable tap targets for buttons and CTAs */
.page_content_wrap .sc_button,
.page_content_wrap .wpcf7-submit,
.page_content_wrap button,
.page_content_wrap input[type="submit"] {
	min-height: 44px;
}

/* Hide the empty copyright bar (no copyright text is configured) */
.footer_copyright_wrap:has(.copyright_text:empty) {
	display: none;
}


/* ============================================================
   2. Header — phones: one compact row (logo left, burger + search right)
      Parent stacks logo / burger / search as three centred rows (~275px tall).
   ============================================================ */

.top_panel_navi .content_wrap > .columns_wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-right: 0;
}

.top_panel_navi .columns_wrap > .sc_layouts_column {
	display: block;
	width: auto !important;
	flex: 0 1 auto;
	min-width: 0;
	padding: 0 !important;
	text-align: left;
}

.top_panel_navi .columns_wrap > .sc_layouts_column_align_right {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 4px;
	text-align: right;
}

.top_panel_navi .sc_layouts_column .sc_layouts_item {
	display: inline-flex;
	align-items: center;
	margin: 0 !important;
}

.top_panel_navi .sc_layouts_logo {
	display: inline-block;
	line-height: 0;
}

.top_panel_navi .sc_layouts_logo img {
	max-height: 56px !important;        /* the logo file has generous whitespace around the wordmark */
	width: auto;
}

/* 44px hit areas for the burger and the search trigger */
.top_panel_navi .sc_layouts_menu_mobile_button .sc_layouts_item_link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	min-height: 44px;
}

.top_panel_navi .search_wrap.search_style_fullscreen {
	width: auto;
}

.top_panel_navi .search_wrap.search_style_fullscreen:not(.search_opened) .search_form_wrap {
	width: 44px;
	height: 44px;
}

.top_panel_navi .search_wrap.search_style_fullscreen:not(.search_opened) .search_submit {
	width: 44px !important;
	height: 44px !important;
	line-height: 44px !important;
	left: 0 !important;
}

/* One breakpoint for the navigation: burger below 960px, full menu from 960px.
   (The parent shows BOTH between 768 and 991px.) */
.top_panel_navi .menu_main_nav_area.sc_layouts_hide_on_mobile {
	display: none !important;
}

.top_panel_navi .sc_layouts_menu_mobile_button {
	display: inline-block;
}

/* Mobile menu: a little more breathing room between items for touch */
.menu_mobile .menu_mobile_nav_area > ul > li > a {
	padding-top: 6px;
	padding-bottom: 6px;
}


/* ============================================================
   3. Page-builder rows — phones
   ============================================================ */

/* Rows that pair an image with text: always show the image first on phones,
   regardless of which side it sits on desktop. */
.page_content_wrap .vc_row:not(.vc_inner):has(> .wpb_column .wpb_single_image):has(> .wpb_column :is(.wpb_text_column, .sc_title)) {
	display: flex;
	flex-direction: column;
	gap: 20px;                      /* image -> text spacing */
	padding-bottom: 32px;
}

/* The empty-space spacers in those rows only exist to vertically align the
   desktop columns; on phones they just add blank gaps. */
.page_content_wrap .vc_row:not(.vc_inner):has(> .wpb_column .wpb_single_image):has(> .wpb_column :is(.wpb_text_column, .sc_title)) .vc_empty_space {
	display: none;
}

.page_content_wrap .vc_row:not(.vc_inner) > .wpb_column:has(.wpb_single_image) {
	order: -1;
}

/* Images fill the column on phones */
.page_content_wrap .wpb_column .wpb_single_image .vc_single_image-wrapper,
.page_content_wrap .wpb_column .wpb_single_image img {
	width: 100%;
}

/* Headings in stacked text blocks: no extra top margin on phones */
.page_content_wrap .wpb_text_column > .wpb_wrapper > h1:first-child,
.page_content_wrap .wpb_text_column > .wpb_wrapper > h2:first-child,
.page_content_wrap .wpb_text_column > .wpb_wrapper > h3:first-child {
	margin-top: 0;
}

/* Hero intro row on the home page */
.page_content_wrap .vc_row.customhome1 {
	padding-top: 32px !important;
	padding-bottom: 32px !important;
}

/* Testimonials / services slider: keep arrows inside the viewport */
.page_content_wrap .sc_testimonials .slider_controls_wrap > a,
.page_content_wrap .sc_testimonials .swiper-button-prev,
.page_content_wrap .sc_testimonials .swiper-button-next {
	width: 36px;
	height: 36px;
	line-height: 36px;
}

.page_content_wrap .sc_testimonials_item_content {
	padding-left: 12px;
	padding-right: 12px;
}


/* ============================================================
   4. WPBakery "Design options" insets — neutralised on phones
      (restored in section 6 at 768px+)
   ============================================================ */

/* Column insets (padding-left / right: 4rem, 50px) */
.page_content_wrap .vc_custom_1788270675912,
.page_content_wrap .vc_custom_1788270663129,
.page_content_wrap .vc_custom_1788270714476,
.page_content_wrap .vc_custom_1786962814347 {
	padding-left: 0 !important;
}

.page_content_wrap .vc_custom_1788270684512 {
	padding-right: 0 !important;
}

/* Section spacing: 75px paddings -> 40px, 100/150/200px margins -> 48-56px */
.page_content_wrap .vc_custom_1788264356007,
.page_content_wrap .vc_custom_1788182671630,
.page_content_wrap .vc_custom_1788264968349 {
	padding-top: 40px !important;
}

/* Title blocks that sit under a stacked image: small gap instead of 35/75px */
.page_content_wrap .vc_custom_1788270675912,
.page_content_wrap .vc_custom_1788270714476 {
	padding-top: 12px !important;
}

.page_content_wrap .vc_custom_1786962742646 {
	margin-top: 48px !important;
}

.page_content_wrap .vc_custom_1785244036561 {
	margin-top: 56px !important;
}

.page_content_wrap .vc_custom_1786962141204 {
	margin-bottom: 56px !important;
}

/* ============================================================
   4b. Phones: eşit dikey ritim
      Yazı bitişi -> görsel başlangıcı her bölümde aynı ölçü.
      Tek ayar noktası: --m-gap
   ============================================================ */
@media (max-width: 767px) {

	.page_content_wrap {
		--m-gap: 40px;                  /* bölümler arası boşluk */
		--m-gap-inner: 20px;            /* görsel -> başlık/metin boşluğu */
	}

	/* Görsel + yazı satırları: dış boşluk sadece üstte, tek değerden */
	.page_content_wrap .vc_row:not(.vc_inner):has(> .wpb_column .wpb_single_image):has(> .wpb_column :is(.wpb_text_column, .sc_title)) {
		gap: var(--m-gap-inner);
		margin-top: var(--m-gap) !important;
		margin-bottom: 0 !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

	/* Bu satırların kolonları: WPBakery / tema dolgu ve marjları sıfır */
	.page_content_wrap .vc_row:not(.vc_inner):has(> .wpb_column .wpb_single_image):has(> .wpb_column :is(.wpb_text_column, .sc_title)) > .wpb_column,
	.page_content_wrap .vc_row:not(.vc_inner):has(> .wpb_column .wpb_single_image):has(> .wpb_column :is(.wpb_text_column, .sc_title)) > .wpb_column > .vc_column-inner {
		margin: 0 !important;
		padding: 0 !important;
	}

	/* Blokların kendi marjları da ritmi bozmasın */
	.page_content_wrap .vc_row:not(.vc_inner):has(> .wpb_column .wpb_single_image) .wpb_single_image,
	.page_content_wrap .vc_row:not(.vc_inner):has(> .wpb_column .wpb_single_image) .wpb_text_column,
	.page_content_wrap .vc_row:not(.vc_inner):has(> .wpb_column .wpb_single_image) .sc_title {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}

	.page_content_wrap .vc_row:not(.vc_inner):has(> .wpb_column .wpb_single_image) .wpb_text_column p:last-child {
		margin-bottom: 0;
	}

	/* Başlık + altındaki metin (aynı kolonda) arası sabit */
	.page_content_wrap .vc_row:not(.vc_inner):has(> .wpb_column .wpb_single_image) .sc_title + .wpb_text_column,
	.page_content_wrap .vc_row:not(.vc_inner):has(> .wpb_column .wpb_single_image) .wpb_text_column > .wpb_wrapper > :is(h1,h2,h3):first-child {
		margin-bottom: 14px !important;
	}

	/* Görsel içermeyen satırlardaki Design-options değerleri (bölüm 4'te
	   40/48/56px olarak farklıydı) -> aynı ölçü */
	.page_content_wrap .vc_custom_1788264356007,
	.page_content_wrap .vc_custom_1788182671630,
	.page_content_wrap .vc_custom_1788264968349,
	.page_content_wrap .vc_custom_1788270675912,
	.page_content_wrap .vc_custom_1788270714476 {
		padding-top: var(--m-gap) !important;
	}

	.page_content_wrap .vc_custom_1786962742646,
	.page_content_wrap .vc_custom_1785244036561 {
		margin-top: var(--m-gap) !important;
	}

	.page_content_wrap .vc_custom_1786962141204 {
		margin-bottom: var(--m-gap) !important;
	}
		/* Yazı sol hizası: görsel satırlarının İÇİNDEKİ tüm ara katmanlar
	   (iç satır, kolon, vc_custom dolgusu, metin bloğu) yan dolgu almaz.
	   Satırın kendisine dokunulmaz -> stretch row sorunu yaşanmaz. */
	.page_content_wrap .vc_row:not(.vc_inner):has(> .wpb_column .wpb_single_image) .vc_row.vc_inner {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	.page_content_wrap .vc_row:not(.vc_inner):has(> .wpb_column .wpb_single_image) .wpb_column,
	.page_content_wrap .vc_row:not(.vc_inner):has(> .wpb_column .wpb_single_image) .vc_column-inner,
	.page_content_wrap .vc_row:not(.vc_inner):has(> .wpb_column .wpb_single_image) .wpb_wrapper,
	.page_content_wrap .vc_row:not(.vc_inner):has(> .wpb_column .wpb_single_image) .wpb_text_column,
	.page_content_wrap .vc_row:not(.vc_inner):has(> .wpb_column .wpb_single_image) .sc_title,
	.page_content_wrap .vc_row:not(.vc_inner):has(> .wpb_column .wpb_single_image) .sc_item_title,
	.page_content_wrap .vc_row:not(.vc_inner):has(> .wpb_column .wpb_single_image) .sc_item_descr,
	.page_content_wrap .vc_row:not(.vc_inner):has(> .wpb_column .wpb_single_image) [class*="vc_custom_"]:not(.vc_row) {
		padding-left: 0 !important;
		padding-right: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		text-align: left !important;
	}

	.page_content_wrap .vc_row:not(.vc_inner):has(> .wpb_column .wpb_single_image) .wpb_text_column p {
		margin-left: 0;
		padding-left: 0;
		text-indent: 0;
	}
}


/* ============================================================
   5. Custom components (Customizer CSS / raw-HTML blocks)
      These are sized in rem by their own CSS; with the parent's 8px root
      that gives 6-8px type on phones. Selectors are prefixed with `body`
      to out-rank the Customizer + inline styles that print after this file.
   ============================================================ */

/* --- Randevu (appointment) form --- */
body .briant-appointment {
	--field-h: 56px;
	padding-left: 0;
	padding-right: 0;
}

body .briant-appointment .ba-title {
	font-size: clamp(28px, 7.5vw, 46px);
}

body .briant-appointment .ba-rule {
	margin-top: 22px;
}

body .briant-appointment .ba-intro {
	margin-top: 24px;
}

body .briant-appointment .ba-lead {
	font-size: 15px;
	line-height: 1.75;
}

body .briant-appointment .ba-note {
	font-size: 11px;
	letter-spacing: 0.18em;
	line-height: 1.7;
	margin-top: 18px;
}

body .briant-appointment .ba-form {
	margin-top: 36px;
}

body .briant-appointment .bf-grid {
	grid-template-columns: minmax(0, 1fr);
	gap: 16px;
}

body .briant-appointment input:not([type="checkbox"]):not([type="submit"]),
body .briant-appointment select,
body .briant-appointment textarea {
	font-size: 16px;                /* >=16px stops iOS from zooming into the field */
	padding: 16px 18px;
	min-height: var(--field-h);
}

body .briant-appointment select {
	padding-right: 48px;
	background-position: right 18px center;
}

body .briant-appointment .bf-ghost {
	font-size: 16px;
	left: 18px;
}

body .briant-appointment .bf-consent {
	margin-top: 28px;
	font-size: 14px;
	line-height: 1.6;
}

body .briant-appointment .bf-consent input[type="checkbox"] {
	width: 20px;
	height: 20px;
	min-width: 20px;
	margin-top: 2px;
}

/* the checkbox is absolutely positioned by the Customizer CSS: leave room for it */
body .briant-appointment .bf-consent .wpcf7-list-item-label {
	padding-left: 32px;
}

body .briant-appointment .bf-submit {
	margin-top: 28px;
}

body .briant-appointment .wpcf7-submit {
	font-size: 13px;
	letter-spacing: 0.22em;
	padding: 16px 28px;
	width: 100%;
	min-height: 52px;
}

body .briant-appointment .wpcf7-not-valid-tip {
	font-size: 13px;
}

body .briant-appointment .wpcf7-response-output {
	font-size: 14px;
}

/* --- Gallery (Hakkımızda) --- */
body .briant-gallery {
	padding-left: 0;
	padding-right: 0;
}

body .briant-gallery .bg-head {
	margin-bottom: 32px;
}

body .briant-gallery .bg-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));   /* two tiles per row on phones */
	column-gap: 12px;
	row-gap: 24px;
}

body .briant-gallery .bg-frame {
	aspect-ratio: 3 / 4;
}

/* The parent theme styles every <figcaption> as an absolute overlay inside an
   overflow-hidden figure, which pins the gallery captions over the photos.
   Put them back under the frame (all screen sizes). */
body .briant-gallery .bg-item {
	overflow: visible;
}

body .briant-gallery figcaption.bg-cap {
	position: static !important;
	width: auto !important;
	overflow: visible !important;
}

body .briant-gallery figcaption.bg-cap {
	font-size: 13px !important;
	margin-top: 10px !important;
	padding-bottom: 10px !important;
}

/* --- Footer --- */
.footer_widgets_inner {
	padding: 40px 0;
}

.footer_wrap .widget_media_image img {
	max-width: 180px;
}

.footer_wrap .widget {
	margin-top: 12px;
	margin-bottom: 12px;
}

.footer_wrap .widget_text:has(.textwidget:empty) {
	display: none;
}


/* ============================================================
   6. Scale up
   ============================================================ */

/* ---------- 480px+ : large phones / landscape ---------- */
@media (min-width: 480px) {

	.content_wrap,
	.content_container {
		width: calc(100% - 48px);
	}

	body .briant-appointment .wpcf7-submit {
		width: auto;
		min-width: 260px;
	}
}


/* ---------- 768px+ : tablets — 2-column layouts come back ---------- */
@media (min-width: 768px) {

	/* Theme's fixed container width for this range */
	.content_wrap,
	.content_container {
		width: 708px;
	}

	/* Header: back to the theme's inline-block columns (logo 1/4, tools 3/4) */
	.top_panel_navi .content_wrap > .columns_wrap {
		display: block;
		margin-right: -30px;
	}

	.top_panel_navi .columns_wrap > .sc_layouts_column {
		display: inline-block;
		vertical-align: middle;
		padding-right: 30px !important;
	}

	.top_panel_navi .columns_wrap > .sc_layouts_column.column-1_4 {
		width: 25% !important;
	}

	.top_panel_navi .columns_wrap > .sc_layouts_column.column-3_4 {
		width: 75% !important;
	}

	.top_panel_navi .columns_wrap > .sc_layouts_column_align_left {
		text-align: left;
	}

	.top_panel_navi .columns_wrap > .sc_layouts_column_align_right {
		display: inline-block;
		text-align: right;
	}

	.top_panel_navi .sc_layouts_column .sc_layouts_item {
		display: inline-block;
		vertical-align: middle;
		margin: 0.5em 1.5em 0.5em 0 !important;
	}

	.top_panel_navi .sc_layouts_column .sc_layouts_item:last-child {
		margin-right: 0 !important;
	}

	.top_panel_navi .sc_layouts_column_align_right .sc_layouts_item {
		margin: 0.5em 0 0.5em 1.5em !important;
	}

	.top_panel_navi .sc_layouts_column_align_right .sc_layouts_item:first-child {
		margin-left: 0 !important;
	}

	.top_panel_navi .sc_layouts_logo {
		display: inline;
		line-height: inherit;
	}

	.top_panel_navi:not(.sc_layouts_row_fixed_on) .sc_layouts_logo img {
		max-height: 60px !important;
	}

	/* Page-builder rows: WPBakery floats return */
	.page_content_wrap .vc_row:not(.vc_inner):has(> .wpb_column .wpb_single_image):has(> .wpb_column :is(.wpb_text_column, .sc_title)) {
		display: block;
		padding-bottom: 0;
	}

	.page_content_wrap .vc_row:not(.vc_inner):has(> .wpb_column .wpb_single_image):has(> .wpb_column :is(.wpb_text_column, .sc_title)) .vc_empty_space {
		display: block;
	}

	.page_content_wrap .vc_row:not(.vc_inner) > .wpb_column:has(.wpb_single_image) {
		order: 0;
	}

	.page_content_wrap .wpb_column .wpb_single_image .vc_single_image-wrapper,
	.page_content_wrap .wpb_column .wpb_single_image img {
		width: auto;
	}

	.page_content_wrap .wpb_text_column p:not([style*="font-size"]),
	.page_content_wrap .wpb_text_column li,
	.page_content_wrap .sc_item_descr {
		font-size: inherit;
		line-height: inherit;
	}

	.page_content_wrap .vc_row.customhome1 {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

	.page_content_wrap .sc_testimonials_item_content {
		padding-left: 0;
		padding-right: 0;
	}

	/* Design-option insets restored to the values set in the editor */
	.page_content_wrap .vc_custom_1788270675912,
	.page_content_wrap .vc_custom_1788270663129,
	.page_content_wrap .vc_custom_1788270714476 {
		padding-left: 4rem !important;
	}

	.page_content_wrap .vc_custom_1786962814347 {
		padding-left: 50px !important;
	}

	.page_content_wrap .vc_custom_1788270684512 {
		padding-right: 4rem !important;
	}

	.page_content_wrap .vc_custom_1788264356007,
	.page_content_wrap .vc_custom_1788182671630,
	.page_content_wrap .vc_custom_1788264968349,
	.page_content_wrap .vc_custom_1788270714476 {
		padding-top: 75px !important;
	}

	.page_content_wrap .vc_custom_1788270675912 {
		padding-top: 35px !important;
	}

	.page_content_wrap .vc_custom_1786962742646 {
		margin-top: 100px !important;
	}

	.page_content_wrap .vc_custom_1785244036561 {
		margin-top: 150px !important;
	}

	.page_content_wrap .vc_custom_1786962141204 {
		margin-bottom: 200px !important;
	}

	/* Randevu form: two columns, original rem sizing */
	body .briant-appointment {
		--field-h: 72px;
		padding-left: 20px;
		padding-right: 20px;
	}

	body .briant-appointment .ba-title {
		font-size: clamp(2.2rem, 5.4vw, 3.9rem);
	}

	body .briant-appointment .ba-rule {
		margin-top: 34px;
	}

	body .briant-appointment .ba-intro {
		margin-top: 36px;
	}

	body .briant-appointment .ba-lead {
		font-size: clamp(1rem, 1.8vw, 1.28rem);
		line-height: 1.95;
	}

	body .briant-appointment .ba-note {
		font-size: 0.78rem;
		letter-spacing: 0.22em;
		line-height: 2.1;
		margin-top: 26px;
	}

	body .briant-appointment .ba-form {
		margin-top: 66px;
	}

	body .briant-appointment .bf-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 30px 44px;
	}

	body .briant-appointment input:not([type="checkbox"]):not([type="submit"]),
	body .briant-appointment select,
	body .briant-appointment textarea {
		font-size: 1.08rem;
		padding: 22px 24px;
	}

	body .briant-appointment select {
		padding-right: 52px;
		background-position: right 24px center;
	}

	body .briant-appointment .bf-ghost {
		font-size: 1.08rem;
		left: 24px;
	}

	body .briant-appointment .bf-consent {
		margin-top: 52px;
		font-size: 1rem;
	}

	body .briant-appointment .bf-consent .wpcf7-list-item-label {
		padding-left: 1.4rem;
	}

	body .briant-appointment .bf-submit {
		margin-top: 44px;
	}

	body .briant-appointment .wpcf7-submit {
		font-size: 0.85rem;
		letter-spacing: 0.32em;
		padding: 1.7em 2.72em;
		min-width: 0;
	}

	body .briant-appointment .wpcf7-not-valid-tip {
		font-size: 0.85rem;
	}

	body .briant-appointment .wpcf7-response-output {
		font-size: 1rem;
	}

	/* Gallery */
	body .briant-gallery {
		padding-left: 24px;
		padding-right: 24px;
	}

	body .briant-gallery .bg-head {
		margin-bottom: 64px;
	}

	body .briant-gallery .bg-grid {
		column-gap: 26px;
		row-gap: 44px;
	}

	body .briant-gallery figcaption.bg-cap {
		font-size: 1.05rem !important;
		margin-top: 16px !important;
		padding-bottom: 14px !important;
	}

	/* Footer */
	.footer_widgets_inner {
		padding: 5.65em 0;
	}

	.footer_wrap .widget_media_image img {
		max-width: 100%;
	}

	.footer_wrap .widget {
		margin-top: 0;
		margin-bottom: 0;
	}
}


/* ---------- 960px+ : desktop header & menu, theme type scale ---------- */
@media (min-width: 960px) {

	body {
		font-size: 13px;
		line-height: 161.54%;
		letter-spacing: 0.5px;
	}

	.content_wrap,
	.content_container {
		width: 900px;
	}

	.top_panel_navi:not(.sc_layouts_row_fixed_on) .sc_layouts_logo img {
		max-height: 109px !important;   /* theme option value */
	}

	.top_panel_navi .menu_main_nav_area.sc_layouts_hide_on_mobile {
		display: block !important;
	}

	.top_panel_navi .sc_layouts_menu_mobile_button {
		display: none;
	}

	body .briant-gallery .bg-grid {
		column-gap: 32px;
		row-gap: 52px;
	}
}

@media (min-width: 1025px) {

	body .briant-gallery .bg-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (min-width: 1024px) {

	.content_wrap,
	.content_container {
		width: 964px;
	}
}

@media (min-width: 1136px) {

	.content_wrap,
	.content_container {
		width: 910px;
	}
}


/* ---------- 1263px+ : laptops ---------- */
@media (min-width: 1263px) {

	body {
		font-size: 14px;
		line-height: 1.95;
		letter-spacing: 0.02em;
	}

	.content_wrap,
	.content_container {
		width: 1000px;
	}
}


/* ---------- 1440px+ : desktops ---------- */
@media (min-width: 1440px) {

	body {
		font-size: 15px;
	}

	.content_wrap,
	.content_container {
		width: 1270px;
	}
}


/* ============================================================
   9. Header on phones/tablets: burger on the left, logo centred,
      no social icons inside the mobile menu
   ============================================================ */

@media (max-width: 959px) {
	.top_panel_navi .content_wrap > .columns_wrap {
		position: relative;
		display: flex;
		justify-content: center;
		width: 100%;
	}
	.top_panel_navi .content_wrap > .columns_wrap::before,
	.top_panel_navi .content_wrap > .columns_wrap::after {
		display: none;                      /* clearfix pseudo-elements would become flex items */
	}

	/* logo column: fills the row, logo centred; side padding keeps it clear
	   of the burger so the centre is the true centre of the screen */
	.top_panel_navi .columns_wrap > .sc_layouts_column_align_left {
		flex: 1 1 100%;
		display: flex;
		justify-content: center;
		text-align: center;
		padding-left: 48px !important;
		padding-right: 48px !important;
	}
	.top_panel_navi .columns_wrap > .sc_layouts_column_align_left .sc_layouts_item {
		justify-content: center;
	}

	/* burger (and the search trigger next to it): pinned to the left edge */
	.top_panel_navi .columns_wrap > .sc_layouts_column_align_right {
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		justify-content: flex-start;
		width: auto !important;
	}
	.top_panel_navi .sc_layouts_menu_mobile_button .sc_layouts_item_link {
		margin-left: -8px;                  /* optically align the icon with the content edge */
	}

	/* mobile menu: no social icons */
	.menu_mobile .socials_mobile {
		display: none !important;
	}

	/* footer logo: centred */
	.footer_wrap .widget_media_image {
		text-align: center;
	}
	.footer_wrap .widget_media_image img {
		display: inline-block;
		margin-left: auto;
		margin-right: auto;
	}
}

/* ---- İletişim sayfası banner ----
   Bazı tarayıcılarda (Safari/Firefox) başlık bandı ile banner görseli
   arasında alt-piksel yuvarlamasından ince beyaz bir çizgi kalıyordu.
   Görseli 1px yukarı çekip satır-içi (inline) boşlukları da sıfırlıyoruz. */
.briant-contacts {
	margin-top: -1px;
}
.briant-contacts .wpb_single_image {
	margin-bottom: 0;
}
.briant-contacts .vc_figure,
.briant-contacts .vc_single_image-wrapper {
	display: block !important;
	line-height: 0;
	width: 100%;
}
/* Full-bleed at every width: an earlier desktop rule in this file sets the
   theme's single-image width back to auto, which capped the banner at the
   file's natural 2560px and left empty space on the right on wider screens. */
.page_content_wrap .briant-contacts .wpb_column .wpb_single_image .vc_single_image-img,
.briant-contacts .vc_single_image-img {
	display: block;
	width: 100% !important;
	height: auto;
}