@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
:root { --palette-primary-accent: oklch(45.35% .18 349.5); --palette-accent-light: oklch(70% .12 349.5); --accent: var(--palette-primary-accent); --palette-secondary-accent: oklch(60% .08 160); --palette-brand-blue-muted: rgb(116, 136, 166); --palette-brand-navy: rgb(2, 41, 55); --palette-blue-prussian: oklch(20% .04 250); --palette-star-rating: var(--accent); --palette-neutral-0: oklch(100% 0 0); --palette-neutral-50: oklch(99% .001 240); --palette-neutral-100: oklch(97% .002 240); --palette-neutral-200: oklch(94% .004 240); --palette-neutral-300: oklch(89% .006 240); --palette-neutral-500: oklch(65% .008 240); --palette-neutral-700: oklch(45% .005 240); --palette-neutral-900: oklch(30% .003 240); --palette-neutral-1000: oklch(0% 0 0); --palette-state-success: oklch(60% .1 140); --palette-state-danger: oklch(50% .15 20); --color-danger: var(--palette-state-danger); --palette-state-warning: oklch(70% .15 70); --palette-state-info: oklch(65% .12 250); --palette-brand-facebook: #3b5999; --palette-brand-twitter: #55acee; --palette-brand-pinterest: #bd081c; --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; --font-heading: "Inter", sans-serif; --font-size-xs: .75rem; --font-size-sm: .875rem; --font-size-base: 1rem; --font-size-md: 1.125rem; --font-size-lg: 1.375rem; --font-size-xl: 1.75rem; --font-size-2xl: 2rem; --color-white: var(--palette-neutral-0); --color-black: var(--palette-neutral-1000); --bg-color: oklch(.98 .004 210); --color-text-default: var(--palette-neutral-900); --color-text-secondary: var(--palette-neutral-700); --color-border-light: oklch(0 0 0 / .1); --color-border-dark: oklch(0 0 0 / .2); --color-background-muted: oklch(0 0 0 / .05); --color-background-soft: oklch(0 0 0 / .1); --card-background-color: oklch(1 0 0 / .7); --color-interaction-hover: oklch(from var(--accent) l c h / .15); --color-interaction-active: var(--accent); --color-interaction-text-hover: var(--accent); --color-interaction-text-active: var(--button-primary-text-color); --color-heading: var(--palette-neutral-900); --color-background-body: var(--bg-color); --space-0-5: .125rem; --space-1: .25rem; --space-1-5: .375rem; --space-2: .5rem; --space-2-5: .625rem; --space-3: .75rem; --space-3-5: .875rem; --space-4: 1rem; --space-5: 1.25rem; --space-6: 1.5rem; --space-7: 1.75rem; --space-8: 2rem; --space-9: 2.25rem; --space-10: 2.5rem; --font-size-xs: clamp(.75rem, .7rem + .25vw, .875rem); --font-size-sm: clamp(.8125rem, .78rem + .15vw, .9375rem); --font-size-base: clamp(.875rem, .84rem + .18vw, 1rem); --font-size-md: clamp(1rem, .95rem + .25vw, 1.125rem); --font-size-lg: clamp(1.125rem, 1.08rem + .35vw, 1.375rem); --font-size-xl: clamp(1.375rem, 1.25rem + .6vw, 1.75rem); --font-size-xxl: clamp(1.75rem, 1.5rem + 1vw, 2.5rem); --line-height-none: 1; --line-height-tight: 1.2; --line-height-snug: 1.3; --line-height-normal: 1.5; --line-height-relaxed: 1.6; --line-height-loose: 1.8; --sidebar-width: 280px; --grid-gap: 20px; --transition-speed: .4s; --transition-timing-function: cubic-bezier(.4, 0, .2, 1); --transition-timing-soft: cubic-bezier(.4, 0, .2, 1); --transition-delay: 0s; --border-radius: 8px; --border-radius-sm: 4px; --border-radius-md: 12px; --border-radius-lg: 16px; --border-radius-xl: 24px; --border-radius-full: 9999px; --shadow-sm: 0 1px 2px 0 rgba(var(--color-black-rgb), .05); --shadow: 0 1px 3px 0 rgba(var(--color-black-rgb), .1), 0 1px 2px 0 rgba(var(--color-black-rgb), .06); --shadow-md: 0 4px 6px -1px rgba(var(--color-black-rgb), .1), 0 2px 4px -1px rgba(var(--color-black-rgb), .06); --shadow-lg: 0 10px 15px -3px rgba(var(--color-black-rgb), .1), 0 4px 6px -2px rgba(var(--color-black-rgb), .05); --shadow-xl: 0 20px 25px -5px rgba(var(--color-black-rgb), .1), 0 10px 10px -5px rgba(var(--color-black-rgb), .04); --homepage-kano-container-shadow: 0 10px 30px rgba(var(--color-black-rgb), .1); --homepage-kano-content-text-color: var(--palette-neutral-0); --homepage-kano-button-background: var(--accent); --homepage-kano-button-text-color: var(--palette-neutral-0); --homepage-kano-button-hover-background: var(--color-accent-darker); --homepage-kano-nav-label-color: var(--palette-neutral-0); --homepage-kano-nav-label-background: var(--palette-neutral-1000); --homepage-category-card-background: var(--card-background-color); --homepage-category-card-shadow: var(--shadow); --homepage-category-card-hover-shadow: 0 8px 20px rgba(0, 0, 0, .4); --homepage-shop-all-button-background: var(--color-black); --homepage-shop-all-button-text-color: var(--color-white); --homepage-shop-all-button-hover-shadow: 0 4px 15px rgba(0, 0, 0, .2); --homepage-brand-item-hover-background: var(--color-background-muted); --homepage-brand-item-hover-border-color: var(--color-border-light); --homepage-brand-slider-card-background: var(--color-white); --homepage-kano-nav-label-checked-background: var(--accent-light); --homepage-kano-nav-label-checked-color: var(--palette-neutral-0); --homepage-kano-nav-label-checked-border-color: var(--accent-light); --form-input-background: var(--color-white); --form-input-text-color: var(--color-text-default); --form-input-border-color: var(--color-border-light); --form-input-focus-border-color: var(--accent); --form-input-focus-shadow: 0 0 0 3px rgba(var(--accent-rgb), .25); --header-background: oklch(1 0 0 / .8); --header-text-color: var(--color-black); --header-top-bar-background: var(--color-background-muted); --header-badge-background: var(--accent); --header-badge-text-color: var(--color-white); --footer-background: var(--color-white); --footer-text-color: var(--color-black); --footer-link-color: var(--color-black); --footer-link-hover-decoration: underline; --nav-background: var(--color-white); --nav-border-color: var(--color-border-light); --nav-link-color: var(--color-black); --nav-link-hover-accent-color: var(--accent); --nav-flyout-background: oklch(1 0 0 / .9); --nav-flyout-text-color: var(--color-text-default); --nav-flyout-link-strong-color: var(--color-text-default); --mobile-menu-background: oklch(1 0 0 / .95); --mobile-menu-header-background: var(--accent); --mobile-menu-header-text-color: var(--color-white); --mobile-menu-border-color: var(--color-background-muted); --mobile-menu-link-color: var(--color-text-default); --search-background: oklch(1 0 0 / .8); --search-border-color: var(--color-border-light); --search-text-color: var(--color-text-default); --search-button-color: var(--color-black); --cart-popup-background: oklch(1 0 0 / .9); --cart-popup-border-color: var(--color-border-light); --cart-popup-shadow: var(--shadow-lg); --cart-popup-text-color: var(--color-text-default); --cart-popup-text-strong-color: var(--color-black); --cart-popup-separator-color: var(--color-background-muted); --slider-nav-background: rgba(var(--color-black-rgb), .5); --slider-nav-color: var(--color-white); --slider-nav-hover-background: var(--accent); --slider-nav-hover-color: var(--color-white); --slider-paging-dot-background: var(--color-white); --slider-paging-dot-active-background: var(--accent); --slider-arrow-color: var(--color-white); --slider-arrow-hover-color: var(--accent); --slider-scrollbar-thumb-background: var(--accent); --tooltip-background: var(--accent); --tooltip-text-color: var(--color-black); --tooltip-arrow-color: var(--accent); --tab-active-background-image: radial-gradient( circle farthest-corner at 10% 20%, rgba(var(--palette-murrey-rgb), 1) 0%, rgba(var(--color-black-rgb), 1) 90% ); --button-primary-text-color: var(--color-white); --product-card-outofstock-background: oklch(1 0 0 / .8); --product-card-outofstock-text-color: var(--color-black); --color-validation-bg: var(--color-danger); }
html { box-sizing: border-box; }
*, *:before, *:after { box-sizing: inherit; margin: 0; padding: 0; }
[hidden] { display: none !important; }
[role=button] { cursor: pointer; }
[type=checkbox], [type=radio] { -webkit-box-sizing: border-sizing; box-sizing: border-box; padding: 0; }
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; }
input[type=search] { -webkit-appearance: textfield; appearance: textfield; outline-offset: -2px; }
::-webkit-file-upload-button { -webkit-appearance: button; appearance: button; font: inherit; }
template { display: none; }
html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent; }
#sk-brand-slider-container::-webkit-scrollbar { display: none; }
body { font-family: var(--font-body); font-size: var(--font-size-base); line-height: var(--line-height-normal); color: var(--color-text-default); margin: 0; padding: 0; background-color: var(--bg-color); }
button, input { overflow: visible; }
button, select { text-transform: none; }
button, html [type=button], [type=reset], [type=submit] { -webkit-appearance: button; appearance: button; }
textarea { overflow: auto; resize: vertical; }
p { margin-top: 0; /*max-width: 75ch;*/ }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height: auto; margin: 0; }
input[type=radio]:disabled, input[type=checkbox]:disabled { cursor: not-allowed; }
input[type=date], input[type=time], input[type=datetime-local], input[type=month] { -webkit-appearance: listbox; appearance: listbox; }
label { display: inline-block; margin-bottom: 0; }
input, button, select, textarea { line-height: inherit; }
img { display: block; border: none; max-width: 100%; }
ol, ul { list-style: none; padding-inline-start: 0; margin-block-start: 0; margin-block-end: 0; margin-inline-start: 0; margin-inline-end: 0; }
i { font-style: normal; }
a, area, button, [role=button], input, label, select, summary, textarea { -ms-touch-action: manipulation; touch-action: manipulation; }
a { text-decoration: none; color: var(--color-text-secondary); transition: color var(--transition-speed) var(--transition-timing-soft), text-decoration var(--transition-speed) var(--transition-timing-soft); }
a:active, a:hover { outline-width: 0; }
a:hover { color: var(--accent); text-decoration: none; }
h1, h2, h3, h4, h5, h6 { margin: 0; margin-bottom: var(--space-4); padding: 0; font-family: var(--font-heading); font-weight: 600; line-height: var(--line-height-tight); }
h1 { font-size: var(--font-size-xl); }
h2 { font-size: var(--font-size-lg); }
h3 { font-size: var(--font-size-md); }
h4 { font-size: var(--font-size-base); font-weight: 700; }
h5 { font-size: var(--font-size-sm); font-weight: 700; }
h6 { font-size: var(--font-size-xs); text-transform: uppercase; letter-spacing: .05em; }
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 50px var(--card-background-color) inset !important; -webkit-text-fill-color: var(--color-text-default) !important; }
input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 50px var(--card-background-color) inset !important; -webkit-text-fill-color: var(--color-text-default) !important; }
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 600s ease-in-out 0s; }
.ticiContainer { max-width: 1440px; margin: 0 auto; position: relative; display: block; }
.search, .headerContent, body ul.breadcrumb, .navigation>div, .userLoginContent, .hesabimContent, .sepetimBody .headerContent, .sliderBannerContainer .ProductList, .detaySliderContainer .ProductList, .homeContainer .ProductListContent .ProductList, .markaSlider .jCarouselLite { max-width: 1440px; margin-left: auto; margin-right: auto; }
.l-sidebar-main { gap: var(--grid-gap); }
.l-sidebar-main__sidebar { flex-shrink: 0; width: var(--sidebar-width); }
.l-sidebar-main__content { flex-grow: 1 !important; min-width: 0 !important; width: auto !important; }
.content-wrapper { width: 100%; max-width: 1440px; margin-left: auto; margin-right: auto; }
.sk-container { max-width: 1440px; margin: 0 auto; }
#footer { width: 100%; position: relative; background-color: var(--footer-background); color: var(--footer-text-color); }
#footer .ticiContainer { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: var(--space-6); }
.FooterTop { text-align: center; padding: var(--space-6) 0; }
.socialStore { display: flex; justify-content: center; align-items: center; gap: var(--space-7); flex-wrap: wrap; }
.socialStore .socialDiv, .socialStore .store { display: flex; align-items: center; gap: var(--space-4); }
.socialStore span { color: var(--header-text-color); font-size: var(--font-size-sm); font-weight: 600; }
.socialStore ul { display: flex; gap: var(--space-4); }
.socialStore a { color: var(--header-text-color); font-size: var(--font-size-md); }
.FooterMiddle .ticiContainer { padding: var(--space-7) 0; }
.blink > ul { display: flex; justify-content: space-between; gap: var(--grid-gap); flex-wrap: wrap; }
.blink > ul > li { flex: 1 1 180px; }
.blink > ul > li > span { display: block; font-family: var(--font-heading); font-size: var(--font-size-base); font-weight: 600; margin-bottom: var(--space-4); color: var(--footer-text-color); }
.blink > ul > li a { display: block; font-size: var(--font-size-sm); color: var(--footer-link-color); margin-bottom: var(--space-3); opacity: .8; transition: opacity var(--transition-speed) var(--transition-timing-soft); }
.blink > ul > li a:hover { opacity: 1; text-decoration: var(--footer-link-hover-decoration); }
.copy { color: var(--footer-text-color); opacity: .7; font-size: var(--font-size-sm); margin: 0; }
.productItem.c-productCard { position: relative; display: flex; flex-direction: column; height: 100%; background-color: var(--card-background-color) !important; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid !important; border-radius: 1.5rem; text-align: center; transition: transform var(--transition-speed) var(--transition-timing-soft), box-shadow var(--transition-speed) var(--transition-timing-soft); overflow: hidden; padding: 0 !important; box-shadow: var(--shadow-sm) !important; margin-bottom: 0 !important; border-color: var(--color-border-light) !important; }
[data-theme=dark] .productItem.c-productCard { border: 1px solid oklch(1 0 0 / .1) !important; box-shadow: none !important; }
.productItem.c-productCard:hover { transform: translateY(-4px); box-shadow: var(--shadow-md) !important; z-index: 10; }
[data-theme=dark] .productItem.c-productCard:hover { border-color: #ffffff4d !important; }
.c-productCard__brand-logo, .productMarkaLogo { display: none !important; }
.c-productCard__image-wrapper { position: relative; overflow: hidden; aspect-ratio: 1 / 1; margin-bottom: var(--space-3); display: flex; align-items: center; justify-content: center; z-index: 1; background: linear-gradient(180deg, #f2f2f2, #fcfcfc); box-shadow: inset 0 0 0 1px #00000008; }
.c-productCard__image { width: 100% !important; height: 100% !important; object-fit: contain !important; border-radius: var(--border-radius) var(--border-radius) 0 0; transition: transform var(--transition-speed) var(--transition-timing-soft) !important; }
.c-productCard__brand-badge { position: absolute !important; top: var(--space-4) !important; left: var(--space-4) !important; z-index: 10 !important; height: 24px !important; width: auto !important; pointer-events: none; }
.c-productCard__brand-badge--large { height: 28px !important; }
.c-productCard__brand-badge--small { height: 18px !important; }
.c-productCard__brand-badge--xsmall { height: 14px !important; }
.c-productCard__brand-badge--xxsmall { height: 10px !important; }
.c-productCard__brand-badge img { height: 100% !important; width: auto !important; display: block !important; filter: drop-shadow(0 2px 4px rgba(0, 0, 0, .1)); }
.discountIcon.tip { position: absolute !important; inset: auto 5px 5px auto !important; background-color: var(--accent) !important; color: var(--button-primary-text-color) !important; font-family: var(--font-heading) !important; font-weight: 700 !important; font-size: 11px !important; padding: 0 !important; border-radius: var(--border-radius-sm) !important; z-index: 5 !important; box-shadow: 0 2px 4px #0000001a !important; line-height: 1 !important; display: flex !important; align-items: center; justify-content: center; width: 38px !important; height: 22px !important; }
.discountIcon.tip .discountIcon_s1 { display: inline-block !important; color: inherit !important; font-size: inherit !important; line-height: 1 !important; }
.discountIcon.tip .discountIcon_s2, .discountIcon.tip .discountIconDetail { display: none !important; }
.c-productCard__badge { padding: 4px 8px; font-size: 10px; font-weight: 700; text-transform: uppercase; color: var(--button-primary-text-color); background-color: var(--accent); border-radius: var(--border-radius-sm); letter-spacing: .05em; }
.c-productCard__badge--discount { background-color: var(--color-danger); color: var(--palette-neutral-0); }
.favori a, .c-productCard__favorite-button { position: absolute; top: 8px; right: 8px; z-index: 20; width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; border-radius: 50%; font-size: 0 !important; text-decoration: none; transition: all var(--transition-speed) var(--transition-timing-soft); box-shadow: none !important; background-color: #fffc; backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); }
.favori a:before, .c-productCard__favorite-button:before { content: "\f004"; font-family: FontAwesome; font-size: 14px; color: var(--color-text-secondary); transition: all var(--transition-speed) var(--transition-timing-soft); line-height: 1; }
.favori a:hover, .c-productCard__favorite-button:hover { background-color: var(--color-interaction-hover); border-color: var(--accent); }
.favori a:hover:before, .c-productCard__favorite-button:hover:before { color: var(--color-interaction-text-hover); }
.favori a.active, .favori a.listfavoriAktif, .c-productCard__favorite-button.is-active, .favori a[onclick*=Delete], .favori a[data-action="0"] { background-color: var(--color-interaction-active) !important; border-color: var(--color-interaction-active) !important; }
.favori a.active:before, .favori a.listfavoriAktif:before, .c-productCard__favorite-button.is-active:before, .favori a[onclick*=Delete]:before, .favori a[data-action="0"]:before { color: var(--color-interaction-text-active) !important; }
.c-productCard__details { display: flex; flex-direction: column; flex-grow: 1; padding: var(--space-4) var(--space-4) var(--space-5) !important; }
.c-productCard__title { font-family: var(--font-heading); font-size: var(--font-size-md); font-weight: 700; color: var(--color-heading); line-height: var(--line-height-tight); margin: 0 0 var(--space-2) 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; text-align: center !important; }
.c-productCard__description { font-size: var(--font-size-xs); color: var(--color-text-secondary); line-height: var(--line-height-normal); margin-bottom: var(--space-3); display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.c-productCard__rating { display: flex; justify-content: center; gap: 2px; margin-bottom: var(--space-2); color: var(--color-text-strong); font-size: var(--font-size-sm); }
.c-productCard__price { margin-top: auto; display: flex; flex-wrap: wrap; align-items: baseline; justify-content: center; gap: var(--space-2); margin-bottom: var(--space-2) !important; }
.c-productCard .c-productCard__price--current { font-size: var(--font-size-lg); font-weight: 700; color: var(--color-text-secondary); order: 2; }
.c-productCard .c-productCard__price--original { font-size: var(--font-size-sm); color: var(--color-text-secondary); text-decoration: line-through; order: 1; opacity: .5; }
.c-productCard--out-of-stock .c-productCard__image { filter: grayscale(1); opacity: .5; }
.TukendiIco { position: absolute; top: 0; left: 0; right: 0; height: calc(100% - 90px); z-index: 5; background: transparent; overflow: hidden; }
.TukendiIco span { line-height: 40px; background: var(--accent); position: absolute; left: 0; right: 0; bottom: 50%; color: var(--product-card-outofstock-text-color); font-size: var(--font-size-sm); text-transform: uppercase; margin: 0 auto; text-align: center; opacity: 0.9; }
.productItem.StokYok .cargoIcon, .productItem.StokYok .firsatIcon, .productItem.StokYok .newIcon { display: none; }
.buyfast, #linkOncekiSayfa { display: none !important; }
#divBasketInputTextBox > p { display: none !important; }
#divEtiketler { display: flex !important; flex-wrap: wrap; justify-content: center; gap: var(--space-2); margin-top: var(--space-4); padding-top: var(--space-4); border-top: 1px solid var(--color-border-light); width: 100%; }
#divEtiketler .productModuleTitle { width: 100%; font-family: var(--font-heading); font-weight: 600; color: var(--color-heading); font-size: var(--font-size-sm); margin-bottom: var(--space-3); text-align: center; }
#divEtiketler a { display: inline-flex !important; align-items: center; padding: var(--space-1) var(--space-3) !important; background-color: var(--color-background-soft); border-radius: var(--border-radius-full); color: var(--color-text-default) !important; font-size: var(--font-size-xs) !important; text-decoration: none !important; transition: all var(--transition-speed) var(--transition-timing-soft); }
#divEtiketler a:hover { background-color: var(--accent); color: var(--button-primary-text-color) !important; }
#divEtiketler .etiket_virgul { display: none !important; }
.divVideoPlayButton { position: absolute; top: 0; left: 0; right: 0; height: calc(100% - 90px); z-index: 2; }
.divVideoPlayButton a.urunListeVideoPlay { position: absolute; inset: 0; margin: auto; color: var(--product-card-overlay-text-color); display: flex; align-items: center; justify-content: center; }
.divVideoPlayButton i { font-family: FontAwesome; font-weight: 300; font-size: var(--font-size-xl); text-shadow: 0 0 4px var(--color-text-secondary); }
.divVideoPlayButton i.fa-play-circle-o:before { content: "\f01d"; }
.divVideoPlayButton i.fa-pause-circle-o:before { content: "\f28b"; }
.product-description iframe,.urunDetayPanel iframe,iframe[src*=youtube],iframe[src*=vimeo] { width: 100%; aspect-ratio: 16 / 9; }
.c-button { -webkit-appearance: none; appearance: none; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; text-align: center; text-decoration: none; font-family: var(--font-heading); font-size: var(--font-size-base); font-weight: 600; text-transform: uppercase; letter-spacing: .05em; line-height: 1; padding: var(--space-3) var(--space-6); border: 1px solid transparent; border-radius: var(--border-radius); transition: background-color var(--transition-speed) var(--transition-timing-soft), color var(--transition-speed) var(--transition-timing-soft), border-color var(--transition-speed) var(--transition-timing-soft), transform var(--transition-speed) var(--transition-timing-soft), box-shadow var(--transition-speed) var(--transition-timing-soft); }
.c-button:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.c-button--primary { background-color: var(--accent); border-color: var(--accent); color: var(--button-primary-text-color) !important; }
.c-button--full-width { display: flex; width: 100%; }
#txtbxurunSiparisAdedi { -webkit-appearance: none; appearance: none; display: block; width: 100% !important; padding: 0 var(--space-2) !important; font-family: var(--font-body) !important; font-size: var(--font-size-xs) !important; line-height: 1 !important; color: var(--color-text-default) !important; background-color: var(--card-background-color) !important; border: 1px solid var(--color-border-light) !important; border-radius: var(--border-radius) !important; transition: border-color var(--transition-speed) var(--transition-timing-soft), box-shadow var(--transition-speed) var(--transition-timing-soft); height: 20px !important; }
.c-formInput:focus-visible, .c-formTextarea:focus-visible, .c-formSelect:focus-visible { outline: none !important; border-color: var(--accent); box-shadow: 0 0 0 3px oklch(from var(--accent) l c h / .25); }
.c-formTextarea { height: auto !important; min-height: 120px; resize: vertical; color: var(--color-text-default) !important; }
.c-formSelect { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23333333' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important; background-repeat: no-repeat !important; background-position: right var(--space-4) center !important; background-size: 1em !important; padding-right: var(--space-10) !important; }
.c-formCheckbox-wrapper { display: inline-flex; align-items: center; gap: var(--space-2); cursor: pointer; color: var(--color-text-default); }
.c-formCheckbox-wrapper input[type=checkbox] { position: absolute; opacity: 0; width: 0; height: 0; }
.c-formCheckbox-indicator { display: inline-block; width: 20px; height: 20px; border: 2px solid var(--color-border-light); border-radius: var(--border-radius-sm); background-color: var(--card-background-color); transition: all var(--transition-speed) var(--transition-timing-soft); }
.c-formCheckbox-wrapper input[type=checkbox]:checked + .c-formCheckbox-indicator { background-color: var(--accent); border-color: var(--accent); background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e"); background-size: 100% 100%; }
.c-formCheckbox-wrapper:hover .c-formCheckbox-indicator { border-color: var(--accent); }
.c-formCheckbox-wrapper input:focus-visible + .c-formCheckbox-indicator { outline: 2px solid var(--accent); outline-offset: 2px; }
.c-formLabel { display: block; font-size: var(--font-size-sm); font-weight: 500; color: var(--color-heading); margin-bottom: var(--space-2); }
.riSingle { display: flex !important; align-items: stretch !important; border: 1px solid var(--color-border-light); border-radius: var(--border-radius); overflow: hidden; width: auto !important; max-width: 140px; background-color: var(--card-background-color); height: 44px !important; }
.riSingle .riDown, .riSingle .riUp { display: flex !important; align-items: center !important; justify-content: center !important; width: 40px !important; height: auto !important; background-color: var(--color-background-light) !important; color: var(--color-text-default) !important; font-size: 0 !important; cursor: pointer; transition: background-color var(--transition-speed) ease; text-decoration: none !important; border: none !important; float: none !important; padding: 0 !important; margin: 0 !important; text-indent: 0 !important; overflow: visible !important; }
.riSingle .riDown:hover, .riSingle .riUp:hover { background-color: var(--color-background-muted) !important; color: var(--accent) !important; }
.riSingle .riDown:before, .riSingle .riUp:before { display: inline-block; font-family: FontAwesome; font-size: 14px; line-height: 1; font-weight: 400; color: inherit; text-indent: 0; visibility: visible; }
.riSingle .riDown:before { content: "\f068"; }
.riSingle .riUp:before { content: "\f067"; }
.riSingle input#txtbxurunSiparisAdedi { flex: 1 !important; height: 100% !important; border: none !important; border-left: 1px solid var(--color-border-light) !important; border-right: 1px solid var(--color-border-light) !important; border-radius: 0 !important; text-align: center !important; font-family: var(--font-heading) !important; font-weight: 600 !important; font-size: var(--font-size-base) !important; margin: 0 !important; padding: 0 !important; background-color: var(--card-background-color) !important; color: var(--color-text-default) !important; -moz-appearance: textfield; appearance: textfield; box-shadow: none !important; }
.riSingle input#txtbxurunSiparisAdedi::-webkit-outer-spin-button, .riSingle input#txtbxurunSiparisAdedi::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.riSingle .riDown { order: 1; }
.riSingle input#txtbxurunSiparisAdedi { order: 2; }
.riSingle .riUp { order: 3; border-right: none !important; }
.c-formCheckbox-wrapper input:focus-visible+.c-formCheckbox-indicator { outline: 2px solid var(--accent); outline-offset: 2px; }
.c-formCheckbox-wrapper input[type=checkbox]:checked+.c-formCheckbox-indicator { background-color: var(--accent); border-color: var(--accent); background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e"); background-size: 100% 100%; }
.breadcrumb { display: flex !important; flex-wrap: wrap !important; align-items: center !important; text-transform: capitalize !important; font-size: var(--font-size-xs) !important; font-weight: 500 !important; padding: var(--space-4) 0 !important; float: none !important; margin: 0 !important; gap: var(--space-2); }
.breadcrumb li { display: flex; align-items: center; font-size: 0 !important; }
.breadcrumb li a { display: inline-flex; align-items: center; justify-content: center; color: var(--color-text-secondary); font-size: var(--font-size-xs) !important; background-color: var(--color-background-soft); padding: var(--space-1) var(--space-3); border-radius: var(--border-radius-full); transition: all var(--transition-speed) var(--transition-timing-soft); text-decoration: none; line-height: 1.2; }
.breadcrumb li a:hover { background-color: var(--color-interaction-hover); color: var(--color-interaction-text-hover); transform: translateY(-1px); }
.breadcrumb li.active a, .breadcrumb li:last-child a { background-color: var(--color-interaction-active); color: var(--color-interaction-text-active); }
.breadcrumb li:after { content: none !important; display: none !important; }
.breadcrumb li > span { display: none !important; }
.breadcrumb li:first-child { display: flex !important; }
.categoryTitleText ul li:first-child a span, .breadcrumb li:first-child a span { display: none !important; }
.breadcrumb li:first-child a { width: auto !important; height: auto !important; }
.breadcrumb li:first-child a:before { content: "\f015"; font-family: FontAwesome; font-size: var(--font-size-base) !important; line-height: 1; }
.breadcrumb li:last-child a { color: var(--color-text-default); font-weight: 600; cursor: default; background-color: transparent; border: 1px solid var(--color-border-light); }
.breadcrumb li:last-child a:hover { background-color: transparent; color: var(--color-text-default); }
.searchContent { display: flex; align-items: center; width: 0; opacity: 0; overflow: hidden; transition: width var(--transition-speed) var(--transition-timing-soft), opacity calc(var(--transition-speed) / 2) var(--transition-timing-soft); background-color: var(--search-background); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-radius: var(--border-radius); }
.searchContent.active { width: 350px; opacity: 1; border: 1px solid var(--search-border-color); }
#txtbxArama { width: 100%; height: 40px; border: none; background: transparent; padding: 0 var(--space-4); font-size: var(--font-size-base); color: var(--search-text-color); }
#txtbxArama:focus { outline: none; }
#btnKelimeAra { width: 55px; line-height: 40px; font-size: var(--font-size-base); color: var(--search-button-color); background: transparent; border: none; cursor: pointer; padding: 0; }
.search { display: block; margin: 0 auto; }
.searchContent ul { padding: 15px !important; text-align: left; max-height: 400px; overflow-y: auto; overflow-x: hidden; display: flex; flex-direction: column; }
.searchContent ul li { width: 100%; }
.searchContent ul li a { line-height: 30px; font-size: var(--font-size-sm); color: var(--search-text-color); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; }
.arabtn { color: var(--header-text-color); font-size: var(--font-size-md); cursor: pointer; display: flex; align-items: center; }
.mycart > a { display: block; color: var(--header-text-color); position: relative; }
.mycart > a:before { content: "\f07a"; font-family: FontAwesome; font-weight: 300; font-size: var(--font-size-lg); line-height: 1; }
.mycart .sepetUrunSayisi { display: block; position: absolute; top: -5px; right: -10px; width: 18px; height: 18px; line-height: 18px; text-align: center; border-radius: 50%; background: var(--header-badge-background); color: var(--header-badge-text-color); font-size: var(--font-size-xs); font-weight: 500; }
.CartProduct { display: block !important; width: 300px; background: var(--cart-popup-background); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid var(--cart-popup-border-color); padding: var(--space-4); position: absolute; top: 120%; right: -1px; z-index: 99999; box-shadow: var(--cart-popup-shadow); transform: translateY(30px); opacity: 0; visibility: hidden; transition: transform var(--transition-speed) var(--transition-timing-soft), opacity var(--transition-speed) var(--transition-timing-soft); }
.mycart:hover .CartProduct { visibility: visible; opacity: 1; transform: translateY(0); }
.CartProduct:after { content: ""; position: absolute; top: -10px; right: 10px; width: 0; height: 0; border-left: 7.5px solid transparent; border-right: 7.5px solid transparent; border-bottom: 10px solid var(--cart-popup-border-color); }
.SProduct { max-height: 300px; overflow-y: auto; margin-bottom: var(--space-3); }
.SProduct li { position: relative; padding-bottom: var(--space-3); margin-bottom: var(--space-3); border-bottom: 1px solid var(--cart-popup-separator-color); }
.SProduct li a { color: var(--cart-popup-text-color); }
.SPrice { display: none; text-align: right; margin-bottom: var(--space-3); }
.CartProduct.more .SPrice { display: block; }
.SPrice * { color: var(--cart-popup-text-strong-color); font-size: var(--font-size-sm); font-weight: 700; }
.headerCartBtn { display: none !important; width: calc(50% - var(--space-2)); margin: 0; padding: var(--space-2); border: 1px solid var(--cart-popup-border-color); background: transparent; color: var(--cart-popup-text-color); text-align: center; border-radius: var(--border-radius); font-size: var(--font-size-sm); cursor: pointer; }
.CartProduct.more .headerCartBtn { display: inline-block !important; }
.headerCartBtn:hover { background: var(--accent); border-color: var(--accent); color: var(--color-white); }
.divustSepetteUrunYok { padding: var(--space-6) 0; text-align: center; }
a#ucSepetim_btnSepetiTemizle { margin-top: 28px; display: inline-block; }
.mycart .sepetTecxt, .mycart .sepetUrun { display: none; }
.sepetTopTutar { display: none !important; }
.CartProduct .SPrice * { color: var(--color-black); font-size: var(--font-size-sm); line-height: 30px; font-weight: 700; }
.CartProduct .SPrice .sepetToplamTutar { color: var(--color-black); margin-left: 5px; }
.CartProduct .SProduct li { display: flex; align-items: center; padding: 0 0 15px; margin-bottom: 10px; border-bottom: 1px solid var(--color-border-light); position: relative; }
.CartProduct .SProduct li a { display: flex; flex-grow: 1; }
.CartProduct .SProduct .sepetTopFiyat { white-space: nowrap; color: var(--color-black); font-weight: 600; line-height: 70px; margin-left: auto; }
.CartProduct .SProduct .SepetTopSil { display: inline-block; position: absolute; right: 0; top: 0; }
.Basketstep ul li:before { border: 1px solid var(--accent); }
.BasketPage a.YeniAdresEkle:hover, .OdemeMenu ul li:hover, .BasketPage .OdemeMenu ul li:hover > a { border-color: var(--accent) !important; }
.BasketPage .OdemeMenu ul li.activeMenu > a, .SepetUst { background: var(--accent); color: var(--button-primary-text-color) !important; }
.OdemeMenu ul li.activeMenu { border-color: var(--accent); }
.sepetTitle .st_1, .sepetTitle2 .st_1, .BasketRigth ul li.genelToplam .tut, .sepetTitle2 .st_1:before, .sepetTitle .st_1:before, .TeslimatAdresTittle, .Basketstep ul li.gecti span, body #divToplamOdeme, a.YeniAdresEkle, .Basketstep ul li.onestepsec span, .Basketstep ul li.pasif i, .BasketPage .Basketstep ul li.pasif i, .BasketPage .cargoInformation div.cargoName span, .BasketPage .faturaAdresBtn.active, .adresAyniBtn.active, .BasketPage .sepetItemB4, .BasketPage .AdresItemAlt.AdresItemSelected .AdresItemAltLeft label span.check, body .siparisUrunUyariSecenek .siparisUrunDurumBaslik { color: var(--accent); }
.BasketPage .OdemeMenu ul li:hover > a, .BasketPage .alisverisedevamet:hover, .BasketPage #hed div.hediCekForm a:hover, .BasketPage a.YeniAdresEkle:hover { background: var(--accent); color: var(--button-primary-text-color) !important; }
.BasketPage .AdresItemAlt a:hover, .BasketPage .sepetiTemizle:hover, .BasketPage .sepet-sil:hover:before, .BasketPage .sepetTitle2 a:hover, .BasketPage .faturaAdresBtn:hover, .adresAyniBtn:hover { color: var(--accent); }
.BasketDetail table tbody tr td a { display: inherit; }
.BasketDetail table tbody tr td:last-child a { display: block; }
.sepetiTemizle { line-height: 43px; padding: 0 10px; }
body .alisverisedevamet { background: var(--card-background-color); color: var(--color-text-default); }
body .adresGir .kirmiziButon { background: var(--color-danger) !important; border-color: var(--color-danger) !important; color: var(--palette-neutral-0) !important; }
body .adresGir .yesilButon { background: var(--palette-state-success) !important; border-color: var(--palette-state-success) !important; color: var(--palette-neutral-0) !important; }
.BasketPage a.YeniAdresEkle:hover { color: var(--button-primary-text-color) !important; }
body .adresGir .kirmiziButon:hover { background: var(--color-danger) !important; opacity: .9; }
body .adresGir .yesilButon:hover { background: var(--palette-state-success) !important; opacity: .9; }
.siparisOzetTakip { color: var(--palette-neutral-0); }
.popupSepet { width: 99%; }
.popupSepet #hed div { width: 94%; }
.BasketPage .OdemeMenu ul li:hover>a { border-color: var(--accent)!important; }
.mycart>a { display: block; color: var(--header-text-color); position: relative; }
.ProductListprev, .ProductListnext { width: 36px; height: 36px; background: #fff9 !important; backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); border-radius: 50%; font-size: 0; border: 1px solid var(--color-border-light); cursor: pointer; pointer-events: all; transition: all var(--transition-speed) var(--transition-timing-soft); color: var(--color-text-default); display: flex !important; align-items: center !important; justify-content: center !important; position: absolute !important; top: 50% !important; transform: translateY(-50%) !important; z-index: 20 !important; box-shadow: var(--shadow-sm); }
.ProductListprev { left: 10px !important; }
.ProductListnext { right: 10px !important; }
.ProductListprev:hover, .ProductListnext:hover { background: var(--accent) !important; color: var(--button-primary-text-color) !important; border-color: var(--accent) !important; }
.ProductListprev:before, .ProductListnext:before { font-family: FontAwesome; font-size: var(--font-size-base); line-height: 1 !important; }
.ProductListprev:before { content: "\f104"; }
.ProductListnext:before { content: "\f105"; }
.owl-carousel .owl-dots { display: none; }
#pnlSlider { position: relative; width: 100%; }
#pnlSlider .slides img { width: 100%; display: block; }
#pnlSlider .flex-control-nav { position: absolute; bottom: var(--space-5); left: 0; right: 0; text-align: center; }
#pnlSlider .flex-control-paging li { display: inline-block; margin: 0 4px; }
#pnlSlider .flex-control-paging li a { display: block; width: 11px; height: 11px; background: #0003; border-radius: 50%; box-shadow: none; text-indent: -9999px; transition: background-color var(--transition-speed) var(--transition-timing-soft); }
#pnlSlider .flex-control-paging li a.flex-active { background: var(--accent) !important; }
#pnlSlider .flex-direction-nav { position: absolute; top: 50%; left: var(--space-5); right: var(--space-5); transform: translateY(-50%); display: flex; justify-content: space-between; pointer-events: none; }
#pnlSlider .flex-direction-nav a { color: var(--slider-arrow-color); font-size: var(--font-size-xl); text-shadow: 0 1px 3px rgba(var(--color-black-rgb), .2); pointer-events: all; transition: color var(--transition-speed) ease; }
#pnlSlider .flex-direction-nav a:hover { color: var(--slider-arrow-hover-color); }
#pnlSlider .flex-direction-nav a.flex-prev:before { content: "\f104"; font-family: FontAwesome; }
#pnlSlider .flex-direction-nav a.flex-next:before { content: "\f105"; font-family: FontAwesome; }
.markaSlider { width: 100%; }
.markaSlider ul { display: flex; align-items: center; }
.markaSlider ul li { text-align: center; }
.markaSlider ul li a { display: flex; align-items: center; justify-content: center; height: 80px; padding: var(--space-3); }
.markaSlider ul li a img { max-width: 100%; max-height: 100%; object-fit: contain; }
.SmallImages::-webkit-scrollbar, #IlgiliUrunDiv ul::-webkit-scrollbar { height: 8px; }
.SmallImages::-webkit-scrollbar-track, #IlgiliUrunDiv ul::-webkit-scrollbar-track { background-color: var(--color-background-muted); border-radius: 10px; }
.SmallImages::-webkit-scrollbar-thumb, #IlgiliUrunDiv ul::-webkit-scrollbar-thumb { background-color: var(--slider-scrollbar-thumb-background); border-radius: 10px; }
section[id^=sliderblok_] { transition: background .8s ease-in-out !important; }
#sliderblok_0 { background: linear-gradient(180deg,#BBE2F0 25%,rgba(187,226,240,0.9736842105) 26.9736842105%,rgba(187,226,240,0.9473684211) 28.9473684211%,rgba(187,226,240,0.9210526316) 30.9210526316%,rgba(187,226,240,0.8947368421) 32.8947368421%,rgba(187,226,240,0.8684210526) 34.8684210526%,rgba(187,226,240,0.8421052632) 36.8421052632%,rgba(187,226,240,0.8157894737) 38.8157894737%,rgba(187,226,240,0.7894736842) 40.7894736842%,rgba(187,226,240,0.7631578947) 42.7631578947%,rgba(187,226,240,0.7368421053) 44.7368421053%,rgba(187,226,240,0.7105263158) 46.7105263158%,rgba(187,226,240,0.6842105263) 48.6842105263%,rgba(187,226,240,0.6578947368) 50.6578947368%,rgba(187,226,240,0.6315789474) 52.6315789474%,rgba(187,226,240,0.6052631579) 54.6052631579%,rgba(187,226,240,0.5789473684) 56.5789473684%,rgba(187,226,240,0.5526315789) 58.5526315789%,rgba(187,226,240,0.5263157895) 60.5263157895%,rgba(187,226,240,0.5) 62.5%,rgba(187,226,240,0.4736842105) 64.4736842105%,rgba(187,226,240,0.4473684211) 66.4473684211%,rgba(187,226,240,0.4210526316) 68.4210526316%,rgba(187,226,240,0.3947368421) 70.3947368421%,rgba(187,226,240,0.3684210526) 72.3684210526%,rgba(187,226,240,0.3421052632) 74.3421052632%,rgba(187,226,240,0.3157894737) 76.3157894737%,rgba(187,226,240,0.2894736842) 78.2894736842%,rgba(187,226,240,0.2631578947) 80.2631578947%,rgba(187,226,240,0.2368421053) 82.2368421053%,rgba(187,226,240,0.2105263158) 84.2105263158%,rgba(187,226,240,0.1842105263) 86.1842105263%,rgba(187,226,240,0.1578947368) 88.1578947368%,rgba(187,226,240,0.1315789474) 90.1315789474%,rgba(187,226,240,0.1052631579) 92.1052631579%,rgba(187,226,240,0.0789473684) 94.0789473684%,rgba(187,226,240,0.0526315789) 96.0526315789%,rgba(187,226,240,0.0263157895) 98.0263157895%,rgba(187,226,240,0)); }
.tooltip { position: absolute; z-index: -1; display: none; font-size: var(--font-size-xs); line-height: 1.4; opacity: 0; filter: alpha(opacity=0); visibility: visible; }
.tooltip.in { opacity: 1; filter: alpha(opacity=90); z-index: 1030; display: block; }
.tooltip.top { padding: 5px 0; margin-bottom: 7px; bottom: 100%; left: 50%; }
.tooltip.right { padding: 0 5px; margin-left: 7px; left: 100%; top: 50%; }
.tooltip.bottom { padding: 5px 0; margin-top: 7px; top: 100%; left: 50%; }
.tooltip.left { padding: 0 5px; margin-right: 7px; right: 100%; top: 50%; }
.tooltip-inner { min-width: auto; padding: 0 8px; line-height: 25px; color: var(--tooltip-text-color); text-align: center; font-size: var(--font-size-xs); text-decoration: none; border-radius: 0; white-space: nowrap; font-weight: 400; background: var(--tooltip-background); }
.tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; }
.tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: var(--tooltip-arrow-color); }
.tooltip.top-left .tooltip-arrow { bottom: 0; left: 5px; border-width: 5px 5px 0; border-top-color: var(--tooltip-arrow-color); }
.tooltip.top-right .tooltip-arrow { right: 5px; bottom: 0; border-width: 5px 5px 0; border-top-color: var(--tooltip-arrow-color); }
.tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: var(--tooltip-arrow-color); }
.tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: var(--tooltip-arrow-color); }
.tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: var(--tooltip-arrow-color); }
.tooltip.bottom-left .tooltip-arrow { top: 0; left: 5px; border-width: 0 5px 5px; border-bottom-color: var(--tooltip-arrow-color); }
.tooltip.bottom-right .tooltip-arrow { top: 0; right: 5px; border-width: 0 5px 5px; border-bottom-color: var(--tooltip-arrow-color); }
@keyframes skeleton-loading {
0% { background-position: 200% 0; }
to { background-position: -200% 0; }
}
.skeleton { background: linear-gradient(90deg, var(--color-background-muted) 25%, var(--color-background-body) 50%, var(--color-background-muted) 75%); background-size: 200% 100%; animation: skeleton-loading 1.5s infinite; border-radius: var(--border-radius-sm); width: 100%; }
.skeleton-text { height: 1em; margin-bottom: var(--space-2); }
.skeleton-block { height: 100%; min-height: 20px; }
.skeleton-image { aspect-ratio: 1 / 1; width: 100%; }
.skeleton-title { height: 1.5em; width: 80%; margin-bottom: var(--space-3); }
.skeleton-button { height: 44px; border-radius: var(--border-radius); }
.pdp-skeleton-container { display: flex; flex-direction: column; gap: var(--space-5); width: 100%; padding: var(--space-4) 0; }
.skeleton-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--grid-gap); width: 100%; max-width: 100%; padding: var(--space-4) 0; box-sizing: border-box; margin: 0 auto; }
.skeleton-card { display: flex; flex-direction: column; gap: var(--space-3); padding: var(--space-4); background: var(--card-background-color); border-radius: var(--border-radius); box-shadow: var(--shadow-sm); max-width: 100%; height: 100%; box-sizing: border-box; }
.skeleton-sidebar { display: flex; flex-direction: column; gap: var(--space-4); padding: var(--space-6); background: var(--card-background-color); border-radius: var(--border-radius-lg); width: var(--sidebar-width); flex-shrink: 0; }
.skeleton-filter-panel { display: flex; flex-direction: column; gap: var(--space-2); padding-bottom: var(--space-3); border-bottom: 1px solid var(--color-border-light); }
.skeleton-filter-panel:last-child { border-bottom: none; padding-bottom: 0; }
.skeleton-filter-heading { height: 1.2em; width: 70%; }
.skeleton-filter-line { height: 1em; width: 90%; }
.skeleton-filter-line:nth-child(2n) { width: 80%; }
.skeleton-sidebar .skeleton { background: linear-gradient(90deg, var(--color-background-muted) 25%, var(--color-background-body) 50%, var(--color-background-muted) 75%); background-size: 200% 100%; animation: skeleton-loading 1.5s infinite; border-radius: var(--border-radius-sm); width: 100%; }
@keyframes skeleton-loading {
0% { background-position: 200% 0; }

}
.skeleton { background: linear-gradient(90deg,var(--color-background-muted) 25%,var(--color-background-body) 50%,var(--color-background-muted) 75%); background-size: 200% 100%; animation: skeleton-loading 1.5s infinite; border-radius: var(--border-radius-sm); width: 100%; }
.skalert { display: flex !important; flex-direction: column !important; align-items: flex-start; gap: var(--space-4); padding: var(--space-4) var(--space-5); border-radius: var(--border-radius-sm); margin: var(--space-6) 0; font-size: var(--font-size-base); line-height: var(--line-height-normal); border: 1px solid var(--color-border-light); border-left-width: 4px !important; box-shadow: var(--shadow-sm); background-color: var(--card-background-color); }
.skalert .icon { flex-shrink: 0; font-size: 1.25rem; line-height: 1; margin-top: 2px; }
.skalert p, .skalert div:not(.icon) { margin: 0; color: var(--color-text-secondary); }
.skalert > strong { display: block; margin-bottom: var(--space-1); color: var(--color-heading); }
.skalert strong { font-weight: 700; }
.skalert-white { border-left-color: var(--color-border-dark) !important; }
.skalert-info { background-color: oklch(from var(--palette-state-info) .98 .01 h); border-left-color: var(--palette-state-info) !important; }
.skalert-info .icon { color: var(--palette-state-info); }
.skalert-warning { background-color: oklch(from var(--palette-state-warning) .98 .02 h); border-left-color: var(--palette-state-warning) !important; }
.skalert-warning .icon { color: var(--palette-state-warning); }
.skalert-success { background-color: oklch(from var(--palette-state-success) .98 .02 h); border-left-color: var(--palette-state-success) !important; }
.skalert-success .icon { color: var(--palette-state-success); }
.skalert-danger { background-color: oklch(from var(--palette-state-danger) .98 .02 h); border-left-color: var(--palette-state-danger) !important; }
.skalert-danger .icon { color: var(--palette-state-danger); }
[data-theme=dark] .skalert { background-color: oklch(from var(--color-background-muted) .25 c h); border-color: oklch(from var(--color-border-light) .3 c h); }
[data-theme=dark] .skalert-white { border-left-color: var(--color-border-light) !important; }
[data-theme=dark] .skalert-info { background-color: oklch(from var(--palette-state-info) .2 .03 h / .3); border-left-color: var(--palette-state-info) !important; }
[data-theme=dark] .skalert-info .icon { color: oklch(from var(--palette-state-info) .8 .1 h); }
[data-theme=dark] .skalert-warning { background-color: oklch(from var(--palette-state-warning) .2 .03 h / .3); border-left-color: var(--palette-state-warning) !important; }
[data-theme=dark] .skalert-warning .icon { color: oklch(from var(--palette-state-warning) .8 .1 h); }
[data-theme=dark] .skalert-success { background-color: oklch(from var(--palette-state-success) .2 .03 h / .3); border-left-color: var(--palette-state-success) !important; }
[data-theme=dark] .skalert-success .icon { color: oklch(from var(--palette-state-success) .8 .1 h); }
[data-theme=dark] .skalert-danger { background-color: oklch(from var(--palette-state-danger) .2 .03 h / .3); border-left-color: var(--palette-state-danger) !important; }
[data-theme=dark] .skalert-danger .icon { color: oklch(from var(--palette-state-danger) .8 .1 h); }
.sk-kano-container { position: relative; width: 100%; height: 400px; box-shadow: var(--shadow-lg); border-radius: var(--border-radius-md); overflow: hidden; isolation: isolate; }
.sk-kano-container:before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background-image: url(https://static.ticimax.cloud/61995/uploads/images/assets/slider-kano-bg.png); background-size: cover; background-position: bottom; z-index: 0; transition: transform .8s var(--transition-timing-soft); }
.sk-kano-trigger { display: none; }
.sk-kano-slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.sk-kano-item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: var(--border-radius); opacity: 0; z-index: 0; transition: opacity .8s var(--transition-timing-soft); display: flex; align-items: center; justify-content: space-between; padding: 0 70px; gap: 40px; flex-direction: row-reverse; }
.sk-kano-kayak-image { width: 60%; text-align: center; perspective: 1000px; }
.sk-kano-kayak-image img { max-width: 100%; height: auto; transition: opacity .3s var(--transition-timing-soft); -webkit-filter: drop-shadow(5px 5px 15px rgba(0, 0, 0, .5)); filter: drop-shadow(5px 5px 15px rgba(0, 0, 0, .5)); }
.sk-kano-kayak-image img.sk-kano-image--fade-out { opacity: 0; }
.sk-kano-container:has(#item-1:checked) .sk-kano-item:nth-of-type(1), .sk-kano-container:has(#item-2:checked) .sk-kano-item:nth-of-type(2), .sk-kano-container:has(#item-3:checked) .sk-kano-item:nth-of-type(3), .sk-kano-container:has(#item-4:checked) .sk-kano-item:nth-of-type(4), .sk-kano-container:has(#item-5:checked) .sk-kano-item:nth-of-type(5), .sk-kano-container:has(#item-6:checked) .sk-kano-item:nth-of-type(6), .sk-kano-item.active { opacity: 1; z-index: 1; }
.sk-kano-content { width: 35%; color: var(--palette-neutral-0); text-shadow: 2px 2px 8px rgba(0, 0, 0, .6); }
.sk-kano-content .sk-kano-name { font-size: var(--font-size-xl); font-weight: 700; }
.sk-kano-content .sk-kano-des { margin-top: 15px; margin-bottom: 25px; font-size: var(--font-size-base); line-height: 1.6; }
.sk-kano-colors { display: flex; gap: 12px; margin-bottom: 25px; }
.color-swatch { width: 30px; height: 30px; border-radius: 50%; cursor: pointer; border: 2px solid rgba(255, 255, 255, .8); transition: transform .2s var(--transition-timing-soft), box-shadow .2s var(--transition-timing-soft); box-shadow: 0 2px 5px #0000004d; }
.color-swatch:hover { transform: scale(1.15); box-shadow: 0 4px 10px #0006; }
.sk-kano-content .sk-kano-btn {display: inline-block; text-decoration: none; padding: 12px 25px; border: none; cursor: pointer; border-radius: var(--border-radius-sm); background-color: var(--accent); color: var(--button-primary-text-color); font-size: var(--font-size-base); font-weight: 700; transition: all var(--transition-speed) var(--transition-timing-soft); }
.sk-kano-content .sk-kano-btn:hover { background-color: var(--accent-light); transform: translateY(-1px); box-shadow: var(--shadow-md); }
.sk-kano-nav { position: absolute; bottom: 0; right: 0; z-index: 5; display: flex; background-color: #0003; }
.sk-kano-nav label { padding: 10px 20px; font-size: var(--font-size-sm); font-weight: 600; color: var(--palette-neutral-0); background-color: #0006; cursor: pointer; border: 2px solid transparent; transition: all var(--transition-speed) var(--transition-timing-soft); text-align: center; }
.sk-kano-nav label:hover { background-color: var(--accent); color: var(--button-primary-text-color); }
.ticimaxTabHead ul { display: flex; gap: 1vw; }
.ticimaxTabHead ul li { margin: 0 !important; width: 100%; }
.ticimaxTabHead ul li a { width: 100%; font-family: var(--font-heading); font-size: clamp(1.1rem, 2.5vw, 1.5rem); padding: 10px !important; }
li.ticimaxTabHead_active a { background-image: var(--tab-active-background-image); }
.GuvenList { width: 100%; margin: 30px 0; }
.GuvenList ul { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px; }
.GuvenList ul li { display: flex; align-items: center; gap: 20px; flex-grow: 1; }
.GuvenList ul li .gimg { color: var(--guvenlist-icon-color); flex-shrink: 0; }
.GuvenList ul li .gtex { font-size: var(--font-size-sm); font-weight: 500; }
.sk-icon-card { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--space-3); padding: var(--space-5); background-color: var(--card-background-color); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-radius: var(--border-radius); box-shadow: var(--shadow-sm); transition: transform var(--transition-speed) var(--transition-timing-soft), box-shadow var(--transition-speed) var(--transition-timing-soft); text-decoration: none; height: 100%; border:1px solid var(--color-border-light);}
.sk-icon-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); }
.sk-icon-card__icon { width: 48px; height: 48px; object-fit: contain; margin-bottom: var(--space-2); }
.sk-icon-card__name { font-size: var(--font-size-sm); font-weight: 500; color: var(--color-text-secondary); line-height: 1.3; }
.category-header-enhanced { display: flex; justify-content: space-between; align-items: center; margin-bottom: var(--space-5); }
.category-title-enhanced { font-size: var(--font-size-md); color: var(--color-heading); font-weight: 600; }
.sk-category-grid { display: grid; gap: var(--grid-gap); grid-template-columns: repeat(2, 1fr); }
.sk-category-card { background-color: var(--card-background-color); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-radius: var(--border-radius); box-shadow: var(--shadow-sm); text-decoration: none; overflow: hidden; display: block; transition: transform var(--transition-speed) var(--transition-timing-soft), box-shadow var(--transition-speed) var(--transition-timing-soft); border: 1px solid oklch(1 0 0 / .05); }
.sk-category-card:hover { transform: translateY(-5px); box-shadow: var(--shadow-md); }
.sk-category-card__image-wrapper { overflow: hidden; position: relative; border-radius: var(--border-radius); }
.sk-category-card__image { width: 100%; height: auto; display: block; transition: transform var(--transition-speed) var(--transition-timing-soft); }
.sk-category-card:hover .sk-category-card__image { transform: scale(1.08); }
.sk-category-card__name { position: absolute; bottom: 0; right: 0; padding: 8px 14px; margin: 0; background-color: var(--accent); color: var(--button-primary-text-color); border-top-left-radius: var(--border-radius); font-size: var(--font-size-sm); font-weight: 600; text-align: center; }
#brandscontainer { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 1.5rem; }
#brandscontainer li a { display: flex; justify-content: center; align-items: center; height: 90px; padding: 1rem; border-radius: var(--border-radius); border: 1px solid var(--color-border-light); background-color: var(--card-background-color); transition: all var(--transition-speed) var(--transition-timing-soft); box-sizing: border-box; }
#brandscontainer li a:hover { background-color: var(--accent); border-color: var(--accent); transform: translateY(-2px); box-shadow: var(--shadow-sm); }
#brandscontainer li img { max-width: 100%; max-height: 100%; height: auto; object-fit: contain; transition: filter var(--transition-speed) var(--transition-timing-soft), transform var(--transition-speed) var(--transition-timing-soft); }
#brandscontainer li a:hover img { filter: brightness(0) invert(1); }
.sktext-divider { display: flex; align-items: center; justify-content: center; text-align: center; width: 100%; margin: var(--space-8) 0; color: var(--color-text-default); }
.sktext-divider:before, .sktext-divider:after { content: ""; flex-grow: 1; height: 1px; background-color: currentColor; margin: 0 var(--space-4); }
.sktext-divider img { flex-shrink: 0; max-width: none !important; height: 20px !important; display: inline-block; margin: 0; }
#back-to-top { position: fixed; right: 1%; bottom: 5%; z-index: 9000; }
#back-to-top a { display: flex !important; align-items: center; justify-content: center; width: 40px; height: 40px; background: #0009 !important; backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); color: var(--palette-neutral-0); border-radius: 100%; font-size: 14px; text-decoration: none; border: 1px solid oklch(1 0 0 / .1); }
#back-to-top a:after { content: "\f062"; font-family: FontAwesome; display: block; line-height: 1; }
.cloudzoom-zoom { z-index: 999; }
.design-bg-1 { background-color: var(--bg-color) !important; }
#sknav { width: 100%; max-width: 100%; box-sizing: border-box; }
.sun-and-moon>.sun,.sun-and-moon>.sun-beams { transform-origin: center center; transition: transform .5s var(--transition-timing-soft),opacity .5s var(--transition-timing-soft); }
.sun-and-moon>.moon>circle { transition: transform .25s var(--transition-timing-soft); }
.sun-and-moon>.sun { transform: scale(1.25); }
.sun-and-moon>.sun-beams { transform: rotate(-90deg); opacity: 0; }
.sun-and-moon>.moon>circle { transform: translate(-7px); }
#fiyat>span.spanKdv { display: none!important; }
.urunDetayPanel table { width: 100%; border-collapse: collapse; margin-top: var(--space-4); font-size: var(--font-size-base); }
.urunDetayPanel th,.urunDetayPanel td { padding: var(--space-3); text-align: left; border-bottom: 1px solid var(--color-border-light); }
.urunDetayPanel th { font-weight: 600; color: var(--color-heading); background-color: #0000000d; }
.urunDetayPanel tr:nth-child(2n) { background-color: #ffffff0d; }
.teknikDetay .teknikDetayItem div.t2 span:after { content: ", "; }
.teknikDetay .teknikDetayItem div.t2 span:last-child:after { display: none; content: ""; }
#divBasketInputTextBox>p { display: none!important; }
#divIndirimliFiyat .lineTitle,#divIndirimsizFiyat .lineTitle,#divTurkLirasiFiyat .lineTitle,#divMarka .lineTitle,#divUrunEkSecenek .lineTitle,#divIndirimOrani .lineTitle { display: none!important; }
.breadcrumb li>span { display: none!important; }
.is-initializing .c-offcanvas-filter-drawer { display: none!important; }
.c-offcanvas-filter-drawer .category-vertical-filters,.c-offcanvas-filter-drawer .panel { display: block!important; visibility: visible!important; opacity: 1!important; }
.c-offcanvas-filter-drawer .closeFilt:hover { color: var(--color-heading)!important; }
.c-offcanvas-filter-drawer .panel-heading:not(.active)+.list-group { display: none!important; }
.mobilFilterOpenBtn { display: none!important; }
#FrmYeniUye>.uyeOlCol { margin: 30px 20px 0 0; padding: 30px; background-color: var(--card-background-color); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid var(--color-border-light); border-radius: var(--border-radius); width: calc(50% - 10px); color: var(--color-text-default)!important; }
#FrmYeniUye>.uyeOlCol:nth-child(2) { margin-right: 0; }
.overlay-logo { width: 60px; height: 60px; opacity: .8; }
.overlay-text { color: var(--color-white); font-size: 1rem; font-weight: 500; opacity: .9; }
.adminUserLoginBody #mainHolder_Panel1 .newuserForm>div { margin: 0!important; }
.socialMediaDiv ul.socialMedia li a i.icon { color: var(--color-text-secondary); transition: color var(--transition-speed) ease; }
.socialMediaDiv ul.socialMedia li a:hover i.icon { color: var(--accent); }
.rating-stars ul>li.star.hover>i.fa { color: var(--palette-star-rating)!important; }
#divBasketInputTextBox { width: auto!important; float: none!important; margin: 0!important; padding: 0!important; flex-shrink: 0!important; }
#divSayfalamaUst>.FiltreBtn:hover { background-color: var(--accent)!important; color: var(--color-white)!important; }
#header .yanResimliMenu { display: none; }
.Magazalar #nearStores>h2 { font-weight: 600!important; color: var(--color-heading); font-size: 18px; }
.blink>ul>li a { display: block; font-size: var(--font-size-sm); color: var(--footer-link-color); margin-bottom: var(--space-3); opacity: .8; transition: opacity var(--transition-speed) var(--transition-timing-soft); }
.blink>ul>li a:hover { opacity: 1; text-decoration: var(--footer-link-hover-decoration); }
.c-offcanvas-filter-drawer .list-group-item a:hover { background-color: var(--color-background-muted)!important; }
.iletisimRight .iletisimbanka .span>.line1:nth-child(n+2) { border-top: 4px solid; margin-top: 20px; padding-top: 20px; border-color: var(--accent); }
.iletisimRight .iletisimbanka .span>div { display: block; font-size: 0; border-bottom: 1px solid var(--color-border-light); padding: 0 0 20px; margin: 0 0 20px; }
.iletisimRight .iletisimbanka .span>div div { display: inline-block; vertical-align: top; }
.iletisimRight .iletisimbanka .span>div span { display: inline-block; vertical-align: top; width: auto!important; color: var(--color-text-default); font-size: 14px; }
.iletisimRight .iletisimbanka .span>div.line1 { text-align: center; }
.iletisimRight .iletisimbanka .span>div.line1 .line1 { text-align: left; }
.iletisimRight .iletisimbanka .span>div.line1 .line4 { text-align: right; }
.iletisimRight .iletisimbanka .span>div.line1 span { display: block; }
.iletisimRight .iletisimbanka .span>div.line1>div { display: inline-block; vertical-align: top; width: 25%; }
.iletisimRight .iletisimbanka .span>div.line1>div span:nth-child(1) { margin-bottom: 10px; }
.iletisimRight .iletisimbanka .span>div.line2>div.line2 { display: block; }
.navUl ul>span { display: flex; align-items: center; padding: 0 var(--space-4); height: 50px; font-size: var(--font-size-md); font-weight: 500; border-bottom: 1px solid var(--color-border-light); color: var(--mobile-menu-link-color); }
.panel-search>input { height: 22px; }
.skalert>strong { display: block; margin-bottom: var(--space-1); color: var(--color-heading); }
.theme-toggle-button { background: none; border: none; color: var(--color-white); cursor: pointer; font-size: 1.25rem; padding: 5px; border-radius: 50%; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; }
.theme-toggle-button .fa-sun { display: none; }
.userContainer #chkSozlesme+label { width: 93%; }
.uyeOlContainer #chkSozlesme+label { width: calc(100% - 20px); line-height: 15px; font-size: 13px; }
.homeContainer .ProductListContent { width: 100%; margin: 30px 0; position: relative; }
.homeContainer .ProductListContent .ProductList { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: var(--grid-gap); }
.fish-menu { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; max-width: 1440px; margin: 0 auto; }
.menu-item { position: relative; overflow: hidden; border-radius: var(--border-radius); box-shadow: var(--shadow); cursor: pointer; transition: transform var(--transition-speed) var(--transition-timing-soft); }
.menu-item:hover { transform: translateY(-5px); }
.menu-img { width: 100%; height: 150px; object-fit: cover; display: block; filter: saturate(.6); transition: filter var(--transition-speed) var(--transition-timing-soft); }
.menu-item:hover .menu-img { filter: saturate(1); }
.overlay { position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(to top, #000c, #0000); color: var(--palette-neutral-0); padding: 15px; transform: translateY(calc(100% - 50px)); transition: transform var(--transition-speed) var(--transition-timing-soft); }
.menu-item:hover .overlay { transform: translateY(0); }
.overlay h3 { margin: 0; font-size: var(--font-size-md); color: var(--palette-neutral-0) !important; }
.overlay .description { font-size: var(--font-size-sm); margin-top: 10px; color: #fffc !important; }
.TopDet { display: flex; flex-direction: column; gap: var(--space-5); }
.leftImage { width: 100%; }
.RightDetail { width: 100%; display: flex; flex-direction: column; gap: var(--space-3); }
.Images { position: relative; width: 100%; aspect-ratio: 1 / 1; overflow: hidden; border-radius: var(--border-radius-lg); background-color: var(--card-background-color); box-shadow: var(--shadow-md); }
.Images img { width: 100%; height: 100%; object-fit: contain; }
.SmallImages { display: flex; gap: var(--space-3); overflow-x: auto; padding-bottom: var(--space-3); margin-top: var(--space-4); }
.SmallImages .AltImgCapSmallImg { width: 64px; height: 64px; flex-shrink: 0; cursor: pointer; background-color: var(--card-background-color); border: 2px solid transparent; border-radius: var(--border-radius); transition: border-color var(--transition-speed) ease; padding: var(--space-1); }
.SmallImages .AltImgCapSmallImg:hover, .SmallImages .AltImgCapSmallImg.cloudzoom-gallery-active { border-color: var(--accent); }
.SmallImages .AltImgCapSmallImg img { width: 100%; height: 100%; object-fit: contain; border-radius: var(--border-radius-sm); }
.product-header-area, .product-pricing-area, .product-variants-area, .product-actions-area, .product-secondary-actions-area, .product-social-share-area { display: flex; flex-direction: column; width: 100%; }
.product-header-area { order: 1; gap: var(--space-1); }
.product-pricing-area { order: 2; gap: var(--space-2); padding-bottom: var(--space-3); border-bottom: 1px solid var(--color-border-light); }
.product-variants-area { order: 3; gap: var(--space-3); }
.product-actions-area { order: 4; gap: var(--space-3); }
.product-secondary-actions-area { order: 5; gap: var(--space-3); padding-top: var(--space-3); margin-top: var(--space-3); border-top: 1px solid var(--color-border-light); }
.product-social-share-area { order: 6; gap: var(--space-3); }
.product-header-area .ProductName h1 { font-size: var(--font-size-xl); color: var(--color-heading); line-height: var(--line-height-tight); font-weight: 700; }
.product-header-area .puanVer { display: flex; align-items: center; justify-content: flex-start; gap: var(--space-2); text-align: left !important; }
.product-pricing-area .PriceList { display: flex; flex-wrap: wrap; flex-direction: column-reverse; align-items: baseline; gap: var(--space-2); }
.product-pricing-area .IndirimliFiyatContent, .product-pricing-area #divIndirimsizFiyat, .product-pricing-area #divTurkLirasiFiyat { font-size: var(--font-size-lg); font-weight: 700; color: var(--color-text-strong); }
.product-pricing-area .spanKdv { font-size: 12px; font-weight: 400; color: var(--color-text-secondary); margin-left: var(--space-1); }
.product-pricing-area .PiyasafiyatiContent { text-decoration: line-through; color: var(--color-text-secondary); font-size: var(--font-size-sm); }
.product-pricing-area .product-meta { display: flex; flex-wrap: wrap; gap: var(--space-3); font-size: var(--font-size-xs); color: var(--color-text-secondary); }
.product-pricing-area .product-meta > div { display: flex; gap: var(--space-1); }
.product-pricing-area .product-meta .left_line { font-weight: 600; }
.BasketBtn { display: flex !important; gap: var(--space-4); align-items: center; width: 100%; }
.product-social-share-area .product_social_icon_wrapper { display: flex; align-items: center; gap: var(--space-3); }
.product-social-share-area .PaylasTit { font-size: var(--font-size-sm); font-weight: 500; color: var(--color-text-secondary); }
.product-social-share-area ul { display: flex; gap: var(--space-2); list-style: none; margin: 0; padding: 0; }
.product-social-share-area ul li, .product-social-share-area ul li a { display: inline-flex !important; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: var(--border-radius-full); background-color: transparent; color: var(--color-text-secondary); border: 1px solid var(--color-border-light); transition: all var(--transition-speed) var(--transition-timing-soft); cursor: pointer; text-decoration: none; font-size: 16px !important; }
.product-social-share-area ul li:hover, .product-social-share-area ul li a:hover { color: var(--palette-neutral-0) !important; transform: translateY(-2px); border-color: transparent; }
.product-social-share-area ul li:before { font-family: FontAwesome; line-height: 1; }
.product-social-share-area ul li[content=facebook]:before { content: "\f39e"; }
.product-social-share-area ul li[content=twitter]:before { content: "\f099"; }
.product-social-share-area ul li[content=pinterest]:before { content: "\f0d2"; }
.product-social-share-area ul li[content=whatsapp]:before, .product-social-share-area ul li.UWhatsApp:before { content: "\f232"; }
.urunOzellik { clear: both; width: 100%; margin-top: var(--space-8); }
.urunTab > ul { border-top: 1px solid var(--color-border-light); }
.urunTab > ul > li { border-bottom: 1px solid var(--color-border-light); }
.urunTab > ul > li > a { display: flex; justify-content: space-between; align-items: center; padding: var(--space-4); font-family: var(--font-heading); font-weight: 600; font-size: 1.1rem; color: var(--color-text-default); cursor: pointer; transition: all var(--transition-speed) var(--transition-timing-soft); }
.urunTab > ul > li > a:hover { background-color: var(--color-interaction-hover); color: var(--color-interaction-text-hover); }
.urunTab > ul > li.active > a { background-color: var(--color-interaction-active); color: var(--color-interaction-text-active); }
.urunTab > ul > li > a:after { content: "\f078"; font-family: FontAwesome; transition: transform var(--transition-speed) var(--transition-timing-soft); font-weight: 300; }
.urunTab > ul > li.active > a:after { transform: rotate(180deg); color: var(--color-interaction-text-active); }
.urunDetayPanel { padding: var(--space-5) var(--space-4); background-color: transparent; }
#divIndirimOrani { display: inline-flex !important; align-items: center; justify-content: center; background-color: var(--accent); color: var(--color-white); font-family: var(--font-heading); font-size: var(--font-size-xs); font-weight: 700; padding: 4px 10px; border-radius: var(--border-radius-full); line-height: 1; order: 3; vertical-align: middle; }
.teknikDetay { width: 100%; margin: var(--space-6) 0; border: 1px solid var(--color-border-light) !important; border-radius: var(--border-radius); overflow: hidden; float: none !important; display: block; background-color: var(--card-background-color) !important; }
.teknikDetay .teknikDetayItem { display: grid; grid-template-columns: 1fr 2fr; gap: var(--space-2); padding: var(--space-3) var(--space-4); font-weight: 500; color: var(--color-text-default) !important; text-align: left; line-height: var(--line-height-normal) !important; font-size: var(--font-size-sm) !important; border-bottom: 1px solid var(--color-border-light); float: none; }
.teknikDetay .teknikDetayItem:last-child { border-bottom: none; }
.teknikDetay .teknikDetayItem:nth-child(odd) { background-color: #0000000d !important; }
.teknikDetay .teknikDetayItem:nth-child(2n) { background-color: #ffffff0d !important; }
.teknikDetay .teknikDetayItem div.t1 { font-weight: 600; padding: 0; width: auto; float: none; color: var(--color-heading); }
.teknikDetay .teknikDetayItem div.t2 { border-left: 1px solid var(--color-border-light); padding-left: var(--space-3); width: auto; float: none; color: var(--color-text-default); }
.product-variants-area .eksecenekLine { display: grid !important; align-items: center; gap: var(--space-4); margin-bottom: var(--space-3) !important; padding-bottom: 0 !important; border-bottom: none !important; }
.product-variants-area .eksecenekLine .left_line { font-family: var(--font-heading); font-weight: 700; color: var(--color-heading); font-size: var(--font-size-sm); width: auto !important; float: none !important; }
.product-variants-area .eksecenekLine .right_line { display: flex !important; flex-wrap: wrap !important; gap: var(--space-2); width: 100% !important; float: none !important; }
.product-variants-area .eksecenekLine .size_box { display: flex !important; align-items: center; justify-content: center; min-width: 40px; width: auto !important; height: auto !important; min-height: 40px; padding: var(--space-1) var(--space-3) !important; border: 1px solid var(--color-border-light) !important; border-radius: var(--border-radius) !important; background-color: var(--card-background-color); color: var(--color-text-default); font-size: var(--font-size-sm); font-weight: 500; cursor: pointer; transition: all var(--transition-speed) var(--transition-timing-soft); float: none !important; margin: 0 !important; background-image: none !important; }
.product-variants-area .eksecenekLine .size_box:hover { background-color: var(--color-interaction-hover); color: var(--color-interaction-text-hover); border-color: var(--accent) !important; transform: translateY(-1px); }
.product-variants-area .eksecenekLine .size_box.selected { border-color: var(--color-interaction-active) !important; background-color: var(--color-interaction-active) !important; color: var(--color-interaction-text-active) !important; box-shadow: var(--shadow-sm); transform: none !important; }
.product-variants-area .eksecenekLine .size_box.nostok { opacity: .5; background-color: var(--color-background-muted); border-style: dashed !important; color: var(--color-text-secondary); cursor: not-allowed; text-decoration: line-through; }
.product-variants-area .eksecenekLine.resimlivaryasyon .size_box { padding: 2px; border-radius: var(--border-radius-full); width: 44px; height: 44px; }
.product-variants-area .eksecenekLine.resimlivaryasyon .size_box img { width: 100%; height: 100%; object-fit: cover; border-radius: inherit; display: block; }
.btnnostok { text-align: center; position: absolute !important; display: none; background-color: var(--color-black) !important; color: var(--color-white) !important; padding: 6px 10px !important; font-size: 11px !important; line-height: 1.2 !important; left: 50% !important; right: auto !important; top: 100% !important; margin-top: 8px !important; transform: translate(-50%); z-index: 100 !important; border-radius: var(--border-radius-sm); box-shadow: var(--shadow-md); white-space: nowrap; }
.btnnostok:after { content: ""; position: absolute; bottom: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: transparent transparent var(--color-black) transparent; }
.urunTabAlt { font-family: var(--font-body); color: var(--color-text-default); line-height: var(--line-height-normal); }
.urunTabAlt h1, .urunTabAlt h3, .urunTabAlt h4 { font-family: var(--font-heading); color: var(--color-heading); font-weight: 700; line-height: var(--line-height-tight); margin-top: var(--space-8); margin-bottom: var(--space-5); }
.urunTabAlt h1 { font-size: var(--font-size-2xl); }
.urunTabAlt h2 { font-size: var(--font-size-xl); }
.urunTabAlt h2 { font-size: var(--font-size-lg); }
.urunTabAlt h4 { font-size: var(--font-size-md); }
.urunTabAlt p { font-size: var(--font-size-base); margin-bottom: var(--space-4); line-height: var(--line-height-loose); }
.urunTabAlt ul, .urunTabAlt ol { font-size: var(--font-size-base); margin-bottom: var(--space-4); padding-left: var(--space-5); }
.urunTabAlt li { margin-bottom: var(--space-2); line-height: var(--line-height-normal); }
.urunTabAlt ul li:before { content: "\2022"; color: var(--accent); display: inline-block; width: 1em; margin-left: -1em; }
.urunTabAlt strong { font-weight: 600; color: var(--color-text-strong); }
.urunTabAlt img { max-width: 100%; height: auto; display: block; margin: var(--space-5) auto; border-radius: var(--border-radius); }
.urunTabAlt .video-container { position: relative; width: 100%; padding-bottom: 56.25%; height: 0; overflow: hidden; margin: var(--space-5) 0; background-color: var(--color-background-muted); border-radius: var(--border-radius); }
.urunTabAlt .video-container iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: none; border-radius: var(--border-radius); }
.urunTabAlt table { width: 100%; border-collapse: collapse; margin: var(--space-6) 0; font-size: var(--font-size-base); border-radius: var(--border-radius); overflow: hidden; background-color: var(--card-background-color) !important; border: 1px solid var(--color-border-light) !important; }
.urunTabAlt table th, .urunTabAlt table td { padding: var(--space-3) var(--space-4); text-align: left; border-bottom: 1px solid var(--color-border-light); }
.urunTabAlt table th { background-color: #00000014 !important; color: var(--color-heading); font-weight: 600; }
.urunTabAlt table tbody tr:nth-child(odd) { background-color: #0000000d !important; }
.urunTabAlt table tbody tr:nth-child(2n) { background-color: #ffffff0d !important; }
#divIcerik #IlgiliUrunDiv, #divIcerik .detaySliderContainer { width: 100% !important; margin-top: var(--space-8) !important; padding-top: 0 !important; border-top: none !important; display: block !important; clear: both; position: relative !important; visibility: visible !important; opacity: 1 !important; }
#divIcerik #IlgiliUrunDiv .JKatAdi, #divIcerik .detaySliderContainer .JKatAdi { display: block !important; margin-bottom: var(--space-5) !important; text-align: left !important; border-bottom: none !important; }
#divIcerik #IlgiliUrunDiv .JKatAdi .bold, #divIcerik #IlgiliUrunDiv .JKatAdi .satir1, #divIcerik .detaySliderContainer .JKatAdi .bold { font-family: var(--font-heading) !important; font-size: var(--font-size-lg) !important; font-weight: 700 !important; color: var(--color-heading) !important; text-transform: uppercase !important; }
#divIcerik #IlgiliUrunDiv .jCarouselLite, #divIcerik .detaySliderContainer .jCarouselLite { width: 100% !important; height: auto !important; visibility: visible !important; }
#divIcerik #IlgiliUrunDiv ul:not(.owl-carousel), #divIcerik .detaySliderContainer ul:not(.owl-carousel) { display: flex !important; gap: var(--space-4) !important; padding: var(--space-2) !important; overflow-x: auto !important; width: 100% !important; margin: 0 !important; list-style: none !important; }
#divIcerik #IlgiliUrunDiv ul.owl-carousel, #divIcerik .detaySliderContainer ul.owl-carousel { display: block !important; width: 100% !important; overflow: hidden !important; padding: 0 !important; }
#divIcerik #IlgiliUrunDiv ul:not(.owl-carousel) li, #divIcerik .detaySliderContainer ul:not(.owl-carousel) li { width: 250px !important; flex-shrink: 0 !important; padding: 0 !important; margin: 0 !important; height: auto !important; float: none !important; visibility: visible !important; }
#divIcerik #IlgiliUrunDiv ul.owl-carousel li, #divIcerik .detaySliderContainer ul.owl-carousel li { width: 100% !important; margin: 0 !important; height: auto !important; visibility: visible !important; }
#divIcerik #IlgiliUrunDiv .productItem, #divIcerik #IlgiliUrunDiv .c-productCard, #divIcerik .detaySliderContainer .productItem { min-height: 320px !important; }
#divIcerik #IlgiliUrunDiv .productItem:hover, #divIcerik #IlgiliUrunDiv .c-productCard:hover { box-shadow: var(--shadow-md) !important; transform: translateY(-4px) !important; }
#divIcerik #IlgiliUrunDiv .tumunuGoster { display: none !important; }
.product-pricing-area .product-meta>div { display: flex; gap: var(--space-1); }
.product-variants-area .eksecenekLine .center_line { display: none!important; }
.product-variants-area .eksecenekLine .size_box.nostok:hover { border-color: var(--color-border-light)!important; transform: none; }
.product-variants-area .eksecenekLine .size_box:before { display: none!important; content: none!important; }
.product-actions-area .basketBtn { flex-grow: 1!important; width: auto!important; margin: 0!important; }
.product-actions-area .basketBtn input { width: 100%!important; }
.product-actions-area .basketBtn input:hover, html[data-theme=dark] .product-actions-area .basketBtn input:hover { background: black; color: var(--accent)!important;}
.product-actions-area .riSingle { flex-shrink: 0; }
.product-social-share-area ul li.UWhatsApp:hover { background-color: #25d366!important; }
.product-header-area .puanVer .text-center { text-align: left!important; }
.product-secondary-actions-area .buyfast { flex: 1 1 auto; }
.product-social-share-area ul li:nth-child(1):hover { background-color: var(--palette-brand-facebook)!important; }
.product-social-share-area ul li:nth-child(2):hover { background-color: var(--palette-brand-twitter)!important; }
.product-social-share-area ul li:nth-child(3):hover { background-color: var(--palette-brand-pinterest)!important; }
.urunDetayPanel ul { list-style-position: inside; padding-left: var(--space-2); }
.urunDetayPanel ul li { margin-bottom: var(--space-2); }
.urunTab>ul>li.active>a:after { transform: rotate(180deg); color: var(--color-interaction-text-active); }
.urunTabAlt table tbody tr:last-child td { border-bottom: none; }
.categoryTitleText { font-size: var(--font-size-xl); font-family: var(--font-heading); font-weight: 700; color: var(--color-heading); margin-bottom: var(--space-4); }
#ProductListMainContainer #ProductPageProductList.ProductList, .ProductList { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: var(--space-8); padding: 0 !important; }
#divSayfalamaUst { display: block !important; }
.c-offcanvas-filter-drawer { position: fixed !important; top: 0 !important; bottom: 0 !important; left: 0 !important; transform: translate(-100%) !important; visibility: hidden !important; opacity: 0 !important; z-index: 9999 !important; width: 100% !important; max-width: 320px !important; background: var(--card-background-color) !important; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); box-shadow: var(--shadow-lg) !important; transition: transform var(--transition-speed) var(--transition-timing-soft) !important; overflow: hidden !important; display: flex !important; flex-direction: column !important; }
.c-offcanvas-filter-drawer.is-open { transform: translate(0) !important; visibility: visible !important; opacity: 1 !important; }
.c-offcanvas-filter-drawer .FiltreUst { display: flex !important; align-items: center !important; justify-content: space-between !important; padding: var(--space-3) !important; border-bottom: 1px solid var(--color-border-light) !important; flex-shrink: 0 !important; }
.c-offcanvas-filter-drawer .FiltreUst span { font-size: var(--font-size-md) !important; font-weight: 600 !important; color: var(--color-heading) !important; }
.c-offcanvas-filter-drawer .closeFilt { cursor: pointer !important; font-size: var(--font-size-lg) !important; color: var(--color-text-secondary) !important; transition: color .2s ease !important; }
.c-offcanvas-filter-drawer .FiltreicerikAlan { padding: var(--space-3) !important; overflow-y: auto !important; flex-grow: 1 !important; }
.c-offcanvas-filter-drawer .filtreAlt { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: var(--space-2) !important; padding: var(--space-3) !important; border-top: 1px solid var(--color-border-light) !important; background: var(--card-background-color) !important; flex-shrink: 0 !important; }
.c-offcanvas-filter-drawer .filtreUygulaBtn span { display: block !important; width: 100% !important; padding: var(--space-2) var(--space-3) !important; background-color: var(--accent) !important; color: var(--button-primary-text-color) !important; border-radius: var(--border-radius) !important; text-align: center !important; font-weight: 600 !important; cursor: pointer !important; font-size: var(--font-size-sm) !important; }
.c-offcanvas-filter-drawer .filtreAlt a.clear { display: flex !important; align-items: center !important; justify-content: center !important; background-color: var(--color-background-muted) !important; border-radius: var(--border-radius) !important; color: var(--color-text-secondary) !important; font-size: var(--font-size-md) !important; }
.c-offcanvas-filter-drawer .panel { border: none !important; border-radius: 0 !important; box-shadow: none !important; margin-bottom: var(--space-3) !important; width: 100% !important; float: none !important; display: block !important; }
.c-offcanvas-filter-drawer .panel-heading { background: transparent !important; border: none !important; padding: var(--space-2) 0 !important; border-bottom: 1px solid var(--color-border-light) !important; cursor: pointer !important; display: flex !important; justify-content: space-between !important; align-items: center !important; position: relative !important; }
.c-offcanvas-filter-drawer .panel-heading .panel-title { font-size: var(--font-size-sm) !important; font-weight: 600 !important; color: var(--color-heading) !important; flex-grow: 1 !important; }
.c-offcanvas-filter-drawer .panel-heading a.panel-title:after { content: "\f107"; font-family: FontAwesome; position: absolute; top: 50%; right: 5px; transform: translateY(-50%); transition: transform .2s ease; color: var(--color-text-secondary); font-size: var(--font-size-xs) !important; }
.c-offcanvas-filter-drawer .panel-heading.active a.panel-title:after { transform: translateY(-50%) rotate(180deg); }
.c-offcanvas-filter-drawer .list-group { padding: var(--space-2) 0 0 0 !important; display: block !important; max-height: none !important; box-shadow: none !important; position: static !important; border: none !important; overflow: visible !important; background: transparent !important; }
.c-offcanvas-filter-drawer .panel-heading:not(.active) + .list-group { display: none !important; }
.c-offcanvas-filter-drawer .list-group-item { border: none !important; padding: 0 !important; width: 100% !important; display: block !important; margin: 0 !important; }
.c-offcanvas-filter-drawer .list-group-item a { display: flex !important; align-items: center !important; padding: var(--space-1) var(--space-1) !important; color: var(--color-text-default) !important; border-radius: var(--border-radius-sm) !important; transition: background-color .2s ease !important; text-decoration: none !important; line-height: normal !important; font-size: var(--font-size-xs) !important; }
.c-offcanvas-filter-drawer .list-group-item.selected a { font-weight: 600 !important; color: var(--accent) !important; }
.c-offcanvas-filter-drawer .FiyatSlider { padding-bottom: var(--space-3) !important; width: 100% !important; margin: 0 !important; }
.c-offcanvas-filter-drawer .FiyatSlider .amount { margin-top: var(--space-2) !important; font-size: var(--font-size-xs) !important; font-weight: 500 !important; color: var(--color-text-default) !important; }
.c-offcanvas-filter-drawer .FiyatSlider .slider-range { height: 3px !important; background: var(--color-border-light) !important; border: none !important; border-radius: var(--border-radius-full) !important; }
.c-offcanvas-filter-drawer .FiyatSlider .ui-slider-range { background: var(--accent) !important; border: none !important; }
.c-offcanvas-filter-drawer .FiyatSlider .ui-slider-handle { width: 14px !important; height: 14px !important; border-radius: 50% !important; background: var(--color-white) !important; border: 2px solid var(--accent) !important; cursor: pointer !important; top: -.35em !important; margin-left: -.5em !important; box-shadow: var(--shadow-sm) !important; }
.c-offcanvas-filter-drawer .tukgo { padding: var(--space-2) 0 !important; border-bottom: 1px solid var(--color-border-light) !important; margin-bottom: var(--space-3) !important; }
.filterOrderInStock { display: flex !important; align-items: center !important; gap: var(--space-2) !important; cursor: pointer !important; text-decoration: none !important; color: var(--color-text-default) !important; font-size: var(--font-size-sm) !important; font-weight: 500 !important; transition: color .2s ease !important; }
.sortingContent .filterOrderInStock { font-size: var(--font-size-xs) !important; }
.c-checkbox-indicator { width: 16px !important; height: 16px !important; border: 2px solid var(--color-border-dark) !important; border-radius: var(--border-radius-sm) !important; background-color: transparent !important; position: relative !important; transition: all .2s ease !important; flex-shrink: 0 !important; }
.filterOrderInStock.selected { color: var(--accent) !important; }
.filterOrderInStock.selected .c-checkbox-indicator { background-color: var(--accent) !important; border-color: var(--accent) !important; }
.filterOrderInStock.selected .c-checkbox-indicator:after { content: "\f00c" !important; font-family: FontAwesome !important; color: var(--color-white) !important; font-size: 10px !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; }
#divSayfalamaUst > .FiltreBtn { display: flex !important; align-items: center !important; justify-content: center !important; gap: var(--space-2) !important; padding: var(--space-2) var(--space-3) !important; border-radius: var(--border-radius) !important; background-color: var(--color-background-muted) !important; color: var(--color-text-default) !important; font-weight: 500 !important; text-decoration: none !important; cursor: pointer !important; transition: all .2s ease !important; margin-bottom: var(--space-4) !important; }
#divSayfalamaUst > .FiltreBtn:hover { background-color: var(--accent) !important; color: var(--color-white) !important; }
.subDivisionDiv { margin-bottom: var(--space-6); width: 100%; }
.subDivisionContainer ul { display: flex; flex-wrap: wrap; gap: var(--space-2); list-style: none; padding: 0; margin: 0; }
.subDivisionContainer ul li a { display: block; padding: var(--space-2) var(--space-1); color: var(--color-text-default); border-radius: var(--border-radius-sm); transition: background-color .2s ease; }
.subDivisionContainer ul li a:hover { background-color: var(--color-background-muted); }
.uyeOlContainer .FormTitle { display: block; margin: 20px 0; font-size: clamp(1.625rem, 3.5vw, 2.25rem); text-align: center; }
#FrmYeniUye > .uyeOlCol { margin: 30px 20px 0 0; padding: 30px; background-color: var(--card-background-color); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid var(--color-border-light); border-radius: var(--border-radius); width: calc(50% - 10px); color: var(--color-text-default) !important; }
#FrmYeniUye > .uyeOlCol:nth-child(2) { margin-right: 0; }
.uyeOlRow { margin: 0; }
.uyeOlCol .uyeOlCol { width: auto; padding: 0; }
.uyeOlCol .uyeOlCol-3 { padding-left: 0; }
.uyeOlCol label { font-size: var(--font-size-sm); margin-bottom: 10px; display: inline-block; color: var(--color-heading); }
.uyeOlCol input.textbox { font-size: 14px; display: block; letter-spacing: .3px; background-color: var(--card-background-color) !important; height: auto !important; border-radius: var(--border-radius-sm); box-shadow: none; padding: 15px 0; border: 1px solid var(--color-border-light) !important; font-weight: 400; color: var(--color-text-default) !important; width: 100%; text-indent: 15px; transition: all var(--transition-speed) var(--transition-timing-soft); }
.uyeOlCol select.selectboxx { font-size: 14px; display: block; letter-spacing: .3px; background-color: var(--card-background-color) !important; height: auto; border-radius: var(--border-radius-sm); box-shadow: none; padding: 15px 0; border: 1px solid var(--color-border-light) !important; font-weight: 400; color: var(--color-text-default) !important; width: 100%; text-indent: 15px; transition: all var(--transition-speed) var(--transition-timing-soft); }
.uyeOlContainer .dateofbirth, .uyeOlContainer .gender { display: flex; align-items: center; gap: 10px; }
.uyeOlContainer .intl-tel-input { margin-bottom: 15px; }
.uyeOlContainer input.uyeol { height: auto; padding: 15px 0; line-height: normal; font-weight: 500; font-size: 16px; width: 100%; }
.uyeOlContainer .intl-tel-input input[type=tel] { padding-left: 48px !important; line-height: 1; }
.uyeOlContainer .uyeOlColItem.checkboxItem label span { display: inline-block; vertical-align: top; font-size: 13px; line-height: 14px; width: calc(100% - 26px); }
.uyeOlContainer .uyeol { width: 100%; text-align: center; padding: 2px; margin: 30px 0; height: 45px; font-size: 15px; line-height: 48px; }
.uyeOlContainer .uyeOlColItem.checkboxItem label input { margin-left: -20px; }
.uyeOlContainer .uyeOlColItem.checkboxItem label:before { margin-right: 10px; }
.uyeOlContainer .uyeOlCol .uyeOlCol { margin-right: 20px; }
.uyeOlContainer #chkSozlesme { margin: 0 !important; }
.uyeOlContainer #chkSozlesme + label { width: calc(100% - 20px); line-height: 15px; font-size: 13px; }
.userContainer { width: 100%; margin: 30px 0; }
.userContainer .userDivLeft, .userContainer .userDivRight { padding: 0 15px; }
.userContainer .userMail, .userContainer .userSms, .userContainer .userSozlesmeDiv { width: 100%; margin: 10px 0 0; }
.userContainer .userMail label, .userContainer .userSms label, .userContainer .userSozlesmeDiv label { width: 93%; color: var(--color-text-default); }
.userContainer #chkSozlesme + label { width: 93%; }
.userContainer .userLeftBox, .userContainer .userRightBox { width: 100%; margin: 0; padding: 25px; background-color: var(--card-background-color); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid var(--color-border-light); border-radius: var(--border-radius); color: var(--color-text-default) !important; }
.userContainer .userLoginBtn, .userContainer .userSignBtn { width: 100%; }
.userContainer .uyeGirisBeniHatirla { margin: 20px 0; }
.userContainer .uyeGirisBeniHatirla input { width: 16px; height: 16px; margin-right: 10px; }
.userContainer .userPassBtn { margin: 20px 0; }
.SifremiUnuttum { width: 100%; margin: 30px 0; }
.SifremiUnuttum p { line-height: 25px; margin-bottom: 10px; }
.SifremiUnuttumInput { position: relative; width: 100%; display: flex; gap: 10px; }
.SifremiUnuttumInput #mainHolder_txtbxMail { flex-grow: 1; height: 40px; line-height: 40px; padding: 0 20px; }
.SifremiUnuttumInput .button { flex-shrink: 0; height: 40px; padding: 0 20px; }
.SifremiUnuttum .line { display: flex; align-items: center; gap: 10px; width: 100%; max-width: 400px; margin: 0 auto; }
.SifremiUnuttum .line .Left { flex-basis: 120px; flex-shrink: 0; }
.SifremiUnuttum .line .Right { flex-grow: 1; }
.SifremiUnuttumInput .validate { left: auto; right: 0; top: -38px; }
.SifremiUnuttumInput .validateSol { left: 0; right: auto; top: -38px; }
.SifremiUnuttumInput .validateSol .validateSolOk { border-radius: 0 0 15px; bottom: -5px; left: 10px; }
.userLogin { width: 100%; text-align: center; margin: 50px 0; }
.userLogin .newuserForm .uyelikonay.basariliUyelik { display: inline-block; vertical-align: top; }
.userLogin .newuserForm .uyelikonay.basariliUyelik .title { color: var(--color-black); }
.userLogin .newuserForm .uyelikonay.basariliUyelik .title:before { content: "\f00c"; font-family: FontAwesome; display: block; font-size: 40px; color: var(--color-success); font-weight: 700; margin-bottom: 10px; }
.userLogin .newuserForm .uyelikonay.basariliUyelik .title h4 { font-size: 25px; }
.userLogin .newuserForm .uyelikonay.basariliUyelik .title span { font-size: 15px; margin: 10px 0; display: inline-block; vertical-align: top; }
.userLogin .newuserForm .uyelikonay.basariliUyelik a { padding: 15px; display: inline-block; vertical-align: top; font-size: 14px; }
.hesabimAnasayfaMenuler ul li a:hover .fa { color: var(--color-white); }
.HesabimContainer .urunDetayPanel { max-height: 100%; }
.orders { width: 100%; }
.iletisimContent .categoryTitle { padding: 0; margin: 0 0 30px; width: 100%; text-align: left; }
.iletisimContent .categoryTitle .categoryTitleText { margin-bottom: 0; font-size: clamp(1.5rem, 3vw, 2rem); font-weight: 700; line-height: 80px; text-align: left; color: var(--accent); }
.iletisimContent .categoryTitle:after { clear: left; content: ""; width: 70px; height: 1px; background: var(--color-border-light); }
.iletisimContent .iletisimLeft .Left, .iletisimContent .iletisimLeft .Center { display: none; }
.iletisimLeft .span { width: 100%; margin-top: 20px; }
.iletisimLeft .Right { display: block; color: var(--color-text-default); font-size: 14px; line-height: 20px; }
.iletisimLeft .Right:before { color: var(--color-text-secondary); font-size: 20px; font-family: FontAwesome; width: 35px; text-align: left; font-weight: 300; }
.span.iletisimLeftFirmaAdi .Right { font-size: 20px; font-weight: 700; }
.span.iletisimLeftTelefon .Right { font-size: 24px; }
.span.iletisimLeftTelefon .Right:before { content: "\f0a0"; }
.span.iletisimLeftFaks .Right:before { content: "\f1ac"; }
.span.iletisimLeftAdres .Right:before { content: "\f3c5"; }
.span.iletisimLeftEposta .Right:before { content: "\f2b6"; }
.iletisimRight { padding: 0; margin: 0; width: 100%; }
.iletisimRight .iletisimbanka, .iletisimRight .iletisimbanka .span { padding: 0; width: 100%; margin: 0; }
.iletisimRight .iletisimbanka .span > div { display: block; font-size: 0; border-bottom: 1px solid var(--color-border-light); padding: 0 0 20px; margin: 0 0 20px; }
.iletisimRight .iletisimbanka .span > div span { display: inline-block; vertical-align: top; width: auto !important; color: var(--color-text-default); font-size: 14px; }
.iletisimRight .iletisimbanka .span > div div { display: inline-block; vertical-align: top; }
.iletisimRight .iletisimbanka .span > div.line1 span { display: block; }
.iletisimRight .iletisimbanka .span > div.line1 { text-align: center; }
.iletisimRight .iletisimbanka .span > div.line1 .line1 { text-align: left; }
.iletisimRight .iletisimbanka .span > div.line1 .line4 { text-align: right; }
.iletisimRight .iletisimbanka .span > div.line1 > div { display: inline-block; vertical-align: top; width: 25%; }
.iletisimRight .iletisimbanka .span > div.line1 > div span:nth-child(1) { margin-bottom: 10px; }
.iletisimRight .iletisimbanka .span > div.line2 > div.line2 { display: block; }
.iletisimRight .iletisimbanka .span > .line1:nth-child(n+2) { border-top: 4px solid; margin-top: 20px; padding-top: 20px; border-color: var(--accent); }
.iletisimContent .validate .validateOk, .iletisimContent .validateSol .validateSolOk, .iletisimContent .validateOrta .validateOrtaOk { left: 0; right: 0; bottom: 0; width: 100%; height: 2px; background-color: var(--color-danger); border-radius: 2px; }
.iletisimContent .validate, .iletisimContent .validateSol, .iletisimContent .validateOrta { inset: auto 0 0; display: block; border-radius: 2px; }
.iletisimForm { width: 100%; }
.iletisimForm .span { display: flex; flex-wrap: wrap; gap: 15px; margin-bottom: 20px; }
.iletisimForm .span .Left { flex-shrink: 0; flex-basis: 120px; font-size: 12px; color: var(--color-text-strong); font-weight: 600; padding-top: 10px; }
.iletisimForm .span .Right { flex-grow: 1; position: relative; }
.iletisimForm .span .Center { display: none; }
.iletisimForm input.textbox, .iletisimForm textarea.textarea { height: 44px; ; padding: 0 10px; width: 100%;border: 1px solid var(--color-border-light);background-color: var(--card-background-color);color: var(--color-text-default);border-radius: var(--border-radius, 8px); }
.iletisimForm textarea.textarea { height: 120px; padding: 10px; }
.iletisimForm .iletisimBtn { margin-top: 20px; }
.AdBan { display: flex; flex-wrap: wrap; gap: var(--space-7); }
.iletisimLeft, .iletisimForm { flex: 1 1 400px; padding: 0; margin: 0; }
.iletisimContent .AdBan { display: flex; flex-wrap: wrap; gap: var(--space-7); }
.iletisimContent .iletisimLeft, .iletisimContent .iletisimForm { flex: 1 1 400px; }
.iletisimContent .iletisimLeft { margin: 0; padding: 0; }
.iletisimContent .iletisimForm { padding: 0; }
.Magazalar #header { margin-bottom: 50px; }
.Magazalar .magazaSelect { background: var(--card-background-color); border: 1px solid var(--color-border-light); color: var(--color-text-default); font-size: 13px; margin-right: 20px; width: calc(25% - 20px); }
.Magazalar #searchStore { width: 25%; margin: 0; display: flex; }
.Magazalar #searchStore input { background: var(--card-background-color); border: 1px solid var(--color-border-light); color: var(--color-text-default); font-size: 13px; width: calc(100% - 115px); }
.Magazalar #searchStore .buton { width: 105px; background: var(--accent); border-color: var(--accent); color: var(--button-primary-text-color); }
.Magazalar #searchStore .buton:hover { background-color: var(--accent-light); border-color: var(--accent-light); }
.Magazalar .magazalarContent { width: 100%; margin-top: 50px; display: flex; flex-direction: column; gap: 20px; }
.Magazalar #nearStores { width: 100%; }
.Magazalar #nearStores > h2 { font-weight: 600 !important; color: var(--color-heading); font-size: 18px; }
.siparisTakipSayfasi { background: var(--card-background-color); border-radius: var(--border-radius); padding: var(--space-6); box-shadow: var(--shadow-sm); }
.siparisTakipSayfasi .siparisTakipBaslik { text-align: center; padding: 20px 0 !important; color: var(--color-heading); }
.skhero-grid-container { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; max-width: 100%; box-sizing: border-box; font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; }
.skhero-tile { position: relative; height: 400px; overflow: hidden; border-radius: 0; }
.skhero-content-wrapper { padding-top: 55px; z-index: 2; position: relative; pointer-events: none; text-align: center; }
.skhero-title { font-size: 40px; line-height: 1.1; font-weight: 600; letter-spacing: -0.005em; margin: 0; color: #1d1d1f; }
.skhero-tagline { font-size: 21px; line-height: 1.2381; font-weight: 400; letter-spacing: 0.011em; margin-top: 6px; margin-bottom: 0; color: #1d1d1f; }
.skhero-slider-tile { padding: 0; }
.skhero-slides-track { display: flex; width: 100%; height: 100%; transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1); }
.skhero-slide { min-width: 100%; height: 100%; position: relative; text-align: center; }
.skhero-dots-container { position: absolute; bottom: 25px; left: 50%; transform: translateX(-50%); display: flex; gap: 10px; z-index: 10; }
.skhero-nav-dot { width: 8px; height: 8px; background-color: rgba(0, 0, 0, 0.2); border-radius: 50%; cursor: pointer; transition: background-color 0.3s; }
.skhero-nav-dot.active { background-color: rgba(29, 29, 31, 0.8); }
.skhero-img-bg { height: 100%; width: 100%; position: absolute; bottom: 0; left: 0; background-size: contain; background-position: center bottom; background-repeat: no-repeat; }
.skhero-pos-1 { transform: scale(0.8) translateY(50px); }
.skhero-pos-2 { transform: scale(0.75) translateY(40px); }
.skhero-pos-3 { transform: scale(0.6) translateY(20px); }
.skhero-pos-right { transform: scale(0.9) translateY(80px); }
.block { display: block; }
.inline { display: inline; }
.inline-block { display: inline-block; }
.hidden { display: none; }
.static { position: static; }
.relative { position: relative; }
.absolute { position: absolute; }
.fixed { position: fixed; }
.sticky { position: sticky; }
.border { border-width: 1px; border-style: solid; border-color: var(--color-border-light); }
.border-0 { border-width: 0; }
.border-t { border-top-width: 1px; border-top-style: solid; border-top-color: var(--color-border-light); }
.border-b { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: var(--color-border-light); }
.border-l { border-left-width: 1px; border-left-style: solid; border-left-color: var(--color-border-light); }
.border-r { border-right-width: 1px; border-right-style: solid; border-right-color: var(--color-border-light); }
.border-2 { border-width: 2px; }
.border-4 { border-width: 4px; }
.border-8 { border-width: 8px; }
.border-primary { border-color: var(--accent); }
.border-light { border-color: var(--color-border-light); }
.border-black { border-color: var(--color-black); }
.border-white { border-color: var(--color-white); }
.shadow-sm { box-shadow: var(--shadow-sm); }
.shadow { box-shadow: var(--shadow); }
.shadow-md { box-shadow: var(--shadow-md); }
.shadow-lg { box-shadow: var(--shadow-lg); }
.shadow-xl { box-shadow: var(--shadow-xl); }
.rounded-none { border-radius: 0; }
.rounded-sm { border-radius: var(--border-radius-sm); }
.rounded { border-radius: var(--border-radius); }
.rounded-md { border-radius: var(--border-radius-md); }
.rounded-lg { border-radius: var(--border-radius-lg); }
.rounded-xl { border-radius: var(--border-radius-xl); }
.rounded-full { border-radius: var(--border-radius-full); }
.p-1 { padding: var(--space-1); }
.p-2 { padding: var(--space-2); }
.p-3 { padding: var(--space-3); }
.p-4 { padding: var(--space-4); }
.p-5 { padding: var(--space-5); }
.p-6 { padding: var(--space-6); }
.pt-1 { padding-top: var(--space-1); }
.pt-2 { padding-top: var(--space-2); }
.pt-3 { padding-top: var(--space-3); }
.pt-4 { padding-top: var(--space-4); }
.pt-5 { padding-top: var(--space-5); }
.pt-6 { padding-top: var(--space-6); }
.pb-1 { padding-bottom: var(--space-1); }
.pb-2 { padding-bottom: var(--space-2); }
.pb-3 { padding-bottom: var(--space-3); }
.pb-4 { padding-bottom: var(--space-4); }
.pb-5 { padding-bottom: var(--space-5); }
.pb-6 { padding-bottom: var(--space-6); }
.pl-1 { padding-left: var(--space-1); }
.pl-2 { padding-left: var(--space-2); }
.pl-3 { padding-left: var(--space-3); }
.pl-4 { padding-left: var(--space-4); }
.pl-5 { padding-left: var(--space-5); }
.pl-6 { padding-left: var(--space-6); }
.pr-1 { padding-right: var(--space-1); }
.pr-2 { padding-right: var(--space-2); }
.pr-3 { padding-right: var(--space-3); }
.pr-4 { padding-right: var(--space-4); }
.pr-5 { padding-right: var(--space-5); }
.pr-6 { padding-right: var(--space-6); }
.px-1 { padding-left: var(--space-1); padding-right: var(--space-1); }
.px-2 { padding-left: var(--space-2); padding-right: var(--space-2); }
.px-3 { padding-left: var(--space-3); padding-right: var(--space-3); }
.px-4 { padding-left: var(--space-4); padding-right: var(--space-4); }
.px-5 { padding-left: var(--space-5); padding-right: var(--space-5); }
.px-6 { padding-left: var(--space-6); padding-right: var(--space-6); }
.py-1 { padding-top: var(--space-1); padding-bottom: var(--space-1); }
.py-2 { padding-top: var(--space-2); padding-bottom: var(--space-2); }
.py-3 { padding-top: var(--space-3); padding-bottom: var(--space-3); }
.py-4 { padding-top: var(--space-4); padding-bottom: var(--space-4); }
.py-5 { padding-top: var(--space-5); padding-bottom: var(--space-5); }
.py-6 { padding-top: var(--space-6); padding-bottom: var(--space-6); }
.m-1 { margin: var(--space-1); }
.m-2 { margin: var(--space-2); }
.m-3 { margin: var(--space-3); }
.m-4 { margin: var(--space-4); }
.m-5 { margin: var(--space-5); }
.m-6 { margin: var(--space-6); }
.mt-1 { margin-top: var(--space-1); }
.mt-2 { margin-top: var(--space-2); }
.mt-3 { margin-top: var(--space-3); }
.mt-4 { margin-top: var(--space-4); }
.mt-5 { margin-top: var(--space-5); }
.mt-6 { margin-top: var(--space-6); }
.mb-1 { margin-bottom: var(--space-1); }
.mb-2 { margin-bottom: var(--space-2); }
.mb-3 { margin-bottom: var(--space-3); }
.mb-4 { margin-bottom: var(--space-4); }
.mb-5 { margin-bottom: var(--space-5); }
.mb-6 { margin-bottom: var(--space-6); }
.ml-1 { margin-left: var(--space-1); }
.ml-2 { margin-left: var(--space-2); }
.ml-3 { margin-left: var(--space-3); }
.ml-4 { margin-left: var(--space-4); }
.ml-5 { margin-left: var(--space-5); }
.ml-6 { margin-left: var(--space-6); }
.mr-1 { margin-right: var(--space-1); }
.mr-2 { margin-right: var(--space-2); }
.mr-3 { margin-right: var(--space-3); }
.mr-4 { margin-right: var(--space-4); }
.mr-5 { margin-right: var(--space-5); }
.mr-6 { margin-right: var(--space-6); }
.mx-1 { margin-left: var(--space-1); margin-right: var(--space-1); }
.mx-2 { margin-left: var(--space-2); margin-right: var(--space-2); }
.mx-3 { margin-left: var(--space-3); margin-right: var(--space-3); }
.mx-4 { margin-left: var(--space-4); margin-right: var(--space-4); }
.mx-5 { margin-left: var(--space-5); margin-right: var(--space-5); }
.mx-6 { margin-left: var(--space-6); margin-right: var(--space-6); }
.my-1 { margin-top: var(--space-1); margin-bottom: var(--space-1); }
.my-2 { margin-top: var(--space-2); margin-bottom: var(--space-2); }
.my-3 { margin-top: var(--space-3); margin-bottom: var(--space-3); }
.my-4 { margin-top: var(--space-4); margin-bottom: var(--space-4); }
.my-5 { margin-top: var(--space-5); margin-bottom: var(--space-5); }
.my-6 { margin-top: var(--space-6); margin-bottom: var(--space-6); }
.flex { display: flex; }
.inline-flex { display: inline-flex; }
.flex-row { flex-direction: row; }
.flex-col { flex-direction: column; }
.flex-wrap { flex-wrap: wrap; }
.justify-start { justify-content: flex-start; }
.justify-end { justify-content: flex-end; }
.justify-center { justify-content: center; }
.justify-between { justify-content: space-between; }
.justify-around { justify-content: space-around; }
.items-start { align-items: flex-start; }
.items-end { align-items: flex-end; }
.items-center { align-items: center; }
.items-baseline { align-items: baseline; }
.items-stretch { align-items: stretch; }
.self-start { align-self: flex-start; }
.self-end { align-self: flex-end; }
.self-center { align-self: center; }
.self-baseline { align-self: baseline; }
.self-stretch { align-self: stretch; }
.flex-grow { flex-grow: 1; }
.flex-shrink { flex-shrink: 1; }
.gap-1 { gap: var(--space-1); }
.gap-2 { gap: var(--space-2); }
.gap-3 { gap: var(--space-3); }
.gap-4 { gap: var(--space-4); }
.gap-5 { gap: var(--space-5); }
.gap-6 { gap: var(--space-6); }
.w-full { width: 100%; }
.h-full { height: 100%; }
.max-w-md { max-width: 28rem; }
.min-h-screen { min-height: 100vh; }
.text-xs { font-size: var(--font-size-xs); }
.text-sm { font-size: var(--font-size-sm); }
.text-base { font-size: var(--font-size-base); }
.text-md { font-size: var(--font-size-md); }
.text-lg { font-size: var(--font-size-lg); }
.text-xl { font-size: var(--font-size-xl); }
.font-normal { font-weight: 400; }
.font-medium { font-weight: 500; }
.font-semibold { font-weight: 600; }
.font-bold { font-weight: 700; }
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-primary { color: var(--accent); }
.text-secondary { color: var(--color-text-secondary); }
.text-default { color: var(--color-text-default); }
.text-strong { color: var(--color-text-strong); }
.text-white { color: var(--color-white); }
.text-black { color: var(--color-black); }
.text-success { color: var(--color-success); }
.text-danger { color: var(--color-danger); }
.text-warning { color: var(--color-warning); }
.text-info { color: var(--color-info); }
.bg-primary { background-color: var(--accent) !important; color: var(--button-primary-text-color) !important; }
.bg-background-body { background-color: var(--color-background-body) !important; }
.bg-background-muted { background-color: var(--color-background-muted) !important; }
.bg-background-light { background-color: var(--color-background-light) !important; }
.bg-card { background-color: var(--card-background-color) !important; }
.bg-white { background-color: var(--palette-neutral-0) !important; color: var(--palette-neutral-1000) !important; }
.bg-black { background-color: var(--palette-neutral-1000) !important; color: var(--palette-neutral-0) !important; }
.bg-success { background-color: var(--palette-state-success) !important; color: var(--palette-neutral-0) !important; }
.bg-danger { background-color: var(--palette-state-danger) !important; color: var(--palette-neutral-0) !important; }
.bg-warning { background-color: var(--palette-state-warning) !important; color: var(--palette-neutral-1000) !important; }
.bg-info { background-color: var(--palette-state-info) !important; color: var(--palette-neutral-0) !important; }
.visible { visibility: visible; }
.invisible { visibility: hidden; }
.is-interactive { transition: all var(--transition-speed) var(--transition-timing-soft) !important; cursor: pointer !important; }
.is-interactive:hover { background-color: var(--color-interaction-hover) !important; color: var(--color-interaction-text-hover) !important; transform: translateY(-1px); }
.is-interactive.active, .is-interactive.selected, .is-interactive.Active { background-color: var(--color-interaction-active) !important; color: var(--color-interaction-text-active) !important; transform: none !important; box-shadow: var(--shadow-sm) !important; }
::-webkit-scrollbar { width: 6px !important; height: 6px !important; }
::-webkit-scrollbar-track { background: var(--color-background-muted) !important; border-radius: var(--border-radius-full) !important; }
::-webkit-scrollbar-thumb { background-color: oklch(from var(--accent) l c h / .4) !important; border-radius: var(--border-radius-full) !important; transition: background-color var(--transition-speed) var(--transition-timing-soft) !important; }
::-webkit-scrollbar-thumb:hover { background-color: var(--accent) !important; }
* { scrollbar-width: thin; scrollbar-color: oklch(from var(--accent) l c h / .4) var(--color-background-muted); }
body.overflow { overflow: hidden !important; height: 100vh; width: 100%; position: fixed; }
.validate, .validateSol, .validateOrta { position: absolute; right: 0; left: 0; bottom: 0; background-color: var(--color-validation-bg); color: var(--color-white); border-radius: 5px; padding: 0 10px; }
.validate .validateOk, .validateSol .validateSolOk, .validateOrta .validateOrtaOk { background-color: var(--color-validation-bg); position: absolute; right: 0; bottom: 0; left: 0; height: 10px; display: block; border-radius: 0 0 5px 5px; }
.Block_Title, #mainHolder_divDesign .ProductListprev, #mainHolder_divDesign .ProductListnext { display: none !important; }
#mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm, #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-1, #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-2, #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-3, #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-4, #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-5, #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-6, #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-7, #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-8, #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-9, #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-10, #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-11, #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-12, #mainHolder_divDesign .hazirBlokContent .txrow .txcol-12 { padding: 0 !important; }
.panel-search > input { height: 22px; }
.category-vertical-filters { border: none !important; padding: 10px 20px 0 !important; }
.c-offcanvas-filter-drawer .panel-search { display: none !important; }
.cloudzoom-blank, .cloudzoom-lens { display: none !important; }
#headerNew .header .newHeaderNavigation.mobileStyle .newHeaderNav .newMenuTop { background: rgba(1, 22, 30, 1); }
#headerNew .header .newHeaderNavigation.mobileStyle .dropDown-wrap .nav-submenu, #headerNew .header .newHeaderNavigation.mobileStyle .dropDown-wrap, #headerNew .header .newHeaderNavigation.mobileStyle .newHeaderNav, #headerNew .header .newHeaderNavigation.mobileStyle .menu-wrap, #headerNew .header .newHeaderNavigation.mobileStyle .menu-list-row .kolon .nav-submenu { background: rgba(1, 22, 30, 1); }
#headerNew .header .newHeaderNavigation.mobileStyle .newHeaderNav .newMenuTop .menuBackBtn { color: rgba(240, 240, 240, 1); font-size: 14px; font-weight: 400; }
#headerNew .header .newHeaderNavigation.mobileStyle .newHeaderNav .newMenuTop .menuCloseBtn { background: rgba(1, 22, 30, 1); color: rgba(240, 240, 240, 1); font-size: 22px; }
#headerNew .header .newHeaderNavigation.mobileStyle .newHeaderNavUl > li { min-height: 40px; max-height: 40px; background: rgba(2, 49, 66, 1); margin-bottom: 8px; }
#headerNew .header .newHeaderNavigation.mobileStyle .newHeaderNavUl.newHeaderDropDown li a, #headerNew .header .newHeaderNavigation.mobileStyle .newHeaderNavUl li { }
#headerNew .header .newHeaderNavigation.mobileStyle .newHeaderNavUl .dropDown-wrap > li > a, #headerNew .header .newHeaderNavigation.mobileStyle .newHeaderNavUl .kolon > li > a { color: rgba(240, 240, 240, 1); font-size: 14px; font-weight: 100; letter-spacing: 0; display: flex; }
[data-theme=dark] { --accent: var(--palette-accent-light); --color-white: var(--palette-neutral-900); --color-black: var(--palette-neutral-0); --color-heading: oklch(98% 0 0); --color-text-default: oklch(95% 0 0); --color-text-secondary: oklch(85% 0 0); --color-border-light: oklch(1 0 0 / .1); --color-border-dark: oklch(1 0 0 / .2); --color-background-muted: oklch(1 0 0 / .05); --color-background-soft: oklch(1 0 0 / .1); --bg-color: var(--palette-blue-prussian); --card-background-color: oklch(0 0 0 / .3); --color-interaction-hover: oklch(from var(--accent) l c h / .25); --color-interaction-active: var(--accent); --color-interaction-text-hover: var(--accent); --color-interaction-text-active: var(--button-primary-text-color); --sidebar-width: 280px; --color-background-body: var(--bg-color); --accent-rgb: 242, 90, 137; --shadow: 0 1px 3px 0 rgba(var(--color-black-rgb), .4), 0 1px 2px 0 rgba(var(--color-black-rgb), .2); --slide-bg-1: linear-gradient(180deg, rgba(var(--palette-cyan-process-rgb), .3) 0%, var(--bg-color) 100%); --slide-text-1: var(--color-white); --slide-bg-2: linear-gradient(180deg, rgba(var(--palette-sky-blue-rgb), .3) 0%, var(--bg-color) 100%); --slide-text-2: var(--color-white); --slide-bg-3: linear-gradient(180deg, rgba(var(--palette-verdigris-rgb), .3) 0%, var(--bg-color) 100%); --slide-text-3: var(--color-white); --slide-bg-4: linear-gradient(180deg, rgba(var(--palette-murrey-rgb), .3) 0%, var(--bg-color) 100%); --slide-text-4: var(--color-white); --slide-bg-5: linear-gradient(180deg, rgba(var(--palette-xanthous-rgb), .3) 0%, var(--bg-color) 100%); --slide-text-5: var(--color-white); --slide-bg-6: linear-gradient(180deg, rgba(var(--palette-blue-baby-rgb), .3) 0%, var(--bg-color) 100%); --slide-text-6: var(--color-white); --product-card-background: var(--card-background-color); --product-card-shadow: var(--shadow); --product-card-title-color: var(--color-text-default); --product-card-price-color: var(--color-text-default); --product-card-price-color-discounted: var(--color-text-default); --product-card-badge-background: var(--accent); --product-card-badge-text-color: var(--color-white); --product-card-icon-color: var(--color-black); --product-card-icon-color-active: var(--accent); --product-card-overlay-background: rgba(0, 0, 0, .8); --product-card-overlay-text-color: var(--color-white); --product-card-outofstock-background: oklch(1 0 0 / .8); --product-card-outofstock-text-color: oklch(0 0 0); --button-primary-background: var(--accent); --button-primary-text-color: oklch(0 0 0); --button-primary-background-hover: var(--accent-light); --button-secondary-background: var(--color-black); --button-secondary-text-color: var(--color-white); --button-secondary-background-hover: var(--color-white); --button-secondary-text-color-hover: var(--color-black); --button-secondary-border-hover: var(--color-black); --header-background: oklch(0 0 0 / .5); --nav-flyout-background: oklch(0 0 0 / .8); --search-background: oklch(0 0 0 / .6); --cart-popup-background: oklch(0 0 0 / .8); --mobile-menu-background: oklch(0 0 0 / .9); }
@supports (color: oklch(0 0 0)) {
[data-theme=dark] { --color-text-default: oklch(85.1% 0 0); --color-border-light: oklch(31.37% 0 0); --color-border-dark: oklch(45% 0 0); --color-background-muted: oklch(24.31% 0 0); --bg-color: oklch(30% .04 250); --card-background-color: oklch(0 0 0 / .3); }
}
html[data-theme=dark] input:-webkit-autofill, html[data-theme=dark] input:-webkit-autofill:hover, html[data-theme=dark] input:-webkit-autofill:focus, html[data-theme=dark] input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 50px var(--card-background-color) inset !important; -webkit-text-fill-color: var(--color-black) !important; }
html[data-theme=dark] .c-formSelect { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important; }
html[data-theme=dark] ::placeholder { color: var(--color-text-secondary) !important; }
html[data-theme=dark] .theme-toggle-button { color: var(--color-black) !important; }
html[data-theme=dark] .urunTab > ul > li > a { color: var(--color-black); }
html[data-theme=dark] .urunTab > ul > li.active > a { color: var(--color-black) !important; font-weight: 700; background-color: var(--color-background-muted) !important; }
html[data-theme=dark] .htop { background: var(--color-background-muted); }
html[data-theme=dark] #footer { background-color: var(--card-background-color); color: var(--color-text-default); }
html[data-theme=dark] .socialStore a { color: var(--color-text-default); }
html[data-theme=dark] .basketBtn input { color: var(--color-black); }
html[data-theme=dark] .sun-and-moon > .sun { transform: scale(1); }
html[data-theme=dark] .sun-and-moon > .sun-beams { transform: rotate(0); opacity: 1; }
html[data-theme=dark] .sun-and-moon > .moon > circle { transform: translate(0); }
html[data-theme=dark] .sk-brand-card:hover { background-color: var(--color-background-soft); border-color: var(--color-border-light); }
html[data-theme=dark] .sk-brand-card__logo { filter: invert(0.5) brightness(2); }
html[data-theme=dark] #brandscontainer li a:hover img, html[data-theme=dark] .sk-brand-card:hover .sk-brand-card__logo { filter: none; }
html[data-theme=dark] .sk-icon-card__icon { color: var(--color-black);filter: drop-shadow(0px 0px 1px white); }
html[data-theme=dark] #brandscontainer li a:hover { background-color: var(--color-background-soft); border-color: var(--color-border-light); }
html[data-theme=dark] .menu-item { box-shadow: var(--shadow); }
.flex-col { height: auto !important; display: flex !important; align-items: center !important; }
html[data-theme=dark] .product-variants-area .eksecenekLine .size_box { background-color: var(--card-background-color); color: var(--color-text-default); border-color: var(--color-border-light); }
html[data-theme=dark] .product-variants-area .eksecenekLine .size_box:hover { background-color: var(--color-background-muted); border-color: var(--accent); color: var(--color-text-default); }
html[data-theme=dark] .product-variants-area .eksecenekLine .size_box.selected { background-color: var(--accent); color: var(--color-white); border-color: var(--accent); }
html[data-theme=dark] .btnnostok { background-color: var(--color-white) !important; color: var(--color-black) !important; box-shadow: 0 4px 15px #00000080 !important; }
html[data-theme=dark] .btnnostok:after { border-color: transparent transparent var(--color-white) transparent; }
html[data-theme=dark] .eksecenekLine.kutuluvaryasyon .right_line .size_box { color: var(--color-black); }
html[data-theme=dark] .urunTabAlt thead td, html[data-theme=dark] .urunTabAlt thead th, html[data-theme=dark] .urunTabAlt th, html[data-theme=dark] .urunTabAlt td { color: var(--color-text-default); }
html[data-theme=dark] .urunTabAlt tbody tr:last-of-type { border-bottom: none; }
html[data-theme=dark] .urunTabAlt tbody { border-color: var(--color-border-light); }
html[data-theme=dark] #divOnyazi > span { color: var(--color-text-default); }
html[data-theme=dark] .urunDetayPanel p, html[data-theme=dark] .urunDetayPanel h1, html[data-theme=dark] .urunDetayPanel h2, html[data-theme=dark] .urunDetayPanel h3, html[data-theme=dark] .urunDetayPanel h4, html[data-theme=dark] .urunDetayPanel h5, html[data-theme=dark] .urunDetayPanel h6, html[data-theme=dark] .urunDetayPanel ul li { color: var(--color-text-default); }
html[data-theme=dark] #divEtiketler .productModuleTitle { color: var(--color-black); }
html[data-theme=dark] .category-vertical-filters.top-filters { background-color: var(--bg-color); }
html[data-theme=dark] .category-vertical-filters.top-filters .panel, html[data-theme=dark] .category-vertical-filters.top-filters .tukgo .filterOrderInStock, html[data-theme=dark] body #divSayfalamaUst.Slct .brandlistselection, html[data-theme=dark] body #divSayfalamaUst:not(.Slct) .brandlistselection { background-color: var(--card-background-color); }
html[data-theme=dark] .category-vertical-filters.top-filters .panel .panel-heading a, html[data-theme=dark] .category-vertical-filters.top-filters .tukgo .filterOrderInStock, html[data-theme=dark] .category-vertical-filters.top-filters .list-group.dropdown li a, html[data-theme=dark] body #divSayfalamaUst.Slct .brandlistselection .sortingContent select, html[data-theme=dark] .category-vertical-filters.top-filters .panel .panel-heading .moreNum { color: var(--color-text-default); }
html[data-theme=dark] #divSayfalamaUst .sortingContent select { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important; }
html[data-theme=dark] .category-vertical-filters .vertical-filter-panel .list-group-item { background-color: var(--card-background-color) !important; color: var(--color-text-default) !important; }
html[data-theme=dark] .category-vertical-filters { background-color: var(--card-background-color) !important; }
html[data-theme=dark] .sortingContent li > a:hover, html[data-theme=dark] .sortingContent li > a.selected { color: var(--color-text-default) !important; background-color: var(--accent-light) !important; border-color: var(--accent-light) !important; }
html[data-theme=dark] .ProductListprev, html[data-theme=dark] .ProductListnext { background-color: #00000080 !important; color: var(--palette-neutral-0) !important; }
html[data-theme=dark] #pnlSlider .flex-control-paging li a { background-color: #fff3; }
body .urunListRel#divSayfalamaUst .blockSelect { display: none !important; }
.ProductList:after { display: none !important; }
#headerNew .newSearcBtnClick a, #headerNew .newMenuBtnClick a { color: var(--palette-neutral-0) !important; }
.newHeaderNavigation .newMenuBtnClick a:after { font-size: 1rem; color: var(--color-text-secondary); margin-left: 10px; }
.newHeaderNavigation.mobileStyle .ulVar .nextKolonBtn, #headerNew .header .newHeaderNavigation.mobileStyle .ulVar .nextSubBtn { left: 1% !important; }
.fa-facebook-f:before { content: "\f39e" !important; }
.hesabimBolumuTutucu i { vertical-align: middle; }
.adminUserLoginBody #mainHolder_Panel1 .newuserForm > div { margin: 0 !important; }
#theme-reload-overlay { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: var(--bg-color); z-index: 99999999; opacity: 0; visibility: hidden; transition: opacity .2s ease-in-out; display: flex; flex-direction: column; gap: 20px; align-items: center; justify-content: center; }
.theme-loader { width: 48px; height: 48px; border: 3px solid var(--color-white); border-bottom-color: transparent; border-radius: 50%; display: inline-block; box-sizing: border-box; animation: theme-rotation 1s linear infinite; }
@keyframes theme-rotation {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
[data-theme=dark] .c-productCard__favorite-button { background-color: #0006; border-color: #fff3; }
[data-theme=dark] .c-productCard__favorite-button:hover { background-color: var(--color-interaction-hover); border-color: var(--accent); }
html[data-theme=dark] .sortingContent li>a.selected { color: var(--color-text-default)!important; background-color: var(--accent-light)!important; border-color: var(--accent-light)!important; }
[data-theme=dark] .c-productCard__favorite-button { background-color: #0006; border-color: #fff3; }
[data-theme=dark] .c-productCard__favorite-button:before { color: var(--palette-neutral-0); }
[data-theme=dark] .c-productCard__favorite-button:hover:before { color: var(--color-interaction-text-hover); }
html[data-theme=dark] #divOnyazi>span { color: var(--color-text-default); }
html[data-theme=dark] .sun-and-moon>.moon>circle { transform: translate(0); }
html[data-theme=dark] .sun-and-moon>.sun { transform: scale(1); }
html[data-theme=dark] .sun-and-moon>.sun-beams { transform: rotate(0); opacity: 1; }
html[data-theme=dark] .urunTab>ul>li.active>a { color: var(--color-black)!important; font-weight: 700; background-color: var(--color-background-muted)!important; }
html[data-theme=dark] .urunTab>ul>li>a { color: var(--color-black); }
#mainHolder_divBlocks, .mainHolder_divDesign {margin: 0 10px;}
@media (min-width: 768px) {#mainHolder_divBlocks, .mainHolder_divDesign {margin: 0 20px;}}
@media screen and (min-width: 768px){
.sk-icon-card__name { font-size: .8rem; } }
@media screen and (min-width:768px){
body { -webkit-animation: fadein .5s ease-in-out .5s both; animation: fadein .5s ease-in-out .5s both; }
.mobilaf, .hoverr:before, .tooltip { -webkit-animation: fadein .5s; animation: fadein .5s; }
.ItemOrj { padding: 0 !important; }
#header.fixed { position: fixed; top: 0; left: 0; right: 0; margin: 0; padding: 0; z-index: 1000; width: 100%; border: none; }
#header.fixed .htop { display: none; }
body.transform #header.fixed { left: 360px; }
body.transform #header.homeHeader { left: 0; }
#header.homeHeader { height: 115px; }
#header.touched { height: auto; }
#lang_flag_container { left: 10px !important; }
.mobilMenuAcButton { display: block; position: absolute; left: 10px; top: 13px; }
.searchContent { position: absolute; top: 0; left: 0; right: 0; background: var(--color-background-muted); padding: 13px 0 12px; z-index: 100; transition: top .2s ease-in-out; }
.mycart:hover .CartProduct { visibility: visible; opacity: 1; transform: translate(0); }
.welcome, .arabtn { right: 10px; }
.mycart { right: 48px; }
.MoreMenu .mycart { right: 20px; }
.MoreMenu .arabtn { right: 58px; }
.skeleton-grid { grid-template-columns: repeat(3, 1fr); }
.sk-category-grid { grid-template-columns: repeat(4, 1fr); }
.sk-two-column-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.sk-three-column-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px; }
.sk-icon-card__icon { width: 60px; height: 60px; }
.category-title-enhanced { font-size: 1.5rem; letter-spacing: 1px; }
.urunTab>ul { border-top: none; border-bottom: 1px solid var(--color-border-light); display: flex; }
.urunTab>ul>li { border-bottom: none; }
.urunTab>ul>li>a { border-bottom: 2px solid transparent; margin-bottom: -1px; opacity: .7; }
.urunTab>ul>li>a:hover { opacity: 1; background-color: #0000000d; border-bottom-color: var(--color-border-light); }
.urunTab>ul>li.active>a { opacity: 1; background-color: transparent; border-bottom-color: var(--accent); color: var(--accent); }
.urunTab>ul>li>a:after { display: none; }
.urunDetayPanel { border: none; padding: var(--space-6) 0 0 0; }
.hsbmFvrProductContent .hsbmFvrProductItemCol { width: 100%; }
body.margin { padding-top: 120px; } }
@media screen and (min-width:1024px){
:root { --font-size-xs: .875rem; --font-size-sm: .9375rem; --font-size-base: 1rem; --font-size-md: 1.125rem; --font-size-lg: 1.375rem; --font-size-xl: 1.75rem; --font-size-xxl: 2.5rem; }
.pdp-skeleton-container { flex-direction: row; align-items: flex-start; }
.pdp-skeleton-left { flex: 1 1 55%; }
.pdp-skeleton-right { flex: 1 1 45%; display: flex; flex-direction: column; gap: var(--space-4); }
.skeleton-grid { grid-template-columns: repeat(4, 1fr); }
.col-5li { width: 20%; }
.homeContainer .col-5li { width: 25%; }
.TopDet { display: flex !important; flex-direction: row !important; align-items: flex-start !important; gap: 30px !important; }
.leftImage, .RightDetail { flex: 1 1 50% !important; max-width: 50% !important; width: 50% !important; float: none !important; }
.breadcrumb { padding: var(--space-4) 0 !important; }
#divLeftBlock .category-vertical-filters { display: none !important; }
#divSayfalamaUst { padding: var(--space-2) 0 !important; padding-left: 0 !important; margin-bottom: var(--space-4) !important; background-color: transparent !important; border-bottom: 1px solid var(--color-border-light) !important; display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: flex-start !important; gap: var(--space-4) !important; width: 100% !important; }
#divSayfalamaUst .Block_item.filterBlock, #divSayfalamaUst .category-vertical-filters:not(.c-offcanvas-filter-drawer), #divSayfalamaUst .topFilter-Block_Text { display: none !important; }
.sortingContent { display: flex !important; align-items: center !important; gap: var(--space-4) !important; list-style: none !important; padding: var(--space-2) 0 !important; margin: 0 !important; background-color: transparent !important; border-bottom: 1px solid var(--color-border-light) !important; width: 100% !important; float: none !important; }
.sortingContent li { display: flex !important; align-items: center !important; float: none !important; background: transparent !important; }
.sortingContent li a { background-color: transparent !important; padding: 0 !important; line-height: inherit !important; display: flex !important; align-items: center !important; }
#divSayfalamaUst .brandlistselection, #divSayfalamaUst .sortingContent, #divSayfalamaUst .appliedFilter.FiltrelemeUrunAdet { display: contents !important; }
body #divSayfalamaUst>.FiltreBtn, body #divSayfalamaUst .sortingContent select, body #divSayfalamaUst .sortingContent li a.filterOrderInStock { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: var(--space-2) !important; padding: 0 var(--space-3) !important; border-radius: var(--border-radius) !important; background-color: var(--color-background-soft) !important; backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); color: var(--color-text-default) !important; font-weight: 500 !important; font-size: var(--font-size-xs) !important; text-decoration: none !important; cursor: pointer !important; transition: all var(--transition-speed) var(--transition-timing-soft) !important; border: none !important; height: 36px !important; box-sizing: border-box !important; line-height: 36px !important; white-space: nowrap !important; box-shadow: var(--shadow-sm) !important; outline: none !important; }
body #divSayfalamaUst>.FiltreBtn:focus, body #divSayfalamaUst .sortingContent select:focus, body #divSayfalamaUst .sortingContent li a.filterOrderInStock:focus { outline: none !important; }
body #divSayfalamaUst>.FiltreBtn:hover, body #divSayfalamaUst .sortingContent select:hover, body #divSayfalamaUst .sortingContent li a.filterOrderInStock:hover { background-color: var(--color-interaction-hover) !important; color: var(--color-interaction-text-hover) !important; transform: translateY(-1px); }
body #divSayfalamaUst .filterOrderInStock.selected { background-color: var(--color-interaction-active) !important; color: var(--color-interaction-text-active) !important; transform: none !important; }
body #divSayfalamaUst .sortingContent select { appearance: none !important; -webkit-appearance: none !important; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23333333' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M3 7l5 4 5-4'/%3e%3c/svg%3e") !important; background-repeat: no-repeat !important; background-position: right 12px center !important; background-size: 10px !important; padding-right: 28px !important; width: auto !important; max-width: 110px !important; text-align: left !important; text-overflow: ellipsis !important; overflow: hidden !important; background-color: var(--color-background-muted) !important; color: transparent !important; }
body #divSayfalamaUst .sortingContent select.is-processed { color: var(--color-text-default) !important; }
[data-theme=dark] body #divSayfalamaUst .sortingContent select { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M3 7l5 4 5-4'/%3e%3c/svg%3e") !important; }
.sortingContent:after { display: none !important; }
#divSayfalamaUst>.FiltreBtn { margin-bottom: 0 !important; margin-left: 0 !important; flex-shrink: 0 !important; }
.appliedFilter.FiltrelemeUrunAdet>span { order: 2 !important; margin-right: auto !important; float: none !important; margin-left: 0 !important; padding: 0 !important; text-indent: 0 !important; font-size: var(--font-size-xs) !important; color: var(--color-text-secondary) !important; font-weight: 500 !important; line-height: normal !important; white-space: nowrap !important; }
.appliedFilter.FiltrelemeUrunAdet { float: none !important; }
.sortingContent li:nth-child(1) { order: 3 !important; }
.sortingContent li:nth-child(2) { order: 4 !important; }
.blockSelect { order: 5 !important; display: flex !important; align-items: center !important; gap: var(--space-1) !important; margin-left: 0 !important; float: none !important; }
.blockSelect a { float: none !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 28px !important; height: 28px !important; border-radius: var(--border-radius-sm) !important; background-color: var(--color-background-soft) !important; color: var(--color-text-secondary) !important; font-size: 14px !important; transition: all var(--transition-speed) var(--transition-timing-soft) !important; text-decoration: none !important; padding: 0 !important; }
.blockSelect a i { font-size: 16px !important; line-height: 1 !important; margin: 0 !important; }
.blockSelect a:hover { background-color: var(--color-interaction-hover) !important; color: var(--color-interaction-text-hover) !important; }
.blockSelect a.Active { background-color: var(--color-interaction-active) !important; color: var(--color-interaction-text-active) !important; }
.sortingContent select { padding: var(--space-1) var(--space-6) var(--space-1) var(--space-2) !important; font-size: var(--font-size-xs) !important; border-radius: var(--border-radius-sm) !important; background-position: right var(--space-2) center !important; height: 30px !important; min-width: 140px !important; border: 1px solid var(--color-border-light) !important; }
.c-offcanvas-filter-drawer .tukgo, .c-offcanvas-filter-drawer .filtreAlt, .filterDeleteContent, #divSayfalamaUst .filterBlock { display: none !important; } }
@media screen and (min-width:1200px){
.sk-category-grid { grid-template-columns: repeat(5, 1fr); }
.sk-category-card__name { font-size: 1.2rem; } }
@media (max-width:1099px){
#headerNew .mobile-cart-item .cart-icon, #headerNew .mobile-user-item .account-link { color: var(--palette-neutral-0) !important; font-size: 22px !important; }
#headerNew .cart-item a.header-cart-link.headerButon .sepetUrunSayisi { background: var(--accent) !important; color: var(--palette-neutral-0) !important; border-radius: 100% !important; width: 15px !important; height: 15px !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 10px !important; }
#headerNew #hb-logo { order: 2 !important; width: 146px !important; justify-content: center !important; }
#headerNew .headerContainer { gap: var(--space-3) !important; }
#headerNew .header-main { padding: 0 !important; height: 50px !important; } }
@media (max-width:1023px){
#divSayfalamaUst .filterBlock { max-width: 85% !important; } }
@media screen and (max-width:1023px){
.navigation { display: none !important; }
#divIcerik .leftImage, #divIcerik .RightDetail { width: 100% !important; max-width: 100% !important; flex: none !important; float: none !important; display: block !important; }
#divIcerik #IlgiliUrunDiv ul li, #divIcerik .detaySliderContainer ul li { width: 160px !important; } }
@media only screen and (max-width: 768px){
.skhero-grid-container { grid-template-columns: 1fr; padding: 0; gap: 10px; }
.skhero-tile { height: 350px; } }
@media (max-width:767px){
.search,.headerContent,body ul.breadcrumb,.navigation>div,.userLoginContent,.hesabimContent,.sepetimBody .headerContent,.sepetimBody #footer .ticiContainer,.ticiContainer { max-width: 100%; margin: 0; padding: 0 1vw; }
.search, .headerContent, body ul.breadcrumb, .navigation>div, .userLoginContent, .hesabimContent, .sepetimBody .headerContent, .sepetimBody #footer .ticiContainer, .ticiContainer { max-width: 100%; margin: 0; padding: 0 1vw; }
.sliderBannerContainer .ProductList, .detaySliderContainer .ProductList, .homeContainer .ProductListContent .ProductList, .markaSlider .jCarouselLite { max-width: 100%; margin: 0; padding: 0; }
#header.fixed .htop .ticiContainer { max-width: 100%; margin: 0; padding: 0 1vw; }
.categoryContainer .ProductList { margin: 0 -1vw; }
#mainHolder_divDesign .ticiContainer { padding: 0 !important; }
.centerCount { width: 100% !important; }
.leftBlock, .rightBlock { display: none !important; }
#header { position: fixed; left: 0; right: 0; top: 0; }
.headerContent { box-shadow: 0 0 5px 0 var(--color-border-light); }
#logo .logo { height: 60px; }
#logo .logo img { max-height: 40px; }
.welcome { display: none; }
.mobilMenuAcButton, .arabtn, .mycartClick { display: block; margin: 0; font-size: 22px; position: absolute; }
.mycartClick i, .arabtn i { line-height: 60px; }
.arabtn { right: 45px; top: 0; }
.mycartClick { right: 10px; top: 0; }
.mobilMenuAcButton { left: 10px; top: 13px; }
.mobilMenuAcButton span { display: block; margin-left: 0; line-height: 1; font-size: 8px; }
.mobilMenuAcButton i { display: block; line-height: 1; }
body #header .stories.carousel { margin: 0; position: absolute; right: 87px; top: 13px; }
body #header .stories.carousel .story { width: 30px; max-width: 30px; }
body #header .stories.carousel .story>.item-link>.item-preview { max-height: 30px; height: 30px; }
.FooterTop, .FooterMiddle, .FooterBottom { background: var(--palette-neutral-1000); }
#footer .linkler { padding: 0; }
.blink>ul { display: flex; flex-direction: column; }
.blink>ul>li { width: 100%; }
.blink>ul>li>ul { display: none; width: 100%; border-bottom: 1px solid var(--color-border-light); }
.blink>ul>li>span { width: 100%; margin: 0; line-height: 60px; border-bottom: 1px solid var(--color-border-light); }
.blink>ul>li>span .ackapabtn { font-size: var(--font-size-base); float: right; margin-right: var(--space-2); }
.blink>ul li { width: 100%; }
.blink>ul>li>ul>li>a { margin-bottom: 0; line-height: 40px; }
.ebultenDiv { width: 100%; display: none; border-bottom: 1px solid var(--color-border-light); padding: 10px 0; margin-bottom: 0; }
.ebultenGelecek { margin-top: 10px; }
.copy { width: 100%; text-align: center; margin: 25px 0 15px; }
.creditCard { border: none; padding: 0; text-align: center; margin-bottom: 25px; }
.bankimg { display: none; }
.kartimg { display: inline-block; vertical-align: top; }
.socialStore { margin: 0; }
.socialStore .socialDiv span, .socialStore .store span { display: none; }
.socialDiv, .store { margin: 0; display: block; text-align: center; }
.socialStore .store { padding: 20px 0; border-bottom: 1px solid var(--color-border-light); }
.socialStore .socialDiv ul li { margin-right: 10px; }
.socialStore .store ul li { margin-right: 30px; }
.socialStore .store ul li:last-child { margin-right: 0; }
.socialStore .store ul li a i.fa-apple { font-size: 24px; }
.socialStore .socialDiv { padding: 20px 0; border-bottom: 1px solid var(--color-border-light); }
.socialStore .socialDiv ul li a, .socialStore .store ul li a { color: var(--palette-neutral-0); }
.socialStore .socialDiv ul li a { width: 40px; height: 40px; border-radius: 100%; text-align: center; background: var(--palette-neutral-0); color: var(--palette-neutral-1000); font-size: 20px; }
.socialStore .socialDiv ul li a i { line-height: 40px; display: inline-block; vertical-align: top; }
.navigation { display: none; }
.mobilMenu { width: 85%; bottom: 50px; left: -100%; }
.menuUstBolum { margin-top: 0; }
.menuUstBolum .mobilMenuBT { padding-left: 15px; font-size: 12px; color: var(--color-white); }
.menuUstBolum .mobilMenuBT i { font-size: 22px; }
.menuUstBolum .mobilMenuBT i, .menuUstBolum .mobilMenuBT span, .menuUstBolum .CloseBtnMenu, .menuUstBolum .CloseBtnMenu i { line-height: 50px; display: inline-block; vertical-align: top; }
.menuUstBolum .CloseBtnMenu { font-size: 35px; text-align: right; padding-right: 15px; color: var(--color-white); }
.mobilMenu .menuIcerikAlan { top: 51px; height: calc(100% - 51px); }
.mobilMenu .navUl>li>ul, .mobilMenu .navUl>li>ul li ul { width: 85%; top: 51px; bottom: 50px; }
.mobilMenu .navUl>li>ul>span .NoiBack, .mobilMenu .navUl>li>ul li ul>span .NoiBack2 { padding-left: 15px; }
.mobilMenu .navUl>li>ul>span, .mobilMenu .navUl>li>ul li ul>span { padding-left: 40px; }
.mobilMenu .navUl>li .ResimsizDown, .mobilMenu .navUl>li>ul li .ResimsizDown2 { padding-right: 15px; }
.mobilMenu .navUl>li, .mobilMenu .navUl>li>ul li { padding-left: 0; }
.mobilMenuAcButton:hover, .arabtn:hover, .mycartClick:hover, .mobilMenu .navUl>li>ul>span:hover, .mobilMenu .navUl>li>ul li ul>span:hover, .mobilMenu .navUl>li>ul li .ResimsizDown2:hover, .mobilMenu .navUl>li>.ResimsizDown:hover, .mobilMenu .navUl>li>ul li a:hover { color: var(--color-black); }
.menuUstBolum .mobilMenuBT:hover, .menuUstBolum .CloseBtnMenu:hover { color: var(--color-white); }
.searchContent { position: relative; width: 100%; padding: 0 5px; background: transparent; z-index: 100; margin-bottom: 10px; display: none; }
.searchContent.active { display: block; box-shadow: none; }
#txtbxArama { height: 45px; font-size: 12px; background: var(--color-background-light); padding-left: 10px; padding-right: 60px; }
#btnKelimeAra { height: 45px; line-height: 45px; border-left: none; color: var(--color-black); font-size: 15px; }
#header.touched .searchContent { display: none; }
#header.touched .searchContent.active { display: block; top: 0; }
#header.touched .arabtn { display: block; }
.mycart { display: block; position: absolute; right: 2px; top: 5px; margin: 0; z-index: auto; }
.mycart>a:before { display: none; }
.mycart .sepetUrunSayisi { position: static; width: 15px; line-height: 15px; }
.SepetUst { display: flex; align-items: center; justify-content: center; width: 100%; color: var(--color-white); line-height: 50px; font-size: 16px; margin-bottom: 10px; }
.SepetUst .seClose { width: 40px; font-size: var(--font-size-lg); margin-right: auto; }
.SepetUst .seClose i { display: inline-block; vertical-align: top; line-height: 50px; }
.CartProduct { background: var(--color-background-light); background-size: 100%; position: fixed; right: -100%; top: 0; width: 100%; height: calc(100% - 50px); padding: 0 0 5px; display: block !important; border: none; transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; opacity: 1; visibility: visible; -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0); box-shadow: none; }
.CartProduct .SPrice { text-align: center; }
.CartProduct:before, .CartProduct:after { display: none; }
.CartProduct.animated { right: 0; }
.CartProduct .SProduct { display: flex; flex-direction: column; width: 100%; max-height: calc(100% - 155px); overflow-y: auto; overflow-x: hidden; font-size: 0; text-align: left; padding: 0 5px; }
.CartProduct .SProduct li a * { display: inline-block !important; padding: 0; line-height: 1; }
.CartProduct .SProduct li { display: flex; align-items: center; width: 100%; position: relative; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid var(--color-border-light); }
.CartProduct .SProduct li a { display: flex; flex-grow: 1; font-size: 12px; color: var(--color-black); text-align: right; }
.CartProduct .SProduct li a img { margin-right: 10px; }
.CartProduct .SProduct li a .SepettopAd { display: inline-block; vertical-align: top; max-width: 38%; margin: 10px 0 0; }
.CartProduct .SProduct li a .SepettopAd span { max-width: 100% !important; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 10px; }
.CartProduct .SProduct li a .SepetTopAdet { display: inline-block; vertical-align: top; margin: 28px 5px 0; }
.mycart .CartProduct .SProduct li a span.sepetTopBirimFiyat { display: inline-block !important; vertical-align: top; margin: 20px 5px 0; }
.CartProduct .SProduct li a:nth-child(2) { position: absolute; right: 0; top: 0; font-size: 0; width: auto; }
.CartProduct .button { padding: 0; line-height: 30px; font-size: 12px !important; }
.divustSepetteUrunYok span { display: block; width: 100%; text-align: center; color: var(--color-black); font-weight: 500; line-height: 30px; font-size: 16px; margin-bottom: 15px; }
.sepetTopTutar { font-size: 0; padding: 0; border: none; }
.menu-img { height: 200px; }
.overlay h3 { font-size: 1.1em; }
.overlay { transform: translateY(calc(100% - 45px)); }
.sk-kano-container:before { background-position: right; }
.sk-kano-item { flex-direction: column; justify-content: end; padding: 20px 20px 70px; gap: 120px; text-align: center; }
.sk-kano-kayak-image, .sk-kano-content { width: 100%; }
.sk-kano-kayak-image { width: 90%; margin: 0 auto; transform: scale(1.3); }
.sk-kano-kayak-image img { transform: rotate(-45deg); transition: transform .5s ease-in-out, opacity .3s ease; }
.sk-kano-content .sk-kano-name { font-size: 28px; font-weight: 500; }
.sk-kano-content .sk-kano-des { font-size: 14px; margin-top: 10px; margin-bottom: 20px; }
.sk-kano-colors { justify-content: center; margin-bottom: 20px; }
.sk-kano-nav { width: 100%; bottom: 0; left: 0; display: flex; flex-wrap: wrap; }
.sk-kano-nav label { flex: 1; font-size: 11px; padding: 12px 5px; border: none; border-top: 2px solid transparent; background-color: rgba(var(--color-black-rgb), .6); }
.sk-kano-nav label:hover { background-color: rgba(var(--color-black-rgb), .7); color: var(--color-white); }
#item-1:checked~.sk-kano-nav label[for=item-1], #item-2:checked~.sk-kano-nav label[for=item-2], #item-3:checked~.sk-kano-nav label[for=item-3], #item-4:checked~.sk-kano-nav label[for=item-4], #item-5:checked~.sk-kano-nav label[for=item-5], #item-6:checked~.sk-kano-nav label[for=item-6] { background-color: var(--color-white); color: var(--color-black); border-top-color: var(--color-black); }
section.ResimGaleri .Main .AllGallery { position: static; margin: 10px auto 0; display: table; }
#header.homeHeader { height: 115px; }
#header.touched { height: auto; }
.homeContainer .ProductListContent .ItemOrj { width: 50%; max-width: 50%; flex: 0 0 50%; padding: 0 !important; }
body a#linkOncekiSayfa { position: absolute; top: 10px; left: 10px; width: 35px; height: 35px; background: var(--card-background-color); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); border-radius: 50%; text-align: center; font-size: 0 !important; font-family: FontAwesome; color: var(--color-text-default); z-index: 5; line-height: 35px; border: 1px solid var(--color-border-light); transition: all var(--transition-speed) var(--transition-timing-soft); }
body a#linkOncekiSayfa:hover { background-color: var(--accent); color: var(--button-primary-text-color); }
body a#linkOncekiSayfa:before { content: "\f053"; font-size: 20px; display: inline-block; vertical-align: top; line-height: 35px; }
/* .UFavorilerimeEkle { position: absolute; right: 5px; top: 5px; z-index: 5; } */
#divUrunKodu { clear: left; line-height: 14px; }
#divUrunKodu span { line-height: 14px; }
#divTaksitAciklama { clear: left; }
.PriceList { padding-bottom: 15px; }
.TopDet #IlgiliUrunDiv { margin-top: 15px; padding: 0; }
#divUrunEkSecenek { padding: 0; margin-top: 15px; }
.eksecenekLine { padding-bottom: 15px; margin-bottom: 0; }
#divSatinAl { margin-top: 15px; }
#divAdetCombo .right_line { width: auto !important; float: none !important; }
#divAdetCombo select { display: flex !important; align-items: center !important; justify-content: center !important; gap: var(--space-2) !important; padding: var(--space-1-5) var(--space-3) !important; border-radius: var(--border-radius) !important; background-color: var(--color-background-muted) !important; color: var(--color-text-default) !important; font-weight: 500 !important; font-size: var(--font-size-xs) !important; text-decoration: none !important; cursor: pointer !important; transition: all .2s ease !important; border: 1px solid var(--color-border-light) !important; height: 34px !important; box-sizing: border-box !important; line-height: 1 !important; appearance: none !important; -webkit-appearance: none !important; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23333333' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important; background-repeat: no-repeat !important; background-position: right var(--space-2) center !important; background-size: 12px !important; padding-right: var(--space-8) !important; width: 80px !important; min-width: 0 !important; }
#divAdetCombo select:hover { background-color: var(--accent) !important; color: var(--color-white) !important; border-color: var(--accent) !important; }
[data-theme=dark] #divAdetCombo select { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important; }
.basketBtn { width: 100%; margin: 0; }
.Basketinp { margin-bottom: 15px; }
.basketBtn input { height: 50px; }
.ProductIcon { text-align: center; margin: 15px 0; }
.ProductIcon>div { display: inline-block; vertical-align: top; margin-right: 5px; }
.TopDet .product_social_icon_wrapper { text-align: center; }
.TopDet .product_social_icon_wrapper .PaylasTit { display: inline-block; vertical-align: top; margin-right: 5px; }
.urunOzellik { margin: 25px 0; border-top: 1px solid var(--color-border-light); }
.mobilTab { width: 100%; margin-top: var(--space-10);}
.mobilTab>ul>li { width: 100%; border-bottom: 1px solid var(--color-border-light); }
.mobilTab>ul>li>a { color: var(--color-black); font-size: 14px; text-transform: uppercase; line-height: 50px; width: 100%; padding: 0 10px; }
.mobilTab>ul>li>a:after { content: "\f078"; font-family: FontAwesome; font-size: 16px; }
.mobilTab>ul>li.active>a { color: var(--color-white); background: var(--accent); }
.mobilTab>ul>li.active>a:after { content: "\f077"; }
.urunDetayPanel { padding: 15px; border-top: 1px solid var(--color-border-light); }
.teknikDetay .teknikDetayItem { grid-template-columns: 1fr; gap: var(--space-1); padding: var(--space-3) var(--space-4); }
.teknikDetay .teknikDetayItem div.t2 { border-left: none; padding-left: 0; }
.product-actions-area { position: fixed !important; bottom: 0; left: 0; right: 0; z-index: 999; background-color: oklch(0.51 0.05 228.96 / 0.96); padding: 0 20px var(--space-3); box-shadow: 0 -2px 10px #0000001a; border-top: 1px solid var(--color-border-light); margin: 0 !important; display: flex; justify-content: space-between; }
.product-variants-area .eksecenekLine { grid-template-columns: 1fr; gap: var(--space-2); align-items: flex-start; }
.UyeolContent .grid { width: 100%; margin: 0 0 10px; padding: 10px; border: none; }
.SifremiUnuttum { width: 100%; margin: 0; padding: 0; }
.SifremiUnuttum .line { width: 100%; }
.SifremiUnuttum #mainHolder_txtbxMail { width: 70%; }
.SifremiUnuttum .button { width: 30%; }
.iletisimLeft, .iletisimForm { flex-basis: 100%; }
.iletisimContent .categoryTitle { margin: 0; }
.iletisimContent .categoryTitle .categoryTitleText, .iletisimContent .iletisimRight .categoryTitle .categoryTitleText, .iletisimContent .iletisimForm .categoryTitle .categoryTitleText { line-height: 65px; font-size: 19px; }
.iletisimContent .categoryTitle:before { display: none; }
.iletisimContent .iletisimRight .categoryTitle, .iletisimContent .iletisimForm .categoryTitle { margin-bottom: 10px; }
.iletisimContent .iletisimRight .iletisimbanka .span>div.line2>div.line2 { display: block; margin: 10px 0 0; }
.iletisimContent .iletisimLeft .span.iletisimLeftFirmaAdi .Right { font-size: 17px; }
.iletisimContent .iletisimRight .iletisimbanka .span>div span { font-size: 12px; }
.iletisimContent .iletisimLeft .Right { font-size: 12px; }
.iletisimContent .iletisimLeft .span.iletisimLeftTelefon .Right { font-size: 20px; } 
#back-to-top {bottom: 11% !important;}
}
@media (hover: hover){
.c-button--primary:hover { background-color: var(--accent-light); border-color: var(--accent-light); color: var(--button-primary-text-color) !important; transform: translateY(-2px); box-shadow: var(--shadow-md); }
.c-button--secondary:hover { background-color: var(--color-background-soft); border-color: var(--color-text-secondary); color: var(--color-text-default); }
.c-button--primary:hover { background-color: var(--accent-light); border-color: var(--accent-light); color: var(--button-primary-text-color) !important; transform: translateY(-2px); box-shadow: var(--shadow-md); }
.c-button--secondary:hover { background-color: var(--color-background-soft); border-color: var(--color-text-secondary); color: var(--color-text-default); } }
@media (hover:hover){
.c-button--primary:hover { background-color: var(--accent-light); border-color: var(--accent-light); color: var(--button-primary-text-color)!important; transform: translateY(-2px); box-shadow: var(--shadow-md); } }



@media (max-width: 767px){
.productItem.c-productCard { position: relative; display: flex; flex-direction: column; height: 100%; background-color: var(--card-background-color) !important; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid !important; border-radius: 1.5rem; text-align: center; transition: transform var(--transition-speed) var(--transition-timing-soft), box-shadow var(--transition-speed) var(--transition-timing-soft); overflow: hidden; padding: 0 !important; box-shadow: var(--shadow-sm) !important; margin-bottom: 0 !important; border-color: var(--color-border-light) !important ; }
.TukendiIco span { line-height: 40px; background: var(--product-card-outofstock-background); position: absolute; left: 0; right: 0; bottom: 50%; max-width: 200px; color: var(--product-card-outofstock-text-color); font-size: var(--font-size-sm); text-transform: uppercase; margin: 0 auto; text-align: center; }
.productItem.StokYok .cargoIcon, .productItem.StokYok .firsatIcon, .productItem.StokYok { display: none; }
#divKDVDahilFiyat, .productItem.StokYok .urunListeAdet, .productItem:hover .productIcon .quickViewIco, .productItem .itemCategoryLine, .productItem .productOnYazi, .productItem .productSatisBirimi, .productItem .discountKdv, .productItem .regularKdv, .productItem .spanKdv, .productItem .urunListeAdet, .productItem .boxBedenlerContent, .productItem .quickViewIco, .productItem .discountIcon_s2, .productItem .discountIconDetail, .productItem .cargoIcon, .productItem .mycartIcon, .productItem .examineIcon { display: none !important; }
/* .c-formInput, .c-formSelect { -webkit-appearance: none; appearance: none; display: block; width: 100% !important; padding: 0 var(--space-2) !important; font-family: var(--font-body) !important; font-size: var(--font-size-xs) !important; line-height: 1 !important; color: var(--color-text-default) !important; background-color: var(--card-background-color) !important; border: 1px solid var(--color-border-light) !important; border-radius: var(--border-radius) !important; transition: border-color var(--transition-speed) var(--transition-timing-soft), box-shadow var(--transition-speed) var(--transition-timing-soft); height: 20px !important; }*/
.sk-kano-container { position: relative; width: 100%; height: 650px; box-shadow: var(--shadow-lg); border-radius: 0 ; overflow: hidden; isolation: isolate; }
.sk-kano-content .sk-kano-btn {padding: 10px 20px; font-size: 14px;}
.sk-icon-card {padding: var(--space-5) 0px;}
.category-header-enhanced { justify-content: center; margin-top: var(--space-5); }
.category-title-enhanced { font-size: 1.5rem; color: var(--color-heading); font-weight: 600; }
html[data-theme=dark] .sk-brand-card__logo { filter: invert(0.5) brightness(2); }
.category-header-enhanced { padding: 20px 0; }
@media (max-width:1023px){#divSayfalamaUst .filterBlock { max-width: 85% !important; } }
@media screen and (max-width:1023px){
.navigation { display: none !important; }
#divIcerik .leftImage, #divIcerik .RightDetail { width: 100% !important; max-width: 100% !important; flex: none !important; float: none !important; display: block !important; }
#divIcerik #IlgiliUrunDiv ul li, #divIcerik .detaySliderContainer ul li { width: 160px !important; } }
@media only screen and (max-width: 768px){
.skhero-grid-container { grid-template-columns: 1fr; padding: 0; gap: 10px; }
.skhero-tile { height: 350px; } }





@media (hover:hover){
.c-button--primary:hover { background-color: var(--accent-light); border-color: var(--accent-light); color: var(--button-primary-text-color)!important; transform: translateY(-2px); box-shadow: var(--shadow-md); } }
.sk-category-section, .category-title-enhanced{ margin: 0 10px !important; }
@media (min-width: 768px){.sk-brand-slider-track {flex-wrap: wrap; justify-content: center;}}
@media (min-width: 1100px){
#hb-logo {margin-left: 20px !important;}
.header-main .header-nav.nav-right {margin-right: 20px !important;}
}
.category-vertical-filters .vertical-filter-panel .list-group-item {background: transparent !important; }

.sk-icon-category-grid {gap: var(--grid-gap) !important;grid-template-columns: repeat(3, 1fr)!important; }

}
@media (min-width: 1100px){
  #hb-logo {margin-left: 20px !important;}
.header-main .header-nav.nav-right {margin-right: 20px !important;}
}

.sk-icon-category-grid {
  display: grid;
  gap: var(--grid-gap, 20px);
  text-align: center;
  grid-template-columns: repeat(2, 1fr); 
}
@media screen and (min-width: 768px) {
  /*.categoryTitleText {margin-left: 20px !important; }*/
  .sk-icon-category-grid {
    grid-template-columns: repeat(6, 1fr);
  }
}


.iletisimContent {margin: 0 5vw !important; }
#divTaksitAciklama {display: none !important;}


@media (min-width: 1100px){

  .sk-brand-slider-track {flex-wrap: wrap; justify-content: center;}}
@media (max-width: 1100px){
.sk-brand-slider-track.is-animated { animation: marquee 30s linear infinite; }
#sk-brand-slider-container { overflow-x: auto; -webkit-mask-image : linear-gradient(to right,transparent,black 6%,black 94%,transparent); mask-image: linear-gradient(to right,transparent,black 6%,black 94%,transparent); scrollbar-width: none; -ms-overflow-style: none; }

}

.commentStars li::before,.frmUrunOneriler li::before, .commentTiciFilterStarsUl li::before{display: none !important;}


.sk-brand-slider-track { display: flex; gap: var(--grid-gap, 20px); }
.sk-brand-card { display: flex; align-items: center; justify-content: center; width: 142px; flex-shrink: 0; height: 80px; padding: var(--space-4, 16px); border-radius: var(--border-radius, 8px); background-color: var(--card-background-color); border: 1px solid var(--color-border-light); transition: transform .3s var(--transition-timing-soft), box-shadow .3s var(--transition-timing-soft), background-color .3s var(--transition-timing-soft); }
.sk-brand-card__logo { max-width: 100%; max-height: 100%; object-fit: contain; filter: invert(1) brightness(0); opacity: .6; transition: filter .3s var(--transition-timing-soft), opacity .3s var(--transition-timing-soft); }
.sk-brand-card:hover .sk-brand-card__logo { filter: none !important; opacity: 1; }
.sk-brand-slider-track a:hover .sk-brand-card { background-color: var(--accent) !important; border-color: var(--accent) !important; transform: translateY(-2px); box-shadow: var(--shadow-sm); }
.sk-brand-slider-track a:hover .sk-brand-card__logo { filter: brightness(0) invert(1); }

#divNewUyeGirisContent .userPassBtn { color:var(--color-text-default) }
.userDivTab ul li.active span { color: var(--accent); }
.brandlistselection .brandlistselectionitem:hover { background-color: var(--accent) !important; color: var(--button-primary-text-color) !important; }
.brandlistselection .brandlistselectionitem { transition: all .2s ease !important; }
@media (min-width:1100px){
.sortingContent { display: flex !important; align-items: center !important; gap: var(--space-3) !important; }
#divSayfalamaUst { display: flex !important; align-items: center !important; justify-content: space-between !important; }}
.pageSifreOlustur .sifreOlusturDesc, .pageSifremiUnuttum .SifremiUnuttumContentDesc, .pageSifremiUnuttum .sifreGuncelleDesc { color: var(--color-text-default) }

#divNewUyeGirisContent .newUserLoginBtn, .newUyeOlContainer .newUserLoginBtn, .acountDoneContainer .acountDoneLoginBtn, .pageSifreOlustur .newUserLoginBtn, .pageSifremiUnuttum .newUserLoginBtn { background-color: var(--accent); color: var(--button-primary-text-color); }
html[data-theme=dark] #divNewUyeGirisContent .uyeGirisFormDetailInputList { border: 1px solid var(--color-border-dark); background-color: var(--card-background-color);  border-radius: var(--border-radius, 8px); }
html[data-theme=dark] #divNewUyeGirisContent .signSozlesmeDiv .newSocialChkSozlesmeTranslate, #divNewUyeGirisContent .socialUserSozlesmeDiv .newSocialChkSozlesmeTranslate {  color: var(--color-text-default); }
html[data-theme=dark] .newUserWrapper input[type="password"], .newUserWrapper input[type="text"], .newUserWrapper input { border: 1px solid var(--color-border-dark); background-color: var(--card-background-color); color: var(--color-text-default); border-radius: var(--border-radius, 8px); }
html[data-theme=dark] .newUserWrapper select { border: 1px solid var(--color-border-dark); background-color: var(--card-background-color); color: var(--color-text-default); border-radius: var(--border-radius, 8px); }
html[data-theme=dark] .newUserWrapper textarea { border: 1px solid var(--color-border-dark); background-color: var(--card-background-color); color: var(--color-text-default); border-radius: var(--border-radius, 8px); }
html[data-theme=dark] #divNewUyeGirisContent .uyeGirisFormDetailInputList input[type="password"], html[data-theme=dark] #divNewUyeGirisContent .uyeGirisFormDetailInputList input[type="text"], html[data-theme=dark] #divNewUyeGirisContent .uyeGirisFormDetailInputList input { border: 1px solid var(--color-border-dark); background-color: var(--card-background-color); color: var(--color-text-default); border-radius: var(--border-radius, 8px); }
html[data-theme=dark] #divNewUyeGirisContent .uyeGirisFormDetailInputList select { border: 1px solid var(--color-border-dark); background-color: var(--card-background-color); color: var(--color-text-default); border-radius: var(--border-radius, 8px); }
html[data-theme=dark] #divNewUyeGirisContent .uyeGirisFormDetailInputList textarea { border: 1px solid var(--color-border-dark); background-color: var(--card-background-color); color: var(--color-text-default); border-radius: var(--border-radius, 8px); }
html[data-theme=dark] .newUserWrapper .placeholderLabel { color: var(--color-text-default); }
html[data-theme=dark] #divNewUyeGirisContent .uyeGirisFormDetailInputList .placeholderLabel { color: var(--color-text-default); }
html[data-theme=dark] .newUserWrapper .inputFocusBorder { border-color: var(--accent); }
html[data-theme=dark] #divNewUyeGirisContent .uyeGirisFormDetailInputList .inputFocusBorder { border-color: var(--accent); }
html[data-theme=dark] .newUserWrapper .inputErrorBorder { border-color: var(--color-danger); }
html[data-theme=dark] #divNewUyeGirisContent .uyeGirisFormDetailInputList .inputErrorBorder { border-color: var(--color-danger); }
html[data-theme=dark] .newUserWrapper .inputSuccessBorder { border-color: var(--color-success); }
html[data-theme=dark] #divNewUyeGirisContent .uyeGirisFormDetailInputList .inputSuccessBorder { border-color: var(--color-success); }
html[data-theme=dark] .newUserWrapper .inputDisabledBorder { border-color: var(--color-border-dark); background-color: var(--color-background-muted); color: var(--color-text-secondary); }
html[data-theme=dark] #divNewUyeGirisContent .uyeGirisFormDetailInputList .inputDisabledBorder { border-color: var(--color-border-dark); background-color: var(--color-background-muted); color: var(--color-text-secondary); }
html[data-theme=dark] .newUserWrapper .inputDisabledBorder::placeholder { color: var(--color-text-secondary); }
html[data-theme=dark] #divNewUyeGirisContent .uyeGirisFormDetailInputList .inputDisabledBorder::placeholder { color: var(--color-text-secondary); } 
html[data-theme=dark] .newUserWrapper .selectDropdownIcon { filter: invert(1) brightness(0); }
html[data-theme=dark] #divNewUyeGirisContent .uyeGirisFormDetailInputList .selectDropdownIcon { filter: invert(1) brightness(0); }
html[data-theme=dark] .newUserWrapper .socialLoginBtn { background-color: var(--card-background-color); border: 1px solid var(--color-border-dark); color: var(--color-text-default); }
html[data-theme=dark] #divNewUyeGirisContent .socialLoginBtn { background-color: var(--card-background-color); border: 1px solid var(--color-border-dark); color: var(--color-text-default); }
html[data-theme=dark] .newUserWrapper .socialLoginBtn:hover { background-color: var(--accent); border-color: var(--accent); color: var(--button-primary-text-color); }
html[data-theme=dark] #divNewUyeGirisContent .socialLoginBtn:hover { background-color: var(--accent); border-color: var(--accent); color: var(--button-primary-text-color); }
html[data-theme=dark] .dateOfBirthDiv input[type="date"]:before { background: transparent; color: var(--color-text-secondary); }
html[data-theme=dark] #divNewUyeGirisContent .dateOfBirthDiv input[type="date"]:before { background: transparent; color: var(--color-text-secondary); }
html[data-theme=dark] span.tcxDateInputIcon { background: transparent; filter: invert(1) brightness(0); }
html[data-theme=dark] #divNewUyeGirisContent span.tcxDateInputIcon { background: transparent; filter: invert(1) brightness(2); }
html[data-theme=dark] .newUserWrapper .dateOfBirthDiv input[type="date"] { border: 1px solid var(--color-border-dark); background-color: var(--card-background-color); color: var(--color-text-default); border-radius: var(--border-radius, 8px); }
html[data-theme=dark] #divNewUyeGirisContent .dateOfBirthDiv input[type="date"] { border: 1px solid var(--color-border-dark); background-color: var(--card-background-color); color: var(--color-text-default); border-radius: var(--border-radius, 8px); }
.newUserWrapper input[type="password"], .newUserWrapper input[type="text"], .newUserWrapper input { border: 1px solid var(--color-border-light); background-color: var(--card-background-color); color: var(--color-text-default); border-radius: var(--border-radius, 8px); }
.newUserWrapper select { border: 1px solid var(--color-border-light); background-color: var(--card-background-color); color: var(--color-text-default); border-radius: var(--border-radius, 8px); }
.newUserWrapper textarea { border: 1px solid var(--color-border-light); background-color: var(--card-background-color); color: var(--color-text-default); border-radius: var(--border-radius, 8px); }
#divNewUyeGirisContent .uyeGirisFormDetailInputList input[type="password"], #divNewUyeGirisContent .uyeGirisFormDetailInputList input[type="text"], #divNewUyeGirisContent .uyeGirisFormDetailInputList input { border: 1px solid var(--color-border-light); background-color: var(--card-background-color); color: var(--color-text-default); border-radius: var(--border-radius, 8px); }
#divNewUyeGirisContent .uyeGirisFormDetailInputList select { border: 1px solid var(--color-border-light); background-color: var(--card-background-color); color: var(--color-text-default); border-radius: var(--border-radius, 8px); }
#divNewUyeGirisContent .uyeGirisFormDetailInputList textarea { border: 1px solid var(--color-border-light); background-color: var(--card-background-color); color: var(--color-text-default); border-radius: var(--border-radius, 8px); }
.newUserWrapper .placeholderLabel { color: var(--color-text-secondary); }
#divNewUyeGirisContent .uyeGirisFormDetailInputList .placeholderLabel { color: var(--color-text-secondary); }
.newUserWrapper .inputFocusBorder { border-color: var(--accent); }
#divNewUyeGirisContent .uyeGirisFormDetailInputList .inputFocusBorder { border-color: var(--accent); }
.newUserWrapper .inputErrorBorder { border-color: var(--color-danger); }
#divNewUyeGirisContent .uyeGirisFormDetailInputList .inputErrorBorder { border-color: var(--color-danger); }
.newUserWrapper .inputSuccessBorder { border-color: var(--color-success); }
#divNewUyeGirisContent .uyeGirisFormDetailInputList .inputSuccessBorder { border-color: var(--color-success); }
.newUserWrapper .inputDisabledBorder { border-color: var(--color-border-light); background-color: var(--color-background-muted); color: var(--color-text-secondary); }
#divNewUyeGirisContent .uyeGirisFormDetailInputList .inputDisabledBorder { border-color: var(--color-border-light); background-color: var(--color-background-muted); color: var(--color-text-secondary); }
.newUserWrapper .inputDisabledBorder::placeholder { color: var(--color-text-secondary); }
#divNewUyeGirisContent .uyeGirisFormDetailInputList .inputDisabledBorder::placeholder { color: var(--color-text-secondary); } 
.newUserWrapper .selectDropdownIcon { filter: invert(0); }
#divNewUyeGirisContent .uyeGirisFormDetailInputList .selectDropdownIcon { filter: invert(0); }
.newUserWrapper .socialLoginBtn { background-color: var(--card-background-color); border: 1px solid var(--color-border-light); color: var(--color-text-default); }
#divNewUyeGirisContent .socialLoginBtn { background-color: var(--card-background-color); border: 1px solid var(--color-border-light); color: var(--color-text-default); }
.newUserWrapper .socialLoginBtn:hover { background-color: var(--accent); border-color: var(--accent); color: var(--button-primary-text-color); }
#divNewUyeGirisContent .socialLoginBtn:hover { background-color: var(--accent); border-color: var(--accent); color: var(--button-primary-text-color); }
.dateOfBirthDiv input[type="date"]:before { background: transparent; color: var(--color-text-secondary); }
#divNewUyeGirisContent .dateOfBirthDiv input[type="date"]:before { background: transparent; color: var(--color-text-secondary); }
span.tcxDateInputIcon { background: transparent; filter: invert(0); }
#divNewUyeGirisContent span.tcxDateInputIcon { background: transparent; filter: invert(0); }
.dateOfBirthDiv input[type="date"] { border: 1px solid var(--color-border-light); background-color: var(--card-background-color); color: var(--color-text-default); border-radius: var(--border-radius, 8px); }
#divNewUyeGirisContent .dateOfBirthDiv input[type="date"] { border: 1px solid var(--color-border-light); background-color: var(--card-background-color); color: var(--color-text-default); border-radius: var(--border-radius, 8px); }

#divKDVDahilFiyat, .productItem.StokYok .urunListeAdet, .productItem:hover .productIcon .quickViewIco, .productItem .itemCategoryLine, .productItem .productOnYazi, .productItem .productSatisBirimi, .productItem .discountKdv, .productItem .regularKdv, .productItem .spanKdv, .productItem .boxBedenlerContent, .productItem .quickViewIco, .productItem .discountIcon_s2, .productItem .discountIconDetail, .productItem .cargoIcon, .productItem .mycartIcon, .productItem .examineIcon { display: none !important; }
.productItem .c-productCard .urunListeAdet { display: none !important; }

.sliderBannerContainer span.satir1{font-size: 1.5rem !important;color: var(--color-heading);font-weight: 600;}
div.newIcon.tip {
    position: absolute;
    z-index: 1;
    color: var(--button-primary-text-color);
    bottom:0;
    width: 100%;
    background: var(--accent);
    height: 1.5rem;
    line-height: 1.5rem;
    font-size: 0.75rem;
    font-weight: 500;
    text-align: left;
    text-indent: 10px;
}

@media (min-width: 767px) {
    .categoryContainer .categoryTitleText {
        margin-left: 20px !important;
    }
}

.product-package-panel .productItem .mycartIcon { display: block !important;}

.subDivisionContainer ul li { border: 1px solid;border-radius: var(--border-radius-md);border-color: var(--color-border-dark);background: var(--card-background-color) !important;padding: 0 10px;}
.subDivisionContainer ul li:hover { border-color: var(--accent);}
.subDivisionContainer ul { gap:20px !important;  }

.owl-carousel .owl-stage {margin-top: 4px;}
#imgUrunResim, .SmallImages .AltImgCapSmallImg img {background: linear-gradient(180deg, #f2f2f2, #fcfcfc); }

#divNewsLetter {padding: 0 200px;}

@media screen and (min-width: 768px) {
  .sk-icon-category-grid {
    grid-template-columns: repeat(6, 1fr);
  }
}

@media screen and (min-width: 1200px) {
  .sk-icon-category-grid {
    grid-template-columns: repeat(9, 1fr);
  }
}
.sk-highlight-title {color: var(--accent) !important;
    font-weight: 700;
    position: relative;
    padding-left: 12px;
    border-left: 3px solid var(--accent);
}
@media screen and (min-width: 768px) {
.sTemp2 .ticimax-search-products, .sTemp4 .ticimax-search-products {max-height: 50vh !important; }}

.ticimax-search-products {background-color: var(--bg-color) !important; }
.sTemp2 .products li .ticimax-search-product-image, .sTemp4 .products li .ticimax-search-product-image {height: 80px !important;min-width: 80px !important;}
.ticimax-search-content .ticimax-search-product-info-name {color: var(--color-text-default) !important;}
.ticimax-search-content .ticimax-search-product-info-price {color: var(--color-text-default) !important;}
.productPointTxt {display: none !important;}


.commentTicimax .commentTiciGeneralRating .commentTiciRatingStr,
.commentTicimaxPopup .commentTiciList .commentTiciItemTitle, 
.commentTicimax .commentTiciList .commentTiciItemTitle,
.commentTicimaxPopup .commentTiciList .commentTiciItemText, .commentTicimax .commentTiciList .commentTiciItemText,
.commentTicimax .commentTiciList .commentTiciItemUsefulTitle,
.commentTicimax .commentTiciList .commentTiciItemUsefulButtons a
{color:var(--color-text-default) !important; font-size: var(--font-size-sm) !important; } 
.commentTicimax .commentTiciFilterButtons .commentTiciFilterButtonsOrder .orderFilter {
    border-color: var(--color-border-light) !important;
    color:var(--color-text-default) !important;
    border-radius: var(--border-radius-sm) !important;
    background: var(--card-background-color);
}

html[data-theme=dark] .commentTicimax .commentTiciFilterButtons .commentTiciFilterButtonsOrder .orderFilter {
    border-color: var(--color-border-dark) !important;
    color:var(--color-text-default) !important;
    border-radius: var(--border-radius-sm) !important;
    background: var(--card-background-color);
}
.commentTicimax .commentTiciFilterButtons .commentTiciFilterButtonsOrder .orderFilter, 
.commentTicimax .commentTiciFilterStars .commentTiciFilterStarsUl>li>a, 
.commentTicimax .commentTiciFilterButtons .ctfButton a {
  border: 1px solid var(--color-border-light)!important;
  background: var(--card-background-color) !important;
  color: var(--color-text-default) !important;
  border-radius: var(--border-radius-sm) !important;
}
html[data-theme=dark] .commentTicimax .commentTiciFilterButtons .commentTiciFilterButtonsOrder .orderFilter, 
html[data-theme=dark] .commentTicimax .commentTiciFilterStars .commentTiciFilterStarsUl>li>a, 
html[data-theme=dark] .commentTicimax .commentTiciFilterButtons .ctfButton a {
  border: 1px solid var(--color-border-dark)!important;
}


.commentTicimaxPopup .commentTiciList .commentTiciItem, 
.commentTicimax .commentTiciList .commentTiciItem,
.commentTicimax .commentTiciFilter,
.commentTicimax .commentTiciGeneralRating {
  border-bottom: 1px solid var(--color-border-light) !important;
}
html[data-theme=dark] .commentTicimaxPopup .commentTiciList .commentTiciItem, 
html[data-theme=dark] .commentTicimax .commentTiciList .commentTiciItem,
html[data-theme=dark] .commentTicimax .commentTiciFilter,
html[data-theme=dark] .commentTicimax .commentTiciGeneralRating {
  border-bottom: 1px solid var(--color-border-dark) !important;
}

.commentTicimax .commentTiciFilterButtons .commentTiciFilterOrder {
  border: 1px solid var(--color-border-dark) !important;
  color: var(--color-text-default) !important;
  border-radius: var(--border-radius-sm) !important;
  background: var(--color-background-body) !important;
}
html[data-theme=dark] .commentTicimax .commentTiciFilterButtons .commentTiciFilterOrder{  
  border: 1px solid var(--color-border-dark) !important;
 }
 .commentTiciFilterButtonsOrder ul li:before {
  display: none !important;
}

.commentTicimax .commentTiciFilterButtons .commentTiciFilterOrder li a, .commentTicimax .commentTiciGeneralRating .commentTiciNumber  {
  color: var(--color-text-default) !important;
}