@charset "UTF-8";

/* NoraCommerce / Honor Exact — Reference premium desktop top area V17.13
   Desktop: social utility row + LOGO | service badges | compact search | account | cart.
   Mobile Honor/Nora hamburger header is intentionally preserved. */

.nora-header-category-nav{display:none!important}
.nora-desktop-utility,.nora-header-service-grid{display:none}

@media screen and (min-width:990px){
  /* The legacy announcement slider remains available on mobile only. */
  .announcement-bar-section.shopify-section-group-header-group{display:none!important}

  .nora-desktop-utility{
    display:block!important;
    width:100%!important;
    min-height:50px!important;
    background:linear-gradient(180deg,#111512 0%,#0d100e 100%)!important;
    border-bottom:1px solid rgba(255,255,255,.07)!important;
    box-shadow:inset 0 -1px 0 rgba(213,174,69,.08)!important;
  }
  .nora-desktop-utility .page-width,
  .nora-desktop-utility__inner{
    width:100%!important;
    max-width:none!important;
  }
  .nora-desktop-utility__inner{
    min-height:50px!important;
    padding:0 42px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:30px!important;
  }
  .nora-desktop-utility__left,
  .nora-desktop-utility__socials,
  .nora-desktop-utility__links{
    display:flex!important;
    align-items:center!important;
  }
  .nora-desktop-utility__left{min-width:0!important;gap:24px!important}
  .nora-desktop-utility__socials{gap:20px!important;flex:0 0 auto!important}
  .nora-desktop-utility__social{
    width:19px!important;
    height:19px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:#f4f4f2!important;
    opacity:.95!important;
    transition:color .18s ease,opacity .18s ease,transform .18s ease!important;
  }
  .nora-desktop-utility__social:hover,
  .nora-desktop-utility__social:focus-visible{color:#d7aa35!important;opacity:1!important;transform:translateY(-1px)!important}
  .nora-desktop-utility__social svg{display:block!important;width:100%!important;height:100%!important}
  .nora-desktop-utility__divider{width:1px!important;height:25px!important;background:rgba(255,255,255,.24)!important;flex:0 0 auto!important}
  .nora-desktop-utility__tagline{
    color:rgba(255,255,255,.82)!important;
    font-size:12px!important;
    font-weight:500!important;
    letter-spacing:.34em!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  .nora-desktop-utility__links{justify-content:flex-end!important;gap:18px!important;white-space:nowrap!important}
  .nora-desktop-utility__links a{
    color:rgba(255,255,255,.88)!important;
    text-decoration:none!important;
    font-size:12.5px!important;
    font-weight:600!important;
    line-height:1!important;
    transition:color .18s ease!important;
  }
  .nora-desktop-utility__links a:hover,
  .nora-desktop-utility__links a:focus-visible{color:#e1b53e!important}
  .nora-desktop-utility__links>span{width:1px!important;height:23px!important;background:rgba(255,255,255,.22)!important;display:block!important}

  .header-wrapper{
    background:
      radial-gradient(circle at 73% 40%,rgba(213,174,69,.055),transparent 24%),
      linear-gradient(180deg,#101411 0%,#080b09 100%)!important;
    border-top:1px solid rgba(213,174,69,.55)!important;
    border-bottom:1px solid rgba(213,174,69,.20)!important;
    box-shadow:0 12px 30px rgba(0,0,0,.19)!important;
  }
  .header-wrapper .header.header--middle:not(.drawer-menu){
    display:grid!important;
    grid-template-areas:"heading icons"!important;
    grid-template-columns:minmax(330px,455px) minmax(0,1fr)!important;
    grid-template-rows:108px!important;
    column-gap:0!important;
    align-items:center!important;
    width:100%!important;
    max-width:none!important;
    min-height:108px!important;
    margin:0!important;
    padding:0 38px!important;
    overflow:visible!important;
  }
  .header-wrapper .header>header-drawer,
  .header-wrapper .header>.header__inline-menu,
  .header-wrapper .nora-header-category-nav{display:none!important}

  /* Logo */
  .header-wrapper .header__heading{
    grid-area:heading!important;
    display:flex!important;
    align-items:center!important;
    justify-self:stretch!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:72px!important;
    margin:0!important;
    padding:0 28px 0 0!important;
    line-height:0!important;
    border-right:1px solid rgba(255,255,255,.24)!important;
  }
  .header-wrapper .header__heading-link,
  .header-wrapper .header__heading-logo-wrapper{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:100%!important;
    max-width:none!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
  }
  .header-wrapper .header__heading-logo{
    display:block!important;
    width:auto!important;
    max-width:min(390px,var(--nora-logo-desktop-width,390px))!important;
    max-height:66px!important;
    height:auto!important;
    object-fit:contain!important;
    object-position:left center!important;
  }

  /* Services + actions */
  .header-wrapper .header__icons{
    grid-area:icons!important;
    display:grid!important;
    grid-template-columns:minmax(570px,1fr) 248px 126px 72px!important;
    gap:0!important;
    align-items:center!important;
    justify-self:stretch!important;
    width:100%!important;
    min-width:0!important;
    height:108px!important;
    padding:0!important;
    margin:0!important;
    line-height:1!important;
  }
  .header-wrapper .header__icons>.header__search.nora-header-search-origin{display:none!important}

  .header-wrapper .nora-header-service-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    align-items:center!important;
    gap:12px!important;
    min-width:0!important;
    padding:0 20px 0 22px!important;
    border-right:1px solid rgba(255,255,255,.22)!important;
  }
  .header-wrapper .nora-header-service-badge{
    min-width:0!important;
    height:62px!important;
    display:grid!important;
    grid-template-columns:52px minmax(0,1fr)!important;
    align-items:center!important;
    border:1px solid rgba(255,255,255,.14)!important;
    border-radius:999px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.012))!important;
    box-shadow:inset 0 0 0 1px rgba(213,174,69,.025),0 7px 18px rgba(0,0,0,.12)!important;
    overflow:hidden!important;
  }
  .header-wrapper .nora-header-service-icon{
    width:52px!important;
    height:52px!important;
    margin-left:4px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:#d9aa32!important;
    border:1px solid rgba(213,174,69,.50)!important;
    border-radius:50%!important;
    background:radial-gradient(circle at 50% 42%,rgba(213,174,69,.13),rgba(213,174,69,.02) 68%,transparent 70%)!important;
    box-shadow:0 0 16px rgba(213,174,69,.09)!important;
  }
  .header-wrapper .nora-header-service-icon svg{width:25px!important;height:25px!important;display:block!important}
  .header-wrapper .nora-header-service-copy{
    min-width:0!important;
    padding:0 9px 0 10px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    gap:5px!important;
    text-align:left!important;
  }
  .header-wrapper .nora-header-service-copy strong{
    display:block!important;
    color:#fff!important;
    font-size:12.4px!important;
    font-weight:800!important;
    line-height:1.05!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .header-wrapper .nora-header-service-copy small{
    display:block!important;
    color:rgba(255,255,255,.68)!important;
    font-size:9.5px!important;
    font-weight:500!important;
    line-height:1.08!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  /* Compact search like the supplied reference. */
  .header-wrapper .nora-header-inline-search{
    display:grid!important;
    grid-template-columns:48px minmax(0,1fr)!important;
    align-items:center!important;
    width:220px!important;
    min-width:0!important;
    height:54px!important;
    margin:0 12px 0 16px!important;
    padding:0!important;
    overflow:hidden!important;
    border:1px solid rgba(255,255,255,.24)!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.025)!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.01)!important;
  }
  .header-wrapper .nora-header-inline-search:hover,
  .header-wrapper .nora-header-inline-search:focus-within{
    border-color:rgba(213,174,69,.64)!important;
    background:rgba(255,255,255,.04)!important;
  }
  .header-wrapper .nora-header-inline-search__lead{
    width:48px!important;
    height:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    color:#f3f3f1!important;
    cursor:pointer!important;
  }
  .header-wrapper .nora-header-inline-search__lead svg{width:24px!important;height:24px!important;display:block!important}
  .header-wrapper .nora-header-inline-search input{
    min-width:0!important;
    width:100%!important;
    height:100%!important;
    border:0!important;
    background:transparent!important;
    color:#fff!important;
    font-size:12.5px!important;
    font-weight:500!important;
    line-height:1.2!important;
    outline:0!important;
    box-shadow:none!important;
    padding:0 12px 0 2px!important;
  }
  .header-wrapper .nora-header-inline-search input::placeholder{color:rgba(255,255,255,.47)!important}

  /* Account is compact and horizontal: round icon + two lines. */
  .header-wrapper .header__icons .nora-header-shortcut{
    position:relative!important;
    color:#fff!important;
    text-decoration:none!important;
    background:transparent!important;
    margin:0!important;
    padding:0!important;
    line-height:1!important;
  }
  .header-wrapper .nora-header-shortcut--account{
    width:126px!important;
    min-width:126px!important;
    height:64px!important;
    display:grid!important;
    grid-template-columns:54px minmax(0,1fr)!important;
    align-items:center!important;
    gap:9px!important;
  }
  .header-wrapper .nora-header-shortcut--account>svg{
    width:52px!important;
    height:52px!important;
    padding:12px!important;
    border:1px solid rgba(255,255,255,.27)!important;
    border-radius:50%!important;
    color:#f4f4f2!important;
    transition:border-color .18s ease,color .18s ease!important;
  }
  .header-wrapper .nora-header-shortcut--account .account-text{
    display:flex!important;
    min-width:0!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:flex-start!important;
    gap:5px!important;
    text-align:left!important;
  }
  .header-wrapper .nora-header-shortcut--account .account-text .visually-hidden{display:none!important}
  .header-wrapper .nora-header-shortcut--account .login-label{
    display:block!important;
    position:static!important;
    width:auto!important;
    height:auto!important;
    clip:auto!important;
    clip-path:none!important;
    overflow:visible!important;
    margin:0!important;
    padding:0!important;
    white-space:nowrap!important;
    color:#fff!important;
    font-size:12.5px!important;
    font-weight:800!important;
    line-height:1!important;
  }
  .header-wrapper .nora-header-shortcut--account .account-text::after{
    content:"Hesabım"!important;
    display:block!important;
    color:rgba(255,255,255,.66)!important;
    font-size:10.5px!important;
    font-weight:500!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  .header-wrapper .nora-header-shortcut--account:hover>svg,
  .header-wrapper .nora-header-shortcut--account:focus-visible>svg{border-color:#d8aa32!important;color:#d8aa32!important}
  .header-wrapper .nora-header-shortcut--account:hover .login-label,
  .header-wrapper .nora-header-shortcut--account:focus-visible .login-label{color:#e2b33b!important}

  /* Cart = round icon with badge. */
  .header-wrapper .nora-header-shortcut--cart{
    width:64px!important;
    min-width:64px!important;
    height:64px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .header-wrapper .nora-header-shortcut--cart>svg{
    width:52px!important;
    height:52px!important;
    padding:12px!important;
    border:1px solid rgba(255,255,255,.27)!important;
    border-radius:50%!important;
    color:#f4f4f2!important;
    transition:border-color .18s ease,color .18s ease!important;
  }
  .header-wrapper .nora-header-shortcut--cart>.visually-hiddenn{display:none!important}
  .header-wrapper .nora-header-shortcut--cart .cart-count-bubble{
    position:absolute!important;
    top:-1px!important;
    right:-1px!important;
    min-width:24px!important;
    height:24px!important;
    padding:0 5px!important;
    border-radius:999px!important;
    background:linear-gradient(180deg,#e1b34a,#c9972f)!important;
    color:#fff!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:11px!important;
    font-weight:800!important;
    line-height:1!important;
    transform:none!important;
    border:2px solid #0a0d0b!important;
    z-index:3!important;
  }
  .header-wrapper .nora-header-shortcut--cart:hover>svg,
  .header-wrapper .nora-header-shortcut--cart:focus-visible>svg{border-color:#d8aa32!important;color:#d8aa32!important}

  /* Keep the upper area stable when Honor toggles sticky classes. */
  .section-header.shopify-section-group-header-group,
  .section-header.shopify-section-header-sticky,
  .section-header.shopify-section-header-hidden,
  .section-header.scrolled-past-header{position:sticky!important;top:0!important;z-index:1202!important;transform:none!important;transition:none!important}
  .section-header.shopify-section-header-hidden{top:0!important}
  .section-header .header-wrapper{position:relative!important;top:auto!important;transform:none!important;overflow:visible!important}
}

@media screen and (min-width:1600px){
  .header-wrapper .header__icons{grid-template-columns:minmax(620px,1fr) 280px 132px 76px!important}
  .header-wrapper .nora-header-inline-search{width:250px!important;margin-left:18px!important}
  .header-wrapper .nora-header-service-copy strong{font-size:13px!important}
  .header-wrapper .nora-header-service-copy small{font-size:10px!important}
}

@media screen and (min-width:1400px) and (max-width:1599px){
  .nora-desktop-utility__inner{padding-left:28px!important;padding-right:28px!important}
  .header-wrapper .header.header--middle:not(.drawer-menu){grid-template-columns:minmax(270px,330px) minmax(0,1fr)!important;padding-left:26px!important;padding-right:26px!important}
  .header-wrapper .header__heading{padding-right:20px!important}
  .header-wrapper .header__heading-logo{max-width:300px!important;max-height:60px!important}
  .header-wrapper .header__icons{grid-template-columns:minmax(515px,1fr) 232px 112px 68px!important}
  .header-wrapper .nora-header-service-grid{gap:9px!important;padding-left:15px!important;padding-right:14px!important}
  .header-wrapper .nora-header-service-badge{grid-template-columns:46px minmax(0,1fr)!important;height:58px!important}
  .header-wrapper .nora-header-service-icon{width:46px!important;height:46px!important}
  .header-wrapper .nora-header-service-icon svg{width:22px!important;height:22px!important}
  .header-wrapper .nora-header-service-copy{padding-left:8px!important;padding-right:7px!important;gap:4px!important}
  .header-wrapper .nora-header-service-copy strong{font-size:11px!important}
  .header-wrapper .nora-header-service-copy small{font-size:8.4px!important}
  .header-wrapper .nora-header-inline-search{width:210px!important;height:50px!important;margin-left:12px!important;margin-right:8px!important;grid-template-columns:42px minmax(0,1fr)!important}
  .header-wrapper .nora-header-inline-search__lead{width:42px!important}
  .header-wrapper .nora-header-shortcut--account{width:112px!important;min-width:112px!important;grid-template-columns:49px minmax(0,1fr)!important;gap:7px!important}
  .header-wrapper .nora-header-shortcut--account>svg,.header-wrapper .nora-header-shortcut--cart>svg{width:48px!important;height:48px!important;padding:11px!important}
  .header-wrapper .nora-header-shortcut--account .login-label{font-size:11.5px!important}
  .header-wrapper .nora-header-shortcut--account .account-text::after{font-size:9.5px!important}
}

@media screen and (min-width:1200px) and (max-width:1399px){
  .nora-desktop-utility__inner{padding-left:22px!important;padding-right:22px!important;gap:18px!important}
  .nora-desktop-utility__tagline{font-size:10.5px!important;letter-spacing:.25em!important}
  .nora-desktop-utility__links{gap:12px!important}.nora-desktop-utility__links a{font-size:11px!important}
  .header-wrapper .header.header--middle:not(.drawer-menu){grid-template-columns:240px minmax(0,1fr)!important;padding-left:20px!important;padding-right:20px!important}
  .header-wrapper .header__heading{padding-right:16px!important}
  .header-wrapper .header__heading-logo{max-width:215px!important;max-height:54px!important}
  .header-wrapper .header__icons{grid-template-columns:minmax(440px,1fr) 186px 96px 58px!important}
  .header-wrapper .nora-header-service-grid{gap:7px!important;padding-left:12px!important;padding-right:10px!important}
  .header-wrapper .nora-header-service-badge{height:54px!important;grid-template-columns:42px minmax(0,1fr)!important}
  .header-wrapper .nora-header-service-icon{width:42px!important;height:42px!important;margin-left:3px!important}
  .header-wrapper .nora-header-service-icon svg{width:20px!important;height:20px!important}
  .header-wrapper .nora-header-service-copy{padding-left:6px!important;padding-right:5px!important;gap:2px!important}
  .header-wrapper .nora-header-service-copy strong{font-size:9.8px!important}
  .header-wrapper .nora-header-service-copy small{display:none!important}
  .header-wrapper .nora-header-inline-search{width:170px!important;height:48px!important;margin-left:9px!important;margin-right:6px!important;grid-template-columns:39px minmax(0,1fr)!important}
  .header-wrapper .nora-header-inline-search__lead{width:39px!important}.header-wrapper .nora-header-inline-search__lead svg{width:21px!important;height:21px!important}
  .header-wrapper .nora-header-inline-search input{font-size:11px!important;padding-right:7px!important}
  .header-wrapper .nora-header-shortcut--account{width:96px!important;min-width:96px!important;grid-template-columns:44px minmax(0,1fr)!important;gap:5px!important}
  .header-wrapper .nora-header-shortcut--account>svg,.header-wrapper .nora-header-shortcut--cart>svg{width:44px!important;height:44px!important;padding:10px!important}
  .header-wrapper .nora-header-shortcut--account .login-label{font-size:10.5px!important}
  .header-wrapper .nora-header-shortcut--account .account-text::after{font-size:9px!important}
  .header-wrapper .nora-header-shortcut--cart{width:56px!important;min-width:56px!important}
  .header-wrapper .nora-header-shortcut--cart .cart-count-bubble{right:-2px!important;top:3px!important}
}

@media screen and (min-width:990px) and (max-width:1199px){
  .nora-desktop-utility__inner{padding-left:16px!important;padding-right:16px!important}
  .nora-desktop-utility__tagline{display:none!important}
  .nora-desktop-utility__divider{display:none!important}
  .nora-desktop-utility__links{gap:10px!important}.nora-desktop-utility__links a{font-size:10.5px!important}
  .header-wrapper .header.header--middle:not(.drawer-menu){grid-template-columns:210px minmax(0,1fr)!important;padding-left:14px!important;padding-right:14px!important;grid-template-rows:100px!important;min-height:100px!important}
  .header-wrapper .header__heading{height:64px!important;padding-right:12px!important}
  .header-wrapper .header__heading-logo{max-width:188px!important;max-height:50px!important}
  .header-wrapper .header__icons{height:100px!important;grid-template-columns:minmax(270px,1fr) 152px 88px 54px!important}
  .header-wrapper .nora-header-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding-left:10px!important;padding-right:9px!important}
  .header-wrapper .nora-header-service-badge:nth-child(n+3){display:none!important}
  .header-wrapper .nora-header-service-badge{height:52px!important;grid-template-columns:40px minmax(0,1fr)!important}
  .header-wrapper .nora-header-service-icon{width:40px!important;height:40px!important;margin-left:3px!important}
  .header-wrapper .nora-header-service-copy{padding-left:6px!important;padding-right:4px!important;gap:2px!important}
  .header-wrapper .nora-header-service-copy strong{font-size:9.5px!important}.header-wrapper .nora-header-service-copy small{display:none!important}
  .header-wrapper .nora-header-inline-search{width:138px!important;height:46px!important;margin-left:8px!important;margin-right:4px!important;grid-template-columns:36px minmax(0,1fr)!important}
  .header-wrapper .nora-header-inline-search__lead{width:36px!important}.header-wrapper .nora-header-inline-search__lead svg{width:20px!important;height:20px!important}
  .header-wrapper .nora-header-inline-search input{font-size:10px!important;padding-right:5px!important}
  .header-wrapper .nora-header-shortcut--account{width:88px!important;min-width:88px!important;grid-template-columns:42px minmax(0,1fr)!important;gap:4px!important}
  .header-wrapper .nora-header-shortcut--account>svg,.header-wrapper .nora-header-shortcut--cart>svg{width:42px!important;height:42px!important;padding:10px!important}
  .header-wrapper .nora-header-shortcut--account .login-label{font-size:9.5px!important}.header-wrapper .nora-header-shortcut--account .account-text::after{font-size:8px!important}
  .header-wrapper .nora-header-shortcut--cart{width:52px!important;min-width:52px!important}.header-wrapper .nora-header-shortcut--cart .cart-count-bubble{top:4px!important;right:-2px!important;min-width:21px!important;height:21px!important;font-size:9px!important}
}

/* Mobile remains the existing Honor/Nora hamburger header and announcement behavior. */
@media screen and (max-width:989px){
  .nora-desktop-utility,.nora-header-category-nav,.nora-header-inline-search,.nora-header-service-grid,.nora-utility-links,.nora-header-trust-strip{display:none!important}
}

/* ------------------------------------------------------------
   V17.13 — permanent desktop action layout
   Single source of truth for services + search + account + cart.
   Important: spacing is owned by CSS Grid gap; child margins are zero,
   so search/account can never overflow into the neighbouring track.
   ------------------------------------------------------------ */
@media screen and (min-width:990px){
  .header-wrapper .header__icons{
    grid-template-columns:minmax(0,1fr) 252px 150px 64px!important;
    column-gap:12px!important;
    row-gap:0!important;
    overflow:visible!important;
  }
  .header-wrapper .nora-header-service-grid{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    padding-left:10px!important;
    padding-right:10px!important;
    border-right:0!important;
  }
  .header-wrapper .nora-header-inline-search{
    justify-self:stretch!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  .header-wrapper .nora-header-shortcut--account{
    position:relative!important;
    justify-self:stretch!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:56px!important;
    margin:0!important;
    padding:0 13px 0 8px!important;
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:40px minmax(0,1fr) 11px!important;
    align-items:center!important;
    gap:8px!important;
    border:1px solid rgba(218,173,73,.82)!important;
    border-radius:999px!important;
    background:linear-gradient(180deg,rgba(17,17,17,.96),rgba(8,8,8,.98))!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),0 10px 24px rgba(0,0,0,.16),0 0 18px rgba(218,173,73,.12)!important;
    overflow:hidden!important;
  }
  .header-wrapper .nora-header-shortcut--account>svg{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    padding:9px!important;
    margin:0!important;
    box-sizing:border-box!important;
    border:1px solid rgba(218,173,73,.58)!important;
    border-radius:50%!important;
    color:#f0c356!important;
    background:radial-gradient(circle at 32% 30%,rgba(240,195,86,.22),rgba(240,195,86,.02) 58%),rgba(255,255,255,.03)!important;
    box-shadow:0 0 0 1px rgba(255,255,255,.03) inset!important;
    transform:none!important;
    transition:border-color .18s ease,color .18s ease,box-shadow .18s ease!important;
  }
  .header-wrapper .nora-header-shortcut--account:hover>svg,
  .header-wrapper .nora-header-shortcut--account:focus-visible>svg{
    transform:none!important;
  }
  .header-wrapper .nora-header-shortcut--account .account-text{
    display:flex!important;
    width:auto!important;
    min-width:0!important;
    height:auto!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:flex-start!important;
    gap:4px!important;
    overflow:hidden!important;
    text-align:left!important;
  }
  .header-wrapper .nora-header-shortcut--account .account-text .visually-hidden{
    display:block!important;
    position:static!important;
    width:auto!important;
    height:auto!important;
    clip:auto!important;
    clip-path:none!important;
    overflow:hidden!important;
    margin:0!important;
    padding:0!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
    max-width:100%!important;
    color:#fff!important;
    font-size:12.4px!important;
    font-weight:800!important;
    line-height:1.05!important;
  }
  .header-wrapper .nora-header-shortcut--account .login-label{
    display:block!important;
    position:static!important;
    width:auto!important;
    height:auto!important;
    clip:auto!important;
    clip-path:none!important;
    overflow:hidden!important;
    margin:0!important;
    padding:0!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
    max-width:100%!important;
    color:rgba(255,255,255,.74)!important;
    font-size:10px!important;
    font-weight:600!important;
    line-height:1.05!important;
  }
  .header-wrapper .nora-header-shortcut--account .account-text::after{
    display:none!important;
    content:none!important;
  }
  .header-wrapper .nora-header-shortcut--account::after{
    content:""!important;
    width:8px!important;
    height:8px!important;
    justify-self:end!important;
    border-right:1.8px solid #d8aa32!important;
    border-bottom:1.8px solid #d8aa32!important;
    transform:rotate(45deg) translateY(-1px)!important;
    opacity:.96!important;
  }
  .header-wrapper .nora-header-shortcut--account:hover,
  .header-wrapper .nora-header-shortcut--account:focus-visible{
    border-color:#efc457!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),0 10px 24px rgba(0,0,0,.18),0 0 22px rgba(239,196,87,.18)!important;
  }
  .header-wrapper .nora-header-shortcut--account:hover>svg,
  .header-wrapper .nora-header-shortcut--account:focus-visible>svg{
    border-color:#efc457!important;
    color:#efc457!important;
    box-shadow:0 0 0 1px rgba(255,255,255,.04) inset,0 0 14px rgba(239,196,87,.15)!important;
  }
  .header-wrapper .nora-header-shortcut--cart{
    justify-self:stretch!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
  }
}

@media screen and (min-width:1600px){
  .header-wrapper .header__icons{
    grid-template-columns:minmax(0,1fr) 300px 162px 68px!important;
    column-gap:14px!important;
  }
}

@media screen and (min-width:1400px) and (max-width:1599px){
  .header-wrapper .header__icons{
    grid-template-columns:minmax(0,1fr) 250px 148px 64px!important;
    column-gap:12px!important;
  }
  .header-wrapper .nora-header-shortcut--account{height:54px!important}
  .header-wrapper .nora-header-shortcut--account>svg{width:38px!important;height:38px!important;min-width:38px!important;max-width:38px!important;padding:8px!important}
  .header-wrapper .nora-header-shortcut--account{grid-template-columns:38px minmax(0,1fr) 10px!important;gap:7px!important}
  .header-wrapper .nora-header-shortcut--account .account-text .visually-hidden{font-size:11.6px!important}
  .header-wrapper .nora-header-shortcut--account .login-label{font-size:9.5px!important}
}

@media screen and (min-width:1200px) and (max-width:1399px){
  .header-wrapper .header__icons{
    grid-template-columns:minmax(0,1fr) 216px 138px 58px!important;
    column-gap:10px!important;
  }
  .header-wrapper .nora-header-inline-search{height:48px!important}
  .header-wrapper .nora-header-shortcut--account{height:50px!important;padding-left:6px!important;padding-right:10px!important;grid-template-columns:36px minmax(0,1fr) 9px!important;gap:6px!important}
  .header-wrapper .nora-header-shortcut--account>svg{width:36px!important;height:36px!important;min-width:36px!important;max-width:36px!important;padding:8px!important}
  .header-wrapper .nora-header-shortcut--account .account-text .visually-hidden{font-size:10.8px!important}
  .header-wrapper .nora-header-shortcut--account .login-label{font-size:9px!important}
}

@media screen and (min-width:990px) and (max-width:1199px){
  .header-wrapper .header__icons{
    grid-template-columns:minmax(0,1fr) 176px 126px 52px!important;
    column-gap:8px!important;
  }
  .header-wrapper .nora-header-service-grid{padding-left:6px!important;padding-right:6px!important;gap:7px!important}
  .header-wrapper .nora-header-inline-search{height:46px!important;grid-template-columns:38px minmax(0,1fr)!important}
  .header-wrapper .nora-header-inline-search__lead{width:38px!important}
  .header-wrapper .nora-header-shortcut--account{height:48px!important;padding-left:5px!important;padding-right:8px!important;grid-template-columns:34px minmax(0,1fr) 8px!important;gap:5px!important}
  .header-wrapper .nora-header-shortcut--account>svg{width:34px!important;height:34px!important;min-width:34px!important;max-width:34px!important;padding:7px!important}
  .header-wrapper .nora-header-shortcut--account .account-text{gap:3px!important}
  .header-wrapper .nora-header-shortcut--account .account-text .visually-hidden{font-size:10px!important}
  .header-wrapper .nora-header-shortcut--account .login-label{font-size:8.4px!important}
  .header-wrapper .nora-header-shortcut--account::after{width:7px!important;height:7px!important}
}

/* ------------------------------------------------------------
   V17.14 — account icon + caret alignment fix
   Correct visual drift inside the Hesabım capsule.
   ------------------------------------------------------------ */
@media screen and (min-width:990px){
  .header-wrapper .nora-header-shortcut--account{
    padding-left:12px!important;
    padding-right:14px!important;
    grid-template-columns:42px minmax(0,1fr) 12px!important;
    gap:10px!important;
    align-items:center!important;
  }
  .header-wrapper .nora-header-shortcut--account>svg{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    padding:9px!important;
    justify-self:center!important;
    align-self:center!important;
  }
  .header-wrapper .nora-header-shortcut--account .account-text{
    align-self:center!important;
  }
  .header-wrapper .nora-header-shortcut--account::after{
    width:10px!important;
    height:10px!important;
    display:block!important;
    justify-self:center!important;
    align-self:center!important;
    margin:0!important;
    transform:rotate(45deg)!important;
    transform-origin:center center!important;
  }
}

@media screen and (min-width:1600px){
  .header-wrapper .nora-header-shortcut--account{
    padding-left:13px!important;
    padding-right:15px!important;
    grid-template-columns:42px minmax(0,1fr) 12px!important;
  }
}

@media screen and (min-width:1400px) and (max-width:1599px){
  .header-wrapper .nora-header-shortcut--account{
    padding-left:11px!important;
    padding-right:13px!important;
    grid-template-columns:40px minmax(0,1fr) 11px!important;
    gap:9px!important;
  }
  .header-wrapper .nora-header-shortcut--account>svg{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    max-width:40px!important;
  }
  .header-wrapper .nora-header-shortcut--account::after{
    width:9px!important;
    height:9px!important;
  }
}

@media screen and (min-width:1200px) and (max-width:1399px){
  .header-wrapper .nora-header-shortcut--account{
    padding-left:10px!important;
    padding-right:11px!important;
    grid-template-columns:36px minmax(0,1fr) 10px!important;
    gap:8px!important;
  }
  .header-wrapper .nora-header-shortcut--account::after{
    width:8px!important;
    height:8px!important;
  }
}

@media screen and (min-width:990px) and (max-width:1199px){
  .header-wrapper .nora-header-shortcut--account{
    padding-left:8px!important;
    padding-right:9px!important;
    grid-template-columns:34px minmax(0,1fr) 8px!important;
    gap:6px!important;
  }
  .header-wrapper .nora-header-shortcut--account>svg{
    justify-self:center!important;
  }
  .header-wrapper .nora-header-shortcut--account::after{
    width:7px!important;
    height:7px!important;
  }
}


/* ------------------------------------------------------------
   V17.80 — Yalnız ana header sabit
   Desktop utility / üst bilgi satırı normal akışta kalır ve yukarı kayar.
   section-header içinde artık yalnızca ana header bulunduğundan mevcut
   sticky davranışı LOGO + avantajlar + arama + hesap + sepet alanına uygulanır.
   ------------------------------------------------------------ */
@media screen and (min-width:990px){
  .nora-desktop-utility{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    z-index:1!important;
    transform:none!important;
  }
  .section-header.shopify-section-group-header-group,
  .section-header.shopify-section-header-sticky,
  .section-header.shopify-section-header-hidden,
  .section-header.scrolled-past-header{
    position:sticky!important;
    top:0!important;
    z-index:1202!important;
    transform:none!important;
    transition:none!important;
  }
  .section-header.shopify-section-header-hidden{top:0!important}
}


/* ------------------------------------------------------------
   V17.83 — Hesabım kapsülü ikon / ok iç hizalama
   Soldaki kullanıcı ikonu ve sağdaki ok kapsül kenarından içeri alınır.
   ------------------------------------------------------------ */
@media screen and (min-width:990px){
  .header-wrapper .nora-header-shortcut--account>svg{
    position:relative!important;
    left:4px!important;
  }

  .header-wrapper .nora-header-shortcut--account::after{
    position:relative!important;
    right:4px!important;
  }
}

@media screen and (min-width:990px) and (max-width:1199px){
  .header-wrapper .nora-header-shortcut--account>svg{
    left:3px!important;
  }

  .header-wrapper .nora-header-shortcut--account::after{
    right:3px!important;
  }
}


/* ============================================================
   V17.86 — UstBar.png referansına birebir oranlı masaüstü üst alan
   Referans görüntü: 2048 x 289.
   1600px ve üzerindeki masaüstünde tüm ana ölçüler referanstaki
   yatay oranlara göre ölçeklenir; 2048px genişlikte hedef piksel
   değerlerine tam olarak ulaşır.
   ============================================================ */
@media screen and (min-width:1600px){

  /* ---------- Üst utility satırı: referans 73px ---------- */
  .nora-desktop-utility{
    height:clamp(57px,3.5645vw,73px)!important;
    min-height:clamp(57px,3.5645vw,73px)!important;
    box-sizing:border-box!important;
    border-top:3px solid rgba(255,255,255,.20)!important;
    border-bottom:1px solid rgba(176,141,49,.52)!important;
    background:#111411!important;
    box-shadow:none!important;
  }

  .nora-desktop-utility__inner{
    height:100%!important;
    min-height:0!important;
    padding-left:clamp(34px,2.0996vw,43px)!important;
    padding-right:clamp(28px,1.7089vw,35px)!important;
    gap:24px!important;
  }

  .nora-desktop-utility__left{
    gap:clamp(25px,1.5137vw,31px)!important;
  }

  .nora-desktop-utility__socials{
    gap:clamp(25px,1.5137vw,31px)!important;
  }

  .nora-desktop-utility__social{
    width:clamp(18px,1.0742vw,22px)!important;
    height:clamp(18px,1.0742vw,22px)!important;
  }

  .nora-desktop-utility__divider{
    height:clamp(25px,1.5137vw,31px)!important;
    background:rgba(255,255,255,.25)!important;
  }

  .nora-desktop-utility__tagline{
    font-size:clamp(12px,.6836vw,14px)!important;
    font-weight:600!important;
    letter-spacing:.37em!important;
    color:rgba(255,255,255,.88)!important;
  }

  .nora-desktop-utility__links{
    gap:clamp(20px,1.2207vw,25px)!important;
  }

  .nora-desktop-utility__links a{
    font-size:clamp(13px,.78125vw,16px)!important;
    font-weight:750!important;
    color:rgba(255,255,255,.90)!important;
  }

  .nora-desktop-utility__links>span{
    height:clamp(25px,1.5137vw,31px)!important;
    background:rgba(255,255,255,.23)!important;
  }

  /* ---------- Ana header: referans 148px ---------- */
  .header-wrapper{
    height:clamp(116px,7.2266vw,148px)!important;
    box-sizing:border-box!important;
    border-top:0!important;
    border-bottom:1px solid rgba(176,141,49,.34)!important;
    background:#0f120f!important;
    box-shadow:none!important;
  }

  .header-wrapper .header.header--middle:not(.drawer-menu){
    height:calc(100% - 1px)!important;
    min-height:0!important;
    grid-template-rows:1fr!important;
    grid-template-columns:clamp(349px,21.8262vw,447px) minmax(0,1fr)!important;
    padding-left:clamp(27px,1.70898vw,35px)!important;
    padding-right:clamp(35px,2.19727vw,45px)!important;
    margin:0!important;
  }

  /* Logo alanı: referans x=35, kolon sonu x=482 */
  .header-wrapper .header__heading{
    height:clamp(78px,4.7852vw,98px)!important;
    padding:0 clamp(32px,2.00195vw,41px) 0 0!important;
    border-right:1px solid rgba(255,255,255,.24)!important;
  }

  .header-wrapper .header__heading-link,
  .header-wrapper .header__heading-logo-wrapper{
    width:100%!important;
    max-width:none!important;
  }

  .header-wrapper .header__heading-logo{
    width:clamp(317px,19.8242vw,406px)!important;
    max-width:clamp(317px,19.8242vw,406px)!important;
    max-height:clamp(61px,3.9551vw,81px)!important;
    height:auto!important;
  }

  /* Sağ blok referans kolonları:
     hizmetler 859 / arama 340 / hesap 202 / sepet track 78
     kolon aralığı 14px @ 2048 */
  .header-wrapper .header__icons{
    height:100%!important;
    grid-template-columns:
      clamp(671px,41.9434vw,859px)
      clamp(266px,16.6016vw,340px)
      clamp(158px,9.8633vw,202px)
      clamp(61px,3.8086vw,78px)!important;
    column-gap:clamp(11px,.6836vw,14px)!important;
    row-gap:0!important;
    align-items:center!important;
  }

  /* Hizmet kartları: referans 270x80, ikon 64 */
  .header-wrapper .nora-header-service-grid{
    height:auto!important;
    padding-left:clamp(10px,.6348vw,13px)!important;
    padding-right:clamp(13px,.78125vw,16px)!important;
    gap:clamp(8px,.5127vw,10.5px)!important;
    border-right:0!important;
    overflow:visible!important;
  }

  .header-wrapper .nora-header-service-badge{
    height:clamp(62px,3.90625vw,80px)!important;
    grid-template-columns:clamp(50px,3.125vw,64px) minmax(0,1fr)!important;
    border-color:rgba(255,255,255,.16)!important;
    background:rgba(255,255,255,.018)!important;
    box-shadow:none!important;
  }

  .header-wrapper .nora-header-service-icon{
    width:clamp(50px,3.125vw,64px)!important;
    height:clamp(50px,3.125vw,64px)!important;
    margin-left:clamp(5px,.3418vw,7px)!important;
    border-color:rgba(194,151,39,.60)!important;
  }

  .header-wrapper .nora-header-service-icon svg{
    width:clamp(21px,1.3184vw,27px)!important;
    height:clamp(21px,1.3184vw,27px)!important;
  }

  .header-wrapper .nora-header-service-copy{
    padding-left:clamp(7px,.43945vw,9px)!important;
    padding-right:clamp(7px,.43945vw,9px)!important;
    gap:clamp(3px,.1953vw,4px)!important;
  }

  .header-wrapper .nora-header-service-copy strong{
    font-size:clamp(12px,.7324vw,15px)!important;
    font-weight:800!important;
  }

  .header-wrapper .nora-header-service-copy small{
    display:block!important;
    font-size:clamp(9px,.5371vw,11px)!important;
  }

  /* Arama: referans 340x69 */
  .header-wrapper .nora-header-inline-search{
    width:100%!important;
    height:clamp(54px,3.3691vw,69px)!important;
    margin:0!important;
    transform:translateX(clamp(-1px,-.0488vw,-.8px))!important;
    grid-template-columns:clamp(46px,2.7344vw,56px) minmax(0,1fr)!important;
    border-color:rgba(255,255,255,.29)!important;
    background:rgba(255,255,255,.018)!important;
  }

  .header-wrapper .nora-header-inline-search__lead{
    width:clamp(46px,2.7344vw,56px)!important;
  }

  .header-wrapper .nora-header-inline-search__lead svg{
    width:clamp(24px,1.416vw,29px)!important;
    height:clamp(24px,1.416vw,29px)!important;
  }

  .header-wrapper .nora-header-inline-search input{
    font-size:clamp(12px,.7324vw,15px)!important;
    padding-right:clamp(12px,.78125vw,16px)!important;
  }

  /* Hesabım: referans 202x75, ikon 56 */
  .header-wrapper .nora-header-shortcut--account{
    width:100%!important;
    height:clamp(59px,3.6621vw,75px)!important;
    padding-left:clamp(5px,.293vw,6px)!important;
    padding-right:clamp(8px,.4883vw,10px)!important;
    grid-template-columns:
      clamp(44px,2.7344vw,56px)
      minmax(0,1fr)
      clamp(11px,.6836vw,14px)!important;
    gap:clamp(5px,.293vw,6px)!important;
    border-color:rgba(202,157,42,.94)!important;
    background:rgba(8,10,8,.98)!important;
    box-shadow:0 0 22px rgba(209,161,41,.08)!important;
  }

  .header-wrapper .nora-header-shortcut--account>svg{
    position:static!important;
    left:auto!important;
    width:clamp(44px,2.7344vw,56px)!important;
    height:clamp(44px,2.7344vw,56px)!important;
    min-width:clamp(44px,2.7344vw,56px)!important;
    max-width:clamp(44px,2.7344vw,56px)!important;
    padding:clamp(10px,.5859vw,12px)!important;
    justify-self:start!important;
  }

  .header-wrapper .nora-header-shortcut--account .account-text{
    gap:clamp(3px,.1953vw,4px)!important;
  }

  .header-wrapper .nora-header-shortcut--account .account-text .visually-hidden{
    font-size:clamp(12px,.78125vw,16px)!important;
  }

  .header-wrapper .nora-header-shortcut--account .login-label{
    font-size:clamp(10px,.61035vw,12.5px)!important;
    font-weight:650!important;
  }

  .header-wrapper .nora-header-shortcut--account::after{
    position:static!important;
    right:auto!important;
    width:clamp(9px,.5371vw,11px)!important;
    height:clamp(9px,.5371vw,11px)!important;
    justify-self:center!important;
    transform:rotate(45deg)!important;
  }

  /* Sepet: referans görünür daire 67x67; track sağa yaslanır */
  .header-wrapper .nora-header-shortcut--cart{
    justify-self:end!important;
    width:clamp(52px,3.2715vw,67px)!important;
    height:clamp(52px,3.2715vw,67px)!important;
  }

  .header-wrapper .nora-header-shortcut--cart>svg{
    width:clamp(52px,3.2715vw,67px)!important;
    height:clamp(52px,3.2715vw,67px)!important;
    padding:clamp(11px,.6836vw,14px)!important;
  }

  .header-wrapper .nora-header-shortcut--cart .cart-count-bubble{
    top:clamp(-2px,-.0977vw,-1px)!important;
    right:clamp(-2px,-.0977vw,-1px)!important;
    min-width:clamp(20px,1.2695vw,26px)!important;
    height:clamp(20px,1.3184vw,27px)!important;
  }
}