
/* GF_HOME_STORE_DISCOVERY_V2_20261012 | scoped styles, Rubik */
.gf-sd2{margin-top:0;margin-bottom:0;font-family:Rubik,system-ui,sans-serif}
.gf-sd2,.gf-sd2 *{box-sizing:border-box}
.gf-sd2 .gf-sd2-sub{margin:9px 0 0;color:#b4bdc9;font-size:12px;line-height:1.5}
.gf-sd2 .gf-sd2-all{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;color:#e6e8ed;text-decoration:none;font:700 11px/1.4 Rubik,system-ui,sans-serif;letter-spacing:.025em;border-bottom:1px solid #4d525a;padding-bottom:5px}
.gf-sd2 .gf-sd2-all:hover{border-color:#fff;color:#fff}
.gf-sd2 .gf-sd2-all svg{height:13px;width:13px;flex:none}
.gf-sd2-track{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;min-width:0}
.gf-sd2-card{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:7px;min-width:0;min-height:148px;padding:10px 7px 11px;border:1px solid #31363e;border-radius:12px;background:linear-gradient(158deg,#1c1e23 0%,#14161a 100%);text-align:center;text-decoration:none!important;color:#f7f8fa!important;transition:border-color .18s ease,transform .18s ease}
.gf-sd2-card:hover{transform:translateY(-2px);border-color:#9ba7b6}
.gf-sd2-card:focus-visible{outline:2px solid #f6f7f9;outline-offset:3px}
.gf-sd2-logo{display:flex;align-items:center;justify-content:center;width:100%;height:72px;padding:8px;border-radius:8px;background:#fff;overflow:hidden}
.gf-sd2-logo img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}
.gf-sd2-logo-text{color:#171b20;font-size:11px;font-weight:700;line-height:1.3;overflow-wrap:anywhere}
.gf-sd2-name{width:100%;color:#e9edf4;font:600 12px/1.3 Rubik,system-ui,sans-serif;overflow-wrap:anywhere}
.gf-sd2-count{margin-top:auto;color:#aeb7c5;font:500 11px/1.25 Rubik,system-ui,sans-serif;font-variant-numeric:tabular-nums}
.gf-sd2[hidden]{display:none!important}
@media(max-width:1090px){.gf-sd2-track{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:145px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;padding:3px 2px 12px}.gf-sd2-card{scroll-snap-align:start}}
@media(max-width:600px){.gf-sd2 .section-head{align-items:flex-start}.gf-sd2 .gf-sd2-all{font-size:10px;margin-top:5px}.gf-sd2-track{grid-auto-columns:135px}.gf-sd2-logo{height:65px}.gf-sd2-card{min-height:140px}}


/* GF_CATEGORY_CAROUSEL_FINAL */
.gf-home-category-carousel{position:relative;min-width:0}
.gf-home-category-carousel .categories{
 display:flex!important;flex-wrap:nowrap!important;
 gap:12px!important;margin-top:42px!important;
 overflow-x:auto!important;overflow-y:hidden!important;
 scroll-snap-type:x mandatory;scroll-behavior:smooth;
 scrollbar-width:none;
}
.gf-home-category-carousel .categories::-webkit-scrollbar{display:none}
.gf-home-category-carousel .categories>a.cat{
 flex:0 0 calc((100% - 36px)/4)!important;
 width:calc((100% - 36px)/4)!important;
 min-width:0!important;aspect-ratio:1.15/1!important;
 overflow:hidden!important;scroll-snap-align:start;
}
.gf-home-cat-prev,.gf-home-cat-next{
 position:absolute;top:55%;transform:translateY(-50%);
 z-index:10;width:42px;height:42px;
 display:grid;place-items:center;
 border:1px solid #666d77;border-radius:50%;
 background:rgba(13,16,21,.95);color:#fff;
 font-size:30px;cursor:pointer;
}
.gf-home-cat-prev{left:-16px}
.gf-home-cat-next{right:-16px}
.gf-home-cat-prev:disabled,.gf-home-cat-next:disabled{
 opacity:0;pointer-events:none
}
@media(max-width:1150px){
 .gf-home-category-carousel .categories>a.cat{
  flex-basis:calc((100% - 24px)/3)!important;
  width:calc((100% - 24px)/3)!important;
 }
}
@media(max-width:740px){
 .gf-home-category-carousel .categories{gap:10px!important}
 .gf-home-category-carousel .categories>a.cat{
  flex-basis:calc((100% - 10px)/2)!important;
  width:calc((100% - 10px)/2)!important;
 }
 .gf-home-cat-prev,.gf-home-cat-next{display:none}
}
@media(prefers-reduced-motion:reduce){
 .gf-home-category-carousel .categories{scroll-behavior:auto}
}



/* GF_HOME_CATEGORY_IMAGE_LABEL_V1 */

/* Kartin alt tarafinda yumusak okunabilirlik katmani */
.gf-home-category-carousel .cat::after {
    content: "";
    position: absolute;
    inset: 48% 0 0;
    background: linear-gradient(
        to bottom,
        transparent 0%,
        rgba(0,0,0,.12) 45%,
        rgba(0,0,0,.68) 100%
    );
    pointer-events: none;
    z-index: 1;
}

/* Kategori adini gorselin sol altina yerlestir */
.gf-home-category-carousel .categories > a.cat > .gf-category-label {
    position: absolute !important;
    top: auto !important;
    bottom: 18px !important;
    left: 18px !important;
    right: 12px !important;
    z-index: 3 !important;

    color: #fff !important;
    font-family: Poppins, sans-serif !important;
    font-size: clamp(13px, 1.15vw, 17px) !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    letter-spacing: .025em !important;
    white-space: normal !important;
    text-shadow: 0 2px 8px rgba(0,0,0,.55);
    pointer-events: none !important;
}

@media (max-width: 740px) {
    .gf-home-category-carousel .categories > a.cat > .gf-category-label {
        bottom: 14px !important;
        left: 14px !important;
        right: 10px !important;
        font-size: 14px !important;
    }
}



/* GF WHITE THEME V1 - ONLY VISUAL COLORS */

:root {
  color-scheme: light !important;
  --bg: #ffffff;
  --panel: #f5f6f8;
  --edge: #e5e7eb;
  --white: #171717;
  --mute: #626971;
  --soft: #353b42;
  --gf-yellow: #ffd400;
}

body {
  background: #ffffff !important;
  color: #171717 !important;
}

/* HEADER */
.top {
  background: #ffffff !important;
  border-bottom-color: #e5e7eb !important;
}
.logo { color: #171717 !important; }
.logo em { color: #646a70 !important; }
.nav a { color: #353535 !important; }
.nav a:hover { color: #000000 !important; }
.nav a.primarynav {
  background: #ffd400 !important;
  color: #171717 !important;
}
.mtoggle {
  color: #171717 !important;
  border-color: #d4d8dc !important;
}

/* HERO */
.hero-intro,
.hero-intro h1,
.section-title,
.hero-aside h2 {
  color: #171717 !important;
}
.stroke {
  color: #171717 !important;
  -webkit-text-fill-color: #171717 !important;
}
.hero-intro p,
.hero-aside p,
.section-note {
  color: #626971 !important;
}
.eyebrow,
.aside-kicker,
.hero-tags {
  color: #555d66 !important;
}
.eyebrow::before { background: #777f87 !important; }

.hero-grid {
  background: #f7f8fa !important;
  border-color: #e5e7eb !important;
}
.hero-aside {
  background: linear-gradient(145deg,#ffffff,#f3f5f7) !important;
}
.hero-art {
  /* Gorselin koyu zemini bilerek korunuyor */
  background-color: #080808 !important;
}

.btn-main {
  background: #ffd400 !important;
  color: #171717 !important;
}
.btn-main:hover { background: #eac200 !important; }
.btn-ghost {
  background: #ffffff !important;
  border-color: #cdd2d7 !important;
  color: #171717 !important;
}
.btn-ghost:hover { background: #edf0f3 !important; }

/* CATEGORIES - GORSEL VE ETIKETLER KORUNUR */
.cat { border-color: #e2e5e8 !important; }

/* CAMPAIGN CARDS */
.campaign {
  background: linear-gradient(145deg,#ffffff,#f6f7f9) !important;
  border-color: #e2e5e9 !important;
  color: #171717 !important;
}
.campaign:hover { border-color: #a3abb4 !important; }
.campaign :is(h2,h3,h4,p) {
  color: #171717 !important;
}
.campaign-placeholder {
  color: #555d66 !important;
  border-color: #e2e5e9 !important;
}

/* STORE DISCOVERY */
.gf-sd2-card {
  background: #f7f8fa !important;
  border-color: #e1e5e9 !important;
  color: #171717 !important;
}
.gf-sd2-name { color: #171717 !important; }
.gf-sd2-count,
.gf-sd2 .gf-sd2-sub { color: #626971 !important; }
.gf-sd2 .gf-sd2-all {
  color: #171717 !important;
  border-bottom-color: #cbd0d5 !important;
}
.gf-sd2 .gf-sd2-all:hover { color: #000000 !important; }

/* ANALYTICS */
.analytics {
  background: #f7f8fa !important;
  border-color: #e1e5e9 !important;
}
.analytics-text h2 { color: #171717 !important; }
.analytics-text p { color: #626971 !important; }
.analytics-viz {
  background: #eceff2 !important;
  border-color: #dce1e6 !important;
}
.viz-caption { color: #525a63 !important; }

/* EXPLANATION AND FOOTER */
.explain-item { border-top-color: #cbd1d7 !important; }
.explain-number { color: #7b858e !important; }
.explain-title { color: #171717 !important; }
.explain-text { color: #626971 !important; }

.footer { border-top-color: #e2e5e9 !important; }
.footlinks a,
.footcopy { color: #626971 !important; }
.footlinks a:hover { color: #171717 !important; }

@media (max-width:740px) {
  .nav {
    background: #ffffff !important;
    border-bottom-color: #e5e7eb !important;
  }
}

/* Kategori fotograflarindaki beyaz yazilar korunur */
.gf-home-category-carousel
.categories > a.cat > .gf-category-label {
  color: #ffffff !important;
}
