/*
 * Tablet dikey: menu hamburger'e donuyor.
 *
 * SORUN
 * -----
 * Masaustu menusu 768px'ten itibaren aciliyor (app.css: @media min-width:48rem).
 * iPad dikeyde ekran 768-834px arasi, yani masaustu menusu devreye giriyor ama
 * dokuz menu ogesi + "Free Hair Analysis" dugmesi o genislige sigmiyor:
 * baslıklar iki satira kiriliyor ve ust bar dagilmis gorunuyor.
 *
 * COZUM
 * -----
 * Hamburger'in kapanma noktasi 1024px'e cekiliyor. Bunun icin yalnizca dugmeyi
 * geri getirmek yetmiyor -- cekmecenin butun stilleri app.css'te
 * @media (max-width:767.98px) icinde tanimli ve 768px'in ustunde hic
 * uygulanmiyor. Dugme gorunur olur ama tiklaninca acilan sey bicimsiz kalirdi.
 *
 * Bu yuzden o blogun tamami (29 kural) asagiya, 768-1023.98px araligina
 * kopyalandi. Blok app.css'ten oldugu gibi alindi ve sikistirilmis halde;
 * elle duzenlenmesi dusunulmuyor.
 *
 * BAKIM NOTU
 * ----------
 * app.css yeniden derlenip cekmece tasarimi degisirse buradaki kopya eskir.
 * Kaynak: app.css icindeki `@media (max-width:767.98px)` blogu -- ikisi birlikte
 * guncellenmeli. Kalici cozum o media query'nin kaynakta 1023.98px yapilmasi;
 * derleme araclari sunucuda olmadigi icin simdilik kopya ile yurutuluyor.
 */

@media (min-width: 768px) and (max-width: 1023.98px) {
	.hermest-drawer__backdrop{z-index:40;background-color:#00000080;position:fixed;top:0;right:0;bottom:0;left:0}.hermest-site-header__nav{visibility:hidden;z-index:50;overscroll-behavior:contain;width:86%;max-width:380px;height:100vh;padding-inline:calc(var(--spacing) * 6);padding-top:calc(var(--spacing) * 6);padding-bottom:calc(var(--spacing) * 10);background-color:var(--hermest-header-topbar-bg,var(--hermest-brand));flex-direction:column;gap:0;transition:transform .3s cubic-bezier(.22,.61,.36,1),visibility .3s;display:flex;position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100%)}.hermest-site-header__nav.is-open{visibility:visible;transform:translate(0)}.hermest-drawer__head{margin-bottom:calc(var(--spacing) * 6);justify-content:space-between;align-items:flex-start;gap:calc(var(--spacing) * 4);display:flex}.hermest-drawer__logo img{height:calc(var(--spacing) * 9);width:auto}.hermest-drawer__close{margin-top:calc(var(--spacing) * -1);margin-right:calc(var(--spacing) * -2);cursor:pointer;border-style:var(--tw-border-style);padding:calc(var(--spacing) * 2);color:var(--color-white);background-color:#0000;border-width:0;border-radius:3.40282e38px;justify-content:center;align-items:center;display:inline-flex}.hermest-site-header__nav>ul{flex-direction:column;gap:0;display:flex}.hermest-site-header__nav li{width:100%}.hermest-site-header__nav a{padding-block:calc(var(--spacing) * 3);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));color:#ffffffeb;display:block}.hermest-site-header__nav a:hover{opacity:1;color:#fff}.hermest-site-header--sticky-enabled.is-stuck .hermest-site-header__nav a{color:#ffffffeb}.hermest-site-header--sticky-enabled.is-stuck .hermest-site-header__nav a:hover{color:#fff}.hermest-site-header--sticky-enabled.is-stuck .hermest-site-header__nav .sub-menu a{color:#ffffffbf}.hermest-site-header__nav>ul>li+li{border-top:1px solid #ffffff1f}.hermest-site-header__nav .menu-item-has-children{flex-wrap:wrap;align-items:center;display:flex}.hermest-site-header__nav .menu-item-has-children>a{flex:1;min-width:0}.hermest-site-header__nav .menu-item-has-children>a:after{display:none}.hermest-site-header__submenu-toggle{cursor:pointer;border-style:var(--tw-border-style);padding:calc(var(--spacing) * 2);color:var(--color-white);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;background-color:#0000;border-width:0;border-radius:.25rem;justify-content:center;align-items:center;transition-duration:.2s;display:inline-flex}.hermest-site-header__submenu-toggle.is-expanded{rotate:180deg}.hermest-site-header__nav .sub-menu{visibility:visible;margin-top:0;margin-bottom:calc(var(--spacing) * 2);--tw-border-style:none;width:100%;padding-left:calc(var(--spacing) * 4);opacity:1;--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);background:0 0;border-style:none;min-width:0;padding-top:0;padding-bottom:0;display:none;position:static}.hermest-site-header__submenu-toggle.is-expanded+.sub-menu{display:block}.hermest-site-header__nav .sub-menu a{padding-inline:0;padding-block:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:#ffffffbf}.hermest-site-header__nav .sub-menu a:hover{color:#fff;background-color:#0000}.hermest-drawer__foot{margin-top:calc(var(--spacing) * 8);align-items:flex-start;gap:calc(var(--spacing) * 4);border-top-style:var(--tw-border-style);padding-top:calc(var(--spacing) * 6);border-color:#ffffff1f;border-top-width:1px;flex-direction:column;display:flex}.hermest-drawer__cta{border-style:var(--tw-border-style);padding-inline:calc(var(--spacing) * 6);padding-block:calc(var(--spacing) * 3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:#fff;border-width:1px;border-color:#fff9;border-radius:3.40282e38px;justify-content:center;align-items:center;text-decoration-line:none;display:inline-flex}.hermest-drawer__contact{align-items:center;gap:calc(var(--spacing) * 3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:#fff;text-decoration-line:none;display:inline-flex}.hermest-drawer__contact-icon{height:calc(var(--spacing) * 8);width:calc(var(--spacing) * 8);background-color:#ffffff26;border-radius:3.40282e38px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}body.hermest-menu-open{overflow:hidden}body.hermest-menu-open .hermest-whatsapp-widget,body.hermest-menu-open .hermest-back-to-top{visibility:hidden;opacity:0;transition:opacity .2s,visibility .2s}

	/*
	 * app.css 768px'ten itibaren dugmeyi gizliyor; geri aciliyor.
	 * inline-block, mobildeki davranisin aynisi (orada dugmeye hic display
	 * kurali verilmiyor, tarayici varsayilani gecerli).
	 */
	.hermest-site-header__toggle {
		display: inline-block;
	}

	/*
	 * Ust bardaki CTA gizleniyor: cekmecenin kendi CTA'si (.hermest-drawer__cta)
	 * zaten var ve ikisi birden ust barda yer darligina katkida bulunuyordu.
	 */
	.hermest-site-header__cta {
		display: none;
	}
}