/* 3E Presentation v2. Layout belongs to the theme; colors and sizes belong to ThemeSettings. */
body[data-three-design] .sf-wrap { width: min(calc(100% - 48px), var(--three-container-width, 1440px)); margin-inline:auto; min-width:0; }
body[data-three-design] .sf-header { position:relative; z-index:60; color:var(--three-header-text); background:var(--three-header-background); border-bottom:1px solid var(--three-border-color); }
body[data-three-design] .sf-header * { box-sizing:border-box; }
body[data-three-design] .sf-header a { color:inherit!important; text-decoration:none; }
body[data-three-design] .sf-header svg { width:22px; height:22px; fill:currentColor; flex-shrink:0; }
body[data-three-design] .sf-header .three-i { display:inline-flex; width:22px; height:22px; color:inherit; }
body[data-three-design] .sf-header-main { display:grid; grid-template-columns:200px minmax(180px,1fr) auto; gap:32px; align-items:center; min-height:96px; padding-block:18px; }
body[data-three-design] .sf-logo { display:flex; align-items:center; min-width:0; font-size:27px; line-height:1.1; font-weight:800; letter-spacing:-.045em; overflow-wrap:anywhere; }
body[data-three-design] .sf-logo img { width:auto; max-width:100%; max-height:60px; object-fit:contain; }
body[data-three-design] .sf-search { display:flex; gap:0; align-items:center; border:1px solid var(--three-border-color); background:var(--three-surface-input); border-radius:var(--three-button-radius); min-width:0; margin:0; overflow:hidden; }
body[data-three-design] .sf-search input { min-width:0; width:100%; height:46px; border:0; padding:0 16px; background:transparent; color:var(--three-text-color); font:inherit; font-size:14px; }
body[data-three-design] .sf-search button { display:grid; place-items:center; flex-shrink:0; width:46px; height:46px; border:0; background:var(--three-header-button-background); color:var(--three-header-button-text); cursor:pointer; }
body[data-three-design] .sf-actions { display:flex; align-items:center; gap:24px; }
body[data-three-design] .sf-actions>a { display:flex; align-items:center; gap:8px; min-height:44px; font-size:13px; font-weight:650; white-space:nowrap; }
body[data-three-design] .sf-actions .three-i { color:var(--three-header-icon); }
body[data-three-design] .sf-cart-count { display:inline-grid; place-items:center; min-width:22px; height:22px; padding-inline:5px; background:var(--three-header-button-background); color:var(--three-header-button-text); border-radius:50%; font-size:11px; }
body[data-three-design] .sf-utility { border-bottom:1px solid var(--three-border-color); font-size:12px; }
body[data-three-design] .sf-utility>.sf-wrap, body[data-three-design] .sf-utility>.sf-wrap>div { display:flex; justify-content:space-between; align-items:center; gap:22px; min-height:35px; }
body[data-three-design] .sf-nav-row { display:flex; align-items:center; gap:28px; }
body[data-three-design] .sf-nav { display:flex; gap:28px; min-width:0; overflow-x:auto; scrollbar-width:thin; }
body[data-three-design] .sf-nav>a { padding:16px 0; flex-shrink:0; font-size:13px; font-weight:600; }
body[data-three-design] .sf-nav>a:hover { text-decoration:underline; text-underline-offset:6px; }
body[data-three-design] .sf-nav-bar { border-top:1px solid var(--three-border-color); }
body[data-three-design] .sf-header .sf-nav-bar .sf-nav>a { color:inherit!important; }
body[data-three-design] .sf-header-secondary { display:flex; gap:30px; align-items:center; padding-block:10px; border-top:1px solid var(--three-border-color); }
body[data-three-design] .sf-header-secondary>.sf-nav { flex:1; }
body[data-three-design] .sf-header-secondary>.sf-search { width:280px; flex-shrink:0; }
body[data-three-design] .sf-header-start { display:flex; gap:20px; align-items:center; }
body[data-three-design] .sf-catalog, body[data-three-design] .sf-languages { position:relative; }
body[data-three-design] summary { cursor:pointer; }
body[data-three-design] .sf-catalog>summary { display:flex; gap:10px; align-items:center; min-height:44px; padding:8px 0; font-size:13px; font-weight:700; white-space:nowrap; }
body[data-three-design] .sf-catalog>summary::-webkit-details-marker { display:none; }
body[data-three-design] .sf-catalog-panel { position:absolute; top:100%; inset-inline-start:0; width:min(460px,calc(100vw - 32px)); max-height:70vh; overflow:auto; padding:18px; border:1px solid var(--three-border-color); border-radius:var(--three-card-radius); background:var(--three-header-background); color:var(--three-header-text); box-shadow:0 18px 48px #0002; z-index:90; }
body[data-three-design] .sf-catalog-panel ul { margin:0; padding:0; list-style:none; }
body[data-three-design] .sf-catalog-panel li { position:relative; border-bottom:1px solid var(--three-border-color); }
body[data-three-design] .sf-catalog-panel li>a { display:block; padding:13px 38px 13px 8px; font-size:14px; }
body[data-three-design] .sf-catalog-panel li>a:hover { color:var(--three-primary-color); }
body[data-three-design] .sf-catalog-panel li>details>summary { position:absolute; inset-inline-end:0; top:0; width:38px; height:44px; display:grid; place-items:center; list-style:none; font-size:20px; }
body[data-three-design] .sf-catalog-panel details ul { padding-inline-start:18px; padding-bottom:8px; }
body[data-three-design] .sf-languages>summary { padding:10px 5px; font-size:12px; }
body[data-three-design] .sf-languages>div { position:absolute; inset-inline-end:0; top:100%; min-width:140px; max-height:55vh; overflow:auto; display:grid; padding:10px; background:var(--three-header-background); border:1px solid var(--three-border-color); box-shadow:0 12px 30px #0002; z-index:95; }
body[data-three-design] .sf-languages a { padding:10px; white-space:nowrap; }
body[data-three-design] .sf-sr-only { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; clip-path:inset(50%)!important; overflow:hidden!important; white-space:nowrap!important; }
body[data-three-design] .sf-skip { position:fixed; top:8px; inset-inline-start:8px; transform:translateY(-160%); z-index:999999; background:var(--three-header-background); color:var(--three-header-text); padding:12px 20px; }
body[data-three-design] .sf-skip:focus { transform:none; }
/* Themes with their own mobile bar keep a single navigation surface. */
body[data-three-design]:has(.mp-mobile-bottom-nav:not(.at-mobile-bottom-nav)) .three-mobile-bottom-nav { display:none!important; }
body[data-three-design] .sf-header :focus-visible { outline:2px solid var(--three-primary-color); outline-offset:3px; }
body[data-three-design] .sf-market-hero { display:grid; grid-template-columns:240px minmax(0,1fr); gap:24px; padding-block:24px; }
body[data-three-design] .sf-market-hero:not(:has(.sf-home-directory)) { grid-template-columns:1fr; }
body[data-three-design] .sf-market-hero .three-shell { width:100%!important; max-width:100%!important; margin:0!important; }
body[data-three-design] .sf-home-directory { max-height:var(--three-banner-desktop-height,420px); overflow:auto; border:1px solid var(--three-border-color); border-radius:var(--three-card-radius); background:var(--three-surface-card); padding:16px; }
body[data-three-design] .sf-home-directory>strong { display:block; font-size:16px; margin-bottom:12px; }
body[data-three-design] .sf-home-directory>a { display:flex; justify-content:space-between; gap:12px; padding:12px 0; border-top:1px solid var(--three-border-color); color:var(--three-text-color); text-decoration:none; font-size:13px; }
body[data-three-design] .sf-home-directory>a:hover { color:var(--three-primary-color); }
body[data-three-design] .sf-hero-banners { min-width:0; }
body[data-three-design] .sf-home .three-banner-zone { margin-block:0!important; }
body[data-three-design] .sf-home-products { min-width:0; padding-block:22px; }
/* Opt-in cart presentation. All values and actions are still core cart data. */
body[data-three-design] .three-mini-cart-shell, body[data-three-design] .three-mini-cart-shell * { box-sizing:border-box!important; }
body[data-three-design].three-mini-cart-open { overflow:hidden!important; }
body[data-three-design] .three-mini-cart-backdrop { display:none!important; position:fixed!important; inset:0!important; z-index:999990!important; background:color-mix(in srgb,var(--sf-cart-overlay,#475569) 48%,transparent)!important; }
body[data-three-design].three-mini-cart-open .three-mini-cart-backdrop { display:block!important; }
body[data-three-design][data-three-cart-presentation] .three-mini-cart-drawer { position:fixed!important; top:0!important; right:0!important; bottom:auto!important; left:auto!important; z-index:999991!important; width:min(450px,calc(100vw - 18px))!important; visibility:hidden!important; opacity:0!important; pointer-events:none!important; height:100dvh!important; max-height:100dvh!important; direction:inherit; transition:transform .22s ease,opacity .18s ease!important; background:var(--tmc-panel)!important; color:var(--tmc-text)!important; border:1px solid var(--tmc-border)!important; border-radius:0!important; transform:translateX(104%)!important; }
body[data-three-design][data-three-cart-presentation].three-mini-cart-open .three-mini-cart-drawer { visibility:visible!important; opacity:1!important; pointer-events:auto!important; transform:translateX(0)!important; }
body[data-three-design][data-three-cart-presentation] .three-mini-cart-head { background:var(--tmc-header)!important; border-color:var(--tmc-border)!important; }
body[data-three-design][data-three-cart-presentation] .three-mini-cart-item { background:var(--tmc-item)!important; border-color:var(--tmc-border)!important; }
body[data-three-design][data-three-cart-presentation] .three-mini-cart-item:hover { background:var(--tmc-item-hover)!important; }
body[data-three-design][data-three-cart-presentation] .three-mini-cart-price,
body[data-three-design][data-three-cart-presentation] .three-mini-cart-grand-total strong { color:var(--tmc-price)!important; }
body[data-three-design][data-three-cart-presentation] .three-mini-cart-total strong { color:var(--tmc-text)!important; }
body[data-three-design][data-three-cart-presentation] .three-mini-cart-btn.primary { background:var(--tmc-primary)!important; color:var(--tmc-primary-text)!important; }
body[data-three-design][data-three-cart-presentation] .three-mini-cart-btn.secondary { background:var(--tmc-secondary)!important; color:var(--tmc-secondary-text)!important; }
body[data-three-design] .three-mini-cart-drawer[aria-busy="true"] .three-mini-cart-body { opacity:.65; }
body[data-three-design] .three-mini-cart-drawer [data-mini-cart-action]:disabled { opacity:.5; cursor:wait; }
body[data-three-design] .three-mini-cart-drawer:focus-visible { outline:2px solid var(--three-primary-color); }
html[dir="rtl"] body[data-three-cart-presentation="drawer"] .three-mini-cart-drawer { right:auto!important; left:0!important; transform:translateX(-104%)!important; }
body[data-three-design][data-three-cart-presentation="left"] .three-mini-cart-drawer { top:0!important; right:auto!important; left:0!important; transform:translateX(-104%)!important; width:min(500px,calc(100vw - 20px))!important; }
html[dir="rtl"] body[data-three-cart-presentation="left"] .three-mini-cart-drawer { left:auto!important; right:0!important; transform:translateX(104%)!important; }
body[data-three-design][data-three-cart-presentation="modal"] .three-mini-cart-drawer { top:50%!important; left:50%!important; right:auto!important; width:min(880px,calc(100vw - 48px))!important; height:min(660px,calc(100dvh - 48px))!important; max-height:calc(100dvh - 48px)!important; border:1px solid var(--tmc-border)!important; border-radius:var(--three-card-radius)!important; overflow:hidden; transform:translate(-50%,-45%) scale(.97)!important; opacity:0; }
body[data-three-design][data-three-cart-presentation="modal"].three-mini-cart-open .three-mini-cart-drawer { transform:translate(-50%,-50%) scale(1)!important; opacity:1; }
body[data-three-design][data-three-cart-presentation="popover"] .three-mini-cart-drawer { top:var(--sf-popup-top,100px)!important; left:var(--sf-popup-left,auto)!important; right:16px!important; width:min(420px,calc(100vw - 32px))!important; height:min(600px,var(--sf-popup-height,70dvh))!important; max-height:calc(100dvh - 24px)!important; border:1px solid var(--tmc-border)!important; border-radius:var(--three-card-radius)!important; transform:translateY(-10px)!important; opacity:0; overflow:hidden; box-shadow:0 18px 60px #0003!important; }
body[data-three-design][data-three-cart-presentation="popover"].three-mini-cart-open .three-mini-cart-drawer { transform:translateY(0)!important; opacity:1; }
body[data-three-design][data-three-cart-presentation="sheet"] .three-mini-cart-drawer { top:auto!important; bottom:0!important; left:50%!important; right:auto!important; width:min(1080px,100vw)!important; height:min(700px,82dvh)!important; border:1px solid var(--tmc-border)!important; border-radius:var(--three-card-radius) var(--three-card-radius) 0 0!important; transform:translate(-50%,104%)!important; overflow:hidden; }
body[data-three-design][data-three-cart-presentation="sheet"].three-mini-cart-open .three-mini-cart-drawer { transform:translate(-50%,0)!important; }
body[data-three-design][data-three-cart-presentation="left"].three-mini-cart-open .three-mini-cart-drawer,
html[dir="rtl"] body[data-three-design][data-three-cart-presentation="drawer"].three-mini-cart-open .three-mini-cart-drawer { transform:translateX(0)!important; }
@media(min-width:900px) {
    body[data-three-cart-presentation="sheet"] .three-mini-cart-list { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:16px!important; }
}
@media(max-width:900px) {
    body[data-three-design][data-sf-hide-mobile-actions="1"] .sf-header .sf-actions { display:none; }
    body[data-three-design] .sf-wrap { width:calc(100% - 28px); }
    body[data-three-design] .sf-header .sf-header-main { display:flex; flex-wrap:wrap; gap:14px; min-height:0; padding-block:14px; }
    body[data-three-design] .sf-header-main>.sf-logo { flex:1; min-width:90px; font-size:21px; }
    body[data-three-design] .sf-header-main>.sf-search { flex-basis:100%; order:10; }
    body[data-three-design] .sf-logo img { max-height:42px; max-width:150px; }
    body[data-three-design] .sf-actions { gap:16px; margin-inline-start:auto; }
    body[data-three-design] .sf-actions>a>span:not(.three-i) { display:none; }
    body[data-three-design] .sf-actions>a { gap:5px; }
    body[data-three-design] .sf-header-secondary { gap:14px; flex-wrap:wrap; padding-block:4px 12px; }
    body[data-three-design] .sf-header-secondary>.sf-search { width:100%; order:3; }
    body[data-three-design] .sf-nav { gap:20px; }
    body[data-three-design] .sf-nav>a { font-size:12px; padding-block:12px; }
    body[data-three-design] .sf-utility>.sf-wrap>span { display:none; }
    body[data-three-design] .sf-utility>.sf-wrap>div { width:100%; gap:12px; }
    body[data-three-design] .sf-nav-row { gap:18px; }
    body[data-three-design] .sf-catalog-panel { position:fixed; top:auto; inset-inline:14px; width:auto; max-height:65dvh; }
    body[data-three-design] .sf-market-hero { display:block; padding-block:16px; }
    body[data-three-design] .sf-home-directory { display:none; }
    body[data-three-design] .sf-header-start { gap:10px; }
    body[data-three-design] .sf-home-products { padding-block:12px; }
}
@media(max-width:600px) {
    body[data-three-design] .sf-catalog>summary>span:not(.three-i) { display:none; }
    body[data-three-design] .sf-nav-row .sf-catalog>summary>span:not(.three-i) { display:block; }
    body[data-three-design] .sf-languages>summary { font-size:11px; padding-inline:0; }
    body[data-three-design][data-three-cart-presentation="modal"] .three-mini-cart-drawer,
    body[data-three-design][data-three-cart-presentation="popover"] .three-mini-cart-drawer { top:auto!important; bottom:0!important; left:0!important; right:0!important; width:100vw!important; height:88dvh!important; max-height:88dvh!important; border-radius:var(--three-card-radius) var(--three-card-radius) 0 0!important; transform:translateY(104%)!important; }
    body[data-three-design][data-three-cart-presentation="modal"].three-mini-cart-open .three-mini-cart-drawer,
    body[data-three-design][data-three-cart-presentation="popover"].three-mini-cart-open .three-mini-cart-drawer { transform:translateY(0)!important; }
}
@media(prefers-reduced-motion:reduce) {
    body[data-three-design][data-three-cart-presentation] .three-mini-cart-drawer,
    body[data-three-design][data-three-cart-presentation] .three-mini-cart-drawer * { transition:none!important; }
}

/* premium-beyaz */

body[data-three-design="premium-beyaz"] .sf-header-main { grid-template-columns:1fr minmax(160px,260px) 1fr; min-height:112px; }
body[data-three-design="premium-beyaz"] .sf-logo { justify-content:center; text-align:center; }
body[data-three-design="premium-beyaz"] .sf-actions { justify-content:flex-end; }
body[data-three-design="premium-beyaz"] .sf-home-gallery { padding-top:28px; }
body[data-three-design="premium-beyaz"] .sf-home-gallery .tbp-section-head { border-bottom:1px solid var(--three-border-color); padding-block:14px 22px; }
body[data-three-design="premium-beyaz"] .tbp-product-card { box-shadow:none!important; border:0!important; }
body[data-three-design="premium-beyaz"] .tbp-product-info { padding:18px 4px!important; }
body[data-three-design="premium-beyaz"] .tbp-product-grid { gap:30px!important; }
body[data-three-design="premium-beyaz"] .three-mini-cart-head { padding:26px 32px!important; }
body[data-three-design="premium-beyaz"] .three-mini-cart-head strong { font-weight:500!important; font-size:28px!important; }
@media(min-width:1000px) {
 body[data-three-design="premium-beyaz"] .three-product-grid:not(.is-list-view) { grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:30px!important; }
 body[data-three-design="premium-beyaz"] .three-product-detail-layout { grid-template-columns:1.2fr .8fr!important; gap:48px!important; }
 body[data-three-design="premium-beyaz"] .three-product-gallery { border:0!important; box-shadow:none!important; }
 body[data-three-design="premium-beyaz"] .cart-grid { grid-template-columns:1fr!important; }
 body[data-three-design="premium-beyaz"] .cart-summary { width:min(600px,100%); justify-self:end; }
}
