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 & İç 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&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&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 & YenidoÄan" style="" href="/bebek/" class="link"> 2145 Bebek & 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&attributes_gender=erkek_bebek&attributes_gender=kiz_bebek&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 & 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'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 & EÅofman Altı 3228 </a> 3229 3230 <a href="/bebek-tulum-body/"> 3231 Bebek Tulum & 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 & İç Giyim" class="link" href="/kadin-gapbody/" style=""> 4063 Pijama & İç 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&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&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 & 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 & 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&attributes_gender=erkek_bebek&attributes_gender=kiz_bebek&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 & 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's Fashion Row" class="link" href="/harlems-fashion-row/" style=""> 6307 Gap à Harlem'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 & EÅofman Altı 6474 </a> 6475 6476 <a href="/bebek-tulum-body/"> 6477 Bebek Tulum & 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 & 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, '&') 8624 .replace(/</g, '<') 8625 .replace(/>/g, '>') 8626 .replace(/"/g, '"') 8627 .replace(/'/g, '''); 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 & 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, '&') 10847 .replace(/</g, '<') 10848 .replace(/>/g, '>') 10849 .replace(/"/g, '"') 10850 .replace(/'/g, '''); 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&gad_campaignid=21451808844&gbraid=0AAAAADR9-doZ7ypAum9CcRsImFsM_02q0&gclid=Cj0KCQiAgP_JBhD-ARIsANpEMxw-zKOS0YLS2n42ww2_JHa1D7txTHdeLrqtnyY6garn38mOW3YXqFEaAshMEALw_wcB" 11209 11210 > 11211 İade & 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&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&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&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.