/* Reference storefront layout */
:root { --ref-blue: #4356b8; --ref-red: #f34b43; --ref-line: #e1e1e1; }
body { background: #f5f5f5 !important; color: #111 !important; }
.shopify-utility-bar { height: 37px !important; display: block !important; background: #fff !important; border-bottom: 1px solid var(--ref-line) !important; }
.shopify-utility-bar .container { height: 100%; display: flex; align-items: center; justify-content: space-between; }
.shopify-utility-bar a { color: #89919c !important; font-size: 10px !important; }
.shopify-utility-bar nav { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px 16px; align-items: center; }
.shopify-utility-bar .utility-currency { position: relative; padding: 0; background: #f4f4f4; }
.shopify-utility-bar .utility-currency summary { padding: 8px 10px; color: #89919c; font-size: 10px; cursor: pointer; list-style: none; }
.shopify-utility-bar .utility-currency summary::-webkit-details-marker { display: none; }
.shopify-utility-bar .utility-currency-menu { position: absolute; top: 100%; left: 0; z-index: 10020; min-width: 150px; padding: 8px 10px; background: #fff; border: 1px solid var(--ref-line); box-shadow: 0 5px 14px rgba(0,0,0,.12); }
.shopify-utility-bar .utility-currency-menu span { display: block; padding: 3px 0; color: #555; font-size: 11px; white-space: nowrap; }
#header, #header .u-header__section { background: #fff !important; }
#header .u-header__section > .py-2 { background: #fff !important; padding-top: 20px !important; padding-bottom: 9px !important; }
#header .hea-icon, #header .hea-icon > .dropdown-toggle { color: #777 !important; }
#header #ico-sepet { position: relative !important; z-index: 10050 !important; background: var(--ref-blue) !important; pointer-events: auto !important; }
#header #cart-panel-trigger { position: relative !important; z-index: 10051 !important; color: #fff !important; background: var(--ref-red) !important; border-radius: 0 !important; box-shadow: none !important; cursor: pointer !important; pointer-events: auto !important; }
#header #sidebarHeaderInvokerMenu { display: none !important; }
#header #ico-musterihizmetleri { display: none !important; }
#header #ico-musterihizmetleri, #header #ico-hesabim { position: relative !important; z-index: 10060 !important; }
#header #customer-service-urls, #header #my-account-urls { z-index: 10061 !important; }
#cart-side-overlay { position: fixed !important; inset: 0 !important; z-index: 9998 !important; }
#header #cart-side-panel { position: fixed !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: auto !important; width: min(378px, 100vw) !important; max-width: 100vw !important; height: 100vh !important; z-index: 99999 !important; display: flex !important; flex-direction: column !important; transform: translateX(100%) !important; }
#header #cart-side-panel.active { transform: translateX(0) !important; }
#cart-side-panel .cart-side-header { flex: 0 0 auto !important; min-height: 62px !important; padding: 18px 20px !important; background: #182b3a !important; }
#cart-side-panel .cart-side-items { flex: 1 1 auto !important; min-height: 0 !important; overflow-y: auto !important; }
#cart-side-panel .cart-side-footer { flex: 0 0 auto !important; padding: 20px !important; background: #fff !important; }
#cart-side-panel .cart-side-btn-primary, #cart-side-panel .cart-side-btn-secondary { display: block !important; width: 100% !important; box-sizing: border-box !important; text-align: center !important; }
#cart-side-panel .cart-side-btn-primary { background: #0f766e !important; color: #fff !important; border-radius: 7px !important; }
#cart-side-panel .cart-side-btn-secondary { background: transparent !important; color: #637084 !important; }
#header .primary-nav-wide { pointer-events: none !important; }
#header .primary-nav-wide nav, #header .primary-nav-wide #navBar, #header .primary-nav-wide .navbar-nav { pointer-events: none !important; }
#header .primary-nav-wide .tumkategori-link, #header .primary-nav-wide .tumkategori-link .tumkategori-btn, #header .primary-nav-wide .hs-mega-menu { pointer-events: auto !important; }
#autocomplete { border-radius: 0 !important; }
#autocomplete, #autocomplete form { position: relative; z-index: 30; }
#btn-search { background: #202020 !important; border-radius: 0 !important; }
#cart-panel-trigger { cursor: pointer !important; border: 0 !important; font: inherit; }
.primary-nav-wide { background: var(--ref-blue) !important; border: 0 !important; }
.primary-nav-wide .u-header__nav-link, .primary-nav-wide .tumkategori-btn { border-radius: 0 !important; background: transparent !important; color: #fff !important; }
.primary-nav-wide .tumkategori-btn { background: #242424 !important; }
.main-showcase-layout { max-width: 1170px !important; padding: 0 !important; }
.showcase-slider { border-radius: 0 !important; box-shadow: none !important; }
.showcase-slider img { border-radius: 0 !important; }
#content { background: #f5f5f5 !important; }
.product-item .product-item__inner, .product-item .product-item__outer { border: 1px solid var(--ref-line) !important; border-radius: 0 !important; box-shadow: none !important; }
.product-item .product-item__title a { color: #111 !important; }
.product-item .prodcut-price, .product-item .price, .product-item .product-item__price { color: var(--ref-red) !important; }
.product-item .discount-label, .product-item .badge-sale, .product-item .badge-primary { background: #d94952 !important; border-radius: 0 !important; }
footer .bg-primary, #footer-newsletter { background: #222 !important; }
footer .bg-gray-13, footer .bg-gray-14 { background: #fff !important; }

@media (min-width: 1200px) {
  #header { position: relative !important; }
  #header .u-header__section > .py-2 { padding-bottom: 0 !important; background: linear-gradient(to bottom, #fff 0, #fff 98px, var(--ref-blue) 98px, var(--ref-blue) 162px) !important; }
  #header .u-header__section > .py-2 > .container > .row { display: grid !important; grid-template-columns: 275px minmax(280px, 1fr) auto auto 270px; grid-template-rows: 78px 64px; gap: 0 12px !important; min-height: 142px !important; }
  #header .site-logo { grid-column: 1; grid-row: 1; }
  #header .u-header__section > .py-2 > .container > .row > .col.d-none.d-xl-block { grid-column: 2 / 5; grid-row: 2; min-width: 0 !important; padding: 0 !important; }
  #header .search-header { margin-right: 70px !important; }
  #header #ico-musterihizmetleri { grid-column: 3; grid-row: 1; }
  #header #ico-hesabim { grid-column: 4; grid-row: 1; }
  #header #ico-sepet { grid-column: 5; grid-row: 2; margin: 0 !important; min-height: 64px; padding: 0 30px !important; display: flex !important; align-items: center; }
  #header #cart-panel-trigger { height: 64px; background: transparent !important; }
  #header .primary-nav-wide { position: absolute !important; top: 98px; left: max(0px, calc((100% - 1170px) / 2)); width: 275px; min-height: 64px; background: transparent !important; z-index: 20; }
  #header .primary-nav-wide > .container { width: 275px; padding: 0 !important; margin: 0 !important; }
  #header .primary-nav-wide .tumkategori-btn { width: 275px; }
}

@media (min-width: 1200px) {
  #header .primary-nav-wide,
  #header .primary-nav-wide > .container,
  #header .primary-nav-wide nav,
  #header .primary-nav-wide #navBar,
  #header .primary-nav-wide .navbar-nav { width: 275px !important; max-width: 275px !important; min-width: 275px !important; overflow: visible !important; }
  #header .primary-nav-wide { top: 106px !important; left: max(0px, calc((100% - 1170px) / 2)) !important; }
}

@media (max-width: 767.98px) {
  .shopify-utility-bar { display: none !important; }
  .primary-nav-wide { display: none !important; }
  #header .u-header__section > .py-2 { background: var(--ref-blue) !important; }
  #header #cart-panel-trigger { background: transparent !important; }
  #header #sidebarHeaderInvokerMenu { display: none !important; }
  .showcase-slider { height: 230px !important; max-height: 230px !important; }
}

/* Product detail: compact two-column product card inspired by the reference page. */
#content #cp_block_kapsul.main_010 { width: 100% !important; max-width: none !important; padding: 0 15px !important; background: #f5f5f5 !important; }
#content #cp_block_kapsul.main_010 > .modul_block_center { width: 100% !important; max-width: none !important; margin: 0 auto !important; padding: 24px 0 40px !important; }
#content #cp_block_0 > .mb-xl-14 { max-width: 100% !important; margin: 0 auto 24px !important; padding: 22px !important; background: #fff !important; border: 1px solid #e1e1e1 !important; }
#content #cp_block_0 > .mb-xl-14 > .row { display: flex !important; align-items: flex-start !important; margin: 0 !important; }
#content #cp_block_0 > .mb-xl-14 > .row > .col-md-5 { flex: 0 0 47% !important; max-width: 47% !important; padding: 0 24px 0 0 !important; }
#content #cp_block_0 > .mb-xl-14 > .row > .col-md-7 { flex: 1 1 53% !important; max-width: 53% !important; padding: 0 0 0 24px !important; }
#content .product-images { width: 100% !important; min-height: 420px !important; border: 1px solid #e1e1e1 !important; background: #fff !important; }
#content .product-images img { max-width: 100% !important; object-fit: contain !important; }
#content .col-md-7 > .mb-2 > .mb-3 { border-bottom: 1px solid #e1e1e1 !important; }
#content .col-md-7 h1 { margin: 0 !important; padding: 0 0 18px !important; color: #111 !important; font-size: 25px !important; font-weight: 500 !important; line-height: 1.25 !important; }
#content .col-md-7 .flex-horizontal-center.flex-wrap.mb-4 { padding: 0 0 16px !important; border-bottom: 1px solid #e1e1e1 !important; }
#content .col-md-7 .flex-horizontal-center.flex-wrap.mb-4 a { color: #7b8794 !important; font-size: 13px !important; }
#content .col-md-7 > .mb-2 > p { margin: 16px 0 !important; color: #64748b !important; font-size: 13px !important; }
#content .flex-sub-container { display: flex !important; flex-wrap: wrap !important; align-items: flex-start !important; margin: 0 !important; padding-top: 4px !important; }
#content .pd-price-new { color: #4356b8 !important; font-size: 25px !important; font-weight: 700 !important; }
#content .pd-price-old { color: #8b949e !important; text-decoration: line-through !important; font-size: 13px !important; }
#content #add-cart-inp { border: 1px solid #d9dee5 !important; border-radius: 24px !important; padding: 8px 14px !important; }
#content #add-cart-btn .btn-add-cart-single { min-height: 44px !important; background: #4356b8 !important; border: 0 !important; border-radius: 0 !important; color: #fff !important; font-weight: 700 !important; }
#content .product__info { margin-top: 18px !important; padding-top: 16px !important; border-top: 1px solid #e1e1e1 !important; }
#content .product__info { display: block !important; }
#content .product__info > .product__info-card,
#content .product__info > .product__share-links { display: block !important; }
#content .product__share-links ul { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; margin: 0 !important; padding: 0 !important; list-style: none !important; }
#content .product__share-links li { margin: 0 !important; padding: 0 !important; }
#content .product__share-links li a { display: inline-flex !important; align-items: center !important; min-height: 32px !important; padding: 6px 11px !important; border: 1px solid #d5dce5 !important; border-radius: 5px !important; color: #344054 !important; background: #f8fafc !important; font-size: 12px !important; font-weight: 600 !important; line-height: 1.2 !important; text-decoration: none !important; }
#content .product__share-links li a:hover { color: #fff !important; background: #4356b8 !important; border-color: #4356b8 !important; }
#content .product__share-links .share-mail a { color: #466b7d !important; background: #e9f1f5 !important; border-color: #c8d9e2 !important; }
#content .product__share-links .share-fb a { color: #fff !important; background: #4267b2 !important; border-color: #4267b2 !important; }
#content .product__share-links .share-tw a { color: #fff !important; background: #111 !important; border-color: #111 !important; }
#content .product__share-links .share-wa a { color: #fff !important; background: #25b85a !important; border-color: #25b85a !important; }
#content #cp_block_0 > .mb-8 { padding: 0 22px 22px !important; background: #fff !important; border: 1px solid #e1e1e1 !important; }
#content #cp_block_0 > .mb-8 .nav-tab { border-top: 3px solid #4356b8 !important; }
#content #cp_block_0 > .mb-8 .nav-tab .nav-link { padding: 15px 18px !important; color: #6b7280 !important; font-size: 12px !important; }
#content #cp_block_0 > .mb-8 .nav-tab .nav-link.active { color: #111 !important; }

@media (max-width: 767.98px) {
  #content #cp_block_kapsul.main_010 { padding: 0 8px !important; }
  #content #cp_block_kapsul.main_010 > .modul_block_center { padding-top: 12px !important; }
  #content #cp_block_0 > .mb-xl-14 { padding: 14px !important; }
  #content #cp_block_0 > .mb-xl-14 > .row { display: block !important; }
  #content #cp_block_0 > .mb-xl-14 > .row > .col-md-5,
  #content #cp_block_0 > .mb-xl-14 > .row > .col-md-7 { max-width: 100% !important; width: 100% !important; padding: 0 !important; }
  #content .product-images { min-height: 300px !important; margin-bottom: 22px !important; }
}

@media (min-width: 768px) and (max-width: 1199.98px) {
  #header .search-header { display: flex !important; flex: 1 1 260px !important; width: auto !important; min-width: 220px !important; max-width: none !important; padding: 0 8px !important; }
  #header .search-header form, #header #autocomplete { width: 100% !important; }
  #header #ico-musterihizmetleri, #header #ico-hesabim, #header #ico-dovizbilgileri { display: none !important; }
  #header #cart-panel-trigger { width: auto !important; min-width: 48px !important; }
}

@media (min-width: 1200px) {
  #header .u-header__section > .py-2 > .container > .row { overflow: visible !important; }
  #header .u-header__section > .py-2 > .container > .row > .col.d-none.d-xl-block { position: relative !important; z-index: 1 !important; }
  #header .search-header { width: 600px !important; max-width: 600px !important; margin-right: 0 !important; padding-left: 0 !important; transform: translateX(-2.5px); }
  #header .primary-nav-wide { pointer-events: auto !important; }
  #header .primary-nav-wide .tumkategori-btn { position: relative; z-index: 2; }
}

/* Keep every major section on the same centered content rail. */
:root { --reference-rail: 1170px; }
#header .u-header__section > .py-2 > .container,
#header .primary-nav-wide > .container,
#content > .container,
#content > .ns-container,
footer .container,
.main-showcase-layout {
  width: calc(100% - 30px) !important;
  max-width: var(--reference-rail) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Match the utility bar's full page boundary. */
#header .u-header__section > .py-2 > .container,
#header .primary-nav-wide > .container,
footer .container,
.main-showcase-layout {
  width: 100% !important;
  max-width: none !important;
}
#header .u-header__section > .py-2 > .container { padding-left: 15px !important; padding-right: 15px !important; }
footer .container, .main-showcase-layout { padding-left: 15px !important; padding-right: 15px !important; }

@media (min-width: 1200px) {
  #header .u-header__section > .py-2 > .container > .row { width: calc(100% + 15px) !important; }
  #header .u-header__section > .py-2 > .container { width: 100% !important; max-width: none !important; }
  #header #ico-musterihizmetleri,
  #header #ico-hesabim { justify-self: end !important; text-align: right !important; }
  #header .primary-nav-wide { left: 15px !important; }
  #header .primary-nav-wide > .container { width: 275px !important; max-width: 275px !important; margin-left: 0 !important; margin-right: 0 !important; }
}

@media (min-width: 1200px) {
  /* Pin the account actions to the same right edge as the cart. */
  #header .u-header__section > .py-2 > .container > .row { position: relative !important; }
  #header #ico-musterihizmetleri { position: absolute !important; top: 20px !important; right: 134px !important; margin: 0 !important; }
  #header #ico-hesabim { position: absolute !important; top: 20px !important; right: 0 !important; margin: 0 !important; }
  #header #cart-panel-trigger { margin-left: auto !important; margin-right: 0 !important; }
}