PageSourceSearch

https://gap.com.tr/

html gap.com.tr collected 2026-09-26 02:07:45 UTC 301,497 bytes, 11,637 lines download raw bytes

1<!DOCTYPE html>
2<html lang="tr">
3  <head>
4    <meta charset="utf-8" />
5    <meta name="format-detection" content="telephone=no" />
6    <meta name="apple-mobile-web-app-capable" content="yes" />
7    <meta id="viewport" name="viewport" content="width=device-width, minimal-ui, initial-scale=1.0, maximum-scale=1.0" />
8    <meta name="yandex-verification" content="75e77cf581c5e9f9" />
9    <meta name="p:domain_verify" content="eb88dcabac50d3bc607c017c459c2649"/>
10
11    
12  <link rel="canonical" href="https://gap.com.tr/">
13
14
15
16
17    
18    
19
20    
21    
22
23    
24      
25  
26    
27
28
29
30
31
32
33
34
35  <title>
36    
37      Kadın, Erkek, Çocuk ve Bebek Giyim Online Alışveriş | GAP
38    
39  </title>
40
41
42<meta name="description" content="Sezonun öne çıkan en havalı giyim ve aksesuar modelleri GAP’te. Rahat ve cool şıklığını tamamlayacak parçalar için gap.com.tr’yi incele!">
43
44
45  <meta name="keywords" content="Gap | Kadın, Erkek, Çocuk ve Bebek Giyim Online Alışveriş"/>
46
47
48<!-- Schema.org markup for Google+ -->
49
50
51
52
53<!-- Twitter summary card with large image must be at least 280x150px -->
54
55
56
57
58
59<!-- Open Graph data -->
60<meta property="og:type" content="website"/>
61<meta property="og:title"
62  content="Kadın, Erkek, Çocuk ve Bebek Giyim Online Alışveriş | GAP"
63/>
64<meta property="og:description" content="Sezonun öne çıkan en havalı giyim ve aksesuar modelleri GAP’te. Rahat ve cool şıklığını tamamlayacak parçalar için gap.com.tr’yi incele!"/>
65<meta property="og:url" content="https://gap.com.tr/"/>
66<meta property="og:site_name" content="GAP Türkiye"/>
67<meta property="og:locale" content="tr_TR" />
68
69  <meta property="og:image" content="https://11d46382.cdn.akinoncloud.com/static_omnishop/gapzero181/img/gap_black.svg"/>
70  <meta name="twitter:image" content="https://11d46382.cdn.akinoncloud.com/static_omnishop/gapzero181/img/gap_black.svg">
71
72
73<meta name="twitter:card" content="summary_large_image">
74<meta name="twitter:title"
75  content="Kadın, Erkek, Çocuk ve Bebek Giyim Online Alışveriş | GAP"
76>
77<meta name="twitter:description" content="Sezonun öne çıkan en havalı giyim ve aksesuar modelleri GAP’te. Rahat ve cool şıklığını tamamlayacak parçalar için gap.com.tr’yi incele!">
78<meta name="twitter:site" content="@Gap">
79
80
81
82  
83
84    
85
86    
87
88    
89
90    <link href="https://11d46382.cdn.akinoncloud.com/static_omnishop/gapzero181/css/style.css"
91      integrity=sha256-V+du0geVLN2TguhAPm4Zd06uoxkF5eg5JhvSpFkp1po=
92      rel="stylesheet" type="text/css" crossorigin="anonymous"/>
93
94    <link href="/favicon.ico" rel="icon" sizes="16x16 32x32 48x48" />
95    <link href="https://11d46382.cdn.akinoncloud.com/static_omnishop/gapzero181/img/favicon-16x16.png" rel="icon" type="image/png" sizes="16x16" />
96    <link href="https://11d46382.cdn.akinoncloud.com/static_omnishop/gapzero181/img/favicon-32x32.png" rel="icon" type="image/png" sizes="32x32" />
97    <link href="https://11d46382.cdn.akinoncloud.com/static_omnishop/gapzero181/img/favicon-48x48.png" rel="icon" type="image/png" sizes="48x48" />
98    <link href="https://11d46382.cdn.akinoncloud.com/static_omnishop/gapzero181/img/favicon-96x96.png" rel="icon" type="image/png" sizes="96x96" />
99    <link href="https://11d46382.cdn.akinoncloud.com/static_omnishop/gapzero181/img/apple-touch-icon.png" rel="apple-touch-icon" sizes="180x180" />
100    <link href="/site.webmanifest" rel="manifest" />
101    <meta name="theme-color" content="#000D42" />
102
103    
104
105    
106      
107    
108
109    
110      
111    
112
113    
114    
115
116    
116<script type="text/javascript">
117      function detectAppWebView() {
118        const isMobileApp = localStorage.getItem('isMobileApp') === 'true';
119
120        if (isMobileApp) {
121          const ua = navigator.userAgent || navigator.vendor || window.opera;
122          const isIOS = /iPhone|iPad|iPod/.test(ua);
123          const isAndroid = /Android/.test(ua);
124          const os = isIOS ? 'iOS' : isAndroid ? 'Android' : 'unknown';
125
126          return {
127            isWebView: true,
128            os: os
129          };
130        }
131
132        return {
133          isWebView: false,
134          os: ''
135        };
136      }
137
138      const webviewStatus = detectAppWebView();
139
140      // Start Analytics -> DONT REMOVE
141      window["dataLayer"] = window["dataLayer"] || [];
142      window["dataLayer"].push({
143        "isWebView": webviewStatus.isWebView,
144      });
145     
146
147      window["dataLayer"].push({
148        'event': 'main_page_view',
149        'page_type':'Home Page',
150        'user_id': undefined,
151        'user_email' : "",
152        'user_name' : " ",
153        'user_hashed_email' :"b613679a0814d9ec772f95d778c35fc5ff1697c493715653c6c712144292c5ad",
154        'user_phone_number' : "",
155        'user_hashed_phone_number' : "b613679a0814d9ec772f95d778c35fc5ff1697c493715653c6c712144292c5ad",
156        'user_login_status':false,
157        'is_webview': webviewStatus.isWebView,
158        'webview_os': webviewStatus.os
159      });
160
161      window["dataLayer"].push({
162        event: 'gtm.js'
163      });
164      // End Analytics -> DONT REMOVE
165
166      window.InsiderQueue = window.InsiderQueue || [];
167    </script>
167
168    
168<script type="text/javascript">
169      var GLOBALS = {
170        language: "tr-tr",
171        uuid: "",
172        userPhone: "",
173        userLoggedIn:  false ,
174        csrf_token: "jWNJrKLSUFeVlfuZ1g01XUidhujiRYvz5s6uMXHbhB4x6hP5tsKquflE5kEl9xzl",
175        analyticsContainers: {"containerId": "GTM-WG84SKW"},
176        THUMBNAIL_ACTIVE: true,
177        THUMBNAIL_OPTIONS: {"product-list": {"width": 690, "height": 757, "crop": "top"}, "product-list_ternary": {"width": 449, "height": 673}, "product-list_quad": {"width": 330, "height": 495}, "product-detail__variant": {"width": 54, "height": 80, "crop": "center"}, "product-detail__slider_zoom": {"quality": 90}, "product-detail__slider_display": {"width": 625, "height": 921, "crop": "center"}, "product-detail__slider_thumbnail": {"width": 94, "height": 148, "crop": "center"}, "category-detail": {"width": 870, "height": 317}, "category-detail__campaign-banner": {"width": 420, "height": 210}, "category-detail__sub-category-banner": {"width": 270, "height": 335}, "basket-list": {"width": 94, "height": 143, "crop": "center"}, "order-list": {"width": 110, "height": 131, "crop": "top"}, "mini-basket-list": {"width": 94, "height": 143, "crop": "center"}, "autocomplete": {"width": 40, "height": 40}, "combin-product-item": {"width": 278, "height": 210, "crop": "center"}, "blog-home-item": {"width": 450, "height": 340, "crop": "center"}, "checkout-success-item": {"width": 58, "height": 88, "crop": "center"}, "discovery-cover-xl": {"width": 432, "height": 304, "crop": "center"}, "discovery-cover-lg": {"width": 320, "height": 224, "crop": "center"}, "discovery-cover-md": {"width": 272, "height": 192, "crop": "center"}, "acc-order-list": {"width": 65, "height": 85, "crop": "center"}, "acc-order-return": {"width": 65, "height": 85, "crop": "center"}, "acc-order-detail": {"width": 85, "height": 112, "crop": "center"}, "acc-favourite-item-xxl": {"width": 352, "height": 512, "crop": "center"}, "acc-favourite-item-xl": {"width": 260, "height": 384, "crop": "center"}, "acc-favourite-item-lg": {"width": 212, "height": 308, "crop": "center"}, "acc-favourite-item-md": {"width": 144, "height": 208, "crop": "center"}, "acc-favourite-item-s": {"width": 264, "height": 384, "crop": "center"}, "acc-favourite-item-xs": {"width": 216, "height": 320, "crop": "center"}, "acc-favourite-item-xxs": {"width": 192, "height": 280, "crop": "center"}, "basket-list-item-lg": {"width": 108, "height": 138, "crop": "center"}, "basket-list-item-s": {"width": 108, "height": 138, "crop": "center"}, "mini-basket-list-item": {"width": 96, "height": 160, "crop": "center"}, "checkout-funds-transfer-bank-logo": {"height": 24, "crop": "center"}, "checkout-summary-list-item": {"width": 108, "height": 138, "crop": "center"}, "product-list-layout-4-xl": {"width": 704, "height": 1024, "crop": "center"}, "product-list-layout-4-lg": {"width": 512, "height": 736, "crop": "center"}, "product-list-layout-4-md": {"width": 448, "height": 640, "crop": "center"}, "product-list-layout-4-s": {"width": 576, "height": 832, "crop": "center"}, "product-list-layout-4-xs": {"width": 384, "height": 544, "crop": "center"}, "product-list-layout-2-xl": {"width": 1056, "height": 1536, "crop": "center"}, "product-list-layout-2-lg": {"width": 800, "height": 1152, "crop": "center"}, "product-list-layout-2-md": {"width": 680, "height": 992, "crop": "center"}, "product-list-layout-2-s": {"width": 576, "height": 832, "crop": "center"}, "product-list-layout-2-xs": {"width": 384, "height": 544, "crop": "center"}, "success-list-item": {"width": 90, "height": 115, "crop": "center"}, "product-slider-thumb": {"width": 80, "height": 128, "crop": "center"}, "product-gallery-xl": {"width": 1040, "height": 1386, "crop": "center"}, "product-gallery-lg": {"width": 336, "height": 512, "crop": "center"}, "product-gallery-md": {"width": 576, "height": 864, "crop": "center"}, "product-gallery-s": {"width": 512, "height": 768, "crop": "center"}, "product-gallery-xs": {"width": 780, "height": 1186, "crop": "center"}, "product-gallery-zoom": {"width": 2880, "height": 4320, "crop": "center"}, "product-gallery-thumb": {"width": 96, "height": 160, "crop": "center"}, "product-variant": {"width": 48, "height": 72, "crop": "center"}, "product-combine-thumbnail": {"width": 144, "height": 224, "crop": "center"}, "store-list-item": {"width": 256, "height": 192, "crop": "center"}, "product-recommendation-xl": {"width": 272, "height": 416, "crop": "center"}, "product-recommendation-lg": {"width": 224, "height": 336, "crop": "center"}, "product-recommendation-md": {"width": 192, "height": 288, "crop": "center"}, "product-recommendation-s": {"width": 144, "height": 224, "crop": "center"}, "product-recommendation-xs": {"width": 192, "height": 288, "crop": "center"}, "product-recommendation-xxs": {"width": 128, "height": 192, "crop": "center"}, "stories-item-lg": {"width": 140, "height": 140, "crop": "center"}, "stories-item-s": {"width": 112, "height": 112, "crop": "center"}
177, "navigation-first_column-item": {"width": 416, "height": 574, "crop": "center"}, "navigation-discover-item": {"width": 120, "height": 120, "crop": "center"}, "navigation-banner-item": {"width": 500, "height": 172, "crop": "center"}, "mobile-navigation-banner": {"width": 537, "height": 165, "crop": "center"}, "mobile-navigation-card": {"width": 300, "height": 412, "crop": "center"}, "mobile-navigation-story-item": {"width": 120, "height": 120, "crop": "center"}, "mobile-navigation-banner-item": {"width": 500, "height": 172, "crop": "center"}, "mobile-navigation-discover-item": {"width": 120, "height": 120, "crop": "center"}},
178        PRODUCT_ATTRIBUTES: [{"key": "integration_size", "name": "Beden"}, {"key": "integration_color", "name": "Renk"}, {"key": "sku", "name": "SKU"}],
179        masterpassSdkEnvironment: "production",
180        PRICE_FORMAT_OPTIONS: {
181          currency: {
182            currencyCode: 'TL',
183            currencySymbol: '₺',
184            useCurrencySymbol: false,
185            useCurrencyAfterPrice: true,
186            useCurrencySpace: true,
187          },
188        },
189         page: ['home'],
190
191      };
192      var URLS = {
193        changeEmail: '/users/email-change/',
194        checkout: '/orders/checkout/',
195        basket: '/baskets/basket/',
196        static: 'https://11d46382.cdn.akinoncloud.com/static_omnishop/gapzero181/',
197        login: '/users/auth/',
198        
199      };
200      window.i18nJSCatalog = {"Add Stock Alert": "Stok Uyar\u0131s\u0131 Ekle", "Add To Cart": "Sepete Ekle", "An error occurred when items loading.": "\u00d6\u011feler y\u00fcklenirken bir hata olu\u015ftu.", "An unexpected error has occured, please try again later.": "Beklenmeyen bir hata olu\u015ftu, l\u00fctfen daha sonra tekrar deneyin.", "An unexpected error has occured. Please try again later.": "Beklenmeyen bir hata olu\u015ftu. L\u00fctfen daha sonra tekrar deneyin.", "Are you sure you want to delete this card?": "Kart\u0131 silmek istedi\u011finize emin misiniz?", "Available": "Mevcut", "Browse": "Se\u00e7", "CATEGORIES": "KATEGOR\u0130LER", "CONFIRM": "ONAYLA", "Cash": "Nakit", "Choose Order": "Sipari\u015f Se\u00e7in", "Close": "Vazge\u00e7", "Color": "Renk", "Confirm": "Onayla", "Confirmation code": "Do\u011frulama kodu", "Continue": "Devam et", "Currency Change": "Para Birimini De\u011fi\u015ftir", "DELETE": "S\u0130L", "DIRECTIONS": "YOL TAR\u0130F\u0130", "Default Address": "Varsay\u0131lan Adresiniz", "Detail": "Detay", "E-Newsletter": "E-B\u00fclten", "Email values must be matching.": "E-posta de\u011ferleri e\u015fle\u015fmelidir.", "Enter the one-time password from your bank.": "Bankan\u0131zdan gelen tek kullan\u0131ml\u0131k \u015fifreyi giriniz.", "Error": "Hata", "Favourite Product": "Favori \u00dcr\u00fcn", "Free": "\u00dccretsiz", "I consent to the registration of my credit card information with MasterPass.": "Kredi kart\u0131 bilgilerimin MasterPass'e kaydedilmesine izin veriyorum.", "I want to pay with my card registered to MasterPass.": "MasterPass'e kay\u0131tl\u0131 kart\u0131mla \u00f6deme yapmak istiyorum.", "Installment options not available": "Taksit se\u00e7enekleri mevcut de\u011fil", "It's in the bag": "Sepete eklendi", "Last": "Son", "Limited Stock": "Az Kald\u0131", "MasterPass Card Name": "Kart\u0131n\u0131za Vermek \u0130stedi\u011finiz \u0130sim", "Monthly Amount": "Ayl\u0131k Tutar", "Move To Bag": "Sepete Ekle", "My Bag": "Sepetim", "My MasterPass Saved Cards": "MasterPass Kay\u0131tl\u0131 Kartlar\u0131m", "Next": "\u0130leri", "Notify when it arrives": "Gelince bildir", "Number of Installments": "Taksit Say\u0131s\u0131", "Out of Stock": "T\u00fckendi", "Password values must be matching.": "\u015eifre de\u011ferleri e\u015fle\u015fmelidir.", "Pay with new credit card.": "Yeni kredi kart\u0131 ile \u00f6deme yap\u0131n.", "Phone": "Telefon", "Pick Size": "Beden Se\u00e7", "Piece": "Adet", "Please enter a card name": "L\u00fctfen kart ismi girin", "Please enter a valid e-mail.": "L\u00fctfen ge\u00e7erli e-posta adresini giriniz.", "Please provide a valid city and country.": "L\u00fctfen ge\u00e7erli bir \u015fehir ve \u00fclke girin.", "Please select a card": "L\u00fctfen kart se\u00e7in", "Please select a size": "L\u00fctfen b
200ir beden se\u00e7iniz", "Please select an installment": "L\u00fctfen taksit se\u00e7in", "Please select an option": "Se\u00e7iniz", "Points": "Puan", "Previous": "Geri", "Price": "Fiyat", "Product": "\u00dcr\u00fcn", "Product Code": "\u00dcr\u00fcn Kodu", "Quick Look": "H\u0131zl\u0131 Bak\u0131\u015f", "SAVE": "KAYDET", "Search": "Ara", "Search Results Not Found": "Arama Sonu\u00e7lar\u0131 Bulunamad\u0131", "Search Text": "Metin Ara", "Select": "Se\u00e7", "Select City": "\u015eehir Se\u00e7iniz", "Select Measure": "Beden Se\u00e7iniz", "Select Store": "Ma\u011faza Se\u00e7", "Select an option.": "Se\u00e7iniz", "Selected": "Se\u00e7ili", "Send SMS Again": "Tekrar SMS g\u00f6nder", "Set as Default": "Varsay\u0131lan olarak ayarla", "Show More": "Daha Fazla G\u00f6ster", "Showing %(current)s of %(total)s products.": "%(total)s \u00fcr\u00fcnlerin %(current)s g\u00f6sterir.", "Showing all %s product.": ["T\u00fcm %s \u00fcr\u00fcnler g\u00f6steriliyor.", "T\u00fcm %s \u00fcr\u00fcnler g\u00f6steriliyor."], "Size": "Beden", "Something went wrong, please try again.": "Bir \u015feyler ters gitti, l\u00fctfen tekrar deneyin.", "Subtotal": "Ara toplam", "Success": "Ba\u015far\u0131l\u0131", "Success!": "Ba\u015far\u0131l\u0131!", "The products in your cart will be deleted because the exchange rate has changed.": "D\u00f6viz kuru de\u011fi\u015fti\u011fi i\u00e7in sepetinizdeki \u00fcr\u00fcnler silinecektir.", "The transaction was canceled.": "\u0130\u015flem iptal edildi.", "There was an error with the gift note. Please re-add the gift note.": "Hediye notu ile ilgili bir hata olu\u015ftu. L\u00fctfen hediye notunu yeniden ekleyin.", "This field can be up to %s character.": ["Bu alan en fazla %s karakter uzunlu\u011funda olabilir.", "Bu alan en fazla %s karakter uzunlu\u011funda olabilir."], "This field is required.": "Bu alan zorunludur.", "This field must be at least %s character.": ["Bu alan en az %s karakter uzunlu\u011funda olmal\u0131d\u0131r.", "Bu alan en az %s karakter uzunlu\u011funda olmal\u0131d\u0131r."], "Total Amount": "Toplam Tutar", "USE": "KULLAN", "Unknown": "Bilinmiyor", "VIEW ALL": "HEPS\u0130N\u0130 G\u00d6STER", "VIEW BAG": "SEPET\u0130 G\u00d6R\u00dcNT\u00dcLE", "Working hours:": "\u00c7al\u0131\u015fma Saatleri:", "Would you like to use your cards registered to your MasterPass account?": "MasterPass hesab\u0131n\u0131za kay\u0131tl\u0131 kartlar\u0131n\u0131z\u0131 kullanmak ister misiniz?", "You have cards registered to MasterPass.": "MasterPass'e kay\u0131tl\u0131 kartlar\u0131n\u0131z var.", "You have successfully registered for our e-newsletters.": "E-b\u00fcltenimize ba\u015far\u0131yla kay\u0131t oldunuz.", "Your Available Loyalty Points": "Kullan\u0131labilir Loyalty Puan\u0131n", "Your card failed 3D Secure security verification.Please try again or contact your bank.": "Kart\u0131n\u0131z\u0131n 3D Secure g\u00fcvenlik do\u011frulamas\u0131 yap\u0131lamad\u0131. L\u00fctfen tekrar deneyiniz veya konuyla ilgili bankan\u0131zla ileti\u015fime ge\u00e7iniz.", "Your changes have been saved.": "De\u011fi\u015fiklikleriniz kaydedildi.", "Your one-time password for phone number verification.": "Telefon numaras\u0131 do\u011frulamas\u0131 i\u00e7in tek seferlik \u015fifreniz.", "Your request have been recieved and will be evaluated as soon as possible.": "Talebiniz al\u0131nd\u0131, m\u00fcmk\u00fcn olan en k\u0131sa s\u00fcrede de\u011ferlendirilicektir.", "no files selected": "dosya se\u00e7ilmedi", "off": "kapat", "pk attribute can not be null.": "pk \u00f6zniteli\u011fi bo\u015f olamaz.", "remove": "kald\u0131r"};
201    </script>
201
202
203    
204
205    
206      
207        
208          
208<script src="https://cdn.segmentify.com/7550c605-f44a-47fb-b38c-3003dfdbba7e/segmentify.js"></script>
208
209        
210      
211    
212  </head>
213
214  <body dir="ltr" class="body-home">
215
216    <div class="d-block d-md-none" data-nosnippet>
217      <div class="analytics-data" style="display: none !important; visibility: hidden !important;" data-nosnippet>
218        {
219          "type": "identify",
220          "data": {
221            "id":"None",
222            "user": {
223              "email": "d41d8cd98f00b204e9800998ecf8427e",
224              "signupDate": "",
225              "gender": "",
226              "birthday": "",
227              "permission": "no"
228            }
229          }
230        }
231      </div>
232    </div>
233
234    <div class="d-block d-md-none" data-nosnippet>
235      <div class="analytics-data" style="display: none !important; visibility: hidden !important;" data-nosnippet>
236        {
237          "type": "pageViewed",
238          "data": ""
239        }
240      </div>
241    </div>
242
243    <div class="d-block d-md-none" data-nosnippet>
244      <div class="analytics-data" style="display: none !important; visibility: hidden !important;" data-nosnippet>
245        {
246          "type": "gtmStart"
247        }
248      </div>
249    </div>
250
251  <div class="pz-body-w ">
252      <div id="segmentify-search" class="segmentify-search-main"></div>
253      
254        
255
256
257
258<div class="header-top">
259  <div class="header-top__campaign">3.500 TL VE ÜZERİ ALIŞVERİŞLERDE ÜCRETSİZ KARGO</div>
260  
261    <ul class="band__menu">
262      
263      <li><a href="/yardim-destek/" aria-label="Yardım">Yardım</a></li><div class="hr"></div>
264      
265      <li><a href="/anonymous_order/" aria-label="Sipariş Takibi">Sipariş Takibi</a></li><div class="hr"></div>
266      
267      <li><a href="/address/stores/" aria-label="Mağazalar">Mağazalar</a></li><div class="hr"></div>
268      
269    </ul>
270  
271</div>
272
273<header class="header js-header">
274  <div class="header-wrapper">
275    
276
277
278
279<div class="header-band js-header-band">
280  <div class="header-band__item -left">
281    <button
282      class="header__menu-toggle-button js-header-menu-toggle-btn"
283      aria-label="Menüyü aç / kapat"
284    >
285      <i class="icon"></i>
286    </button>
287    
288      
289        <a aria-label="Logo" class="logo-holder" href="/" aria-label="Anasayfa">
290          <img class="logo-holder__default " src="https://11d46382.cdn.akinoncloud.com/static_omnishop/gapzero181/img/gap_black.svg"  alt="gap"/>
291        </a>
292      
293    
294
295    <div class="mobile-search js-mobile-search-btn">
296      <i class="pz-icon-search"></i>
297    </div>
298  </div>
299
300  <div class="header-band__item -mid">
301    
302
303
304
305<nav class="main-nav header__nav">
306  
307    
308    <ul class="main-nav__list">
309      <li class="main-nav__list-item js-nav-item">
310        <a aria-label="New" style="color:#121EAD !important;" href="/yeni-gelenler/" class="link">
311          New
312        </a>
313
314        
315          
316          <div class="main-nav__menu js-nav-menu">
317            
318              
319  
320   <ul class="main-nav__menu-list ">
321    
322      
323        <li class="main-nav__menu-list-item -first_column">
324          <ul class="main-nav__child-group">
325            
326              
327
328              <li class="main-nav__child -first_column_with_img">
329                <ul class="main-nav__grandchild-list">
330                    
331  
332  
333  
334    <li class="main-nav__grandchild ">
335      <a class="link" href="/malbon/">
336        <img
337          class="image"
338          src="https://8f7eaa.a-cdn.akinoncloud.com/cms/2026/09/16/5b3d73d4-7b71-4d98-bcaa-fdb947a7eb7d_size416x574_cropCenter.jpg"
339          alt="Gap x Malbon First Column"
340          width="208"
341          height="287"
342          loading="lazy"
343        />
344        
345          <div class="img-footer">
346            <p class="img-footer-title" style="">Gap x Malbon</p>
347            <i class="pz-icon-chevron-end"></i>
348          </div>
349        
350      </a>
351    </li>
352  
353
354                </ul>
355              </li>
356            
357          </ul>
358        </li>
359
360      
361    
362      
363        <li class="main-nav__menu-list-item -last_column">
364          <ul class="main-nav__child-group">
365            
366              
367              
368              
369                <li class="main-nav__child -last_column_with_img">
370                  <ul class="main-nav__grandchild-list">
371                    
372  
373  
374  
375    <li class="main-nav__grandchild ">
376      <a class="link" href="/gap-a-p-c/">
377        <img
378          class="image"
379          src="https://8f7eaa.a-cdn.akinoncloud.com/cms/2026/09/25/59da3b42-0f1e-4ae0-8d3a-821cca5606aa_size416x574_cropCenter.jpg"
380          alt="Gap x A.P.C Last Column"
381          width="208"
382          height="287"
383          loading="lazy"
384        />
385
386        
387          <div class="img-footer">
388            <p class="img-footer-title" style=""> Gap x A.P.C</p>
389            <i class="pz-icon-chevron-end"></i>
390          </div>
391        
392
393      </a>
394    </li>
395  
396
397                  </ul>
398                </li>
399              
400            
401          </ul>
402        </li>
403
404      
405    
406      
407        <li class="main-nav__menu-list-item -menu">
408          <ul class="main-nav__child-group -menu">
409
410            
411            
412                
413                  
414                
415            
416                
417            
418                
419            
420
421            
422              
423              
424
425              
426                <li class="main-nav__child -highlight">
427                  <b class="title" style="">
428                    Yeni Gelenler
429                  </b>
430                  <hr class="divider"/>
431                  <ul class="main-nav__grandchild-list">
432                    
433                      
434  
435
436  <li class="main-nav__grandchild nav-text">
437    <a class="link hover-text" href="/yeni-gelenler/?category_ids=18069"  style="">
438      Kadın
439    </a>
440  </li>
441
442                    
443                      
444  
445
446  <li class="main-nav__grandchild nav-text">
447    <a class="link hover-text" href="/yeni-gelenler/?category_ids=18144"  style="">
448      Erkek
449    </a>
450  </li>
451
452                    
453                      
454  
455
456  <li class="main-nav__grandchild nav-text">
457    <a class="link hover-text" href="/yeni-gelenler/?category_ids=18187"  style="">
458      Kız Çocuk
459    </a>
460  </li>
461
462                    
463                      
464  
465
466  <li class="main-nav__grandchild nav-text">
467    <a class="link hover-text" href="/yeni-gelenler/?category_ids=18225"  style="">
468      Erkek Çocuk
469    </a>
470  </li>
471
472                    
473                      
474  
475
476  <li class="main-nav__grandchild nav-text">
477    <a class="link hover-text" href="/yeni-gelenler/?category_ids=18259"  style="">
478      Kız Bebek
479    </a>
480  </li>
481
482                    
483                      
484  
485
486  <li class="main-nav__grandchild nav-text">
487    <a class="link hover-text" href="/yeni-gelenler/?category_ids=18291"  style="">
488      Erkek Bebek
489    </a>
490  </li>
491
492                    
493                      
494  
495
496  <li class="main-nav__grandchild nav-text">
497    <a class="link hover-text" href="/yeni-gelenler/?category_ids=19441"  style="">
498      Yenidoğan Kız
499    </a>
500  </li>
501
502                    
503                      
504  
505
506  <li class="main-nav__grandchild nav-text">
507    <a class="link hover-text" href="/yeni-gelenler/?category_ids=18351"  style="">
508      Yenidoğan Erkek
509    </a>
510  </li>
511
512                    
513                  </ul>
514                </li>
515
516              
517            
518              
519              
520
521              
522                
523                  <li class="main-nav__child -special_column">
524                    <b class="title" style="">
525                      Koleksiyonlar
526                    </b>
527                    <hr class="divider"/>
528                    <ul class="main-nav__grandchild-list">
529                      
530                        
531  
532
533  <li class="main-nav__grandchild nav-text">
534    <a class="link hover-text" href="https://gap.com.tr/gap-a-p-c/"  style="">
535      Gap x A.P.C
536    </a>
537  </li>
538
539                      
540                        
541  
542
543  <li class="main-nav__grandchild nav-text">
544    <a class="link hover-text" href="/malbon/"  style="">
545      Gap x Malbon
546    </a>
547  </li>
548
549                      
550                        
551  
552
553  <li class="main-nav__grandchild nav-text">
554    <a class="link hover-text" href="/gap-x-project-swag/?category_ids=18069"  style="">
555      Gap x Project Swag
556    </a>
557  </li>
558
559                      
560                        
561  
562
563  <li class="main-nav__grandchild nav-text">
564    <a class="link hover-text" href="/gap-victoria-beckham/?category_ids=18069"  style="">
565      Gap x Victoria Beckham
566    </a>
567  </li>
568
569                      
570                        
571  
572
573  <li class="main-nav__grandchild nav-text">
574    <a class="link hover-text" href="/logo-gap-koleksiyonu/"  style="">
575      Logo Shop
576    </a>
577  </li>
578
579                      
580                    </ul>
581                  </li>
582                
583              
584            
585              
586              
587
588              
589                
590                  <li class="main-nav__child -special_column">
591                    <b class="title" style="">
592                      Guides
593                    </b>
594                    <hr class="divider"/>
595                    <ul class="main-nav__grandchild-list">
596                      
597                        
598  
599
600  <li class="main-nav__grandchild nav-text">
601    <a class="link hover-text" href="/gap-sweats-guide/"  style="">
602      GapSweats Guide
603    </a>
604  </li>
605
606                      
607                        
608  
609
610  <li class="main-nav__grandchild nav-text">
611    <a class="link hover-text" href="/denim-jean-modelleri/"  style="">
612      GapJeans Fit Guide
613    </a>
614  </li>
615
616                      
617                    </ul>
618                  </li>
619                
620              
621            
622          </ul>
623        </li>
624
625      
626    
627  </ul>
628
629            
630          </div>
631        
632      </li>
633    </ul>
634  
635    
636    <ul class="main-nav__list">
637      <li class="main-nav__list-item js-nav-item">
638        <a aria-label="Kadın" style="" href="/kadin/" class="link">
639          Kadın
640        </a>
641
642        
643          
644          <div class="main-nav__menu js-nav-menu">
645            
646              
647  
648   <ul class="main-nav__menu-list ">
649    
650      
651        <li class="main-nav__menu-list-item -first_column">
652          <ul class="main-nav__child-group">
653            
654              
655
656              <li class="main-nav__child -first_column_with_img">
657                <ul class="main-nav__grandchild-list">
658                    
659  
660  
661  
662    <li class="main-nav__grandchild ">
663      <a class="link" href="/gap-a-p-c/">
664        <img
665          class="image"
666          src="https://8f7eaa.a-cdn.akinoncloud.com/cms/2026/09/25/b0d51c94-053d-470f-ae2c-beaa8e628622_size416x574_cropCenter.jpg"
667          alt="Gap x A.P.C First Column"
668          width="208"
669          height="287"
670          loading="lazy"
671        />
672        
673          <div class="img-footer">
674            <p class="img-footer-title" style="">Gap x A.P.C</p>
675            <i class="pz-icon-chevron-end"></i>
676          </div>
677        
678      </a>
679    </li>
680  
681
682                </ul>
683              </li>
684            
685          </ul>
686        </li>
687
688      
689    
690      
691        <li class="main-nav__menu-list-item -last_column">
692          <ul class="main-nav__child-group">
693            
694              
695              
696              
697                <li class="main-nav__child -last_column_with_img">
698                  <ul class="main-nav__grandchild-list">
699                    
700  
701  
702  
703    <li class="main-nav__grandchild ">
704      <a class="link" href="/kadin-canta/">
705        <img
706          class="image"
707          src="https://8f7eaa.a-cdn.akinoncloud.com/cms/2026/09/16/4b1d87fe-edf6-4c8a-b804-f9249ede0f1e_size416x574_cropCenter.jpg"
708          alt="GapBagsᴺᵉʷ Last Column"
709          width="208"
710          height="287"
711          loading="lazy"
712        />
713
714        
715          <div class="img-footer">
716            <p class="img-footer-title" style=""> GapBagsᴺᵉʷ</p>
717            <i class="pz-icon-chevron-end"></i>
718          </div>
719        
720
721      </a>
722    </li>
723  
724
725                  </ul>
726                </li>
727              
728            
729          </ul>
730        </li>
731
732      
733    
734      
735        <li class="main-nav__menu-list-item -menu">
736          <ul class="main-nav__child-group -menu">
737
738            
739            
740                
741            
742                
743                  
744                
745            
746
747            
748              
749              
750
751              
752                
753                <li class="main-nav__child -two_special_column">
754                    <b class="title" style="">
755                      Kategoriler
756                    </b>
757                    <hr class="divider"/>
758                    <ul class="main-nav__grandchild-list list_two_column">
759                      
760                        
761  
762
763  <li class="main-nav__grandchild nav-text">
764    <a class="link hover-text" href="/kadin-giyim/?category_ids=18069"  style="">
765      Tüm Ürünler
766    </a>
767  </li>
768
769                      
770                        
771  
772
773  <li class="main-nav__grandchild nav-text">
774    <a class="link hover-text" href="/kadin-yeni-gelenler/"  style="">
775      Yeni Gelenler
776    </a>
777  </li>
778
779                      
780                        
781  
782
783  <li class="main-nav__grandchild nav-text">
784    <a class="link hover-text" href="/kadin-sweatshirt/"  style="">
785      Sweatshirt
786    </a>
787  </li>
788
789                      
790                        
791  
792
793  <li class="main-nav__grandchild nav-text">
794    <a class="link hover-text" href="/kadin-jean/"  style="">
795      Jean
796    </a>
797  </li>
798
799                      
800                        
801  
802
803  <li class="main-nav__grandchild nav-text">
804    <a class="link hover-text" href="/kadin-gomlek/"  style="">
805      Gömlek
806    </a>
807  </li>
808
809                      
810                        
811  
812
813  <li class="main-nav__grandchild nav-text">
814    <a class="link hover-text" href="/kadin-elbise/"  style="">
815      Elbise
816    </a>
817  </li>
818
819                      
820                        
821  
822
823  <li class="main-nav__grandchild nav-text">
824    <a class="link hover-text" href="/kadin-bluz/"  style="">
825      Bluz
826    </a>
827  </li>
828
829                      
830                        
831  
832
833  <li class="main-nav__grandchild nav-text">
834    <a class="link hover-text" href="/kadin-pantolon/"  style="">
835      Pantolon
836    </a>
837  </li>
838
839                      
840                        
841  
842
843  <li class="main-nav__grandchild nav-text">
844    <a class="link hover-text" href="/kadin-kazak/"  style="">
845      Kazak
846    </a>
847  </li>
848
849                      
850                        
851  
852
853  <li class="main-nav__grandchild nav-text">
854    <a class="link hover-text" href="/kadin-hirka/"  style="">
855      Hırka
856    </a>
857  </li>
858
859                      
860                        
861  
862
863  <li class="main-nav__grandchild nav-text">
864    <a class="link hover-text" href="/kadin-t-shirt/"  style="">
865      T-Shirt
866    </a>
867  </li>
868
869                      
870                        
871  
872
873  <li class="main-nav__grandchild nav-text">
874    <a class="link hover-text" href="/kadin-esofman-alti/"  style="">
875      Eşofman Altı
876    </a>
877  </li>
878
879                      
880                        
881  
882
883  <li class="main-nav__grandchild nav-text">
884    <a class="link hover-text" href="/kadin-dis-giyim/"  style="">
885      Dış Giyim
886    </a>
887  </li>
888
889                      
890                        
891  
892
893  <li class="main-nav__grandchild nav-text">
894    <a class="link hover-text" href="/kadin-sort/"  style="">
895      Şort
896    </a>
897  </li>
898
899                      
900                        
901  
902
903  <li class="main-nav__grandchild nav-text">
904    <a class="link hover-text" href="/kadin-etek/"  style="">
905      Etek
906    </a>
907  </li>
908
909                      
910                        
911  
912
913  <li class="main-nav__grandchild nav-text">
914    <a class="link hover-text" href="/kadin-tulum/"  style="">
915      Tulum
916    </a>
917  </li>
918
919                      
920                        
921  
922
923  <li class="main-nav__grandchild nav-text">
924    <a class="link hover-text" href="/kadin-tayt/"  style="">
925      Tayt
926    </a>
927  </li>
928
929                      
930                        
931  
932
933  <li class="main-nav__grandchild nav-text">
934    <a class="link hover-text" href="/kadin-gapfit/"  style="">
935      GapFit Activewear
936    </a>
937  </li>
938
939                      
940                        
941  
942
943  <li class="main-nav__grandchild nav-text">
944    <a class="link hover-text" href="/kadin-gapbody/"  style="">
945      Pijama &amp; İç Giyim
946    </a>
947  </li>
948
949                      
950                        
951  
952
953  <li class="main-nav__grandchild nav-text">
954    <a class="link hover-text" href="/kadin-aksesuar/"  style="">
955      Aksesuar
956    </a>
957  </li>
958
959                      
960                        
961  
962
963  <li class="main-nav__grandchild nav-text">
964    <a class="link hover-text" href="/kadin-canta/"  style="">
965      Çanta
966    </a>
967  </li>
968
969                      
970                        
971  
972
973  <li class="main-nav__grandchild nav-text">
974    <a class="link hover-text" href="/kadin-indirimli-urunler/?category_ids=18069"  style="color:#FF0000 !important;">
975      Yaz İndirimi
976    </a>
977  </li>
978
979                      
980                    </ul>
981                  </li>
982                
983              
984            
985              
986              
987
988              
989                <li class="main-nav__child -highlight">
990                  <b class="title" style="">
991                    Koleksiyonlar
992                  </b>
993                  <hr class="divider"/>
994                  <ul class="main-nav__grandchild-list">
995                    
996                      
997  
998
999  <li class="main-nav__grandchild nav-text">
1000    <a class="link hover-text" href="/gap-a-p-c/"  style="">
1001      Gap x A.P.C
1002    </a>
1003  </li>
1004
1005                    
1006                      
1007  
1008
1009  <li class="main-nav__grandchild nav-text">
1010    <a class="link hover-text" href="/malbon/"  style="">
1011      Gap x Malbon
1012    </a>
1013  </li>
1014
1015                    
1016                      
1017  
1018
1019  <li class="main-nav__grandchild nav-text">
1020    <a class="link hover-text" href="/gap-x-project-swag/?category_ids=18069"  style="">
1021      Gap x Project Swag
1022    </a>
1023  </li>
1024
1025                    
1026                      
1027  
1028
1029  <li class="main-nav__grandchild nav-text">
1030    <a class="link hover-text" href="/gap-victoria-beckham/?category_ids=18069"  style="">
1031      Gap x Victoria Beckham
1032    </a>
1033  </li>
1034
1035                    
1036                      
1037  
1038
1039  <li class="main-nav__grandchild nav-text">
1040    <a class="link hover-text" href="/logo-gap-koleksiyonu/?category_ids=18069"  style="">
1041      Logo Shop
1042    </a>
1043  </li>
1044
1045                    
1046                  </ul>
1047                </li>
1048
1049              
1050            
1051          </ul>
1052        </li>
1053
1054      
1055    
1056  </ul>
1057
1058            
1059          </div>
1060        
1061      </li>
1062    </ul>
1063  
1064    
1065    <ul class="main-nav__list">
1066      <li class="main-nav__list-item js-nav-item">
1067        <a aria-label="Erkek" style="" href="/erkek/" class="link">
1068          Erkek
1069        </a>
1070
1071        
1072          
1073          <div class="main-nav__menu js-nav-menu">
1074            
1075              
1076  
1077   <ul class="main-nav__menu-list ">
1078    
1079      
1080        <li class="main-nav__menu-list-item -first_column">
1081          <ul class="main-nav__child-group">
1082            
1083              
1084
1085              <li class="main-nav__child -first_column_with_img">
1086                <ul class="main-nav__grandchild-list">
1087                    
1088  
1089  
1090  
1091    <li class="main-nav__grandchild ">
1092      <a class="link" href="/gap-a-p-c/?category_ids=18144">
1093        <img
1094          class="image"
1095          src="https://8f7eaa.a-cdn.akinoncloud.com/cms/2026/09/25/9101868f-04b9-4969-9bf5-807a2cc7f8f3_size416x574_cropCenter.jpg"
1096          alt="Gap x A.P.C First Column"
1097          width="208"
1098          height="287"
1099          loading="lazy"
1100        />
1101        
1102          <div class="img-footer">
1103            <p class="img-footer-title" style="">Gap x A.P.C</p>
1104            <i class="pz-icon-chevron-end"></i>
1105          </div>
1106        
1107      </a>
1108    </li>
1109  
1110
1111                </ul>
1112              </li>
1113            
1114          </ul>
1115        </li>
1116
1117      
1118    
1119      
1120        <li class="main-nav__menu-list-item -last_column">
1121          <ul class="main-nav__child-group">
1122            
1123              
1124              
1125              
1126                <li class="main-nav__child -last_column_with_img">
1127                  <ul class="main-nav__grandchild-list">
1128                    
1129  
1130  
1131  
1132    <li class="main-nav__grandchild ">
1133      <a class="link" href="/erkek-yeni-gelenler/?category_ids=18144">
1134        <img
1135          class="image"
1136          src="https://8f7eaa.a-cdn.akinoncloud.com/cms/2026/09/16/91ee058f-60e9-48a4-b1a2-d3f89c7e0724_size416x574_cropCenter.jpg"
1137          alt="Yeni Gelenler Last Column"
1138          width="208"
1139          height="287"
1140          loading="lazy"
1141        />
1142
1143        
1144          <div class="img-footer">
1145            <p class="img-footer-title" style=""> Yeni Gelenler</p>
1146            <i class="pz-icon-chevron-end"></i>
1147          </div>
1148        
1149
1150      </a>
1151    </li>
1152  
1153
1154                  </ul>
1155                </li>
1156              
1157            
1158          </ul>
1159        </li>
1160
1161      
1162    
1163      
1164        <li class="main-nav__menu-list-item -menu">
1165          <ul class="main-nav__child-group -menu">
1166
1167            
1168            
1169                
1170            
1171                
1172                  
1173                
1174            
1175
1176            
1177              
1178              
1179
1180              
1181                
1182                <li class="main-nav__child -two_special_column">
1183                    <b class="title" style="">
1184                      Kategoriler
1185                    </b>
1186                    <hr class="divider"/>
1187                    <ul class="main-nav__grandchild-list list_two_column">
1188                      
1189                        
1190  
1191
1192  <li class="main-nav__grandchild nav-text">
1193    <a class="link hover-text" href="/erkek-giyim/?category_ids=18144"  style="">
1194      Tüm Ürünler
1195    </a>
1196  </li>
1197
1198                      
1199                        
1200  
1201
1202  <li class="main-nav__grandchild nav-text">
1203    <a class="link hover-text" href="/erkek-yeni-gelenler/"  style="">
1204      Yeni Gelenler
1205    </a>
1206  </li>
1207
1208                      
1209                        
1210  
1211
1212  <li class="main-nav__grandchild nav-text">
1213    <a class="link hover-text" href="/erkek-sweatshirt/"  style="">
1214      Sweatshirt
1215    </a>
1216  </li>
1217
1218                      
1219                        
1220  
1221
1222  <li class="main-nav__grandchild nav-text">
1223    <a class="link hover-text" href="/erkek-jean/"  style="">
1224      Jean
1225    </a>
1226  </li>
1227
1228                      
1229                        
1230  
1231
1232  <li class="main-nav__grandchild nav-text">
1233    <a class="link hover-text" href="/erkek-gomlek/"  style="">
1234      Gömlek
1235    </a>
1236  </li>
1237
1238                      
1239                        
1240  
1241
1242  <li class="main-nav__grandchild nav-text">
1243    <a class="link hover-text" href="/erkek-pantolon/"  style="">
1244      Pantolon
1245    </a>
1246  </li>
1247
1248                      
1249                        
1250  
1251
1252  <li class="main-nav__grandchild nav-text">
1253    <a class="link hover-text" href="/erkek-kazak/"  style="">
1254      Kazak
1255    </a>
1256  </li>
1257
1258                      
1259                        
1260  
1261
1262  <li class="main-nav__grandchild nav-text">
1263    <a class="link hover-text" href="/erkek-dis-giyim/"  style="">
1264      Dış Giyim
1265    </a>
1266  </li>
1267
1268                      
1269                        
1270  
1271
1272  <li class="main-nav__grandchild nav-text">
1273    <a class="link hover-text" href="/erkek-t-shirt/"  style="">
1274      T-Shirt
1275    </a>
1276  </li>
1277
1278 
1278                     
1279                        
1280  
1281
1282  <li class="main-nav__grandchild nav-text">
1283    <a class="link hover-text" href="/erkek-sort/"  style="">
1284      Şort
1285    </a>
1286  </li>
1287
1288                      
1289                        
1290  
1291
1292  <li class="main-nav__grandchild nav-text">
1293    <a class="link hover-text" href="/erkek-esofman-alti/"  style="">
1294      Eşofman Altı
1295    </a>
1296  </li>
1297
1298                      
1299                        
1300  
1301
1302  <li class="main-nav__grandchild nav-text">
1303    <a class="link hover-text" href="/erkek-mayo/"  style="">
1304      Mayo
1305    </a>
1306  </li>
1307
1308                      
1309                        
1310  
1311
1312  <li class="main-nav__grandchild nav-text">
1313    <a class="link hover-text" href="/erkek-pijama/"  style="">
1314      Pijama
1315    </a>
1316  </li>
1317
1318                      
1319                        
1320  
1321
1322  <li class="main-nav__grandchild nav-text">
1323    <a class="link hover-text" href="/erkek-ic-giyim/"  style="">
1324      İç Giyim
1325    </a>
1326  </li>
1327
1328                      
1329                        
1330  
1331
1332  <li class="main-nav__grandchild nav-text">
1333    <a class="link hover-text" href="/erkek-aksesuar/"  style="">
1334      Aksesuar
1335    </a>
1336  </li>
1337
1338                      
1339                        
1340  
1341
1342  <li class="main-nav__grandchild nav-text">
1343    <a class="link hover-text" href="/erkek-indirimli-urunler/?category_ids=18144"  style="color:#FF0000 !important;">
1344      Yaz İndirimi
1345    </a>
1346  </li>
1347
1348                      
1349                    </ul>
1350                  </li>
1351                
1352              
1353            
1354              
1355              
1356
1357              
1358                <li class="main-nav__child -highlight">
1359                  <b class="title" style="">
1360                    Koleksiyonlar
1361                  </b>
1362                  <hr class="divider"/>
1363                  <ul class="main-nav__grandchild-list">
1364                    
1365                      
1366  
1367
1368  <li class="main-nav__grandchild nav-text">
1369    <a class="link hover-text" href="/gap-a-p-c/"  style="">
1370      Gap x A.P.C
1371    </a>
1372  </li>
1373
1374                    
1375                      
1376  
1377
1378  <li class="main-nav__grandchild nav-text">
1379    <a class="link hover-text" href="/malbon/?category_ids=18144"  style="">
1380      Gap x Malbon
1381    </a>
1382  </li>
1383
1384                    
1385                      
1386  
1387
1388  <li class="main-nav__grandchild nav-text">
1389    <a class="link hover-text" href="/logo-gap-koleksiyonu/?category_ids=18144"  style="">
1390      Logo Shop
1391    </a>
1392  </li>
1393
1394                    
1395                  </ul>
1396                </li>
1397
1398              
1399            
1400          </ul>
1401        </li>
1402
1403      
1404    
1405  </ul>
1406
1407            
1408          </div>
1409        
1410      </li>
1411    </ul>
1412  
1413    
1414    <ul class="main-nav__list">
1415      <li class="main-nav__list-item js-nav-item">
1416        <a aria-label="Kız Çocuk" style="" href="/kiz-cocuk/" class="link">
1417          Kız Çocuk
1418        </a>
1419
1420        
1421          
1422          <div class="main-nav__menu js-nav-menu">
1423            
1424              
1425  
1426   <ul class="main-nav__menu-list ">
1427    
1428      
1429        <li class="main-nav__menu-list-item -first_column">
1430          <ul class="main-nav__child-group">
1431            
1432              
1433
1434              <li class="main-nav__child -first_column_with_img">
1435                <ul class="main-nav__grandchild-list">
1436                    
1437  
1438  
1439  
1440    <li class="main-nav__grandchild ">
1441      <a class="link" href="/gapsweats/?category_ids=19551">
1442        <img
1443          class="image"
1444          src="https://8f7eaa.a-cdn.akinoncloud.com/cms/2026/09/16/2fd131bc-a818-4ea8-b668-16e61ca79b63_size416x574_cropCenter.jpg"
1445          alt="GapSweats First Column"
1446          width="208"
1447          height="287"
1448          loading="lazy"
1449        />
1450        
1451          <div class="img-footer">
1452            <p class="img-footer-title" style="">GapSweats</p>
1453            <i class="pz-icon-chevron-end"></i>
1454          </div>
1455        
1456      </a>
1457    </li>
1458  
1459
1460                </ul>
1461              </li>
1462            
1463          </ul>
1464        </li>
1465
1466      
1467    
1468      
1469        <li class="main-nav__menu-list-item -last_column">
1470          <ul class="main-nav__child-group">
1471            
1472              
1473              
1474              
1475                <li class="main-nav__child -last_column_with_img">
1476                  <ul class="main-nav__grandchild-list">
1477                    
1478  
1479  
1480  
1481    <li class="main-nav__grandchild ">
1482      <a class="link" href="kiz-cocuk-yeni-gelenler/?category_ids=18187">
1483        <img
1484          class="image"
1485          src="https://8f7eaa.a-cdn.akinoncloud.com/cms/2026/06/16/c45e3597-63f3-4b8
14856-9137-4c42db8195d8_size416x574_cropCenter.jpg"
1486          alt="Yeni Gelenler Last Column"
1487          width="208"
1488          height="287"
1489          loading="lazy"
1490        />
1491
1492        
1493          <div class="img-footer">
1494            <p class="img-footer-title" style=""> Yeni Gelenler</p>
1495            <i class="pz-icon-chevron-end"></i>
1496          </div>
1497        
1498
1499      </a>
1500    </li>
1501  
1502
1503                  </ul>
1504                </li>
1505              
1506            
1507          </ul>
1508        </li>
1509
1510      
1511    
1512      
1513        <li class="main-nav__menu-list-item -menu">
1514          <ul class="main-nav__child-group -menu">
1515
1516            
1517            
1518                
1519            
1520                
1521                  
1522                
1523            
1524
1525            
1526              
1527              
1528
1529              
1530                
1531                <li class="main-nav__child -two_special_column">
1532                    <b class="title" style="">
1533                      Kategoriler
1534                    </b>
1535                    <hr class="divider"/>
1536                    <ul class="main-nav__grandchild-list list_two_column">
1537                      
1538                        
1539  
1540
1541  <li class="main-nav__grandchild nav-text">
1542    <a class="link hover-text" href="/kiz-cocuk-giyim/?category_ids=18187"  style="">
1543      Tüm Ürünler
1544    </a>
1545  </li>
1546
1547                      
1548                        
1549  
1550
1551  <li class="main-nav__grandchild nav-text">
1552    <a class="link hover-text" href="/kiz-cocuk-yeni-gelenler/"  style="">
1553      Yeni Gelenler
1554    </a>
1555  </li>
1556
1557                      
1558                        
1559  
1560
1561  <li class="main-nav__grandchild nav-text">
1562    <a class="link hover-text" href="/kiz-cocuk-sweatshirt/"  style="">
1563      Sweatshirt
1564    </a>
1565  </li>
1566
1567                      
1568                        
1569  
1570
1571  <li class="main-nav__grandchild nav-text">
1572    <a class="link hover-text" href="/kiz-cocuk-jean/"  style="">
1573      Jean
1574    </a>
1575  </li>
1576
1577                      
1578                        
1579  
1580
1581  <li class="main-nav__grandchild nav-text">
1582    <a class="link hover-text" href="/kiz-cocuk-pantolon/"  style="">
1583      Pantolon
1584    </a>
1585  </li>
1586
1587                      
1588                        
1589  
1590
1591  <li class="main-nav__grandchild nav-text">
1592    <a class="link hover-text" href="/kiz-cocuk-elbise/"  style="">
1593      Elbise
1594    </a>
1595  </li>
1596
1597                      
1598                        
1599  
1600
1601  <li class="main-nav__grandchild nav-text">
1602    <a class="link hover-text" href="/kiz-cocuk-kazak/"  style="">
1603      Kazak
1604    </a>
1605  </li>
1606
1607                      
1608                        
1609  
1610
1611  <li class="main-nav__grandchild nav-text">
1612    <a class="link hover-text" href="/kiz-cocuk-hirka/"  style="">
1613      Hırka
1614    </a>
1615  </li>
1616
1617                      
1618                        
1619  
1620
1621  <li class="main-nav__grandchild nav-text">
1622    <a class="link hover-text" href="/kiz-cocuk-t-shirt/"  style="">
1623      T-Shirt
1624    </a>
1625  </li>
1626
1627                      
1628                        
1629  
1630
1631  <li class="main-nav__grandchild nav-text">
1632    <a class="link hover-text" href="/kiz-cocuk-esofman-alti/"  style="">
1633      Eşofman Altı
1634    </a>
1635  </li>
1636
1637                      
1638                        
1639  
1640
1641  <li class="main-nav__grandchild nav-text">
1642    <a class="link hover-text" href="/kiz-cocuk-dis-giyim/"  style="">
1643      Dış Giyim
1644    </a>
1645  </li>
1646
1647                      
1648                        
1649  
1650
1651  <li class="main-nav__grandchild nav-text">
1652    <a class="link hover-text" href="/kiz-cocuk-tayt/"  style="">
1653      Tayt
1654    </a>
1655  </li>
1656
1657                      
1658                        
1659  
1660
1661  <li class="main-nav__grandchild nav-text">
1662    <a class="link hover-text" href="/kiz-cocuk-pijama/"  style="">
1663      Pijama
1664    </a>
1665  </li>
1666
1667                      
1668                        
1669  
1670
1671  <li class="main-nav__grandchild nav-text">
1672    <a class="link hover-text" href="/kiz-cocuk-sort/"  style="">
1673      Şort
1674    </a>
1675  </li>
1676
1677                      
1678                        
1679  
1680
1681  <li class="main-nav__grandchild nav-text">
1682    <a class="link hover-text" href="/kiz-cocuk-etek/"  style="">
1683      Etek
1684    </a>
1685  </li>
1686
1687                      
1688                        
1689  
1690
1691  <li class="main-nav__grandchild nav-text">
1692    <a class="link hover-text" href="/kiz-cocuk-mayo/"  style="">
1693      Mayo
1694    </a>
1695  </li>
1696
1697                      
1698                        
1699  
1700
1701  <li class="main-nav__grandchild nav-text">
1702    <a class="link hover-text" href="/kiz-cocuk-canta/"  style="">
1703      Çanta
1704    </a>
1705  </li>
1706
1707                      
1708                        
1709  
1710
1711  <li class="main-nav__grandchild nav-text">
1712    <a class="link hover-text" href="/kiz-cocuk-ic-giyim/"  style="">
1713      İç Giyim
1714    </a>
1715  </li>
1716
1717                      
1718                        
1719  
1720
1721  <li class="main-nav__grandchild nav-text">
1722    <a class="link hover-text" href="/kiz-cocuk-aksesuar/"  style="">
1723      Aksesuar
1724    </a>
1725  </li>
1726
1727                      
1728                        
1729  
1730
1731  <li class="main-nav__grandchild nav-text">
1732    <a class="link hover-text" href="/kiz-cocuk-indirimli-urunler/?category_ids=18187"  style="color:#FF0000 !important;">
1733      Yaz İndirimi
1734    </a>
1735  </li>
1736
1737                      
1738                    </ul>
1739                  </li>
1740                
1741              
1742            
1743              
1744              
1745
1746              
1747                <li class="main-nav__child -highlight">
1748                  <b class="title" style="">
1749                    Koleksiyonlar
1750                  </b>
1751                  <hr class="divider"/>
1752                  <ul class="main-nav__grandchild-list">
1753                    
1754                      
1755  
1756
1757  <li class="main-nav__grandchild nav-text">
1758    <a class="link hover-text" href="/character-shop/?sorter=newcomers&amp;category_ids=18187"  style="">
1759      Character Shop
1760    </a>
1761  </li>
1762
1763                    
1764                      
1765  
1766
1767  <li class="main-nav__grandchild nav-text">
1768    <a class="link hover-text" href="/logo-gap-koleksiyonu/?category_ids=18187"  style="">
1769      Logo Shop
1770    </a>
1771  </li>
1772
1773                    
1774                  </ul>
1775                </li>
1776
1777              
1778            
1779          </ul>
1780        </li>
1781
1782      
1783    
1784  </ul>
1785
1786            
1787          </div>
1788        
1789      </li>
1790    </ul>
1791  
1792    
1793    <ul class="main-nav__list">
1794      <li class="main-nav__list-item js-nav-item">
1795        <a aria-label="Erkek Çocuk" style="" href="/erkek-cocuk/" class="link">
1796          Erkek Çocuk
1797        </a>
1798
1799        
1800          
1801          <div class="main-nav__menu js-nav-menu">
1802            
1803              
1804  
1805   <ul class="main-nav__menu-list ">
1806    
1807      
1808        <li class="main-nav__menu-list-item -first_column">
1809          <ul class="main-nav__child-group">
1810            
1811              
1812
1813              <li class="main-nav__child -first_column_with_img">
1814                <ul class="main-nav__grandchild-list">
1815                    
1816  
1817  
1818  
1819    <li class="main-nav__grandchild ">
1820      <a class="link" href="/gapsweats/?category_ids=19495">
1821        <img
1822          class="image"
1823          src="https://8f7eaa.a-cdn.akinoncloud.com/cms/2026/09/16/358b07ab-1e9e-429d-a6a4-8a9471a3f217_size416x574_cropCenter.jpg"
1824          alt="GapSweats First Column"
1825          width="208"
1826          height="287"
1827          loading="lazy"
1828        />
1829        
1830          <div class="img-footer">
1831            <p class="img-footer-title" style="">GapSweats</p>
1832            <i class="pz-icon-chevron-end"></i>
1833          </div>
1834        
1835      </a>
1836    </li>
1837  
1838
1839                </ul>
1840              </li>
1841            
1842          </ul>
1843        </li>
1844
1845      
1846    
1847      
1848        <li class="main-nav__menu-list-item -last_column">
1849          <ul class="main-nav__child-group">
1850            
1851              
1852              
1853              
1854                <li class="main-nav__child -last_column_with_img">
1855                  <ul class="main-nav__grandchild-list">
1856                    
1857  
1858  
1859  
1860    <li class="main-nav__grandchild ">
1861      <a class="link" href="/erkek-cocuk-yeni-gelenler/?category_ids=18225">
1862        <img
1863          class="image"
1864          src="https://8f7eaa.a-cdn.akinoncloud.com/cms/2026/06/16/440619c4-f311-4b31-aa3d-249588727ad9_size416x574_cropCenter.jpg"
1865          alt="Yeni Gelenler Last Column"
1866          width="208"
1867          height="287"
1868          loading="lazy"
1869        />
1870
1871        
1872          <div class="img-footer">
1873            <p class="img-footer-title" style=""> Yeni Gelenler</p>
1874            <i class="pz-icon-chevron-end"></i>
1875          </div>
1876        
1877
1878      </a>
1879    </li>
1880  
1881
1882                  </ul>
1883                </li>
1884              
1885            
1886          </ul>
1887        </li>
1888
1889      
1890    
1891      
1892        <li class="main-nav__menu-list-item -menu">
1893          <ul class="main-nav__child-group -menu">
1894
1895            
1896            
1897                
1898            
1899                
1900                  
1901                
1902            
1903
1904            
1905              
1906              
1907
1908              
1909                
1910                <li class="main-nav__child -two_special_column">
1911                    <b class="title" style="">
1912                      Kategoriler
1913                    </b>
1914                    <hr class="divider"/>
1915                    <ul class="main-nav__grandchild-list list_two_column">
1916                      
1917                        
1918  
1919
1920  <li class="main-nav__grandchild nav-text">
1921    <a class="link hover-text" href="/erkek-cocuk-giyim/"  style="">
1922      Tüm Ürünler
1923    </a>
1924  </li>
1925
1926                      
1927                        
1928  
1929
1930  <li class="main-nav__grandchild nav-text">
1931    <a class="link hover-text" href="/erkek-cocuk-yeni-gelenler/"  style="">
1932      Yeni Gelenler
1933    </a>
1934  </li>
1935
1936                      
1937                        
1938  
1939
1940  <li class="main-nav__grandchild nav-text">
1941    <a class="link hover-text" href="/erkek-cocuk-sweatshirt/"  style="">
1942      Sweatshirt
1943    </a>
1944  </li>
1945
1946                      
1947                        
1948  
1949
1950  <li class="main-nav__grandchild nav-text">
1951    <a class="link hover-text" href="/erkek-cocuk-jean/"  style="">
1952      Jean
1953    </a>
1954  </li>
1955
1956                      
1957                        
1958  
1959
1960  <li class="main-nav__grandchild nav-text">
1961    <a class="link hover-text" href="/erkek-cocuk-gomlek/"  style="">
1962      Gömlek
1963    </a>
1964  </li>
1965
1966                      
1967                        
1968  
1969
1970  <li class="main-nav__grandchild nav-text">
1971    <a class="link hover-text" href="/erkek-cocuk-pantolon/"  style="">
1972      Pantolon
1973    </a>
1974  </li>
1975
1976                      
1977                        
1978  
1979
1980  <li class="main-nav__grandchild nav-text">
1981    <a class="link hover-text" href="/erkek-cocuk-t-shirt/"  style="">
1982      T-Shirt
1983    </a>
1984  </li>
1985
1986                      
1987                        
1988  
1989
1990  <li class="main-nav__grandchild nav-text">
1991    <a class="link hover-text" href="/erkek-cocuk-esofman-alti/"  style="">
1992      Eşofman Altı
1993    </a>
1994  </li>
1995
1996                      
1997                        
1998  
1999
2000  <li class="main-nav__grandchild nav-text">
2001    <a class="link hover-text" href="/erkek-cocuk-dis-giyim/"  style="">
2002      Dış Giyim
2003    </a>
2004  </li>
2005
2006                      
2007                        
2008  
2009
2010  <li class="main-nav__grandchild nav-text">
2011    <a class="link hover-text" href="/erkek-cocuk-sort/"  style="">
2012      Şort
2013    </a>
2014  </li>
2015
2016                      
2017                        
2018  
2019
2020  <li class="main-nav__grandchild nav-text">
2021    <a class="link hover-text" href="/erkek-cocuk-mayo/"  style="">
2022      Mayo
2023    </a>
2024  </li>
2025
2026                      
2027                        
2028  
2029
2030  <li class="main-nav__grandchild nav-text">
2031    <a class="link hover-text" href="/erkek-cocuk-canta/"  style="">
2032      Çanta
2033    </a>
2034  </li>
2035
2036                      
2037                        
2038  
2039
2040  <li class="main-nav__grandchild nav-text">
2041    <a class="link hover-text" href="/erkek-cocuk-pijama/"  style="">
2042      Pijama
2043    </a>
2044  </li>
2045
2046                      
2047                        
2048  
2049
2050  <li class="main-nav__grandchild nav-text">
2051    <a class="link hover-text" href="/erkek-cocuk-ic-giyim/"  style="">
2052      İç Giyim
2053    </a>
2054  </li>
2055
2056                      
2057                        
2058  
2059
2060  <li class="main-nav__grandchild nav-text">
2061    <a class="link hover-text" href="/erkek-cocuk-gapfit/"  style="">
2062      GapFit
2063    </a>
2064  </li>
2065
2066                      
2067                        
2068  
2069
2070  <li class="main-nav__grandchild nav-text">
2071    <a class="link hover-text" href="/erkek-cocuk-aksesuar/"  style="">
2072      Aksesuar
2073    </a>
2074  </li>
2075
2076                      
2077                        
2078  
2079
2080  <li class="main-nav__grandchild nav-text">
2081    <a class="link hover-text" href="/erkek-cocuk-indirimli-urunler/?category_ids=18225"  style="color:#FF0000 !important;">
2082      Yaz İndirimi
2083    </a>
2084  </li>
2085
2086                      
2087                    </ul>
2088                  </li>
2089                
2090              
2091            
2092              
2093              
2094
2095              
2096                <li class="main-nav__child -highlight">
2097                  <b class="title" style="">
2098                    Koleksiyonlar
2099                  </b>
2100                  <hr class="divider"/>
2101                  <ul class="main-nav__grandchild-list">
2102                    
2103                      
2104  
2105
2106  <li class="main-nav__grandchild nav-text">
2107    <a class="link hover-text" href="/character-shop/?sorter=newcomers&amp;category_ids=18225"  style="">
2108      Character Shop
2109    </a>
2110  </li>
2111
2112                    
2113                      
2114  
2115
2116  <li class="main-nav__grandchild nav-text">
2117    <a class="link hover-text" href="/logo-gap-koleksiyonu/?category_ids=18225"  style="">
2118      Logo Shop
2119    </a>
2120  </li>
2121
2122                    
2123                  </ul>
2124                </li>
2125
2126              
2127            
2128          </ul>
2129        </li>
2130
2131      
2132    
2133  </ul>
2134
2135            
2136          </div>
2137        
2138      </li>
2139    </ul>
2140  
2141    
2142    <ul class="main-nav__list">
2143      <li class="main-nav__list-item js-nav-item">
2144        <a aria-label="Bebek &amp; Yenidoğan" style="" href="/bebek/" class="link">
2145          Bebek &amp; Yenidoğan
2146        </a>
2147
2148        
2149          
2150          <div class="main-nav__menu js-nav-menu">
2151            
2152              
2153  
2154   <ul class="main-nav__menu-list ">
2155    
2156      
2157        <li class="main-nav__menu-list-item -first_column">
2158          <ul class="main-nav__child-group">
2159            
2160              
2161
2162              <li class="main-nav__child -first_column_with_img">
2163                <ul class="main-nav__grandchild-list">
2164                    
2165  
2166  
2167  
2168    <li class="main-nav__grandchild ">
2169      <a class="link" href="/bebek-tulum-body/?category_ids=18323">
2170        <img
2171          class="image"
2172          src="https://8f7eaa.a-cdn.akinoncloud.com/cms/2026/09/16/778c4ac0-2137-4f3a-b55c-bb3c8cfa5277_size416x574_cropCenter.jpg"
2173          alt="Tulum | Body First Column"
2174          width="208"
2175          height="287"
2176          loading="lazy"
2177        />
2178        
2179          <div class="img-footer">
2180            <p class="img-footer-title" style="">Tulum | Body</p>
2181            <i class="pz-icon-chevron-end"></i>
2182          </div>
2183        
2184      </a>
2185    </li>
2186  
2187
2188                </ul>
2189              </li>
2190            
2191          </ul>
2192        </li>
2193
2194      
2195    
2196      
2197        <li class="main-nav__menu-list-item -last_column">
2198          <ul class="main-nav__child-group">
2199            
2200              
2201              
2202              
2203                <li class="main-nav__child -last_column_with_img">
2204                  <ul class="main-nav__grandchild-list">
2205                    
2206  
2207  
2208  
2209    <li class="main-nav__grandchild ">
2210      <a class="link" href="/yeni-gelenler/?attributes_gender=bebek">
2211        <img
2212          class="image"
2213          src="https://8f7eaa.a-cdn.akinoncloud.com/cms/2026/09/16/0f4193f1-a38f-408a-8a4a-24f62b18abc8_size416x574_cropCenter.jpg"
2214          alt="Yeni Gelenler Last Column"
2215          width="208"
2216          height="287"
2217          loading="lazy"
2218        />
2219
2220        
2221          <div class="img-footer">
2222            <p class="img-footer-title" style=""> Yeni Gelenler</p>
2223            <i class="pz-icon-chevron-end"></i>
2224          </div>
2225        
2226
2227      </a>
2228    </li>
2229  
2230
2231                  </ul>
2232                </li>
2233              
2234            
2235          </ul>
2236        </li>
2237
2238      
2239    
2240      
2241        <li class="main-nav__menu-list-item -menu">
2242          <ul class="main-nav__child-group -menu">
2243
2244            
2245            
2246                
2247            
2248     
2248           
2249            
2250                
2251            
2252                
2253                  
2254                
2255            
2256
2257            
2258              
2259              
2260
2261              
2262                
2263                  <li class="main-nav__child -special_column">
2264                    <b class="title" style="">
2265                      Yenidoğan | 0 - 24 Ay
2266                    </b>
2267                    <hr class="divider"/>
2268                    <ul class="main-nav__grandchild-list">
2269                      
2270                        
2271  
2272
2273  <li class="main-nav__grandchild nav-text">
2274    <a class="link hover-text" href="/yenidogan-giyim/"  style="">
2275      Tüm Ürünler
2276    </a>
2277  </li>
2278
2279                      
2280                        
2281  
2282
2283  <li class="main-nav__grandchild nav-text">
2284    <a class="link hover-text" href="/yenidogan-yeni-gelenler/"  style="">
2285      Yeni Gelenler
2286    </a>
2287  </li>
2288
2289                      
2290                        
2291  
2292
2293  <li class="main-nav__grandchild nav-text">
2294    <a class="link hover-text" href="/yenidogan-body/"  style="">
2295      Body
2296    </a>
2297  </li>
2298
2299                      
2300                        
2301  
2302
2303  <li class="main-nav__grandchild nav-text">
2304    <a class="link hover-text" href="/yenidogan-tulum/"  style="">
2305      Tulum
2306    </a>
2307  </li>
2308
2309                      
2310                        
2311  
2312
2313  <li class="main-nav__grandchild nav-text">
2314    <a class="link hover-text" href="/yenidogan-t-shirt/"  style="">
2315      T-Shirt
2316    </a>
2317  </li>
2318
2319                      
2320                        
2321  
2322
2323  <li class="main-nav__grandchild nav-text">
2324    <a class="link hover-text" href="/yenidogan-sweatshirt/"  style="">
2325      Sweatshirt
2326    </a>
2327  </li>
2328
2329                      
2330                        
2331  
2332
2333  <li class="main-nav__grandchild nav-text">
2334    <a class="link hover-text" href="/yenidogan-esofman-alti/"  style="">
2335      Eşofman Altı
2336    </a>
2337  </li>
2338
2339                      
2340                        
2341  
2342
2343  <li class="main-nav__grandchild nav-text">
2344    <a class="link hover-text" href="/yenidogan-jean/"  style="">
2345      Jean
2346    </a>
2347  </li>
2348
2349                      
2350                        
2351  
2352
2353  <li class="main-nav__grandchild nav-text">
2354    <a class="link hover-text" href="/yenidogan-sort/"  style="">
2355      Şort
2356    </a>
2357  </li>
2358
2359                      
2360                        
2361  
2362
2363  <li class="main-nav__grandchild nav-text">
2364    <a class="link hover-text" href="/yenidogan-hirka/"  style="">
2365      Hırka
2366    </a>
2367  </li>
2368
2369                      
2370                        
2371  
2372
2373  <li class="main-nav__grandchild nav-text">
2374    <a class="link hover-text" href="/yenidogan-dis-giyim/"  style="">
2375      Dış Giyim
2376    </a>
2377  </li>
2378
2379                      
2380                        
2381  
2382
2383  <li class="main-nav__grandchild nav-text">
2384    <a class="link hover-text" href="/yenidogan-mayo/"  style="">
2385      Mayo
2386    </a>
2387  </li>
2388
2389                      
2390                        
2391  
2392
2393  <li class="main-nav__grandchild nav-text">
2394    <a class="link hover-text" href="/yenidogan-aksesuar/"  style="">
2395      Aksesuar
2396    </a>
2397  </li>
2398
2399                      
2400                        
2401  
2402
2403  <li class="main-nav__grandchild nav-text">
2404    <a class="link hover-text" href="/yenidogan-indirimli-urunler/"  style="color:#FF0000 !important;">
2405      Yaz İndirimi
2406    </a>
2407  </li>
2408
2409                      
2410                    </ul>
2411                  </li>
2412                
2413              
2414            
2415              
2416              
2417
2418              
2419                
2420                  <li class="main-nav__child -special_column">
2421                    <b class="title" style="">
2422                      Kız Bebek | 6 Ay - 6 Yaş
2423                    </b>
2424                    <hr class="divider"/>
2425                    <ul class="main-nav__grandchild-list">
2426                      
2427                        
2428  
2429
2430  <li class="main-nav__grandchild nav-text">
2431    <a class="link hover-text" href="/kiz-bebek-giyim/"  style="">
2432      Tüm Ürünler
2433    </a>
2434  </li>
2435
2436                      
2437                        
2438  
2439
2440  <li class="main-nav__grandchild nav-text">
2441    <a class="link hover-text" href="/kiz-bebek-yeni-gelenler/"  style="">
2442      Yeni Gelenler
2443    </a>
2444  </li>
2445
2446                      
2447                        
2448  
2449
2450  <li class="main-nav__grandchild nav-text">
2451    <a class="link hover-text" href="/yenidogan-kiz-body/"  style="">
2452      Body
2453    </a>
2454  </li>
2455
2456                      
2457                        
2458  
2459
2460  <li class="main-nav__grandchild nav-text">
2461    <a class="link hover-text" href="/yenidogan-kiz-tulum/"  style="">
2462      Tulum
2463    </a>
2464  </li>
2465
2466                      
2467                        
2468  
2469
2470  <li class="main-nav__grandchild nav-text">
2471    <a class="link hover-text" href="/kiz-bebek-jean/"  style="">
2472      Jean
2473    </a>
2474  </li>
2475
2476                      
2477                        
2478  
2479
2480  <li class="main-nav__grandchild nav-text">
2481    <a class="link hover-text" href="/kiz-bebek-kazak/"  style="">
2482      Kazak
2483    </a>
2484  </li>
2485
2486                      
2487                        
2488  
2489
2490  <li class="main-nav__grandchild nav-text">
2491    <a class="link hover-text" href="/kiz-bebek-pantolon/"  style="">
2492      Pantolon
2493    </a>
2494  </li>
2495
2496                      
2497                        
2498  
2499
2500  <li class="main-nav__grandchild nav-text">
2501    <a class="link hover-text" href="/kiz-bebek-t-shirt/"  style="">
2502      T-Shirt
2503    </a>
2504  </li>
2505
2506                      
2507                        
2508  
2509
2510  <li class="main-nav__grandchild nav-text">
2511    <a class="link hover-text" href="/kiz-bebek-dis-giyim/"  style="">
2512      Dış Giyim
2513    </a>
2514  </li>
2515
2516                      
2517                        
2518  
2519
2520  <li class="main-nav__grandchild nav-text">
2521    <a class="link hover-text" href="/kiz-bebek-sweatshirt/"  style="">
2522      Sweatshirt
2523    </a>
2524  </li>
2525
2526                      
2527                        
2528  
2529
2530  <li class="main-nav__grandchild nav-text">
2531    <a class="link hover-text" href="/kiz-bebek-esofman-alti/"  style="">
2532      Eşofman Altı
2533    </a>
2534  </li>
2535
2536                      
2537                        
2538  
2539
2540  <li class="main-nav__grandchild nav-text">
2541    <a class="link hover-text" href="/kiz-bebek-elbise/"  style="">
2542      Elbise
2543    </a>
2544  </li>
2545
2546                      
2547                        
2548  
2549
2550  <li class="main-nav__grandchild nav-text">
2551    <a class="link hover-text" href="/kiz-bebek-takim-set-1/"  style="">
2552      Takım-Set
2553    </a>
2554  </li>
2555
2556                      
2557                        
2558  
2559
2560  <li class="main-nav__grandchild nav-text">
2561    <a class="link hover-text" href="/kiz-bebek-etek/"  style="">
2562      Etek
2563    </a>
2564  </li>
2565
2566                      
2567                        
2568  
2569
2570  <li class="main-nav__grandchild nav-text">
2571    <a class="link hover-text" href="/kiz-bebek-sort/"  style="">
2572      Şort
2573    </a>
2574  </li>
2575
2576                      
2577                        
2578  
2579
2580  <li class="main-nav__grandchild nav-text">
2581    <a class="link hover-text" href="/kiz-bebek-tayt/"  style="">
2582      Tayt
2583    </a>
2584  </li>
2585
2586                      
2587                        
2588  
2589
2590  <li class="main-nav__grandchild nav-text">
2591    <a class="link hover-text" href="/kiz-bebek-pijama/"  style="">
2592      Pijama
2593    </a>
2594  </li>
2595
2596                      
2597                        
2598  
2599
2600  <li class="main-nav__grandchild nav-text">
2601    <a class="link hover-text" href="/kiz-bebek-mayo/"  style="">
2602      Mayo
2603    </a>
2604  </li>
2605
2606                      
2607                        
2608  
2609
2610  <li class="main-nav__grandchild nav-text">
2611    <a class="link hover-text" href="/kiz-bebek-aksesuar/"  style="">
2612      Aksesuar
2613    </a>
2614  </li>
2615
2616                      
2617                        
2618  
2619
2620  <li class="main-nav__grandchild nav-text">
2621    <a class="link hover-text" href="/kiz-bebek-indirimli-urunler/?category_ids=18258"  style="color:#FF0000 !important;">
2622      Yaz İndirimi
2623    </a>
2624  </li>
2625
2626                      
2627                    </ul>
2628                  </li>
2629                
2630              
2631            
2632              
2633              
2634
2635              
2636                
2637                  <li class="main-nav__child -special_column">
2638                    <b class="title" style="">
2639                      Erkek Bebek | 6 Ay - 6 Yaş
2640                    </b>
2641                    <hr class="divider"/>
2642                    <ul class="main-nav__grandchild-list">
2643                      
2644                        
2645  
2646
2647  <li class="main-nav__grandchild nav-text">
2648    <a class="link hover-text" href="/erkek-bebek-giyim/"  style="">
2649      Tüm Ürünler
2650    </a>
2651  </li>
2652
2653                      
2654                        
2655  
2656
2657  <li class="main-nav__grandchild nav-text">
2658    <a class="link hover-text" href="/erkek-bebek-yeni-gelenler/"  style="">
2659      Yeni Gelenler
2660    </a>
2661  </li>
2662
2663                      
2664                        
2665  
2666
2667  <li class="main-nav__grandchild nav-text">
2668    <a class="link hover-text" href="/yenidogan-erkek-body/"  style="">
2669      Body
2670    </a>
2671  </li>
2672
2673                      
2674                        
2675  
2676
2677  <li class="main-nav__grandchild nav-text">
2678    <a class="link hover-text" href="/yenidogan-erkek-tulum/"  style="">
2679      Tulum
2680    </a>
2681  </li>
2682
2683                      
2684                        
2685  
2686
2687  <li class="main-nav__grandchild nav-text">
2688    <a class="link hover-text" href="/erkek-bebek-t-shirt/"  style="">
2689      T-Shirt
2690    </a>
2691  </li>
2692
2693                      
2694                        
2695  
2696
2697  <li class="main-nav__grandchild nav-text">
2698    <a class="link hover-text" href="/erkek-bebek-dis-giyim/"  style="">
2699      Dış Giyim
2700    </a>
2701  </li>
2702
2703                      
2704                        
2705  
2706
2707  <li class="main-nav__grandchild nav-text">
2708    <a class="link hover-text" href="/erkek-bebek-sweatshirt/"  style="">
2709      Sweatshirt
2710    </a>
2711  </li>
2712
2713                      
2714                        
2715  
2716
2717  <li class="main-nav__grandchild nav-text">
2718    <a class="link hover-text" href="/erkek-bebek-kazak/"  style="">
2719      Kazak
2720    </a>
2721  </li>
2722
2723                      
2724                        
2725  
2726
2727  <li class="main-nav__grandchild nav-text">
2728    <a class="link hover-text" href="/erkek-bebek-gomlek/"  style="">
2729      Gömlek
2730    </a>
2731  </li>
2732
2733                      
2734                        
2735  
2736
2737  <li class="main-nav__grandchild nav-text">
2738    <a class="link hover-text" href="/erkek-bebek-takim-set-1/"  style="">
2739      Takım-Set
2740    </a>
2741  </li>
2742
2743                      
2744                        
2745  
2746
2747  <li class="main-nav__grandchild nav-text">
2748    <a class="link hover-text" href="/erkek-bebek-jean/"  style="">
2749      Jean
2750    </a>
2751  </li>
2752
2753                      
2754                        
2755  
2756
2757  <li class="main-nav__grandchild nav-text">
2758    <a class="link hover-text" href="/erkek-bebek-esofman-alti/"  style="">
2759      Eşofman Altı
2760    </a>
2761  </li>
2762
2763                      
2764                        
2765  
2766
2767  <li class="main-nav__grandchild nav-text">
2768    <a class="link hover-text" href="/erkek-bebek-pantolon/"  style="">
2769      Pantolon
2770    </a>
2771  </li>
2772
2773                      
2774                        
2775  
2776
2777  <li class="main-nav__grandchild nav-text">
2778    <a class="link hover-text" href="/erkek-bebek-sort/"  style="">
2779      Şort
2780    </a>
2781  </li>
2782
2783                      
2784                        
2785  
2786
2787  <li class="main-nav__grandchild nav-text">
2788    <a class="link hover-text" href="/salopet/"  style="">
2789      Salopet
2790    </a>
2791  </li>
2792
2793                      
2794                        
2795  
2796
2797  <li class="main-nav__grandchild nav-text">
2798    <a class="link hover-text" href="/erkek-bebek-pijama/"  style="">
2799      Pijama
2800    </a>
2801  </li>
2802
2803                      
2804                        
2805  
2806
2807  <li class="main-nav__grandchild nav-text">
2808    <a class="link hover-text" href="/erkek-bebek-ic-giyim/"  style="">
2809      İç Giyim
2810    </a>
2811  </li>
2812
2813                      
2814                        
2815  
2816
2817  <li class="main-nav__grandchild nav-text">
2818    <a class="link hover-text" href="/erkek-bebek-aksesuar/"  style="">
2819      Aksesuar
2820    </a>
2821  </li>
2822
2823                      
2824                        
2825  
2826
2827  <li class="main-nav__grandchild nav-text">
2828    <a class="link hover-text" href="/erkek-bebek-mayo/"  style="">
2829      Mayo
2830    </a>
2831  </li>
2832
2833                      
2834                        
2835  
2836
2837  <li class="main-nav__grandchild nav-text">
2838    <a class="link hover-text" href="/erkek-bebek-indirimli-urunler/?category_ids=18258"  style="color:#FF0000 !important;">
2839      Yaz İndirimi
2840    </a>
2841  </li>
2842
2843                      
2844                    </ul>
2845                  </li>
2846                
2847              
2848            
2849              
2850              
2851
2852              
2853                <li class="main-nav__child -highlight">
2854                  <b class="title" style="">
2855                    Koleksiyonlar
2856                  </b>
2857                  <hr class="divider"/>
2858                  <ul class="main-nav__grandchild-list">
2859                    
2860                      
2861  
2862
2863  <li class="main-nav__grandchild nav-text">
2864    <a class="link hover-text" href="/character-shop/?attributes_gender=bebek&amp;attributes_gender=erkek_bebek&amp;attributes_gender=kiz_bebek&amp;sorter=newcomers"  style="">
2865      Character Shop
2866    </a>
2867  </li>
2868
2869                    
2870                      
2871  
2872
2873  <li class="main-nav__grandchild nav-text">
2874    <a class="link hover-text" href="/logo-gap-koleksiyonu/?category_ids=18258"  style="">
2875      Logo Shop
2876    </a>
2877  </li>
2878
2879                    
2880                  </ul>
2881                </li>
2882
2883              
2884            
2885          </ul>
2886        </li>
2887
2888      
2889    
2890  </ul>
2891
2892            
2893          </div>
2894        
2895      </li>
2896    </ul>
2897  
2898    
2899    <ul class="main-nav__list">
2900      <li class="main-nav__list-item js-nav-item">
2901        <a aria-label="Collaborations" style="" href="/" class="link">
2902          Collaborations
2903        </a>
2904
2905        
2906          
2907          <div class="main-nav__menu js-nav-menu">
2908            
2909              
2910  
2911   <ul class="main-nav__menu-list ">
2912    
2913      
2914        <li class="main-nav__menu-list-item -first_column">
2915          <ul class="main-nav__child-group">
2916            
2917              
2918
2919              <li class="main-nav__child -first_column_with_img">
2920                <ul class="main-nav__grandchild-list">
2921                    
2922  
2923  
2924  
2925    <li class="main-nav__grandchild ">
2926      <a class="link" href="/gap-a-p-c/">
2927        <img
2928          class="image"
2929          src="https://8f7eaa.a-cdn.akinoncloud.com/cms/2026/09/25/0ed54e13-8c9a-4f62-95d5-29a01c09b149_size416x574_cropCenter.jpg"
2930          alt="Gap × A.P.C First Column"
2931          width="208"
2932          height="287"
2933          loading="lazy"
2934        />
2935        
2936          <div class="img-footer">
2937            <p class="img-footer-title" style="">Gap × A.P.C</p>
2938            <i class="pz-icon-chevron-end"></i>
2939          </div>
2940        
2941      </a>
2942    </li>
2943  
2944
2945                </ul>
2946              </li>
2947            
2948          </ul>
2949        </li>
2950
2951      
2952    
2953      
2954        <li class="main-nav__menu-list-item -menu">
2955          <ul class="main-nav__child-group -menu">
2956
2957            
2958            
2959                
2960                  
2961                
2962            
2963                
2964            
2965                
2966            
2967
2968            
2969              
2970              
2971
2972              
2973                <li class="main-nav__child -highlight">
2974                  <b class="title" style="">
2975                    New &amp; Featured
2976                  </b>
2977                  <hr class="divider"/>
2978                  <ul class="main-nav__grandchild-list">
2979                    
2980                      
2981  
2982
2983  <li class="main-nav__grandchild nav-text">
2984    <a class="link hover-text" href="/apc/"  style="">
2985      Explore Gap x A.P.C
2986    </a>
2987  </li>
2988
2989                    
2990                      
2991  
2992
2993  <li class="main-nav__grandchild nav-text">
2994    <a class="link hover-text" href="/malbon-koleksiyonu/"  style="">
2995      Explore Gap x Malbon
2996    </a>
2997  </li>
2998
2999                    
3000                      
3001  
3002
3003  <li class="main-nav__grandchild nav-text">
3004    <a class="link hover-text" href="/gap-victoria-beckham-koleksiyonu/"  style="">
3005      Explore Gap x Victoria Beckham
3006    </a>
3007  </li>
3008
3009                    
3010                      
3011  
3012
3013  <li class="main-nav__grandchild nav-text">
3014    <a class="link hover-text" href="/summer-fridays-koleksiyonu/"  style="">
3015      Explore Gap x Summer Fridays
3016    </a>
3017  </li>
3018
3019                    
3020                      
3021  
3022
3023  <li class="main-nav__grandchild nav-text">
3024    <a class="link hover-text" 
3024href="/sandy-liang-koleksiyonu/"  style="">
3025      Explore Gap x Sandy Liang
3026    </a>
3027  </li>
3028
3029                    
3030                  </ul>
3031                </li>
3032
3033              
3034            
3035              
3036              
3037
3038              
3039                
3040                  <li class="main-nav__child -special_column">
3041                    <b class="title" style="">
3042                      Shop Collaborations
3043                    </b>
3044                    <hr class="divider"/>
3045                    <ul class="main-nav__grandchild-list">
3046                      
3047                        
3048  
3049
3050  <li class="main-nav__grandchild nav-text">
3051    <a class="link hover-text" href="/gap-a-p-c/"  style="">
3052      Gap x A.P.C
3053    </a>
3054  </li>
3055
3056                      
3057                        
3058  
3059
3060  <li class="main-nav__grandchild nav-text">
3061    <a class="link hover-text" href="/malbon/"  style="">
3062      Gap x Malbon
3063    </a>
3064  </li>
3065
3066                      
3067                        
3068  
3069
3070  <li class="main-nav__grandchild nav-text">
3071    <a class="link hover-text" href="/gap-victoria-beckham/?category_ids=18069"  style="">
3072      Gap x Victoria Beckham
3073    </a>
3074  </li>
3075
3076                      
3077                        
3078  
3079
3080  <li class="main-nav__grandchild nav-text">
3081    <a class="link hover-text" href="/harlems-fashion-row/"  style="">
3082      Gap × Harlem&#39;s Fashion Row
3083    </a>
3084  </li>
3085
3086                      
3087                        
3088  
3089
3090  <li class="main-nav__grandchild nav-text">
3091    <a class="link hover-text" href="/summer-fridays/?category_ids=18069"  style="">
3092      Gap x Summer Fridays
3093    </a>
3094  </li>
3095
3096                      
3097                    </ul>
3098                  </li>
3099                
3100              
3101            
3102              
3103              
3104
3105              
3106                
3107                  <li class="main-nav__child -special_column">
3108                    <b class="title" style="">
3109                      Licensed Collections
3110                    </b>
3111                    <hr class="divider"/>
3112                    <ul class="main-nav__grandchild-list">
3113                      
3114                        
3115  
3116
3117  <li class="main-nav__grandchild nav-text">
3118    <a class="link hover-text" href="/super-mario/"  style="">
3119      Super Mario Galaxy Movieᴺᵉʷ
3120    </a>
3121  </li>
3122
3123                      
3124                        
3125  
3126
3127  <li class="main-nav__grandchild nav-text">
3128    <a class="link hover-text" href="/winnie-the-pooh/"  style="">
3129      Winnie The Pooh
3130    </a>
3131  </li>
3132
3133                      
3134                    </ul>
3135                  </li>
3136                
3137              
3138            
3139          </ul>
3140        </li>
3141
3142      
3143    
3144  </ul>
3145
3146            
3147          </div>
3148        
3149      </li>
3150    </ul>
3151  
3152</nav>
3153
3154    
3155      
3156        <a aria-label="Logo" class="logo-holder" href="/" aria-label="Anasayfa">
3157          <img class="logo-holder__default js-logo-image-default" src="https://11d46382.cdn.akinoncloud.com/static_omnishop/gapzero181/img/gap_black.svg" alt="gap"/>
3158        </a>
3159      
3160    
3161  </div>
3162
3163  <div class="header-band__item -right">
3164    <ul class="action-menu">
3165      <div>
3166        
3167
3168
3169
3170<div class="header__search js-header-search-bar">
3171  <div class="header__search-results-padding">
3172    
3173    <form
3174      id="SearchForm"
3175      action="/list"
3176      class="header__search-form js-search-form"
3177      method="get"
3178    >
3179      <div class="header__search-close-btn">
3180        <pz-button
3181          class="header__search-close-btn js-header-search-close-btn"
3182          icon="close"
3183          size="small"
3184          appearance="ghost"
3185        ></pz-button>
3186      </div>
3187      <pz-input
3188        id="AutocompleteInput"
3189        class="header__search-input js-search-input"
3190        placeholder="ARA"
3191        autocomplete="off"
3192        icon="pz-icon-search"
3193        name="search_text"
3194      ></pz-input>
3195    </form>
3196    <input type="text" id="desktop_euraka" name="desktop_euraka" class="hidden">
3197    <input type="text" id="mobil_euraka" name="mobil_euraka" class="hidden">
3198    <div class="header__search-results-wrapper js-search-results-wrapper">
3199
3200      <div class="header__search-results js-search-result"></div>
3201
3202      
3203      
3204        
3205
3206
3207
3208<div class="header__search-popular-searches">
3209  <div class="header__search-results-wrapper-title"> 
3210    Popüler Aramalar 
3211  </div>
3212  <div class="header__search-popular-searches-list">
3213    
3214      <a href="/indirimli-urunler/">
3215        Yaz İndirimi
3216      </a>
3217    
3218      <a href="/yeni-gelenler/?sorter=newcomers">
3219        Yeni Gelenler
3220      </a>
3221    
3222      <a href="/logo-gap-koleksiyonu/?sorter=newcomers">
3223        Gap Logo
3224      </a>
3225    
3226      <a href="/sweatshirt-esofman-alti/">
3227        Sweatshirt &amp; Eşofman Altı
3228      </a>
3229    
3230      <a href="/bebek-tulum-body/">
3231        Bebek Tulum &amp; Body
3232      </a>
3233    
3234  </div>
3235</div>
3236      
3237      
3238
3239      <div class="header__search-latest-search-queries js-latest-search-queries-wrapper">
3240        <div class="header__search-results-wrapper-title"> Son Aramaların </div>
3241        <div class="header__search-latest-search-queries-list js-latest-search-queries-list"></div>
3242      </div>
3243
3244      
3245      
3246      
3247
3248      <div class="header__search-our-picks">
3249        
3250        
3251        
3252        
3253      </div>
3254
3255    </div>
3256
3257    <div
3258      hidden
3259      class="search-result__loader-wrapper js-search-loader-wrapper"
3260    >
3261    </div>
3262  </div>
3263  
3264    
3265    
3266      
3267
3268
3269<section class="header__search-product-recommendation">
3270  
3271    <div class="header__search-product-recommendation__title">
3272      Bugün En Çok Arananlar
3273    </div>
3274  
3275
3276  <div class="header__search-product-recommendation__carousel">
3277    <pz-carousel per-view="6" space="0rem">
3278      <pz-breakpoint size="767" space="0.625rem" per-view="3.9"></pz-breakpoint>
3279      <pz-breakpoint size="1370" per-view="6"></pz-breakpoint>
3280  
3281      
3282        <div class="product-recommendation__slide">
3283          
3284          <div class="product-recommendation__slide-body">
3285            <a href="/icon-denim-washwell-tm-ceket-620681-mavi-1/" aria-label="Icon Denim Washwell™ Ceket">
3286              
3287              <pz-image-placeholder>
3288                <picture>
3289                  <source media="(min-width:1370px)" srcset="https://8f7eaa.a-cdn.akinoncloud.com/products/2026/02/23/610848/9a838bab-94f5-470b-a6c1-f46734953aa4_size272x416_cropCenter.jpg">
3290                  <source media="(min-width:768px)" srcset="https://8f7eaa.a-cdn.akinoncloud.com/products/2026/02/23/610848/9a838bab-94f5-470b-a6c1-f46734953aa4_size192x288_cropCenter.jpg">
3291                  <img  class="product-recommendation__slide-body-img" src="https://8f7eaa.a-cdn.akinoncloud.com/products/2026/02/23/610848/9a838bab-94f5-470b-a6c1-f46734953aa4_size192x288_cropCenter.jpg" alt="Icon Denim Washwell™ Ceket" loading="lazy" >
3292                </picture>
3293              </pz-image-placeholder>
3294                
3295              
3296            </a>
3297          </div>
3298          <div class="product-recommendation__slide-footer">
3299            <a class="product-recommendation__slide-footer-description" href="/icon-denim-washwell-tm-ceket-620681-mavi-1/">
3300              Icon Denim Washwell™ Ceket
3301            </a>
3302          </div>
3303        </div>
3304      
3305    </pz-carousel>
3306  </div>
3307
3308 
3309</section>
3310      
3311    
3312</div>
3313      </div>
3314
3315      <li class="action-menu__item js-action-menu-item profile">
3316        <a aria-label="Profil"
3317          href="/account/"
3318          class="link"
3319        >
3320          <i class="icon js-pz-icon-user pz-icon-user"></i>
3321        </a>
3322
3323        <div class="profile-tab">
3324          
3325            <div class="profile-tab__guest-buttons">
3326              <a aria-label="Giriş" href="/users/auth/?next=/" class="sign-in">Giriş Yap</a>
3327              <a aria-label="Üye Ol" href="/users/auth/?next=/" class="sign-up">Hesap Oluştur</a>
3328            </div>
3329          
3330
3331          <div class="profile-tab__links">
3332            <ul>
3333              <li>
3334                <a aria-label="Hesabım" class="js-pz-icon-user" href="/account/">
3335                  <i class="pz-icon-user"></i>
3336                  <span>Hesabım</span>
3337                </a>
3338              </li>
3339              <li>
3340                <a aria-label="Siparişlerim"
3341                  href="/anonymous_order/"
3342                >
3343                  <i class="pz-icon-package"></i>
3344                  <span>Siparişlerim</span>
3345                </a>
3346              </li>
3347              <li>
3348                <a aria-label="Müşteri Hizmetleri" href="/account/musteri-hizmetleri/">
3349                  <i class="pz-icon-call-center"></i>
3350                  <span>Müşteri Hizmetleri</span>
3351                </a>
3352              </li>
3353              <li>
3354                <a aria-label="Bize Ulaşın" href="/account/contact/">
3355                  <i class="pz-icon-contact-us"></i>
3356                  <span>Bize Ulaşın</span>
3357                </a>
3358              </li>
3359            </ul>
3360          </div>
3361        </div>
3362      </li>
3363
3364      <li class="action-menu__item js-action-menu-item favourite">
3365        <a aria-label="Favori" href="/account/favourite-products/" class="link" aria-label="Favori ürünleriniz">
3366          <i class="icon pz-icon-like"></i>
3367        </a>
3368      </li>
3369
3370      <li class="action-menu__item js-action-menu-item">
3371        <a aria-label="Basket" href="/baskets/basket/" class="link" aria-label="Sepet">
3372          <i class="icon pz-icon-cart"></i>
3373        </a>
3374
3375        <span class="action-menu__item-badge js-pz-mini-basket-quantity">0</span>
3376
3377        <pz-mini-basket></pz-mini-basket>
3378      </li>
3379    </ul>
3380  </div>
3381</div>
3382  </div>
3383  
3384
3385
3386
3387
3388<div class="mobile-nav js-mobile-nav">
3389  <div class="mobile-nav__header">
3390    <div class="mobile-nav__header__band">
3391      <div class="js-mobile-nav-search-btn mobile-nav__header__search">
3392        <i class="icon-input pz-icon-search"></i>
3393        <pz-input id="AutocompleteInputt" placeholder="Ara" 
3394            autocomplete="off" name="search_text"></pz-input>
3395      </div>
3396      <div class="mobile-nav__header__user">
3397        
3398        <a aria-label="Giriş Yap" href="/users/auth/?next=/" class="sign-in">Giriş Yap</a>
3399        <a aria-label="Üye Ol" href="/users/auth/?next=/" class="sign-up">Üye Ol</a>
3400      
3401      </div>
3402      
3403    </div>
3404
3405    <div class="mobile-nav__header__menu js-mobile-header-menu">
3406       <p class="menu_text"> MENÜ </p>
3407       <i class="js-icon-close icon-close pz-icon-close"></i>
3408    </div>
3409
3410  </div>
3411
3412  <div class="mobile-nav__body">
3413    <ul class="mobile-nav__list">
3414      
3415        
3416        <li class="mobile-nav__list-item js-mobile-nav-item -menu">
3417          
3418            
3419
3420  
3421
3422  
3423    <div class="menu">
3424       <p class="menu_text" style="color:#121EAD !important;"> New </p>
3425       <i class="pz-icon-chevron-end"></i>
3426    </div>
3427    
3428  
3429
3430
3431            
3432              <div class="mobile-nav__menu js-mobile-nav-menu">
3433                <header class="mobile-nav__menu-header">
3434                  <div class="mobile-nav__menu-header__title">
3435                    <pz-button icon="chevron-start" appearance="ghost" size="xs" class="js-mobile-nav-back-btn"></pz-button>
3436                    <p class="mobile-nav__menu-header__title-item">New</p>
3437                  </div>
3438                  <i class="js-icon-close icon-close pz-icon-close"></i>
3439                </header>
3440
3441                <div class="mobile-nav__menu-list-w">
3442
3443                    
3444
3445  <ul class="mobile-nav__menu-list">
3446    
3447      
3448      
3449      
3450
3451      <li class="mobile-nav__child -banner">
3452        
3453          
3454  
3455  
3456  
3457  
3458  
3459    <div class="banner">
3460      
3461        <a class="link" href="/malbon/">
3462          <img
3463            class="image"
3464            src="https://8f7eaa.a-cdn.akinoncloud.com/cms/2026/09/16/bffe3443-74cf-47f3-80ac-2be45ae3c4ce_size300x412_cropCenter.jpg"
3465            alt="İlk Sütun Resimli card image"
3466            width="150"
3467            height="206"
3468            loading="lazy"
3469          />
3470          <div class="img-footer">
3471            <p class="img-footer-title" style="">Gap x Malbon</p>
3472            <i class="pz-icon-chevron-end"></i>
3473          </div>
3474        </a>
3475      
3476      
3477        <a class="link" href="/gap-a-p-c">
3478          <img
3479            class="image"
3480            src="https://8f7eaa.a-cdn.akinoncloud.com/cms/2026/09/25/f9e5107d-d476-4fbc-bd0f-3f0859e5a8d3_size300x412_cropCenter.jpg"
3481            alt="İlk Sütun Resimli card image"
3482            width="150"
3483            height="206"
3484            loading="lazy"
3485          />
3486          <div class="img-footer">
3487            <p class="img-footer-title" style="">Gap x A.P.C</p>
3488            <i class="pz-icon-chevron-end"></i>
3489          </div>
3490        </a>
3491      
3492    </div>
3493  
3494
3495        
3496      </li>
3497    
3498      
3499      
3500      
3501
3502      <li class="mobile-nav__child -banner">
3503        
3504          
3505  
3506  
3507  
3508  
3509
3510        
3511      </li>
3512    
3513      
3514      
3515      
3516
3517      <li class="mobile-nav__child -menu">
3518        
3519          <pz-expandable style=""
3520            class="mobile-nav__grandchild-expandable-list"
3521            title="Yeni Gelenler"
3522            
3523              expanded
3524          >
3525            <ul class="mobile-nav__grandchild-list -menu">
3526              
3527                
3528  
3529  
3530
3531  <li class="mobile-nav__grandchild -menu" >
3532    <a aria-label="Kadın" class="link" href="/yeni-gelenler/?category_ids=18069" style="">
3533      Kadın
3534    </a>
3535  </li>
3536
3537             
3538                
3539  
3540  
3541
3542  <li class="mobile-nav__grandchild -menu" >
3543    <a aria-label="Erkek" class="link" href="/yeni-gelenler/?category_ids=18144" style="">
3544      Erkek
3545    </a>
3546  </li>
3547
3548             
3549                
3550  
3551  
3552
3553  <li class="mobile-nav__grandchild -menu" >
3554    <a aria-label="Kız Çocuk" class="link" href="/yeni-gelenler/?category_ids=18187" style="">
3555      Kız Çocuk
3556    </a>
3557  </li>
3558
3559             
3560                
3561  
3562  
3563
3564  <li class="mobile-nav__grandchild -menu" >
3565    <a aria-label="Erkek Çocuk" class="link" href="/yeni-gelenler/?category_ids=18225" style="">
3566      Erkek Çocuk
3567    </a>
3568  </li>
3569
3570             
3571                
3572  
3573  
3574
3575  <li class="mobile-nav__grandchild -menu" >
3576    <a aria-label="Kız Bebek" class="link" href="/yeni-gelenler/?category_ids=18259" style="">
3577      Kız Bebek
3578    </a>
3579  </li>
3580
3581             
3582                
3583  
3584  
3585
3586  <li class="mobile-nav__grandchild -menu" >
3587    <a aria-label="Erkek Bebek" class="link" href="/yeni-gelenler/?category_ids=18291" style="">
3588      Erkek Bebek
3589    </a>
3590  </li>
3591
3592             
3593                
3594  
3595  
3596
3597  <li class="mobile-nav__grandchild -menu" >
3598    <a aria-label="Yenidoğan Kız" class="link" href="/yeni-gelenler/?category_ids=19441" style="">
3599      Yenidoğan Kız
3600    </a>
3601  </li>
3602
3603             
3604                
3605  
3606  
3607
3608  <li class="mobile-nav__grandchild -menu" >
3609    <a aria-label="Yenidoğan Erkek" class="link" href="/yeni-gelenler/?category_ids=18351" style="">
3610      Yenidoğan Erkek
3611    </a>
3612  </li>
3613
3614             
3615            </ul>
3616          </pz-expandable>
3617
3618        
3619      </li>
3620    
3621      
3622      
3623      
3624
3625      <li class="mobile-nav__child -menu">
3626        
3627          <pz-expandable style=""
3628            class="mobile-nav__grandchild-expandable-list"
3629            title="Koleksiyonlar"
3630            
3631              expanded
3632          >
3633            <ul class="mobile-nav__grandchild-list -menu">
3634              
3635                
3636  
3637  
3638
3639  <li class="mobile-nav__grandchild -menu" >
3640    <a aria-label="Gap x A.P.C" class="link" href="https://gap.com.tr/gap-a-p-c/" style="">
3641      Gap x A.P.C
3642    </a>
3643  </li>
3644
3645             
3646                
3647  
3648  
3649
3650  <li class="mobile-nav__grandchild -menu" >
3651    <a aria-label="Gap x Malbon" class="link" href="/malbon/" style="">
3652      Gap x Malbon
3653    </a>
3654  </li>
3655
3656             
3657                
3658  
3659  
3660
3661  <li class="mobile-nav__grandchild -menu" >
3662    <a aria-label="Gap x Project Swag" class="link" href="/gap-x-project-swag/?category_ids=18069" style="">
3663      Gap x Project Swag
3664    </a>
3665  </li>
3666
3667             
3668                
3669  
3670  
3671
3672  <li class="mobile-nav__grandchild -menu" >
3673    <a aria-label="Gap x Victoria Beckham" class="link" href="/gap-victoria-beckham/?category_ids=18069" style="">
3674      Gap x Victoria Beckham
3675    </a>
3676  </li>
3677
3678             
3679                
3680  
3681  
3682
3683  <li class="mobile-nav__grandchild -menu" >
3684    <a aria-label="Logo Shop" class="link" href="/logo-gap-koleksiyonu/" style="">
3685      Logo Shop
3686    </a>
3687  </li>
3688
3689             
3690            </ul>
3691          </pz-expandable>
3692
3693        
3694      </li>
3695    
3696      
3697      
3698      
3699
3700      <li class="mobile-nav__child -menu">
3701        
3702          <pz-expandable style=""
3703            class="mobile-nav__grandchild-expandable-list"
3704            title="Guides"
3705            
3706              expanded
3707          >
3708            <ul class="mobile-nav__grandchild-list -menu">
3709              
3710                
3711  
3712  
3713
3714  <li class="mobile-nav__grandchild -menu" >
3715    <a aria-label="GapSweats Guide" class="link" href="/gap-sweats-guide/" style="">
3716      GapSweats Guide
3717    </a>
3718  </li>
3719
3720             
3721                
3722  
3723  
3724
3725  <li class="mobile-nav__grandchild -menu" >
3726    <a aria-label="GapJeans Fit Guide" class="link" href="/denim-jean-modelleri/" style="">
3727      GapJeans Fit Guide
3728    </a>
3729  </li>
3730
3731             
3732            </ul>
3733          </pz-expandable>
3734
3735        
3736      </li>
3737    
3738  </ul>
3739
3740                </div>
3741              </div>
3742            
3743
3744          
3745        </li>
3746      
3747        
3748        <li class="mobile-nav__list-item js-mobile-nav-item -menu">
3749          
3750            
3751
3752  
3753
3754  
3755    <div class="menu">
3756       <p class="menu_text" style=""> Kadın </p>
3757       <i class="pz-icon-chevron-end"></i>
3758    </div>
3759    
3760  
3761
3762
3763            
3764              <div class="mobile-nav__menu js-mobile-nav-menu">
3765                <header class="mobile-nav__menu-header">
3766                  <div class="mobile-nav__menu-header__title">
3767                    <pz-button icon="chevron-start" appearance="ghost" size="xs" class="js-mobile-nav-back-btn"></pz-button>
3768                    <p class="mobile-nav__menu-header__title-item">Kadın</p>
3769                  </div>
3770                  <i class="js-icon-close icon-close pz-icon-close"></i>
3771                </header>
3772
3773                <div class="mobile-nav__menu-list-w">
3774
3775                    
3776
3777  <ul class="mobile-nav__menu-list">
3778    
3779      
3780      
3781      
3782
3783      <li class="mobile-nav__child -banner">
3784        
3785          
3786  
3787  
3788  
3789  
3790  
3791    <div class="banner">
3792      
3793        <a class="link" href="/gap-a-p-c/">
3794          <img
3795            class="image"
3796            src="https://8f7eaa.a-cdn.akinoncloud.com/cms/2026/09/25/4c8614a9-77b8-4eb0-a168-e091ea384eb8_size300x412_cropCenter.jpg"
3797            alt="İlk Sütun Resimli card image"
3798            width="150"
3799            height="206"
3800            loading="lazy"
3801          />
3802          <div class="img-footer">
3803            <p class="img-footer-title" style="">Gap x A.P.C</p>
3804            <i class="pz-icon-chevron-end"></i>
3805          </div>
3806        </a>
3807      
3808      
3809        <a class="link" href="/kadin-canta/">
3810          <img
3811            class="image"
3812            src="https://8f7eaa.a-cdn.akinoncloud.com/cms/2026/09/16/27d821fb-2d92-4c33-89c9-efdb6bbb2b85_size300x412_cropCenter.jpg"
3813            alt="İlk Sütun Resimli card image"
3814            width="150"
3815            height="206"
3816            loading="lazy"
3817          />
3818          <div class="img-footer">
3819            <p class="img-footer-title" style="">GapBagsᴺᵉʷ</p>
3820            <i class="pz-icon-chevron-end"></i>
3821          </div>
3822        </a>
3823      
3824    </div>
3825  
3826
3827        
3828      </li>
3829    
3830      
3831      
3832      
3833
3834      <li class="mobile-nav__child -banner">
3835        
3836          
3837  
3838  
3839  
3840  
3841
3842        
3843      </li>
3844    
3845      
3846      
3847      
3848
3849      <li class="mobile-nav__child -menu">
3850        
3851          <pz-expandable style=""
3852            class="mobile-nav__grandchild-expandable-list"
3853            title="Kategoriler"
3854            
3855              expanded
3856          >
3857            <ul class="mobile-nav__grandchild-list -menu">
3858              
3859                
3860  
3861  
3862
3863  <li class="mobile-nav__grandchild -menu" >
3864    <a aria-label="Tüm Ürünler" class="link" href="/kadin-giyim/?category_ids=18069" style="">
3865      Tüm Ürünler
3866    </a>
3867  </li>
3868
3869             
3870                
3871  
3872  
3873
3874  <li class="mobile-nav__grandchild -menu" >
3875    <a aria-label="Yeni Gelenler" class="link" href="/kadin-yeni-gelenler/" style="">
3876      Yeni Gelenler
3877    </a>
3878  </li>
3879
3880             
3881                
3882  
3883  
3884
3885  <li class="mobile-nav__grandchild -menu" >
3886    <a aria-label="Sweatshirt" class="link" href="/kadin-sweatshirt/" style="">
3887      Sweatshirt
3888    </a>
3889  </li>
3890
3891             
3892                
3893  
3894  
3895
3896  <li class="mobile-nav__grandchild -menu" >
3897    <a aria-label="Jean" class="link" href="/kadin-jean/" style="">
3898      Jean
3899    </a>
3900  </li>
3901
3902             
3903                
3904  
3905  
3906
3907  <li class="mobile-nav__grandchild -menu" >
3908    <a aria-label="Gömlek" class="link" href="/kadin-gomlek/" style="">
3909      Gömlek
3910    </a>
3911  </li>
3912
3913             
3914                
3915  
3916  
3917
3918  <li class="mobile-nav__grandchild -menu" >
3919    <a aria-label="Elbise" class="link" href="/kadin-elbise/" style="">
3920      Elbise
3921    </a>
3922  </li>
3923
3924             
3925                
3926  
3927  
3928
3929  <li class="mobile-nav__grandchild -menu" >
3930    <a aria-label="Bluz" class="link" href="/kadin-bluz/" style="">
3931      Bluz
3932    </a>
3933  </li>
3934
3935             
3936                
3937  
3938  
3939
3940  <li class="mobile-nav__grandchild -menu" >
3941    <a aria-label="Pantolon" class="link" href="/kadin-pantolon/" style="">
3942      Pantolon
3943    </a>
3944  </li>
3945
3946             
3947                
3948  
3949  
3950
3951  <li class="mobile-nav__grandchild -menu" >
3952    <a aria-label="Kazak" class="link" href="/kadin-kazak/" style="">
3953      Kazak
3954    </a>
3955  </li>
3956
3957             
3958                
3959  
3960  
3961
3962  <li class="mobile-nav__grandchild -menu" >
3963    <a aria-label="Hırka" class="link" href="/kadin-hirka/" style="">
3964      Hırka
3965    </a>
3966  </li>
3967
3968             
3969                
3970  
3971  
3972
3973  <li class="mobile-nav__grandchild -menu" >
3974    <a aria-label="T-Shirt" class="link" href="/kadin-t-shirt/" style="">
3975      T-Shirt
3976    </a>
3977  </li>
3978
3979             
3980                
3981  
3982  
3983
3984  <li class="mobile-nav__grandchild -menu" >
3985    <a aria-label="Eşofman Altı" class="link" href="/kadin-esofman-alti/" style="">
3986      Eşofman Altı
3987    </a>
3988  </li>
3989
3990             
3991                
3992  
3993  
3994
3995  <li class="mobile-nav__grandchild -menu" >
3996    <a aria-label="Dış Giyim" class="link" href="/kadin-dis-giyim/" style="">
3997      Dış Giyim
3998    </a>
3999  </li>
4000
4001             
4002                
4003  
4004  
4005
4006  <li class="mobile-nav__grandchild -menu" >
4007    <a aria-label="Şort" class="link" href="/kadin-sort/" style="">
4008      Şort
4009    </a>
4010  </li>
4011
4012             
4013                
4014  
4015  
4016
4017  <li class="mobile-nav__grandchild -menu" >
4018    <a aria-label="Etek" class="link" href="/kadin-etek/" style="">
4019      Etek
4020    </a>
4021  </li>
4022
4023             
4024                
4025  
4026  
4027
4028  <li class="mobile-nav__grandchild -menu" >
4029    <a aria-label="Tulum" class="link" href="/kadin-tulum/" style="">
4030      Tulum
4031    </a>
4032  </li>
4033
4034             
4035                
4036  
4037  
4038
4039  <li class="mobile-nav__grandchild -menu" >
4040    <a aria-label="Tayt" class="link" href="/kadin-tayt/" style="">
4041      Tayt
4042    </a>
4043  </li>
4044
4045             
4046                
4047  
4048  
4049
4050  <li class="mobile-nav__grandchild -menu" >
4051    <a aria-label="GapFit Activewear" class="link" href="/kadin-gapfit/" style="">
4052      GapFit Activewear
4053    </a>
4054  </li>
4055
4056             
4057                
4058  
4059  
4060
4061  <li class="mobile-nav__grandchild -menu" >
4062    <a aria-label="Pijama &amp; İç Giyim" class="link" href="/kadin-gapbody/" style="">
4063      Pijama &amp; İç Giyim
4064    </a>
4065  </li>
4066
4067             
4068                
4069  
4070  
4071
4072  <li class="mobile-nav__grandchild -menu" >
4073    <a aria-label="Aksesuar" class="link" href="/kadin-aksesuar/" style="">
4074      Aksesuar
4075    </a>
4076  </li>
4077
4078             
4079                
4080  
4081  
4082
4083  <li class="mobile-nav__grandchild -menu" >
4084    <a aria-label="Çanta" class="link" href="/kadin-canta/" style="">
4085      Çanta
4086    </a>
4087  </li>
4088
4089             
4090                
4091  
4092  
4093
4094  <li class="mobile-nav__grandchild -menu" >
4095    <a aria-label="Yaz İndirimi" class="link" href="/kadin-indirimli-urunler/?category_ids=18069" style="color:#FF0000 !important;">
4096      Yaz İndirimi
4097    </a>
4098  </li>
4099
4100             
4101            </ul>
4102          </pz-expandable>
4103
4104        
4105      </li>
4106    
4107      
4108      
4109      
4110
4111      <li class="mobile-nav__child -menu">
4112        
4113          <pz-expandable style=""
4114            class="mobile-nav__grandchild-expandable-list"
4115            title="Koleksiyonlar"
4116            
4117          >
4118            <ul class="mobile-nav__grandchild-list -menu">
4119              
4120                
4121  
4122  
4123
4124  <li class="mobile-nav__grandchild -menu" >
4125    <a aria-label="Gap x A.P.C" class="link" href="/gap-a-p-c/" style="">
4126      Gap x A.P.C
4127    </a>
4128  </li>
4129
4130             
4131                
4132  
4133  
4134
4135  <li class="mobile-nav__grandchild -menu" >
4136    <a aria-label="Gap x Malbon" class="link" href="/malbon/" style="">
4137      Gap x Malbon
4138    </a>
4139  </li>
4140
4141             
4142                
4143  
4144  
4145
4146  <li class="mobile-nav__grandchild -menu" >
4147    <a aria-label="Gap x Project Swag" class="link" href="/gap-x-project-swag/?category_ids=18069" style="">
4148      Gap x Project Swag
4149    </a>
4150  </li>
4151
4152             
4153                
4154  
4155  
4156
4157  <li class="mobile-nav__grandchild -menu" >
4158    <a aria-label="Gap x Victoria Beckham" class="link" href="/gap-victoria-beckham/?category_ids=18069" style="">
4159      Gap x Victoria Beckham
4160    </a>
4161  </li>
4162
4163             
4164                
4165  
4166  
4167
4168  <li class="mobile-nav__grandchild -menu" >
4169    <a aria-label="Logo Shop" class="link" href="/logo-gap-koleksiyonu/?category_ids=18069" style="">
4170      Logo Shop
4171    </a>
4172  </li>
4173
4174             
4175            </ul>
4176          </pz-expandable>
4177
4178        
4179      </li>
4180    
4181      
4182      
4183      
4184
4185      <li class="mobile-nav__child">
4186        
4187      </li>
4188    
4189      
4190      
4191      
4192
4193      <li class="mobile-nav__child">
4194        
4195      </li>
4196    
4197  </ul>
4198
4199                </div>
4200              </div>
4201            
4202
4203          
4204        </li>
4205      
4206        
4207        <li class="mobile-nav__list-item js-mobile-nav-item -menu">
4208          
4209            
4210
4211  
4212
4213  
4214    <div class="menu">
4215       <p class="menu_text" style=""> Erkek </p>
4216       <i class="pz-icon-chevron-end"></i>
4217    </div>
4218    
4219  
4220
4221
4222            
4223              <div class="mobile-nav__menu js-mobile-nav-menu">
4224                <header class="mobile-nav__menu-header">
4225                  <div class="mobile-nav__menu-header__title">
4226                    <pz-button icon="chevron-start" appearance="ghost" size="xs" class="js-mobile-nav-back-btn"></pz-button>
4227                    <p class="mobile-nav__menu-header__title-item">Erkek</p>
4228                  </div>
4229                  <i class="js-icon-close icon-close pz-icon-close"></i>
4230                </header>
4231
4232                <div class="mobile-nav__menu-list-w">
4233
4234                    
4235
4236  <ul class="mobile-nav__menu-list">
4237    
4238      
4239      
4240      
4241
4242      <li class="mobile-nav__child -banner">
4243        
4244          
4245  
4246  
4247  
4248  
4249  
4250    <div class="banner">
4251      
4252        <a class="link" href="/gap-a-p-c/?category_ids=18144">
4253          <img
4254            class="image"
4255            src="https://8f7eaa.a-cdn.akinoncloud.com/cms/2026/09/25/dcfe90d1-d479-4e4b-8cee-df03e814eeea_size300x412_cropCenter.jpg"
4256            alt="İlk Sütun Resimli card image"
4257            width="150"
4258            height="206"
4259            loading="lazy"
4260          />
4261          <div class="img-footer">
4262            <p class="img-footer-title" style="">Gap x A.P.C</p>
4263            <i class="pz-icon-chevron-end"></i>
4264          </div>
4265        </a>
4266      
4267      
4268        <a class="link" href="/erkek-yeni-gelenler/?category_ids=18144">
4269          <img
4270            class="image"
4271            src="https://8f7eaa.a-cdn.akinoncloud.com/cms/2026/09/16/35907175-2736-41f4-9b74-401c563971a1_size300x412_cropCenter.jpg"
4272            alt="İlk Sütun Resimli card image"
4273            width="150"
4274            height="206"
4275            loading="lazy"
4276          />
4277          <div class="img-footer">
4278            <p class="img-footer-title" style="">Yeni Gelenler</p>
4279            <i class="pz-icon-chevron-end"></i>
4280          </div>
4281        </a>
4282      
4283    </div>
4284  
4285
4286        
4287      </li>
4288    
4289      
4290      
4291      
4292
4293      <li class="mobile-nav__child -banner">
4294        
4295          
4296  
4297  
4298  
4299  
4300
4301        
4302      </li>
4303    
4304      
4305      
4306      
4307
4308      <li class="mobile-nav__child -menu">
4309        
4310          <pz-expandable style=""
4311            class="mobile-nav__grandchild-expandable-list"
4312            title="Kategoriler"
4313            
4314              expanded
4315          >
4316            <ul class="mobile-nav__grandchild-list -menu">
4317              
4318                
4319  
4320  
4321
4322  <li class="mobile-nav__grandchild -menu" >
4323    <a aria-label="Tüm Ürünler" class="link" href="/erkek-giyim/?category_ids=18144" style="">
4324      Tüm Ürünler
4325    </a>
4326  </li>
4327
4328             
4329                
4330  
4331  
4332
4333  <li class="mobile-nav__grandchild -menu" >
4334    <a aria-label="Yeni Gelenler" class="link" href="/erkek-yeni-gelenler/" style="">
4335      Yeni Gelenler
4336    </a>
4337  </li>
4338
4339             
4340                
4341  
4342  
4343
4344  <li class="mobile-nav__grandchild -menu" >
4345    <a aria-label="Sweatshirt" class="link" href="/erkek-sweatshirt/" style="">
4346      Sweatshirt
4347    </a>
4348  </li>
4349
4350             
4351                
4352  
4353  
4354
4355  <li class="mobile-nav__grandchild -menu" >
4356    <a aria-label="Jean" class="link" href="/erkek-jean/" style="">
4357      Jean
4358    </a>
4359  </li>
4360
4361             
4362                
4363  
4364  
4365
4366  <li class="mobile-nav__grandchild -menu" >
4367    <a aria-label="Gömlek" class="link" href="/erkek-gomlek/" style="">
4368      Gömlek
4369    </a>
4370  </li>
4371
4372             
4373                
4374  
4375  
4376
4377  <li class="mobile-nav__grandchild -menu" >
4378    <a aria-label="Pantolon" class="link" href="/erkek-pantolon/" style="">
4379      Pantolon
4380    </a>
4381  </li>
4382
4383             
4384                
4385  
4386  
4387
4388  <li class="mobile-nav__grandchild -menu" >
4389    <a aria-label="Kazak" class="link" href="/erkek-kazak/" style="">
4390      Kazak
4391    </a>
4392  </li>
4393
4394             
4395                
4396  
4397  
4398
4399  <li class="mobile-nav__grandchild -menu" >
4400    <a aria-label="Dış Giyim" class="link" href="/erkek-dis-giyim/" style="">
4401      Dış Giyim
4402    </a>
4403  </li>
4404
4405             
4406                
4407  
4408  
4409
4410  <li class="mobile-nav__grandchild -menu" >
4411    <a aria-label="T-Shirt" class="link" href="/erkek-t-shirt/" style="">
4412      T-Shirt
4413    </a>
4414  </li>
4415
4416             
4417                
4418  
4419  
4420
4421  <li class="mobile-nav__grandchild -menu" >
4422    <a aria-label="Şort" class="link" href="/erkek-sort/" style="">
4423      Şort
4424    </a>
4425  </li>
4426
4427             
4428                
4429  
4430  
4431
4432  <li class="mobile-nav__grandchild -menu" >
4433    <a aria-label="Eşofman Altı" class="link" href="/erkek-esofman-alti/" style="">
4434      Eşofman Altı
4435    </a>
4436  </li>
4437
4438             
4439                
4440  
4441  
4442
4443  <li class="mobile-nav__grandchild -menu" >
4444    <a aria-label="Mayo" class="link" href="/erkek-mayo/" style="">
4445      Mayo
4446    </a>
4447  </li>
4448
4449             
4450                
4451  
4452  
4453
4454  <li class="mobile-nav__grandchild -menu" >
4455    <a aria-label="Pijama" class="link" href="/erkek-pijama/" style="">
4456      Pijama
4457    </a>
4458  </li>
4459
4460             
4461                
4462  
4463  
4464
4465  <li class="mobile-nav__grandchild -menu" >
4466    <a aria-label="İç Giyim" class="link" href="/erkek-ic-giyim/" style="">
4467      İç Giyim
4468    </a>
4469  </li>
4470
4471             
4472                
4473  
4474  
4475
4476  <li class="mobile-nav__grandchild -menu" >
4477    <a aria-label="Aksesuar" class="link" href="/erkek-aksesuar/" style="">
4478      Aksesuar
4479    </a>
4480  </li>
4481
4482             
4483                
4484  
4485  
4486
4487  <li class="mobile-nav__grandchild -menu" >
4488    <a aria-label="Yaz İndirimi" class="link" href="/erkek-indirimli-urunler/?category_ids=18144" style="color:#FF0000 !important;">
4489      Yaz İndirimi
4490    </a>
4491  </li>
4492
4493             
4494            </ul>
4495          </pz-expandable>
4496
4497        
4498      </li>
4499    
4500      
4501      
4502      
4503
4504      <li class="mobile-nav__child -menu">
4505        
4506          <pz-expandable style=""
4507            class="mobile-nav__grandchild-expandable-list"
4508            title="Koleksiyonlar"
4509            
4510              expanded
4511          >
4512            <ul class="mobile-nav__grandchild-list -menu">
4513              
4514                
4515  
4516  
4517
4518  <li class="mobile-nav__grandchild -menu" >
4519    <a aria-label="Gap x A.P.C" class="link" href="/gap-a-p-c/" style="">
4520      Gap x A.P.C
4521    </a>
4522  </li>
4523
4524             
4525                
4526  
4527  
4528
4529  <li class="mobile-nav__grandchild -menu" >
4530    <a aria-label="Gap x Malbon" class="link" href="/malbon/?category_ids=18144" style="">
4531      Gap x Malbon
4532    </a>
4533  </li>
4534
4535             
4536                
4537  
4538  
4539
4540  <li class="mobile-nav__grandchild -menu" >
4541    <a aria-label="Logo Shop" class="link" href="/logo-gap-koleksiyonu/?category_ids=18144" style="">
4542      Logo Shop
4543    </a>
4544  </li>
4545
4546             
4547            </ul>
4548          </pz-expandable>
4549
4550        
4551      </li>
4552    
4553  </ul>
4554
4555                </div>
4556              </div>
4557            
4558
4559          
4560        </li>
4561      
4562        
4563        <li class="mobile-nav__list-item js-mobile-nav-item -menu">
4564          
4565            
4566
4567  
4568
4569  
4570    <div class="menu">
4571       <p class="menu_text" style=""> Kız Çocuk </p>
4572       <i class="pz-icon-chevron-end"></i>
4573    </div>
4574    
4575  
4576
4577
4578            
4579              <div class="mobile-nav__menu js-mobile-nav-menu">
4580                <header class="mobile-nav__menu-header">
4581                  <div class="mobile-nav__menu-header__title">
4582                    <pz-button icon="chevron-start" appearance="ghost" size="xs" class="js-mobile-nav-back-btn"></pz-button>
4583                    <p class="mobile-nav__menu-header__title-item">Kız Çocuk</p>
4584                  </div>
4585                  <i class="js-icon-close icon-close pz-icon-close"></i>
4586                </header>
4587
4588                <div class="mobile-nav__menu-list-w">
4589
4590                    
4591
4592  <ul class="mobile-nav__menu-list">
4593    
4594      
4595      
4596      
4597
4598      <li class="mobile-nav__child -banner">
4599        
4600          
4601  
4602  
4603  
4604  
4605  
4606    <div class="banner">
4607      
4608        <a class="link" href="/gapsweats/?category_ids=19551">
4609          <img
4610            class="image"
4611            src="https://8f7eaa.a-cdn.akinoncloud.com/cms/2026/09/16/145c5695-4e2a-4b54-b192-75825dbc5f9a_size300x412_cropCenter.jpg"
4612            alt="İlk Sütun Resimli card image"
4613            width="150"
4614            height="206"
4615            loading="lazy"
4616          />
4617          <div class="img-footer">
4618            <p class="img-footer-title" style="">GapSweats</p>
4619            <i class="pz-icon-chevron-end"></i>
4620          </div>
4621        </a>
4622      
4623      
4624        <a class="link" href="kiz-cocuk-yeni-gelenler/?category_ids=18187">
4625          <img
4626            class="image"
4627            src="https://8f7eaa.a-cdn.akinoncloud.com/cms/2026/06/16/321c3e91-0d8d-4387-99a9-9cb696f71b2c_size300x412_cropCenter.jpg"
4628            alt="İlk Sütun Resimli card image"
4629            width="150"
4630            height="206"
4631            loading="lazy"
4632          />
4633          <div class="img-footer">
4634            <p class="img-footer-title" style="">Yeni Gelenler</p>
4635            <i class="pz-icon-chevron-end"></i>
4636          </div>
4637        </a>
4638      
4639    </div>
4640  
4641
4642        
4643      </li>
4644    
4645      
4646      
4647      
4648
4649      <li class="mobile-nav__child -banner">
4650        
4651          
4652  
4653  
4654  
4655  
4656
4657        
4658      </li>
4659    
4660      
4661      
4662      
4663
4664      <li class="mobile-nav__child -menu">
4665        
4666          <pz-expandable style=""
4667            class="mobile-nav__grandchild-expandable-list"
4668            title="Kategoriler"
4669            
4670              expanded
4671          >
4672            <ul class="mobile-nav__grandchild-list -menu">
4673              
4674                
4675  
4676  
4677
4678  <li class="mobile-nav__grandchild -menu" >
4679    <a aria-label="Tüm Ürünler" class="link" href="/kiz-cocuk-giyim/?category_ids=18187" style="">
4680      Tüm Ürünler
4681    </a>
4682  </li>
4683
4684             
4685                
4686  
4687  
4688
4689  <li class="mobile-nav__grandchild -menu" >
4690    <a aria-label="Yeni Gelenler" class="link" href="/kiz-cocuk-yeni-gelenler/" style="">
4691      Yeni Gelenler
4692    </a>
4693  </li>
4694
4695             
4696                
4697  
4698  
4699
4700  <li class="mobile-nav__grandchild -menu" >
4701    <a aria-label="Sweatshirt" class="link" href="/kiz-cocuk-sweatshirt/" style="">
4702      Sweatshirt
4703    </a>
4704  </li>
4705
4706             
4707                
4708  
4709  
4710
4711  <li class="mobile-nav__grandchild -menu" >
4712    <a aria-label="Jean" class="link" href="/kiz-cocuk-jean/" style="">
4713      Jean
4714    </a>
4715  </li>
4716
4717             
4718                
4719  
4720  
4721
4722  <li class="mobile-nav__grandchild -menu" >
4723    <a aria-label="Pantolon" class="link" href="/kiz-cocuk-pantolon/" style="">
4724      Pantolon
4725    </a>
4726  </li>
4727
4728             
4729                
4730  
4731  
4732
4733  <li class="mobile-nav__grandchild -menu" >
4734    <a aria-label="Elbise" class="link" href="/kiz-cocuk-elbise/" style="">
4735      Elbise
4736    </a>
4737  </li>
4738
4739             
4740                
4741  
4742  
4743
4744  <li class="mobile-nav__grandchild -menu" >
4745    <a aria-label="Kazak" class="link" href="/kiz-cocuk-kazak/" style="">
4746      Kazak
4747    </a>
4748  </li>
4749
4750             
4751                
4752  
4753  
4754
4755  <li class="mobile-nav__grandchild -menu" >
4756    <a aria-label="Hırka" class="link" href="/kiz-cocuk-hirka/" style="">
4757      Hırka
4758    </a>
4759  </li>
4760
4761             
4762                
4763  
4764  
4765
4766  <li class="mobile-nav__grandchild -menu" >
4767    <a aria-label="T-Shirt" class="link" href="/kiz-cocuk-t-shirt/" style="">
4768      T-Shirt
4769    </a>
4770  </li>
4771
4772             
4773                
4774  
4775  
4776
4777  <li class="mobile-nav__grandchild -menu" >
4778    <a aria-label="Eşofman Altı" class="link" href="/kiz-cocuk-esofman-alti/" style="">
4779      Eşofman Altı
4780    </a>
4781  </li>
4782
4783             
4784                
4785  
4786  
4787
4788  <li class="mobile-nav__grandchild -menu" >
4789    <a aria-label="Dış Giyim" class="link" href="/kiz-cocuk-dis-giyim/" style="">
4790      Dış Giyim
4791    </a>
4792  </li>
4793
4794             
4795                
4796  
4797  
4798
4799  <li class="mobile-nav__grandchild -menu" >
4800    <a aria-label="Tayt" class="link" href="/kiz-cocuk-tayt/" style="">
4801      Tayt
4802    </a>
4803  </li>
4804
4805             
4806                
4807  
4808  
4809
4810  <li class="mobile-nav__grandchild -menu" >
4811    <a aria-label="Pijama" class="link" href="/kiz-cocuk-pijama/" style="">
4812      Pijama
4813    </a>
4814  </li>
4815
4816             
4817                
4818  
4819  
4820
4821  <li class="mobile-nav__grandchild -menu" >
4822    <a aria-label="Şort" class="link" href="/kiz-cocuk-sort/" style="">
4823      Şort
4824    </a>
4825  </li>
4826
4827             
4828                
4829  
4830  
4831
4832  <li class="mobile-nav__grandchild -menu" >
4833    <a aria-label="Etek" class="link" href="/kiz-cocuk-etek/" style="">
4834      Etek
4835    </a>
4836  </li>
4837
4838             
4839                
4840  
4841  
4842
4843  <li class="mobile-nav__grandchild -menu" >
4844    <a aria-label="Mayo" class="link" href="/kiz-cocuk-mayo/" style="">
4845      Mayo
4846    </a>
4847  </li>
4848
4849             
4850                
4851  
4852  
4853
4854  <li class="mobile-nav__grandchild -menu" >
4855    <a aria-label="Çanta" class="link" href="/kiz-cocuk-canta/" style="">
4856      Çanta
4857    </a>
4858  </li>
4859
4860             
4861                
4862  
4863  
4864
4865  <li class="mobile-nav__grandchild -menu" >
4866    <a aria-label="İç Giyim" class="link" href="/kiz-cocuk-ic-giyim/" style="">
4867      İç Giyim
4868    </a>
4869  </li>
4870
4871             
4872                
4873  
4874  
4875
4876  <li class="mobile-nav__grandchild -menu" >
4877    <a aria-label="Aksesuar" class="link" href="/kiz-cocuk-aksesuar/" style="">
4878      Aksesuar
4879    </a>
4880  </li>
4881
4882             
4883                
4884  
4885  
4886
4887  <li class="mobile-nav__grandchild -menu" >
4888    <a aria-label="Yaz İndirimi" class="link" href="/kiz-cocuk-indirimli-urunler/?category_ids=18187" style="color:#FF0000 !important;">
4889      Yaz İndirimi
4890    </a>
4891  </li>
4892
4893             
4894            </ul>
4895          </pz-expandable>
4896
4897        
4898      </li>
4899    
4900      
4901      
4902      
4903
4904      <li class="mobile-nav__child -menu">
4905        
4906          <pz-expandable style=""
4907            class="mobile-nav__grandchild-expandable-list"
4908            title="Koleksiyonlar"
4909            
4910              expanded
4911          >
4912            <ul class="mobile-nav__grandchild-list -menu">
4913              
4914                
4915  
4916  
4917
4918  <li class="mobile-nav__grandchild -menu" >
4919    <a aria-label="Character Shop" class="link" href="/character-shop/?sorter=newcomers&amp;category_ids=18187" style="">
4920      Character Shop
4921    </a>
4922  </li>
4923
4924             
4925                
4926  
4927  
4928
4929  <li class="mobile-nav__grandchild -menu" >
4930    <a aria-label="Logo Shop" class="link" href="/logo-gap-koleksiyonu/?category_ids=18187" style="">
4931      Logo Shop
4932    </a>
4933  </li>
4934
4935             
4936            </ul>
4937          </pz-expandable>
4938
4939        
4940      </li>
4941    
4942      
4943      
4944      
4945
4946      <li class="mobile-nav__child">
4947        
4948      </li>
4949    
4950  </ul>
4951
4952                </div>
4953              </div>
4954            
4955
4956          
4957        </li>
4958      
4959        
4960        <li class="mobile-nav__list-item js-mobile-nav-item -menu">
4961          
4962            
4963
4964  
4965
4966  
4967    <div class="menu">
4968       <p class="menu_text" style=""> Erkek Çocuk </p>
4969       <i class="pz-icon-chevron-end"></i>
4970    </div>
4971    
4972  
4973
4974
4975            
4976              <div class="mobile-nav__menu js-mobile-nav-menu">
4977                <header class="mobile-nav__menu-header">
4978                  <div class="mobile-nav__menu-header__title">
4979                    <pz-button icon="chevron-start" appearance="ghost" size="xs" class="js-mobile-nav-back-btn"></pz-button>
4980                    <p class="mobile-nav__menu-header__title-item">Erkek Çocuk</p>
4981                  </div>
4982                  <i class="js-icon-close icon-close pz-icon-close"></i>
4983                </header>
4984
4985                <div class="mobile-nav__menu-list-w">
4986
4987                    
4988
4989  <ul class="mobile-nav__menu-list">
4990    
4991      
4992      
4993      
4994
4995      <li class="mobile-nav__child -banner">
4996        
4997          
4998  
4999  
5000  
5001  
5002  
5003    <div class="banner">
5004      
5005        <a class="link" href="/gapsweats/?category_ids=19495">
5006          <img
5007            class="image"
5008            src="https://8f7eaa.a-cdn.akinoncloud.com/cms/2026/09/16/1f868284-7fcb-4d5e-898c-1ed545b72db3_size300x412_cropCenter.jpg"
5009            alt="İlk Sütun Resimli card image"
5010            width="150"
5011            height="206"
5012            loading="lazy"
5013          />
5014          <div class="img-footer">
5015            <p class="img-footer-title" style="">GapSweats</p>
5016            <i class="pz-icon-chevron-end"></i>
5017          </div>
5018        </a>
5019      
5020      
5021        <a class="link" href="/erkek-cocuk-yeni-gelenler/?category_ids=18225">
5022          <img
5023            class="image"
5024            src="https://8f7eaa.a-cdn.akinoncloud.com/cms/2026/06/16/669b5413-a3a4-421d-b895-133617b366ac_size300x412_cropCenter.jpg"
5025            alt="İlk Sütun Resimli card image"
5026            width="150"
5027            height="206"
5028            loading="lazy"
5029          />
5030          <div class="img-footer">
5031            <p class="img-footer-title" style="">Yeni Gelenler</p>
5032            <i class="pz-icon-chevron-end"></i>
5033          </div>
5034        </a>
5035      
5036    </div>
5037  
5038
5039        
5040      </li>
5041    
5042      
5043      
5044      
5045
5046      <li class="mobile-nav__child -banner">
5047        
5048          
5049  
5050  
5051  
5052  
5053
5054        
5055      </li>
5056    
5057      
5058      
5059      
5060
5061      <li class="mobile-nav__child -menu">
5062        
5063          <pz-expandable style=""
5064            class="mobile-nav__grandchild-expandable-list"
5065            title="Kategoriler"
5066            
5067              expanded
5068          >
5069            <ul class="mobile-nav__grandchild-list -menu">
5070              
5071                
5072  
5073  
5074
5075  <li class="mobile-nav__grandchild -menu" >
5076    <a aria-label="Tüm Ürünler" class="link" href="/erkek-cocuk-giyim/" style="">
5077      Tüm Ürünler
5078    </a>
5079  </li>
5080
5081             
5082                
5083  
5084  
5085
5086  <li class="mobile-nav__grandchild -menu" >
5087    <a aria-label="Yeni Gelenler" class="link" href="/erkek-cocuk-yeni-gelenler/" style="">
5088      Yeni Gelenler
5089    </a>
5090  </li>
5091
5092             
5093                
5094  
5095  
5096
5097  <li class="mobile-nav__grandchild -menu" >
5098    <a aria-label="Sweatshirt" class="link" href="/erkek-cocuk-sweatshirt/" style="">
5099      Sweatshirt
5100    </a>
5101  </li>
5102
5103             
5104                
5105  
5106  
5107
5108  <li class="mobile-nav__grandchild -menu" >
5109    <a aria-label="Jean" class="link" href="/erkek-cocuk-jean/" style="">
5110      Jean
5111    </a>
5112  </li>
5113
5114             
5115                
5116  
5117  
5118
5119  <li class="mobile-nav__grandchild -menu" >
5120    <a aria-label="Gömlek" class="link" href="/erkek-cocuk-gomlek/" style="">
5121      Gömlek
5122    </a>
5123  </li>
5124
5125             
5126                
5127  
5128  
5129
5130  <li class="mobile-nav__grandchild -menu" >
5131    <a aria-label="Pantolon" class="link" href="/erkek-cocuk-pantolon/" style="">
5132      Pantolon
5133    </a>
5134  </li>
5135
5136             
5137                
5138  
5139  
5140
5141  <li class="mobile-nav__grandchild -menu" >
5142    <a aria-label="T-Shirt" class="link" href="/erkek-cocuk-t-shirt/" style="">
5143      T-Shirt
5144    </a>
5145  </li>
5146
5147             
5148                
5149  
5150  
5151
5152  <li class="mobile-nav__grandchild -menu" >
5153    <a aria-label="Eşofman Altı" class="link" href="/erkek-cocuk-esofman-alti/" style="">
5154      Eşofman Altı
5155    </a>
5156  </li>
5157
5158             
5159                
5160  
5161  
5162
5163  <li class="mobile-nav__grandchild -menu" >
5164    <a aria-label="Dış Giyim" class="link" href="/erkek-cocuk-dis-giyim/" style="">
5165      Dış Giyim
5166    </a>
5167  </li>
5168
5169             
5170                
5171  
5172  
5173
5174  <li class="mobile-nav__grandchild -menu" >
5175    <a aria-label="Şort" class="link" href="/erkek-cocuk-sort/" style="">
5176      Şort
5177    </a>
5178  </li>
5179
5180             
5181                
5182  
5183  
5184
5185  <li class="mobile-nav__grandchild -menu" >
5186    <a aria-label="Mayo" class="link" href="/erkek-cocuk-mayo/" style="">
5187      Mayo
5188    </a>
5189  </li>
5190
5191             
5192                
5193  
5194  
5195
5196  <li class="mobile-nav__grandchild -menu" >
5197    <a aria-label="Çanta" class="link" href="/erkek-cocuk-canta/" style="">
5198      Çanta
5199    </a>
5200  </li>
5201
5202             
5203                
5204  
5205  
5206
5207  <li class="mobile-nav__grandchild -menu" >
5208    <a aria-label="Pijama" class="link" href="/erkek-cocuk-pijama/" style="">
5209      Pijama
5210    </a>
5211  </li>
5212
5213             
5214                
5215  
5216  
5217
5218  <li class="mobile-nav__grandchild -menu" >
5219    <a aria-label="İç Giyim" class="link" href="/erkek-cocuk-ic-giyim/" style="">
5220      İç Giyim
5221    </a>
5222  </li>
5223
5224             
5225                
5226  
5227  
5228
5229  <li class="mobile-nav__grandchild -menu" >
5230    <a aria-label="GapFit" class="link" href="/erkek-cocuk-gapfit/" style="">
5231      GapFit
5232    </a>
5233  </li>
5234
5235             
5236                
5237  
5238  
5239
5240  <li class="mobile-nav__grandchild -menu" >
5241    <a aria-label="Aksesuar" class="link" href="/erkek-cocuk-aksesuar/" style="">
5242      Aksesuar
5243    </a>
5244  </li>
5245
5246             
5247                
5248  
5249  
5250
5251  <li class="mobile-nav__grandchild -menu" >
5252    <a aria-label="Yaz İndirimi" class="link" href="/erkek-cocuk-indirimli-urunler/?category_ids=18225" style="color:#FF0000 !important;">
5253      Yaz İndirimi
5254    </a>
5255  </li>
5256
5257             
5258            </ul>
5259          </pz-expandable>
5260
5261        
5262      </li>
5263    
5264      
5265      
5266      
5267
5268      <li class="mobile-nav__child -menu">
5269        
5270          <pz-expandable style=""
5271            class="mobile-nav__grandchild-expandable-list"
5272            title="Koleksiyonlar"
5273            
5274              expanded
5275          >
5276            <ul class="mobile-nav__grandchild-list -menu">
5277              
5278                
5279  
5280  
5281
5282  <li class="mobile-nav__grandchild -menu" >
5283    <a aria-label="Character Shop" class="link" href="/character-shop/?sorter=newcomers&amp;category_ids=18225" style="">
5284      Character Shop
5285    </a>
5286  </li>
5287
5288             
5289                
5290  
5291  
5292
5293  <li class="mobile-nav__grandchild -menu" >
5294    <a aria-label="Logo Shop" class="link" href="/logo-gap-koleksiyonu/?category_ids=18225" style="">
5295      Logo Shop
5296    </a>
5297  </li>
5298
5299             
5300            </ul>
5301          </pz-expandable>
5302
5303        
5304      </li>
5305    
5306  </ul>
5307
5308                </div>
5309              </div>
5310            
5311
5312          
5313        </li>
5314      
5315        
5316        <li class="mobile-nav__list-item js-mobile-nav-item -menu">
5317          
5318            
5319
5320  
5321
5322  
5323    <div class="menu">
5324       <p class="menu_text" style=""> Bebek &amp; Yenidoğan </p>
5325       <i class="pz-icon-chevron-end"></i>
5326    </div>
5327    
5328  
5329
5330
5331            
5332              <div class="mobile-nav__menu js-mobile-nav-menu">
5333                <header class="mobile-nav__menu-header">
5334                  <div class="mobile-nav__menu-header__title">
5335                    <pz-button icon="chevron-start" appearance="ghost" size="xs" class="js-mobile-nav-back-btn"></pz-button>
5336                    <p class="mobile-nav__menu-header__title-item">Bebek &amp; Yenidoğan</p>
5337                  </div>
5338                  <i class="js-icon-close icon-close pz-icon-close"></i>
5339                </header>
5340
5341                <div class="mobile-nav__menu-list-w">
5342
5343                    
5344
5345  <ul class="mobile-nav__menu-list">
5346    
5347      
5348      
5349      
5350
5351      <li class="mobile-nav__child -banner">
5352        
5353          
5354  
5355  
5356  
5357  
5358  
5359    <div class="banner">
5360      
5361        <a class="link" href="/bebek-tulum-body/?category_ids=18323">
5362          <img
5363            class="image"
5364            src="https://8f7eaa.a-cdn.akinoncloud.com/cms/2026/09/16/00d22e78-cb4d-42d4-991c-7def489e6abe_size300x412_cropCenter.jpg"
5365            alt="İlk Sütun Resimli card image"
5366            width="150"
5367            height="206"
5368            loading="lazy"
5369          />
5370          <div class="img-footer">
5371            <p class="img-footer-title" style="">Tulum | Body</p>
5372            <i class="pz-icon-chevron-end"></i>
5373          </div>
5374        </a>
5375      
5376      
5377        <a class="link" href="/yeni-gelenler/?attributes_gender=bebek">
5378          <img
5379            class="image"
5380            src="https://8f7eaa.a-cdn.akinoncloud.com/cms/2026/09/16/61f50168-bbdc-437d-ae20-1ab4446c58db_size300x412_cropCenter.jpg"
5381            alt="İlk Sütun Resimli card image"
5382            width="150"
5383            height="206"
5384            loading="lazy"
5385          />
5386          <div class="img-footer">
5387            <p class="img-footer-title" style="">Yeni Gelenler</p>
5388            <i class="pz-icon-chevron-end"></i>
5389          </div>
5390        </a>
5391      
5392    </div>
5393  
5394
5395        
5396      </li>
5397    
5398      
5399      
5400      
5401
5402      <li class="mobile-nav__child -banner">
5403        
5404          
5405  
5406  
5407  
5408  
5409
5410        
5411      </li>
5412    
5413      
5414      
5415      
5416
5417      <li class="mobile-nav__child -menu">
5418        
5419          <pz-expandable style=""
5420            class="mobile-nav__grandchild-expandable-list"
5421            title="Yenidoğan | 0 - 24 Ay"
5422            
5423          >
5424            <ul class="mobile-nav__grandchild-list -menu">
5425              
5426                
5427  
5428  
5429
5430  <li class="mobile-nav__grandchild -menu" >
5431    <a aria-label="Tüm Ürünler" class="link" href="/yenidogan-giyim/" style="">
5432      Tüm Ürünler
5433    </a>
5434  </li>
5435
5436             
5437                
5438  
5439  
5440
5441  <li class="mobile-nav__grandchild -menu" >
5442    <a aria-label="Yeni Gelenler" class="link" href="/yenidogan-yeni-gelenler/" style="">
5443      Yeni Gelenler
5444    </a>
5445  </li>
5446
5447             
5448                
5449  
5450  
5451
5452  <li class="mobile-nav__grandchild -menu" >
5453    <a aria-label="Body" class="link" href="/yenidogan-body/" style="">
5454      Body
5455    </a>
5456  </li>
5457
5458             
5459                
5460  
5461  
5462
5463  <li class="mobile-nav__grandchild -menu" >
5464    <a aria-label="Tulum" class="link" href="/yenidogan-tulum/" style="">
5465      Tulum
5466    </a>
5467  </li>
5468
5469             
5470                
5471  
5472  
5473
5474  <li class="mobile-nav__grandchild -menu" >
5475    <a aria-label="T-Shirt" class="link" href="/yenidogan-t-shirt/" style="">
5476      T-Shirt
5477    </a>
5478  </li>
5479
5480             
5481                
5482  
5483  
5484
5485  <li class="mobile-nav__grandchild -menu" >
5486    <a aria-label="Sweatshirt" class="link" href="/yenidogan-sweatshirt/" style="">
5487      Sweatshirt
5488    </a>
5489  </li>
5490
5491             
5492                
5493  
5494  
5495
5496  <li class="mobile-nav__grandchild -menu" >
5497    <a aria-label="Eşofman Altı" class="link" href="/yenidogan-esofman-alti/" style="">
5498      Eşofman Altı
5499    </a>
5500  </li>
5501
5502             
5503                
5504  
5505  
5506
5507  <li class="mobile-nav__grandchild -menu" >
5508    <a aria-label="Jean" class="link" href="/yenidogan-jean/" style="">
5509      Jean
5510    </a>
5511  </li>
5512
5513             
5514                
5515  
5516  
5517
5518  <li class="mobile-nav__grandchild -menu" >
5519    <a aria-label="Şort" class="link" href="/yenidogan-sort/" style="">
5520      Şort
5521    </a>
5522  </li>
5523
5524             
5525                
5526  
5527  
5528
5529  <li class="mobile-nav__grandchild -menu" >
5530    <a aria-label="Hırka" class="link" href="/yenidogan-hirka/" style="">
5531      Hırka
5532    </a>
5533  </li>
5534
5535             
5536                
5537  
5538  
5539
5540  <li class="mobile-nav__grandchild -menu" >
5541    <a aria-label="Dış Giyim" class="link" href="/yenidogan-dis-giyim/" style="">
5542      Dış Giyim
5543    </a>
5544  </li>
5545
5546             
5547                
5548  
5549  
5550
5551  <li class="mobile-nav__grandchild -menu" >
5552    <a aria-label="Mayo" class="link" href="/yenidogan-mayo/" style="">
5553      Mayo
5554    </a>
5555  </li>
5556
5557             
5558                
5559  
5560  
5561
5562  <li class="mobile-nav__grandchild -menu" >
5563    <a aria-label="Aksesuar" class="link" href="/yenidogan-aksesuar/" style="">
5564      Aksesuar
5565    </a>
5566  </li>
5567
5568             
5569                
5570  
5571  
5572
5573  <li class="mobile-nav__grandchild -menu" >
5574    <a aria-label="Yaz İndirimi" class="link" href="/yenidogan-indirimli-urunler/" style="color:#FF0000 !important;">
5575      Yaz İndirimi
5576    </a>
5577  </li>
5578
5579             
5580            </ul>
5581          </pz-expandable>
5582
5583        
5584      </li>
5585    
5586      
5587      
5588      
5589
5590      <li class="mobile-nav__child -menu">
5591        
5592          <pz-expandable style=""
5593            class="mobile-nav__grandchild-expandable-list"
5594            title="Kız Bebek | 6 Ay - 6 Yaş"
5595            
5596          >
5597            <ul class="mobile-nav__grandchild-list -menu">
5598              
5599                
5600  
5601  
5602
5603  <li class="mobile-nav__grandchild -menu" >
5604    <a aria-label="Tüm Ürünler" class="link" href="/kiz-bebek-giyim/" style="">
5605      Tüm Ürünler
5606    </a>
5607  </li>
5608
5609             
5610                
5611  
5612  
5613
5614  <li class="mobile-nav__grandchild -menu" >
5615    <a aria-label="Yeni Gelenler" class="link" href="/kiz-bebek-yeni-gelenler/" style="">
5616      Yeni Gelenler
5617    </a>
5618  </li>
5619
5620             
5621                
5622  
5623  
5624
5625  <li class="mobile-nav__grandchild -menu" >
5626    <a aria-label="Body" class="link" href="/yenidogan-kiz-body/" style="">
5627      Body
5628    </a>
5629  </li>
5630
5631             
5632                
5633  
5634  
5635
5636  <li class="mobile-nav__grandchild -menu" >
5637    <a aria-label="Tulum" class="link" href="/yenidogan-kiz-tulum/" style="">
5638      Tulum
5639    </a>
5640  </li>
5641
5642             
5643                
5644  
5645  
5646
5647  <li class="mobile-nav__grandchild -menu" >
5648    <a aria-label="Jean" class="link" href="/kiz-bebek-jean/" style="">
5649      Jean
5650    </a>
5651  </li>
5652
5653             
5654                
5655  
5656  
5657
5658  <li class="mobile-nav__grandchild -menu" >
5659    <a aria-label="Kazak" class="link" href="/kiz-bebek-kazak/" style="">
5660      Kazak
5661    </a>
5662  </li>
5663
5664             
5665                
5666  
5667  
5668
5669  <li class="mobile-nav__grandchild -menu" >
5670    <a aria-label="Pantolon" class="link" href="/kiz-bebek-pantolon/" style="">
5671      Pantolon
5672    </a>
5673  </li>
5674
5675             
5676                
5677  
5678  
5679
5680  <li class="mobile-nav__grandchild -menu" >
5681    <a aria-label="T-Shirt" class="link" href="/kiz-bebek-t-shirt/" style="">
5682      T-Shirt
5683    </a>
5684  </li>
5685
5686             
5687                
5688  
5689  
5690
5691  <li class="mobile-nav__grandchild -menu" >
5692    <a aria-label="Dış Giyim" class="link" href="/kiz-bebek-dis-giyim/" style="">
5693      Dış Giyim
5694    </a>
5695  </li>
5696
5697             
5698                
5699  
5700  
5701
5702  <li class="mobile-nav__grandchild -menu" >
5703    <a aria-label="Sweatshirt" class="link" href="/kiz-bebek-sweatshirt/" style="">
5704      Sweatshirt
5705    </a>
5706  </li>
5707
5708             
5709                
5710  
5711  
5712
5713  <li class="mobile-nav__grandchild -menu" >
5714    <a aria-label="Eşofman Altı" class="link" href="/kiz-bebek-esofman-alti/" style="">
5715      Eşofman Altı
5716    </a>
5717  </li>
5718
5719             
5720                
5721  
5722  
5723
5724  <li class="mobile-nav__grandchild -menu" >
5725    <a aria-label="Elbise" class="link" href="/kiz-bebek-elbise/" style="">
5726      Elbise
5727    </a>
5728  </li>
5729
5730             
5731                
5732  
5733  
5734
5735  <li class="mobile-nav__grandchild -menu" >
5736    <a aria-label="Takım-Set" class="link" href="/kiz-bebek-takim-set-1/" style="">
5737      Takım-Set
5738    </a>
5739  </li>
5740
5741             
5742                
5743  
5744  
5745
5746  <li class="mobile-nav__grandchild -menu" >
5747    <a aria-label="Etek" class="link" href="/kiz-bebek-etek/" style="">
5748      Etek
5749    </a>
5750  </li>
5751
5752             
5753                
5754  
5755  
5756
5757  <li class="mobile-nav__grandchild -menu" >
5758    <a aria-label="Tayt" class="link" href="/kiz-bebek-tayt/" style="">
5759      Tayt
5760    </a>
5761  </li>
5762
5763             
5764                
5765  
5766  
5767
5768  <li class="mobile-nav__grandchild -menu" >
5769    <a aria-label="Pijama" class="link" href="/kiz-bebek-pijama/" style="">
5770      Pijama
5771    </a>
5772  </li>
5773
5774             
5775                
5776  
5777  
5778
5779  <li class="mobile-nav__grandchild -menu" >
5780    <a aria-label="Mayo" class="link" href="/kiz-bebek-mayo/" style="">
5781      Mayo
5782    </a>
5783  </li>
5784
5785             
5786                
5787  
5788  
5789
5790  <li class="mobile-nav__grandchild -menu" >
5791    <a aria-label="Aksesuar" class="link" href="/kiz-bebek-aksesuar/" style="">
5792      Aksesuar
5793    </a>
5794  </li>
5795
5796             
5797                
5798  
5799  
5800
5801  <li class="mobile-nav__grandchild -menu" >
5802    <a aria-label="Yaz İndirimi" class="link" href="/kiz-bebek-indirimli-urunler/?category_ids=18258" style="color:#FF0000 !important;">
5803      Yaz İndirimi
5804    </a>
5805  </li>
5806
5807             
5808            </ul>
5809          </pz-expandable>
5810
5811        
5812      </li>
5813    
5814      
5815      
5816      
5817
5818      <li class="mobile-nav__child -menu">
5819        
5820          <pz-expandable style=""
5821            class="mobile-nav__grandchild-expandable-list"
5822            title="Erkek Bebek | 6 Ay - 6 Yaş"
5823            
5824          >
5825            <ul class="mobile-nav__grandchild-list -menu">
5826              
5827                
5828  
5829  
5830
5831  <li class="mobile-nav__grandchild -menu" >
5832    <a aria-label="Tüm Ürünler" class="link" href="/erkek-bebek-giyim/" style="">
5833      Tüm Ürünler
5834    </a>
5835  </li>
5836
5837             
5838                
5839  
5840  
5841
5842  <li class="mobile-nav__grandchild -menu" >
5843    <a aria-label="Yeni Gelenler" class="link" href="/erkek-bebek-yeni-gelenler/" style="">
5844      Yeni Gelenler
5845    </a>
5846  </li>
5847
5848             
5849                
5850  
5851  
5852
5853  <li class="mobile-nav__grandchild -menu" >
5854    <a aria-label="Body" class="link" href="/yenidogan-erkek-body/" style="">
5855      Body
5856    </a>
5857  </li>
5858
5859             
5860                
5861  
5862  
5863
5864  <li class="mobile-nav__grandchild -menu" >
5865    <a aria-label="Tulum" class="link" href="/yenidogan-erkek-tulum/" style="">
5866      Tulum
5867    </a>
5868  </li>
5869
5870             
5871                
5872  
5873  
5874
5875  <li class="mobile-nav__grandchild -menu" >
5876    <a aria-label="T-Shirt" class="link" href="/erkek-bebek-t-shirt/" style="">
5877      T-Shirt
5878    </a>
5879  </li>
5880
5881             
5882                
5883  
5884  
5885
5886  <li class="mobile-nav__grandchild -menu" >
5887    <a aria-label="Dış Giyim" class="link" href="/erkek-bebek-dis-giyim/" style="">
5888      Dış Giyim
5889    </a>
5890  </li>
5891
5892             
5893                
5894  
5895  
5896
5897  <li class="mobile-nav__grandchild -menu" >
5898    <a aria-label="Sweatshirt" class="link" href="/erkek-bebek-sweatshirt/" style="">
5899      Sweatshirt
5900    </a>
5901  </li>
5902
5903             
5904                
5905  
5906  
5907
5908  <li class="mobile-nav__grandchild -menu" >
5909    <a aria-label="Kazak" class="link" href="/erkek-bebek-kazak/" style="">
5910      Kazak
5911    </a>
5912  </li>
5913
5914             
5915                
5916  
5917  
5918
5919  <li class="mobile-nav__grandchild -menu" >
5920    <a aria-label="Gömlek" class="link" href="/erkek-bebek-gomlek/" style="">
5921      Gömlek
5922    </a>
5923  </li>
5924
5925             
5926                
5927  
5928  
5929
5930  <li class="mobile-nav__grandchild -menu" >
5931    <a aria-label="Takım-Set" class="link" href="/erkek-bebek-takim-set-1/" style="">
5932      Takım-Set
5933    </a>
5934  </li>
5935
5936             
5937                
5938  
5939  
5940
5941  <li class="mobile-nav__grandchild -menu" >
5942    <a aria-label="Jean" class="link" href="/erkek-bebek-jean/" style="">
5943      Jean
5944    </a>
5945  </li>
5946
5947             
5948                
5949  
5950  
5951
5952  <li class="mobile-nav__grandchild -menu" >
5953    <a aria-label="Eşofman Altı" class="link" href="/erkek-bebek-esofman-alti/" style="">
5954      Eşofman Altı
5955    </a>
5956  </li>
5957
5958             
5959                
5960  
5961  
5962
5963  <li class="mobile-nav__grandchild -menu" >
5964    <a aria-label="Pantolon" class="link" href="/erkek-bebek-pantolon/" style="">
5965      Pantolon
5966    </a>
5967  </li>
5968
5969             
5970                
5971  
5972  
5973
5974  <li class="mobile-nav__grandchild -menu" >
5975    <a aria-label="Şort" class="link" href="/erkek-bebek-sort/" style="">
5976      Şort
5977    </a>
5978  </li>
5979
5980             
5981                
5982  
5983  
5984
5985  <li class="mobile-nav__grandchild -menu" >
5986    <a aria-label="Salopet" class="link" href="/salopet/" style="">
5987      Salopet
5988    </a>
5989  </li>
5990
5991             
5992                
5993  
5994  
5995
5996  <li class="mobile-nav__grandchild -menu" >
5997    <a aria-label="Pijama" class="link" href="/erkek-bebek-pijama/" style="">
5998      Pijama
5999    </a>
6000  </li>
6001
6002             
6003                
6004  
6005  
6006
6007  <li class="mobile-nav__grandchild -menu" >
6008    <a aria-label="İç Giyim" class="link" href="/erkek-bebek-ic-giyim/" style="">
6009      İç Giyim
6010    </a>
6011  </li>
6012
6013             
6014                
6015  
6016  
6017
6018  <li class="mobile-nav__grandchild -menu" >
6019    <a aria-label="Aksesuar" class="link" href="/erkek-bebek-aksesuar/" style="">
6020      Aksesuar
6021    </a>
6022  </li>
6023
6024             
6025                
6026  
6027  
6028
6029  <li class="mobile-nav__grandchild -menu" >
6030    <a aria-label="Mayo" class="link" href="/erkek-bebek-mayo/" style="">
6031      Mayo
6032    </a>
6033  </li>
6034
6035             
6036                
6037  
6038  
6039
6040  <li class="mobile-nav__grandchild -menu" >
6041    <a aria-label="Yaz İndirimi" class="link" href="/erkek-bebek-indirimli-urunler/?category_ids=18258" style="color:#FF0000 !important;">
6042      Yaz İndirimi
6043    </a>
6044  </li>
6045
6046             
6047            </ul>
6048          </pz-expandable>
6049
6050        
6051      </li>
6052    
6053      
6054      
6055      
6056
6057      <li class="mobile-nav__child -menu">
6058        
6059          <pz-expandable style=""
6060            class="mobile-nav__grandchild-expandable-list"
6061            title="Koleksiyonlar"
6062            
6063          >
6064            <ul class="mobile-nav__grandchild-list -menu">
6065              
6066                
6067  
6068  
6069
6070  <li class="mobile-nav__grandchild -menu" >
6071    <a aria-label="Character Shop" class="link" href="/character-shop/?attributes_gender=bebek&amp;attributes_gender=erkek_bebek&amp;attributes_gender=kiz_bebek&amp;sorter=newcomers" style="">
6072      Character Shop
6073    </a>
6074  </li>
6075
6076             
6077                
6078  
6079  
6080
6081  <li class="mobile-nav__grandchild -menu" >
6082    <a aria-label="Logo Shop" class="link" href="/logo-gap-koleksiyonu/?category_ids=18258" style="">
6083      Logo Shop
6084    </a>
6085  </li>
6086
6087             
6088            </ul>
6089          </pz-expandable>
6090
6091        
6092      </li>
6093    
6094  </ul>
6095
6096                </div>
6097              </div>
6098            
6099
6100          
6101        </li>
6102      
6103        
6104        <li class="mobile-nav__list-item js-mobile-nav-item -menu">
6105          
6106            
6107
6108  
6109
6110  
6111    <div class="menu">
6112       <p class="menu_text" style=""> Collaborations </p>
6113       <i class="pz-icon-chevron-end"></i>
6114    </div>
6115    
6116  
6117
6118
6119            
6120              <div class="mobile-nav__menu js-mobile-nav-menu">
6121                <header class="mobile-nav__menu-header">
6122                  <div class="mobile-nav__menu-header__title">
6123                    <pz-button icon="chevron-start" appearance="ghost" size="xs" class="js-mobile-nav-back-btn"></pz-button>
6124                    <p class="mobile-nav__menu-header__title-item">Collaborations</p>
6125                  </div>
6126                  <i class="js-icon-close icon-close pz-icon-close"></i>
6127                </header>
6128
6129                <div class="mobile-nav__menu-list-w">
6130
6131                    
6132
6133  <ul class="mobile-nav__menu-list">
6134    
6135      
6136      
6137      
6138
6139      <li class="mobile-nav__child -banner">
6140        
6141          
6142  
6143  
6144  
6145  
6146  
6147    <div class="banner">
6148      
6149        <a class="link" href="/gap-a-p-c/">
6150          <img
6151            class="image"
6152            src="https://8f7eaa.a-cdn.akinoncloud.com/cms/2026/09/25/782e79d0-9173-4cd3-86d1-4e69e10172a8_size300x412_cropCenter.jpg"
6153            alt="İlk Sütun Resimli card image"
6154            width="150"
6155            height="206"
6156            loading="lazy"
6157          />
6158          <div class="img-footer">
6159            <p class="img-footer-title" style="">Gap × A.P.C</p>
6160            <i class="pz-icon-chevron-end"></i>
6161          </div>
6162        </a>
6163      
6164      
6165    </div>
6166  
6167
6168        
6169      </li>
6170    
6171      
6172      
6173      
6174
6175      <li class="mobile-nav__child">
6176        
6177      </li>
6178    
6179      
6180      
6181      
6182
6183      <li class="mobile-nav__child -menu">
6184        
6185          <pz-expandable style=""
6186            class="mobile-nav__grandchild-expandable-list"
6187            title="New &amp; Featured"
6188            
6189              expanded
6190          >
6191            <ul class="mobile-nav__grandchild-list -menu">
6192              
6193                
6194  
6195  
6196
6197  <li class="mobile-nav__grandchild -menu" >
6198    <a aria-label="Explore Gap x A.P.C" class="link" href="/apc/" style="">
6199      Explore Gap x A.P.C
6200    </a>
6201  </li>
6202
6203             
6204                
6205  
6206  
6207
6208  <li class="mobile-nav__grandchild -menu" >
6209    <a aria-label="Explore Gap x Malbon" class="link" href="/malbon-koleksiyonu/" style="">
6210      Explore Gap x Malbon
6211    </a>
6212  </li>
6213
6214             
6215                
6216  
6217  
6218
6219  <li class="mobile-nav__grandchild -menu" >
6220    <a aria-label="Explore Gap x Victoria Beckham" class="link" href="/gap-victoria-beckham-koleksiyonu/" style="">
6221      Explore Gap x Victoria Beckham
6222    </a>
6223  </li>
6224
6225             
6226                
6227  
6228  
6229
6230  <li class="mobile-nav__grandchild -menu" >
6231    <a aria-label="Explore Gap x Summer Fridays" class="link" href="/summer-fridays-koleksiyonu/" style="">
6232      Explore Gap x Summer Fridays
6233    </a>
6234  </li>
6235
6236             
6237                
6238  
6239  
6240
6241  <li class="mobile-nav__grandchild -menu" >
6242    <a aria-label="Explore Gap x Sandy Liang" class="link" href="/sandy-liang-koleksiyonu/" style="">
6243      Explore Gap x Sandy Liang
6244    </a>
6245  </li>
6246
6247             
6248            </ul>
6249          </pz-expandable>
6250
6251        
6252      </li>
6253    
6254      
6255      
6256      
6257
6258      <li class="mobile-nav__child -menu">
6259        
6260          <pz-expandable style=""
6261            class="mobile-nav__grandchild-expandable-list"
6262            title="Shop Collaborations"
6263            
6264              expanded
6265          >
6266            <ul class="mobile-nav__grandchild-list -menu">
6267              
6268                
6269  
6270  
6271
6272  <li class="mobile-nav__grandchild -menu" >
6273    <a aria-label="Gap x A.P.C" class="link" href="/gap-a-p-c/" style="">
6274      Gap x A.P.C
6275    </a>
6276  </li>
6277
6278             
6279                
6280  
6281  
6282
6283  <li class="mobile-nav__grandchild -menu" >
6284    <a aria-label="Gap x Malbon" class="link" href="/malbon/" style="">
6285      Gap x Malbon
6286    </a>
6287  </li>
6288
6289             
6290                
6291  
6292  
6293
6294  <li class="mobile-nav__grandchild -menu" >
6295    <a aria-label="Gap x Victoria Beckham" class="link" href="/gap-victoria-beckham/?category_ids=18069" style="">
6296      Gap x Victoria Beckham
6297    </a>
6298  </li>
6299
6300             
6301                
6302  
6303  
6304
6305  <li class="mobile-nav__grandchild -menu" >
6306    <a aria-label="Gap × Harlem&#39;s Fashion Row" class="link" href="/harlems-fashion-row/" style="">
6307      Gap × Harlem&#39;s Fashion Row
6308    </a>
6309  </li>
6310
6311             
6312                
6313  
6314  
6315
6316  <li class="mobile-nav__grandchild -menu" >
6317    <a aria-label="Gap x Summer Fridays" class="link" href="/summer-fridays/?category_ids=18069" style="">
6318      Gap x Summer Fridays
6319    </a>
6320  </li>
6321
6322             
6323            </ul>
6324          </pz-expandable>
6325
6326        
6327      </li>
6328    
6329      
6330      
6331      
6332
6333      <li class="mobile-nav__child -menu">
6334        
6335          <pz-expandable style=""
6336            class="mobile-nav__grandchild-expandable-list"
6337            title="Licensed Collections"
6338            
6339              expanded
6340          >
6341            <ul class="mobile-nav__grandchild-list -menu">
6342              
6343                
6344  
6345  
6346
6347  <li class="mobile-nav__grandchild -menu" >
6348    <a aria-label="Super Mario Galaxy Movieᴺᵉʷ" class="link" href="/super-mario/" style="">
6349      Super Mario Galaxy Movieᴺᵉʷ
6350    </a>
6351  </li>
6352
6353             
6354                
6355  
6356  
6357
6358  <li class="mobile-nav__grandchild -menu" >
6359    <a aria-label="Winnie The Pooh" class="link" href="/winnie-the-pooh/" style="">
6360      Winnie The Pooh
6361    </a>
6362  </li>
6363
6364             
6365            </ul>
6366          </pz-expandable>
6367
6368        
6369      </li>
6370    
6371  </ul>
6372
6373                </div>
6374              </div>
6375            
6376
6377          
6378        </li>
6379      
6380    </ul>
6381  </div>
6382
6383  <ul class="mobile-nav__footer js-mobile-footer-menu">
6384    <li class="mobile-nav__footer-item">
6385      <a href="/gift-card/">Gift Card</a>
6386    </li>
6387    
6388      <li class="mobile-nav__footer-item">
6389        <a href="/anonymous_order/">Üyeliksiz Sipariş Takibi</a>
6390      </li>
6391    
6392
6393    <li class="mobile-nav__footer-item">
6394      <a href="/address/stores/">Mağazalar</a>
6395    </li>
6396    <li class="mobile-nav__footer-item">
6397      <a href="/sss">Sık Sorulan Sorular</a>
6398    </li>
6399    <li class="mobile-nav__footer-item">
6400      <a href="/account/contact/">Bize Ulaşın</a>
6401    </li>
6402
6403    
6404      <li class="mobile-nav__footer-item">
6405        <a href="/users/auth/?next=/">Giriş Yap</a>
6406      </li>
6407    
6408
6409  </ul>
6410
6411  <div>
6412    
6413
6414
6415
6416<div class="header__search js-header-search-bar">
6417  <div class="header__search-results-padding">
6418    
6419    <form
6420      id="SearchForm"
6421      action="/list"
6422      class="header__search-form js-search-form"
6423      method="get"
6424    >
6425      <div class="header__search-close-btn">
6426        <pz-button
6427          class="header__search-close-btn js-header-search-close-btn"
6428          icon="close"
6429          size="small"
6430          appearance="ghost"
6431        ></pz-button>
6432      </div>
6433      <pz-input
6434        id="AutocompleteInput"
6435        class="header__search-input js-search-input"
6436        placeholder="ARA"
6437        autocomplete="off"
6438        icon="pz-icon-search"
6439        name="search_text"
6440      ></pz-input>
6441    </form>
6442    <input type="text" id="desktop_euraka" name="desktop_euraka" class="hidden">
6443    <input type="text" id="mobil_euraka" name="mobil_euraka" class="hidden">
6444    <div class="header__search-results-wrapper js-search-results-wrapper">
6445
6446      <div class="header__search-results js-search-result"></div>
6447
6448      
6449      
6450        
6451
6452
6453
6454<div class="header__search-popular-searches">
6455  <div class="header__search-results-wrapper-title"> 
6456    Popüler Aramalar 
6457  </div>
6458  <div class="header__search-popular-searches-list">
6459    
6460      <a href="/indirimli-urunler/">
6461        Yaz İndirimi
6462      </a>
6463    
6464      <a href="/yeni-gelenler/?sorter=newcomers">
6465        Yeni Gelenler
6466      </a>
6467    
6468      <a href="/logo-gap-koleksiyonu/?sorter=newcomers">
6469        Gap Logo
6470      </a>
6471    
6472      <a href="/sweatshirt-esofman-alti/">
6473        Sweatshirt &amp; Eşofman Altı
6474      </a>
6475    
6476      <a href="/bebek-tulum-body/">
6477        Bebek Tulum &amp; Body
6478      </a>
6479    
6480  </div>
6481</div>
6482      
6483      
6484
6485      <div class="header__search-latest-search-queries js-latest-search-queries-wrapper">
6486        <div class="header__search-results-wrapper-title"> Son Aramaların </div>
6487        <div class="header__search-latest-search-queries-list js-latest-search-queries-list"></div>
6488      </div>
6489
6490      
6491      
6492      
6493
6494      <div class="header__search-our-picks">
6495        
6496        
6497        
6498        
6499      </div>
6500
6501    </div>
6502
6503    <div
6504      hidden
6505      class="search-result__loader-wrapper js-search-loader-wrapper"
6506    >
6507    </div>
6508  </div>
6509  
6510    
6511    
6512      
6513
6514
6515<section class="header__search-product-recommendation">
6516  
6517    <div class="header__search-product-recommendation__title">
6518      Bugün En Çok Arananlar
6519    </div>
6520  
6521
6522  <div class="header__search-product-recommendation__carousel">
6523    <pz-carousel per-view="6" space="0rem">
6524      <pz-breakpoint size="767" space="0.625rem" per-view="3.9"></pz-breakpoint>
6525      <pz-breakpoint size="1370" per-view="6"></pz-breakpoint>
6526  
6527      
6528        <div class="product-recommendation__slide">
6529          
6530          <div class="product-recommendation__slide-body">
6531            <a href="/icon-denim-washwell-tm-ceket-620681-mavi-1/" aria-label="Icon Denim Washwell™ Ceket">
6532              
6533              <pz-image-placeholder>
6534                <picture>
6535                  <source media="(min-width:1370px)" srcset="https://8f7eaa.a-cdn.akinoncloud.com/products/2026/02/23/610848/9a838bab-94f5-470b-a6c1-f46734953aa4_size272x416_cropCenter.jpg">
6536                  <source media="(min-width:768px)" srcset="https://8f7eaa.a-cdn.akinoncloud.com/products/2026/02/23/610848/9a838bab-94f5-470b-a6c1-f46734953aa4_size192x288_cropCenter.jpg">
6537                  <img  class="product-recommendation__slide-body-img" src="https://8f7eaa.a-cdn.akinoncloud.com/products/2026/02/23/610848/9a838bab-94f5-470b-a6c1-f46734953aa4_size192x288_cropCenter.jpg" alt="Icon Denim Washwell™ Ceket" loading="lazy" >
6538                </picture>
6539              </pz-image-placeholder>
6540                
6541              
6542            </a>
6543          </div>
6544          <div class="product-recommendation__slide-footer">
6545            <a class="product-recommendation__slide-footer-description" href="/icon-denim-washwell-tm-ceket-620681-mavi-1/">
6546              Icon Denim Washwell™ Ceket
6547            </a>
6548          </div>
6549        </div>
6550      
6551    </pz-carousel>
6552  </div>
6553
6554 
6555</section>
6556      
6557    
6558</div>
6559  </div>
6560</div>
6561<div class="mobile-nav-opacity js-menu-opacity"></div>
6562</header>
6563<div class="search-overlay js-search-overlay"></div>
6564      
6565      
6566
6567
6568
6569
6570
6571      
6572<div class="hidden-xs desktop-widgets">
6573   
6574  <div class="home-widget-container full"> 
6575  
6576  
6577  
6578  
6579 </div>
6580  
6581  <div class="home-widget-container full"> 
6582  
6583  
6584  
6585
6586
6587  <!-- PERFORMANCE: CDN Preconnect -->
6588<link rel="preconnect" href="https://8f7eaa.a-cdn.akinoncloud.com" crossorigin>
6589<link rel="preconnect" href="https://a53e12.a-cdn.akinoncloud.com" crossorigin>
6590<link rel="preconnect" href="https://11d46382.cdn.akinoncloud.com" crossorigin>
6591
6592<!-- Font preload -->
6593<link rel="preload" as="font" type="font/woff2"
6594  href="https://11d46382.cdn.akinoncloud.com/static_omnishop/gapzero175/fonts/gap-sans-regular.woff2"
6595  crossorigin="anonymous"
6596  fetchpriority="high">
6597
6598<!-- PERFORMANCE: Hero video poster preload — LCP (videonun gerçek poster'ı ile AYNI URL olmalı; hero değişince bunu da güncelle) -->
6599<link rel="preload" as="image"
6600  href="https://8f7eaa.a-cdn.akinoncloud.com/cms/2026/09/24/cf6b2a9f-d7fd-4cdc-b2f5-8221e7e854b3.jpg"
6601  fetchpriority="high"
6602  media="(min-width: 768px)">
6603
6604<!-- PERFORMANCE: Hero SVG overlay preload (hero değişince bunu da güncelle) -->
6605<link rel="preload" as="image"
6606  href="https://8f7eaa.a-cdn.akinoncloud.com/cms/2026/09/23/cacad179-d255-407b-8322-ea19de72e767.svg"
6607  fetchpriority="high"
6608  media="(min-width: 768px)">
6609
6610<style>
6611/* RESET */
6612* {
6613  box-sizing: border-box;
6614  margin: 0;
6615  padding: 0;
6616}
6617
6618/* Görsel ve video taşmalarını önle, CLS koruması */
6619img, video {
6620  max-width: 100%;
6621  height: auto;
6622}
6623
6624body {
6625  overflow-x: hidden;
6626  scroll-behavior: smooth;
6627}
6628
6629/* PAGE WRAPPER */
6630.page-wrapper-desktop,
6631.page-wrapper-mobile {
6632  width: 100%;
6633  height: auto;
6634  position: relative;
6635}
6636
6637.container-desktop,
6638.container-mobile {
6639  width: 100%;
6640  height: auto;
6641  position: relative;
6642  z-index: 1;
6643}
6644
6645/* MEDIA QUERIES - Tek breakpoint: 768px */
6646@media (min-width: 768px) {
6647  .page-wrapper-desktop,
6648  .container-desktop {
6649    display: block;
6650  }
6651
6652  .page-wrapper-mobile,
6653  .container-mobile {
6654    display: none;
6655  }
6656}
6657
6658@media (max-width: 767px) {
6659  .page-wrapper-desktop,
6660  .container-desktop {
6661    display: none;
6662  }
6663
6664  .page-wrapper-mobile,
6665  .container-mobile {
6666    display: block;
6667  }
6668}
6669
6670/* IMAGE BLOCK */
6671.image_block {
6672  position: relative;
6673  width: 100%;
6674  height: auto;
6675  overflow: hidden;
6676  background: transparent;
6677}
6678
6679.image_block > a {
6680  position: relative;
6681  display: block;
6682  text-decoration: none;
6683  line-height: 0;
6684  font-size: 0;
6685}
6686
6687.image_block img.promo_bg_image {
6688  width: 100%;
6689  height: auto;
6690  display: block;
6691}
6692
6693/* VIDEO */
6694.promo_bg_video {
6695  width: 100%;
6696  height: auto;
6697  display: block;
6698  object-fit: cover;
6699  background: transparent;
6700}
6701
6702/* SVG OVERLAY */
6703.promo_detail_txt {
6704  position: absolute;
6705  top: 0;
6706  left: 0;
6707  width: 100%;
6708  height: auto;
6709  pointer-events: none;
6710  z-index: 2;
6711}
6712
6713/* VIDEO CONTROLS */
6714.video-controls-container {
6715  position: absolute;
6716  bottom: 3%;
6717  right: 2%;
6718  z-index: 20;
6719  display: flex;
6720  gap: 10px;
6721  pointer-events: auto;
6722}
6723
6724.video-control-btn {
6725  width: 30px;
6726  height: 30px;
6727  background-color: rgba(29, 29, 20, 0.1);
6728  backdrop-filter: blur(19px);
6729  -webkit-backdrop-filter: blur(19px);
6730  border: none;
6731  border-radius: 0;
6732  color: #fff;
6733  cursor: pointer;
6734  display: flex;
6735  align-items: center;
6736  justify-content: center;
6737  transition: all 0.3s ease;
6738  padding: 0;
6739}
6740
6741@media (min-width: 768px) {
6742  .video-control-btn:hover {
6743    background-color: #001EA0;
6744  }
6745
6746  .video-control-btn:hover svg {
6747    fill: white;
6748  }
6749}
6750
6751.video-control-btn:active {
6752  transform: scale(0.95);
6753}
6754
6755.video-control-btn svg {
6756  width: 16px;
6757  height: 16px;
6758  pointer-events: none;
6759}
6760
6761.hidden {
6762  display: none !important;
6763}
6764
6765@media (max-width: 767px) {
6766  .video-controls-container {
6767    bottom: 5%;
6768    right: 5%;
6769    gap: 10px;
6770  }
6771
6772  .video-control-btn {
6773    width: 32px;
6774    height: 32px;
6775  }
6776}
6777
6778
6779/* ================================================================
6780   HERO TEXT OVERLAY
6781   ================================================================ */
6782
6783.hero-bottom-block {
6784  position: absolute;
6785  bottom: 5%;
6786  left: 0;
6787  width: 100%;
6788  padding: 0 3.2%;
6789  z-index: 10;
6790}
6791
6792.two-banner {
6793  position: absolute;
6794  bottom: 5%;
6795  left: 0;
6796  width: 100%;
6797  padding: 0 6.4%;
6798  z-index: 10;
6799}
6800
6801.hero-bottom-block .hero-text-overlay {
6802  color: #FFF;
6803  pointer-events: none;
6804  margin-bottom: 2em;
6805}
6806
6807.hero-bottom-block .hero-title {
6808  font-size: clamp(32px, 3.5vw, 56px);
6809  font-weight: 400;
6810  line-height: 1.1;
6811  margin-bottom: 0.4em;
6812}
6813
6814.hero-bottom-block .hero-title-mobile1 {
6815  font-size: 10vw;
6816  font-weight: 400;
6817  line-height: 1.1;
6818  margin-bottom: 0.4em;
6819}
6820
6821.hero-bottom-block .hero-subtitle {
6822  font-size: clamp(15px, 1.1vw, 16px);
6823  font-weight: 400;
6824  line-height: 1.2;
6825  margin-bottom: 1.6em;
6826  letter-spacing: 0.5px;
6827}
6828
6829.hero-bottom-block .hero-label {
6830  font-size: clamp(14px, 1.1vw, 16px);
6831  font-weight: 500;
6832  line-height: 1;
6833  letter-spacing: 0.5px;
6834}
6835
6836.hero-bottom-block .cta-banner-wrapper {
6837  position: relative;
6838  bottom: auto;
6839  width: auto;
6840  padding: 0;
6841}
6842
6843@media (max-width: 767px) {
6844  .hero-bottom-block {
6845    padding: 0 4%;
6846  }
6847}
6848
6849
6850/* ================================================================
6851   🟢 GRID SÜTUNLAR & YARDIMCI SINIFLAR
6852   ================================================================ */
6853
6854.grid-cols-2 {
6855  display: grid;
6856  grid-template-columns: 1fr 1fr !important;
6857  gap: 0px;
6858}
6859
6860.grid-cols-4 {
6861  display: grid;
6862  grid-template-columns: 1fr 1fr 1fr 1fr !important;
6863  gap: 0px;
6864}
6865
6866.gap-0  { gap: 0px; }
6867.gap-10 { gap: 10px; }
6868.gap-16 { gap: 16px; }
6869.gap-20 { gap: 20px; }
6870.gap-30 { gap: 30px; }
6871
6872.top10  { margin-top: 10px; }
6873.top20  { margin-top: 20px; }
6874.top30  { margin-top: 30px; }
6875.top40  { margin-top: 40px; }
6876.top60  { margin-top: 60px; }
6877.top80  { margin-top: 80px; }
6878.top100 { margin-top: 100px; }
6879
6880.bottom10 { margin-bottom: 10px; }
6881.bottom20 { margin-bottom: 20px; }
6882.bottom30 { margin-bottom: 30px; }
6883.bottom40 { margin-bottom: 40px; }
6884.bottom50 { margin-bottom: 50px; }
6885
6886
6887/* ================================================================
6888   🟢 3-IMAGE FADE EFFECT
6889   ================================================================ */
6890
6891.banner-fade-3 {
6892  overflow: hidden;
6893  position: relative;
6894}
6895
6896.banner-fade-3 div {
6897  position: absolute;
6898  animation: fade_slide 15s infinite;
6899  opacity: 0;
6900  top: 0;
6901  left: 0;
6902  width: 100%;
6903}
6904
6905.banner-fade-3 div img {
6906  width: 100% !important;
6907}
6908
6909.banner-fade-3 div:nth-child(1) { position: relative; }
6910.banner-fade-3 div:nth-child(2) { animation-delay: 5s; }
6911.banner-fade-3 div:nth-child(3) { animation-delay: 10s; }
6912
6913@keyframes fade_slide {
6914  5%  { opacity: 1; }
6915  20% { opacity: 1; }
6916  30% { opacity: 1; }
6917  40% { opacity: 0; }
6918}
6919
6920
6921/* ================================================================
6922   🟢 5-IMAGE FADE EFFECT
6923   ================================================================ */
6924
6925.banner-fade-5 {
6926  overflow: hidden;
6927  position: relative;
6928}
6929
6930.banner-fade-5 div {
6931  position: absolute;
6932  animation: fiveslide 25s infinite;
6933  opacity: 0;
6934  top: 0;
6935  left: 0;
6936  width: 100%;
6937}
6938
6939.banner-fade-5 div img {
6940  width: 100% !important;
6941}
6942
6943.banner-fade-5 div:nth-child(1) { position: relative; }
6944.banner-fade-5 div:nth-child(2) { animation-delay: 5s; }
6945.banner-fade-5 div:nth-child(3) { animation-delay: 10s; }
6946.banner-fade-5 div:nth-child(4) { animation-delay: 15s; }
6947.banner-fade-5 div:nth-child(5) { animation-delay: 20s; }
6948
6949@keyframes fiveslide {
6950  5%  { opacity: 1; }
6951  20% { opacity: 1; }
6952  30% { opacity: 1; }
6953  40% { opacity: 0; }
6954}
6955
6956
6957/* ================================================================
6958   🟢 CTA-BANNER-WRAPPER
6959   ================================================================ */
6960
6961.image_block:has(.cta-banner-wrapper),
6962.image_block:has(.cat-dropdown),
6963.image_block:has(.hp-text-cta-dropdown),
6964.image_block:has(.hero-bottom-block),
6965.image_block.has-dropdown {
6966  overflow: visible;
6967}
6968
6969.cta-banner-wrapper {
6970  display: flex;
6971  justify-content: left;
6972  align-items: center;
6973  position: absolute;
6974  bottom: 5%;
6975  width: 100%;
6976  padding: 0 3.2%;
6977  z-index: 10;
6978}
6979
6980.image_block div.cta-banner-wrapper {
6981  display: flex;
6982  align-items: center;
6983}
6984
6985.cta-banner-item {
6986  position: relative;
6987  margin-right: 1em;
6988}
6989
6990.image_block div.cta-banner-wrapper .wide_single_link {
6991  display: inline-flex;
6992  align-items: center;
6993  height: 2.8em;
6994  line-height: 2.8em;
6995  padding: 0 1em;
6996  background-color: #FFF;
6997  color: #000;
6998  text-decoration: none;
6999  text-align: left;
7000  font-size: clamp(14px, 1.1vw, 16px);
7001  font-weight: 500;
7002  border: none;
7003  cursor: pointer;
7004  position: relative;
7005  transition: background-color 0.5s ease, font-size 0.5s ease;
7006  letter-spacing: 0.5px;
7007}
7008
7009.image_block div.cta-banner-wrapper .wide_single_link .dropdown-icon {
7010  padding-left: 0.5em;
7011}
7012
7013.image_block div.cta-banner-wrapper .wide_single_link:hover {
7014  color: #fff;
7015  background-color: #000;
7016}
7017
7018.image_block div.cta-banner-wrapper .wide_single_link:hover .icon-toggle {
7019  filter: invert(1);
7020}
7021
7022.image_block div.cta-banner-wrapper .dropdown-content {
7023  display: none;
7024  flex-direction: column;
7025  position: absolute;
7026  top: 100%;
7027  left: 0;
7028  background-color: #FFF;
7029  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
7030  z-index: 9999;
7031  width: 100%;
7032}
7033
7034.image_block div.cta-banner-wrapper .dropdown-content .dropdown-link {
7035  color: black;
7036  padding: 0 1em;
7037  text-decoration: none;
7038  display: block;
7039  font-size: clamp(14px, 1.1vw, 16px);
7040  height: 2.8em;
7041  line-height: 2.8em;
7042}
7043
7044.image_block div.cta-banner-wrapper .dropdown-content .dropdown-link:hover {
7045  background-color: #000;
7046  color: white;
7047}
7048
7049
7050/* ================================================================
7051   🟢 CTA-BANNER-WRAPPER (BLACK CTA)
7052   ================================================================ */
7053
7054.image_block div.cta-banner-wrapper .wide_single_black_link {
7055  display: inline-flex;
7056  align-items: center;
7057  height: 2.8em;
7058  line-height: 2.8em;
7059  padding: 0 1em;
7060  background-color: #000;
7061  color: #FFF;
7062  text-decoration: none;
7063  text-align: left;
7064  font-size: clamp(14px, 1.1vw, 16px);
7065  font-weight: 500;
7066  border: 1px solid #000;
7067  cursor: pointer;
7068  position: relative;
7069  transition: background-color 0.5s ease, font-size 0.5s ease;
7070  letter-spacing: 0.5px;
7071}
7072
7073.image_block div.cta-banner-wrapper .wide_single_black_link .dropdown-icon {
7074  padding-left: 0.5em;
7075}
7076
7077/* Default: siyah bg üzerinde ikon beyaz görünür */
7078.image_block div.cta-banner-wrapper .wide_single_black_link .icon-toggle {
7079  filter: invert(1);
7080}
7081
7082/* Hover: beyaz bg, siyah yazı */
7083.image_block div.cta-banner-wrapper .wide_single_black_link:hover {
7084  background-color: #FFF;
7085  color: #000;
7086}
7087
7088/* Hover: beyaz bg üzerinde ikon siyah görünür */
7089.image_block div.cta-banner-wrapper .wide_single_black_link:hover .icon-toggle {
7090  filter: invert(0);
7091}
7092
7093
7094/* ================================================================
7095   🟢 HP-TEXT-CTA (BLACK & WHITE)
7096   ================================================================ */
7097
7098.image_block div.hp-text-cta {
7099  display: flex;
7100  flex-wrap: wrap;
7101  align-items: center;
7102  gap: 15px;
7103  position: absolute;
7104  bottom: 18%;
7105  left: 3.2vw;
7106  z-index: 10;
7107}
7108
7109.image_block div.hp-text-cta a.hp-text-cta-link {
7110  display: inline-flex;
7111  transition: all 0.5s ease;
7112  font-size: clamp(14px, 1.1vw, 16px);
7113  text-decoration: underline !important;
7114  text-decoration-color: #000 !important;
7115  text-decoration-thickness: 1.5px !important;
7116  text-underline-offset: 4px;
7117  line-height: 3;
7118  color: #000 !important;
7119  text-align: left;
7120  font-weight: 500;
7121  letter-spacing: 0.5px;
7122}
7123
7124.image_block div.hp-text-cta a.hp-text-cta-link:hover {
7125  cursor: pointer;
7126  text-decoration: none !important;
7127}
7128
7129.image_block div.hp-text-cta a.hp-text-cta-white {
7130  display: inline-flex;
7131  transition: all 0.5s ease;
7132  font-size: clamp(14px, 1.1vw, 16px);
7133  text-decoration: underline !important;
7134  text-decoration-color: #FFF !important;
7135  text-decoration-thickness: 1.5px !important;
7136  text-underline-offset: 40%;
7137  line-height: 3;
7138  color: #FFF !important;
7139  text-align: left;
7140  font-weight: 500;
7141  letter-spacing: 0.5px;
7142}
7143
7144.image_block div.hp-text-cta a.hp-text-cta-white:hover {
7145  cursor: pointer;
7146  text-decoration: none !important;
7147}
7148
7149.image_block div.hp-text-cta a.hp-text-cta-black {
7150  display: inline-flex;
7151  transition: all 0.5s ease;
7152  font-size: clamp(14px, 1.1vw, 16px);
7153  text-decoration: underline !important;
7154  text-decoration-color: #000 !important;
7155  text-decoration-thickness: 1.5px !important;
7156  text-underline-offset: 40%;
7157  line-height: 3;
7158  color: #000 !important;
7159  text-align: left;
7160  font-weight: 500;
7161  letter-spacing: 0.5px;
7162}
7163
7164.image_block div.hp-text-cta a.hp-text-cta-black:hover {
7165  cursor: pointer;
7166  text-decoration: none !important;
7167}
7168
7169.hp-text-cta-dropdown {
7170  position: relative;
7171  display: inline-flex;
7172  align-items: center;
7173}
7174
7175.hp-text-cta-dropdown .hp-text-cta-dropdown-title {
7176  display: inline-flex;
7177  align-items: center;
7178  transition: all 0.5s ease;
7179  font-size: clamp(14px, 1.1vw, 16px);
7180  text-decoration: underline !important;
7181  text-decoration-color: #FFF !important;
7182  text-decoration-thickness: 1.5px !important;
7183  text-underline-offset: 40%;
7184  line-height: 3;
7185  color: #FFF !important;
7186  text-align: left;
7187  font-weight: 500;
7188  letter-spacing: 0.5px;
7189  cursor: pointer;
7190  background: none;
7191  border: none;
7192  padding: 0;
7193}
7194
7195.hp-text-cta-dropdown .hp-text-cta-dropdown-title:hover {
7196  text-decoration: none !important;
7197}
7198
7199.hp-text-cta-dropdown .hp-text-cta-dropdown-title .dropdown-icon .icon-toggle {
7200  filter: invert(1);
7201}
7202
7203.hp-text-cta-dropdown-menu {
7204  display: none;
7205  position: absolute;
7206  top: 100%;
7207  left: 0;
7208  background-color: #FFF;
7209  min-width: auto !important;
7210  width: auto;
7211  white-space: nowrap;
7212  z-index: 9999;
7213  box-shadow: 0px 8px 16px rgba(0,0,0,0.2);
7214}
7215
7216.hp-text-cta-dropdown-menu a {
7217  padding: 10px 16px;
7218  display: block;
7219  font-size: clamp(14px, 1.1vw, 16px);
7220  text-decoration: none;
7221  line-height: 1.5;
7222  color: #000 !important;
7223  text-align: left;
7224  font-weight: 400;
7225  cursor: pointer;
7226  letter-spacing: 0.5px;
7227}
7228
7229.hp-text-cta-dropdown-menu a:hover {
7230  background-color: #000;
7231  color: #FFF !important;
7232  text-decoration: none;
7233}
7234
7235/* BLACK versiyonu */
7236.hp-text-cta-dropdown .hp-text-cta-dropdown-title-black {
7237  display: inline-flex;
7238  align-items: center;
7239  transition: all 0.5s ease;
7240  font-size: clamp(14px, 1.1vw, 16px);
7241  text-decoration: underline !important;
7242  text-decoration-color: #000 !important;
7243  text-decoration-thickness: 1.5px !important;
7244  text-underline-offset: 40%;
7245  line-height: 3;
7246  color: #000 !important;
7247  text-align: left;
7248  font-weight: 500;
7249  letter-spacing: 0.5px;
7250  cursor: pointer;
7251  background: none;
7252  border: none;
7253  padding: 0;
7254}
7255
7256.hp-text-cta-dropdown .hp-text-cta-dropdown-title-black:hover {
7257  text-decoration: none !important;
7258}
7259
7260.container-mobile.dropdown-active,
7261.container-desktop.dropdown-active {
7262  z-index: 100 !important;
7263}
7264
7265
7266/* ================================================================
7267   🟢 CAT-SECTION (KATEGORİ ALANI)
7268   ================================================================ */
7269
7270.cat-section {
7271  text-align: left;
7272  padding: 3.2%;
7273}
7274
7275.cat-header {
7276  display: inline-block;
7277  text-align: left;
7278  margin-bottom: 1.4vw;
7279}
7280
7281.cat-text {
7282  display: inline-block;
7283  margin-bottom: 0px;
7284  line-height: 20px;
7285  text-align: left;
7286}
7287
7288.cat-title {
7289  font-size: clamp(24px, 2.2vw, 32px);
7290  color: #000 !important;
7291  font-weight: 400;
7292  transition: font-size 0.5s ease;
7293  line-height: 1.6rem;
7294}
7295
7296.cat-link {
7297  font-size: clamp(14px, 1.1vw, 16px);
7298  text-decoration: underline !important;
7299  text-underline-offset: 40%;
7300  text-decoration-thickness: 1.5px !important;
7301  line-height: 3;
7302  color: #000 !important;
7303  text-align: left;
7304  font-weight: 400;
7305  transition: font-size 0.5s ease;
7306  letter-spacing: 0.5px;
7307}
7308
7309.cat-link:hover {
7310  cursor: pointer;
7311  text-decoration: none !important;
7312}
7313
7314.cat-link-white {
7315  font-size: clamp(14px, 1.1vw, 16px);
7316  text-decoration: underline !important;
7317  text-underline-offset: 40%;
7318  text-decoration-thickness: 1.5px !important;
7319  line-height: 3;
7320  color: #FFF !important;
7321  text-align: left;
7322  font-weight: 400;
7323  transition: font-size 0.5s ease;
7324  letter-spacing: 0.5px;
7325}
7326
7327.cat-section-img-block {
7328  position: relative;
7329  text-align: left;
7330}
7331
7332@media (max-width: 767px) {
7333  .cat-section {
7334    padding: 5% 4% 5% 4%;
7335  }
7336
7337  .cat-header {
7338    padding-right: 4%;
7339    margin-bottom: 16px;
7340  }
7341}
7342
7343
7344/* ================================================================
7345   🟢 CAT-DROPDOWN (KATEGORİ AÇILIR MENÜLERİ)
7346   ================================================================ */
7347
7348.cat-dropdown {
7349  position: relative;
7350  display: inline-block;
7351  margin-bottom: 0px;
7352  line-height: 20px;
7353}
7354
7355.cat-dropdown-title {
7356  font-size: clamp(14px, 1.1vw, 16px);
7357  text-decoration: underline !important;
7358  text-underline-offset: 40%;
7359  text-decoration-thickness: 1.5px !important;
7360  line-height: 3;
7361  color: #000 !important;
7362  text-align: left;
7363  font-weight: 400;
7364  cursor: pointer;
7365  transition: font-size 0.5s ease;
7366  letter-spacing: 0.5px;
7367}
7368
7369.cat-dropdown-title:hover {
7370  text-decoration: none !important;
7371}
7372
7373.dropdown-icon {
7374  display: inline-flex;
7375  align-items: center;
7376  vertical-align: middle;
7377  padding-left: 0.4em;
7378  line-height: 1;
7379}
7380
7381.dropdown-icon .icon-toggle {
7382  width: 0.72em;
7383  height: 0.72em;
7384  display: block;
7385}
7386
7387.cat-dropdown-menu {
7388  display: none;
7389  position: absolute;
7390  bottom: 100%;
7391  left: 0;
7392  background-color: #FFF;
7393  min-width: auto !important;
7394  width: auto;
7395  white-space: nowrap;
7396  z-index: 9999;
7397  box-shadow: 0px 10px 8px rgba(0,0,0,0.08);
7398  border: 0.5px solid #CCCCCC;
7399}
7400
7401.cat-dropdown-menu a {
7402  padding: 0 1em;
7403  display: block;
7404  font-size: clamp(14px, 1.1vw, 16px);
7405  text-decoration: none;
7406  height: 2.8em;
7407  line-height: 2.8em;
7408  color: #000 !important;
7409  text-align: left;
7410  font-weight: 400;
7411  cursor: pointer;
7412  border: none !important;
7413  transition: font-size 0.5s ease;
7414  letter-spacing: 0.5px;
7415}
7416
7417.cat-dropdown-menu a:hover {
7418  background-color: #000;
7419  color: #FFF !important;
7420  text-decoration: none;
7421}
7422
7423
7424/* ================================================================
7425   🟢 THIN BANNER — TEXT VERSİYONU
7426   ================================================================ */
7427
7428.thin-banner-text {
7429  background: #FFFFFF;
7430  min-height: 100px;
7431  position: relative;
7432  display: grid;
7433  grid-template-columns: 100%;
7434  grid-template-rows: 100%;
7435  width: 100%;
7436  align-items: center;
7437}
7438
7439.thin-banner-text .tb-content {
7440  display: flex;
7441  flex-direction: column;
7442  justify-content: center;
7443  padding: 20px 3.2%;
7444  gap: 0;
7445}
7446
7447.thin-banner-text .tb-label {
7448  color: #000;
7449  font-size: clamp(14px, 1.2vw, 18px);
7450  font-weight: 400;
7451  line-height: 1;
7452  letter-spacing: 0.36px;
7453  margin-bottom: 6px;
7454}
7455
7456.thin-banner-text .tb-title {
7457  color: #000;
7458  font-size: clamp(27px, 2vw, 32px);
7459  font-weight: 400;
7460  line-height: 1.20;
7461  margin-bottom: 0.2em;
7462}
7463
7464.thin-banner-text .tb-subtitle {
7465  font-size: clamp(13px, 1.2vw, 16px);
7466  font-weight: 400;
7467  line-height: 1.4;
7468  letter-spacing: 0.3px;
7469  margin-bottom: 8px;
7470}
7471
7472.thin-banner-text .tb-midtext {
7473  color: #000;
7474  font-size: clamp(19px, 1.6vw, 22px);
7475  font-weight: 400;
7476  line-height: 1.3;
7477  letter-spacing: 0.32px;
7478  margin-bottom: 0.2em;
7479}
7480
7481.thin-banner-text .tb-detail {
7482  font-size: 12px;
7483  font-weight: 400;
7484  line-height: 1.4;
7485  letter-spacing: 0.3px;
7486  white-space: nowrap;
7487  text-align: right;
7488  flex-shrink: 0;
7489}
7490
7491.thin-banner-text .tb-detail a.tb-detail-link {
7492  font-size: 12px;
7493  font-weight: 400;
7494  color: inherit;
7495  text-decoration: underline !important;
7496  text-underline-offset: 3px;
7497  text-decoration-thickness: 1px !important;
7498  cursor: pointer;
7499  letter-spacing: 0.3px;
7500}
7501
7502.thin-banner-text .tb-detail a.tb-detail-link:hover {
7503  text-decoration: none !important;
7504}
7505
7506.thin-banner-text .hp-text-cta {
7507  display: flex;
7508  flex-wrap: wrap;
7509  align-items: center;
7510  gap: 15px;
7511}
7512
7513.thin-banner-text .hp-text-cta a.hp-text-cta-black {
7514  display: inline-flex;
7515  transition: all 0.5s ease;
7516  font-size: clamp(14px, 1.1vw, 16px);
7517  text-decoration: underline !important;
7518  text-decoration-color: #000 !important;
7519  text-decoration-thickness: 1.5px !important;
7520  text-underline-offset: 40%;
7521  line-height: 1;
7522  color: #000 !important;
7523  text-align: left;
7524  font-weight: 500;
7525  letter-spacing: 0.5px;
7526}
7527
7528.thin-banner-text .hp-text-cta a.hp-text-cta-black:hover {
7529  cursor: pointer;
7530  text-decoration: none !important;
7531}
7532
7533.thin-banner-text .hp-text-cta a.hp-text-cta-white {
7534  display: inline-flex;
7535  transition: all 0.5s ease;
7536  font-size: clamp(14px, 1.1vw, 16px);
7537  text-decoration: underline !important;
7538  text-decoration-color: #FFF !important;
7539  text-decoration-thickness: 1.5px !important;
7540  text-underline-offset: 40%;
7541  line-height: 1;
7542  color: #FFF !important;
7543  text-align: left;
7544  font-weight: 500;
7545  letter-spacing: 0.5px;
7546}
7547
7548.thin-banner-text .hp-text-cta a.hp-text-cta-white:hover {
7549  cursor: pointer;
7550  text-decoration: none !important;
7551}
7552
7553
7554/* ================================================================
7555   🟢 TB POPUP — OVERLAY & BOX (ileride kullanım için)
7556   ================================================================ */
7557
7558.tb-popup-overlay {
7559  display: none;
7560  position: fixed;
7561  inset: 0;
7562  background: rgba(0, 0, 0, 0.55);
7563  z-index: 999999;
7564  align-items: center;
7565  justify-content: center;
7566}
7567
7568.tb-popup-overlay.active {
7569  display: flex;
7570}
7571
7572.tb-popup-box {
7573  background: #fff;
7574  position: relative;
7575  padding: 30px;
7576  max-width: 500px;
7577  width: 90%;
7578  max-height: 85vh;
7579  overflow-y: auto;
7580  box-shadow: 0 4px 32px rgba(0, 0, 0, 0.18);
7581}
7582
7583.tb-popup-close {
7584  position: absolute;
7585  top: 14px;
7586  right: 16px;
7587  background: none;
7588  border: none;
7589  cursor: pointer;
7590  padding: 4px;
7591  line-height: 1;
7592  display: flex;
7593  align-items: center;
7594  justify-content: center;
7595  color: #000;
7596}
7597
7598.tb-popup-close:hover {
7599  opacity: 0.5;
7600}
7601
7602.tb-popup-close svg {
7603  width: 20px;
7604  height: 20px;
7605  stroke: #000;
7606  fill: none;
7607  stroke-width: 1.5;
7608}
7609
7610.tb-popup-title {
7611  font-size: clamp(15px, 1.4vw, 18px);
7612  font-weight: 700;
7613  line-height: 1.3;
7614  margin-bottom: 12px;
7615}
7616
7617.tb-popup-body {
7618  font-size: 12px;
7619  font-weight: 400;
7620  color: #595959;
7621  letter-spacing: 0.2px;
7622}
7623
7624@media (max-width: 767px) {
7625  .tb-popup-overlay {
7626    align-items: flex-end;
7627    padding-bottom: 8%;
7628  }
7629
7630  .tb-popup-box {
7631    padding: 36px 20px 28px 20px;
7632    width: 92%;
7633    max-height: 80vh;
7634  }
7635
7636  .tb-popup-title {
7637    font-size: 18px;
7638  }
7639
7640  .tb-popup-body {
7641    font-size: 13px;
7642  }
7643}
7644
7645
7646/* ================================================================
7647   🟢 DESKTOP ÖZEL KONUMLANDIRMA OVERRIDE'LARI
7648   ================================================================ */
7649
7650.bottom5 { bottom: 21% !important; }
7651.bottom6 { bottom: 30% !important; }
7652.bottom2 { bottom: 16% !important; }
7653.bottom3 { bottom: 12% !important; }
7654.bottom  { bottom: 10% !important; }
7655
7656.padding-left {
7657  padding-left: 9.2% !important;
7658  bottom: 10% !important;
7659}
7660
7661
7662/* ================================================================
7663   🟢 FULL-WIDTH OVERRIDE (CMS UYUMU)
7664   ================================================================ */
7665
7666.desktop-widgets .full,
7667.desktop-widgets .gap_custom_container,
7668.flatpage__container .full,
7669.flatpage__container .gap_custom_container,
7670.mobile-widgets .full,
7671.mobile-widgets .gap_custom_container {
7672  width: 100% !important;
7673  max-width: 100vw !important;
7674  height: auto !important;
7675}
7676
7677
7678/* ==========================================================================
7679   Buysocial
7680   ========================================================================== */
7681
7682.buysocial-slide-container {
7683  padding: 3.2%;
7684}
7685
7686a.sso-btn.sso-btn-loadmore2 {
7687  display: inline-flex;
7688  align-items: center;
7689  height: 2.8em;
7690  line-height: 2.8em;
7691  padding: 0 1em;
7692  background-color: #000;
7693  color: #FFF;
7694  text-decoration: none;
7695  text-align: left;
7696  font-size: clamp(14px, 1.1vw, 16px);
7697  font-weight: 500;
7698  border: 1px solid #000;
7699  cursor: pointer;
7700  position: relative;
7701  transition: background-color 0.5s ease, font-size 0.5s ease;
7702  letter-spacing: 0.5px;
7703}
7704
7705a.sso-btn.sso-btn-loadmore2:hover {
7706  background-color: #FFF;
7707  color: #000;
7708}
7709
7710
7711/* ================================================================
7712   🟢 MOBİL OVERRIDE'LAR (tek blok)
7713   ================================================================ */
7714
7715@media (max-width: 767px) {
7716  .cta-banner-wrapper {
7717    padding: 0 5%;
7718  }
7719
7720  .image_block div.cta-banner-wrapper .wide_single_link {
7721    padding: 0 2.6vw;
7722  }
7723
7724  .image_block div.hp-text-cta {
7725    flex-wrap: nowrap;
7726    overflow-x: scroll;
7727    -ms-overflow-style: none;
7728    scrollbar-width: none;
7729    gap: 5px;
7730  }
7731
7732  .image_block div.hp-text-cta::-webkit-scrollbar {
7733    display: none;
7734  }
7735
7736  /* Dropdown varsa overflow kaldır — menü kesilmesin */
7737  .image_block div.hp-text-cta:has(.hp-text-cta-dropdown) {
7738    overflow-x: visible;
7739    flex-wrap: wrap;
7740  }
7741
7742  .image_block div.hp-text-cta a.hp-text-cta-white,
7743  .image_block div.hp-text-cta a.hp-text-cta-black,
7744  .image_block div.hp-text-cta a.hp-text-cta-link {
7745    min-width: fit-content;
7746  }
7747}
7748
7749
7750/* hero-bottom-block — görsel olmadan kullanım */
7751.image_block--textonly {
7752  min-height: auto;
7753}
7754
7755.image_block--textonly .hero-bottom-block {
7756  position: relative;
7757  bottom: auto;
7758  padding: 30px 3.2%;
7759}
7760
7761/* hero-bottom-block — görsel olmadan center kullanım */
7762.image_block--textonly--center {
7763  min-height: auto;
7764  display: flex;
7765  align-items: center;
7766}
7767
7768.image_block--textonly--center .hero-bottom-block {
7769  position: relative;
7770  bottom: auto;
7771  padding: 6% 8%;
7772  width: 70%;
7773}
7774
7775
7776/* ================================================================
7777   🟢 RECO SLIDER — ÜRÜN ÖNERİLERİ
7778   ================================================================ */
7779
7780.reco-section { padding: 3.2%; position: relative; }
7781.reco-header { display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 1.4vw; }
7782.reco-title { font-size: clamp(24px, 2.2vw, 32px); color: #000; font-weight: 400; line-height: 1.6rem; }
7783.reco-arrows { display: flex; gap: 8px; align-items: center; }
7784.reco-arrow { width: 36px; height: 36px; border: 1px solid #000; background: #fff; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background-color 0.3s ease, opacity 0.3s ease; padding: 0; flex-shrink: 0; }
7785.reco-arrow:hover:not(:disabled) { background-color: #000; }
7786.reco-arrow:hover:not(:disabled) svg { stroke: #fff; }
7787.reco-arrow:disabled { opacity: 0.3; cursor: default; }
7788.reco-arrow svg { width: 16px; height: 16px; stroke: #000; fill: none; stroke-width: 1.5; pointer-events: none; }
7789
7790.reco-viewport { overflow: hidden; width: 100%; }
7791
7792.reco-track {
7793  display: flex;
7794  gap: 20px;
7795  transition: transform 0.4s ease;
7796  will-change: transform;
7797}
7798
7799.reco-item {
7800  flex-shrink: 0;
7801  flex-grow: 0;
7802  width: calc((100vw - 6.4vw - 3 * 20px) / 4);
7803}
7804
7805.ins-web-smart-recommender-box-item,
7806.ins-mobile-web-smart-recommender-box-item { display: block; }
7807
7808.ins-product-box { display: block; cursor: pointer; }
7809
7810.reco-item-link { display: block; text-decoration: none; color: inherit; }
7811.reco-item-img { width: 100%; height: auto; display: block; aspect-ratio: 3/4; object-fit: cover; background-color: #f5f5f5; }
7812
7813.reco-item-name { font-size: clamp(14px, 1.1vw, 16px); color: #000; font-weight: 400; margin-top: 10px; line-height: 1.4; letter-spacing: 0.3px; }
7814.reco-item-price { font-size: clamp(14px, 1.1vw, 16px); color: #000; font-weight: 500; margin-top: 4px; letter-spacing: 0.3px; }
7815.reco-item-price-original { text-decoration: line-through; color: #999; margin-right: 6px; font-weight: 400; }
7816
7817@media (max-width: 767px) {
7818  .reco-section { padding: 5% 0 5% 4%; }
7819  .reco-header { padding-right: 5%; margin-bottom: 16px; }
7820  .reco-arrows { display: none; }
7821  .reco-viewport { overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; scrollbar-width: none; -ms-overflow-style: none; }
7822  .reco-viewport::-webkit-scrollbar { display: none; }
7823  .reco-track { gap: 12px; transition: none; }
7824  .reco-item { width: calc((100vw - 5vw - 2 * 12px) / 2.5); }
7825}
7826
7827
7828/* ================================================================
7829   🟢 SALE / KAMPANYA
7830   ================================================================ */
7831
7832.sale-color { background-color: #F55442; }
7833.sale-title { color: #fff !important; }
7834.sale-cat   { padding: 1.2% !important; }
7835
7836/* ================================================================
7837   🟢 DESKTOP'A ÖZEL
7838   Aynı sayfada mobil widget'ın CSS'i de yüklendiği için masaüstüne özel
7839   değerler .page-wrapper-desktop / .container-desktop kapsamında yazıldı —
7840   hangi <style> sonra gelirse gelsin bunlar geçerli olur.
7841   ================================================================ */
7842
7843.page-wrapper-desktop .bottom5 { bottom: 20% !important; }
7844.page-wrapper-desktop .bottom2 { bottom: 20% !important; }
7845
7846.page-wrapper-desktop .buysocial-slide-container {
7847  padding: 3.2% 3.2% 0;
7848}
7849
7850.page-wrapper-desktop .thin-banner-text .tb-title {
7851  font-size: clamp(24px, 2vw, 32px);
7852}
7853
7854.kucult-desk {
7855  padding-left: 2%;
7856  padding-right: 2%;
7857  padding-top: 30px;
7858}
7859
7860.cat-link-white:hover {
7861  cursor: pointer;
7862  text-decoration: none !important;
7863}
7864
7865/* THIN BANNER — TB-BOTTOM (links + detail satırı) */
7866.thin-banner-text .tb-bottom {
7867  display: flex;
7868  align-items: center;
7869  justify-content: space-between;
7870  width: 100%;
7871  position: relative;
7872  z-index: 2;
7873}
7874
7875/* Reco kartı: 100vw scrollbar genişliğini de içerdiği için 4. kart kesiliyordu.
7876   Track genişliğine göre hesaplanır — 4 kart tam sığar. */
7877.container-desktop .reco-item {
7878  width: calc((100% - 3 * 20px) / 4);
7879}
7880
7881</style>
7882
7883
7884<!-- ============================================ -->
7885<!-- DESKTOP VERSION -->
7886<!-- ============================================ -->
7887<div class="page-wrapper-desktop">
7888
7889
7890  <!-- HERO VIDEO — APC (LCP) — poster preload ile öncelikli; video yalnızca masaüstünde JS ile hemen yüklenir -->
7891  <div class="container-desktop">
7892    <div class="image_block has-dropdown">
7893      <a href="/gap-a-p-c/">
7894        <video
7895          class="promo_bg_video"
7896          data-hero="true"
7897          poster="https://8f7eaa.a-cdn.akinoncloud.com/cms/2026/09/24/cf6b2a9f-d7fd-4cdc-b2f5-8221e7e854b3.jpg"
7898          muted
7899          loop
7900          playsinline
7901          preload="none"
7902          width="1920"
7903          height="950" style="aspect-ratio:1920/950">
7904          <source
7905            src="https://8f7eaa.a-cdn.akinoncloud.com/cms/2026/09/24/41e2e547-e1e2-4a94-a545-22ae6eec1134.mp4"
7906            type="video/mp4">
7907        </video>
7908
7909        <img
7910          src="https://8f7eaa.a-cdn.akinoncloud.com/cms/2026/09/23/cacad179-d255-407b-8322-ea19de72e767.svg"
7911          alt="APC koleksiyonu"
7912          class="promo_detail_txt"
7913          width="1920"
7914          height="950" style="aspect-ratio:1920/950"
7915          loading="eager"
7916          fetchpriority="high">
7917      </a>
7918
7919      <div class="hero-bottom-block">
7920        <div class="hero-text-overlay">
7921          <div class="hero-subtitle">İki farklı dünya. Tek bir koleksiyon.</br>
7922                                      Zahmetsiz stilin ortak dili, bir filmde hayat buluyor.</br>
7923                                      ian ve Paloma Le Friant başrolde.</div>
7924        </div>
7925        <div class="cta-banner-wrapper">
7926          <div class="cta-banner-item">
7927            <a href="/gap-a-p-c/" class="wide_single_link">Alışverişe Başla</a>
7928          </div>
7929                    <div class="cta-banner-item">
7930            <a href="/apc/" class="wide_single_link">Hikayeyi Keşfet</a>
7931          </div>
7932        </div>
7933      </div>
7934
7935      <div class="video-controls-container">
7936        <button type="button" class="video-control-btn video-mute-unmute" aria-label="Sesli/Sessiz">
7937          <svg class="mute-icon" width="16" height="16" viewBox="0 0 24 24" fill="white">
7938            <path d="M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z"/>
7939            <path d="M16.5 12c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02z"/>
7940            <line x1="22" y1="2" x2="2" y2="22" stroke="white" stroke-width="2"/>
7941          </svg>
7942          <svg class="unmute-icon hidden" width="16" height="16" viewBox="0 0 24 24" fill="white">
7943            <path d="M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z"/>
7944          </svg>
7945        </button>
7946        <button type="button" class="video-control-btn video-play-pause" aria-label="Oynat/Duraklat">
7947          <svg class="pause-icon" width="16" height="16" viewBox="0 0 24 24" fill="white">
7948            <rect x="6" y="4" width="4" height="16"/>
7949            <rect x="14" y="4" width="4" height="16"/>
7950          </svg>
7951          <svg class="play-icon hidden" width="16" height="16" viewBox="0 0 24 24" fill="white">
7952            <path d="M8 5v14l11-7z"/>
7953          </svg>
7954        </button>
7955      </div>
7956    </div>
7957  </div>
7958
7959
7960  <!-- GAPSWEATS VIDEO — lazy (görünür alana girince yüklenir) -->
7961  <div class="container-desktop top20">
7962    <div class="image_block has-dropdown">
7963      <a href="/gapsweats/">
7964        <video
7965          class="promo_bg_video"
7966          data-lazy="true"
7967          poster="https://8f7eaa.a-cdn.akinoncloud.com/cms/2026/09/14/22896e1a-a3ed-4
7967c56-b8d2-3f576782c258.jpg"
7968          muted
7969          loop
7970          playsinline
7971          preload="none"
7972          width="1920"
7973          height="950" style="aspect-ratio:1920/950">
7974          <source
7975            src="https://8f7eaa.a-cdn.akinoncloud.com/cms/2026/09/14/4d6e2669-fd91-4427-b4e1-a0edba68d813.mp4"
7976            type="video/mp4">
7977        </video>
7978      </a>
7979
7980      <div class="hero-bottom-block">
7981        <div class="hero-text-overlay">
7982          <div class="hero-title">Reset your sweats.</div>
7983          <div class="hero-subtitle">Kat kat giy. Yumuşacık hisset. Özgür hisset.<br>
7984            Her anına eşlik edecek sweatshirt'lerle tanış.</div>
7985        </div>
7986        <div class="cta-banner-wrapper">
7987          <div class="cta-banner-item">
7988            <button type="button" class="wide_single_link" data-toggle="dropdown-1">GapSweats<span class="dropdown-icon"><img src="https://a53e12.a-cdn.akinoncloud.com/cms/2026/02/19/85287917-d098-4336-a64a-7c5e5c8f8d8e.svg" alt="+" class="icon-toggle"></span></button>
7989            <div id="dropdown-1" class="dropdown-content">
7990              <a href="/gapsweats/?category_ids=18069" class="dropdown-link">Kadın</a>
7991              <a href="/gapsweats/?category_ids=18144" class="dropdown-link">Erkek</a>
7992              <a href="/gapsweats/?category_ids=18187" class="dropdown-link">Kız Çocuk</a>
7993              <a href="/gapsweats/?category_ids=18225" class="dropdown-link">Erkek Çocuk</a>
7994              <a href="/gapsweats/?category_ids=18258" class="dropdown-link">Bebek</a>
7995            </div>
7996          </div>
7997          <div class="cta-banner-item">
7998            <button type="button" class="wide_single_link" data-toggle="dropdown-2">Yeni Gelenler<span class="dropdown-icon"><img src="https://a53e12.a-cdn.akinoncloud.com/cms/2026/02/19/85287917-d098-4336-a64a-7c5e5c8f8d8e.svg" alt="+" class="icon-toggle"></span></button>
7999            <div id="dropdown-2" class="dropdown-content">
8000              <a href="/yeni-gelenler/?category_ids=18069" class="dropdown-link">Kadın</a>
8001              <a href="/yeni-gelenler/?category_ids=18144" class="dropdown-link">Erkek</a>
8002              <a href="/yeni-gelenler/?category_ids=18187" class="dropdown-link">Kız Çocuk</a>
8003              <a href="/yeni-gelenler/?category_ids=18225" class="dropdown-link">Erkek Çocuk</a>
8004              <a href="/yeni-gelenler/?category_ids=18258" class="dropdown-link">Bebek</a>
8005              <a href="/yeni-gelenler/?category_ids=18323" class="dropdown-link">Yenidoğan</a>
8006            </div>
8007          </div>
8008        </div>
8009      </div>
8010
8011      <div class="video-controls-container">
8012        <button type="button" class="video-control-btn video-mute-unmute" aria-label="Sesli/Sessiz">
8013          <svg class="mute-icon" width="16" height="16" viewBox="0 0 24 24" fill="white">
8014            <path d="M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z"/>
8015            <path d="M16.5 12c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02z"/>
8016            <line x1="22" y1="2" x2="2" y2="22" stroke="white" stroke-width="2"/>
8017          </svg>
8018          <svg class="unmute-icon hidden" width="16" height="16" viewBox="0 0 24 24" fill="white">
8019            <path d="M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z"/>
8020          </svg>
8021        </button>
8022        <button type="button" class="video-control-btn video-play-pause" aria-label="Oynat/Duraklat">
8023          <svg class="pause-icon hidden" width="16" height="16" viewBox="0 0 24 24" fill="white">
8024            <rect x="6" y="4" width="4" height="16"/>
8025            <rect x="14" y="4" width="4" height="16"/>
8026          </svg>
8027          <svg class="play-icon" width="16" height="16" viewBox="0 0 24 24" fill="white">
8028            <path d="M8 5v14l11-7z"/>
8029          </svg>
8030        </button>
8031      </div>
8032    </div>
8033  </div>
8034
8035
8036  <!-- YENİ GELENLER RECO -->
8037  <div class="container-desktop top10" data-variation-id="10598">
8038    <div class="reco-section">
8039      <div class="reco-header">
8040        <div class="reco-title">Yeni gelenler</div>
8041        <div class="reco-arrows">
8042          <button type="button" class="reco-arrow reco-prev" aria-label="Önceki ürünler" disabled>
8043            <svg viewBox="0 0 24 24"><polyline points="15 18 9 12 15 6"/></svg>
8044          </button>
8045          <button type="button" class="reco-arrow reco-next" aria-label="Sonraki ürünler">
8046            <svg viewBox="0 0 24 24"><polyline points="9 6 15 12 9 18"/></svg>
8047          </button>
8048        </div>
8049      </div>
8050      <div class="reco-viewport">
8051        <div class="reco-placeholder-desktop"></div>
8052      </div>
8053    </div>
8054  </div>
8055
8056
8057
8058  <!-- HOT PICKS VIDEO — lazy -->
8059  <div class="container-desktop top20">
8060    <div class="image_block has-dropdown">
8061      <a href="/sezonun-sicak-favorileri/">
8062        <video
8063          class="promo_bg_video"
8064          data-lazy="true"
8065          poster="https://8f7eaa.a-cdn.akinoncloud.com/cms/2026/09/23/0d178907-5fc4-4943-9df6-3a131e1df0d0.jpg"
8066          muted
8067          loop
8068          playsinline
8069          preload="none"
8070          width="1920"
8071          height="950" style="aspect-ratio:1920/950">
8072          <source
8073            src="https://8f7eaa.a-cdn.akinoncloud.com/cms/2026/09/23/3b7995b2-c5b6-4892-bd56-ff71b86b0e07.mp4"
8074            type="video/mp4">
8075        </video>
8076      </a>
8077
8078      <div class="hero-bottom-block">
8079        <div class="hero-text-overlay">
8080          <div class="hero-title">Hot picks.</div>
8081          <div class="hero-subtitle">Serin günler için gardırobunu hazırla.<br>
8082            Katmanlara ekleyeceğin yeni sezon favorilerini keşfet.</div>
8083        </div>
8084        <div class="cta-banner-wrapper">
8085          <div class="cta-banner-item">
8086            <button type="button" class="wide_single_link" data-toggle="dropdown-3">Kategoriler<span class="dropdown-icon"><img src="https://a53e12.a-cdn.akinoncloud.com/cms/2026/02/19/85287917-d098-4336-a64a-7c5e5c8f8d8e.svg" alt="+" class="icon-toggle"></span></button>
8087            <div id="dropdown-3" class="dropdown-content">
8088              <a href="/sezonun-sicak-favorileri/?category_ids=18069" class="dropdown-link">Kadın</a>
8089              <a href="/sezonun-sicak-favorileri/?category_ids=18144" class="dropdown-link">Erkek</a>
8090              <a href="/sezonun-sicak-favorileri/?category_ids=18187" class="dropdown-link">Kız Çocuk</a>
8091              <a href="/sezonun-sicak-favorileri/?category_ids=18225" class="dropdown-link">Erkek Çocuk</a>
8092              <a href="/sezonun-sicak-favorileri/?category_ids=18258" class="dropdown-link">Bebek</a>
8093              <a href="/sezonun-sicak-favorileri/?category_ids=18323" class="dropdown-link">Yenidoğan</a>
8094            </div>
8095          </div>
8096          <div class="cta-banner-item">
8097            <a href="/sezonun-sicak-favorileri/" class="wide_single_link">Alışverişe Başla</a>
8098          </div>
8099        </div>
8100      </div>
8101
8102      <div class="video-controls-container">
8103        <button type="button" class="video-control-btn video-play-pause" aria-label="Oynat/Duraklat">
8104          <svg class="pause-icon hidden" width="16" height="16" viewBox="0 0 24 24" fill="white">
8105            <rect x="6" y="4" width="4" height="16"/>
8106            <rect x="14" y="4" width="4" height="16"/>
8107          </svg>
8108          <svg class="play-icon" width="16" height="16" viewBox="0 0 24 24" fill="white">
8109            <path d="M8 5v14l11-7z"/>
8110          </svg>
8111        </button>
8112      </div>
8113    </div>
8114  </div>
8115
8116
8117    
8118   <!-- Sale — Ince Banner -->     
8119<div class="container-desktop top20">
8120    <div class="image_block">
8121      <a href="/indirimli-urunler/">
8122        <img src="https://8f7eaa.a-cdn.akinoncloud.com/cms/2026/09/09/5f5f8d8f-a161-41c6-ac3f-79f09a22e2ff.jpg" loading="eager" fetchpriority="high" alt="Yaz İndirimi" width="1920" height="475" class="promo_bg_image" style="aspect-ratio:1920/475">
8123        <img src="https://8f7eaa.a-cdn.akinoncloud.com/cms/2026/09/14/f2620436-ba3f-4eac-817b-b88454fb58e4.svg" decoding="sync" fetchpriority="high" alt="Yaz İndirimi Detay" width="1920" height="475" class="promo_detail_txt" style="aspect-ratio:1920/475">
8124      </a>
8125      <div class="hero-bottom-block bottom5">
8126        <!-- CTA DROPDOWN - HERO BANNER -->
8127        <div class="cta-banner-wrapper">
8128          <div class="cta-banner-item">
8129            <a href="/indirimli-urunler/?category_ids=18069" class="wide_single_black_link">Kadın</a>
8130          </div>
8131          <div class="cta-banner-item">
8132            <a href="/indirimli-urunler/?category_ids=18144" class="wide_single_black_link">Erkek</a>
8133          </div>
8134                    <div class="cta-banner-item">
8135            <a href="/indirimli-urunler/?category_ids=18187" class="wide_single_black_link">Kız Çocuk</a>
8136          </div>
8137          <div class="cta-banner-item">
8138            <a href="/indirimli-urunler/?category_ids=18225" class="wide_single_black_link">Erkek Çocuk</a>
8139          </div>
8140                    <div class="cta-banner-item">
8141            <a href="/indirimli-urunler/?category_ids=18258" class="wide_single_black_link">Bebek</a>
8142          </div>
8143                    <div class="cta-banner-item">
8144            <a href="/indirimli-urunler/?category_ids=18323" class="wide_single_black_link">Yenidoğan</a>
8145          </div>
8146        </div>
8147      </div>
8148  </div>
8149</div>
8150
8151
8152
8153  <!-- Buysocial start-->
8154  <div class="buysocial-slide-container" data-instashop-url="/instashop"></div>
8155  <!-- Buysocial end-->
8156
8157
8158  <!-- KATEGORİLER -->
8159  <div class="container-desktop">
8160    <div class="cat-section">
8161      <div class="cat-header">
8162        <div class="cat-title">Kategoriler</div>
8163      </div>
8164      <div class="grid-cols-4 gap-20">
8165        <!-- 1 -->
8166        <div class="image_block">
8167          <a href="/kadin-giyim/?category_ids=18069">
8168            <img src="https://8f7eaa.a-cdn.akinoncloud.com/cms/2026/08/13/68da72f8-505b-4bdc-ac9a-c71e09bfd021.jpg" loading="lazy" decoding="async" alt="Kadın" width="600" height="800" class="promo_bg_image" style="aspect-ratio:600/800">
8169          </a>
8170          <div class="cat-text">
8171            <a href="/kadin-giyim/?category_ids=18069" class="cat-link">Kadın</a>
8172          </div>
8173        </div>
8174        <!-- 2 -->
8175        <div class="image_block">
8176          <a href="/erkek-giyim/?category_ids=18144">
8177            <img src="https://8f7eaa.a-cdn.akinoncloud.com/cms/2026/08/13/130b5854-db8b-4f41-8dfb-99f119fbca27.jpg" loading="lazy" decoding="async" alt="Erkek" width="600" height="800" class="promo_bg_image" style="aspect-ratio:600/800">
8178          </a>
8179          <div class="cat-text">
8180            <a href="/erkek-giyim/?category_ids=18144" class="cat-link">Erkek</a>
8181          </div>
8182        </div>
8183        <!-- 3 -->
8184        <div class="image_block">
8185          <a href="/cocuk-giyim/">
8186            <img src="https://8f7eaa.a-cdn.akinoncloud.com/cms/2026/08/13/2e6d543e-2285-4f0c-b6a6-a7509684bcee.jpg" loading="lazy" decoding="async" alt="Çocuk" width="600" height="800" class="promo_bg_image" style="aspect-ratio:600/800">
8187          </a>
8188          <div class="cat-dropdown">
8189            <a href="#" class="cat-dropdown-title" onclick="toggleDropdown(event, this)">Çocuk<span class="dropdown-icon"><img src="https://a53e12.a-cdn.akinoncloud.com/cms/2026/02/19/85287917-d098-4336-a64a-7c5e5c8f8d8e.svg" alt="+" class="icon-toggle"></span></a>
8190            <div class="cat-dropdown-menu">
8191              <a href="/kiz-cocuk-giyim/?category_ids=18187">Kız Çocuk</a>
8192              <a href="/erkek-cocuk-giyim/">Erkek Çocuk</a>
8193            </div>
8194          </div>
8195        </div>
8196        <!-- 4 -->
8197        <div class="image_block">
8198          <a href="/bebek-giyim/">
8199            <img src="https://8f7eaa.a-cdn.akinoncloud.com/cms/2026/08/13/0aa65491-8b19-4306-a7f0-47d7fd4dae0d.jpg" loading="lazy" decoding="async" alt="Bebek ve Yenidoğan" width="600" height="800" class="promo_bg_image" style="aspect-ratio:600/800">
8200          </a>
8201          <div class="cat-dropdown">
8202            <a href="#" class="cat-dropdown-title" onclick="toggleDropdown(event, this)">Bebek &amp; Yenidoğan<span class="dropdown-icon"><img src="https://a53e12.a-cdn.akinoncloud.com/cms/2026/02/19/85287917-d098-4336-a64a-7c5e5c8f8d8e.svg" alt="+" class="icon-toggle"></span></a>
8203            <div class="cat-dropdown-menu">
8204              <a href="/bebek-giyim/">Bebek</a>
8205              <a href="/yenidogan-giyim/?category_ids=18323">Yenidoğan</a>
8206            </div>
8207          </div>
8208        </div>
8209      </div>
8210    </div>
8211  </div>
8212
8213
8214  <!-- YAPAYTECH YORUM -->
8215  <div class="yapaytech-comment-desktop"></div>
8216
8217</div>
8218<!-- /page-wrapper-desktop -->
8219
8220
8221<!-- ============================================ -->
8222<!-- VIDEO CONTROLLER SCRIPT (desktop + mobil ortak — iki widget'ta da BİREBİR AYN
8222I) -->
8223<!-- ============================================ -->
8224<script>
8225(function () {
8226  'use strict';
8227
8228  var VIDEO_SELECTOR = '.page-wrapper-desktop .promo_bg_video, .page-wrapper-mobile .promo_bg_video';
8229  var LAZY_SELECTOR  = '.page-wrapper-desktop video[data-lazy="true"], .page-wrapper-mobile video[data-lazy="true"]';
8230  var HERO_SELECTOR  = '.page-wrapper-desktop video[data-hero="true"], .page-wrapper-mobile video[data-hero="true"]';
8231
8232  var mqDesktop = window.matchMedia ? window.matchMedia('(min-width: 768px)') : null;
8233
8234  function isMobileViewport() {
8235    return mqDesktop ? !mqDesktop.matches : window.innerWidth < 768;
8236  }
8237
8238  /* Video şu anki görünümde mi? (masaüstü videosu mobilde gizli, tersi de öyle)
8239     Gizli taraftaki videolar ASLA yüklenmez / oynatılmaz. */
8240  function isActive(video) {
8241    if (!mqDesktop) return true;
8242    if (video.closest('.page-wrapper-desktop')) return mqDesktop.matches;
8243    if (video.closest('.page-wrapper-mobile'))  return !mqDesktop.matches;
8244    return true;
8245  }
8246
8247  /* Hero video — yalnızca aktif görünümdeki, hemen yüklenir */
8248  function loadHeroVideos() {
8249    document.querySelectorAll(HERO_SELECTOR).forEach(function (video) {
8250      if (video.dataset.heroLoaded === '1' || !isActive(video)) return;
8251      video.dataset.heroLoaded = '1';
8252      video.preload = 'auto';
8253      if (video.readyState === 0) video.load();
8254    });
8255  }
8256
8257  /* Lazy video — görünür alana girince yükle (display:none olan taraf hiç kesişmez) */
8258  function setupLazyLoading() {
8259    var lazyVideos = Array.prototype.filter.call(
8260      document.querySelectorAll(LAZY_SELECTOR),
8261      function (v) { return v.dataset.lazyBound !== '1'; }
8262    );
8263    if (!lazyVideos.length) return;
8264
8265    if (!('IntersectionObserver' in window)) {
8266      lazyVideos.forEach(function (video) {
8267        video.dataset.lazyBound = '1';
8268        if (!isActive(video)) return;
8269        video.preload = 'auto';
8270        video.load();
8271      });
8272      return;
8273    }
8274
8275    var observer = new IntersectionObserver(function (entries) {
8276      entries.forEach(function (entry) {
8277        if (entry.isIntersecting && isActive(entry.target)) {
8278          var video = entry.target;
8279          video.preload = 'auto';
8280          video.load();
8281          observer.unobserve(video);
8282        }
8283      });
8284    }, { rootMargin: '200px', threshold: 0.01 });
8285
8286    lazyVideos.forEach(function (video) {
8287      video.dataset.lazyBound = '1';
8288      observer.observe(video);
8289    });
8290  }
8291
8292  function VideoInstance(videoElement) {
8293    this.video = videoElement;
8294    /* Kontroller bazen .image_block dışında durduğu için container seviyesinden aranır */
8295    this.container = videoElement.closest('.container-mobile, .container-desktop') ||
8296                     videoElement.closest('.image_block');
8297    this.controls = this.container ? this.container.querySelector('.video-controls-container') : null;
8298    this.isHero = this.video.dataset.hero === 'true';
8299    this.isMuted = true;
8300    this.hasUserInteracted = false;
8301    this.setupVideoEvents();
8302    this.setupControls();
8303    this.updatePlayPauseButton();
8304  }
8305
8306  VideoInstance.prototype.setupVideoEvents = function () {
8307    var self = this;
8308    this.video.addEventListener('canplay', function () {
8309      if (self.video.paused && !self.hasUserInteracted && isActive(self.video)) self.playVideo();
8310    });
8311    this.video.addEventListener('playing', function () { self.updatePlayPauseButton(); });
8312    this.video.addEventListener('pause',   function () { self.updatePlayPauseButton(); });
8313    this.video.addEventListener('ended', function () {
8314      self.video.currentTime = 0;
8315      self.playVideo();
8316    });
8317  };
8318
8319  VideoInstance.prototype.setupControls = function () {
8320    if (!this.controls) return;
8321    var self = this;
8322    var playBtn = this.controls.querySelector('.video-play-pause');
8323    var muteBtn = this.controls.querySelector('.video-mute-unmute');
8324    if (playBtn) {
8325      playBtn.addEventListener('click', function (e) {
8326        e.preventDefault(); e.stopPropagation();
8327        self.togglePlayPause();
8328      });
8329    }
8330    if (muteBtn) {
8331      muteBtn.addEventListener('click', function (e) {
8332        e.preventDefault(); e.stopPropagation();
8333        self.toggleMute();
8334      });
8335    }
8336  };
8337
8338  VideoInstance.prototype.playVideo = function () {
8339    var self = this;
8340    var p;
8341    try { p = this.video.play(); } catch (err) { return Promise.resolve(); }
8342    if (p && typeof p.catch === 'function') {
8343      return p.catch(function () {
8344        self.video.muted = true;
8345        self.isMuted = true;
8346        self.updateMuteButton();
8347        var p2 = self.video.play();
8348        if (p2 && p2.catch) p2.catch(function () {});
8349      });
8350    }
8351    return Promise.resolve();
8352  };
8353
8354  VideoInstance.prototype.togglePlayPause = function () {
8355    this.hasUserInteracted = true;
8356    if (this.video.paused) {
8357      /* Video henüz yüklenmediyse önce yükle */
8358      if (this.video.readyState === 0) { this.video.preload = 'auto'; this.video.load(); }
8359      this.playVideo();
8360    } else {
8361      this.video.pause();
8362    }
8363  };
8364
8365  VideoInstance.prototype.toggleMute = function () {
8366    this.hasUserInteracted = true;
8367    if (this.isMuted) {
8368      this.video.muted = false;
8369      this.video.volume = isMobileViewport() ? 0.25 : 0.15;
8370      this.isMuted = false;
8371    } else {
8372      this.video.muted = true;
8373      this.isMuted = true;
8374    }
8375    if (this.video.paused) this.playVideo();
8376    this.updateMuteButton();
8377  };
8378
8379  VideoInstance.prototype.updatePlayPauseButton = function () {
8380    if (!this.controls) return;
8381    var playIcon  = this.controls.querySelector('.play-icon');
8382    var pauseIcon = this.controls.querySelector('.pause-icon');
8383    if (this.video.paused) {
8384      if (playIcon)  playIcon.classList.remove('hidden');
8385      if (pauseIcon) pauseIcon.classList.add('hidden');
8386    } else {
8387      if (playIcon)  playIcon.classList.add('hidden');
8388      if (pauseIcon) pauseIcon.classList.remove('hidden');
8389    }
8390  };
8391
8392  VideoInstance.prototype.updateMuteButton = function () {
8393    if (!this.controls) return;
8394    var muteIcon   = this.controls.querySelector('.mute-icon');
8395    var unmuteIcon = this.controls.querySelector('.unmute-icon');
8396    if (this.isMuted || this.video.muted) {
8397      if (muteIcon)   muteIcon.classList.remove('hidden');
8398      if (unmuteIcon) unmuteIcon.classList.add('hidden');
8399    } else {
8400      if (muteIcon)   muteIcon.classList.add('hidden');
8401      if (unmuteIcon) unmuteIcon.classList.remove('hidden');
8402    }
8403  };
8404
8405  function initVideoSystem() {
8406    /* Global "tek sefer" flag'i yok — element bazlı kontrol.
8407       Script iki widget'ta da olsa, SPA'da sayfaya geri dönülse de doğru çalışır. */
8408    window.__msVideos = (window.__msVideos || []).filter(function (i) { return document.contains(i.video); });
8409
8410    loadHeroVideos();
8411    setupLazyLoading();
8412
8413    document.querySelectorAll(VIDEO_SELECTOR).forEach(function (video) {
8414      if (video.dataset.ctrlBound === '1') return;
8415      video.dataset.ctrlBound = '1';
8416      window.__msVideos.push(new VideoInstance(video));
8417    });
8418
8419    if (!window.__msFirstInteractionBound) {
8420      window.__msFirstInteractionBound = true;
8421      var handleFirstInteraction = function () {
8422        (window.__msVideos || []).forEach(function (instance) {
8423          if (instance.isHero && isActive(instance.video) && instance.video.paused && !instance.hasUserInteracted) {
8424            instance.playVideo();
8425          }
8426        });
8427      };
8428      document.addEventListener('touchstart', handleFirstInteraction, { once: true, passive: true });
8429      document.addEventListener('click',      handleFirstInteraction, { once: true });
8430    }
8431
8432    /* Breakpoint değişirse (tablet döndürme, pencere boyutu): yeni tarafı yükle, eski tarafı durdur */
8433    if (mqDesktop && !window.__msMqBound) {
8434      window.__msMqBound = true;
8435      var onChange = function () {
8436        loadHeroVideos();
8437        (window.__msVideos || []).forEach(function (i) {
8438          if (!isActive(i.video)) {
8439            if (!i.video.paused) i.video.pause();
8440          } else if (i.video.paused && !i.hasUserInteracted && i.video.readyState >= 2) {
8441            i.playVideo();
8442          }
8443        });
8444      };
8445      if (mqDesktop.addEventListener) mqDesktop.addEventListener('change', onChange);
8446      else if (mqDesktop.addListener) mqDesktop.addListener(onChange);
8447    }
8448  }
8449
8450  if (document.readyState === 'loading') {
8451    document.addEventListener('DOMContentLoaded', initVideoSystem);
8452  } else {
8453    initVideoSystem();
8454  }
8455})();
8456</script>
8456
8457
8458
8459<!-- ============================================ -->
8460<!-- DROPDOWN & CTA SCRIPTS -->
8461<!-- ============================================ -->
8462<script>
8463(function () {
8464  'use strict';
8465
8466  var ICON_PLUS  = 'https://a53e12.a-cdn.akinoncloud.com/cms/2026/02/19/85287917-d098-4336-a64a-7c5e5c8f8d8e.svg';
8467  var ICON_MINUS = 'https://a53e12.a-cdn.akinoncloud.com/cms/2026/02/19/2f28aed8-b2de-4fdf-b4b0-cfa57b32d258.svg';
8468
8469  /* Inline onclick kullanıldığı için window'a atanır (tekrar atanması zararsız) */
8470  window.toggleDropdown = function (event, element) {
8471    event.preventDefault();
8472    var dropdownMenu = element.nextElementSibling;
8473    if (!dropdownMenu) return;
8474    var iconImg = element.querySelector('.dropdown-icon .icon-toggle');
8475    if (dropdownMenu.style.display === 'block') {
8476      dropdownMenu.style.display = 'none';
8477      if (iconImg) iconImg.src = ICON_PLUS;
8478    } else {
8479      dropdownMenu.style.display = 'block';
8480      if (iconImg) iconImg.src = ICON_MINUS;
8481    }
8482  };
8483
8484  window.toggleHpDropdown = function (event, element) {
8485    event.preventDefault();
8486    event.stopPropagation();
8487    var dropdownMenu = element.nextElementSibling;
8488    if (!dropdownMenu) return;
8489    var iconImg = element.querySelector('.dropdown-icon .icon-toggle');
8490
8491    document.querySelectorAll('.hp-text-cta-dropdown-menu').forEach(function (dd) {
8492      if (dd !== dropdownMenu) {
8493        dd.style.display = 'none';
8494        var otherIcon = dd.previousElementSibling && dd.previousElementSibling.querySelector('.icon-toggle');
8495        if (otherIcon) otherIcon.src = ICON_PLUS;
8496        var otherContainer = dd.closest('.container-desktop, .container-mobile');
8497        if (otherContainer) otherContainer.classList.remove('dropdown-active');
8498      }
8499    });
8500
8501    var parentContainer = dropdownMenu.closest('.container-desktop, .container-mobile');
8502    if (dropdownMenu.style.display === 'block') {
8503      dropdownMenu.style.display = 'none';
8504      if (iconImg) iconImg.src = ICON_PLUS;
8505      if (parentContainer) parentContainer.classList.remove('dropdown-active');
8506    } else {
8507      dropdownMenu.style.display = 'block';
8508      if (iconImg) iconImg.src = ICON_MINUS;
8509      if (parentContainer) parentContainer.classList.add('dropdown-active');
8510    }
8511  };
8512
8513  function initDropdowns() {
8514    /* CTA buton dropdown toggle — element bazlı çift bağlanma koruması */
8515    document.querySelectorAll('.wide_single_link[data-toggle], .wide_single_black_link[data-toggle]').forEach(function (button) {
8516      if (button.dataset.ddBound === '1') return;
8517      button.dataset.ddBound = '1';
8518
8519      button.addEventListener('click', function (e) {
8520        e.preventDefault();
8521        var dropdown = document.getElementById(this.getAttribute('data-toggle'));
8522        if (!dropdown) return;
8523        var iconImg = this.querySelector('.dropdown-icon .icon-toggle');
8524
8525        /* Diğer tüm dropdown'ları kapat */
8526        document.querySelectorAll('.dropdown-content').forEach(function (dd) {
8527          if (dd !== dropdown) {
8528            dd.style.display = 'none';
8529            var pc = dd.closest('.container-desktop, .container-mobile');
8530            if (pc) pc.style.zIndex = '';
8531          }
8532        });
8533        /* Beyaz VE siyah CTA'ların ikonlarını sıfırla */
8534        document.querySelectorAll('[data-toggle] .dropdown-icon .icon-toggle').forEach(function (img) {
8535          if (img !== iconImg) img.src = ICON_PLUS;
8536        });
8537
8538        var container = dropdown.closest('.container-desktop, .container-mobile');
8539        if (dropdown.style.display === 'flex') {
8540          dropdown.style.display = 'none';
8541          if (iconImg) iconImg.src = ICON_PLUS;
8542          if (container) container.style.zIndex = '';
8543        } else {
8544          dropdown.style.display = 'flex';
8545          if (iconImg) iconImg.src = ICON_MINUS;
8546          dropdown.style.width = button.offsetWidth + 'px';
8547          if (container) container.style.zIndex = '100';
8548        }
8549      });
8550    });
8551  }
8552
8553  if (document.readyState === 'loading') {
8554    document.addEventListener('DOMContentLoaded', initDropdowns);
8555  } else {
8556    initDropdowns();
8557  }
8558})();
8559</script>
8559
8560
8561
8562<!-- ============================================ -->
8563<!-- POP-UP SCRIPTS (sayfada popup varsa çalışır) -->
8564<!-- ============================================ -->
8565<script>
8566(function () {
8567  'use strict';
8568
8569  function initPopups() {
8570    document.querySelectorAll('.tb-detail-link[data-popup]').forEach(function (link) {
8571      if (link.dataset.popupBound === '1') return;
8572      link.dataset.popupBound = '1';
8573      link.addEventListener('click', function (e) {
8574        e.preventDefault();
8575        e.stopPropagation();
8576        var popup = document.getElementById(this.getAttribute('data-popup'));
8577        if (popup) popup.classList.add('active');
8578      });
8579    });
8580
8581    document.querySelectorAll('.tb-popup-overlay').forEach(function (overlay) {
8582      if (overlay.dataset.popupBound === '1') return;
8583      overlay.dataset.popupBound = '1';
8584      overlay.addEventListener('click', function (e) {
8585        if (e.target === this) this.classList.remove('active');
8586      });
8587      var closeBtn = overlay.querySelector('.tb-popup-close');
8588      if (closeBtn) {
8589        closeBtn.addEventListener('click', function () {
8590          overlay.classList.remove('active');
8591        });
8592      }
8593    });
8594  }
8595
8596  if (document.readyState === 'loading') {
8597    document.addEventListener('DOMContentLoaded', initPopups);
8598  } else {
8599    initPopups();
8600  }
8601})();
8602</script>
8602
8603
8604
8605<!-- ============================================ -->
8606<!-- RECO - INSIDER SCRIPT                        -->
8607<!-- ============================================ -->
8608<script>
8609(function () {
8610  'use strict';
8611
8612  var DEBUG = true;               /* Canlıda sorun çözülünce false yap */
8613  var ITEMS_PER_PAGE = 4;
8614  var EVENT_NAME = 'ins-sr:only-api-campaign:load';
8615
8616  function log() {
8617    if (DEBUG && window.console) console.log.apply(console, ['[reco]'].concat([].slice.call(arguments)));
8618  }
8619
8620  /* HTML / attribute kaçışı — ürün adında " veya ' olursa markup kırılmasın */
8621  function esc(str) {
8622    return String(str == null ? '' : str)
8623      .replace(/&/g, '&amp;')
8624      .replace(/</g, '&lt;')
8625      .replace(/>/g, '&gt;')
8626      .replace(/"/g, '&quot;')
8627      .replace(/'/g, '&#39;');
8628  }
8629
8630  /* Son alınan payload'lar — widget DOM'a sonradan gelirse tekrar denenir */
8631  window.__msRecoCache = window.__msRecoCache || {};
8632
8633  function createProductHTML(p, platform) {
8634    var boxItemClass = platform === 'mobile'
8635      ? 'ins-mobile-web-smart-recommender-box-item'
8636      : 'ins-web-smart-recommender-box-item';
8637
8638    var categories = p.category
8639      ? (typeof p.category === 'string' ? p.category : JSON.stringify(p.category))
8640      : '';
8641
8642    return (
8643      '<div class="' + boxItemClass + ' reco-item">' +
8644        '<div class="ins-product-box ins-element-link ins-sr-api"' +
8645            ' ins-product-id="' + esc(p.item_id) + '"' +
8646            ' data-product-categories="' + esc(categories) + '"' +
8647            ' event-collection="true">' +
8648          '<a class="reco-item-link" href="' + esc(p.url) + '">' +
8649            '<img src="' + esc(p.image_url) + '" alt="' + esc(p.name) + '"' +
8650                 ' class="reco-item-img" loading="lazy" decoding="async"' +
8651                 ' width="600" height="800" style="aspect-ratio:3/4">' +
8652          '</a>' +
8653        '</div>' +
8654        '<div class="reco-item-name">' + esc(p.name) + '</div>' +
8655      '</div>'
8656    );
8657  }
8658
8659  function renderWidget(placeholderEl, products, variationId, platform) {
8660    var bodyClass = platform === 'mobile'
8661      ? 'ins-mobile-web-smart-recommender-body'
8662      : 'ins-web-smart-recommender-body';
8663
8664    var productIds = JSON.stringify(products.map(function (p) { return p.item_id; }));
8665    var itemsHTML  = products.map(function (p) { return createProductHTML(p, platform); }).join('');
8666
8667    placeholderEl.innerHTML =
8668      '<div class="ins-preview-wrapper-' + esc(variationId) + ' ins-sr-api-wrapper">' +
8669        '<div class="' + bodyClass + ' reco-track" data-recommended-items="' + esc(productIds) + '">' +
8670          itemsHTML +
8671        '</div>' +
8672      '</div>';
8673  }
8674
8675  function initRecoSlider(sectionEl, totalItems) {
8676    if (!sectionEl) return;
8677    var track   = sectionEl.querySelector('.reco-track');
8678    var prevBtn = sectionEl.querySelector('.reco-prev');
8679    var nextBtn = sectionEl.querySelector('.reco-next');
8680    if (!track || !prevBtn || !nextBtn) return;
8681
8682    var totalPages  = Math.ceil(totalItems / ITEMS_PER_PAGE);
8683    var currentPage = 0;
8684
8685    function getItemWidth() {
8686      var items = track.querySelectorAll('.reco-item');
8687      if (!items.length) return 0;
8688      return items[0].offsetWidth + parseFloat(window.getComputedStyle(track).gap || '20');
8689    }
8690    function goToPage(page) {
8691      currentPage = Math.max(0, Math.min(page, totalPages - 1));
8692      track.style.transform = 'translateX(-' + (currentPage * ITEMS_PER_PAGE * getItemWidth()) + 'px)';
8693      prevBtn.disabled = currentPage === 0;
8694      nextBtn.disabled = currentPage === totalPages - 1;
8695    }
8696    prevBtn.addEventListener('click', function () { goToPage(currentPage - 1); });
8697    nextBtn.addEventListener('click', function () { goToPage(currentPage + 1); });
8698    prevBtn.disabled = true;
8699    nextBtn.disabled = totalPages <= 1;
8700    window.addEventListener('resize', function () { goToPage(currentPage); });
8701  }
8702
8703  /* Farklı payload yapılarını normalize et */
8704  function normalize(data) {
8705    if (!data) return null;
8706    var src = data.data && (data.data.products || data.data.variationId) ? data.data : data;
8707    var products = src.products || src.data || [];
8708    var varId = src.variationId != null ? src.variationId : src.variation_id;
8709    if (!Array.isArray(products) || !products.length || varId == null) return null;
8710    return { varId: String(varId), products: products };
8711  }
8712
8713  /* Bir variation'ı DOM'daki tüm eşleşen bloklara render et.
8714     Render flag'i DOM elementinde tutulur (SPA'da yeni DOM = yeni render) */
8715  function renderVariation(varId, products) {
8716    var blocks = document.querySelectorAll('[data-variation-id="' + varId + '"]');
8717    if (!blocks.length) log('variation ' + varId + ' için sayfada blok yok');
8718
8719    blocks.forEach(function (block) {
8720      var isMobile = block.classList.contains('container-mobile');
8721      var ph = block.querySelector(isMobile ? '.reco-placeholder-mobile' : '.reco-placeholder-desktop');
8722      if (!ph) { log('placeholder bulunamadı', block); return; }
8723      if (ph.dataset.rendered === '1') return;
8724      ph.dataset.rendered = '1';
8725      renderWidget(ph, products, varId, isMobile ? 'mobile' : 'web');
8726      if (!isMobile) initRecoSlider(block.querySelector('.reco-section'), products.length);
8727      log('render edildi: variation ' + varId + ', ' + products.length + ' ürün');
8728    });
8729  }
8730
8731  function handleRecoResponse(data) {
8732    log('event geldi:', data);
8733    var n = normalize(data);
8734    if (!n) { log('payload beklenen yapıda değil (products / variationId yok)'); return; }
8735    window.__msRecoCache[n.varId] = n.products;
8736    renderVariation(n.varId, n.products);
8737  }
8738
8739  /* Cache'teki payload'ları mevcut DOM'a tekrar uygula (SPA'da sayfaya geri dönüş) */
8740  function renderFromCache() {
8741    Object.keys(window.__msRecoCache).forEach(function (varId) {
8742      renderVariation(varId, window.__msRecoCache[varId]);
8743    });
8744  }
8745
8746  function setupInsiderIntegration(tries) {
8747    tries = tries || 0;
8748    if (!window.Insider || !window.Insider.eventManager) {
8749      if (tries < 150) {
8750        setTimeout(function () { setupInsiderIntegration(tries + 1); }, 100);
8751      } else {
8752        log('Insider 15 sn içinde yüklenmedi');
8753      }
8754      return;
8755    }
8756
8757    /* Aynı Insider instance'ına yalnızca bir kez bağlan */
8758    if (window.Insider.__msRecoHooked) { renderFromCache(); return; }
8759    window.Insider.__msRecoHooked = true;
8760    window.__msRecoHandler = handleRecoResponse;
8761
8762    var em = window.Insider.eventManager;
8763
8764    /* 1) Resmi dinleyici */
8765    if (typeof em.on === 'function') {
8766      em.on(EVENT_NAME, function (event, data) {
8767        window.__msRecoHandler(data !== undefined ? data : event);
8768      });
8769    }
8770
8771    /* 2) dispatch override — yedek (timing güvencesi) */
8772    if (typeof em.dispatch === 'function') {
8773      var origDispatch = em.dispatch;
8774      em.dispatch = function (eventName, payload) {
8775        if (eventName === EVENT_NAME) window.__msRecoHandler(payload);
8776        return origDispatch.apply(this, arguments);
8777      };
8778    }
8779
8780    log('Insider dinleyicisi bağlandı');
8781  }
8782
8783  function start() {
8784    renderFromCache();
8785    setupInsiderIntegration(0);
8786  }
8787
8788  if (document.readyState === 'loading') {
8789    document.addEventListener('DOMContentLoaded', start);
8790  } else {
8791    start();
8792  }
8793})();
8794</script>
8794
8795
8796  
8797 </div>
8798  
8799  <div class="home-widget-container full"> 
8800  
8801  
8802  
8803
8804
8805  
8806
8807  
8808 </div>
8809  
8810  <div class="home-widget-container full"> 
8811  
8812  
8813  
8814
8815
8816  
8817
8818  
8819 </div>
8820  
8821  <div class="home-widget-container full"> 
8822  
8823  
8824  
8825
8826
8827  
8828
8829  
8830 </div>
8831  
8832  <div class="home-widget-container full"> 
8833  
8834  
8835  
8836
8837
8838  
8839
8840  
8841 </div>
8842  
8843</div>
8844<div class="visible-xs mobile-widgets">
8845     
8846  
8847  
8848  
8849  
8850  
8851  
8852  
8853  
8854
8855
8856  <!-- PERFORMANCE: CDN Preconnect -->
8857<link rel="preconnect" href="https://8f7eaa.a-cdn.akinoncloud.com" crossorigin>
8858<link rel="preconnect" href="https://a53e12.a-cdn.akinoncloud.com" crossorigin>
8859<link rel="preconnect" href="https://11d46382.cdn.akinoncloud.com" crossorigin>
8860
8861<!-- Font preload -->
8862<link rel="preload" as="font" type="font/woff2"
8863  href="https://11d46382.cdn.akinoncloud.com/static_omnishop/gapzero175/fonts/gap-sans-regular.woff2"
8864  crossorigin="anonymous"
8865  fetchpriority="high">
8866
8867<!-- PERFORMANCE: Hero video poster preload — LCP (videonun gerçek poster'ı ile AYNI URL olmalı; hero değişince bunu da güncelle) -->
8868<link rel="preload" as="image"
8869  href="https://8f7eaa.a-cdn.akinoncloud.com/cms/2026/09/24/a14cf4ea-202f-4b1d-a410-24224a5bd298.jpg"
8870  fetchpriority="high"
8871  media="(max-width: 767px)">
8872
8873<!-- PERFORMANCE: Hero SVG overlay preload (hero değişince bunu da güncelle) -->
8874<link rel="preload" as="image"
8875  href="https://8f7eaa.a-cdn.akinoncloud.com/cms/2026/09/23/7d2fd263-7b86-40ab-a0bb-85890dcecda5.svg"
8876  fetchpriority="high"
8877  media="(max-width: 767px)">
8878
8879<style>
8880/* RESET */
8881* {
8882  box-sizing: border-box;
8883  margin: 0;
8884  padding: 0;
8885}
8886
8887/* Görsel ve video taşmalarını önle, CLS koruması */
8888img, video {
8889  max-width: 100%;
8890  height: auto;
8891}
8892
8893body {
8894  overflow-x: hidden;
8895  scroll-behavior: smooth;
8896}
8897
8898/* PAGE WRAPPER */
8899.page-wrapper-desktop,
8900.page-wrapper-mobile {
8901  width: 100%;
8902  height: auto;
8903  position: relative;
8904}
8905
8906.container-desktop,
8907.container-mobile {
8908  width: 100%;
8909  height: auto;
8910  position: relative;
8911  z-index: 1;
8912}
8913
8914/* MEDIA QUERIES - Tek breakpoint: 768px */
8915@media (min-width: 768px) {
8916  .page-wrapper-desktop,
8917  .container-desktop {
8918    display: block;
8919  }
8920
8921  .page-wrapper-mobile,
8922  .container-mobile {
8923    display: none;
8924  }
8925}
8926
8927@media (max-width: 767px) {
8928  .page-wrapper-desktop,
8929  .container-desktop {
8930    display: none;
8931  }
8932
8933  .page-wrapper-mobile,
8934  .container-mobile {
8935    display: block;
8936  }
8937}
8938
8939/* IMAGE BLOCK */
8940.image_block {
8941  position: relative;
8942  width: 100%;
8943  height: auto;
8944  overflow: hidden;
8945  background: transparent;
8946}
8947
8948.image_block > a {
8949  position: relative;
8950  display: block;
8951  text-decoration: none;
8952  line-height: 0;
8953  font-size: 0;
8954}
8955
8956.image_block img.promo_bg_image {
8957  width: 100%;
8958  height: auto;
8959  display: block;
8960}
8961
8962/* VIDEO */
8963.promo_bg_video {
8964  width: 100%;
8965  height: auto;
8966  display: block;
8967  object-fit: cover;
8968  background: transparent;
8969}
8970
8971/* SVG OVERLAY */
8972.promo_detail_txt {
8973  position: absolute;
8974  top: 0;
8975  left: 0;
8976  width: 100%;
8977  height: auto;
8978  pointer-events: none;
8979  z-index: 2;
8980}
8981
8982/* VIDEO CONTROLS */
8983.video-controls-container {
8984  position: absolute;
8985  bottom: 3%;
8986  right: 2%;
8987  z-index: 20;
8988  display: flex;
8989  gap: 10px;
8990  pointer-events: auto;
8991}
8992
8993.video-control-btn {
8994  width: 30px;
8995  height: 30px;
8996  background-color: rgba(29, 29, 20, 0.1);
8997  backdrop-filter: blur(19px);
8998  -webkit-backdrop-filter: blur(19px);
8999  border: none;
9000  border-radius: 0;
9001  color: #fff;
9002  cursor: pointer;
9003  display: flex;
9004  align-items: center;
9005  justify-content: center;
9006  transition: all 0.3s ease;
9007  padding: 0;
9008}
9009
9010@media (min-width: 768px) {
9011  .video-control-btn:hover {
9012    background-color: #001EA0;
9013  }
9014
9015  .video-control-btn:hover svg {
9016    fill: white;
9017  }
9018}
9019
9020.video-control-btn:active {
9021  transform: scale(0.95);
9022}
9023
9024.video-control-btn svg {
9025  width: 16px;
9026  height: 16px;
9027  pointer-events: none;
9028}
9029
9030.hidden {
9031  display: none !important;
9032}
9033
9034@media (max-width: 767px) {
9035  .video-controls-container {
9036    bottom: 5%;
9037    right: 5%;
9038    gap: 10px;
9039  }
9040
9041  .video-control-btn {
9042    width: 32px;
9043    height: 32px;
9044  }
9045}
9046
9047
9048/* ================================================================
9049   HERO TEXT OVERLAY
9050   ================================================================ */
9051
9052.hero-bottom-block {
9053  position: absolute;
9054  bottom: 5%;
9055  left: 0;
9056  width: 100%;
9057  padding: 0 3.2%;
9058  z-index: 10;
9059}
9060
9061.two-banner {
9062  position: absolute;
9063  bottom: 5%;
9064  left: 0;
9065  width: 100%;
9066  padding: 0 6.4%;
9067  z-index: 10;
9068}
9069
9070.hero-bottom-block .hero-text-overlay {
9071  color: #FFF;
9072  pointer-events: none;
9073  margin-bottom: 2em;
9074}
9075
9076.hero-bottom-block .hero-title {
9077  font-size: clamp(32px, 3.5vw, 56px);
9078  font-weight: 400;
9079  line-height: 1.1;
9080  margin-bottom: 0.4em;
9081}
9082
9083.hero-bottom-block .hero-title-mobile1 {
9084  font-size: 10vw;
9085  font-weight: 400;
9086  line-height: 1.1;
9087  margin-bottom: 0.4em;
9088}
9089
9090.hero-bottom-block .hero-subtitle {
9091  font-size: clamp(15px, 1.1vw, 16px);
9092  font-weight: 400;
9093  line-height: 1.2;
9094  margin-bottom: 1.6em;
9095  letter-spacing: 0.5px;
9096}
9097
9098.hero-bottom-block .hero-label {
9099  font-size: clamp(14px, 1.1vw, 16px);
9100  font-weight: 500;
9101  line-height: 1;
9102  letter-spacing: 0.5px;
9103}
9104
9105.hero-bottom-block .cta-banner-wrapper {
9106  position: relative;
9107  bottom: auto;
9108  width: auto;
9109  padding: 0;
9110}
9111
9112@media (max-width: 767px) {
9113  .hero-bottom-block {
9114    padding: 0 4%;
9115  }
9116}
9117
9118
9119/* ================================================================
9120   🟢 GRID SÜTUNLAR & YARDIMCI SINIFLAR
9121   ================================================================ */
9122
9123.grid-cols-2 {
9124  display: grid;
9125  grid-template-columns: 1fr 1fr !important;
9126  gap: 0px;
9127}
9128
9129.grid-cols-4 {
9130  display: grid;
9131  grid-template-columns: 1fr 1fr 1fr 1fr !important;
9132  gap: 0px;
9133}
9134
9135.gap-0  { gap: 0px; }
9136.gap-10 { gap: 10px; }
9137.gap-16 { gap: 16px; }
9138.gap-20 { gap: 20px; }
9139.gap-30 { gap: 30px; }
9140
9141.top10  { margin-top: 10px; }
9142.top20  { margin-top: 20px; }
9143.top30  { margin-top: 30px; }
9144.top40  { margin-top: 40px; }
9145.top60  { margin-top: 60px; }
9146.top80  { margin-top: 80px; }
9147.top100 { margin-top: 100px; }
9148
9149.bottom10 { margin-bottom: 10px; }
9150.bottom20 { margin-bottom: 20px; }
9151.bottom30 { margin-bottom: 30px; }
9152.bottom40 { margin-bottom: 40px; }
9153.bottom50 { margin-bottom: 50px; }
9154
9155
9156/* ================================================================
9157   🟢 3-IMAGE FADE EFFECT
9158   ================================================================ */
9159
9160.banner-fade-3 {
9161  overflow: hidden;
9162  position: relative;
9163}
9164
9165.banner-fade-3 div {
9166  position: absolute;
9167  animation: fade_slide 15s infinite;
9168  opacity: 0;
9169  top: 0;
9170  left: 0;
9171  width: 100%;
9172}
9173
9174.banner-fade-3 div img {
9175  width: 100% !important;
9176}
9177
9178.banner-fade-3 div:nth-child(1) { position: relative; }
9179.banner-fade-3 div:nth-child(2) { animation-delay: 5s; }
9180.banner-fade-3 div:nth-child(3) { animation-delay: 10s; }
9181
9182@keyframes fade_slide {
9183  5%  { opacity: 1; }
9184  20% { opacity: 1; }
9185  30% { opacity: 1; }
9186  40% { opacity: 0; }
9187}
9188
9189
9190/* ================================================================
9191   🟢 5-IMAGE FADE EFFECT
9192   ================================================================ */
9193
9194.banner-fade-5 {
9195  overflow: hidden;
9196  position: relative;
9197}
9198
9199.banner-fade-5 div {
9200  position: absolute;
9201  animation: fiveslide 25s infinite;
9202  opacity: 0;
9203  top: 0;
9204  left: 0;
9205  width: 100%;
9206}
9207
9208.banner-fade-5 div img {
9209  width: 100% !important;
9210}
9211
9212.banner-fade-5 div:nth-child(1) { position: relative; }
9213.banner-fade-5 div:nth-child(2) { animation-delay: 5s; }
9214.banner-fade-5 div:nth-child(3) { animation-delay: 10s; }
9215.banner-fade-5 div:nth-child(4) { animation-delay: 15s; }
9216.banner-fade-5 div:nth-child(5) { animation-delay: 20s; }
9217
9218@keyframes fiveslide {
9219  5%  { opacity: 1; }
9220  20% { opacity: 1; }
9221  30% { opacity: 1; }
9222  40% { opacity: 0; }
9223}
9224
9225
9226/* ================================================================
9227   🟢 CTA-BANNER-WRAPPER
9228   ================================================================ */
9229
9230.image_block:has(.cta-banner-wrapper),
9231.image_block:has(.cat-dropdown),
9232.image_block:has(.hp-text-cta-dropdown),
9233.image_block:has(.hero-bottom-block),
9234.image_block.has-dropdown {
9235  overflow: visible;
9236}
9237
9238.cta-banner-wrapper {
9239  display: flex;
9240  justify-content: left;
9241  align-items: center;
9242  position: absolute;
9243  bottom: 5%;
9244  width: 100%;
9245  padding: 0 3.2%;
9246  z-index: 10;
9247}
9248
9249.image_block div.cta-banner-wrapper {
9250  display: flex;
9251  align-items: center;
9252}
9253
9254.cta-banner-item {
9255  position: relative;
9256  margin-right: 1em;
9257}
9258
9259.image_block div.cta-banner-wrapper .wide_single_link {
9260  display: inline-flex;
9261  align-items: center;
9262  height: 2.8em;
9263  line-height: 2.8em;
9264  padding: 0 1em;
9265  background-color: #FFF;
9266  color: #000;
9267  text-decoration: none;
9268  text-align: left;
9269  font-size: clamp(14px, 1.1vw, 16px);
9270  font-weight: 500;
9271  border: none;
9272  cursor: pointer;
9273  position: relative;
9274  transition: background-color 0.5s ease, font-size 0.5s ease;
9275  letter-spacing: 0.5px;
9276}
9277
9278.image_block div.cta-banner-wrapper .wide_single_link .dropdown-icon {
9279  padding-left: 0.5em;
9280}
9281
9282.image_block div.cta-banner-wrapper .wide_single_link:hover {
9283  color: #fff;
9284  background-color: #000;
9285}
9286
9287.image_block div.cta-banner-wrapper .wide_single_link:hover .icon-toggle {
9288  filter: invert(1);
9289}
9290
9291.image_block div.cta-banner-wrapper .dropdown-content {
9292  display: none;
9293  flex-direction: column;
9294  position: absolute;
9295  top: 100%;
9296  left: 0;
9297  background-color: #FFF;
9298  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
9299  z-index: 9999;
9300  width: 100%;
9301}
9302
9303.image_block div.cta-banner-wrapper .dropdown-content .dropdown-link {
9304  color: black;
9305  padding: 0 1em;
9306  text-decoration: none;
9307  display: block;
9308  font-size: clamp(14px, 1.1vw, 16px);
9309  height: 2.8em;
9310  line-height: 2.8em;
9311}
9312
9313.image_block div.cta-banner-wrapper .dropdown-content .dropdown-link:hover {
9314  background-color: #000;
9315  color: white;
9316}
9317
9318
9319/* ================================================================
9320   🟢 CTA-BANNER-WRAPPER (BLACK CTA)
9321   ================================================================ */
9322
9323.image_block div.cta-banner-wrapper .wide_single_black_link {
9324  display: inline-flex;
9325  align-items: center;
9326  height: 2.8em;
9327  line-height: 2.8em;
9328  padding: 0 1em;
9329  background-color: #000;
9330  color: #FFF;
9331  text-decoration: none;
9332  text-align: left;
9333  font-size: clamp(14px, 1.1vw, 16px);
9334  font-weight: 500;
9335  border: 1px solid #000;
9336  cursor: pointer;
9337  position: relative;
9338  transition: background-color 0.5s ease, font-size 0.5s ease;
9339  letter-spacing: 0.5px;
9340}
9341
9342.image_block div.cta-banner-wrapper .wide_single_black_link .dropdown-icon {
9343  padding-left: 0.5em;
9344}
9345
9346/* Default: siyah bg üzerinde ikon beyaz görünür */
9347.image_block div.cta-banner-wrapper .wide_single_black_link .icon-toggle {
9348  filter: invert(1);
9349}
9350
9351/* Hover: beyaz bg, siyah yazı */
9352.image_block div.cta-banner-wrapper .wide_single_black_link:hover {
9353  background-color: #FFF;
9354  color: #000;
9355}
9356
9357/* Hover: beyaz bg üzerinde ikon siyah görünür */
9358.image_block div.cta-banner-wrapper .wide_single_black_link:hover .icon-toggle {
9359  filter: invert(0);
9360}
9361
9362
9363/* ================================================================
9364   🟢 HP-TEXT-CTA (BLACK & WHITE)
9365   ================================================================ */
9366
9367.image_block div.hp-text-cta {
9368  display: flex;
9369  flex-wrap: wrap;
9370  align-items: center;
9371  gap: 15px;
9372  position: absolute;
9373  bottom: 18%;
9374  left: 3.2vw;
9375  z-index: 10;
9376}
9377
9378.image_block div.hp-text-cta a.hp-text-cta-link {
9379  display: inline-flex;
9380  transition: all 0.5s ease;
9381  font-size: clamp(14px, 1.1vw, 16px);
9382  text-decoration: underline !important;
9383  text-decoration-color: #000 !important;
9384  text-decoration-thickness: 1.5px !important;
9385  text-underline-offset: 4px;
9386  line-height: 3;
9387  color: #000 !important;
9388  text-align: left;
9389  font-weight: 500;
9390  letter-spacing: 0.5px;
9391}
9392
9393.image_block div.hp-text-cta a.hp-text-cta-link:hover {
9394  cursor: pointer;
9395  text-decoration: none !important;
9396}
9397
9398.image_block div.hp-text-cta a.hp-text-cta-white {
9399  display: inline-flex;
9400  transition: all 0.5s ease;
9401  font-size: clamp(14px, 1.1vw, 16px);
9402  text-decoration: underline !important;
9403  text-decoration-color: #FFF !important;
9404  text-decoration-thickness: 1.5px !important;
9405  text-underline-offset: 40%;
9406  line-height: 3;
9407  color: #FFF !important;
9408  text-align: left;
9409  font-weight: 500;
9410  letter-spacing: 0.5px;
9411}
9412
9413.image_block div.hp-text-cta a.hp-text-cta-white:hover {
9414  cursor: pointer;
9415  text-decoration: none !important;
9416}
9417
9418.image_block div.hp-text-cta a.hp-text-cta-black {
9419  display: inline-flex;
9420  transition: all 0.5s ease;
9421  font-size: clamp(14px, 1.1vw, 16px);
9422  text-decoration: underline !important;
9423  text-decoration-color: #000 !important;
9424  text-decoration-thickness: 1.5px !important;
9425  text-underline-offset: 40%;
9426  line-height: 3;
9427  color: #000 !important;
9428  text-align: left;
9429  font-weight: 500;
9430  letter-spacing: 0.5px;
9431}
9432
9433.image_block div.hp-text-cta a.hp-text-cta-black:hover {
9434  cursor: pointer;
9435  text-decoration: none !important;
9436}
9437
9438.hp-text-cta-dropdown {
9439  position: relative;
9440  display: inline-flex;
9441  align-items: center;
9442}
9443
9444.hp-text-cta-dropdown .hp-text-cta-dropdown-title {
9445  display: inline-flex;
9446  align-items: center;
9447  transition: all 0.5s ease;
9448  font-size: clamp(14px, 1.1vw, 16px);
9449  text-decoration: underline !important;
9450  text-decoration-color: #FFF !important;
9451  text-decoration-thickness: 1.5px !important;
9452  text-underline-offset: 40%;
9453  line-height: 3;
9454  color: #FFF !important;
9455  text-align: left;
9456  font-weight: 500;
9457  letter-spacing: 0.5px;
9458  cursor: pointer;
9459  background: none;
9460  border: none;
9461  padding: 0;
9462}
9463
9464.hp-text-cta-dropdown .hp-text-cta-dropdown-title:hover {
9465  text-decoration: none !important;
9466}
9467
9468.hp-text-cta-dropdown .hp-text-cta-dropdown-title .dropdown-icon .icon-toggle {
9469  filter: invert(1);
9470}
9471
9472.hp-text-cta-dropdown-menu {
9473  display: none;
9474  position: absolute;
9475  top: 100%;
9476  left: 0;
9477  background-color: #FFF;
9478  min-width: auto !important;
9479  width: auto;
9480  white-space: nowrap;
9481  z-index: 9999;
9482  box-shadow: 0px 8px 16px rgba(0,0,0,0.2);
9483}
9484
9485.hp-text-cta-dropdown-menu a {
9486  padding: 10px 16px;
9487  display: block;
9488  font-size: clamp(14px, 1.1vw, 16px);
9489  text-decoration: none;
9490  line-height: 1.5;
9491  color: #000 !important;
9492  text-align: left;
9493  font-weight: 400;
9494  cursor: pointer;
9495  letter-spacing: 0.5px;
9496}
9497
9498.hp-text-cta-dropdown-menu a:hover {
9499  background-color: #000;
9500  color: #FFF !important;
9501  text-decoration: none;
9502}
9503
9504/* BLACK versiyonu */
9505.hp-text-cta-dropdown .hp-text-cta-dropdown-title-black {
9506  display: inline-flex;
9507  align-items: center;
9508  transition: all 0.5s ease;
9509  font-size: clamp(14px, 1.1vw, 16px);
9510  text-decoration: underline !important;
9511  text-decoration-color: #000 !important;
9512  text-decoration-thickness: 1.5px !important;
9513  text-underline-offset: 40%;
9514  line-height: 3;
9515  color: #000 !important;
9516  text-align: left;
9517  font-weight: 500;
9518  letter-spacing: 0.5px;
9519  cursor: pointer;
9520  background: none;
9521  border: none;
9522  padding: 0;
9523}
9524
9525.hp-text-cta-dropdown .hp-text-cta-dropdown-title-black:hover {
9526  text-decoration: none !important;
9527}
9528
9529.container-mobile.dropdown-active,
9530.container-desktop.dropdown-active {
9531  z-index: 100 !important;
9532}
9533
9534
9535/* ================================================================
9536   🟢 CAT-SECTION (KATEGORİ ALANI)
9537   ================================================================ */
9538
9539.cat-section {
9540  text-align: left;
9541  padding: 3.2%;
9542}
9543
9544.cat-header {
9545  display: inline-block;
9546  text-align: left;
9547  margin-bottom: 1.4vw;
9548}
9549
9550.cat-text {
9551  display: inline-block;
9552  margin-bottom: 0px;
9553  line-height: 20px;
9554  text-align: left;
9555}
9556
9557.cat-title {
9558  font-size: clamp(24px, 2.2vw, 32px);
9559  color: #000 !important;
9560  font-weight: 400;
9561  transition: font-size 0.5s ease;
9562  line-height: 1.6rem;
9563}
9564
9565.cat-link {
9566  font-size: clamp(14px, 1.1vw, 16px);
9567  text-decoration: underline !important;
9568  text-underline-offset: 40%;
9569  text-decoration-thickness: 1.5px !important;
9570  line-height: 3;
9571  color: #000 !important;
9572  text-align: left;
9573  font-weight: 400;
9574  transition: font-size 0.5s ease;
9575  letter-spacing: 0.5px;
9576}
9577
9578.cat-link:hover {
9579  cursor: pointer;
9580  text-decoration: none !important;
9581}
9582
9583.cat-link-white {
9584  font-size: clamp(14px, 1.1vw, 16px);
9585  text-decoration: underline !important;
9586  text-underline-offset: 40%;
9587  text-decoration-thickness: 1.5px !important;
9588  line-height: 3;
9589  color: #FFF !important;
9590  text-align: left;
9591  font-weight: 400;
9592  transition: font-size 0.5s ease;
9593  letter-spacing: 0.5px;
9594}
9595
9596.cat-section-img-block {
9597  position: relative;
9598  text-align: left;
9599}
9600
9601@media (max-width: 767px) {
9602  .cat-section {
9603    padding: 5% 4% 5% 4%;
9604  }
9605
9606  .cat-header {
9607    padding-right: 4%;
9608    margin-bottom: 16px;
9609  }
9610}
9611
9612
9613/* ================================================================
9614   🟢 CAT-DROPDOWN (KATEGORİ AÇILIR MENÜLERİ)
9615   ================================================================ */
9616
9617.cat-dropdown {
9618  position: relative;
9619  display: inline-block;
9620  margin-bottom: 0px;
9621  line-height: 20px;
9622}
9623
9624.cat-dropdown-title {
9625  font-size: clamp(14px, 1.1vw, 16px);
9626  text-decoration: underline !important;
9627  text-underline-offset: 40%;
9628  text-decoration-thickness: 1.5px !important;
9629  line-height: 3;
9630  color: #000 !important;
9631  text-align: left;
9632  font-weight: 400;
9633  cursor: pointer;
9634  transition: font-size 0.5s ease;
9635  letter-spacing: 0.5px;
9636}
9637
9638.cat-dropdown-title:hover {
9639  text-decoration: none !important;
9640}
9641
9642.dropdown-icon {
9643  display: inline-flex;
9644  align-items: center;
9645  vertical-align: middle;
9646  padding-left: 0.4em;
9647  line-height: 1;
9648}
9649
9650.dropdown-icon .icon-toggle {
9651  width: 0.72em;
9652  height: 0.72em;
9653  display: block;
9654}
9655
9656.cat-dropdown-menu {
9657  display: none;
9658  position: absolute;
9659  bottom: 100%;
9660  left: 0;
9661  background-color: #FFF;
9662  min-width: auto !important;
9663  width: auto;
9664  white-space: nowrap;
9665  z-index: 9999;
9666  box-shadow: 0px 10px 8px rgba(0,0,0,0.08);
9667  border: 0.5px solid #CCCCCC;
9668}
9669
9670.cat-dropdown-menu a {
9671  padding: 0 1em;
9672  display: block;
9673  font-size: clamp(14px, 1.1vw, 16px);
9674  text-decoration: none;
9675  height: 2.8em;
9676  line-height: 2.8em;
9677  color: #000 !important;
9678  text-align: left;
9679  font-weight: 400;
9680  cursor: pointer;
9681  border: none !important;
9682  transition: font-size 0.5s ease;
9683  letter-spacing: 0.5px;
9684}
9685
9686.cat-dropdown-menu a:hover {
9687  background-color: #000;
9688  color: #FFF !important;
9689  text-decoration: none;
9690}
9691
9692
9693/* ================================================================
9694   🟢 THIN BANNER — TEXT VERSİYONU
9695   ================================================================ */
9696
9697.thin-banner-text {
9698  background: #FFFFFF;
9699  min-height: 100px;
9700  position: relative;
9701  display: grid;
9702  grid-template-columns: 100%;
9703  grid-template-rows: 100%;
9704  width: 100%;
9705  align-items: center;
9706}
9707
9708.thin-banner-text .tb-content {
9709  display: flex;
9710  flex-direction: column;
9711  justify-content: center;
9712  padding: 20px 3.2%;
9713  gap: 0;
9714}
9715
9716.thin-banner-text .tb-label {
9717  color: #000;
9718  font-size: clamp(14px, 1.2vw, 18px);
9719  font-weight: 400;
9720  line-height: 1;
9721  letter-spacing: 0.36px;
9722  margin-bottom: 6px;
9723}
9724
9725.thin-banner-text .tb-title {
9726  color: #000;
9727  font-size: clamp(27px, 2vw, 32px);
9728  font-weight: 400;
9729  line-height: 1.20;
9730  margin-bottom: 0.2em;
9731}
9732
9733.thin-banner-text .tb-subtitle {
9734  font-size: clamp(13px, 1.2vw, 16px);
9735  font-weight: 400;
9736  line-height: 1.4;
9737  letter-spacing: 0.3px;
9738  margin-bottom: 8px;
9739}
9740
9741.thin-banner-text .tb-midtext {
9742  color: #000;
9743  font-size: clamp(19px, 1.6vw, 22px);
9744  font-weight: 400;
9745  line-height: 1.3;
9746  letter-spacing: 0.32px;
9747  margin-bottom: 0.2em;
9748}
9749
9750.thin-banner-text .tb-detail {
9751  font-size: 12px;
9752  font-weight: 400;
9753  line-height: 1.4;
9754  letter-spacing: 0.3px;
9755  white-space: nowrap;
9756  text-align: right;
9757  flex-shrink: 0;
9758}
9759
9760.thin-banner-text .tb-detail a.tb-detail-link {
9761  font-size: 12px;
9762  font-weight: 400;
9763  color: inherit;
9764  text-decoration: underline !important;
9765  text-underline-offset: 3px;
9766  text-decoration-thickness: 1px !important;
9767  cursor: pointer;
9768  letter-spacing: 0.3px;
9769}
9770
9771.thin-banner-text .tb-detail a.tb-detail-link:hover {
9772  text-decoration: none !important;
9773}
9774
9775.thin-banner-text .hp-text-cta {
9776  display: flex;
9777  flex-wrap: wrap;
9778  align-items: center;
9779  gap: 15px;
9780}
9781
9782.thin-banner-text .hp-text-cta a.hp-text-cta-black {
9783  display: inline-flex;
9784  transition: all 0.5s ease;
9785  font-size: clamp(14px, 1.1vw, 16px);
9786  text-decoration: underline !important;
9787  text-decoration-color: #000 !important;
9788  text-decoration-thickness: 1.5px !important;
9789  text-underline-offset: 40%;
9790  line-height: 1;
9791  color: #000 !important;
9792  text-align: left;
9793  font-weight: 500;
9794  letter-spacing: 0.5px;
9795}
9796
9797.thin-banner-text .hp-text-cta a.hp-text-cta-black:hover {
9798  cursor: pointer;
9799  text-decoration: none !important;
9800}
9801
9802.thin-banner-text .hp-text-cta a.hp-text-cta-white {
9803  display: inline-flex;
9804  transition: all 0.5s ease;
9805  font-size: clamp(14px, 1.1vw, 16px);
9806  text-decoration: underline !important;
9807  text-decoration-color: #FFF !important;
9808  text-decoration-thickness: 1.5px !important;
9809  text-underline-offset: 40%;
9810  line-height: 1;
9811  color: #FFF !important;
9812  text-align: left;
9813  font-weight: 500;
9814  letter-spacing: 0.5px;
9815}
9816
9817.thin-banner-text .hp-text-cta a.hp-text-cta-white:hover {
9818  cursor: pointer;
9819  text-decoration: none !important;
9820}
9821
9822
9823/* ================================================================
9824   🟢 TB POPUP — OVERLAY & BOX (ileride kullanım için)
9825   ================================================================ */
9826
9827.tb-popup-overlay {
9828  display: none;
9829  position: fixed;
9830  inset: 0;
9831  background: rgba(0, 0, 0, 0.55);
9832  z-index: 999999;
9833  align-items: center;
9834  justify-content: center;
9835}
9836
9837.tb-popup-overlay.active {
9838  display: flex;
9839}
9840
9841.tb-popup-box {
9842  background: #fff;
9843  position: relative;
9844  padding: 30px;
9845  max-width: 500px;
9846  width: 90%;
9847  max-height: 85vh;
9848  overflow-y: auto;
9849  box-shadow: 0 4px 32px rgba(0, 0, 0, 0.18);
9850}
9851
9852.tb-popup-close {
9853  position: absolute;
9854  top: 14px;
9855  right: 16px;
9856  background: none;
9857  border: none;
9858  cursor: pointer;
9859  padding: 4px;
9860  line-height: 1;
9861  display: flex;
9862  align-items: center;
9863  justify-content: center;
9864  color: #000;
9865}
9866
9867.tb-popup-close:hover {
9868  opacity: 0.5;
9869}
9870
9871.tb-popup-close svg {
9872  width: 20px;
9873  height: 20px;
9874  stroke: #000;
9875  fill: none;
9876  stroke-width: 1.5;
9877}
9878
9879.tb-popup-title {
9880  font-size: clamp(15px, 1.4vw, 18px);
9881  font-weight: 700;
9882  line-height: 1.3;
9883  margin-bottom: 12px;
9884}
9885
9886.tb-popup-body {
9887  font-size: 12px;
9888  font-weight: 400;
9889  color: #595959;
9890  letter-spacing: 0.2px;
9891}
9892
9893@media (max-width: 767px) {
9894  .tb-popup-overlay {
9895    align-items: flex-end;
9896    padding-bottom: 8%;
9897  }
9898
9899  .tb-popup-box {
9900    padding: 36px 20px 28px 20px;
9901    width: 92%;
9902    max-height: 80vh;
9903  }
9904
9905  .tb-popup-title {
9906    font-size: 18px;
9907  }
9908
9909  .tb-popup-body {
9910    font-size: 13px;
9911  }
9912}
9913
9914
9915/* ================================================================
9916   🟢 DESKTOP ÖZEL KONUMLANDIRMA OVERRIDE'LARI
9917   ================================================================ */
9918
9919.bottom5 { bottom: 21% !important; }
9920.bottom6 { bottom: 30% !important; }
9921.bottom2 { bottom: 16% !important; }
9922.bottom3 { bottom: 12% !important; }
9923.bottom  { bottom: 10% !important; }
9924
9925.padding-left {
9926  padding-left: 9.2% !important;
9927  bottom: 10% !important;
9928}
9929
9930
9931/* ================================================================
9932   🟢 FULL-WIDTH OVERRIDE (CMS UYUMU)
9933   ================================================================ */
9934
9935.desktop-widgets .full,
9936.desktop-widgets .gap_custom_container,
9937.flatpage__container .full,
9938.flatpage__container .gap_custom_container,
9939.mobile-widgets .full,
9940.mobile-widgets .gap_custom_container {
9941  width: 100% !important;
9942  max-width: 100vw !important;
9943  height: auto !important;
9944}
9945
9946
9947/* ==========================================================================
9948   Buysocial
9949   ========================================================================== */
9950
9951.buysocial-slide-container {
9952  padding: 3.2%;
9953}
9954
9955a.sso-btn.sso-btn-loadmore2 {
9956  display: inline-flex;
9957  align-items: center;
9958  height: 2.8em;
9959  line-height: 2.8em;
9960  padding: 0 1em;
9961  background-color: #000;
9962  color: #FFF;
9963  text-decoration: none;
9964  text-align: left;
9965  font-size: clamp(14px, 1.1vw, 16px);
9966  font-weight: 500;
9967  border: 1px solid #000;
9968  cursor: pointer;
9969  position: relative;
9970  transition: background-color 0.5s ease, font-size 0.5s ease;
9971  letter-spacing: 0.5px;
9972}
9973
9974a.sso-btn.sso-btn-loadmore2:hover {
9975  background-color: #FFF;
9976  color: #000;
9977}
9978
9979
9980/* ================================================================
9981   🟢 MOBİL OVERRIDE'LAR (tek blok)
9982   ================================================================ */
9983
9984@media (max-width: 767px) {
9985  .cta-banner-wrapper {
9986    padding: 0 5%;
9987  }
9988
9989  .image_block div.cta-banner-wrapper .wide_single_link {
9990    padding: 0 2.6vw;
9991  }
9992
9993  .image_block div.hp-text-cta {
9994    flex-wrap: nowrap;
9995    overflow-x: scroll;
9996    -ms-overflow-style: none;
9997    scrollbar-width: none;
9998    gap: 5px;
9999  }
10000
10001  .image_block div.hp-text-cta::-webkit-scrollbar {
10002    display: none;
10003  }
10004
10005  /* Dropdown varsa overflow kaldır — menü kesilmesin */
10006  .image_block div.hp-text-cta:has(.hp-text-cta-dropdown) {
10007    overflow-x: visible;
10008    flex-wrap: wrap;
10009  }
10010
10011  .image_block div.hp-text-cta a.hp-text-cta-white,
10012  .image_block div.hp-text-cta a.hp-text-cta-black,
10013  .image_block div.hp-text-cta a.hp-text-cta-link {
10014    min-width: fit-content;
10015  }
10016}
10017
10018
10019/* hero-bottom-block — görsel olmadan kullanım */
10020.image_block--textonly {
10021  min-height: auto;
10022}
10023
10024.image_block--textonly .hero-bottom-block {
10025  position: relative;
10026  bottom: auto;
10027  padding: 30px 3.2%;
10028}
10029
10030/* hero-bottom-block — görsel olmadan center kullanım */
10031.image_block--textonly--center {
10032  min-height: auto;
10033  display: flex;
10034  align-items: center;
10035}
10036
10037.image_block--textonly--center .hero-bottom-block {
10038  position: relative;
10039  bottom: auto;
10040  padding: 6% 8%;
10041  width: 70%;
10042}
10043
10044
10045/* ================================================================
10046   🟢 RECO SLIDER — ÜRÜN ÖNERİLERİ
10047   ================================================================ */
10048
10049.reco-section { padding: 3.2%; position: relative; }
10050.reco-header { display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 1.4vw; }
10051.reco-title { font-size: clamp(24px, 2.2vw, 32px); color: #000; font-weight: 400; line-height: 1.6rem; }
10052.reco-arrows { display: flex; gap: 8px; align-items: center; }
10053.reco-arrow { width: 36px; height: 36px; border: 1px solid #000; background: #fff; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background-color 0.3s ease, opacity 0.3s ease; padding: 0; flex-shrink: 0; }
10054.reco-arrow:hover:not(:disabled) { background-color: #000; }
10055.reco-arrow:hover:not(:disabled) svg { stroke: #fff; }
10056.reco-arrow:disabled { opacity: 0.3; cursor: default; }
10057.reco-arrow svg { width: 16px; height: 16px; stroke: #000; fill: none; stroke-width: 1.5; pointer-events: none; }
10058
10059.reco-viewport { overflow: hidden; width: 100%; }
10060
10061.reco-track {
10062  display: flex;
10063  gap: 20px;
10064  transition: transform 0.4s ease;
10065  will-change: transform;
10066}
10067
10068.reco-item {
10069  flex-shrink: 0;
10070  flex-grow: 0;
10071  width: calc((100vw - 6.4vw - 3 * 20px) / 4);
10072}
10073
10074.ins-web-smart-recommender-box-item,
10075.ins-mobile-web-smart-recommender-box-item { display: block; }
10076
10077.ins-product-box { display: block; cursor: pointer; }
10078
10079.reco-item-link { display: block; text-decoration: none; color: inherit; }
10080.reco-item-img { width: 100%; height: auto; display: block; aspect-ratio: 3/4; object-fit: cover; background-color: #f5f5f5; }
10081
10082.reco-item-name { font-size: clamp(14px, 1.1vw, 16px); color: #000; font-weight: 400; margin-top: 10px; line-height: 1.4; letter-spacing: 0.3px; }
10083.reco-item-price { font-size: clamp(14px, 1.1vw, 16px); color: #000; font-weight: 500; margin-top: 4px; letter-spacing: 0.3px; }
10084.reco-item-price-original { text-decoration: line-through; color: #999; margin-right: 6px; font-weight: 400; }
10085
10086@media (max-width: 767px) {
10087  .reco-section { padding: 5% 0 5% 4%; }
10088  .reco-header { padding-right: 5%; margin-bottom: 16px; }
10089  .reco-arrows { display: none; }
10090  .reco-viewport { overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; scrollbar-width: none; -ms-overflow-style: none; }
10091  .reco-viewport::-webkit-scrollbar { display: none; }
10092  .reco-track { gap: 12px; transition: none; }
10093  .reco-item { width: calc((100vw - 5vw - 2 * 12px) / 2.5); }
10094}
10095
10096
10097/* ================================================================
10098   🟢 SALE / KAMPANYA
10099   ================================================================ */
10100
10101.sale-color { background-color: #F55442; }
10102.sale-title { color: #fff !important; }
10103.sale-cat   { padding: 1.2% !important; }
10104
10105</style>
10106
10107
10108<!-- ============================================ -->
10109<!-- MOBILE VERSION -->
10110<!-- ============================================ -->
10111<div class="page-wrapper-mobile">
10112
10113
10114  <!-- HERO VIDEO — APC (LCP) — poster preload ile öncelikli; video yalnızca mobilde JS ile hemen yüklenir -->
10115  <div class="container-mobile">
10116    <div class="image_block has-dropdown">
10117      <a href="/gap-a-p-c/">
10118        <video
10119          class="promo_bg_video"
10120          data-hero="true"
10121          poster="https://8f7eaa.a-cdn.akinoncloud.com/cms/2026/09/23/58249bf9-795f-4675-a273-db837f3e9422.jpg"
10122          muted
10123          loop
10124          playsinline
10125          preload="none"
10126          width="640"
10127          height="870" style="aspect-ratio:640/870">
10128          <source
10129            src="https://8f7eaa.a-cdn.akinoncloud.com/cms/2026/09/24/e3039c34-67da-4802-b76a-9728a14a7663.mp4"
10130            type="video/mp4">
10131        </video>
10132
10133        <img
10134          src="https://8f7eaa.a-cdn.akinoncloud.com/cms/2026/09/23/7d2fd263-7b86-40ab-a0bb-85890dcecda5.svg"
10135          alt="APC koleksiyonu"
10136          class="promo_detail_txt"
10137          width="640"
10138          height="870" style="aspect-ratio:640/870"
10139          loading="eager"
10140          fetchpriority="high">
10141      </a>
10142
10143      <div class="video-controls-container">
10144        <button type="button" class="video-control-btn video-mute-unmute" aria-label="Sesli/Sessiz">
10145          <svg class="mute-icon" width="16" height="16" viewBox="0 0 24 24" fill="white">
10146            <path d="M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z"/>
10147            <path d="M16.5 12c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02z"/>
10148            <line x1="22" y1="2" x2="2" y2="22" stroke="white" stroke-width="2"/>
10149          </svg>
10150          <svg class="unmute-icon hidden" width="16" height="16" viewBox="0 0 24 24" fill="white">
10151            <path d="M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z"/>
10152          </svg>
10153        </button>
10154        <button type="button" class="video-control-btn video-play-pause" aria-label="Oynat/Duraklat">
10155          <svg class="pause-icon" width="16" height="16" viewBox="0 0 24 24" fill="white">
10156            <rect x="6" y="4" width="4" height="16"/>
10157            <rect x="14" y="4" width="4" height="16"/>
10158          </svg>
10159          <svg class="play-icon hidden" width="16" height="16" viewBox="0 0 24 24" fill="white">
10160            <path d="M8 5v14l11-7z"/>
10161          </svg>
10162        </button>
10163      </div>
10164    </div>
10165  </div>
10166
10167
10168  <!-- TEXT BANNER — APC -->
10169  <div class="container-mobile" style="background-color: #FFF;">
10170    <div class="image_block image_block--textonly">
10171      <div class="hero-bottom-block">
10172        <div class="hero-text-overlay" style="color: #000;">
10173          <div class="hero-subtitle">İki farklı dünya. Tek bir koleksiyon.</br>
10174                                      Zahmetsiz stilin ortak dili, bir filmde hayat buluyor.</br>
10175                                      ian ve Paloma Le Friant başrolde.</div>
10176        </div>
10177        <div class="cta-banner-wrapper">
10178          <div class="cta-banner-item">
10179            <a href="/gap-a-p-c/" class="wide_single_black_link">Alışverişe Başla</a>
10180          </div>          
10181          <div class="cta-banner-item">
10182            <a href="/apc/" class="wide_single_black_link">Hikayeyi Keşfet</a>
10183          </div>
10184        </div>
10185      </div>
10186    </div>
10187  </div>
10188
10189
10190  <!-- GAPSWEATS VIDEO — lazy (görünür alana girince yüklenir) -->
10191  <div class="container-mobile top10">
10192    <div class="image_block has-dropdown">
10193      <a href="/gapsweats/">
10194        <video
10195          class="promo_bg_video"
10196          data-lazy="true"
10197          poster="https://8f7eaa.a-cdn.akinoncloud.com/cms/2026/09/14/28bafad2-3561-4dc8-862e-c0e757e56390.jpg"
10198          muted
10199          loop
10200          playsinline
10201          preload="none"
10202          width="640"
10203          height="738" style="aspect-ratio:640/738">
10204          <source
10205            src="https://8f7eaa.a-cdn.akinoncloud.com/cms/2026/09/14/201aaf82-f67b-4933-a1c8-66e7e75292d6.mp4"
10206            type="video/mp4">
10207        </video>
10208      </a>
10209
10210      <div class="video-controls-container">
10211        <button type="button" class="video-control-btn video-mute-unmute" aria-label="Sesli/Sessiz">
10212          <svg class="mute-icon" width="16" height="16" viewBox="0 0 24 24" fill="white">
10213            <path d="M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z"/>
10214            <path d="M16.5 12c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02z"/>
10215            <line x1="22" y1="2" x2="2" y2="22" stroke="white" stroke-width="2"/>
10216          </svg>
10217          <svg class="unmute-icon hidden" width="16" height="16" viewBox="0 0 24 24" fill="white">
10218            <path d="M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z"/>
10219          </svg>
10220        </button>
10221        <button type="button" class="video-control-btn video-play-pause" aria-label="Oynat/Duraklat">
10222          <svg class="pause-icon hidden" width="16" height="16" viewBox="0 0 24 24" fill="white">
10223            <rect x="6" y="4" width="4" height="16"/>
10224            <rect x="14" y="4" width="4" height="16"/>
10225          </svg>
10226          <svg class="play-icon" width="16" height="16" viewBox="0 0 24 24" fill="white">
10227            <path d="M8 5v14l11-7z"/>
10228          </svg>
10229        </button>
10230      </div>
10231    </div>
10232  </div>
10233
10234
10235  <!-- TEXT BANNER — GAPSWEATS -->
10236  <div class="container-mobile" style="background-color: #FFF;">
10237    <div class="image_block image_block--textonly">
10238      <div class="hero-bottom-block">
10239        <div class="hero-title-mobile1">Reset your sweats.</div>
10240        <div class="hero-text-overlay" style="color: #000;">
10241          <div class="hero-subtitle">Kat kat giy. Yumuşacık hisset. Özgür hisset.<br>
10242            Her anına eşlik edecek sweatshirt'lerle tanış.</div>
10243        </div>
10244        <div class="cta-banner-wrapper">
10245          <div class="cta-banner-item">
10246            <button type="button" class="wide_single_black_link" data-toggle="dropdown-21">GapSweats<span class="dropdown-icon"><img src="https://a53e12.a-cdn.akinoncloud.com/cms/2026/02/19/85287917-d098-4336-a64a-7c5e5c8f8d8e.svg" alt="+" class="icon-toggle"></span></button>
10247            <div id="dropdown-21" class="dropdown-content">
10248              <a href="/gapsweats/?category_ids=18069" class="dropdown-link">Kadın</a>
10249              <a href="/gapsweats/?category_ids=18144" class="dropdown-link">Erkek</a>
10250              <a href="/gapsweats/?category_ids=18187" class="dropdown-link">Kız Çocuk</a>
10251              <a href="/gapsweats/?category_ids=18225" class="dropdown-link">Erkek Çocuk</a>
10252              <a href="/gapsweats/?category_ids=18258" class="dropdown-link">Bebek</a>
10253            </div>
10254          </div>
10255          <div class="cta-banner-item">
10256            <button type="button" class="wide_single_black_link" data-toggle="dropdown-22">Yeni Gelenler<span class="dropdown-icon"><img src="https://a53e12.a-cdn.akinoncloud.com/cms/2026/02/19/85287917-d098-4336-a64a-7c5e5c8f8d8e.svg" alt="+" class="icon-toggle"></span></button>
10257            <div id="dropdown-22" class="dropdown-content">
10258              <a href="/yeni-gelenler/?category_ids=18069" class="dropdown-link">Kadın</a>
10259              <a href="/yeni-gelenler/?category_ids=18144" class="dropdown-link">Erkek</a>
10260              <a href="/yeni-gelenler/?category_ids=18187" class="dropdown-link">Kız Çocuk</a>
10261              <a href="/yeni-gelenler/?category_ids=18225" class="dropdown-link">Erkek Çocuk</a>
10262              <a href="/yeni-gelenler/?category_ids=18258" class="dropdown-link">Bebek</a>
10263              <a href="/yeni-gelenler/?category_ids=18323" class="dropdown-link">Yenidoğan</a>
10264            </div>
10265          </div>
10266        </div>
10267      </div>
10268    </div>
10269  </div>
10270
10271
10272  <!-- YENİ GELENLER RECO -->
10273  <div class="container-mobile" data-variation-id="10598">
10274    <div class="reco-section">
10275      <div class="reco-header">
10276        <div class="reco-title">Yeni gelenler</div>
10277      </div>
10278      <div class="reco-viewport">
10279        <div class="reco-placeholder-mobile"></div>
10280      </div>
10281    </div>
10282  </div>
10283
10284
10285
10286  <!-- HOT PICKS VIDEO — lazy (sayfanın altında; önceden hero gibi hemen yükleniyordu) -->
10287  <div class="container-mobile top10">
10288    <div class="section-one-mobile">
10289      <div class="image_block has-dropdown">
10290        <a href="/sezonun-sicak-favorileri/">
10291          <video
10292            class="promo_bg_video"
10293            data-lazy="true"
10294            poster="https://8f7eaa.a-cdn.akinoncloud.com/cms/2026/09/23/0b01feb3-2abd-4fa5-830f-8f4d7fb9fa97.jpg"
10295            muted
10296            loop
10297            playsinline
10298            preload="none"
10299            width="640"
10300            height="870" style="aspect-ratio:640/870">
10301            <source
10302              src="https://8f7eaa.a-cdn.akinoncloud.com/cms/2026/09/23/f8ddebe9-99f3-48d5-9357-4d10067b3d70.mp4"
10303              type="video/mp4">
10304          </video>
10305        </a>
10306
10307        <div class="hero-bottom-block">
10308          <div class="hero-text-overlay">
10309            <div class="hero-title">Hot picks.</div>
10310            <div class="hero-subtitle">Serin günler için gardırobunu hazırla.<br>
10311              Katmanlara ekleyeceğin yeni sezon favorilerini keşfet.</div>
10312          </div>
10313          <div class="cta-banner-wrapper">
10314            <div class="cta-banner-item">
10315              <button type="button" class="wide_single_link" data-toggle="dropdown-24">Kategoriler<span class="dropdown-icon"><img src="https://a53e12.a-cdn.akinoncloud.com/cms/2026/02/19/85287917-d098-4336-a64a-7c5e5c8f8d8e.svg" alt="+" class="icon-toggle"></span></button>
10316              <div id="dropdown-24" class="dropdown-content">
10317                <a href="/sezonun-sicak-favorileri/?category_ids=18069" class="dropdown-link">Kadın</a>
10318                <a href="/sezonun-sicak-favorileri/?category_ids=18144" class="dropdown-link">Erkek</a>
10319                <a href="/sezonun-sicak-favorileri/?category_ids=18187" class="dropdown-link">Kız Çocuk</a>
10320                <a href="/sezonun-sicak-favorileri/?category_ids=18225" class="dropdown-link">Erkek Çocuk</a>
10321                <a href="/sezonun-sicak-favorileri/?category_ids=18258" class="dropdown-link">Bebek</a>
10322                <a href="/sezonun-sicak-favorileri/?category_ids=18323" class="dropdown-link">Yenidoğan</a>
10323              </div>
10324            </div>
10325            <div class="cta-banner-item">
10326              <a href="/sezonun-sicak-favorileri/" class="wide_single_link">Alışverişe Başla</a>
10327            </div>
10328          </div>
10329        </div>
10330
10331        <div class="video-controls-container">
10332          <button type="button" class="video-control-btn video-play-pause" aria-label="Oynat/Duraklat">
10333            <svg class="pause-icon hidden" width="16" height="16" viewBox="0 0 24 24" fill="white">
10334              <rect x="6" y="4" width="4" height="16"/>
10335              <rect x="14" y="4" width="4" height="16"/>
10336            </svg>
10337            <svg class="play-icon" width="16" height="16" viewBox="0 0 24 24" fill="white">
10338              <path d="M8 5v14l11-7z"/>
10339            </svg>
10340          </button>
10341        </div>
10342      </div>
10343    </div>
10344  </div>
10345
10346        
10347<div class="container-mobile top10">
10348    <div class="image_block">
10349      <a href="/indirimli-urunler/">
10350        <img src="https://8f7eaa.a-cdn.akinoncloud.com/cms/2026/09/09/10086eb2-5898-43a4-8be4-e0a8e195684a.jpg" loading="eager" fetchpriority="high" alt="Yaz İndirimi" width="640" height="438" class="promo_bg_image" style="aspect-ratio:640/438">
10351        <img src="https://8f7eaa.a-cdn.akinoncloud.com/cms/2026/09/14/b471eae7-d8f0-4404-8859-20194fbc32ae.svg" decoding="sync" fetchpriority="high" alt="Yaz İndirimi Detay" width="640" height="438" class="promo_detail_txt" style="aspect-ratio:640/438">
10352      </a>
10353    <div class="hero-bottom-block bottom5">
10354      <!-- CTA DROPDOWN - HERO BANNER -->
10355      <div class="cta-banner-wrapper">
10356        <div class="cta-banner-item">
10357          <a href="/indirimli-urunler/" class="wide_single_black_link">Alışverişe Başla</a>
10358        </div>
10359        <div class="cta-banner-item">
10360          <button type="button" class="wide_single_black_link" data-toggle="dropdown-23">Kategoriler<span class="dropdown-icon"><img src="https://a53e12.a-cdn.akinoncloud.com/cms/2026/02/19/85287917-d098-4336-a64a-7c5e5c8f8d8e.svg" alt="+" class="icon-toggle"></span></button>
10361          <div id="dropdown-23" class="dropdown-content">
10362            <a href="/indirimli-urunler/?category_ids=18069" class="dropdown-link">Kadın</a>
10363            <a href="/indirimli-urunler/?category_ids=18144" class="dropdown-link">Erkek</a>
10364            <a href="/indirimli-urunler/?category_ids=18187" class="dropdown-link">Kız Çocuk</a>
10365            <a href="/indirimli-urunler/?category_ids=18225" class="dropdown-link">Erkek Çocuk</a>
10366            <a href="/indirimli-urunler/?category_ids=18258" class="dropdown-link">Bebek</a>
10367            <a href="/indirimli-urunler/?category_ids=18323" class="dropdown-link">Yenidoğan</a>
10368          </div>
10369        </div>
10370      </div>
10371    </div>
10372  </div>
10373</div>
10374
10375
10376  <!-- Buysocial start-->
10377  <div class="buysocial-slide-container" data-instashop-url="/instashop"></div>
10378  <!-- Buysocial end-->
10379
10380
10381  <!-- KATEGORİLER -->
10382  <div class="container-mobile">
10383    <div class="cat-section">
10384      <div class="cat-header">
10385        <div class="cat-title">Kategoriler</div>
10386      </div>
10387      <div class="grid-cols-2 gap-16">
10388        <!-- 1 -->
10389        <div class="image_block">
10390          <a href="/kadin-giyim/?category_ids=18069">
10391            <img src="https://8f7eaa.a-cdn.akinoncloud.com/cms/2026/08/13/68da72f8-505b-4bdc-ac9a-c71e09bfd021.jpg" loading="lazy" decoding="async" alt="Kadın" width="600" height="800" class="promo_bg_image" style="aspect-ratio:600/800">
10392          </a>
10393          <div class="cat-text">
10394            <a href="/kadin-giyim/?category_ids=18069" class="cat-link">Kadın</a>
10395          </div>
10396        </div>
10397        <!-- 2 -->
10398        <div class="image_block">
10399          <a href="/erkek-giyim/?category_ids=18144">
10400            <img src="https://8f7eaa.a-cdn.akinoncloud.com/cms/2026/08/13/130b5854-db8b-4f41-8dfb-99f119fbca27.jpg" loading="lazy" decoding="async" alt="Erkek" width="600" height="800" class="promo_bg_image" style="aspect-ratio:600/800">
10401          </a>
10402          <div class="cat-text">
10403            <a href="/erkek-giyim/?category_ids=18144" class="cat-link">Erkek</a>
10404          </div>
10405        </div>
10406        <!-- 3 -->
10407        <div class="image_block">
10408          <a href="/cocuk-giyim/">
10409            <img src="https://8f7eaa.a-cdn.akinoncloud.com/cms/2026/08/13/2e6d543e-2285-4f0c-b6a6-a7509684bcee.jpg" loading="lazy" decoding="async" alt="Çocuk" width="600" height="800" class="promo_bg_image" style="aspect-ratio:600/800">
10410          </a>
10411          <div class="cat-dropdown">
10412            <a href="#" class="cat-dropdown-title" onclick="toggleDropdown(event, this)">Çocuk<span class="dropdown-icon"><img src="https://a53e12.a-cdn.akinoncloud.com/cms/2026/02/19/85287917-d098-4336-a64a-7c5e5c8f8d8e.svg" alt="+" class="icon-toggle"></span></a>
10413            <div class="cat-dropdown-menu">
10414              <a href="/kiz-cocuk-giyim/?category_ids=18187">Kız Çocuk</a>
10415              <a href="/erkek-cocuk-giyim/">Erkek Çocuk</a>
10416            </div>
10417          </div>
10418        </div>
10419        <!-- 4 -->
10420        <div class="image_block">
10421          <a href="/bebek-giyim/">
10422            <img src="https://8f7eaa.a-cdn.akinoncloud.com/cms/2026/08/13/0aa65491-8b19-4306-a7f0-47d7fd4dae0d.jpg" loading="lazy" decoding="async" alt="Bebek ve Yenidoğan" width="600" height="800" class="promo_bg_image" style="aspect-ratio:600/800">
10423          </a>
10424          <div class="cat-dropdown">
10425            <a href="#" class="cat-dropdown-title" onclick="toggleDropdown(event, this)">Bebek &amp; Yenidoğan<span class="dropdown-icon"><img src="https://a53e12.a-cdn.akinoncloud.com/cms/2026/02/19/85287917-d098-4336-a64a-7c5e5c8f8d8e.svg" alt="+" class="icon-toggle"></span></a>
10426            <div class="cat-dropdown-menu">
10427              <a href="/bebek-giyim/">Bebek</a>
10428              <a href="/yenidogan-giyim/?category_ids=18323">Yenidoğan</a>
10429            </div>
10430          </div>
10431        </div>
10432      </div>
10433    </div>
10434  </div>
10435
10436
10437  <!-- YAPAYTECH YORUM -->
10438  <div class="yapaytech-comment-mobile"></div>
10439
10440</div>
10441<!-- /page-wrapper-mobile -->
10442
10443
10444<!-- ============================================ -->
10445<!-- VIDEO CONTROLLER SCRIPT (desktop + mobil ortak — iki widget'ta da BİREBİR AYN
10445I) -->
10446<!-- ============================================ -->
10447<script>
10448(function () {
10449  'use strict';
10450
10451  var VIDEO_SELECTOR = '.page-wrapper-desktop .promo_bg_video, .page-wrapper-mobile .promo_bg_video';
10452  var LAZY_SELECTOR  = '.page-wrapper-desktop video[data-lazy="true"], .page-wrapper-mobile video[data-lazy="true"]';
10453  var HERO_SELECTOR  = '.page-wrapper-desktop video[data-hero="true"], .page-wrapper-mobile video[data-hero="true"]';
10454
10455  var mqDesktop = window.matchMedia ? window.matchMedia('(min-width: 768px)') : null;
10456
10457  function isMobileViewport() {
10458    return mqDesktop ? !mqDesktop.matches : window.innerWidth < 768;
10459  }
10460
10461  /* Video şu anki görünümde mi? (masaüstü videosu mobilde gizli, tersi de öyle)
10462     Gizli taraftaki videolar ASLA yüklenmez / oynatılmaz. */
10463  function isActive(video) {
10464    if (!mqDesktop) return true;
10465    if (video.closest('.page-wrapper-desktop')) return mqDesktop.matches;
10466    if (video.closest('.page-wrapper-mobile'))  return !mqDesktop.matches;
10467    return true;
10468  }
10469
10470  /* Hero video — yalnızca aktif görünümdeki, hemen yüklenir */
10471  function loadHeroVideos() {
10472    document.querySelectorAll(HERO_SELECTOR).forEach(function (video) {
10473      if (video.dataset.heroLoaded === '1' || !isActive(video)) return;
10474      video.dataset.heroLoaded = '1';
10475      video.preload = 'auto';
10476      if (video.readyState === 0) video.load();
10477    });
10478  }
10479
10480  /* Lazy video — görünür alana girince yükle (display:none olan taraf hiç kesişmez) */
10481  function setupLazyLoading() {
10482    var lazyVideos = Array.prototype.filter.call(
10483      document.querySelectorAll(LAZY_SELECTOR),
10484      function (v) { return v.dataset.lazyBound !== '1'; }
10485    );
10486    if (!lazyVideos.length) return;
10487
10488    if (!('IntersectionObserver' in window)) {
10489      lazyVideos.forEach(function (video) {
10490        video.dataset.lazyBound = '1';
10491        if (!isActive(video)) return;
10492        video.preload = 'auto';
10493        video.load();
10494      });
10495      return;
10496    }
10497
10498    var observer = new IntersectionObserver(function (entries) {
10499      entries.forEach(function (entry) {
10500        if (entry.isIntersecting && isActive(entry.target)) {
10501          var video = entry.target;
10502          video.preload = 'auto';
10503          video.load();
10504          observer.unobserve(video);
10505        }
10506      });
10507    }, { rootMargin: '200px', threshold: 0.01 });
10508
10509    lazyVideos.forEach(function (video) {
10510      video.dataset.lazyBound = '1';
10511      observer.observe(video);
10512    });
10513  }
10514
10515  function VideoInstance(videoElement) {
10516    this.video = videoElement;
10517    /* Kontroller bazen .image_block dışında durduğu için container seviyesinden aranır */
10518    this.container = videoElement.closest('.container-mobile, .container-desktop') ||
10519                     videoElement.closest('.image_block');
10520    this.controls = this.container ? this.container.querySelector('.video-controls-container') : null;
10521    this.isHero = this.video.dataset.hero === 'true';
10522    this.isMuted = true;
10523    this.hasUserInteracted = false;
10524    this.setupVideoEvents();
10525    this.setupControls();
10526    this.updatePlayPauseButton();
10527  }
10528
10529  VideoInstance.prototype.setupVideoEvents = function () {
10530    var self = this;
10531    this.video.addEventListener('canplay', function () {
10532      if (self.video.paused && !self.hasUserInteracted && isActive(self.video)) self.playVideo();
10533    });
10534    this.video.addEventListener('playing', function () { self.updatePlayPauseButton(); });
10535    this.video.addEventListener('pause',   function () { self.updatePlayPauseButton(); });
10536    this.video.addEventListener('ended', function () {
10537      self.video.currentTime = 0;
10538      self.playVideo();
10539    });
10540  };
10541
10542  VideoInstance.prototype.setupControls = function () {
10543    if (!this.controls) return;
10544    var self = this;
10545    var playBtn = this.controls.querySelector('.video-play-pause');
10546    var muteBtn = this.controls.querySelector('.video-mute-unmute');
10547    if (playBtn) {
10548      playBtn.addEventListener('click', function (e) {
10549        e.preventDefault(); e.stopPropagation();
10550        self.togglePlayPause();
10551      });
10552    }
10553    if (muteBtn) {
10554      muteBtn.addEventListener('click', function (e) {
10555        e.preventDefault(); e.stopPropagation();
10556        self.toggleMute();
10557      });
10558    }
10559  };
10560
10561  VideoInstance.prototype.playVideo = function () {
10562    var self = this;
10563    var p;
10564    try { p = this.video.play(); } catch (err) { return Promise.resolve(); }
10565    if (p && typeof p.catch === 'function') {
10566      return p.catch(function () {
10567        self.video.muted = true;
10568        self.isMuted = true;
10569        self.updateMuteButton();
10570        var p2 = self.video.play();
10571        if (p2 && p2.catch) p2.catch(function () {});
10572      });
10573    }
10574    return Promise.resolve();
10575  };
10576
10577  VideoInstance.prototype.togglePlayPause = function () {
10578    this.hasUserInteracted = true;
10579    if (this.video.paused) {
10580      /* Video henüz yüklenmediyse önce yükle */
10581      if (this.video.readyState === 0) { this.video.preload = 'auto'; this.video.load(); }
10582      this.playVideo();
10583    } else {
10584      this.video.pause();
10585    }
10586  };
10587
10588  VideoInstance.prototype.toggleMute = function () {
10589    this.hasUserInteracted = true;
10590    if (this.isMuted) {
10591      this.video.muted = false;
10592      this.video.volume = isMobileViewport() ? 0.25 : 0.15;
10593      this.isMuted = false;
10594    } else {
10595      this.video.muted = true;
10596      this.isMuted = true;
10597    }
10598    if (this.video.paused) this.playVideo();
10599    this.updateMuteButton();
10600  };
10601
10602  VideoInstance.prototype.updatePlayPauseButton = function () {
10603    if (!this.controls) return;
10604    var playIcon  = this.controls.querySelector('.play-icon');
10605    var pauseIcon = this.controls.querySelector('.pause-icon');
10606    if (this.video.paused) {
10607      if (playIcon)  playIcon.classList.remove('hidden');
10608      if (pauseIcon) pauseIcon.classList.add('hidden');
10609    } else {
10610      if (playIcon)  playIcon.classList.add('hidden');
10611      if (pauseIcon) pauseIcon.classList.remove('hidden');
10612    }
10613  };
10614
10615  VideoInstance.prototype.updateMuteButton = function () {
10616    if (!this.controls) return;
10617    var muteIcon   = this.controls.querySelector('.mute-icon');
10618    var unmuteIcon = this.controls.querySelector('.unmute-icon');
10619    if (this.isMuted || this.video.muted) {
10620      if (muteIcon)   muteIcon.classList.remove('hidden');
10621      if (unmuteIcon) unmuteIcon.classList.add('hidden');
10622    } else {
10623      if (muteIcon)   muteIcon.classList.add('hidden');
10624      if (unmuteIcon) unmuteIcon.classList.remove('hidden');
10625    }
10626  };
10627
10628  function initVideoSystem() {
10629    /* Global "tek sefer" flag'i yok — element bazlı kontrol.
10630       Script iki widget'ta da olsa, SPA'da sayfaya geri dönülse de doğru çalışır. */
10631    window.__msVideos = (window.__msVideos || []).filter(function (i) { return document.contains(i.video); });
10632
10633    loadHeroVideos();
10634    setupLazyLoading();
10635
10636    document.querySelectorAll(VIDEO_SELECTOR).forEach(function (video) {
10637      if (video.dataset.ctrlBound === '1') return;
10638      video.dataset.ctrlBound = '1';
10639      window.__msVideos.push(new VideoInstance(video));
10640    });
10641
10642    if (!window.__msFirstInteractionBound) {
10643      window.__msFirstInteractionBound = true;
10644      var handleFirstInteraction = function () {
10645        (window.__msVideos || []).forEach(function (instance) {
10646          if (instance.isHero && isActive(instance.video) && instance.video.paused && !instance.hasUserInteracted) {
10647            instance.playVideo();
10648          }
10649        });
10650      };
10651      document.addEventListener('touchstart', handleFirstInteraction, { once: true, passive: true });
10652      document.addEventListener('click',      handleFirstInteraction, { once: true });
10653    }
10654
10655    /* Breakpoint değişirse (tablet döndürme, pencere boyutu): yeni tarafı yükle, eski tarafı durdur */
10656    if (mqDesktop && !window.__msMqBound) {
10657      window.__msMqBound = true;
10658      var onChange = function () {
10659        loadHeroVideos();
10660        (window.__msVideos || []).forEach(function (i) {
10661          if (!isActive(i.video)) {
10662            if (!i.video.paused) i.video.pause();
10663          } else if (i.video.paused && !i.hasUserInteracted && i.video.readyState >= 2) {
10664            i.playVideo();
10665          }
10666        });
10667      };
10668      if (mqDesktop.addEventListener) mqDesktop.addEventListener('change', onChange);
10669      else if (mqDesktop.addListener) mqDesktop.addListener(onChange);
10670    }
10671  }
10672
10673  if (document.readyState === 'loading') {
10674    document.addEventListener('DOMContentLoaded', initVideoSystem);
10675  } else {
10676    initVideoSystem();
10677  }
10678})();
10679</script>
10679
10680
10681
10682<!-- ============================================ -->
10683<!-- DROPDOWN & CTA SCRIPTS -->
10684<!-- ============================================ -->
10685<script>
10686(function () {
10687  'use strict';
10688
10689  var ICON_PLUS  = 'https://a53e12.a-cdn.akinoncloud.com/cms/2026/02/19/85287917-d098-4336-a64a-7c5e5c8f8d8e.svg';
10690  var ICON_MINUS = 'https://a53e12.a-cdn.akinoncloud.com/cms/2026/02/19/2f28aed8-b2de-4fdf-b4b0-cfa57b32d258.svg';
10691
10692  /* Inline onclick kullanıldığı için window'a atanır (tekrar atanması zararsız) */
10693  window.toggleDropdown = function (event, element) {
10694    event.preventDefault();
10695    var dropdownMenu = element.nextElementSibling;
10696    if (!dropdownMenu) return;
10697    var iconImg = element.querySelector('.dropdown-icon .icon-toggle');
10698    if (dropdownMenu.style.display === 'block') {
10699      dropdownMenu.style.display = 'none';
10700      if (iconImg) iconImg.src = ICON_PLUS;
10701    } else {
10702      dropdownMenu.style.display = 'block';
10703      if (iconImg) iconImg.src = ICON_MINUS;
10704    }
10705  };
10706
10707  window.toggleHpDropdown = function (event, element) {
10708    event.preventDefault();
10709    event.stopPropagation();
10710    var dropdownMenu = element.nextElementSibling;
10711    if (!dropdownMenu) return;
10712    var iconImg = element.querySelector('.dropdown-icon .icon-toggle');
10713
10714    document.querySelectorAll('.hp-text-cta-dropdown-menu').forEach(function (dd) {
10715      if (dd !== dropdownMenu) {
10716        dd.style.display = 'none';
10717        var otherIcon = dd.previousElementSibling && dd.previousElementSibling.querySelector('.icon-toggle');
10718        if (otherIcon) otherIcon.src = ICON_PLUS;
10719        var otherContainer = dd.closest('.container-desktop, .container-mobile');
10720        if (otherContainer) otherContainer.classList.remove('dropdown-active');
10721      }
10722    });
10723
10724    var parentContainer = dropdownMenu.closest('.container-desktop, .container-mobile');
10725    if (dropdownMenu.style.display === 'block') {
10726      dropdownMenu.style.display = 'none';
10727      if (iconImg) iconImg.src = ICON_PLUS;
10728      if (parentContainer) parentContainer.classList.remove('dropdown-active');
10729    } else {
10730      dropdownMenu.style.display = 'block';
10731      if (iconImg) iconImg.src = ICON_MINUS;
10732      if (parentContainer) parentContainer.classList.add('dropdown-active');
10733    }
10734  };
10735
10736  function initDropdowns() {
10737    /* CTA buton dropdown toggle — element bazlı çift bağlanma koruması */
10738    document.querySelectorAll('.wide_single_link[data-toggle], .wide_single_black_link[data-toggle]').forEach(function (button) {
10739      if (button.dataset.ddBound === '1') return;
10740      button.dataset.ddBound = '1';
10741
10742      button.addEventListener('click', function (e) {
10743        e.preventDefault();
10744        var dropdown = document.getElementById(this.getAttribute('data-toggle'));
10745        if (!dropdown) return;
10746        var iconImg = this.querySelector('.dropdown-icon .icon-toggle');
10747
10748        /* Diğer tüm dropdown'ları kapat */
10749        document.querySelectorAll('.dropdown-content').forEach(function (dd) {
10750          if (dd !== dropdown) {
10751            dd.style.display = 'none';
10752            var pc = dd.closest('.container-desktop, .container-mobile');
10753            if (pc) pc.style.zIndex = '';
10754          }
10755        });
10756        /* Beyaz VE siyah CTA'ların ikonlarını sıfırla */
10757        document.querySelectorAll('[data-toggle] .dropdown-icon .icon-toggle').forEach(function (img) {
10758          if (img !== iconImg) img.src = ICON_PLUS;
10759        });
10760
10761        var container = dropdown.closest('.container-desktop, .container-mobile');
10762        if (dropdown.style.display === 'flex') {
10763          dropdown.style.display = 'none';
10764          if (iconImg) iconImg.src = ICON_PLUS;
10765          if (container) container.style.zIndex = '';
10766        } else {
10767          dropdown.style.display = 'flex';
10768          if (iconImg) iconImg.src = ICON_MINUS;
10769          dropdown.style.width = button.offsetWidth + 'px';
10770          if (container) container.style.zIndex = '100';
10771        }
10772      });
10773    });
10774  }
10775
10776  if (document.readyState === 'loading') {
10777    document.addEventListener('DOMContentLoaded', initDropdowns);
10778  } else {
10779    initDropdowns();
10780  }
10781})();
10782</script>
10782
10783
10784
10785<!-- ============================================ -->
10786<!-- POP-UP SCRIPTS (sayfada popup varsa çalışır) -->
10787<!-- ============================================ -->
10788<script>
10789(function () {
10790  'use strict';
10791
10792  function initPopups() {
10793    document.querySelectorAll('.tb-detail-link[data-popup]').forEach(function (link) {
10794      if (link.dataset.popupBound === '1') return;
10795      link.dataset.popupBound = '1';
10796      link.addEventListener('click', function (e) {
10797        e.preventDefault();
10798        e.stopPropagation();
10799        var popup = document.getElementById(this.getAttribute('data-popup'));
10800        if (popup) popup.classList.add('active');
10801      });
10802    });
10803
10804    document.querySelectorAll('.tb-popup-overlay').forEach(function (overlay) {
10805      if (overlay.dataset.popupBound === '1') return;
10806      overlay.dataset.popupBound = '1';
10807      overlay.addEventListener('click', function (e) {
10808        if (e.target === this) this.classList.remove('active');
10809      });
10810      var closeBtn = overlay.querySelector('.tb-popup-close');
10811      if (closeBtn) {
10812        closeBtn.addEventListener('click', function () {
10813          overlay.classList.remove('active');
10814        });
10815      }
10816    });
10817  }
10818
10819  if (document.readyState === 'loading') {
10820    document.addEventListener('DOMContentLoaded', initPopups);
10821  } else {
10822    initPopups();
10823  }
10824})();
10825</script>
10825
10826
10827
10828<!-- ============================================ -->
10829<!-- RECO - INSIDER SCRIPT                        -->
10830<!-- ============================================ -->
10831<script>
10832(function () {
10833  'use strict';
10834
10835  var DEBUG = true;               /* Canlıda sorun çözülünce false yap */
10836  var ITEMS_PER_PAGE = 4;
10837  var EVENT_NAME = 'ins-sr:only-api-campaign:load';
10838
10839  function log() {
10840    if (DEBUG && window.console) console.log.apply(console, ['[reco]'].concat([].slice.call(arguments)));
10841  }
10842
10843  /* HTML / attribute kaçışı — ürün adında " veya ' olursa markup kırılmasın */
10844  function esc(str) {
10845    return String(str == null ? '' : str)
10846      .replace(/&/g, '&amp;')
10847      .replace(/</g, '&lt;')
10848      .replace(/>/g, '&gt;')
10849      .replace(/"/g, '&quot;')
10850      .replace(/'/g, '&#39;');
10851  }
10852
10853  /* Son alınan payload'lar — widget DOM'a sonradan gelirse tekrar denenir */
10854  window.__msRecoCache = window.__msRecoCache || {};
10855
10856  function createProductHTML(p, platform) {
10857    var boxItemClass = platform === 'mobile'
10858      ? 'ins-mobile-web-smart-recommender-box-item'
10859      : 'ins-web-smart-recommender-box-item';
10860
10861    var categories = p.category
10862      ? (typeof p.category === 'string' ? p.category : JSON.stringify(p.category))
10863      : '';
10864
10865    return (
10866      '<div class="' + boxItemClass + ' reco-item">' +
10867        '<div class="ins-product-box ins-element-link ins-sr-api"' +
10868            ' ins-product-id="' + esc(p.item_id) + '"' +
10869            ' data-product-categories="' + esc(categories) + '"' +
10870            ' event-collection="true">' +
10871          '<a class="reco-item-link" href="' + esc(p.url) + '">' +
10872            '<img src="' + esc(p.image_url) + '" alt="' + esc(p.name) + '"' +
10873                 ' class="reco-item-img" loading="lazy" decoding="async"' +
10874                 ' width="600" height="800" style="aspect-ratio:3/4">' +
10875          '</a>' +
10876        '</div>' +
10877        '<div class="reco-item-name">' + esc(p.name) + '</div>' +
10878      '</div>'
10879    );
10880  }
10881
10882  function renderWidget(placeholderEl, products, variationId, platform) {
10883    var bodyClass = platform === 'mobile'
10884      ? 'ins-mobile-web-smart-recommender-body'
10885      : 'ins-web-smart-recommender-body';
10886
10887    var productIds = JSON.stringify(products.map(function (p) { return p.item_id; }));
10888    var itemsHTML  = products.map(function (p) { return createProductHTML(p, platform); }).join('');
10889
10890    placeholderEl.innerHTML =
10891      '<div class="ins-preview-wrapper-' + esc(variationId) + ' ins-sr-api-wrapper">' +
10892        '<div class="' + bodyClass + ' reco-track" data-recommended-items="' + esc(productIds) + '">' +
10893          itemsHTML +
10894        '</div>' +
10895      '</div>';
10896  }
10897
10898  function initRecoSlider(sectionEl, totalItems) {
10899    if (!sectionEl) return;
10900    var track   = sectionEl.querySelector('.reco-track');
10901    var prevBtn = sectionEl.querySelector('.reco-prev');
10902    var nextBtn = sectionEl.querySelector('.reco-next');
10903    if (!track || !prevBtn || !nextBtn) return;
10904
10905    var totalPages  = Math.ceil(totalItems / ITEMS_PER_PAGE);
10906    var currentPage = 0;
10907
10908    function getItemWidth() {
10909      var items = track.querySelectorAll('.reco-item');
10910      if (!items.length) return 0;
10911      return items[0].offsetWidth + parseFloat(window.getComputedStyle(track).gap || '20');
10912    }
10913    function goToPage(page) {
10914      currentPage = Math.max(0, Math.min(page, totalPages - 1));
10915      track.style.transform = 'translateX(-' + (currentPage * ITEMS_PER_PAGE * getItemWidth()) + 'px)';
10916      prevBtn.disabled = currentPage === 0;
10917      nextBtn.disabled = currentPage === totalPages - 1;
10918    }
10919    prevBtn.addEventListener('click', function () { goToPage(currentPage - 1); });
10920    nextBtn.addEventListener('click', function () { goToPage(currentPage + 1); });
10921    prevBtn.disabled = true;
10922    nextBtn.disabled = totalPages <= 1;
10923    window.addEventListener('resize', function () { goToPage(currentPage); });
10924  }
10925
10926  /* Farklı payload yapılarını normalize et */
10927  function normalize(data) {
10928    if (!data) return null;
10929    var src = data.data && (data.data.products || data.data.variationId) ? data.data : data;
10930    var products = src.products || src.data || [];
10931    var varId = src.variationId != null ? src.variationId : src.variation_id;
10932    if (!Array.isArray(products) || !products.length || varId == null) return null;
10933    return { varId: String(varId), products: products };
10934  }
10935
10936  /* Bir variation'ı DOM'daki tüm eşleşen bloklara render et.
10937     Render flag'i DOM elementinde tutulur (SPA'da yeni DOM = yeni render) */
10938  function renderVariation(varId, products) {
10939    var blocks = document.querySelectorAll('[data-variation-id="' + varId + '"]');
10940    if (!blocks.length) log('variation ' + varId + ' için sayfada blok yok');
10941
10942    blocks.forEach(function (block) {
10943      var isMobile = block.classList.contains('container-mobile');
10944      var ph = block.querySelector(isMobile ? '.reco-placeholder-mobile' : '.reco-placeholder-desktop');
10945      if (!ph) { log('placeholder bulunamadı', block); return; }
10946      if (ph.dataset.rendered === '1') return;
10947      ph.dataset.rendered = '1';
10948      renderWidget(ph, products, varId, isMobile ? 'mobile' : 'web');
10949      if (!isMobile) initRecoSlider(block.querySelector('.reco-section'), products.length);
10950      log('render edildi: variation ' + varId + ', ' + products.length + ' ürün');
10951    });
10952  }
10953
10954  function handleRecoResponse(data) {
10955    log('event geldi:', data);
10956    var n = normalize(data);
10957    if (!n) { log('payload beklenen yapıda değil (products / variationId yok)'); return; }
10958    window.__msRecoCache[n.varId] = n.products;
10959    renderVariation(n.varId, n.products);
10960  }
10961
10962  /* Cache'teki payload'ları mevcut DOM'a tekrar uygula (SPA'da sayfaya geri dönüş) */
10963  function renderFromCache() {
10964    Object.keys(window.__msRecoCache).forEach(function (varId) {
10965      renderVariation(varId, window.__msRecoCache[varId]);
10966    });
10967  }
10968
10969  function setupInsiderIntegration(tries) {
10970    tries = tries || 0;
10971    if (!window.Insider || !window.Insider.eventManager) {
10972      if (tries < 150) {
10973        setTimeout(function () { setupInsiderIntegration(tries + 1); }, 100);
10974      } else {
10975        log('Insider 15 sn içinde yüklenmedi');
10976      }
10977      return;
10978    }
10979
10980    /* Aynı Insider instance'ına yalnızca bir kez bağlan */
10981    if (window.Insider.__msRecoHooked) { renderFromCache(); return; }
10982    window.Insider.__msRecoHooked = true;
10983    window.__msRecoHandler = handleRecoResponse;
10984
10985    var em = window.Insider.eventManager;
10986
10987    /* 1) Resmi dinleyici */
10988    if (typeof em.on === 'function') {
10989      em.on(EVENT_NAME, function (event, data) {
10990        window.__msRecoHandler(data !== undefined ? data : event);
10991      });
10992    }
10993
10994    /* 2) dispatch override — yedek (timing güvencesi) */
10995    if (typeof em.dispatch === 'function') {
10996      var origDispatch = em.dispatch;
10997      em.dispatch = function (eventName, payload) {
10998        if (eventName === EVENT_NAME) window.__msRecoHandler(payload);
10999        return origDispatch.apply(this, arguments);
11000      };
11001    }
11002
11003    log('Insider dinleyicisi bağlandı');
11004  }
11005
11006  function start() {
11007    renderFromCache();
11008    setupInsiderIntegration(0);
11009  }
11010
11011  if (document.readyState === 'loading') {
11012    document.addEventListener('DOMContentLoaded', start);
11013  } else {
11014    start();
11015  }
11016})();
11017</script>
11017
11018
11019  
11020  
11021  
11022  
11023  
11024
11025
11026  <!-- LOYALTY BANNER Start -->
11027
11028<!--    <button id="gap-loyalty" class="loyalty_image_button" onclick="window.location.href='https://gap.com.tr/gap-loyalty/';" style="padding: 0px; right: 0px; top: 40%; border: none; z-index: 99999990 !important; position: fixed !important; cursor: pointer !important; line-height: 1px !important; margin-top: 0px;" tabindex="0">
11029<img alt="Gap sadakat programına katıl" src="https://cdn-gap.akinon.net/cms/2021/05/04/6b9eeec3-7fdc-4e13-986b-2a720d01c266.jpe"></button> -->
11030
11031 <!-- LOYALTY BANNER End   -->
11032
11033  
11034  
11035  
11036  
11037  
11038
11039
11040  
11041
11042  
11043  
11044  
11045  
11046  
11047
11048
11049  
11050
11051  
11052  
11053  
11054  
11055  
11056
11057
11058  
11059
11060  
11061  
11062</div>
11063
11064
11065      
11066        <footer class="footer">
11067  <div class="footer-container">
11068
11069    
11070
11071
11072    
11073    
11074
11075
11076
11077
11078
11079
11080
11081
11082
11083
11084
11085  <pz-accordion class="footer-menu">
11086    
11087      <pz-expandable max-breakpoint="640" title="ÖZEL SAYFALAR">
11088        <ul>
11089          
11090            <li>
11091              <a aria-label="Yılbaşı Hediye Önerileri"
11092                href="https://gap.com.tr/yilbasi-hediyeleri/"
11093                
11094              >
11095                Yılbaşı Hediye Önerileri
11096              </a>
11097            </li>
11098          
11099            <li>
11100              <a aria-label="Sevgililer Günü"
11101                href="https://gap.com.tr/sevgililer-gunu-hediye-onerileri/"
11102                
11103              >
11104                Sevgililer Günü
11105              </a>
11106            </li>
11107          
11108            <li>
11109              <a aria-label="23 Nisan"
11110                href="https://gap.com.tr/23-nisan-gap/"
11111                
11112              >
11113                23 Nisan
11114              </a>
11115            </li>
11116          
11117            <li>
11118              <a aria-label="Black Friday"
11119                href="/black-friday-indirimleri/"
11120                
11121              >
11122                Black Friday
11123              </a>
11124            </li>
11125          
11126            <li>
11127              <a aria-label="Cyber Monday"
11128                href="https://gap.com.tr/cyber-monday-gap/"
11129                
11130              >
11131                Cyber Monday
11132              </a>
11133            </li>
11134          
11135            <li>
11136              <a aria-label="Babalar Günü"
11137                href="https://gap.com.tr/babalar-gunu-gap/"
11138                
11139              >
11140                Babalar Günü
11141              </a>
11142            </li>
11143          
11144            <li>
11145              <a aria-label="Anneler Günü"
11146                href="https://gap.com.tr/anneler-gunu/"
11147                
11148              >
11149                Anneler Günü
11150              </a>
11151            </li>
11152          
11153            <li>
11154              <a aria-label="Okula Dönüş"
11155                href="https://gap.com.tr/okul-kiyafeti-onerileri/"
11156                
11157              >
11158                Okula Dönüş
11159              </a>
11160            </li>
11161          
11162            <li>
11163              <a aria-label="Tatil Bavulu"
11164                href="https://gap.com.tr/tatil-bavulu-gap/"
11165                
11166              >
11167                Tatil Bavulu
11168              </a>
11169            </li>
11170          
11171        </ul>
11172      </pz-expandable>
11173    
11174
11175    
11176      <pz-expandable max-breakpoint="640" title="MÜŞTERİ HİZMETLERİ">
11177        <ul>
11178          
11179            <li>
11180              <a class=""   
11181                href="https://gap.com.tr/sss"
11182                
11183              >
11184                Sık Sorulan Sorular
11185              </a>
11186            </li>
11187          
11188            <li>
11189              <a class=""   
11190                href="https://gap.com.tr/account/contact/"
11191                
11192              >
11193                Bize Ulaşın
11194              </a>
11195            </li>
11196          
11197            <li>
11198              <a class=""   
11199                href="https://gap.com.tr/address/stores/"
11200                
11201              >
11202                Mağazalarımız
11203              </a>
11204            </li>
11205          
11206            <li>
11207              <a class=""   
11208                href="https://gap.com.tr/nasil-iade-yapilir/?gad_source=1&amp;gad_campaignid=21451808844&amp;gbraid=0AAAAADR9-doZ7ypAum9CcRsImFsM_02q0&amp;gclid=Cj0KCQiAgP_JBhD-ARIsANpEMxw-zKOS0YLS2n42ww2_JHa1D7txTHdeLrqtnyY6garn38mOW3YXqFEaAshMEALw_wcB"
11209                
11210              >
11211                İade &amp; Değişim
11212              </a>
11213            </li>
11214          
11215            <li>
11216              <a class=""   
11217                href="/gonderim-yontemleri-ve-ucretleri/"
11218                
11219              >
11220                Gönderi Ücretleri
11221              </a>
11222            </li>
11223          
11224        </ul>
11225      </pz-expandable>
11226    
11227
11228    
11229      <pz-expandable max-breakpoint="640" title="ALIŞVERİŞ">
11230        <ul>
11231          
11232            <li>
11233              <a
11234                href="https://gap.com.tr/size-chart"
11235                
11236              >
11237                Beden Tablosu
11238              </a>
11239            </li>
11240          
11241            <li>
11242              <a
11243                href="https://gap.com.tr/users/orders/"
11244                
11245              >
11246                Siparişi Takip Et
11247              </a>
11248            </li>
11249          
11250            <li>
11251              <a
11252                href="https://faturasorgulama.elogo.com.tr/"
11253                
11254              >
11255                E-arşiv Fatura
11256              </a>
11257            </li>
11258          
11259            <li>
11260              <a
11261                href="https://gap.com.tr/anonymous_order/"
11262                
11263              >
11264                Üyeliksiz Sipariş Takibi / İadesi
11265              </a>
11266            </li>
11267          
11268        </ul>
11269      </pz-expandable>
11270    
11271
11272    
11273      <pz-expandable max-breakpoint="640" title="KEŞFET">
11274        <ul>
11275          
11276            <li>
11277              <a
11278                href="https://gap.com.tr/blog/"
11279                
11280              >
11281                Blog
11282              </a>
11283            </li>
11284          
11285            <li>
11286              <a
11287                href="https://gap.com.tr/surdurulebilirlik-gap-for-good/"
11288                
11289              >
11290                Gap For Good
11291              </a>
11292            </li>
11293          
11294        </ul>
11295      </pz-expandable>
11296    
11297  </pz-accordion>
11298
11299    
11300  </div>
11301
11302
11303  
11304  
11305
11306
11307
11308
11309  <div class="footer-social">
11310    
11311      
11312      
11313      
11314      
11315
11316      <a aria-label="instagram"
11317        href="https://www.instagram.com/gapturkiye/"
11318        rel="noreferrer nofollow"
11319        
11320      >
11321        <i class="icon pz-icon-instagram"></i>
11322      </a>
11323    
11324      
11325      
11326      
11327      
11328
11329      <a aria-label="youtube"
11330        href="https://www.youtube.com/user/gap"
11331        rel="noreferrer nofollow"
11332        
11333      >
11334        <i class="icon pz-icon-youtube"></i>
11335      </a>
11336    
11337      
11338      
11339      
11340      
11341
11342      <a aria-label="twitter"
11343        href="https://x.com/gapturkiye"
11344        rel="noreferrer nofollow"
11345        
11346      >
11347        <i class="icon pz-icon-twitter"></i>
11348      </a>
11349    
11350      
11351      
11352      
11353      
11354
11355      <a aria-label="facebook"
11356        href="https://www.facebook.com/GapTurkiye/"
11357        rel="noreferrer nofollow"
11358        
11359      >
11360        <i class="icon pz-icon-facebook"></i>
11361      </a>
11362    
11363  </div>
11364
11365  
11366
11367
11368
11369  
11370  
11371
11372
11373
11374
11375<div class="footer-bottom">
11376  <div class="footer-bottom__title">
11377    GAP+APP İNDİR
11378  </div>
11379
11380  
11381    <div class="footer-bottom__apps">
11382      
11383      
11384        
11385      
11386        <a aria-label="Google Play"
11387          href="https://play.google.com/store/apps/details?id=com.fibaretail.gap&amp;hl=tr"
11388          rel="noreferrer nofollow"
11389          target=_blank
11390        >
11391          <img loading="lazy" width="127" height="38" alt="Google Play" src="https://8f7eaa.a-cdn.akinoncloud.com/cms/2023/07/19/af6ba794-1048-48b7-828c-cadd0f0292ea.png">
11392        </a>
11393      
11394      
11395        
11396      
11397        <a aria-label="App Store"
11398          href="https://itunes.apple.com/tr/app/gap-t%C3%BCrkiye/id1445984324?l=tr&amp;mt=8"
11399          rel="noreferrer nofollow"
11400          target=_blank
11401        >
11402          <img loading="lazy" width="127" height="38" alt="App Store" src="https://8f7eaa.a-cdn.akinoncloud.com/cms/2023/07/19/3967cec5-0060-461e-8819-d437cba00c2a.png">
11403        </a>
11404      
11405    </div>
11406  
11407
11408  
11409
11410  
11411    <div class="footer-bottom__links">
11412      
11413        <a aria-label="Üyelik Sözleşmesi"
11414          class="footer-bottom__links-link"
11415          href="https://gap.com.tr/uyelik-sozlesmesi"
11416          rel="noreferrer"
11417          
11418        >
11419          Üyelik Sözleşmesi
11420        </a>
11421      
11422        <a aria-label="Bilgi Toplumu Hizmetleri"
11423          class="footer-bottom__links-link"
11424          href="https://e-sirket.mkk.com.tr/?page=company&amp;company=10425"
11425          rel="noreferrer"
11426          target=_blank
11427        >
11428          Bilgi Toplumu Hizmetleri
11429        </a>
11430      
11431        <a aria-label="İşlem Rehberi"
11432          class="footer-bottom__links-link"
11433          href="https://gap.com.tr/islem-rehberi"
11434          rel="noreferrer"
11435          
11436        >
11437          İşlem Rehberi
11438        </a>
11439      
11440        <a aria-label="Sosyal Sorumluluk"
11441          class="footer-bottom__links-link"
11442          href="https://gap.com.tr/sosyal-sorumluluk"
11443          rel="noreferrer"
11444          
11445        >
11446          Sosyal Sorumluluk
11447        </a>
11448      
11449        <a aria-label="İnsan Kaynakları"
11450          class="footer-bottom__links-link"
11451          href="https://kariyer.fibaretail.com.tr/"
11452          rel="noreferrer"
11453          target=_blank
11454        >
11455          İnsan Kaynakları
11456        </a>
11457      
11458        <a aria-label="Kişisel Verilere İlişkin Aydınlatma Metni"
11459          class="footer-bottom__links-link"
11460          href="https://gap.com.tr/aydinlatma-metni"
11461          rel="noreferrer"
11462          
11463        >
11464          Kişisel Verilere İlişkin Aydınlatma Metni
11465        </a>
11466      
11467    </div>
11468  
11469</div>
11470  
11471
11472  <div class="footer-sticky js-scroll-top">
11473    <p class="footer-sticky__scroll-top" ><i class="pz-icon-chevron-up"></i></p>
11474  </div>
11475
11476</footer>
11477      
11478    </div>
11479
11480
11481    <pz-modal class="js-add-to-favourite add-favorite-modal" id="addToFavourite" theme="account">
11482      <div class="add-to-favourite__content js-add-to-favourite-content"></div>
11483    </pz-modal>
11484
11485    
11486
11487    
11488  <div class="bg-overlay js-bg-overlay hidden ">
11489    
11490  </div>
11491
11492    <div class="modal__bg basket-popup-bg js-basket-bg" style="display: none"></div>
11493
11494    
11494<script src="https://11d46382.cdn.akinoncloud.com/static_omnishop/gapzero181/js/runtime.js"
11495  integrity=sha256-K+P/t2LVppKa9QKSVLENf1GynTLRXq3pg8F5P6Uq2ug=
11496  crossorigin="anonymous"></script>
11496
11497
11498<script type="module" src="https://11d46382.cdn.akinoncloud.com/static_omnishop/gapzero181/js/hydration.js"
11499  integrity=sha256-AQLBGUOhnEN18TEob4XvmH+9RETsdj5CN2NYZj+b/VM=
11500  crossorigin="anonymous"></script>
11500
11501
11502<script nomodule src="https://11d46382.cdn.akinoncloud.com/static_omnishop/gapzero181/js/hydration-legacy.js"
11503  integrity=sha256-p1fY0MHjj0c+Wey1GpUiGFk5IJ+Av8HdP1BboM4mnrY=
11504  crossorigin="anonymous"></script>
11504
11505
11506<script type="module" src="https://11d46382.cdn.akinoncloud.com/static_omnishop/gapzero181/js/app.js"
11507  integrity=sha256-rjS18x63Wm5Ra35T1jKnbFnPrV91C0paJttOlN/0FcU=
11508  crossorigin="anonymous"></script>
11508
11509
11510<script nomodule src="https://11d46382.cdn.akinoncloud.com/static_omnishop/gapzero181/js/app-legacy.js"
11511  integrity=sha256-NuWmvVVtol7zeBIbd7aDdcV3BGWNkhphtBnmKAUfPzM=
11512  crossorigin="anonymous"></script>
11512
11513
11514  
11514<script src="https://11d46382.cdn.akinoncloud.com/static_omnishop/gapzero181/js/masterpass-javascript-sdk-web.min.js"></script>
11514
11515
11516<script>
11517
11518  
11519  if (!window.pushInsiderBasketData) {
11520    window.pushInsiderBasketData = function() {}
11521  }
11522
11523  if (!window.pushEmarsysBasketData) {
11524    window.pushEmarsysBasketData = function(basketData = {}) {
11525      var cartItems = [];
11526
11527      if (Object.keys(basketData).length > 0) {
11528        basketData.basketitem_set.forEach(function(item) {
11529          cartItems.push({
11530            item: String(item.product.pk),
11531            price: parseFloat(item.price),
11532            quantity: item.quantity
11533          });
11534        });
11535      }
11536
11537      window.dataLayer.push({
11538        'event': 'cartInfo',
11539        cartItems
11540      });
11541    }
11542  }
11543</script>
11543
11544
11545  
11545<script type="application/ld+json">
11546    {
11547      "@context": "http://schema.org/",
11548      "@type": "WebSite",
11549      "name": "GAP",
11550      "url": "https://gap.com.tr",
11551      "potentialAction": {
11552        "@type": "SearchAction",
11553        "target": "https://gap.com.tr/list/?search_text={search_term_string}",
11554        "query-input": "required name=search_term_string"
11555      }
11556    }
11557  </script>
11557
11558
11559 
11560  
11561      
11561<script>
11562        // User data push
11563        window.InsiderQueue.push({
11564          type: 'user',
11565          value: {
11566            uuid: "",
11567            gender: "",
11568            birthday: "",
11569            
11570            name: "",
11571            surname: "",
11572            email: "",
11573            
11574            phone_number: "",
11575            
11576            language: "tr-tr".replace(/(.*)-(.*)/,function(m,a,b){return a+'_'+b.toUpperCase()})
11577          }
11578        });
11579
11580        // Currency push
11581        window.InsiderQueue.push({
11582          type: 'currency',
11583          value: 'TRY'
11584        });
11585
11586        // Page type push
11587        var pageType = GLOBALS.page[0];
11588        var specialPages = ['success', 'product', 'search', 'basket'];
11589
11590        if (pageType === 'home') {
11591          window.InsiderQueue.push({ type: 'home', value: {} });
11592        } else if (!specialPages.includes(pageType)) {
11593          window.InsiderQueue.push({ type: 'other', value: { name: pageType } });
11594        }
11595
11596        // register_web custom event
11597        let register_web = localStorage.getItem('register_web');
11598        if (register_web) {
11599          var trackData = JSON.parse(register_web);
11600          window.InsiderQueue.push({
11601            type: 'custom_event',
11602            value: [{
11603              event_name: 'register_web',
11604              event_parameters: {
11605                custom: { timestamp: trackData.events.timestamp }
11606              }
11607            }]
11608          });
11609          localStorage.removeItem('register_web');
11610        }
11611
11612        
11613        if (['home', 'appSize'].includes(pageType) || !['product', 'search', 'success', 'basket'].includes(pageType)) {
11614          window.InsiderQueue.push({ type: 'init' });
11615        }
11616      </script>
11616
11617    
11618  
11618<script type="application/ld+json">
11619    {
11620      "@context": "https://schema.org",
11621      "@type": "Organization",
11622      "name": "GAP",
11623      "alternateName": "Gap",
11624      "url": "https://gap.com.tr/",
11625      "logo": "https://11d46382.cdn.akinoncloud.com/static_omnishop/gapzero181/img/favicon.png",
11626      "sameAs": [
11627      "https://www.facebook.com/GapTurkiye/",
11628      "https://twitter.com/gap",
11629      "https://www.instagram.com/gapturkiye/",
11630      "https://www.youtube.com/user/gap"
11631      ]
11632    }
11633  </script>
11633
11634
11635
11636  </body>
11637</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.