Düz Cam & Mimari Camlar Ürün Kataloğu

<html dir="ltr" lang="tr-TR"> <head> <base href="https://www.sisecam.com/tr/duz-cam-urun-katalogu?categories=Lamine&targetAudience=Professionals"> <meta http-equiv="Content-type" content="text/html; charset=utf-8"> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no,shrink-to-fit=no"> <link rel="preload" href="/_catalogs/masterpage/assets/fonts/inter-latin.woff2" as="font" type="font/woff2" crossorigin="anonymous"> <link rel="preload" href="/_catalogs/masterpage/assets/fonts/inter-latin-ext.woff2" as="font" type="font/woff2" crossorigin="anonymous"> <link rel="stylesheet" href="/_catalogs/masterpage/assets/fonts/font.css"> <link id="ctl00_favicon" rel="shortcut icon" href="/_catalogs/masterpage/assets/favicon.ico" type="image/vnd.microsoft.icon"> <link rel="icon" type="image/x-icon" href="/_catalogs/masterpage/assets/favicon.ico"> <link rel="icon" href="/_catalogs/masterpage/assets/favicon.ico" type="image/x-icon">  <link rel="preload" as="image" href="/tr/PublishingImages/AnasayfaBanner/slider/Plant-Of-The-Future.webp"> <link rel="preload" as="image" href="/tr/PublishingImages/AnasayfaBanner/slider/future-mobil.webp"> <script async src="https://bundles.efilli.com/sisecam.com.prod.js"></script> <link async rel="stylesheet" href="/_catalogs/masterpage/assets/swiper-bundle.min.css"> <link rel="stylesheet" href="/_catalogs/masterpage/assets/main.css?v=3"> <script> !function (f, b, e, v, n, t, s) { if (f.fbq) return; n = f.fbq = function () { n.callMethod ? n.callMethod.apply(n, arguments) : n.queue.push(arguments) }; if (!f._fbq) f._fbq = n; n.push = n; n.loaded = !0; n.version = '2.0'; n.queue = []; t = b.createElement(e); t.async = !0; t.src = v; s = b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t, s) }(window, document, 'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '995650844888866'); fbq('track', 'PageView'); </script> <noscript> <img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=995650844888866&amp;ev=PageView&amp;noscript=1"> </noscript>  <script> !function (w, d, t) { w.TiktokAnalyticsObject=t;var ttq=w[t]=w[t]||[];ttq.methods=["page","track","identify","instances","debug","on","off","once","ready","alias","group","enableCookie","disableCookie","holdConsent","revokeConsent","grantConsent"],ttq.setAndDefer=function(t,e){t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}};for(var i=0;i<ttq.methods.length;i++)ttq.setAndDefer(ttq,ttq.methods[i]);ttq.instance=function(t){for( var e=ttq._i[t]||[],n=0;n<ttq.methods.length;n++)ttq.setAndDefer(e,ttq.methods[n]);return e},ttq.load=function(e,n){var r="https://analytics.tiktok.com/i18n/pixel/events.js",o=n&&n.partner;ttq._i=ttq._i||{},ttq._i[e]=[],ttq._i[e]._u=r,ttq._t=ttq._t||{},ttq._t[e]=+new Date,ttq._o=ttq._o||{},ttq._o[e]=n||{};n=document.createElement("script") ;n.type="text/javascript",n.async=!0,n.src=r+"?sdkid="+e+"&lib="+t;e=document.getElementsByTagName("script")[0];e.parentNode.insertBefore(n,e)}; ttq.load('CQVJ18RC77U85A2H9LFG'); ttq.page(); }(window, document, 'ttq'); </script>  <script async src="https://www.googletagmanager.com/gtag/js?id=AW-861599180"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'AW-861599180'); </script> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-KZCND34H');</script> <link rel="dns-prefetch" href="//www.googletagmanager.com"> <link rel="dns-prefetch" href="//connect.facebook.net"> <link rel="dns-prefetch" href="//snap.licdn.com"> <link rel="dns-prefetch" href="//www.gstatic.com"> <title>Düz Cam & Mimari Camlar Ürün Kataloğu - Şişecam</title> <meta name="title" content="Düz Cam & Mimari Camlar Ürün Kataloğu - Şişecam"> <meta name="description" content="Düz cam ürün kataloğumuzu inceleyerek tüm ürün çeşitlerimiz ve teknik detaylar hakkında bilgi edinebilirsiniz."> <link rel="canonical" href="https://www.sisecam.com/tr/duz-cam-urun-katalogu"> <meta name="og:title" content="Düz Cam & Mimari Camlar Ürün Kataloğu - Şişecam"> <meta name="og:description" content="Düz cam ürün kataloğumuzu inceleyerek tüm ürün çeşitlerimiz ve teknik detaylar hakkında bilgi edinebilirsiniz."> <meta name="og:url" content="https://www.sisecam.com/tr/duz-cam-urun-katalogu"> <meta name="og:site_name" content="Şişecam"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="Düz Cam & Mimari Camlar Ürün Kataloğu - Şişecam"> <meta name="twitter:description" content="Düz cam ürün kataloğumuzu inceleyerek tüm ürün çeşitlerimiz ve teknik detaylar hakkında bilgi edinebilirsiniz."> <meta name="og:image" content="https://www.sisecam.com.tr/tr/PublishingImages/news-room/logos/Sisecam_Logo.png"> <meta name="twitter:image" content="https://www.sisecam.com.tr/tr/PublishingImages/news-room/logos/Sisecam_Logo.png"> <meta name="robots" content="index, follow"> <meta name="googlebot" content="index, follow"> <script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","item":{"@type":"Thing","@id":"https://www.sisecam.com/tr","name":"Anasayfa"},"position":1},{"@type":"ListItem","item":{"@type":"Thing","@id":"https://www.sisecam.com/tr/duz-cam","name":"Düz Cam"},"position":2},{"@type":"ListItem","item":{"@type":"Thing","@id":"https://www.sisecam.com/tr/duz-cam-urun-katalogu","name":"Ürün Kataloğu"},"position":3}]}</script> <title> </title> <meta http-equiv="X-Translated-By" content="Google"> <meta http-equiv="X-Translated-To" content="en"> <script type="text/javascript" src="https://www.gstatic.com/_/translate_http/_/js/k=translate_http.tr.en_GB.toE3TeqoPfM.O/am=gAE/d=1/rs=AN8SPfrb-VvLXC7-HeDEZvWKxfMnVTOFhw/m=corsproxy" data-sourceurl="https://www.sisecam.com/tr/duz-cam-urun-katalogu?categories=Lamine&targetAudience=Professionals"></script> <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" rel="stylesheet"> <script type="text/javascript" src="https://www.gstatic.com/_/translate_http/_/js/k=translate_http.tr.en_GB.toE3TeqoPfM.O/am=gAE/d=1/exm=corsproxy/ed=1/rs=AN8SPfrb-VvLXC7-HeDEZvWKxfMnVTOFhw/m=phishing_protection" data-phishing-protection-enabled="false" data-forms-warning-enabled="true" data-source-url="https://www.sisecam.com/tr/duz-cam-urun-katalogu?categories=Lamine&targetAudience=Professionals"></script> <meta name="robots" content="none"> </head> <body> <script type="text/javascript" src="https://www.gstatic.com/_/translate_http/_/js/k=translate_http.tr.en_GB.toE3TeqoPfM.O/am=gAE/d=1/exm=corsproxy,phishing_protection/ed=1/rs=AN8SPfrb-VvLXC7-HeDEZvWKxfMnVTOFhw/m=navigationui" data-environment="prod" data-proxy-url="https://www-sisecam-com.translate.goog" data-proxy-full-url="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?categories=Lamine&targetAudience=Professionals&_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" data-source-url="https://www.sisecam.com/tr/duz-cam-urun-katalogu?categories=Lamine&targetAudience=Professionals" data-source-language="auto" data-target-language="en" data-display-language="auto" data-detected-source-language="tr" data-is-source-untranslated="false" data-source-untranslated-url="https://translate.google.com/website?sl=auto&tl=en&hl=auto&u=https://www.sisecam.com/tr/duz-cam-urun-katalogu?categories%3DLamine%26targetAudience%3DProfessionals&anno=2" data-client="tr"></script> <form method="post" action="./duz-cam-urun-katalogu?categories=Lamine&targetAudience=Professionals&TermStoreId=85eb490c-30b2-45d5-971b-1ac3a644daa9&TermSetId=871f9605-cf9f-49f3-b560-8e37fac6bb8e&TermId=8b7f1cc1-0458-40ad-828c-ad5321b2cc56" onsubmit="javascript:return WebForm_OnSubmit();" id="aspnetForm"> <div class="aspNetHidden"><input type="hidden" name="_wpcmWpid" id="_wpcmWpid" value=""> <input type="hidden" name="wpcmVal" id="wpcmVal" value=""> <input type="hidden" name="MSOWebPartPage_PostbackSource" id="MSOWebPartPage_PostbackSource" value=""> <input type="hidden" name="MSOTlPn_SelectedWpId" id="MSOTlPn_SelectedWpId" value=""> <input type="hidden" name="MSOTlPn_View" id="MSOTlPn_View" value="0"> <input type="hidden" name="MSOTlPn_ShowSettings" id="MSOTlPn_ShowSettings" value="False"> <input type="hidden" name="MSOGallery_SelectedLibrary" id="MSOGallery_SelectedLibrary" value=""> <input type="hidden" name="MSOGallery_FilterString" id="MSOGallery_FilterString" value=""> <input type="hidden" name="MSOTlPn_Button" id="MSOTlPn_Button" value="none"> <input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value=""> <input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value=""> <input type="hidden" name="__REQUESTDIGEST" id="__REQUESTDIGEST" value="noDigest"> <input type="hidden" name="MSOSPWebPartManager_DisplayModeName" id="MSOSPWebPartManager_DisplayModeName" value="Browse"> <input type="hidden" name="MSOSPWebPartManager_ExitingDesignMode" id="MSOSPWebPartManager_ExitingDesignMode" value="false"> <input type="hidden" name="MSOWebPartPage_Shared" id="MSOWebPartPage_Shared" value=""> <input type="hidden" name="MSOLayout_LayoutChanges" id="MSOLayout_LayoutChanges" value=""> <input type="hidden" name="MSOLayout_InDesignMode" id="MSOLayout_InDesignMode" value=""> <input type="hidden" name="_wpSelected" id="_wpSelected" value=""> <input type="hidden" name="_wzSelected" id="_wzSelected" value=""> <input type="hidden" name="MSOSPWebPartManager_OldDisplayModeName" id="MSOSPWebPartManager_OldDisplayModeName" value="Browse"> <input type="hidden" name="MSOSPWebPartManager_StartWebPartEditingName" id="MSOSPWebPartManager_StartWebPartEditingName" value="false"> <input type="hidden" name="MSOSPWebPartManager_EndWebPartEditing" id="MSOSPWebPartManager_EndWebPartEditing" value="false"> <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="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"> </div> <script type="text/javascript"> //<![CDATA[ var theForm = document.forms['aspnetForm']; if (!theForm) { theForm = document.aspnetForm; } function __doPostBack(eventTarget, eventArgument) { if (!theForm.onsubmit || (theForm.onsubmit() != false)) { theForm.__EVENTTARGET.value = eventTarget; theForm.__EVENTARGUMENT.value = eventArgument; theForm.submit(); } } //]]> </script> <script src="/WebResource.axd?d=pynGkmcFUV13He1Qd6_TZDuum3Hv06087HYdFZcl6w0JYwU6hibjPcVJPeAGWBbwJeNqJaIQf6QZfVSdUDHGwg2&t=638589190109447694" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[ var MSOWebPartPageFormName = 'aspnetForm'; var g_presenceEnabled = true; var g_wsaEnabled = false; var g_correlationId = 'f0b783a1-e264-301e-e038-cdf14bcb0e4e'; var g_wsaQoSEnabled = false; var g_wsaQoSDataPoints = []; var g_wsaRUMEnabled = false; var g_wsaLCID = 1055; var g_wsaListTemplateId = 850; var g_wsaSiteTemplateId = 'CMSPUBLISHING#0'; var _spPageContextInfo={"webServerRelativeUrl":"/tr/s-business-segments/s-flat-glass","webAbsoluteUrl":"http://www.sisecam.com/tr/s-business-segments/s-flat-glass","viewId":"","listId":"{514030cf-7884-4df4-acd8-da6bbe604de7}","listPermsMask":{"High":16,"Low":196673},"listUrl":"/tr/s-business-segments/s-flat-glass/Sayfalar","listTitle":"Sayfalar","listBaseTemplate":850,"viewOnlyExperienceEnabled":false,"blockDownloadsExperienceEnabled":false,"idleSessionSignOutEnabled":false,"cdnPrefix":"","siteAbsoluteUrl":"http://www.sisecam.com","siteId":"{27544c33-ef6a-4878-9337-d60206051954}","showNGSCDialogForSyncOnTS":false,"supportPoundStorePath":true,"supportPercentStorePath":true,"siteSubscriptionId":null,"CustomMarkupInCalculatedFieldDisabled":true,"AllowCustomMarkupInCalculatedField":false,"isSPO":false,"farmLabel":null,"serverRequestPath":"/tr/s-business-segments/s-flat-glass/Sayfalar/Products.aspx","layoutsUrl":"_layouts/15","webId":"{c9e046d0-df05-4a00-bae9-e38647f06c97}","webTitle":"Flat Glass","webTemplate":"39","webTemplateConfiguration":"CMSPUBLISHING#0","webDescription":"","tenantAppVersion":"0","isAppWeb":false,"webLogoUrl":"_layouts/15/images/siteicon.png","webLanguage":1055,"currentLanguage":1055,"currentUICultureName":"tr-TR","currentCultureName":"tr-TR","currentCultureLCID":1055,"env":null,"nid":0,"fid":0,"serverTime":"2025-02-21T16:23:26.6045717Z","siteClientTag":"2468$$16.0.17928.20086","crossDomainPhotosEnabled":false,"openInClient":false,"Has2019Era":true,"webUIVersion":15,"webPermMasks":{"High":16,"Low":196673},"pageListId":"{514030cf-7884-4df4-acd8-da6bbe604de7}","pageItemId":274,"pagePermsMask":{"High":16,"Low":196673},"pagePersonalizationScope":1,"userEmail":"","userId":0,"userLoginName":null,"userDisplayName":null,"isAnonymousUser":true,"isAnonymousGuestUser":false,"isEmailAuthenticationGuestUser":false,"isExternalGuestUser":false,"systemUserKey":null,"alertsEnabled":true,"siteServerRelativeUrl":"/","allowSilverlightPrompt":"True","themeCacheToken":"/tr/s-business-segments/s-flat-glass::1:","themedCssFolderUrl":null,"themedImageFileNames":null,"modernThemingEnabled":true,"isSiteAdmin":false,"ExpFeatures":[480216468,1884350801,1158731092,62197791,538521105,335811073,4194306,34614301,268500996,-1946025984,28445328,-2147475455,134291456,65544,288,950272,1282,808326148,134217873,0,0,-1073217536,545285252,18350656,-467402752,6291457,-2147483644,1074794496,-1728053184,1845537108,622628,4102,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"IsHybridEnabled":false,"SPOnPremFlights":[1266854,1263396,1242554,1232868,1220075,1218539,1175952,1174945,1165662,1159162,1149960,1149522,1113916,1111397,1101858,1099085,1086764,1080816,1079075,1078153,1075954,1073830,1073759,95255,1062921,1055593,1052809,1043614,1041859,1040063,1039112,1036486,1035189,1033993,1030381,1030382,1030364,1030362,1029854,1029586,1029565,1029556,1029555,1028671,1025113,1021288,1021275,1021274,1021272,1020637,1020043,1018275,1018016,1012433,1011886,1010592,1009740,1009585,1008744,1007603,1004459,1003886,1002806,1001164,116041,114176,114166,112973,108499,108186,107054,100994,100425,99885,99722,96075,94920],"InternalValidAuthorities":["int-glassconference.sisecam.com","int-glassconference.sisecam.com","glassconference.sisecam.com","glassconference.sisecam.com","int.sisecam.com","betav2.sisecam.com.tr","www.sisecam.com","www.sisecam.com","sisecam.com"],"CorrelationId":"f0b783a1-e264-301e-e038-cdf14bcb0e4e","hasManageWebPermissions":false,"isNoScriptEnabled":false,"groupId":null,"groupHasHomepage":true,"groupHasQuickLaunchConversationsLink":false,"departmentId":null,"hubSiteId":null,"hasPendingWebTemplateExtension":false,"isHubSite":false,"isWebWelcomePage":false,"siteClassification":"","hideSyncButtonOnODB":false,"showNGSCDialogForSyncOnODB":false,"sitePagesEnabled":false,"sitePagesFeatureVersion":0,"suiteNavInfo":{"suiteBarBackground":null,"suiteBarText":null,"suiteNavAccentColor":null,"suiteNavAllowCustom":false,"suiteNavAllowOverwrite":false,"suiteNavBrandingLogoNavigationUrl":null,"suiteNavBrandingLogoTitle":null,"suiteNavBrandingLogoUrl":null,"suiteNavBrandingText":null},"DesignPackageId":"00000000-0000-0000-0000-000000000000","groupType":null,"groupColor":"#23874b","siteColor":"#23874b","headerEmphasis":0,"navigationInfo":null,"guestsEnabled":false,"MenuData":{"SignInUrl":"/tr/s-business-segments/s-flat-glass/_layouts/15/Authenticate.aspx?Source=%2Ftr%2Fduz%2Dcam%2Durun%2Dkatalogu%3Fcategories%3DLamine%26targetAudience%3DProfessionals"},"RecycleBinItemCount":-1,"PublishingFeatureOn":true,"PreviewFeaturesEnabled":false,"disableAppViews":false,"disableFlows":false,"serverRedirectedUrl":null,"formDigestValue":"0xB6F350ECA955474234D20ABA4D65774C87CA859E45D70B96777EF862CE2E4A067FBAE449636F369D1531F29107A326A25310D62F7FE4560BFFE05B44ADDBD1C5,21 Feb 2025 16:23:26 -0000","maximumFileSize":15360,"formDigestTimeoutSeconds":1800,"canUserCreateMicrosoftForm":false,"canUserCreateVisioDrawing":true,"readOnlyState":null,"isTenantDevSite":false,"preferUserTimeZone":false,"userTimeZoneData":null,"userTime24":false,"userFirstDayOfWeek":null,"webTimeZoneData":null,"webTime24":false,"webFirstDayOfWeek":null,"isSelfServiceSiteCreationEnabled":null,"alternateWebAppHost":"","aadTenantId":"","aadUserId":"","aadInstanceUrl":"","msGraphEndpointUrl":"https://","allowInfectedDownload":true};_spPageContextInfo.updateFormDigestPageLoaded=new Date();_spPageContextInfo.clientServerTimeDelta=new Date(_spPageContextInfo.serverTime)-new Date();if(typeof(define)=='function'){define('SPPageContextInfo',[],function(){return _spPageContextInfo;});}var L_Menu_BaseUrl="/tr/s-business-segments/s-flat-glass"; var L_Menu_LCID="1055"; var L_Menu_SiteTheme="null"; document.onreadystatechange=fnRemoveAllStatus; function fnRemoveAllStatus(){removeAllStatus(true)};var _spWebPartComponents = new Object();//]]> </script> <script src="/_layouts/15/blank.js?rev=Ca21YadUWb3XiotDeAoKjw%3D%3DTAG0" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[ function WebForm_OnSubmit() { UpdateFormDigest('\u002ftr\u002fs-business-segments\u002fs-flat-glass', 1440000);if (typeof(_spFormOnSubmitWrapper) != 'undefined') {return _spFormOnSubmitWrapper();} else {return true;}; return true; } //]]> </script> <div class="aspNetHidden"><input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="BAB98CB3"> </div> <div id="google-recaptcha" data-sitekey="6Lcjwo4qAAAAAM26XJ2rFhhyz-bbHBK8FvEG4ZXx"></div> <noscript> <iframe loading="lazy" src="https://www.googletagmanager.com/ns.html?id=GTM-KZCND34H" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript> <span id="DeltaSPWebPartManager"> </span> <div class="flex-col justify-start items-center flex bg-white w-full"> <header class="Header xl:h-[114px] w-full flex-col justify-center items-center inline-flex" x-init=" window.addEventListener('scroll', () => { scrolled = window.scrollY > 115; }); " :class="{ 'active': scrolled }" x-data="{searchBar: false,scrolled: false}"> <div class="w-full px-12 bg-dark justify-center items-center flex max-xl:hidden"> <div class="xl:w-[1280px] w-full h-[44px] justify-between items-center inline-flex"> <div class="self-stretch justify-start items-center flex"> <div class="justify-start items-start flex"> <div class="px-3 py-2.5 justify-center items-center gap-2.5 flex"><a href="https://www-sisecam-com.translate.goog/tr/surdurulebilirlik?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="text-gray-400 hover:text-white text-xs font-semibold leading-normal"> Sürdürülebilirlik </a> </div> <div class="px-3 py-2.5 justify-center items-center gap-2.5 flex"><a href="https://www-sisecam-com.translate.goog/tr/inovasyon?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="text-gray-400 hover:text-white text-xs font-semibold leading-normal"> İnovasyon ve Teknoloji </a> </div> <div class="px-3 py-2.5 justify-center items-center gap-2.5 flex"><a href="https://www-sisecam-com.translate.goog/tr/yatirimci-iliskileri?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="text-gray-400 hover:text-white text-xs font-semibold leading-normal"> Yatırımcı İlişkileri </a> </div> </div> </div> <div class="justify-start items-start flex"> <div class="self-stretch px-3 py-2.5 justify-center items-center gap-2.5 flex"><a href="https://www-sisecam-com.translate.goog/tr/kariyer?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="text-gray-400 hover:text-white text-xs font-semibold leading-normal"> Kariyer </a> </div> <div class="self-stretch px-3 py-2.5 justify-center items-center gap-2.5 flex"><a href="https://www-sisecam-com.translate.goog/tr/medya-merkezi?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="text-gray-400 hover:text-white text-xs font-semibold leading-normal"> Medya Merkezi </a> </div> <div class="self-stretch px-3 py-2.5 justify-center items-center gap-2.5 flex"><a href="https://www-sisecam-com.translate.goog/tr/ilerlememizin-90-yili?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="text-gray-400 hover:text-white text-xs font-semibold leading-normal"> 90 Yıllık Hikayemiz </a> </div> <div class="pl-3 py-2.5 justify-center items-center gap-1.5 flex text-gray-400 hover:text-white relative" x-data="regionLanguageSelectorData" x-init="initRegionLanguageSelector()" @click.away="isOpen = false"><button @click.prevent="applyLanguage()" class="self-stretch justify-between items-center inline-flex gap-4"> <svg class="icon-globe-01 w-4 h-4" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/globe-01" /> </svg><span class="text-gray-400 hover:text-white text-xs font-semibold leading-normal" x-text="localizations['defaultLanguage']"></span> </button> <div class="absolute top-9 z-50 right-0 xl:w-[350px] w-[300px] px-6 bg-white rounded-[10px] shadow-xl border border-gray-100 flex-col justify-start items-center gap-3 inline-flex [&[x-cloak]]:hidden" x-show="isOpen" x-transition:enter="transition ease-out duration-200 transform" x-transition:enter-start="opacity-0 -translate-y-2" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-out duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" x-cloak="x-cloak" @focusout="await $nextTick();!$el.contains($focus.focused()) && (isOpen = false)"> <div class="self-stretch py-9 flex-col justify-start items-center gap-5 flex w-full"> <div class="self-stretch justify-start items-center gap-2 inline-flex border-b border-gray-100 pb-5"> <div class="w-full flex-col justify-start items-start gap-5 inline-flex"> <div class="self-stretch justify-center items-center gap-[50px] inline-flex"> <p class="grow shrink basis-0 text-blue-dark text-xl font-semibold leading-7" x-text="localizations['title']"></p><button @click.prevent="isOpen = false" class="flex justify-end items-center"> <svg class="icon-close w-4 h-4 text-blue-dark" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/close" /> </svg></button> </div> </div> </div> <div class="self-stretch w-full flex-col justify-start items-start gap-4 flex"> <div class="flex items-center justify-between mb-2 w-full"> <div class="relative flex flex-col w-full text-blue-dark"><label for="dil" class="w-fit mb-2 text-blue-dark text-xs font-normal leading-normal" x-text="localizations['label']"></label> <select name="dil" class="w-full text-[#a6aaad] text-sm font-normal p-3 bg-white rounded-lg border border-gray-100" x-model="selectedLanguage"> <option value="" x-text="localizations['language.defaultOption']"></option> <template x-for="(language, index) in languages" :key="index"><option :value="language.code" x-text="language.name"></option> </template></select> </div> </div><button :class="selectedLanguage ? '' : 'opacity-50 cursor-not-allowed'" :disabled="!selectedLanguage" @click.prevent="applyLanguage()" class="w-full py-3.5 bg-blue-innovation rounded-lg flex-col justify-start items-center gap-2.5 inline-flex hover:bg-blue-dark"> <span class="text-right text-white text-base font-semibold leading-normal" x-text="localizations['button']"></span> </button> </div> </div> </div> </div> </div> </div> <script> document.addEventListener("alpine:init", () => { Alpine.data('regionLanguageSelectorData', () => ({ isOpen: false, isLoading: false, selectedLanguage: _spPageContextInfo.webLanguage == 1033 ? "tr" : "en", languages: [], localizations: {}, webServiceDomain: (_spPageContextInfo.webLanguage == 1033 ? "/en" : "/tr"), initRegionLanguageSelector() { this.isLoading = true; // Set loading state to true before starting requests Promise.all([this.fetchLocalizations()]) .then(() => { console.log('Localization data fetched successfully'); }) .catch((error) => { console.error('Error fetching localization data:', error); }) .finally(() => { this.isLoading = false; // Set loading state to false when both requests complete }); }, async fetchLocalizations() { try { const response = await fetch(`${this.webServiceDomain}/_vti_bin/Shared.API/LocalizationService.svc/GetByCategory`, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ category: 'RegionLanguageSelector' }) }); const data = await response.json(); if (data.code === 0) { this.localizations = (data.data?.texts || []).reduce((acc, item) => { acc[item.name] = item.value; return acc; }, {}); // Setup languages this.languages = this.localizations['language.options'].split("-").map(language => ({ code: language.split(';#')[0], name: language.split(';#')[1] })); } else { console.error('Failed to fetch localization data:', data.message); } } catch (error) { console.error('Error fetching localization data:', error); } }, applyLanguage() { if (this.selectedLanguage) { // temp window.location.href = '/en/investor-relations'; return false; // Özel yönlendirme kuralları const specialRedirects = { '/tr/basin-bultenleri': '/en/media-center', '/en/media-center': '/tr/basin-bultenleri' }; // Önce alternate link'i kontrol et const alternateLink = document.querySelector(`link[rel="alternate"][hreflang="${this.selectedLanguage}"]`); if (alternateLink) { // Alternate link varsa onu kullan window.location.href = alternateLink.getAttribute('href'); } else { // Alternate link yoksa, özel yönlendirmeleri kontrol et const currentPath = window.location.pathname; // specialRedirects içinde URL'i içeren bir path var mı kontrol et const matchingPath = Object.keys(specialRedirects).find(path => currentPath.indexOf(path) !== -1 ); if (matchingPath) { // Özel yönlendirme varsa onu kullan window.location.href = specialRedirects[matchingPath]; } else { // Hiçbir özel durum yoksa default yönlendirme window.location.href = `/${this.selectedLanguage}`; } } } } })); }); </script> </div> <div class="w-full bg-white shadow flex-col justify-center items-center flex relative"> <div class="xl:w-[1280px] w-full h-14 xl:h-[70px] bg-white justify-between xl:items-center flex xl:gap-6 px-6 xl:px-0"> <div class="self-stretch flex flex-col xl:hidden h-full justify-center" x-data="{ showMobileMenu: false, step: 0, title: '', currentMenu: '', parentMenu: '' }" x-trap.noscroll.inert="showMobileMenu"><button @click.prevent="showMobileMenu = true" class="w-full py-2.5 flex justify-start items-start gap-4 flex-row"> <svg class="icon-hamburger-menu w-6 h-6 text-blue-innovation" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/hamburger-menu" /> </svg></button> <template x-teleport="body"> <div class="fixed left-0 bottom-0 w-full h-screen bg-white flex flex-col z-[999]" x-show="showMobileMenu"> <div class="w-full py-2.5 flex justify-between items-center gap-4 flex-row border-b border-gray-100"><button @click.prevent="showMobileMenu = false" class="w-full py-2.5 flex justify-start items-center gap-4 flex-row p-6"> <svg class="icon-close w-4 h-4 text-blue-innovation" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/close" /> </svg></button> <button @click.prevent="showMobileMenu = false; searchBar = true" class=" w-full py-2.5 flex justify-end items-center gap-4 flex-row p-6"> <svg class="icon-search w-5 h-5 text-blue-innovation" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/search" /> </svg></button> </div> <div class="p-6 bg-[#f6f7fa] justify-center items-center gap-6 inline-flex w-full flex-wrap relative" x-show="step !== 0"><button @click.prevent="step = 0; currentMenu = ''; parentMenu = ''" class="flex absolute left-4"> <svg class="icon-arrow-left w-6 h-6 text-blue-dark" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/arrow-left" /> </svg></button> <p class="text-blue-dark text-xl font-semibold leading-relaxed" x-text="title"></p> </div> <ul class="flex flex-col gap-6 p-6 overflow-auto mb-[70px] h-full"> <li class="flex" x-show="(parentMenu === 'menu_101' || step === 0)"><button @click.prevent="parentMenu = 'menu_101'; step = 1; title = 'Hakkımızda'" class="text-blue-dark text-sm font-semibold leading-normal pb-6 border-b w-full border-gray-100 flex justify-between items-center" x-show="step === 0"> <a href="https://www-sisecam-com.translate.goog/tr/bir-bakista-sisecam?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class="text-blue-dark text-sm font-semibold leading-normal w-full flex justify-between items-center"> Hakkımızda </a> <svg class="icon-chevron-right w-6 h-6 text-blue-dark" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/chevron-right" /> </svg></button> <ul class="flex flex-col gap-6 w-full" x-show="parentMenu === 'menu_101'; step === 1" x-transition="" style="display: none;"> <li class="flex"><a href="https://www-sisecam-com.translate.goog/tr/bir-bakista-sisecam?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class="text-blue-dark text-sm font-semibold leading-normal pb-6 border-b w-full border-gray-100 flex justify-between items-center" x-show="parentMenu === 'menu_101'; step === 1" style="display: none;"> Hakkımızda </a></li> <li class="flex"><a href="https://www-sisecam-com.translate.goog/tr/vizyon-ve-degerler?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class="text-blue-dark text-sm font-semibold leading-normal pb-6 border-b w-full border-gray-100 flex justify-between items-center" x-show="parentMenu === 'menu_101'; step === 1" style="display: none;"> Vizyon ve Değerler </a></li> <li class="flex"><a href="https://www-sisecam-com.translate.goog/tr/tarihce?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class="text-blue-dark text-sm font-semibold leading-normal pb-6 border-b w-full border-gray-100 flex justify-between items-center" x-show="parentMenu === 'menu_101'; step === 1" style="display: none;"> Tarihçe </a></li> <li class="flex"><a href="https://www-sisecam-com.translate.goog/tr/yonetim?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class="text-blue-dark text-sm font-semibold leading-normal pb-6 border-b w-full border-gray-100 flex justify-between items-center" x-show="parentMenu === 'menu_101'; step === 1" style="display: none;"> Kurumsal Yönetim </a></li> <li class="flex"><a href="https://www-sisecam-com.translate.goog/tr/etik-ve-uyum?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class="text-blue-dark text-sm font-semibold leading-normal pb-6 border-b w-full border-gray-100 flex justify-between items-center" x-show="parentMenu === 'menu_101'; step === 1" style="display: none;"> Etik ve Uyum </a></li> <li class="flex"><a href="https://www-sisecam-com.translate.goog/tr/kurumsal-sosyal-sorumluluk?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class="text-blue-dark text-sm font-semibold leading-normal pb-6 border-b w-full border-gray-100 flex justify-between items-center" x-show="parentMenu === 'menu_101'; step === 1" style="display: none;"> Kurumsal Sosyal Sorumluluk </a></li> </ul></li> <li class="flex" x-show="(parentMenu === 'menu_108' || step === 0)"><button @click.prevent="parentMenu = 'menu_108'; step = 1; title = 'Faaliyet Alanları'" class="text-blue-dark text-sm font-semibold leading-normal pb-6 border-b w-full border-gray-100 flex justify-between items-center" x-show="step === 0"> <a href="https://www-sisecam-com.translate.goog/tr/duz-cam?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class="text-blue-dark text-sm font-semibold leading-normal w-full flex justify-between items-center"> Faaliyet Alanları </a> <svg class="icon-chevron-right w-6 h-6 text-blue-dark" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/chevron-right" /> </svg></button> <ul class="flex flex-col gap-6 w-full" x-show="parentMenu === 'menu_108'; step === 1" x-transition="" style="display: none;"> <li class="flex"><a href="https://www-sisecam-com.translate.goog/tr/duz-cam?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class="text-blue-dark text-sm font-semibold leading-normal pb-6 border-b w-full border-gray-100 flex justify-between items-center" x-show="parentMenu === 'menu_108'; step === 1" style="display: none;"> Düz Cam </a></li> <li class="flex"><a href="https://www-sisecam-com.translate.goog/tr/cam-ambalaj?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class="text-blue-dark text-sm font-semibold leading-normal pb-6 border-b w-full border-gray-100 flex justify-between items-center" x-show="parentMenu === 'menu_108'; step === 1" style="display: none;"> Cam Ambalaj </a></li> <li class="flex"><a href="https://www-sisecam-com.translate.goog/tr/cam-ev-esyasi?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class="text-blue-dark text-sm font-semibold leading-normal pb-6 border-b w-full border-gray-100 flex justify-between items-center" x-show="parentMenu === 'menu_108'; step === 1" style="display: none;"> Cam Ev Eşyası </a></li> <li class="flex"><a href="https://www-sisecam-com.translate.goog/tr/otomotiv-camlari?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class="text-blue-dark text-sm font-semibold leading-normal pb-6 border-b w-full border-gray-100 flex justify-between items-center" x-show="parentMenu === 'menu_108'; step === 1" style="display: none;"> Otomotiv Camları </a></li> <li class="flex"><a href="https://www-sisecam-com.translate.goog/tr/kimyasallar?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class="text-blue-dark text-sm font-semibold leading-normal pb-6 border-b w-full border-gray-100 flex justify-between items-center" x-show="parentMenu === 'menu_108'; step === 1" style="display: none;"> Kimyasallar </a></li> <li class="flex"><a href="https://www-sisecam-com.translate.goog/tr/maden?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class="text-blue-dark text-sm font-semibold leading-normal pb-6 border-b w-full border-gray-100 flex justify-between items-center" x-show="parentMenu === 'menu_108'; step === 1" style="display: none;"> Maden </a></li> <li class="flex"><a href="https://www-sisecam-com.translate.goog/tr/enerji?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class="text-blue-dark text-sm font-semibold leading-normal pb-6 border-b w-full border-gray-100 flex justify-between items-center" x-show="parentMenu === 'menu_108'; step === 1" style="display: none;"> Enerji </a></li> <li class="flex"><a href="https://www-sisecam-com.translate.goog/tr/cam-elyaf?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class="text-blue-dark text-sm font-semibold leading-normal pb-6 border-b w-full border-gray-100 flex justify-between items-center" x-show="parentMenu === 'menu_108'; step === 1" style="display: none;"> Cam Elyaf </a></li> </ul></li> <li class="flex" x-show="(parentMenu === 'menu_118' || step === 0)"><button @click.prevent="parentMenu = 'menu_118'; step = 1; title = 'Medya Merkezi'" class="text-blue-dark text-sm font-semibold leading-normal pb-6 border-b w-full border-gray-100 flex justify-between items-center" x-show="step === 0"> <a href="https://www-sisecam-com.translate.goog/tr/medya-merkezi?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class="text-blue-dark text-sm font-semibold leading-normal w-full flex justify-between items-center"> Medya Merkezi </a> <svg class="icon-chevron-right w-6 h-6 text-blue-dark" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/chevron-right" /> </svg></button> <ul class="flex flex-col gap-6 w-full" x-show="parentMenu === 'menu_118'; step === 1" x-transition="" style="display: none;"> <li class="flex"><a href="https://www-sisecam-com.translate.goog/tr/basin-bultenleri?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class="text-blue-dark text-sm font-semibold leading-normal pb-6 border-b w-full border-gray-100 flex justify-between items-center" x-show="parentMenu === 'menu_118'; step === 1" style="display: none;"> Basın Bültenleri </a></li> </ul></li> <li class="flex" x-show="(parentMenu === 'menu_123' || step === 0)"><button @click.prevent="parentMenu = 'menu_123'; step = 1; title = 'Yatırımcı İlişkileri'" class="text-blue-dark text-sm font-semibold leading-normal pb-6 border-b w-full border-gray-100 flex justify-between items-center" x-show="step === 0"> <a href="https://www-sisecam-com.translate.goog/tr/yatirimci-iliskileri?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class="text-blue-dark text-sm font-semibold leading-normal w-full flex justify-between items-center"> Yatırımcı İlişkileri </a> <svg class="icon-chevron-right w-6 h-6 text-blue-dark" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/chevron-right" /> </svg></button> <ul class="flex flex-col gap-6 w-full" x-show="parentMenu === 'menu_123'; step === 1" x-transition="" style="display: none;"> <li class="flex"><a href="https://www-sisecam-com.translate.goog/tr/yatirimci-iliskileri?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class="text-blue-dark text-sm font-semibold leading-normal pb-6 border-b w-full border-gray-100 flex justify-between items-center" x-show="parentMenu === 'menu_123'; step === 1" style="display: none;"> Yatırımcı İlişkileri Anasayfa </a></li> <li class="flex"><a href="https://www-sisecam-com.translate.goog/tr/yatirimci-iliskileri/ticari-sicil-bilgileri?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class="text-blue-dark text-sm font-semibold leading-normal pb-6 border-b w-full border-gray-100 flex justify-between items-center" x-show="parentMenu === 'menu_123'; step === 1" style="display: none;"> Kurumsal Kimlik ve Yönetim </a></li> <li class="flex"><a href="https://www-sisecam-com.translate.goog/tr/hisse-bilgisi?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class="text-blue-dark text-sm font-semibold leading-normal pb-6 border-b w-full border-gray-100 flex justify-between items-center" x-show="parentMenu === 'menu_123'; step === 1" style="display: none;"> Hisse Senedi Bilgisi ve Yatırımcı Araçları </a></li> <li class="flex"><a href="https://www-sisecam-com.translate.goog/tr/yatirimci-sunumlari?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class="text-blue-dark text-sm font-semibold leading-normal pb-6 border-b w-full border-gray-100 flex justify-between items-center" x-show="parentMenu === 'menu_123'; step === 1" style="display: none;"> Sunumlar ve Raporlar </a></li> <li class="flex"><a href="https://www-sisecam-com.translate.goog/tr/birlesmeler?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class="text-blue-dark text-sm font-semibold leading-normal pb-6 border-b w-full border-gray-100 flex justify-between items-center" x-show="parentMenu === 'menu_123'; step === 1" style="display: none;"> Birleşmeler ve Bölünmeler </a></li> <li class="flex"><a href="https://www-sisecam-com.translate.goog/tr/yatirimci-iliskileri/arsiv/trakya-cam?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class="text-blue-dark text-sm font-semibold leading-normal pb-6 border-b w-full border-gray-100 flex justify-between items-center" x-show="parentMenu === 'menu_123'; step === 1" style="display: none;"> Arşiv </a></li> <li class="flex"><a href="https://www-sisecam-com.translate.goog/tr/yatirimci-iliskileri/sikca-sorulan-sorular?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class="text-blue-dark text-sm font-semibold leading-normal pb-6 border-b w-full border-gray-100 flex justify-between items-center" x-show="parentMenu === 'menu_123'; step === 1" style="display: none;"> Sıkça Sorulan Sorular </a></li> <li class="flex"><a href="https://www-sisecam-com.translate.goog/tr/yatirimci-iliskileri/yatirimci-iliskileri-iletisim?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class="text-blue-dark text-sm font-semibold leading-normal pb-6 border-b w-full border-gray-100 flex justify-between items-center" x-show="parentMenu === 'menu_123'; step === 1" style="display: none;"> Yatırımcı İlişkileri İletişim </a></li> </ul></li> <li class="flex" x-show="(parentMenu === 'menu_140' || step === 0)"><a href="https://www-sisecam-com.translate.goog/tr/sisecam-haritalar?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class="text-blue-dark text-sm font-semibold leading-normal pb-6 border-b w-full border-gray-100 flex justify-between items-center" x-show="step === 0"> Dünyada Şişecam </a></li> <li class="flex" x-show="(parentMenu === 'menu_132' || step === 0)"><button @click.prevent="parentMenu = 'menu_132'; step = 1; title = 'Sürdürülebilirlik'" class="text-blue-dark text-sm font-semibold leading-normal pb-6 border-b w-full border-gray-100 flex justify-between items-center" x-show="step === 0"> <a href="https://www-sisecam-com.translate.goog/tr/surdurulebilirlik?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class="text-blue-dark text-sm font-semibold leading-normal w-full flex justify-between items-center"> Sürdürülebilirlik </a> <svg class="icon-chevron-right w-6 h-6 text-blue-dark" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/chevron-right" /> </svg></button> <ul class="flex flex-col gap-6 w-full" x-show="parentMenu === 'menu_132'; step === 1" x-transition="" style="display: none;"> <li class="flex"><a href="https://www-sisecam-com.translate.goog/tr/surdurulebilirlik?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class="text-blue-dark text-sm font-semibold leading-normal pb-6 border-b w-full border-gray-100 flex justify-between items-center" x-show="parentMenu === 'menu_132'; step === 1" style="display: none;"> Sürdürülebilirlik Anasayfa </a></li> <li class="flex"><a href="https://www-sisecam-com.translate.goog/tr/geri-donusum?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class="text-blue-dark text-sm font-semibold leading-normal pb-6 border-b w-full border-gray-100 flex justify-between items-center" x-show="parentMenu === 'menu_132'; step === 1" style="display: none;"> Geri Dönüşüm </a></li> </ul></li> <li class="flex" x-show="(parentMenu === 'menu_121' || step === 0)"><a href="https://www-sisecam-com.translate.goog/tr/kariyer?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class="text-blue-dark text-sm font-semibold leading-normal pb-6 border-b w-full border-gray-100 flex justify-between items-center" x-show="step === 0"> Kariyer </a></li> <li class="flex" x-show="(parentMenu === 'menu_131' || step === 0)"><a href="https://www-sisecam-com.translate.goog/tr/inovasyon?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class="text-blue-dark text-sm font-semibold leading-normal pb-6 border-b w-full border-gray-100 flex justify-between items-center" x-show="step === 0"> İnovasyon ve Teknoloji </a></li> <li class="flex" x-show="(parentMenu === 'menu_104' || step === 0)"><a href="https://www-sisecam-com.translate.goog/tr/sirketlerimiz?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class="text-blue-dark text-sm font-semibold leading-normal pb-6 border-b w-full border-gray-100 flex justify-between items-center" x-show="step === 0"> Şirketlerimiz </a></li> <li class="flex" x-show="(parentMenu === 'menu_122' || step === 0)"><a href="https://www-sisecam-com.translate.goog/tr/bize-ulasin?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class="text-blue-dark text-sm font-semibold leading-normal pb-6 border-b w-full border-gray-100 flex justify-between items-center" x-show="step === 0"> Bize Ulaşın </a></li> <li class="flex" x-show="(parentMenu === 'menu_145' || step === 0)"><a href="https://www-sisecam-com.translate.goog/tr/kalite-belgeleri?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class="text-blue-dark text-sm font-semibold leading-normal pb-6 border-b w-full border-gray-100 flex justify-between items-center" x-show="step === 0"> Kalite Belgeleri </a></li> <li class="flex" x-show="(parentMenu === 'menu_151' || step === 0)"><a href="https://www-sisecam-com.translate.goog/tr/ilerlememizin-90-yili?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class="text-blue-dark text-sm font-semibold leading-normal pb-6 border-b w-full border-gray-100 flex justify-between items-center" x-show="step === 0"> 90 Yıllık Hikayemiz </a></li> <li class="flex" x-show="(parentMenu === 'menu_147' || step === 0)"><a href="https://www-sisecam-com.translate.goog/tr/bekra?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class="text-blue-dark text-sm font-semibold leading-normal pb-6 border-b w-full border-gray-100 flex justify-between items-center" x-show="step === 0"> BEKRA </a></li> </ul> <div class="w-full px-6 py-3 bg-[#f6f7fa] border-t border-gray-100 justify-between items-center flex fixed bottom-0" x-data="regionLanguageSelectorData" x-init="initRegionLanguageSelector()"> <div class="grow shrink basis-0 h-10 justify-between items-center flex" @click.prevent="applyLanguage()"> <p class="text-blue-dark text-base font-semibold leading-normal" x-text="localizations['defaultLanguage']">Türkiye - TR</p> </div> </div> </div> </template> </div><a x-bind:href="`/${window.location.pathname.split('/')[1] || 'tr'}`" class="flex shrink-0 justify-center items-center xl:flex max-xl:hidden logo-container"> <img src="/_catalogs/masterpage/assets/images/logos/logo.svg" alt="Logo" class="w-auto h-9"> </a> <div class="w-full xl:items-center flex justify-center"><a x-bind:href="`/${window.location.pathname.split('/')[1] || 'tr'}`" class="flex justify-center w-full items-center xl:block logo-container xl:hidden" href="https://www-sisecam-com.translate.goog/en?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto"> <img src="/_catalogs/masterpage/assets/images/logos/logo.svg" alt="Logo" class="w-auto"> </a> <div class="flex-1 flex justify-center"> <div class="self-stretch justify-center items-center flex max-xl:hidden"> <div class="py-2.5 justify-center items-center flex"> <div class="self-stretch justify-center items-center gap-4 flex br-blue-dark border-r-2 pr-3 mr-3"><a href="https://www-sisecam-com.translate.goog/tr/bir-bakista-sisecam?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="text-blue-dark text-sm font-semibold leading-normal"> Hakkımızda </a> </div> </div> <ul class="self-stretch justify-center items-center flex gap-3"> <li class="Header-item active-submenu h-[70px] self-stretch justify-center items-center flex" x-data="categoryData('/tr/duz-cam')" x-init="init()" x-bind:class="{ 'border-b-2 border-blue-dark active': isActive }"><a href="https://www-sisecam-com.translate.goog/tr/duz-cam?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="text-blue-dark text-sm font-semibold leading-normal"> Düz Cam </a>  <div class="Header-item-menu absolute bg-blue-dark h-9 w-full -bottom-9 left-0 self-stretch justify-center items-center flex z-10 submenu"> <ul class="w-[780px] justify-start items-center flex z-10"> <li class="Header-item-menu-link active pl-3 pr-2.5 justify-start items-center gap-6 flex" x-bind:class="{ 'text-white': isActiveSubMenu('/tr/duz-cam-urun-katalogu') }"><a href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="text-gray-400 text-xs font-semibold leading-normal hover:text-white"> Ürün Kataloğu </a></li> <li class="Header-item-menu-link pl-3 pr-2.5 justify-start items-center gap-6 flex" x-bind:class="{ 'text-white': isActiveSubMenu('/tr/mimari-camlar') }"><a href="https://www-sisecam-com.translate.goog/tr/mimari-camlar?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="text-gray-400 text-xs font-semibold leading-normal hover:text-white"> Mimari Camlar </a></li> <li class="Header-item-menu-link pl-3 pr-2.5 justify-start items-center gap-6 flex" x-bind:class="{ 'text-white': isActiveSubMenu('/tr/gunes-enerjisi-camlari') }"><a href="https://www-sisecam-com.translate.goog/tr/gunes-enerjisi-camlari?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="text-gray-400 text-xs font-semibold leading-normal hover:text-white"> Güneş Enerjisi Camları </a></li> </ul> </div></li> <li class="Header-item h-[70px] self-stretch justify-center items-center flex" x-data="categoryData('/tr/cam-ambalaj')" x-init="init()" x-bind:class="{ 'border-b-2 border-blue-dark active': isActive }"><a href="https://www-sisecam-com.translate.goog/tr/cam-ambalaj?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="text-blue-dark text-sm font-semibold leading-normal"> Cam Ambalaj </a>  <div class="Header-item-menu absolute bg-blue-dark h-9 w-full -bottom-9 left-0 self-stretch justify-center items-center flex z-10 submenu"> <ul class="w-[780px] justify-start items-center flex z-10"> <li class="Header-item-menu-link pl-3 pr-2.5 justify-start items-center gap-6 flex" x-bind:class="{ 'text-white': isActiveSubMenu('/tr/cam-ambalaj-urun-katalogu') }"><a href="https://www-sisecam-com.translate.goog/tr/cam-ambalaj-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="text-gray-400 text-xs font-semibold leading-normal hover:text-white"> Ürün Kataloğu </a></li> </ul> </div></li> <li class="Header-item h-[70px] self-stretch justify-center items-center flex" x-data="categoryData('/tr/cam-ev-esyasi')" x-init="init()" x-bind:class="{ 'border-b-2 border-blue-dark active': isActive }"><a href="https://www-sisecam-com.translate.goog/tr/cam-ev-esyasi?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="text-blue-dark text-sm font-semibold leading-normal"> Cam Ev Eşyası </a> </li> <li class="Header-item h-[70px] self-stretch justify-center items-center flex" x-data="categoryData('/tr/otomotiv-camlari')" x-init="init()" x-bind:class="{ 'border-b-2 border-blue-dark active': isActive }"><a href="https://www-sisecam-com.translate.goog/tr/otomotiv-camlari?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="text-blue-dark text-sm font-semibold leading-normal"> Otomotiv Camları </a>  <div class="Header-item-menu absolute bg-blue-dark h-9 w-full -bottom-9 left-0 self-stretch justify-center items-center flex z-10 submenu"> <ul class="w-[780px] justify-start items-center flex z-10"> <li class="Header-item-menu-link pl-3 pr-2.5 justify-start items-center gap-6 flex" x-bind:class="{ 'text-white': isActiveSubMenu('/tr/otomotiv-camlari-orijinal-ekipman-uretimi') }"><a href="https://www-sisecam-com.translate.goog/tr/otomotiv-camlari-orijinal-ekipman-uretimi?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="text-gray-400 text-xs font-semibold leading-normal hover:text-white"> OEM </a></li> <li class="Header-item-menu-link pl-3 pr-2.5 justify-start items-center gap-6 flex" x-bind:class="{ 'text-white': isActiveSubMenu('/tr/otomotiv-yenileme-cami') }"><a href="https://www-sisecam-com.translate.goog/tr/otomotiv-yenileme-cami?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="text-gray-400 text-xs font-semibold leading-normal hover:text-white"> OYC </a></li> <li class="Header-item-menu-link pl-3 pr-2.5 justify-start items-center gap-6 flex" x-bind:class="{ 'text-white': isActiveSubMenu('/tr/otomotiv-camlari-enkapsulasyon') }"><a href="https://www-sisecam-com.translate.goog/tr/otomotiv-camlari-enkapsulasyon?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="text-gray-400 text-xs font-semibold leading-normal hover:text-white"> Enkapsülasyon </a></li> <li class="Header-item-menu-link pl-3 pr-2.5 justify-start items-center gap-6 flex" x-bind:class="{ 'text-white': isActiveSubMenu('/tr/otomotiv-camlari-agir-ticari-arac') }"><a href="https://www-sisecam-com.translate.goog/tr/otomotiv-camlari-agir-ticari-arac?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="text-gray-400 text-xs font-semibold leading-normal hover:text-white"> ATAC </a></li> </ul> </div></li> <li class="Header-item h-[70px] self-stretch justify-center items-center flex" x-data="categoryData('/tr/kimyasallar')" x-init="init()" x-bind:class="{ 'border-b-2 border-blue-dark active': isActive }"><a href="https://www-sisecam-com.translate.goog/tr/kimyasallar?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="text-blue-dark text-sm font-semibold leading-normal"> Kimyasallar </a>  <div class="Header-item-menu absolute bg-blue-dark h-9 w-full -bottom-9 left-0 self-stretch justify-center items-center flex z-10 submenu"> <ul class="w-[780px] justify-start items-center flex z-10"> <li class="Header-item-menu-link pl-3 pr-2.5 justify-start items-center gap-6 flex" x-bind:class="{ 'text-white': isActiveSubMenu('/tr/soda-urunleri') }"><a href="https://www-sisecam-com.translate.goog/tr/soda-urunleri?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="text-gray-400 text-xs font-semibold leading-normal hover:text-white"> Soda Ürünleri </a></li> <li class="Header-item-menu-link pl-3 pr-2.5 justify-start items-center gap-6 flex" x-bind:class="{ 'text-white': isActiveSubMenu('/tr/krom-kimyasallari') }"><a href="https://www-sisecam-com.translate.goog/tr/krom-kimyasallari?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="text-gray-400 text-xs font-semibold leading-normal hover:text-white"> Krom Kimyasalları </a></li> <li class="Header-item-menu-link pl-3 pr-2.5 justify-start items-center gap-6 flex" x-bind:class="{ 'text-white': isActiveSubMenu('/tr/oxyvit') }"><a href="https://www-sisecam-com.translate.goog/tr/oxyvit?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="text-gray-400 text-xs font-semibold leading-normal hover:text-white"> Oxyvit </a></li> </ul> </div></li> <li class="Header-item h-[70px] self-stretch justify-center items-center flex" x-data="categoryData('/tr/maden')" x-init="init()" x-bind:class="{ 'border-b-2 border-blue-dark active': isActive }"><a href="https://www-sisecam-com.translate.goog/tr/maden?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="text-blue-dark text-sm font-semibold leading-normal"> Maden </a> </li> <li class="Header-item h-[70px] self-stretch justify-center items-center flex" x-data="categoryData('/tr/enerji')" x-init="init()" x-bind:class="{ 'border-b-2 border-blue-dark active': isActive }"><a href="https://www-sisecam-com.translate.goog/tr/enerji?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="text-blue-dark text-sm font-semibold leading-normal"> Enerji </a>  <div class="Header-item-menu absolute bg-blue-dark h-9 w-full -bottom-9 left-0 self-stretch justify-center items-center flex z-10 submenu"> <ul class="w-[780px] justify-start items-center flex z-10"> <li class="Header-item-menu-link pl-3 pr-2.5 justify-start items-center gap-6 flex" x-bind:class="{ 'text-white': isActiveSubMenu('/tr/elektrik-ticareti') }"><a href="https://www-sisecam-com.translate.goog/tr/elektrik-ticareti?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="text-gray-400 text-xs font-semibold leading-normal hover:text-white"> Elektrik Ticareti </a></li> <li class="Header-item-menu-link pl-3 pr-2.5 justify-start items-center gap-6 flex" x-bind:class="{ 'text-white': isActiveSubMenu('/tr/dogal-gaz-ticareti') }"><a href="https://www-sisecam-com.translate.goog/tr/dogal-gaz-ticareti?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="text-gray-400 text-xs font-semibold leading-normal hover:text-white"> Doğal Gaz Ticareti </a></li> </ul> </div></li> <li class="Header-item h-[70px] self-stretch justify-center items-center flex" x-data="categoryData('/tr/cam-elyaf')" x-init="init()" x-bind:class="{ 'border-b-2 border-blue-dark active': isActive }"><a href="https://www-sisecam-com.translate.goog/tr/cam-elyaf?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="text-blue-dark text-sm font-semibold leading-normal"> Cam Elyaf </a> </li> </ul> <script> document.addEventListener('alpine:init', () => { Alpine.data('categoryData', (url) => ({ isOpen: false, isActive: false, init() { const currentUrl = window.location.pathname; this.isActive = currentUrl === url; if (this.$el.querySelectorAll('a').length > 0) { this.$el.querySelectorAll('a').forEach(link => { const url = new URL(link.href); const path = url.pathname; if (path == currentUrl) { this.isActive = true; this.isOpen = true; } }); } }, isActiveSubMenu(subMenuUrl){ return subMenuUrl === (window.location.pathname); }, toggleDropdown(isOpen = false) { this.isOpen = isOpen; } })); }); </script> </div> </div> <div class="justify-start items-center gap-6 flex"><button class="" @click.prevent="$store.searchStore.searchBar = !$store.searchStore.searchBar"> <svg class="icon-search-sm w-6 h-6 text-blue-innovation" fill="none" x-show="!$store.searchStore.searchBar" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/search-sm" /> </svg> <div class="w-6 h-6 flex items-center justify-center" x-show="$store.searchStore.searchBar"> <svg class="icon-close w-4 h-4 text-blue-innovation" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/close" /> </svg> </div></button> <button x-data="contactUsButtonData" x-init="init()" class="max-xl:w-full px-3 w-[100px] min-h-[38px] py-2.5 rounded-lg bg-blue-innovation flex-col justify-start items-center gap-2.5 inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-dark group max-xl:hidden"> <a x-bind:href="localizations['button.link']" class="text-center text-white text-sm font-semibold leading-[18.20px]" x-text="localizations['button.title']"></a> </button> </div> </div> </div> </div> </header>  <main class="flex justify-center flex-col xl:w-[1280px] w-full min-h-svh"> <div id="ctl00_PlaceHolderMain_ctl03_breadcrumbContainer" class="breadcrumb-container xl:w-[1440px] w-full flex-col justify-center xl:items-center inline-flex xl:pl-2 pl-2 bg-white"> <div class="xl:w-[1280px] w-full h-16 justify-start items-center gap-2 flex"> <a href="https://www-sisecam-com.translate.goog/tr?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class="text-center text-gray-500 text-xs font-normal leading-normal">Anasayfa</a> <svg class="icon-chevron-right w-4 h-4 text-gray-200" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/chevron-right" /> </svg><a href="https://www-sisecam-com.translate.goog/tr/duz-cam?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class="text-center text-gray-500 text-xs font-normal leading-normal">Düz Cam</a> <svg class="icon-chevron-right w-4 h-4 text-gray-200" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/chevron-right" /> </svg><a href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class="text-center text-gray-500 text-xs font-normal leading-normal">Ürün Kataloğu</a> </div> </div> <div class="ms-webpart-zone ms-fullWidth"> <div id="MSOZoneCell_WebPartctl00_ctl33_g_37b139f3_6860_48d9_9ef7_7261e9ae9c38" class="s4-wpcell-plain ms-webpartzone-cell ms-webpart-cell-vertical-inline-table ms-webpart-cell-vertical ms-fullWidth "> <div class="ms-webpart-chrome ms-webpart-chrome-vertical ms-webpart-chrome-fullWidth "> <div webpartid="37b139f3-6860-48d9-9ef7-7261e9ae9c38" haspers="false" id="WebPartctl00_ctl33_g_37b139f3_6860_48d9_9ef7_7261e9ae9c38" width="100%" class="ms-WPBody noindex " allowdelete="false" allowexport="false" style=""> <div id="ctl00_ctl33_g_37b139f3_6860_48d9_9ef7_7261e9ae9c38"> <div class="ms-rte-embedcode ms-rte-embedwp"> <section class="flex justify-center items-center flex-col bg-white w-full xl:mb-10 mb-6"> <div class="CatalogHero"><img class="CatalogHero-img" src="/tr/s-business-segments/s-flat-glass/PublishingImages/Banner/0000s_0001_Flora-Park.jpg"> <div class="CatalogHero-text"> <div class="CatalogHero-text-in"> <div class="CatalogHero-top"> <div class="px-2 py-1 bg-[#f6f7fa] rounded-[40px] flex-col justify-center items-center gap-2.5 flex"> <div class="text-center text-blue-innovation text-[10px] font-semibold leading-3"> YENİ ÜRÜN </div> </div> <div class="text-blue-dark text-xl xl:text-[28px] font-bold xl:leading-[42px]"> Şişecam Solar Low-E Cam Nötral </div> <div class="text-gray-500 text-sm xl:text-base font-normal leading-normal"> Şişecam Solar Low-E Cam, ısı ve güneş kontrol camıdır. </div> </div> <div class="w-full px-8 pt-6 pb-8 justify-between items-center inline-flex"> <div class="flex-col justify-start items-start gap-1 inline-flex"> <div class="text-gray-500 text-sm font-normal leading-normal"> Mimari Camlar </div> <div class="text-blue-dark text-base font-semibold leading-normal"> Şişecam Solar Low-E Cam Nötral </div> </div><a href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu/sisecam-solar-low-e-cam-notral?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class="w-6 h-6 relative"> <svg class="icon-arrow-line-right w-6 h-6 text-blue-innovation" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/arrow-line-right" /> </svg></a> </div> </div> </div> </div> </section> <div class="max-xl:px-6 w-full"> <div class="flex-col justify-start items-start gap-6 flex pb-8 w-full"> <h1 class="text-blue-dark xl:text-5xl text-[32px] font-bold xl:leading-[60px] leading-10">Düz Cam Ürün Kataloğu</h1> </div> </div> </div> </div> <div class="ms-clear"></div> </div> </div> <div class="ms-PartSpacingVertical"></div> </div> <div id="MSOZoneCell_WebPartctl00_ctl33_g_a3f0d093_efd6_420b_98ee_4f2f12857500" class="s4-wpcell-plain ms-webpartzone-cell ms-webpart-cell-vertical-inline-table ms-webpart-cell-vertical ms-fullWidth "> <div class="ms-webpart-chrome ms-webpart-chrome-vertical ms-webpart-chrome-fullWidth "> <div webpartid="a3f0d093-efd6-420b-98ee-4f2f12857500" haspers="false" id="WebPartctl00_ctl33_g_a3f0d093_efd6_420b_98ee_4f2f12857500" width="100%" class="ms-WPBody noindex " allowdelete="false" style=""> <div id="ctl00_ctl33_g_a3f0d093_efd6_420b_98ee_4f2f12857500"> <div id="ctl00_ctl33_g_a3f0d093_efd6_420b_98ee_4f2f12857500_ctl00"> <div id="ctl00_ctl33_g_a3f0d093_efd6_420b_98ee_4f2f12857500_ctl02"> <link rel="stylesheet" href="/_catalogs/masterpage/assets/nouislider/nouislider.min.css"> <script src="/_catalogs/masterpage/assets/nouislider/wNumb.min.js"></script> <script src="/_catalogs/masterpage/assets/nouislider/nouislider.min.js"></script> <div class="catalog-container" x-data="catalogFormData" x-init="initCatalog()" :class="isLoading ? 'animate-pulse' : ''"> <section class="inline-flex justify-start items-start xl:flex-row flex-col bg-white w-full gap-6"> <div class="xl:w-1/4 w-full"> <div class="bg-[#f6f7fa] rounded-lg flex-col justify-start items-center gap-4 w-full divide-y divide-solid divide-gray-100 p-6 inline-flex" :class="$store.globals.isMobile & showFilter ? 'fixed top-0 left-0 w-full h-full bg-white z-[999] overflow-y-auto':''" id="filterForm" x-show="showFilter" x-cloak x-trap.noscroll.inert="$store.globals.isMobile & showFilter"> <div class="flex-col justify-start items-start gap-4 flex self-stretch xl:hidden"> <div class="w-full relative items-center justify-center"> <p class="text-[#041226] text-xl font-semibold leading-relaxed text-center" x-text="properties.resources?.filters.title"></p><button @click.prevent="showFilter = false" class="w-full py-2.5 flex justify-end items-center gap-4 flex-row p-6 absolute -right-6 top-0"> <svg class="icon-close w-4 h-4 blue-dark" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/close" /> </svg></button> </div> </div> <div class="flex-col justify-start items-start gap-4 flex self-stretch pt-4"> <div class="self-stretch pl-3 py-3 bg-white rounded-lg border border-gray-100 justify-start items-center gap-2 inline-flex"> <div class="justify-start items-center gap-2 flex"> <div class="w-4 h-4 relative"> <svg class="icon-search-sm w-4 h-4 blue-dark" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/search-sm" /> </svg> </div> <div class="h-6 justify-start items-center flex w-full"><input class="text-gray-200 text-sm font-normal outline-none w-full search-input" name="q" value="" x-model="formData.search" @keydown.enter.prevent="false;" :placeholder="properties.resources?.placeholders.search"> </div> </div> </div> </div> <div class="flex-col justify-start items-start flex self-stretch"> <div class="flex-row justify-start items-start flex py-4 border-b border-gray-100 self-stretch"> <p class="text-[#0b0b5f] text-base font-semibold leading-normal" x-text="properties.resources?.filters.catalogType"></p> </div> <div class="flex-col justify-start items-start gap-4 flex self-stretch fixedCategories pt-4"> <template x-for="category in data.catalogTypes" :key="category.id"> <div class="flex w-full flex-col gap-4"> <div class="relative flex items-center space-x-2 text-blue-dark"><input type="radio" class="w-5 h-5 p-2 border border-gray-100 rounded-full border-solid form-radio peer focus:border-gray-100 active:border-gray-100 checked:bg-blue-dark checked:border-blue-dark" :name="category.id" :id="category.id" :value="category.id"> <label :for="category.id" class="block peer-checked:text-gray-700 text-blue-dark text-sm font-normal" x-text="category.name"></label> </div> </div> </template> </div> </div> <div class="flex-col justify-start items-start flex self-stretch pt-4"> <div class="Filter-toggle"><button type="button" :class="{ 'active': formData.targetAudience === 'Professionals' }" @click="selectAudience('Professionals')"> Profesyoneller İçin </button> <button type="button" :class="{ 'active': formData.targetAudience === 'HomeUse' }" @click="selectAudience('HomeUse')"> Eviniz İçin </button> </div> </div> <div class="flex-col justify-start items-start flex self-stretch"> <div class="flex-row justify-start items-start flex py-4 border-b border-gray-100 self-stretch"> <p class="text-[#0b0b5f] text-base font-semibold leading-normal" x-text="properties.resources?.filters.categories"></p> </div> <div class="flex-col justify-start items-start gap-4 flex self-stretch divide-y divide-solid divide-gray-100"> <template x-for="category in data.categories" :key="category.id"> <div class="flex w-full flex-col gap-4 pt-4" x-data="{ expanded: false }"> <div class="relative flex items-center justify-between space-x-2"> <div class="relative flex items-center space-x-2 text-blue-dark"><input type="checkbox" x-model="formData.categories" :name="category.id" :id="category.id" :value="category.id" class="w-5 h-5 p-2 border border-gray-100 rounded form-checkbox peer focus:border-gray-100 checked:bg-blue-dark"> <label :for="category.id" class="block text-blue-dark text-sm font-normal" x-text="category.name"></label> </div> </div> </div> </template> </div> </div> <div class="flex-col justify-start items-start flex self-stretch" x-show="isProffesionals()" x-data="{ showColor: false }"> <div class="flex-row justify-between items-center flex border-gray-100 self-stretch" :class="showColor ? 'py-4 border-b':'pt-4'"> <p class="text-[#0b0b5f] text-base font-semibold leading-normal" x-text="properties.resources?.filters.color"></p><button class="w-4 h-4 button-down flex items-center justify-center bg-transparent" @click.prevent="showColor = !showColor" control-id="ControlID-16"> <span x-show="showColor" style=""> <svg class="icon-chevron-up w-4 h-4 blue-dark" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/chevron-up" /> </svg></span> <span x-show="!showColor" style="display: none"> <svg class="icon-chevron-down w-4 h-4 blue-dark" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/chevron-down" /> </svg></span> </button> </div> <div class="flex-col justify-start items-start gap-4 flex self-stretch pt-4" x-show="showColor"> <template x-for="(color, index) in availableColors" :key="index"> <div class="flex w-full flex-col"> <div class="relative flex items-center justify-between space-x-2"> <div class="relative flex items-center space-x-2 text-blue-dark"><input type="checkbox" x-model="formData.colors" class="w-5 h-5 p-2 border-solid border rounded-full form-checkbox peer" :class="color.class" :value="color.value" :name="color.value" :style="'border: 2px solid ' + color.colorCode + '; background-color: ' + color.colorCode" :id="color.value"> <label :for="color.value" class="block peer-checked:text-gray-700 text-blue-dark text-sm font-normal"> <span x-text="color.label"></span> </label> </div><span class="text-blue-innovation" x-show="formData.colors.includes(color.value)"> <svg class="icon-check w-4 h-4 text-blue-innovation" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/check" /> </svg></span> </div> </div> </template> </div> </div> <div class="flex-col justify-start items-start flex self-stretch" x-show="isProffesionals()" x-data="{ showLightTransmittance: false }"> <div class="flex-row justify-between items-center flex border-gray-100 self-stretch" :class="showLightTransmittance ? 'py-4 border-b':'pt-4'"> <p class="text-[#0b0b5f] text-base font-semibold leading-normal" x-text="properties.resources?.filters.lightTransmittance"></p><button class="w-4 h-4 button-down flex items-center justify-center bg-transparent" @click.prevent="showLightTransmittance = !showLightTransmittance"> <span x-show="showLightTransmittance"> <svg class="icon-chevron-up w-4 h-4 blue-dark" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/chevron-up" /> </svg></span> <span x-show="!showLightTransmittance" style="display: none;"> <svg class="icon-chevron-down w-4 h-4 blue-dark" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/chevron-down" /> </svg></span> </button> </div> <div class="flex-col justify-start items-start gap-4 flex self-stretch pt-4" x-show="showLightTransmittance"> <div class="flex items-center justify-between space-x-4 text-sm text-gray-700"> <div class="relative flex flex-col mb-5 w-full"><label class="w-fit mb-2 text-blue-dark text-xs font-normal leading-normal">Min (lm)</label> <input type="number" maxlength="1" @change="updateSlider('lightTransmittance')" @keydown.enter.prevent="false;" x-model="formData.lightTransmittance.min" wire:model.debounce.1000="formData.lightTransmittance.min" class="w-full border-gray-100 focus:border-blue-dark border rounded-md px-3.5 py-3 focus:outline-none text-dark text-sm font-normal"> </div> <div class="relative flex flex-col mb-5 w-full"><label class="w-fit mb-2 text-blue-dark text-xs font-normal leading-normal">Max (lm)</label> <input type="number" maxlength="1" @change="updateSlider('lightTransmittance')" @keydown.enter.prevent="false;" x-model="formData.lightTransmittance.max" wire:model.debounce.1000="formData.lightTransmittance.max" class="w-full border-gray-100 focus:border-blue-dark border rounded-md px-3.5 py-3 focus:outline-none text-dark text-sm font-normal"> </div> </div> <div id="lightTransmittance-range" class="range-slider"></div> </div> </div> <div class="flex-col justify-start items-start flex self-stretch" x-show="isProffesionals()" x-data="{ showSolarFactor: false }"> <div class="flex-row justify-between items-center flex border-gray-100 self-stretch" :class="showSolarFactor ? 'py-4 border-b':'pt-4'"> <p class="text-[#0b0b5f] text-base font-semibold leading-normal" x-text="properties.resources?.filters.solarFactor"></p><button class="w-4 h-4 button-down flex items-center justify-center bg-transparent" @click.prevent="showSolarFactor = !showSolarFactor"> <span x-show="showSolarFactor"> <svg class="icon-chevron-up w-4 h-4 blue-dark" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/chevron-up" /> </svg></span> <span x-show="!showSolarFactor" style="display: none;"> <svg class="icon-chevron-down w-4 h-4 blue-dark" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/chevron-down" /> </svg></span> </button> </div> <div class="flex-col justify-start items-start gap-4 flex self-stretch pt-4" x-show="showSolarFactor"> <div class="flex items-center justify-between space-x-4 text-sm text-gray-700"> <div class="relative flex flex-col mb-5 w-full"><label class="w-fit mb-2 text-blue-dark text-xs font-normal leading-normal">Min (lm)</label> <input type="number" maxlength="1" @change="updateSlider('solarFactor')" @keydown.enter.prevent="false;" x-model="formData.solarFactor.min" wire:model.debounce.1000="formData.solarFactor.min" class="w-full border-gray-100 focus:border-blue-dark border rounded-md px-3.5 py-3 focus:outline-none text-dark text-sm font-normal"> </div> <div class="relative flex flex-col mb-5 w-full"><label class="w-fit mb-2 text-blue-dark text-xs font-normal leading-normal">Max (lm)</label> <input type="number" maxlength="1" @change="updateSlider('solarFactor')" @keydown.enter.prevent="false;" x-model="formData.solarFactor.max" wire:model.debounce.1000="formData.solarFactor.max" class="w-full border-gray-100 focus:border-blue-dark border rounded-md px-3.5 py-3 focus:outline-none text-dark text-sm font-normal"> </div> </div> <div id="solarFactor-range" class="range-slider"></div> </div> </div> <div class="flex-col justify-start items-start flex self-stretch" x-show="isProffesionals()" x-data="{ showShadingCoefficient: false }"> <div class="flex-row justify-between items-center flex border-gray-100 self-stretch" :class="showShadingCoefficient ? 'py-4 border-b':'pt-4'"> <p class="text-[#0b0b5f] text-base font-semibold leading-normal" x-text="properties.resources?.filters.shadingCoefficient"></p><button class="w-4 h-4 button-down flex items-center justify-center bg-transparent" @click.prevent="showShadingCoefficient = !showShadingCoefficient"> <span x-show="showShadingCoefficient"> <svg class="icon-chevron-up w-4 h-4 blue-dark" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/chevron-up" /> </svg></span> <span x-show="!showShadingCoefficient" style="display: none;"> <svg class="icon-chevron-down w-4 h-4 blue-dark" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/chevron-down" /> </svg></span> </button> </div> <div class="flex-col justify-start items-start gap-4 flex self-stretch pt-4" x-show="showShadingCoefficient"> <div class="flex items-center justify-between space-x-4 text-sm text-gray-700"> <div class="relative flex flex-col mb-5 w-full"><label class="w-fit mb-2 text-blue-dark text-xs font-normal leading-normal">Min (lm)</label> <input type="number" maxlength="1" @change="updateSlider('shadingCoefficient')" @keydown.enter.prevent="false;" x-model="formData.shadingCoefficient.min" wire:model.debounce.1000="formData.shadingCoefficient.min" class="w-full border-gray-100 focus:border-blue-dark border rounded-md px-3.5 py-3 focus:outline-none text-dark text-sm font-normal"> </div> <div class="relative flex flex-col mb-5 w-full"><label class="w-fit mb-2 text-blue-dark text-xs font-normal leading-normal">Max (lm)</label> <input type="number" maxlength="1" @change="updateSlider('shadingCoefficient')" @keydown.enter.prevent="false;" x-model="formData.shadingCoefficient.max" wire:model.debounce.1000="formData.shadingCoefficient.max" class="w-full border-gray-100 focus:border-blue-dark border rounded-md px-3.5 py-3 focus:outline-none text-dark text-sm font-normal"> </div> </div> <div id="shadingCoefficient-range" class="range-slider"></div> </div> </div> <div class="flex-col justify-start items-start flex self-stretch" x-show="isProffesionals()" x-data="{ showUValue: false }"> <div class="flex-row justify-between items-center flex border-gray-100 self-stretch" :class="showUValue ? 'py-4 border-b':'pt-4'"> <p class="text-[#0b0b5f] text-base font-semibold leading-normal" x-text="properties.resources?.filters.uValue"></p><button class="w-4 h-4 button-down flex items-center justify-center bg-transparent" @click.prevent="showUValue = !showUValue"> <span x-show="showUValue"> <svg class="icon-chevron-up w-4 h-4 blue-dark" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/chevron-up" /> </svg></span> <span x-show="!showUValue" style="display: none;"> <svg class="icon-chevron-down w-4 h-4 blue-dark" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/chevron-down" /> </svg></span> </button> </div> <div class="flex-col justify-start items-start gap-4 flex self-stretch pt-4" x-show="showUValue"> <div class="flex items-center justify-between space-x-4 text-sm text-gray-700"> <div class="relative flex flex-col mb-5 w-full"><label class="w-fit mb-2 text-blue-dark text-xs font-normal leading-normal">Min (lm)</label> <input type="number" maxlength="1" @keydown.enter.prevent="false;" @change="updateSlider('uValue')" x-model="formData.uValue.min" wire:model.debounce.1000="formData.uValue.min" class="w-full border-gray-100 focus:border-blue-dark border rounded-md px-3.5 py-3 focus:outline-none text-dark text-sm font-normal"> </div> <div class="relative flex flex-col mb-5 w-full"><label class="w-fit mb-2 text-blue-dark text-xs font-normal leading-normal">Max (lm)</label> <input type="number" maxlength="1" @keydown.enter.prevent="false;" @change="updateSlider('uValue')" x-model="formData.uValue.max" wire:model.debounce.1000="formData.uValue.max" class="w-full border-gray-100 focus:border-blue-dark border rounded-md px-3.5 py-3 focus:outline-none text-dark text-sm font-normal"> </div> </div> <div id="uValue-range" class="range-slider"></div> </div> </div> <div class="flex-col justify-start items-start flex self-stretch" x-show="isProffesionals()"> <div class="flex-row justify-between items-center flex border-gray-100 self-stretch" :class="formData.tempered ? 'pt-4':'pt-4'"> <div class="w-full inline-flex justify-between items-center"><label @click.prevent="$refs.temperedButton.click(); $refs.temperedButton.focus()" :id="$id('tempered')" class="text-blue-dark text-base font-semibold leading-normal" x-cloak="x-cloak" x-text="properties.resources?.filters.tempered"> </label> <input id="tempered" type="checkbox" name="tempered" class="hidden" x-model="formData.tempered"> <button x-ref="temperedButton" type="button" @click.prevent="formData.tempered = !formData.tempered" :class="formData.tempered ? 'bg-blue-innovation' : 'bg-gray-200'" class="relative inline-flex h-6 py-0.5 ml-4 focus:outline-none rounded-full w-12 button-toggle" x-cloak="x-cloak"> <span :class="formData.tempered ? 'custom-translate' : 'translate-x-0.5'" class="w-5 h-5 duration-200 ease-in-out bg-white rounded-full shadow-md"></span> </button> </div> </div> </div> <div class="flex-col justify-start items-start flex self-stretch" x-show="isProffesionals()"> <div class="flex-row justify-between items-center flex border-gray-100 self-stretch" :class="formData.bimSmartObjects ? 'pt-4':'pt-4'"> <div class="w-full inline-flex justify-between items-center"><label @click.prevent="$refs.bimSmartObjectsButton.click(); $refs.bimSmartObjectsButton.focus()" :id="$id('bimSmartObjects')" class="text-blue-dark text-base font-semibold leading-normal" x-cloak="x-cloak" x-text="properties.resources?.filters.bimSmartObjects"> </label> <input id="bimSmartObjects" type="checkbox" name="bimSmartObjects" class="hidden" x-model="formData.bimSmartObjects"> <button x-ref="bimSmartObjectsButton" type="button" @click.prevent="formData.bimSmartObjects = !formData.bimSmartObjects" :class="formData.bimSmartObjects ? 'bg-blue-innovation' : 'bg-gray-200'" class="relative inline-flex h-6 py-0.5 ml-4 focus:outline-none rounded-full w-12 button-toggle" x-cloak="x-cloak"> <span :class="formData.bimSmartObjects ? 'custom-translate' : 'translate-x-0.5'" class="w-5 h-5 duration-200 ease-in-out bg-white rounded-full shadow-md"></span> </button> </div> </div> </div> </div> </div> <div class="xl:w-3/4 w-full"> <div class="flex-col justify-start items-start gap-9 flex"> <div class="flex-col justify-start items-start gap-6 flex w-full max-xl:hidden"> <div class="flex-col justify-start items-start gap-6 flex w-full"> <div class="xl:w-[954px] w-full justify-between xl:items-center items-start inline-flex xl:flex-row flex-col gap-6 max-xl:px-6"> <p class="xl:text-center text-blue-dark xl:text-xl text-base font-semibold xl:leading-7 leading-normal" x-text="properties?.resources?.results?.productCount?.replace('{count}', filteredItems.length)"></p> <div class="relative xl:w-56 w-full z-50"><button x-ref="selectButton" x-on:click.prevent="selectOpen = !selectOpen" :class="{ 'focus:ring-2 focus:ring-offset-2 focus:ring-gray-100' : !selectOpen }" class="relative min-h-[38px] flex items-center justify-between w-full py-2 pl-3 pr-10 text-left bg-white border rounded-md shadow-sm cursor-default border-gray-100 focus:outline-none text-sm"> <span class="truncate text-gray-500 text-sm font-normal max-xl:hidden" x-text="properties?.resources?.sorting?.title"></span> <span class="truncate text-gray-500 text-sm font-normal hidden max-xl:inline-block mr-2"> <svg class="icon-switch-vertical-01 w-4 h-4 text-[#0700FF]" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/switch-vertical-01" /> </svg></span> <span x-text="getResource('sorting',selectedSort.value)" class="truncate text-blue-dark text-sm font-semibold"></span> <span class="absolute inset-y-0 right-0 flex items-center pr-2 pointer-events-none"> <svg class="icon-chevron-down w-5 h-5 text-blue-dark" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/chevron-down" /> </svg></span> </button> <ul x-show="selectOpen" x-ref="selectableItemsList" x-on:click.away="selectOpen = false" x-transition:enter="transition ease-out duration-50" x-transition:enter-start="opacity-0 -translate-y-1" x-transition:enter-end="opacity-100" class="absolute w-full py-1 mt-1 overflow-auto text-sm bg-white rounded-md shadow-md max-h-56 ring-1 ring-black ring-opacity-5 focus:outline-none"> <template x-for="item in selectableItems" :key="item.value"> <li x-on:click.prevent="selectedSort = item; selectOpen = false; $refs.selectButton.focus(); currentPage = 1" :class="{ 'bg-neutral-100 text-gray-900': selectedSort.value === item.value }" class="relative flex items-center h-full py-2 pl-8 text-gray-700 cursor-default select-none"> <svg x-show="selectedSort.value === item.value" class="absolute left-0 w-4 h-4 ml-2 stroke-current text-blue-dark" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12" /> </svg><span class="block font-medium truncate" x-text="getResource('sorting',item.value)"></span></li> </template> </ul> </div> </div> </div> </div> <div class="justify-start items-start gap-4 inline-flex w-full xl:hidden px-6"> <div class="w-1/2 bg-white rounded-lg flex-col justify-start items-center gap-3 inline-flex"><button @click.prevent="showFilter=!showFilter" class="relative min-h-[38px] flex items-center justify-start w-full py-2 pl-3 pr-10 text-left bg-white border rounded-md shadow-sm cursor-default border-gray-100 focus:outline-none text-sm"> <span class="truncate text-gray-500 text-sm font-normal hidden max-xl:inline-block mr-2"> <svg class="icon-filter-funnel-02 w-4 h-4 text-[#0700FF]" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/filter-funnel-02" /> </svg></span> <span class="truncate text-blue-dark text-sm font-semibold" x-text="properties.resources?.filters.title"> <span class="text-[#0700FF]" x-show="selectedFilters && selectedFilters?.length > 0" x-text="`(${selectedFilters ? selectedFilters?.length : ''})`"></span> </span> </button> </div> <div class="w-1/2 bg-white rounded-lg flex-col justify-start items-center gap-3 inline-flex"> <div class="relative xl:w-56 w-full z-50"><button x-ref="selectButton" x-on:click.prevent="selectOpen = !selectOpen" :class="{ 'focus:ring-2 focus:ring-offset-2 focus:ring-gray-100' : !selectOpen }" class="relative min-h-[38px] flex items-center justify-between w-full py-2 pl-3 pr-10 text-left bg-white border rounded-md shadow-sm cursor-default border-gray-100 focus:outline-none text-sm"> <span class="truncate text-gray-500 text-sm font-normal max-xl:hidden" x-text="properties?.resources?.sorting?.title"></span> <span class="truncate text-gray-500 text-sm font-normal hidden max-xl:inline-block mr-2"> <svg class="icon-switch-vertical-01 w-4 h-4 text-[#0700FF]" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/switch-vertical-01" /> </svg></span> <span x-text="getResource('sorting',selectedSort.value)" class="truncate text-blue-dark text-sm font-semibold"></span> <span class="absolute inset-y-0 right-0 flex items-center pr-2 pointer-events-none"> <svg class="icon-chevron-down w-5 h-5 text-blue-dark" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/chevron-down" /> </svg></span> </button> <ul x-show="selectOpen" x-ref="selectableItemsList" x-on:click.away="selectOpen = false" x-transition:enter="transition ease-out duration-50" x-transition:enter-start="opacity-0 -translate-y-1" x-transition:enter-end="opacity-100" class="absolute w-full py-1 mt-1 overflow-auto text-sm bg-white rounded-md shadow-md max-h-56 ring-1 ring-black ring-opacity-5 focus:outline-none"> <template x-for="item in selectableItems" :key="item.value"> <li x-on:click.prevent="selectedSort = item; selectOpen = false; $refs.selectButton.focus(); currentPage = 1" :class="{ 'bg-neutral-100 text-gray-900': selectedSort.value === item.value }" class="relative flex items-center h-full py-2 pl-8 text-gray-700 cursor-default select-none"> <svg x-show="selectedSort.value === item.value" class="absolute left-0 w-4 h-4 ml-2 stroke-current text-blue-dark" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12" /> </svg><span class="block font-medium truncate" x-text="getResource('sorting',item.value)"></span></li> </template> </ul> </div> </div> </div> <div class="w-full justify-between items-start gap-5 inline-flex mt-6 xl:flex-row flex-col" style="display: none;" x-show="selectedFilters.length > 0"> <div class="grow shrink basis-0 justify-start items-center gap-3 flex"> <div class="justify-start items-center gap-3 flex flex-wrap"> <template x-for="(filter, index) in selectedFilters" :key="index"> <div class="px-3 py-1 rounded-lg border border-[#d0d3d5] justify-center items-center gap-2 flex group text-[#D0D3D5] hover:text-[#A6AAAE]"> <p class="text-[#0b0b5f] text-xs font-normal leading-normal"><span x-text="filter.label"></span></p><button @click.prevent="removeFilter(index)" class="text-xs font-normal leading-normal"> <svg class="icon-close w-2 h-2" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/close" /> </svg></button> </div> </template> </div> </div> <div class="h-11 bg-white flex-col justify-center items-center gap-3 inline-flex max-xl:w-full"> <div class="xl:justify-start justify-center xl:items-center items-end gap-1.5 inline-flex"><span @click.prevent="clearAllFilters" class="text-center text-blue-innovation text-xs font-semibold leading-tight cursor-pointer" x-text="properties.resources?.buttons.allClear"></span> </div> </div> </div> <p class="px-6 text-blue-dark xl:text-xl text-base font-semibold leading-normal xl:hidden" x-text="properties?.resources?.results?.productCount?.replace('{count}', filteredItems.length)"></p> <div class="justify-start items-start gap-6 grid xl:grid-cols-3 grid-cols-1 w-full max-xl:px-6"> <div class="server-rendered-item w-full h-full pb-5 bg-white rounded-[10px] border border-gray-100 flex-col justify-start items-start gap-5 inline-flex" x-data="{ showColorSelect: false, selectedColorIndex: null }"> <div class="w-full h-[302px] relative"> <div class="w-full h-[302px] relative bg-background flex items-center justify-center rounded-tl-[10px] rounded-tr-[10px] "> <div class="w-full h-full relative flex items-center justify-center "><img class="max-h-full max-w-full w-full h-full object-cover blur-up lazyloaded rounded-tl-[10px] rounded-tr-[10px]" loading="lazy" decoding="async" src="/tr/s-business-segments/s-flat-glass/PublishingImages/mimari-camlar/urun-katalogu/Sisecam-Ultra-Clear-Lamine-Cam-01%20(Custom).jpg" :alt="Şişecam Ultra Clear Lamine Cam"> </div> </div> <div class="w-10 h-10 left-[246px] top-[12px] absolute bg-white rounded-md hidden"> </div> </div> <div class="w-full h-[100%] min-h-[220px] px-5 flex-col justify-start items-start gap-4 flex "> <div class="w-full flex-col justify-start items-start gap-2 flex relative"> <div class="flex-col justify-start items-start gap-3 flex"> <div class=" h-[25px] px-3 py-1.5 bg-white rounded-md border border-gray-100 justify-center items-center gap-2.5 inline-flex"> <div class="text-blue-innovation text-[10px] font-semibold leading-3"> Mimari Camlar </div> </div> <div class="flex-col justify-start items-start gap-1 flex"> <div class="flex-col justify-start items-start flex"> <div class="text-blue-dark text-xs font-medium leading-snug"> Lamine </div> </div> </div> </div> <div class="group overflow-hidden w-full h-14"> <div class="text-blue-dark text-xl font-semibold leading-7 relative w-full "> Şişecam Ultra Clear Lamine Cam </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100"> </div> <div class="self-stretch flex justify-between items-start gap-3" x-show="!isProffesionals()" style="display: none;"> <div class="flex-1 h-14 justify-start items-center gap-1.5 flex py-4"> <div class="text-[#54545d] text-sm font-normal leading-normal"> </div> </div> </div> <div class="self-stretch flex-col justify-start items-start gap-2 flex"> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Işık Geçirgen: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> N/A </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Renk: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> UC,O </div> </div> </div> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Solar Faktör: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> N/A </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> U Değeri: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> N/A </div> </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100 mt-auto"></div> <div class="w-full grid grid-cols-2 gap-5"><a href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu/sisecam-ultra-clear-lamine-cam?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class=" h-10 px-4 py-2.5 bg-blue-dark rounded-lg flex-col justify-center items-center gap-2.5 inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <div class="text-center text-white text-sm font-semibold leading-[18.20px] group-hover:text-white"> İnceleyin </div></a>  <button class="grow shrink basis-0 h-10 rounded-lg border border-blue-dark flex-row justify-center gap-2 items-center inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white"> Karşılaştırın </span> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white" x-show="item.isAdded"> <svg class="icon-check w-4 h-4" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/check" /> </svg></span> </button>  </div> </div> </div> <div class="server-rendered-item w-full h-full pb-5 bg-white rounded-[10px] border border-gray-100 flex-col justify-start items-start gap-5 inline-flex" x-data="{ showColorSelect: false, selectedColorIndex: null }"> <div class="w-full h-[302px] relative"> <div class="w-full h-[302px] relative bg-background flex items-center justify-center rounded-tl-[10px] rounded-tr-[10px] "> <div class="w-full h-full relative flex items-center justify-center "><img class="max-h-full max-w-full w-full h-full object-cover blur-up lazyloaded rounded-tl-[10px] rounded-tr-[10px]" loading="lazy" decoding="async" src="/tr/s-business-segments/s-flat-glass/PublishingImages/mimari-camlar/urun-katalogu/Sisecam-Ultra-Clear-Duzcam-Ofis-Alani%20(Custom).jpg" :alt="Şişecam Ultra Clear Düzcam"> </div> </div> <div class="w-10 h-10 left-[246px] top-[12px] absolute bg-white rounded-md hidden"> </div> </div> <div class="w-full h-[100%] min-h-[220px] px-5 flex-col justify-start items-start gap-4 flex "> <div class="w-full flex-col justify-start items-start gap-2 flex relative"> <div class="flex-col justify-start items-start gap-3 flex"> <div class=" h-[25px] px-3 py-1.5 bg-white rounded-md border border-gray-100 justify-center items-center gap-2.5 inline-flex"> <div class="text-blue-innovation text-[10px] font-semibold leading-3"> Mimari Camlar </div> </div> <div class="flex-col justify-start items-start gap-1 flex"> <div class="flex-col justify-start items-start flex"> <div class="text-blue-dark text-xs font-medium leading-snug"> Float </div> </div> </div> </div> <div class="group overflow-hidden w-full h-14"> <div class="text-blue-dark text-xl font-semibold leading-7 relative w-full "> Şişecam Ultra Clear Düzcam </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100"> </div> <div class="self-stretch flex justify-between items-start gap-3" x-show="!isProffesionals()" style="display: none;"> <div class="flex-1 h-14 justify-start items-center gap-1.5 flex py-4"> <div class="text-[#54545d] text-sm font-normal leading-normal"> </div> </div> </div> <div class="self-stretch flex-col justify-start items-start gap-2 flex"> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Işık Geçirgen: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> N/A </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Renk: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> UC </div> </div> </div> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Solar Faktör: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> N/A </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> U Değeri: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> N/A </div> </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100 mt-auto"></div> <div class="w-full grid grid-cols-2 gap-5"><a href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu/sisecam-ultra-clear-duzcam?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class=" h-10 px-4 py-2.5 bg-blue-dark rounded-lg flex-col justify-center items-center gap-2.5 inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <div class="text-center text-white text-sm font-semibold leading-[18.20px] group-hover:text-white"> İnceleyin </div></a>  <button class="grow shrink basis-0 h-10 rounded-lg border border-blue-dark flex-row justify-center gap-2 items-center inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white"> Karşılaştırın </span> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white" x-show="item.isAdded"> <svg class="icon-check w-4 h-4" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/check" /> </svg></span> </button>  </div> </div> </div> <div class="server-rendered-item w-full h-full pb-5 bg-white rounded-[10px] border border-gray-100 flex-col justify-start items-start gap-5 inline-flex" x-data="{ showColorSelect: false, selectedColorIndex: null }"> <div class="w-full h-[302px] relative"> <div class="w-full h-[302px] relative bg-background flex items-center justify-center rounded-tl-[10px] rounded-tr-[10px] "> <div class="w-full h-full relative flex items-center justify-center "><img class="max-h-full max-w-full w-full h-full object-cover blur-up lazyloaded rounded-tl-[10px] rounded-tr-[10px]" loading="lazy" decoding="async" src="/tr/s-business-segments/s-flat-glass/PublishingImages/mimari-camlar/urun-katalogu/sisecam_boyali_cam%20(Custom).jpg" :alt="Şişecam Ultra Clear Boyalı Cam Bembeyaz/RAL 9003"> </div> </div> <div class="w-10 h-10 left-[246px] top-[12px] absolute bg-white rounded-md hidden"> </div> </div> <div class="w-full h-[100%] min-h-[220px] px-5 flex-col justify-start items-start gap-4 flex "> <div class="w-full flex-col justify-start items-start gap-2 flex relative"> <div class="flex-col justify-start items-start gap-3 flex"> <div class=" h-[25px] px-3 py-1.5 bg-white rounded-md border border-gray-100 justify-center items-center gap-2.5 inline-flex"> <div class="text-blue-innovation text-[10px] font-semibold leading-3"> Mimari Camlar </div> </div> <div class="flex-col justify-start items-start gap-1 flex"> <div class="flex-col justify-start items-start flex"> <div class="text-blue-dark text-xs font-medium leading-snug"> Float </div> </div> </div> </div> <div class="group overflow-hidden w-full h-14"> <div class="text-blue-dark text-xl font-semibold leading-7 relative w-full "> Şişecam Ultra Clear Boyalı Cam Bembeyaz/RAL 9003 </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100"> </div> <div class="self-stretch flex justify-between items-start gap-3" x-show="!isProffesionals()" style="display: none;"> <div class="flex-1 h-14 justify-start items-center gap-1.5 flex py-4"> <div class="text-[#54545d] text-sm font-normal leading-normal"> </div> </div> </div> <div class="self-stretch flex-col justify-start items-start gap-2 flex"> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Işık Geçirgen: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> N/A </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Renk: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> BB </div> </div> </div> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Solar Faktör: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> N/A </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> U Değeri: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> N/A </div> </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100 mt-auto"></div> <div class="w-full grid grid-cols-2 gap-5"><a href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu/sisecam-ultra-clear-boyali-cam-bembeyaz-ral-9003?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class=" h-10 px-4 py-2.5 bg-blue-dark rounded-lg flex-col justify-center items-center gap-2.5 inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <div class="text-center text-white text-sm font-semibold leading-[18.20px] group-hover:text-white"> İnceleyin </div></a>  <button class="grow shrink basis-0 h-10 rounded-lg border border-blue-dark flex-row justify-center gap-2 items-center inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white"> Karşılaştırın </span> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white" x-show="item.isAdded"> <svg class="icon-check w-4 h-4" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/check" /> </svg></span> </button>  </div> </div> </div> <div class="server-rendered-item w-full h-full pb-5 bg-white rounded-[10px] border border-gray-100 flex-col justify-start items-start gap-5 inline-flex" x-data="{ showColorSelect: false, selectedColorIndex: null }"> <div class="w-full h-[302px] relative"> <div class="w-full h-[302px] relative bg-background flex items-center justify-center rounded-tl-[10px] rounded-tr-[10px] "> <div class="w-full h-full relative flex items-center justify-center "><img class="max-h-full max-w-full w-full h-full object-cover blur-up lazyloaded rounded-tl-[10px] rounded-tr-[10px]" loading="lazy" decoding="async" src="/tr/s-business-segments/s-flat-glass/PublishingImages/mimari-camlar/urun-katalogu/0023_green-tower.jpg" :alt="Şişecam Tentesol Yeşil"> </div> </div> <div class="w-10 h-10 left-[246px] top-[12px] absolute bg-white rounded-md hidden"> </div> </div> <div class="w-full h-[100%] min-h-[220px] px-5 flex-col justify-start items-start gap-4 flex "> <div class="w-full flex-col justify-start items-start gap-2 flex relative"> <div class="flex-col justify-start items-start gap-3 flex"> <div class=" h-[25px] px-3 py-1.5 bg-white rounded-md border border-gray-100 justify-center items-center gap-2.5 inline-flex"> <div class="text-blue-innovation text-[10px] font-semibold leading-3"> Mimari Camlar </div> </div> <div class="flex-col justify-start items-start gap-1 flex"> <div class="flex-col justify-start items-start flex"> <div class="text-blue-dark text-xs font-medium leading-snug"> Reflektif Kaplamalı </div> </div> </div> </div> <div class="group overflow-hidden w-full h-14"> <div class="text-blue-dark text-xl font-semibold leading-7 relative w-full "> Şişecam Tentesol Yeşil </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100"> </div> <div class="self-stretch flex justify-between items-start gap-3" x-show="!isProffesionals()" style="display: none;"> <div class="flex-1 h-14 justify-start items-center gap-1.5 flex py-4"> <div class="text-[#54545d] text-sm font-normal leading-normal"> </div> </div> </div> <div class="self-stretch flex-col justify-start items-start gap-2 flex"> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Işık Geçirgen: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> <40 </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Renk: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> Y </div> </div> </div> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Solar Faktör: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> 30>x≥20 </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> U Değeri: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> >1 </div> </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100 mt-auto"></div> <div class="w-full grid grid-cols-2 gap-5"><a href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu/sisecam-tentesol-yesil?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class=" h-10 px-4 py-2.5 bg-blue-dark rounded-lg flex-col justify-center items-center gap-2.5 inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <div class="text-center text-white text-sm font-semibold leading-[18.20px] group-hover:text-white"> İnceleyin </div></a>  <button class="grow shrink basis-0 h-10 rounded-lg border border-blue-dark flex-row justify-center gap-2 items-center inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white"> Karşılaştırın </span> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white" x-show="item.isAdded"> <svg class="icon-check w-4 h-4" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/check" /> </svg></span> </button>  </div> </div> </div> <div class="server-rendered-item w-full h-full pb-5 bg-white rounded-[10px] border border-gray-100 flex-col justify-start items-start gap-5 inline-flex" x-data="{ showColorSelect: false, selectedColorIndex: null }"> <div class="w-full h-[302px] relative"> <div class="w-full h-[302px] relative bg-background flex items-center justify-center rounded-tl-[10px] rounded-tr-[10px] "> <div class="w-full h-full relative flex items-center justify-center "><img class="max-h-full max-w-full w-full h-full object-cover blur-up lazyloaded rounded-tl-[10px] rounded-tr-[10px]" loading="lazy" decoding="async" src="/tr/s-business-segments/s-flat-glass/PublishingImages/mimari-camlar/urun-katalogu/0024_gestas.jpg" :alt="Şişecam Tentesol Titanyum Yeşil"> </div> </div> <div class="w-10 h-10 left-[246px] top-[12px] absolute bg-white rounded-md hidden"> </div> </div> <div class="w-full h-[100%] min-h-[220px] px-5 flex-col justify-start items-start gap-4 flex "> <div class="w-full flex-col justify-start items-start gap-2 flex relative"> <div class="flex-col justify-start items-start gap-3 flex"> <div class=" h-[25px] px-3 py-1.5 bg-white rounded-md border border-gray-100 justify-center items-center gap-2.5 inline-flex"> <div class="text-blue-innovation text-[10px] font-semibold leading-3"> Mimari Camlar </div> </div> <div class="flex-col justify-start items-start gap-1 flex"> <div class="flex-col justify-start items-start flex"> <div class="text-blue-dark text-xs font-medium leading-snug"> Reflektif Kaplamalı </div> </div> </div> </div> <div class="group overflow-hidden w-full h-14"> <div class="text-blue-dark text-xl font-semibold leading-7 relative w-full "> Şişecam Tentesol Titanyum Yeşil </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100"> </div> <div class="self-stretch flex justify-between items-start gap-3" x-show="!isProffesionals()" style="display: none;"> <div class="flex-1 h-14 justify-start items-center gap-1.5 flex py-4"> <div class="text-[#54545d] text-sm font-normal leading-normal"> </div> </div> </div> <div class="self-stretch flex-col justify-start items-start gap-2 flex"> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Işık Geçirgen: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> 50>x≥40 </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Renk: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> Y </div> </div> </div> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Solar Faktör: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> 30>x≥20 </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> U Değeri: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> >1 </div> </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100 mt-auto"></div> <div class="w-full grid grid-cols-2 gap-5"><a href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu/sisecam-tentesol-titanyum-yesil?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class=" h-10 px-4 py-2.5 bg-blue-dark rounded-lg flex-col justify-center items-center gap-2.5 inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <div class="text-center text-white text-sm font-semibold leading-[18.20px] group-hover:text-white"> İnceleyin </div></a>  <button class="grow shrink basis-0 h-10 rounded-lg border border-blue-dark flex-row justify-center gap-2 items-center inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white"> Karşılaştırın </span> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white" x-show="item.isAdded"> <svg class="icon-check w-4 h-4" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/check" /> </svg></span> </button>  </div> </div> </div> <div class="server-rendered-item w-full h-full pb-5 bg-white rounded-[10px] border border-gray-100 flex-col justify-start items-start gap-5 inline-flex" x-data="{ showColorSelect: false, selectedColorIndex: null }"> <div class="w-full h-[302px] relative"> <div class="w-full h-[302px] relative bg-background flex items-center justify-center rounded-tl-[10px] rounded-tr-[10px] "> <div class="w-full h-full relative flex items-center justify-center "><img class="max-h-full max-w-full w-full h-full object-cover blur-up lazyloaded rounded-tl-[10px] rounded-tr-[10px]" loading="lazy" decoding="async" src="/tr/s-business-segments/s-flat-glass/PublishingImages/mimari-camlar/urun-katalogu/0006_the-anatolian-hotel.jpg" :alt="Şişecam Tentesol Titanyum Mavi"> </div> </div> <div class="w-10 h-10 left-[246px] top-[12px] absolute bg-white rounded-md hidden"> </div> </div> <div class="w-full h-[100%] min-h-[220px] px-5 flex-col justify-start items-start gap-4 flex "> <div class="w-full flex-col justify-start items-start gap-2 flex relative"> <div class="flex-col justify-start items-start gap-3 flex"> <div class=" h-[25px] px-3 py-1.5 bg-white rounded-md border border-gray-100 justify-center items-center gap-2.5 inline-flex"> <div class="text-blue-innovation text-[10px] font-semibold leading-3"> Mimari Camlar </div> </div> <div class="flex-col justify-start items-start gap-1 flex"> <div class="flex-col justify-start items-start flex"> <div class="text-blue-dark text-xs font-medium leading-snug"> Reflektif Kaplamalı </div> </div> </div> </div> <div class="group overflow-hidden w-full h-14"> <div class="text-blue-dark text-xl font-semibold leading-7 relative w-full "> Şişecam Tentesol Titanyum Mavi </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100"> </div> <div class="self-stretch flex justify-between items-start gap-3" x-show="!isProffesionals()" style="display: none;"> <div class="flex-1 h-14 justify-start items-center gap-1.5 flex py-4"> <div class="text-[#54545d] text-sm font-normal leading-normal"> </div> </div> </div> <div class="self-stretch flex-col justify-start items-start gap-2 flex"> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Işık Geçirgen: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> <40 </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Renk: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> M </div> </div> </div> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Solar Faktör: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> 30>x≥20 </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> U Değeri: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> >1 </div> </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100 mt-auto"></div> <div class="w-full grid grid-cols-2 gap-5"><a href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu/sisecam-tentesol-titanyum-mavi?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class=" h-10 px-4 py-2.5 bg-blue-dark rounded-lg flex-col justify-center items-center gap-2.5 inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <div class="text-center text-white text-sm font-semibold leading-[18.20px] group-hover:text-white"> İnceleyin </div></a>  <button class="grow shrink basis-0 h-10 rounded-lg border border-blue-dark flex-row justify-center gap-2 items-center inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white"> Karşılaştırın </span> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white" x-show="item.isAdded"> <svg class="icon-check w-4 h-4" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/check" /> </svg></span> </button>  </div> </div> </div> <div class="server-rendered-item w-full h-full pb-5 bg-white rounded-[10px] border border-gray-100 flex-col justify-start items-start gap-5 inline-flex" x-data="{ showColorSelect: false, selectedColorIndex: null }"> <div class="w-full h-[302px] relative"> <div class="w-full h-[302px] relative bg-background flex items-center justify-center rounded-tl-[10px] rounded-tr-[10px] "> <div class="w-full h-full relative flex items-center justify-center "><img class="max-h-full max-w-full w-full h-full object-cover blur-up lazyloaded rounded-tl-[10px] rounded-tr-[10px]" loading="lazy" decoding="async" src="/tr/s-business-segments/s-flat-glass/PublishingImages/mimari-camlar/urun-katalogu/0008_sipopo-kongre-merkezi.jpg" :alt="Şişecam Tentesol Titanyum Gümüş"> </div> </div> <div class="w-10 h-10 left-[246px] top-[12px] absolute bg-white rounded-md hidden"> </div> </div> <div class="w-full h-[100%] min-h-[220px] px-5 flex-col justify-start items-start gap-4 flex "> <div class="w-full flex-col justify-start items-start gap-2 flex relative"> <div class="flex-col justify-start items-start gap-3 flex"> <div class=" h-[25px] px-3 py-1.5 bg-white rounded-md border border-gray-100 justify-center items-center gap-2.5 inline-flex"> <div class="text-blue-innovation text-[10px] font-semibold leading-3"> Mimari Camlar </div> </div> <div class="flex-col justify-start items-start gap-1 flex"> <div class="flex-col justify-start items-start flex"> <div class="text-blue-dark text-xs font-medium leading-snug"> Reflektif Kaplamalı </div> </div> </div> </div> <div class="group overflow-hidden w-full h-14"> <div class="text-blue-dark text-xl font-semibold leading-7 relative w-full "> Şişecam Tentesol Titanyum Gümüş </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100"> </div> <div class="self-stretch flex justify-between items-start gap-3" x-show="!isProffesionals()" style="display: none;"> <div class="flex-1 h-14 justify-start items-center gap-1.5 flex py-4"> <div class="text-[#54545d] text-sm font-normal leading-normal"> </div> </div> </div> <div class="self-stretch flex-col justify-start items-start gap-2 flex"> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Işık Geçirgen: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> 60>x≥50 </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Renk: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> RZ </div> </div> </div> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Solar Faktör: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> ≥40 </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> U Değeri: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> >1 </div> </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100 mt-auto"></div> <div class="w-full grid grid-cols-2 gap-5"><a href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu/sisecam-tentesol-titanyum-gumus?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class=" h-10 px-4 py-2.5 bg-blue-dark rounded-lg flex-col justify-center items-center gap-2.5 inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <div class="text-center text-white text-sm font-semibold leading-[18.20px] group-hover:text-white"> İnceleyin </div></a>  <button class="grow shrink basis-0 h-10 rounded-lg border border-blue-dark flex-row justify-center gap-2 items-center inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white"> Karşılaştırın </span> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white" x-show="item.isAdded"> <svg class="icon-check w-4 h-4" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/check" /> </svg></span> </button>  </div> </div> </div> <div class="server-rendered-item w-full h-full pb-5 bg-white rounded-[10px] border border-gray-100 flex-col justify-start items-start gap-5 inline-flex" x-data="{ showColorSelect: false, selectedColorIndex: null }"> <div class="w-full h-[302px] relative"> <div class="w-full h-[302px] relative bg-background flex items-center justify-center rounded-tl-[10px] rounded-tr-[10px] "> <div class="w-full h-full relative flex items-center justify-center "><img class="max-h-full max-w-full w-full h-full object-cover blur-up lazyloaded rounded-tl-[10px] rounded-tr-[10px]" loading="lazy" decoding="async" src="/tr/s-business-segments/s-flat-glass/PublishingImages/mimari-camlar/urun-katalogu/0017_lobi-parlas.jpg" :alt="Şişecam Tentesol Titanyum Füme"> </div> </div> <div class="w-10 h-10 left-[246px] top-[12px] absolute bg-white rounded-md hidden"> </div> </div> <div class="w-full h-[100%] min-h-[220px] px-5 flex-col justify-start items-start gap-4 flex "> <div class="w-full flex-col justify-start items-start gap-2 flex relative"> <div class="flex-col justify-start items-start gap-3 flex"> <div class=" h-[25px] px-3 py-1.5 bg-white rounded-md border border-gray-100 justify-center items-center gap-2.5 inline-flex"> <div class="text-blue-innovation text-[10px] font-semibold leading-3"> Mimari Camlar </div> </div> <div class="flex-col justify-start items-start gap-1 flex"> <div class="flex-col justify-start items-start flex"> <div class="text-blue-dark text-xs font-medium leading-snug"> Reflektif Kaplamalı </div> </div> </div> </div> <div class="group overflow-hidden w-full h-14"> <div class="text-blue-dark text-xl font-semibold leading-7 relative w-full "> Şişecam Tentesol Titanyum Füme </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100"> </div> <div class="self-stretch flex justify-between items-start gap-3" x-show="!isProffesionals()" style="display: none;"> <div class="flex-1 h-14 justify-start items-center gap-1.5 flex py-4"> <div class="text-[#54545d] text-sm font-normal leading-normal"> </div> </div> </div> <div class="self-stretch flex-col justify-start items-start gap-2 flex"> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Işık Geçirgen: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> <40 </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Renk: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> F </div> </div> </div> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Solar Faktör: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> 30>x≥20 </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> U Değeri: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> >1 </div> </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100 mt-auto"></div> <div class="w-full grid grid-cols-2 gap-5"><a href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu/sisecam-tentesol-titanyum-fume?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class=" h-10 px-4 py-2.5 bg-blue-dark rounded-lg flex-col justify-center items-center gap-2.5 inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <div class="text-center text-white text-sm font-semibold leading-[18.20px] group-hover:text-white"> İnceleyin </div></a>  <button class="grow shrink basis-0 h-10 rounded-lg border border-blue-dark flex-row justify-center gap-2 items-center inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white"> Karşılaştırın </span> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white" x-show="item.isAdded"> <svg class="icon-check w-4 h-4" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/check" /> </svg></span> </button>  </div> </div> </div> <div class="server-rendered-item w-full h-full pb-5 bg-white rounded-[10px] border border-gray-100 flex-col justify-start items-start gap-5 inline-flex" x-data="{ showColorSelect: false, selectedColorIndex: null }"> <div class="w-full h-[302px] relative"> <div class="w-full h-[302px] relative bg-background flex items-center justify-center rounded-tl-[10px] rounded-tr-[10px] "> <div class="w-full h-full relative flex items-center justify-center "><img class="max-h-full max-w-full w-full h-full object-cover blur-up lazyloaded rounded-tl-[10px] rounded-tr-[10px]" loading="lazy" decoding="async" src="/tr/s-business-segments/s-flat-glass/PublishingImages/mimari-camlar/urun-katalogu/0010_pristina-adem-jashari-international-airport.jpg" :alt="Şişecam Tentesol Mavi"> </div> </div> <div class="w-10 h-10 left-[246px] top-[12px] absolute bg-white rounded-md hidden"> </div> </div> <div class="w-full h-[100%] min-h-[220px] px-5 flex-col justify-start items-start gap-4 flex "> <div class="w-full flex-col justify-start items-start gap-2 flex relative"> <div class="flex-col justify-start items-start gap-3 flex"> <div class=" h-[25px] px-3 py-1.5 bg-white rounded-md border border-gray-100 justify-center items-center gap-2.5 inline-flex"> <div class="text-blue-innovation text-[10px] font-semibold leading-3"> Mimari Camlar </div> </div> <div class="flex-col justify-start items-start gap-1 flex"> <div class="flex-col justify-start items-start flex"> <div class="text-blue-dark text-xs font-medium leading-snug"> Reflektif Kaplamalı </div> </div> </div> </div> <div class="group overflow-hidden w-full h-14"> <div class="text-blue-dark text-xl font-semibold leading-7 relative w-full "> Şişecam Tentesol Mavi </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100"> </div> <div class="self-stretch flex justify-between items-start gap-3" x-show="!isProffesionals()" style="display: none;"> <div class="flex-1 h-14 justify-start items-center gap-1.5 flex py-4"> <div class="text-[#54545d] text-sm font-normal leading-normal"> </div> </div> </div> <div class="self-stretch flex-col justify-start items-start gap-2 flex"> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Işık Geçirgen: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> <40 </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Renk: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> M </div> </div> </div> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Solar Faktör: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> <20 </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> U Değeri: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> </div> </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100 mt-auto"></div> <div class="w-full grid grid-cols-2 gap-5"><a href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu/sisecam-tentesol-mavi?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class=" h-10 px-4 py-2.5 bg-blue-dark rounded-lg flex-col justify-center items-center gap-2.5 inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <div class="text-center text-white text-sm font-semibold leading-[18.20px] group-hover:text-white"> İnceleyin </div></a>  <button class="grow shrink basis-0 h-10 rounded-lg border border-blue-dark flex-row justify-center gap-2 items-center inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white"> Karşılaştırın </span> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white" x-show="item.isAdded"> <svg class="icon-check w-4 h-4" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/check" /> </svg></span> </button>  </div> </div> </div> <div class="server-rendered-item w-full h-full pb-5 bg-white rounded-[10px] border border-gray-100 flex-col justify-start items-start gap-5 inline-flex" x-data="{ showColorSelect: false, selectedColorIndex: null }"> <div class="w-full h-[302px] relative"> <div class="w-full h-[302px] relative bg-background flex items-center justify-center rounded-tl-[10px] rounded-tr-[10px] "> <div class="w-full h-full relative flex items-center justify-center "><img class="max-h-full max-w-full w-full h-full object-cover blur-up lazyloaded rounded-tl-[10px] rounded-tr-[10px]" loading="lazy" decoding="async" src="/tr/s-business-segments/s-flat-glass/PublishingImages/mimari-camlar/urun-katalogu/0021_izmir-chamber-commerce-new-service-building.jpg" :alt="Şişecam Tentesol Gümüş"> </div> </div> <div class="w-10 h-10 left-[246px] top-[12px] absolute bg-white rounded-md hidden"> </div> </div> <div class="w-full h-[100%] min-h-[220px] px-5 flex-col justify-start items-start gap-4 flex "> <div class="w-full flex-col justify-start items-start gap-2 flex relative"> <div class="flex-col justify-start items-start gap-3 flex"> <div class=" h-[25px] px-3 py-1.5 bg-white rounded-md border border-gray-100 justify-center items-center gap-2.5 inline-flex"> <div class="text-blue-innovation text-[10px] font-semibold leading-3"> Mimari Camlar </div> </div> <div class="flex-col justify-start items-start gap-1 flex"> <div class="flex-col justify-start items-start flex"> <div class="text-blue-dark text-xs font-medium leading-snug"> Reflektif Kaplamalı </div> </div> </div> </div> <div class="group overflow-hidden w-full h-14"> <div class="text-blue-dark text-xl font-semibold leading-7 relative w-full "> Şişecam Tentesol Gümüş </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100"> </div> <div class="self-stretch flex justify-between items-start gap-3" x-show="!isProffesionals()" style="display: none;"> <div class="flex-1 h-14 justify-start items-center gap-1.5 flex py-4"> <div class="text-[#54545d] text-sm font-normal leading-normal"> </div> </div> </div> <div class="self-stretch flex-col justify-start items-start gap-2 flex"> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Işık Geçirgen: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> <40 </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Renk: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> RZ </div> </div> </div> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Solar Faktör: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> 40>x≥30 </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> U Değeri: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> >1 </div> </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100 mt-auto"></div> <div class="w-full grid grid-cols-2 gap-5"><a href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu/sisecam-tentesol-gumus?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class=" h-10 px-4 py-2.5 bg-blue-dark rounded-lg flex-col justify-center items-center gap-2.5 inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <div class="text-center text-white text-sm font-semibold leading-[18.20px] group-hover:text-white"> İnceleyin </div></a>  <button class="grow shrink basis-0 h-10 rounded-lg border border-blue-dark flex-row justify-center gap-2 items-center inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white"> Karşılaştırın </span> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white" x-show="item.isAdded"> <svg class="icon-check w-4 h-4" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/check" /> </svg></span> </button>  </div> </div> </div> <div class="server-rendered-item w-full h-full pb-5 bg-white rounded-[10px] border border-gray-100 flex-col justify-start items-start gap-5 inline-flex" x-data="{ showColorSelect: false, selectedColorIndex: null }"> <div class="w-full h-[302px] relative"> <div class="w-full h-[302px] relative bg-background flex items-center justify-center rounded-tl-[10px] rounded-tr-[10px] "> <div class="w-full h-full relative flex items-center justify-center "><img class="max-h-full max-w-full w-full h-full object-cover blur-up lazyloaded rounded-tl-[10px] rounded-tr-[10px]" loading="lazy" decoding="async" src="/tr/s-business-segments/s-flat-glass/PublishingImages/mimari-camlar/urun-katalogu/0008_sipopo-kongre-merkezi.jpg" :alt="Şişecam Tentesol Füme"> </div> </div> <div class="w-10 h-10 left-[246px] top-[12px] absolute bg-white rounded-md hidden"> </div> </div> <div class="w-full h-[100%] min-h-[220px] px-5 flex-col justify-start items-start gap-4 flex "> <div class="w-full flex-col justify-start items-start gap-2 flex relative"> <div class="flex-col justify-start items-start gap-3 flex"> <div class=" h-[25px] px-3 py-1.5 bg-white rounded-md border border-gray-100 justify-center items-center gap-2.5 inline-flex"> <div class="text-blue-innovation text-[10px] font-semibold leading-3"> Mimari Camlar </div> </div> <div class="flex-col justify-start items-start gap-1 flex"> <div class="flex-col justify-start items-start flex"> <div class="text-blue-dark text-xs font-medium leading-snug"> Reflektif Kaplamalı </div> </div> </div> </div> <div class="group overflow-hidden w-full h-14"> <div class="text-blue-dark text-xl font-semibold leading-7 relative w-full "> Şişecam Tentesol Füme </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100"> </div> <div class="self-stretch flex justify-between items-start gap-3" x-show="!isProffesionals()" style="display: none;"> <div class="flex-1 h-14 justify-start items-center gap-1.5 flex py-4"> <div class="text-[#54545d] text-sm font-normal leading-normal"> </div> </div> </div> <div class="self-stretch flex-col justify-start items-start gap-2 flex"> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Işık Geçirgen: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> <40 </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Renk: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> F </div> </div> </div> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Solar Faktör: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> 30>x≥20 </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> U Değeri: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> >1 </div> </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100 mt-auto"></div> <div class="w-full grid grid-cols-2 gap-5"><a href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu/sisecam-tentesol-fume?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class=" h-10 px-4 py-2.5 bg-blue-dark rounded-lg flex-col justify-center items-center gap-2.5 inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <div class="text-center text-white text-sm font-semibold leading-[18.20px] group-hover:text-white"> İnceleyin </div></a>  <button class="grow shrink basis-0 h-10 rounded-lg border border-blue-dark flex-row justify-center gap-2 items-center inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white"> Karşılaştırın </span> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white" x-show="item.isAdded"> <svg class="icon-check w-4 h-4" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/check" /> </svg></span> </button>  </div> </div> </div> <div class="server-rendered-item w-full h-full pb-5 bg-white rounded-[10px] border border-gray-100 flex-col justify-start items-start gap-5 inline-flex" x-data="{ showColorSelect: false, selectedColorIndex: null }"> <div class="w-full h-[302px] relative"> <div class="w-full h-[302px] relative bg-background flex items-center justify-center rounded-tl-[10px] rounded-tr-[10px] "> <div class="w-full h-full relative flex items-center justify-center "><img class="max-h-full max-w-full w-full h-full object-cover blur-up lazyloaded rounded-tl-[10px] rounded-tr-[10px]" loading="lazy" decoding="async" src="/tr/s-business-segments/s-flat-glass/PublishingImages/mimari-camlar/urun-katalogu/0041_antik-dantel.jpg" :alt="Şişecam Tentesol Bronz"> </div> </div> <div class="w-10 h-10 left-[246px] top-[12px] absolute bg-white rounded-md hidden"> </div> </div> <div class="w-full h-[100%] min-h-[220px] px-5 flex-col justify-start items-start gap-4 flex "> <div class="w-full flex-col justify-start items-start gap-2 flex relative"> <div class="flex-col justify-start items-start gap-3 flex"> <div class=" h-[25px] px-3 py-1.5 bg-white rounded-md border border-gray-100 justify-center items-center gap-2.5 inline-flex"> <div class="text-blue-innovation text-[10px] font-semibold leading-3"> Mimari Camlar </div> </div> <div class="flex-col justify-start items-start gap-1 flex"> <div class="flex-col justify-start items-start flex"> <div class="text-blue-dark text-xs font-medium leading-snug"> Reflektif Kaplamalı </div> </div> </div> </div> <div class="group overflow-hidden w-full h-14"> <div class="text-blue-dark text-xl font-semibold leading-7 relative w-full "> Şişecam Tentesol Bronz </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100"> </div> <div class="self-stretch flex justify-between items-start gap-3" x-show="!isProffesionals()" style="display: none;"> <div class="flex-1 h-14 justify-start items-center gap-1.5 flex py-4"> <div class="text-[#54545d] text-sm font-normal leading-normal"> </div> </div> </div> <div class="self-stretch flex-col justify-start items-start gap-2 flex"> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Işık Geçirgen: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> <40 </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Renk: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> B </div> </div> </div> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Solar Faktör: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> 30>x≥20 </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> U Değeri: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> >1 </div> </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100 mt-auto"></div> <div class="w-full grid grid-cols-2 gap-5"><a href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu/sisecam-tentesol-bronz?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class=" h-10 px-4 py-2.5 bg-blue-dark rounded-lg flex-col justify-center items-center gap-2.5 inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <div class="text-center text-white text-sm font-semibold leading-[18.20px] group-hover:text-white"> İnceleyin </div></a>  <button class="grow shrink basis-0 h-10 rounded-lg border border-blue-dark flex-row justify-center gap-2 items-center inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white"> Karşılaştırın </span> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white" x-show="item.isAdded"> <svg class="icon-check w-4 h-4" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/check" /> </svg></span> </button>  </div> </div> </div> <div class="server-rendered-item w-full h-full pb-5 bg-white rounded-[10px] border border-gray-100 flex-col justify-start items-start gap-5 inline-flex" x-data="{ showColorSelect: false, selectedColorIndex: null }"> <div class="w-full h-[302px] relative"> <div class="w-full h-[302px] relative bg-background flex items-center justify-center rounded-tl-[10px] rounded-tr-[10px] "> <div class="w-full h-full relative flex items-center justify-center "><img class="max-h-full max-w-full w-full h-full object-cover blur-up lazyloaded rounded-tl-[10px] rounded-tr-[10px]" loading="lazy" decoding="async" src="/tr/s-business-segments/s-flat-glass/PublishingImages/mimari-camlar/urun-katalogu/0032_eclipse-maslak.jpg" :alt="Şişecam Temperlenebilir Solar Low-E Cam Yeşil 40/28"> </div> </div> <div class="w-10 h-10 left-[246px] top-[12px] absolute bg-white rounded-md hidden"> </div> </div> <div class="w-full h-[100%] min-h-[220px] px-5 flex-col justify-start items-start gap-4 flex "> <div class="w-full flex-col justify-start items-start gap-2 flex relative"> <div class="flex-col justify-start items-start gap-3 flex"> <div class=" h-[25px] px-3 py-1.5 bg-white rounded-md border border-gray-100 justify-center items-center gap-2.5 inline-flex"> <div class="text-blue-innovation text-[10px] font-semibold leading-3"> Mimari Camlar </div> </div> <div class="flex-col justify-start items-start gap-1 flex"> <div class="flex-col justify-start items-start flex"> <div class="text-blue-dark text-xs font-medium leading-snug"> Kaplamalı </div> </div> </div> </div> <div class="group overflow-hidden w-full h-14"> <div class="text-blue-dark text-xl font-semibold leading-7 relative w-full "> Şişecam Temperlenebilir Solar Low-E Cam Yeşil 40/28 </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100"> </div> <div class="self-stretch flex justify-between items-start gap-3" x-show="!isProffesionals()" style="display: none;"> <div class="flex-1 h-14 justify-start items-center gap-1.5 flex py-4"> <div class="text-[#54545d] text-sm font-normal leading-normal"> </div> </div> </div> <div class="self-stretch flex-col justify-start items-start gap-2 flex"> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Işık Geçirgen: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> 50>x≥40 </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Renk: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> RZ </div> </div> </div> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Solar Faktör: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> 30>x≥20 </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> U Değeri: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> >1 </div> </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100 mt-auto"></div> <div class="w-full grid grid-cols-2 gap-5"><a href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu/sisecam-temperlenebilir-solar-low-e-cam-yesil-40-28?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class=" h-10 px-4 py-2.5 bg-blue-dark rounded-lg flex-col justify-center items-center gap-2.5 inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <div class="text-center text-white text-sm font-semibold leading-[18.20px] group-hover:text-white"> İnceleyin </div></a>  <button class="grow shrink basis-0 h-10 rounded-lg border border-blue-dark flex-row justify-center gap-2 items-center inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white"> Karşılaştırın </span> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white" x-show="item.isAdded"> <svg class="icon-check w-4 h-4" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/check" /> </svg></span> </button>  </div> </div> </div> <div class="server-rendered-item w-full h-full pb-5 bg-white rounded-[10px] border border-gray-100 flex-col justify-start items-start gap-5 inline-flex" x-data="{ showColorSelect: false, selectedColorIndex: null }"> <div class="w-full h-[302px] relative"> <div class="w-full h-[302px] relative bg-background flex items-center justify-center rounded-tl-[10px] rounded-tr-[10px] "> <div class="w-full h-full relative flex items-center justify-center "><img class="max-h-full max-w-full w-full h-full object-cover blur-up lazyloaded rounded-tl-[10px] rounded-tr-[10px]" loading="lazy" decoding="async" src="/tr/s-business-segments/s-flat-glass/PublishingImages/mimari-camlar/urun-katalogu/0009_riva-dusler-vadisi.jpg" :alt="Şişecam Temperlenebilir Solar Low-E Cam Nötral 70/40"> </div> </div> <div class="w-10 h-10 left-[246px] top-[12px] absolute bg-white rounded-md hidden"> </div> </div> <div class="w-full h-[100%] min-h-[220px] px-5 flex-col justify-start items-start gap-4 flex "> <div class="w-full flex-col justify-start items-start gap-2 flex relative"> <div class="flex-col justify-start items-start gap-3 flex"> <div class=" h-[25px] px-3 py-1.5 bg-white rounded-md border border-gray-100 justify-center items-center gap-2.5 inline-flex"> <div class="text-blue-innovation text-[10px] font-semibold leading-3"> Mimari Camlar </div> </div> <div class="flex-col justify-start items-start gap-1 flex"> <div class="flex-col justify-start items-start flex"> <div class="text-blue-dark text-xs font-medium leading-snug"> Kaplamalı </div> </div> </div> </div> <div class="group overflow-hidden w-full h-14"> <div class="text-blue-dark text-xl font-semibold leading-7 relative w-full "> Şişecam Temperlenebilir Solar Low-E Cam Nötral 70/40 </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100"> </div> <div class="self-stretch flex justify-between items-start gap-3" x-show="!isProffesionals()" style="display: none;"> <div class="flex-1 h-14 justify-start items-center gap-1.5 flex py-4"> <div class="text-[#54545d] text-sm font-normal leading-normal"> </div> </div> </div> <div class="self-stretch flex-col justify-start items-start gap-2 flex"> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Işık Geçirgen: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> ≥60 </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Renk: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> RZ </div> </div> </div> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Solar Faktör: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> ≥40 </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> U Değeri: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> >1 </div> </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100 mt-auto"></div> <div class="w-full grid grid-cols-2 gap-5"><a href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu/sisecam-temperlenebilir-solar-low-e-cam-notral-70-40?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class=" h-10 px-4 py-2.5 bg-blue-dark rounded-lg flex-col justify-center items-center gap-2.5 inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <div class="text-center text-white text-sm font-semibold leading-[18.20px] group-hover:text-white"> İnceleyin </div></a>  <button class="grow shrink basis-0 h-10 rounded-lg border border-blue-dark flex-row justify-center gap-2 items-center inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white"> Karşılaştırın </span> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white" x-show="item.isAdded"> <svg class="icon-check w-4 h-4" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/check" /> </svg></span> </button>  </div> </div> </div> <div class="server-rendered-item w-full h-full pb-5 bg-white rounded-[10px] border border-gray-100 flex-col justify-start items-start gap-5 inline-flex" x-data="{ showColorSelect: false, selectedColorIndex: null }"> <div class="w-full h-[302px] relative"> <div class="w-full h-[302px] relative bg-background flex items-center justify-center rounded-tl-[10px] rounded-tr-[10px] "> <div class="w-full h-full relative flex items-center justify-center "><img class="max-h-full max-w-full w-full h-full object-cover blur-up lazyloaded rounded-tl-[10px] rounded-tr-[10px]" loading="lazy" decoding="async" src="/tr/s-business-segments/s-flat-glass/PublishingImages/mimari-camlar/urun-katalogu/0037_baskent-emlak-konutlar.jpg" :alt="Şişecam Temperlenebilir Solar Low-E Cam Nötral 70/37"> </div> </div> <div class="w-10 h-10 left-[246px] top-[12px] absolute bg-white rounded-md hidden"> </div> </div> <div class="w-full h-[100%] min-h-[220px] px-5 flex-col justify-start items-start gap-4 flex "> <div class="w-full flex-col justify-start items-start gap-2 flex relative"> <div class="flex-col justify-start items-start gap-3 flex"> <div class=" h-[25px] px-3 py-1.5 bg-white rounded-md border border-gray-100 justify-center items-center gap-2.5 inline-flex"> <div class="text-blue-innovation text-[10px] font-semibold leading-3"> Mimari Camlar </div> </div> <div class="flex-col justify-start items-start gap-1 flex"> <div class="flex-col justify-start items-start flex"> <div class="text-blue-dark text-xs font-medium leading-snug"> Kaplamalı </div> </div> </div> </div> <div class="group overflow-hidden w-full h-14"> <div class="text-blue-dark text-xl font-semibold leading-7 relative w-full "> Şişecam Temperlenebilir Solar Low-E Cam Nötral 70/37 </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100"> </div> <div class="self-stretch flex justify-between items-start gap-3" x-show="!isProffesionals()" style="display: none;"> <div class="flex-1 h-14 justify-start items-center gap-1.5 flex py-4"> <div class="text-[#54545d] text-sm font-normal leading-normal"> </div> </div> </div> <div class="self-stretch flex-col justify-start items-start gap-2 flex"> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Işık Geçirgen: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> ≥60 </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Renk: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> RZ </div> </div> </div> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Solar Faktör: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> 40>x≥30 </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> U Değeri: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> ≤1 </div> </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100 mt-auto"></div> <div class="w-full grid grid-cols-2 gap-5"><a href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu/sisecam-temperlenebilir-solar-low-e-cam-notral-70-37?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class=" h-10 px-4 py-2.5 bg-blue-dark rounded-lg flex-col justify-center items-center gap-2.5 inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <div class="text-center text-white text-sm font-semibold leading-[18.20px] group-hover:text-white"> İnceleyin </div></a>  <button class="grow shrink basis-0 h-10 rounded-lg border border-blue-dark flex-row justify-center gap-2 items-center inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white"> Karşılaştırın </span> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white" x-show="item.isAdded"> <svg class="icon-check w-4 h-4" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/check" /> </svg></span> </button>  </div> </div> </div> <div class="server-rendered-item w-full h-full pb-5 bg-white rounded-[10px] border border-gray-100 flex-col justify-start items-start gap-5 inline-flex" x-data="{ showColorSelect: false, selectedColorIndex: null }"> <div class="w-full h-[302px] relative"> <div class="w-full h-[302px] relative bg-background flex items-center justify-center rounded-tl-[10px] rounded-tr-[10px] "> <div class="w-full h-full relative flex items-center justify-center "><img class="max-h-full max-w-full w-full h-full object-cover blur-up lazyloaded rounded-tl-[10px] rounded-tr-[10px]" loading="lazy" decoding="async" src="/tr/s-business-segments/s-flat-glass/PublishingImages/mimari-camlar/urun-katalogu/0018_kumport.jpg" :alt="Şişecam Temperlenebilir Solar Low-E Cam Nötral 62/44"> </div> </div> <div class="w-10 h-10 left-[246px] top-[12px] absolute bg-white rounded-md hidden"> </div> </div> <div class="w-full h-[100%] min-h-[220px] px-5 flex-col justify-start items-start gap-4 flex "> <div class="w-full flex-col justify-start items-start gap-2 flex relative"> <div class="flex-col justify-start items-start gap-3 flex"> <div class=" h-[25px] px-3 py-1.5 bg-white rounded-md border border-gray-100 justify-center items-center gap-2.5 inline-flex"> <div class="text-blue-innovation text-[10px] font-semibold leading-3"> Mimari Camlar </div> </div> <div class="flex-col justify-start items-start gap-1 flex"> <div class="flex-col justify-start items-start flex"> <div class="text-blue-dark text-xs font-medium leading-snug"> Kaplamalı </div> </div> </div> </div> <div class="group overflow-hidden w-full h-14"> <div class="text-blue-dark text-xl font-semibold leading-7 relative w-full "> Şişecam Temperlenebilir Solar Low-E Cam Nötral 62/44 </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100"> </div> <div class="self-stretch flex justify-between items-start gap-3" x-show="!isProffesionals()" style="display: none;"> <div class="flex-1 h-14 justify-start items-center gap-1.5 flex py-4"> <div class="text-[#54545d] text-sm font-normal leading-normal"> </div> </div> </div> <div class="self-stretch flex-col justify-start items-start gap-2 flex"> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Işık Geçirgen: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> ≥60 </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Renk: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> Renksiz </div> </div> </div> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Solar Faktör: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> ≥40 </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> U Değeri: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> >1 </div> </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100 mt-auto"></div> <div class="w-full grid grid-cols-2 gap-5"><a href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu/sisecam-temperlenebilir-solar-low-e-cam-notral-62-44?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class=" h-10 px-4 py-2.5 bg-blue-dark rounded-lg flex-col justify-center items-center gap-2.5 inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <div class="text-center text-white text-sm font-semibold leading-[18.20px] group-hover:text-white"> İnceleyin </div></a>  <button class="grow shrink basis-0 h-10 rounded-lg border border-blue-dark flex-row justify-center gap-2 items-center inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white"> Karşılaştırın </span> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white" x-show="item.isAdded"> <svg class="icon-check w-4 h-4" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/check" /> </svg></span> </button>  </div> </div> </div> <div class="server-rendered-item w-full h-full pb-5 bg-white rounded-[10px] border border-gray-100 flex-col justify-start items-start gap-5 inline-flex" x-data="{ showColorSelect: false, selectedColorIndex: null }"> <div class="w-full h-[302px] relative"> <div class="w-full h-[302px] relative bg-background flex items-center justify-center rounded-tl-[10px] rounded-tr-[10px] "> <div class="w-full h-full relative flex items-center justify-center "><img class="max-h-full max-w-full w-full h-full object-cover blur-up lazyloaded rounded-tl-[10px] rounded-tr-[10px]" loading="lazy" decoding="async" src="/tr/s-business-segments/s-flat-glass/PublishingImages/mimari-camlar/urun-katalogu/0002_vakifbank.jpg" :alt="Şişecam Temperlenebilir Solar Low-E Cam Nötral 58/32"> </div> </div> <div class="w-10 h-10 left-[246px] top-[12px] absolute bg-white rounded-md hidden"> </div> </div> <div class="w-full h-[100%] min-h-[220px] px-5 flex-col justify-start items-start gap-4 flex "> <div class="w-full flex-col justify-start items-start gap-2 flex relative"> <div class="flex-col justify-start items-start gap-3 flex"> <div class=" h-[25px] px-3 py-1.5 bg-white rounded-md border border-gray-100 justify-center items-center gap-2.5 inline-flex"> <div class="text-blue-innovation text-[10px] font-semibold leading-3"> Mimari Camlar </div> </div> <div class="flex-col justify-start items-start gap-1 flex"> <div class="flex-col justify-start items-start flex"> <div class="text-blue-dark text-xs font-medium leading-snug"> Kaplamalı </div> </div> </div> </div> <div class="group overflow-hidden w-full h-14"> <div class="text-blue-dark text-xl font-semibold leading-7 relative w-full "> Şişecam Temperlenebilir Solar Low-E Cam Nötral 58/32 </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100"> </div> <div class="self-stretch flex justify-between items-start gap-3" x-show="!isProffesionals()" style="display: none;"> <div class="flex-1 h-14 justify-start items-center gap-1.5 flex py-4"> <div class="text-[#54545d] text-sm font-normal leading-normal"> </div> </div> </div> <div class="self-stretch flex-col justify-start items-start gap-2 flex"> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Işık Geçirgen: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> 60>x≥50 </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Renk: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> RZ </div> </div> </div> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Solar Faktör: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> 40>x≥30 </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> U Değeri: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> >1 </div> </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100 mt-auto"></div> <div class="w-full grid grid-cols-2 gap-5"><a href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu/sisecam-temperlenebilir-solar-low-e-cam-notral-58-32?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class=" h-10 px-4 py-2.5 bg-blue-dark rounded-lg flex-col justify-center items-center gap-2.5 inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <div class="text-center text-white text-sm font-semibold leading-[18.20px] group-hover:text-white"> İnceleyin </div></a>  <button class="grow shrink basis-0 h-10 rounded-lg border border-blue-dark flex-row justify-center gap-2 items-center inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white"> Karşılaştırın </span> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white" x-show="item.isAdded"> <svg class="icon-check w-4 h-4" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/check" /> </svg></span> </button>  </div> </div> </div> <div class="server-rendered-item w-full h-full pb-5 bg-white rounded-[10px] border border-gray-100 flex-col justify-start items-start gap-5 inline-flex" x-data="{ showColorSelect: false, selectedColorIndex: null }"> <div class="w-full h-[302px] relative"> <div class="w-full h-[302px] relative bg-background flex items-center justify-center rounded-tl-[10px] rounded-tr-[10px] "> <div class="w-full h-full relative flex items-center justify-center "><img class="max-h-full max-w-full w-full h-full object-cover blur-up lazyloaded rounded-tl-[10px] rounded-tr-[10px]" loading="lazy" decoding="async" src="/tr/s-business-segments/s-flat-glass/PublishingImages/mimari-camlar/urun-katalogu/0022_havelsan-technology-campus.jpg" :alt="Şişecam Temperlenebilir Solar Low-E Cam Nötral 51/28"> </div> </div> <div class="w-10 h-10 left-[246px] top-[12px] absolute bg-white rounded-md hidden"> </div> </div> <div class="w-full h-[100%] min-h-[220px] px-5 flex-col justify-start items-start gap-4 flex "> <div class="w-full flex-col justify-start items-start gap-2 flex relative"> <div class="flex-col justify-start items-start gap-3 flex"> <div class=" h-[25px] px-3 py-1.5 bg-white rounded-md border border-gray-100 justify-center items-center gap-2.5 inline-flex"> <div class="text-blue-innovation text-[10px] font-semibold leading-3"> Mimari Camlar </div> </div> <div class="flex-col justify-start items-start gap-1 flex"> <div class="flex-col justify-start items-start flex"> <div class="text-blue-dark text-xs font-medium leading-snug"> Kaplamalı </div> </div> </div> </div> <div class="group overflow-hidden w-full h-14"> <div class="text-blue-dark text-xl font-semibold leading-7 relative w-full "> Şişecam Temperlenebilir Solar Low-E Cam Nötral 51/28 </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100"> </div> <div class="self-stretch flex justify-between items-start gap-3" x-show="!isProffesionals()" style="display: none;"> <div class="flex-1 h-14 justify-start items-center gap-1.5 flex py-4"> <div class="text-[#54545d] text-sm font-normal leading-normal"> </div> </div> </div> <div class="self-stretch flex-col justify-start items-start gap-2 flex"> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Işık Geçirgen: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> 60>x≥50 </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Renk: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> RZ </div> </div> </div> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Solar Faktör: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> 30>x≥20 </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> U Değeri: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> >1 </div> </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100 mt-auto"></div> <div class="w-full grid grid-cols-2 gap-5"><a href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu/sisecam-temperlenebilir-solar-low-e-cam-notral-51-28?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class=" h-10 px-4 py-2.5 bg-blue-dark rounded-lg flex-col justify-center items-center gap-2.5 inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <div class="text-center text-white text-sm font-semibold leading-[18.20px] group-hover:text-white"> İnceleyin </div></a>  <button class="grow shrink basis-0 h-10 rounded-lg border border-blue-dark flex-row justify-center gap-2 items-center inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white"> Karşılaştırın </span> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white" x-show="item.isAdded"> <svg class="icon-check w-4 h-4" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/check" /> </svg></span> </button>  </div> </div> </div> <div class="server-rendered-item w-full h-full pb-5 bg-white rounded-[10px] border border-gray-100 flex-col justify-start items-start gap-5 inline-flex" x-data="{ showColorSelect: false, selectedColorIndex: null }"> <div class="w-full h-[302px] relative"> <div class="w-full h-[302px] relative bg-background flex items-center justify-center rounded-tl-[10px] rounded-tr-[10px] "> <div class="w-full h-full relative flex items-center justify-center "><img class="max-h-full max-w-full w-full h-full object-cover blur-up lazyloaded rounded-tl-[10px] rounded-tr-[10px]" loading="lazy" decoding="async" src="/tr/s-business-segments/s-flat-glass/PublishingImages/mimari-camlar/urun-katalogu/0043_1071-ankara.jpg" :alt="Şişecam Temperlenebilir Solar Low-E Cam Nötral 50/33"> </div> </div> <div class="w-10 h-10 left-[246px] top-[12px] absolute bg-white rounded-md hidden"> </div> </div> <div class="w-full h-[100%] min-h-[220px] px-5 flex-col justify-start items-start gap-4 flex "> <div class="w-full flex-col justify-start items-start gap-2 flex relative"> <div class="flex-col justify-start items-start gap-3 flex"> <div class=" h-[25px] px-3 py-1.5 bg-white rounded-md border border-gray-100 justify-center items-center gap-2.5 inline-flex"> <div class="text-blue-innovation text-[10px] font-semibold leading-3"> Mimari Camlar </div> </div> <div class="flex-col justify-start items-start gap-1 flex"> <div class="flex-col justify-start items-start flex"> <div class="text-blue-dark text-xs font-medium leading-snug"> Kaplamalı </div> </div> </div> </div> <div class="group overflow-hidden w-full h-14"> <div class="text-blue-dark text-xl font-semibold leading-7 relative w-full "> Şişecam Temperlenebilir Solar Low-E Cam Nötral 50/33 </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100"> </div> <div class="self-stretch flex justify-between items-start gap-3" x-show="!isProffesionals()" style="display: none;"> <div class="flex-1 h-14 justify-start items-center gap-1.5 flex py-4"> <div class="text-[#54545d] text-sm font-normal leading-normal"> </div> </div> </div> <div class="self-stretch flex-col justify-start items-start gap-2 flex"> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Işık Geçirgen: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> 60>x≥50 </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Renk: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> RZ </div> </div> </div> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Solar Faktör: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> 40>x≥30 </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> U Değeri: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> >1 </div> </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100 mt-auto"></div> <div class="w-full grid grid-cols-2 gap-5"><a href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu/sisecam-temperlenebilir-solar-low-e-cam-notral-50-33?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class=" h-10 px-4 py-2.5 bg-blue-dark rounded-lg flex-col justify-center items-center gap-2.5 inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <div class="text-center text-white text-sm font-semibold leading-[18.20px] group-hover:text-white"> İnceleyin </div></a>  <button class="grow shrink basis-0 h-10 rounded-lg border border-blue-dark flex-row justify-center gap-2 items-center inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white"> Karşılaştırın </span> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white" x-show="item.isAdded"> <svg class="icon-check w-4 h-4" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/check" /> </svg></span> </button>  </div> </div> </div> <div class="server-rendered-item w-full h-full pb-5 bg-white rounded-[10px] border border-gray-100 flex-col justify-start items-start gap-5 inline-flex" x-data="{ showColorSelect: false, selectedColorIndex: null }"> <div class="w-full h-[302px] relative"> <div class="w-full h-[302px] relative bg-background flex items-center justify-center rounded-tl-[10px] rounded-tr-[10px] "> <div class="w-full h-full relative flex items-center justify-center "><img class="max-h-full max-w-full w-full h-full object-cover blur-up lazyloaded rounded-tl-[10px] rounded-tr-[10px]" loading="lazy" decoding="async" src="/tr/s-business-segments/s-flat-glass/PublishingImages/mimari-camlar/urun-katalogu/0016_marriot-otel-izmir.jpg" :alt="Şişecam Temperlenebilir Solar Low-E Cam Nötral 50/27"> </div> </div> <div class="w-10 h-10 left-[246px] top-[12px] absolute bg-white rounded-md hidden"> </div> </div> <div class="w-full h-[100%] min-h-[220px] px-5 flex-col justify-start items-start gap-4 flex "> <div class="w-full flex-col justify-start items-start gap-2 flex relative"> <div class="flex-col justify-start items-start gap-3 flex"> <div class=" h-[25px] px-3 py-1.5 bg-white rounded-md border border-gray-100 justify-center items-center gap-2.5 inline-flex"> <div class="text-blue-innovation text-[10px] font-semibold leading-3"> Mimari Camlar </div> </div> <div class="flex-col justify-start items-start gap-1 flex"> <div class="flex-col justify-start items-start flex"> <div class="text-blue-dark text-xs font-medium leading-snug"> Kaplamalı </div> </div> </div> </div> <div class="group overflow-hidden w-full h-14"> <div class="text-blue-dark text-xl font-semibold leading-7 relative w-full "> Şişecam Temperlenebilir Solar Low-E Cam Nötral 50/27 </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100"> </div> <div class="self-stretch flex justify-between items-start gap-3" x-show="!isProffesionals()" style="display: none;"> <div class="flex-1 h-14 justify-start items-center gap-1.5 flex py-4"> <div class="text-[#54545d] text-sm font-normal leading-normal"> </div> </div> </div> <div class="self-stretch flex-col justify-start items-start gap-2 flex"> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Işık Geçirgen: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> 60>x≥50 </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Renk: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> RZ </div> </div> </div> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Solar Faktör: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> 30>x≥20 </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> U Değeri: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> >1 </div> </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100 mt-auto"></div> <div class="w-full grid grid-cols-2 gap-5"><a href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu/sisecam-temperlenebilir-solar-low-e-cam-notral-50-27?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class=" h-10 px-4 py-2.5 bg-blue-dark rounded-lg flex-col justify-center items-center gap-2.5 inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <div class="text-center text-white text-sm font-semibold leading-[18.20px] group-hover:text-white"> İnceleyin </div></a>  <button class="grow shrink basis-0 h-10 rounded-lg border border-blue-dark flex-row justify-center gap-2 items-center inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white"> Karşılaştırın </span> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white" x-show="item.isAdded"> <svg class="icon-check w-4 h-4" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/check" /> </svg></span> </button>  </div> </div> </div> <div class="server-rendered-item w-full h-full pb-5 bg-white rounded-[10px] border border-gray-100 flex-col justify-start items-start gap-5 inline-flex" x-data="{ showColorSelect: false, selectedColorIndex: null }"> <div class="w-full h-[302px] relative"> <div class="w-full h-[302px] relative bg-background flex items-center justify-center rounded-tl-[10px] rounded-tr-[10px] "> <div class="w-full h-full relative flex items-center justify-center "><img class="max-h-full max-w-full w-full h-full object-cover blur-up lazyloaded rounded-tl-[10px] rounded-tr-[10px]" loading="lazy" decoding="async" src="/tr/s-business-segments/s-flat-glass/PublishingImages/mimari-camlar/urun-katalogu/0033_cukurova-havaliman.jpg" :alt="Şişecam Temperlenebilir Solar Low-E Cam Nötral 50/25"> </div> </div> <div class="w-10 h-10 left-[246px] top-[12px] absolute bg-white rounded-md hidden"> </div> </div> <div class="w-full h-[100%] min-h-[220px] px-5 flex-col justify-start items-start gap-4 flex "> <div class="w-full flex-col justify-start items-start gap-2 flex relative"> <div class="flex-col justify-start items-start gap-3 flex"> <div class=" h-[25px] px-3 py-1.5 bg-white rounded-md border border-gray-100 justify-center items-center gap-2.5 inline-flex"> <div class="text-blue-innovation text-[10px] font-semibold leading-3"> Mimari Camlar </div> </div> <div class="flex-col justify-start items-start gap-1 flex"> <div class="flex-col justify-start items-start flex"> <div class="text-blue-dark text-xs font-medium leading-snug"> Kaplamalı </div> </div> </div> </div> <div class="group overflow-hidden w-full h-14"> <div class="text-blue-dark text-xl font-semibold leading-7 relative w-full "> Şişecam Temperlenebilir Solar Low-E Cam Nötral 50/25 </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100"> </div> <div class="self-stretch flex justify-between items-start gap-3" x-show="!isProffesionals()" style="display: none;"> <div class="flex-1 h-14 justify-start items-center gap-1.5 flex py-4"> <div class="text-[#54545d] text-sm font-normal leading-normal"> </div> </div> </div> <div class="self-stretch flex-col justify-start items-start gap-2 flex"> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Işık Geçirgen: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> 60>x≥50 </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Renk: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> RZ </div> </div> </div> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Solar Faktör: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> 30>x≥20 </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> U Değeri: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> ≤1 </div> </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100 mt-auto"></div> <div class="w-full grid grid-cols-2 gap-5"><a href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu/sisecam-temperlenebilir-solar-low-e-cam-notral-50-25?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class=" h-10 px-4 py-2.5 bg-blue-dark rounded-lg flex-col justify-center items-center gap-2.5 inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <div class="text-center text-white text-sm font-semibold leading-[18.20px] group-hover:text-white"> İnceleyin </div></a>  <button class="grow shrink basis-0 h-10 rounded-lg border border-blue-dark flex-row justify-center gap-2 items-center inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white"> Karşılaştırın </span> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white" x-show="item.isAdded"> <svg class="icon-check w-4 h-4" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/check" /> </svg></span> </button>  </div> </div> </div> <div class="server-rendered-item w-full h-full pb-5 bg-white rounded-[10px] border border-gray-100 flex-col justify-start items-start gap-5 inline-flex" x-data="{ showColorSelect: false, selectedColorIndex: null }"> <div class="w-full h-[302px] relative"> <div class="w-full h-[302px] relative bg-background flex items-center justify-center rounded-tl-[10px] rounded-tr-[10px] "> <div class="w-full h-full relative flex items-center justify-center "><img class="max-h-full max-w-full w-full h-full object-cover blur-up lazyloaded rounded-tl-[10px] rounded-tr-[10px]" loading="lazy" decoding="async" src="/tr/s-business-segments/s-flat-glass/PublishingImages/mimari-camlar/urun-katalogu/0020_karakoy-gulluoglu-building-saglik-han.jpg" :alt="Şişecam Temperlenebilir Solar Low-E Cam Nötral 43/28"> </div> </div> <div class="w-10 h-10 left-[246px] top-[12px] absolute bg-white rounded-md hidden"> </div> </div> <div class="w-full h-[100%] min-h-[220px] px-5 flex-col justify-start items-start gap-4 flex "> <div class="w-full flex-col justify-start items-start gap-2 flex relative"> <div class="flex-col justify-start items-start gap-3 flex"> <div class=" h-[25px] px-3 py-1.5 bg-white rounded-md border border-gray-100 justify-center items-center gap-2.5 inline-flex"> <div class="text-blue-innovation text-[10px] font-semibold leading-3"> Mimari Camlar </div> </div> <div class="flex-col justify-start items-start gap-1 flex"> <div class="flex-col justify-start items-start flex"> <div class="text-blue-dark text-xs font-medium leading-snug"> Kaplamalı </div> </div> </div> </div> <div class="group overflow-hidden w-full h-14"> <div class="text-blue-dark text-xl font-semibold leading-7 relative w-full "> Şişecam Temperlenebilir Solar Low-E Cam Nötral 43/28 </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100"> </div> <div class="self-stretch flex justify-between items-start gap-3" x-show="!isProffesionals()" style="display: none;"> <div class="flex-1 h-14 justify-start items-center gap-1.5 flex py-4"> <div class="text-[#54545d] text-sm font-normal leading-normal"> </div> </div> </div> <div class="self-stretch flex-col justify-start items-start gap-2 flex"> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Işık Geçirgen: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> 50>x≥40 </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Renk: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> RZ </div> </div> </div> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Solar Faktör: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> 30>x≥20 </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> U Değeri: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> >1 </div> </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100 mt-auto"></div> <div class="w-full grid grid-cols-2 gap-5"><a href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu/sisecam-temperlenebilir-solar-low-e-cam-notral-43-28?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class=" h-10 px-4 py-2.5 bg-blue-dark rounded-lg flex-col justify-center items-center gap-2.5 inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <div class="text-center text-white text-sm font-semibold leading-[18.20px] group-hover:text-white"> İnceleyin </div></a>  <button class="grow shrink basis-0 h-10 rounded-lg border border-blue-dark flex-row justify-center gap-2 items-center inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white"> Karşılaştırın </span> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white" x-show="item.isAdded"> <svg class="icon-check w-4 h-4" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/check" /> </svg></span> </button>  </div> </div> </div> <div class="server-rendered-item w-full h-full pb-5 bg-white rounded-[10px] border border-gray-100 flex-col justify-start items-start gap-5 inline-flex" x-data="{ showColorSelect: false, selectedColorIndex: null }"> <div class="w-full h-[302px] relative"> <div class="w-full h-[302px] relative bg-background flex items-center justify-center rounded-tl-[10px] rounded-tr-[10px] "> <div class="w-full h-full relative flex items-center justify-center "><img class="max-h-full max-w-full w-full h-full object-cover blur-up lazyloaded rounded-tl-[10px] rounded-tr-[10px]" loading="lazy" decoding="async" src="/tr/s-business-segments/s-flat-glass/PublishingImages/mimari-camlar/urun-katalogu/0036_blaise-diagne-international-airport.jpg" :alt="Şişecam Temperlenebilir Solar Low-E Cam Nötral 40/22"> </div> </div> <div class="w-10 h-10 left-[246px] top-[12px] absolute bg-white rounded-md hidden"> </div> </div> <div class="w-full h-[100%] min-h-[220px] px-5 flex-col justify-start items-start gap-4 flex "> <div class="w-full flex-col justify-start items-start gap-2 flex relative"> <div class="flex-col justify-start items-start gap-3 flex"> <div class=" h-[25px] px-3 py-1.5 bg-white rounded-md border border-gray-100 justify-center items-center gap-2.5 inline-flex"> <div class="text-blue-innovation text-[10px] font-semibold leading-3"> Mimari Camlar </div> </div> <div class="flex-col justify-start items-start gap-1 flex"> <div class="flex-col justify-start items-start flex"> <div class="text-blue-dark text-xs font-medium leading-snug"> Kaplamalı </div> </div> </div> </div> <div class="group overflow-hidden w-full h-14"> <div class="text-blue-dark text-xl font-semibold leading-7 relative w-full "> Şişecam Temperlenebilir Solar Low-E Cam Nötral 40/22 </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100"> </div> <div class="self-stretch flex justify-between items-start gap-3" x-show="!isProffesionals()" style="display: none;"> <div class="flex-1 h-14 justify-start items-center gap-1.5 flex py-4"> <div class="text-[#54545d] text-sm font-normal leading-normal"> </div> </div> </div> <div class="self-stretch flex-col justify-start items-start gap-2 flex"> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Işık Geçirgen: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> 50>x≥40 </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Renk: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> RZ </div> </div> </div> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Solar Faktör: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> 30>x≥20 </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> U Değeri: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> >1 </div> </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100 mt-auto"></div> <div class="w-full grid grid-cols-2 gap-5"><a href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu/sisecam-temperlenebilir-solar-low-e-cam-notral-40-22?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class=" h-10 px-4 py-2.5 bg-blue-dark rounded-lg flex-col justify-center items-center gap-2.5 inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <div class="text-center text-white text-sm font-semibold leading-[18.20px] group-hover:text-white"> İnceleyin </div></a>  <button class="grow shrink basis-0 h-10 rounded-lg border border-blue-dark flex-row justify-center gap-2 items-center inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white"> Karşılaştırın </span> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white" x-show="item.isAdded"> <svg class="icon-check w-4 h-4" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/check" /> </svg></span> </button>  </div> </div> </div> <div class="server-rendered-item w-full h-full pb-5 bg-white rounded-[10px] border border-gray-100 flex-col justify-start items-start gap-5 inline-flex" x-data="{ showColorSelect: false, selectedColorIndex: null }"> <div class="w-full h-[302px] relative"> <div class="w-full h-[302px] relative bg-background flex items-center justify-center rounded-tl-[10px] rounded-tr-[10px] "> <div class="w-full h-full relative flex items-center justify-center "><img class="max-h-full max-w-full w-full h-full object-cover blur-up lazyloaded rounded-tl-[10px] rounded-tr-[10px]" loading="lazy" decoding="async" src="/tr/s-business-segments/s-flat-glass/PublishingImages/mimari-camlar/urun-katalogu/0040_aselsan-konya.jpg" :alt="Şişecam Temperlenebilir Solar Low-E Cam Füme 31/28"> </div> </div> <div class="w-10 h-10 left-[246px] top-[12px] absolute bg-white rounded-md hidden"> </div> </div> <div class="w-full h-[100%] min-h-[220px] px-5 flex-col justify-start items-start gap-4 flex "> <div class="w-full flex-col justify-start items-start gap-2 flex relative"> <div class="flex-col justify-start items-start gap-3 flex"> <div class=" h-[25px] px-3 py-1.5 bg-white rounded-md border border-gray-100 justify-center items-center gap-2.5 inline-flex"> <div class="text-blue-innovation text-[10px] font-semibold leading-3"> Mimari Camlar </div> </div> <div class="flex-col justify-start items-start gap-1 flex"> <div class="flex-col justify-start items-start flex"> <div class="text-blue-dark text-xs font-medium leading-snug"> Kaplamalı </div> </div> </div> </div> <div class="group overflow-hidden w-full h-14"> <div class="text-blue-dark text-xl font-semibold leading-7 relative w-full "> Şişecam Temperlenebilir Solar Low-E Cam Füme 31/28 </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100"> </div> <div class="self-stretch flex justify-between items-start gap-3" x-show="!isProffesionals()" style="display: none;"> <div class="flex-1 h-14 justify-start items-center gap-1.5 flex py-4"> <div class="text-[#54545d] text-sm font-normal leading-normal"> </div> </div> </div> <div class="self-stretch flex-col justify-start items-start gap-2 flex"> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Işık Geçirgen: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> <40 </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Renk: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> F </div> </div> </div> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Solar Faktör: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> 30>x≥20 </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> U Değeri: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> >1 </div> </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100 mt-auto"></div> <div class="w-full grid grid-cols-2 gap-5"><a href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu/sisecam-temperlenebilir-solar-low-e-cam-fume-31-28?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class=" h-10 px-4 py-2.5 bg-blue-dark rounded-lg flex-col justify-center items-center gap-2.5 inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <div class="text-center text-white text-sm font-semibold leading-[18.20px] group-hover:text-white"> İnceleyin </div></a>  <button class="grow shrink basis-0 h-10 rounded-lg border border-blue-dark flex-row justify-center gap-2 items-center inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white"> Karşılaştırın </span> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white" x-show="item.isAdded"> <svg class="icon-check w-4 h-4" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/check" /> </svg></span> </button>  </div> </div> </div> <div class="server-rendered-item w-full h-full pb-5 bg-white rounded-[10px] border border-gray-100 flex-col justify-start items-start gap-5 inline-flex" x-data="{ showColorSelect: false, selectedColorIndex: null }"> <div class="w-full h-[302px] relative"> <div class="w-full h-[302px] relative bg-background flex items-center justify-center rounded-tl-[10px] rounded-tr-[10px] "> <div class="w-full h-full relative flex items-center justify-center "><img class="max-h-full max-w-full w-full h-full object-cover blur-up lazyloaded rounded-tl-[10px] rounded-tr-[10px]" loading="lazy" decoding="async" src="/tr/s-business-segments/s-flat-glass/PublishingImages/mimari-camlar/urun-katalogu/0011_park-adana.jpg" :alt="Şişecam Temperlenebilir Solar Low-E Cam Füme 28/26"> </div> </div> <div class="w-10 h-10 left-[246px] top-[12px] absolute bg-white rounded-md hidden"> </div> </div> <div class="w-full h-[100%] min-h-[220px] px-5 flex-col justify-start items-start gap-4 flex "> <div class="w-full flex-col justify-start items-start gap-2 flex relative"> <div class="flex-col justify-start items-start gap-3 flex"> <div class=" h-[25px] px-3 py-1.5 bg-white rounded-md border border-gray-100 justify-center items-center gap-2.5 inline-flex"> <div class="text-blue-innovation text-[10px] font-semibold leading-3"> Mimari Camlar </div> </div> <div class="flex-col justify-start items-start gap-1 flex"> <div class="flex-col justify-start items-start flex"> <div class="text-blue-dark text-xs font-medium leading-snug"> Kaplamalı </div> </div> </div> </div> <div class="group overflow-hidden w-full h-14"> <div class="text-blue-dark text-xl font-semibold leading-7 relative w-full "> Şişecam Temperlenebilir Solar Low-E Cam Füme 28/26 </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100"> </div> <div class="self-stretch flex justify-between items-start gap-3" x-show="!isProffesionals()" style="display: none;"> <div class="flex-1 h-14 justify-start items-center gap-1.5 flex py-4"> <div class="text-[#54545d] text-sm font-normal leading-normal"> </div> </div> </div> <div class="self-stretch flex-col justify-start items-start gap-2 flex"> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Işık Geçirgen: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> <40 </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Renk: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> F </div> </div> </div> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Solar Faktör: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> 30>x≥20 </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> U Değeri: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> >1 </div> </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100 mt-auto"></div> <div class="w-full grid grid-cols-2 gap-5"><a href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu/sisecam-temperlenebilir-solar-low-e-cam-fume-28-26?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class=" h-10 px-4 py-2.5 bg-blue-dark rounded-lg flex-col justify-center items-center gap-2.5 inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <div class="text-center text-white text-sm font-semibold leading-[18.20px] group-hover:text-white"> İnceleyin </div></a>  <button class="grow shrink basis-0 h-10 rounded-lg border border-blue-dark flex-row justify-center gap-2 items-center inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white"> Karşılaştırın </span> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white" x-show="item.isAdded"> <svg class="icon-check w-4 h-4" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/check" /> </svg></span> </button>  </div> </div> </div> <div class="server-rendered-item w-full h-full pb-5 bg-white rounded-[10px] border border-gray-100 flex-col justify-start items-start gap-5 inline-flex" x-data="{ showColorSelect: false, selectedColorIndex: null }"> <div class="w-full h-[302px] relative"> <div class="w-full h-[302px] relative bg-background flex items-center justify-center rounded-tl-[10px] rounded-tr-[10px] "> <div class="w-full h-full relative flex items-center justify-center "><img class="max-h-full max-w-full w-full h-full object-cover blur-up lazyloaded rounded-tl-[10px] rounded-tr-[10px]" loading="lazy" decoding="async" src="/tr/s-business-segments/s-flat-glass/PublishingImages/mimari-camlar/urun-katalogu/0013_niger-ministry-of-finance.jpg" :alt="Şişecam Temperlenebilir Solar Low-E Cam Füme 21/18"> </div> </div> <div class="w-10 h-10 left-[246px] top-[12px] absolute bg-white rounded-md hidden"> </div> </div> <div class="w-full h-[100%] min-h-[220px] px-5 flex-col justify-start items-start gap-4 flex "> <div class="w-full flex-col justify-start items-start gap-2 flex relative"> <div class="flex-col justify-start items-start gap-3 flex"> <div class=" h-[25px] px-3 py-1.5 bg-white rounded-md border border-gray-100 justify-center items-center gap-2.5 inline-flex"> <div class="text-blue-innovation text-[10px] font-semibold leading-3"> Mimari Camlar </div> </div> <div class="flex-col justify-start items-start gap-1 flex"> <div class="flex-col justify-start items-start flex"> <div class="text-blue-dark text-xs font-medium leading-snug"> Kaplamalı </div> </div> </div> </div> <div class="group overflow-hidden w-full h-14"> <div class="text-blue-dark text-xl font-semibold leading-7 relative w-full "> Şişecam Temperlenebilir Solar Low-E Cam Füme 21/18 </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100"> </div> <div class="self-stretch flex justify-between items-start gap-3" x-show="!isProffesionals()" style="display: none;"> <div class="flex-1 h-14 justify-start items-center gap-1.5 flex py-4"> <div class="text-[#54545d] text-sm font-normal leading-normal"> </div> </div> </div> <div class="self-stretch flex-col justify-start items-start gap-2 flex"> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Işık Geçirgen: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> <40 </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Renk: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> F </div> </div> </div> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Solar Faktör: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> <20 </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> U Değeri: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> >1 </div> </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100 mt-auto"></div> <div class="w-full grid grid-cols-2 gap-5"><a href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu/sisecam-temperlenebilir-solar-low-e-cam-fume-21-18?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class=" h-10 px-4 py-2.5 bg-blue-dark rounded-lg flex-col justify-center items-center gap-2.5 inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <div class="text-center text-white text-sm font-semibold leading-[18.20px] group-hover:text-white"> İnceleyin </div></a>  <button class="grow shrink basis-0 h-10 rounded-lg border border-blue-dark flex-row justify-center gap-2 items-center inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white"> Karşılaştırın </span> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white" x-show="item.isAdded"> <svg class="icon-check w-4 h-4" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/check" /> </svg></span> </button>  </div> </div> </div> <div class="server-rendered-item w-full h-full pb-5 bg-white rounded-[10px] border border-gray-100 flex-col justify-start items-start gap-5 inline-flex" x-data="{ showColorSelect: false, selectedColorIndex: null }"> <div class="w-full h-[302px] relative"> <div class="w-full h-[302px] relative bg-background flex items-center justify-center rounded-tl-[10px] rounded-tr-[10px] "> <div class="w-full h-full relative flex items-center justify-center "><img class="max-h-full max-w-full w-full h-full object-cover blur-up lazyloaded rounded-tl-[10px] rounded-tr-[10px]" loading="lazy" decoding="async" src="/tr/s-business-segments/s-flat-glass/PublishingImages/mimari-camlar/urun-katalogu/0034_bumerang-kartal.jpg" :alt="Şişecam Temperlenebilir Solar Low-E Cam Derin Mavi 40/28"> </div> </div> <div class="w-10 h-10 left-[246px] top-[12px] absolute bg-white rounded-md hidden"> </div> </div> <div class="w-full h-[100%] min-h-[220px] px-5 flex-col justify-start items-start gap-4 flex "> <div class="w-full flex-col justify-start items-start gap-2 flex relative"> <div class="flex-col justify-start items-start gap-3 flex"> <div class=" h-[25px] px-3 py-1.5 bg-white rounded-md border border-gray-100 justify-center items-center gap-2.5 inline-flex"> <div class="text-blue-innovation text-[10px] font-semibold leading-3"> Mimari Camlar </div> </div> <div class="flex-col justify-start items-start gap-1 flex"> <div class="flex-col justify-start items-start flex"> <div class="text-blue-dark text-xs font-medium leading-snug"> Kaplamalı </div> </div> </div> </div> <div class="group overflow-hidden w-full h-14"> <div class="text-blue-dark text-xl font-semibold leading-7 relative w-full "> Şişecam Temperlenebilir Solar Low-E Cam Derin Mavi 40/28 </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100"> </div> <div class="self-stretch flex justify-between items-start gap-3" x-show="!isProffesionals()" style="display: none;"> <div class="flex-1 h-14 justify-start items-center gap-1.5 flex py-4"> <div class="text-[#54545d] text-sm font-normal leading-normal"> </div> </div> </div> <div class="self-stretch flex-col justify-start items-start gap-2 flex"> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Işık Geçirgen: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> 50>x≥40 </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Renk: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> RZ </div> </div> </div> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Solar Faktör: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> 30>x≥20 </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> U Değeri: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> >1 </div> </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100 mt-auto"></div> <div class="w-full grid grid-cols-2 gap-5"><a href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu/sisecam-temperlenebilir-solar-low-e-cam-derin-mavi-40-28?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class=" h-10 px-4 py-2.5 bg-blue-dark rounded-lg flex-col justify-center items-center gap-2.5 inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <div class="text-center text-white text-sm font-semibold leading-[18.20px] group-hover:text-white"> İnceleyin </div></a>  <button class="grow shrink basis-0 h-10 rounded-lg border border-blue-dark flex-row justify-center gap-2 items-center inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white"> Karşılaştırın </span> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white" x-show="item.isAdded"> <svg class="icon-check w-4 h-4" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/check" /> </svg></span> </button>  </div> </div> </div> <div class="server-rendered-item w-full h-full pb-5 bg-white rounded-[10px] border border-gray-100 flex-col justify-start items-start gap-5 inline-flex" x-data="{ showColorSelect: false, selectedColorIndex: null }"> <div class="w-full h-[302px] relative"> <div class="w-full h-[302px] relative bg-background flex items-center justify-center rounded-tl-[10px] rounded-tr-[10px] "> <div class="w-full h-full relative flex items-center justify-center "><img class="max-h-full max-w-full w-full h-full object-cover blur-up lazyloaded rounded-tl-[10px] rounded-tr-[10px]" loading="lazy" decoding="async" src="/tr/s-business-segments/s-flat-glass/PublishingImages/mimari-camlar/urun-katalogu/0038_atakoy-towers-bronz-3529.jpg" :alt="Şişecam Temperlenebilir Solar Low-E Cam Bronz 35/29"> </div> </div> <div class="w-10 h-10 left-[246px] top-[12px] absolute bg-white rounded-md hidden"> </div> </div> <div class="w-full h-[100%] min-h-[220px] px-5 flex-col justify-start items-start gap-4 flex "> <div class="w-full flex-col justify-start items-start gap-2 flex relative"> <div class="flex-col justify-start items-start gap-3 flex"> <div class=" h-[25px] px-3 py-1.5 bg-white rounded-md border border-gray-100 justify-center items-center gap-2.5 inline-flex"> <div class="text-blue-innovation text-[10px] font-semibold leading-3"> Mimari Camlar </div> </div> <div class="flex-col justify-start items-start gap-1 flex"> <div class="flex-col justify-start items-start flex"> <div class="text-blue-dark text-xs font-medium leading-snug"> Kaplamalı </div> </div> </div> </div> <div class="group overflow-hidden w-full h-14"> <div class="text-blue-dark text-xl font-semibold leading-7 relative w-full "> Şişecam Temperlenebilir Solar Low-E Cam Bronz 35/29 </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100"> </div> <div class="self-stretch flex justify-between items-start gap-3" x-show="!isProffesionals()" style="display: none;"> <div class="flex-1 h-14 justify-start items-center gap-1.5 flex py-4"> <div class="text-[#54545d] text-sm font-normal leading-normal"> </div> </div> </div> <div class="self-stretch flex-col justify-start items-start gap-2 flex"> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Işık Geçirgen: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> <40 </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Renk: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> B </div> </div> </div> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Solar Faktör: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> 30>x≥20 </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> U Değeri: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> >1 </div> </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100 mt-auto"></div> <div class="w-full grid grid-cols-2 gap-5"><a href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu/sisecam-temperlenebilir-solar-low-e-cam-bronz-35-29?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class=" h-10 px-4 py-2.5 bg-blue-dark rounded-lg flex-col justify-center items-center gap-2.5 inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <div class="text-center text-white text-sm font-semibold leading-[18.20px] group-hover:text-white"> İnceleyin </div></a>  <button class="grow shrink basis-0 h-10 rounded-lg border border-blue-dark flex-row justify-center gap-2 items-center inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white"> Karşılaştırın </span> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white" x-show="item.isAdded"> <svg class="icon-check w-4 h-4" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/check" /> </svg></span> </button>  </div> </div> </div> <div class="server-rendered-item w-full h-full pb-5 bg-white rounded-[10px] border border-gray-100 flex-col justify-start items-start gap-5 inline-flex" x-data="{ showColorSelect: false, selectedColorIndex: null }"> <div class="w-full h-[302px] relative"> <div class="w-full h-[302px] relative bg-background flex items-center justify-center rounded-tl-[10px] rounded-tr-[10px] "> <div class="w-full h-full relative flex items-center justify-center "><img class="max-h-full max-w-full w-full h-full object-cover blur-up lazyloaded rounded-tl-[10px] rounded-tr-[10px]" loading="lazy" decoding="async" src="/tr/s-business-segments/s-flat-glass/PublishingImages/mimari-camlar/urun-katalogu/0042_ametist-ankara.jpg" :alt="Şişecam Temperlenebilir Solar Low-E Cam Bronz 31/25"> </div> </div> <div class="w-10 h-10 left-[246px] top-[12px] absolute bg-white rounded-md hidden"> </div> </div> <div class="w-full h-[100%] min-h-[220px] px-5 flex-col justify-start items-start gap-4 flex "> <div class="w-full flex-col justify-start items-start gap-2 flex relative"> <div class="flex-col justify-start items-start gap-3 flex"> <div class=" h-[25px] px-3 py-1.5 bg-white rounded-md border border-gray-100 justify-center items-center gap-2.5 inline-flex"> <div class="text-blue-innovation text-[10px] font-semibold leading-3"> Mimari Camlar </div> </div> <div class="flex-col justify-start items-start gap-1 flex"> <div class="flex-col justify-start items-start flex"> <div class="text-blue-dark text-xs font-medium leading-snug"> Kaplamalı </div> </div> </div> </div> <div class="group overflow-hidden w-full h-14"> <div class="text-blue-dark text-xl font-semibold leading-7 relative w-full "> Şişecam Temperlenebilir Solar Low-E Cam Bronz 31/25 </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100"> </div> <div class="self-stretch flex justify-between items-start gap-3" x-show="!isProffesionals()" style="display: none;"> <div class="flex-1 h-14 justify-start items-center gap-1.5 flex py-4"> <div class="text-[#54545d] text-sm font-normal leading-normal"> </div> </div> </div> <div class="self-stretch flex-col justify-start items-start gap-2 flex"> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Işık Geçirgen: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> <40 </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Renk: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> B </div> </div> </div> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Solar Faktör: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> 30>x≥20 </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> U Değeri: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> >1 </div> </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100 mt-auto"></div> <div class="w-full grid grid-cols-2 gap-5"><a href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu/sisecam-temperlenebilir-solar-low-e-cam-bronz-31-25?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class=" h-10 px-4 py-2.5 bg-blue-dark rounded-lg flex-col justify-center items-center gap-2.5 inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <div class="text-center text-white text-sm font-semibold leading-[18.20px] group-hover:text-white"> İnceleyin </div></a>  <button class="grow shrink basis-0 h-10 rounded-lg border border-blue-dark flex-row justify-center gap-2 items-center inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white"> Karşılaştırın </span> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white" x-show="item.isAdded"> <svg class="icon-check w-4 h-4" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/check" /> </svg></span> </button>  </div> </div> </div> <div class="server-rendered-item w-full h-full pb-5 bg-white rounded-[10px] border border-gray-100 flex-col justify-start items-start gap-5 inline-flex" x-data="{ showColorSelect: false, selectedColorIndex: null }"> <div class="w-full h-[302px] relative"> <div class="w-full h-[302px] relative bg-background flex items-center justify-center rounded-tl-[10px] rounded-tr-[10px] "> <div class="w-full h-full relative flex items-center justify-center "><img class="max-h-full max-w-full w-full h-full object-cover blur-up lazyloaded rounded-tl-[10px] rounded-tr-[10px]" loading="lazy" decoding="async" src="/tr/s-business-segments/s-flat-glass/PublishingImages/mimari-camlar/urun-katalogu/0039_atakoy-towers-bronz-2418.jpg" :alt="Şişecam Temperlenebilir Solar Low-E Cam Bronz 24/18"> </div> </div> <div class="w-10 h-10 left-[246px] top-[12px] absolute bg-white rounded-md hidden"> </div> </div> <div class="w-full h-[100%] min-h-[220px] px-5 flex-col justify-start items-start gap-4 flex "> <div class="w-full flex-col justify-start items-start gap-2 flex relative"> <div class="flex-col justify-start items-start gap-3 flex"> <div class=" h-[25px] px-3 py-1.5 bg-white rounded-md border border-gray-100 justify-center items-center gap-2.5 inline-flex"> <div class="text-blue-innovation text-[10px] font-semibold leading-3"> Mimari Camlar </div> </div> <div class="flex-col justify-start items-start gap-1 flex"> <div class="flex-col justify-start items-start flex"> <div class="text-blue-dark text-xs font-medium leading-snug"> Kaplamalı </div> </div> </div> </div> <div class="group overflow-hidden w-full h-14"> <div class="text-blue-dark text-xl font-semibold leading-7 relative w-full "> Şişecam Temperlenebilir Solar Low-E Cam Bronz 24/18 </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100"> </div> <div class="self-stretch flex justify-between items-start gap-3" x-show="!isProffesionals()" style="display: none;"> <div class="flex-1 h-14 justify-start items-center gap-1.5 flex py-4"> <div class="text-[#54545d] text-sm font-normal leading-normal"> </div> </div> </div> <div class="self-stretch flex-col justify-start items-start gap-2 flex"> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Işık Geçirgen: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> <40 </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Renk: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> B </div> </div> </div> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Solar Faktör: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> <20 </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> U Değeri: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> >1 </div> </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100 mt-auto"></div> <div class="w-full grid grid-cols-2 gap-5"><a href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu/sisecam-temperlenebilir-solar-low-e-cam-bronz-24-18?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class=" h-10 px-4 py-2.5 bg-blue-dark rounded-lg flex-col justify-center items-center gap-2.5 inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <div class="text-center text-white text-sm font-semibold leading-[18.20px] group-hover:text-white"> İnceleyin </div></a>  <button class="grow shrink basis-0 h-10 rounded-lg border border-blue-dark flex-row justify-center gap-2 items-center inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white"> Karşılaştırın </span> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white" x-show="item.isAdded"> <svg class="icon-check w-4 h-4" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/check" /> </svg></span> </button>  </div> </div> </div> <div class="server-rendered-item w-full h-full pb-5 bg-white rounded-[10px] border border-gray-100 flex-col justify-start items-start gap-5 inline-flex" x-data="{ showColorSelect: false, selectedColorIndex: null }"> <div class="w-full h-[302px] relative"> <div class="w-full h-[302px] relative bg-background flex items-center justify-center rounded-tl-[10px] rounded-tr-[10px] "> <div class="w-full h-full relative flex items-center justify-center "><img class="max-h-full max-w-full w-full h-full object-cover blur-up lazyloaded rounded-tl-[10px] rounded-tr-[10px]" loading="lazy" decoding="async" src="/tr/s-business-segments/s-flat-glass/PublishingImages/mimari-camlar/urun-katalogu/0031_energy-tower.jpg" :alt="Şişecam Temperlenebilir Low-E Cam Nötral 80/64"> </div> </div> <div class="w-10 h-10 left-[246px] top-[12px] absolute bg-white rounded-md hidden"> </div> </div> <div class="w-full h-[100%] min-h-[220px] px-5 flex-col justify-start items-start gap-4 flex "> <div class="w-full flex-col justify-start items-start gap-2 flex relative"> <div class="flex-col justify-start items-start gap-3 flex"> <div class=" h-[25px] px-3 py-1.5 bg-white rounded-md border border-gray-100 justify-center items-center gap-2.5 inline-flex"> <div class="text-blue-innovation text-[10px] font-semibold leading-3"> Mimari Camlar </div> </div> <div class="flex-col justify-start items-start gap-1 flex"> <div class="flex-col justify-start items-start flex"> <div class="text-blue-dark text-xs font-medium leading-snug"> Kaplamalı </div> </div> </div> </div> <div class="group overflow-hidden w-full h-14"> <div class="text-blue-dark text-xl font-semibold leading-7 relative w-full "> Şişecam Temperlenebilir Low-E Cam Nötral 80/64 </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100"> </div> <div class="self-stretch flex justify-between items-start gap-3" x-show="!isProffesionals()" style="display: none;"> <div class="flex-1 h-14 justify-start items-center gap-1.5 flex py-4"> <div class="text-[#54545d] text-sm font-normal leading-normal"> </div> </div> </div> <div class="self-stretch flex-col justify-start items-start gap-2 flex"> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Işık Geçirgen: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> ≥60 </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Renk: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> RZ </div> </div> </div> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Solar Faktör: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> ≥40 </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> U Değeri: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> >1 </div> </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100 mt-auto"></div> <div class="w-full grid grid-cols-2 gap-5"><a href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu/sisecam-temperlenebilir-low-e-cam-notral-80-64?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class=" h-10 px-4 py-2.5 bg-blue-dark rounded-lg flex-col justify-center items-center gap-2.5 inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <div class="text-center text-white text-sm font-semibold leading-[18.20px] group-hover:text-white"> İnceleyin </div></a>  <button class="grow shrink basis-0 h-10 rounded-lg border border-blue-dark flex-row justify-center gap-2 items-center inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white"> Karşılaştırın </span> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white" x-show="item.isAdded"> <svg class="icon-check w-4 h-4" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/check" /> </svg></span> </button>  </div> </div> </div> <div class="server-rendered-item w-full h-full pb-5 bg-white rounded-[10px] border border-gray-100 flex-col justify-start items-start gap-5 inline-flex" x-data="{ showColorSelect: false, selectedColorIndex: null }"> <div class="w-full h-[302px] relative"> <div class="w-full h-[302px] relative bg-background flex items-center justify-center rounded-tl-[10px] rounded-tr-[10px] "> <div class="w-full h-full relative flex items-center justify-center "><img class="max-h-full max-w-full w-full h-full object-cover blur-up lazyloaded rounded-tl-[10px] rounded-tr-[10px]" loading="lazy" decoding="async" src="/tr/s-business-segments/s-flat-glass/PublishingImages/mimari-camlar/urun-katalogu/0005_the-museum-hotel-antakya.jpg" :alt="Şişecam Temperlenebilir Low-E Cam Nötral 71/53"> </div> </div> <div class="w-10 h-10 left-[246px] top-[12px] absolute bg-white rounded-md hidden"> </div> </div> <div class="w-full h-[100%] min-h-[220px] px-5 flex-col justify-start items-start gap-4 flex "> <div class="w-full flex-col justify-start items-start gap-2 flex relative"> <div class="flex-col justify-start items-start gap-3 flex"> <div class=" h-[25px] px-3 py-1.5 bg-white rounded-md border border-gray-100 justify-center items-center gap-2.5 inline-flex"> <div class="text-blue-innovation text-[10px] font-semibold leading-3"> Mimari Camlar </div> </div> <div class="flex-col justify-start items-start gap-1 flex"> <div class="flex-col justify-start items-start flex"> <div class="text-blue-dark text-xs font-medium leading-snug"> Kaplamalı </div> </div> </div> </div> <div class="group overflow-hidden w-full h-14"> <div class="text-blue-dark text-xl font-semibold leading-7 relative w-full "> Şişecam Temperlenebilir Low-E Cam Nötral 71/53 </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100"> </div> <div class="self-stretch flex justify-between items-start gap-3" x-show="!isProffesionals()" style="display: none;"> <div class="flex-1 h-14 justify-start items-center gap-1.5 flex py-4"> <div class="text-[#54545d] text-sm font-normal leading-normal"> </div> </div> </div> <div class="self-stretch flex-col justify-start items-start gap-2 flex"> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Işık Geçirgen: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> ≥60 </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Renk: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> RZ </div> </div> </div> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Solar Faktör: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> ≥40 </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> U Değeri: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> >1 </div> </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100 mt-auto"></div> <div class="w-full grid grid-cols-2 gap-5"><a href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu/sisecam-temperlenebilir-low-e-cam-notral-71-53?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class=" h-10 px-4 py-2.5 bg-blue-dark rounded-lg flex-col justify-center items-center gap-2.5 inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <div class="text-center text-white text-sm font-semibold leading-[18.20px] group-hover:text-white"> İnceleyin </div></a>  <button class="grow shrink basis-0 h-10 rounded-lg border border-blue-dark flex-row justify-center gap-2 items-center inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white"> Karşılaştırın </span> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white" x-show="item.isAdded"> <svg class="icon-check w-4 h-4" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/check" /> </svg></span> </button>  </div> </div> </div> <div class="server-rendered-item w-full h-full pb-5 bg-white rounded-[10px] border border-gray-100 flex-col justify-start items-start gap-5 inline-flex" x-data="{ showColorSelect: false, selectedColorIndex: null }"> <div class="w-full h-[302px] relative"> <div class="w-full h-[302px] relative bg-background flex items-center justify-center rounded-tl-[10px] rounded-tr-[10px] "> <div class="w-full h-full relative flex items-center justify-center "><img class="max-h-full max-w-full w-full h-full object-cover blur-up lazyloaded rounded-tl-[10px] rounded-tr-[10px]" loading="lazy" decoding="async" src="/tr/s-business-segments/s-flat-glass/PublishingImages/mimari-camlar/urun-katalogu/0026_g-yoo-residence.jpg" :alt="Şişecam Temperlenebilir Low-E Cam Füme 36/34"> </div> </div> <div class="w-10 h-10 left-[246px] top-[12px] absolute bg-white rounded-md hidden"> </div> </div> <div class="w-full h-[100%] min-h-[220px] px-5 flex-col justify-start items-start gap-4 flex "> <div class="w-full flex-col justify-start items-start gap-2 flex relative"> <div class="flex-col justify-start items-start gap-3 flex"> <div class=" h-[25px] px-3 py-1.5 bg-white rounded-md border border-gray-100 justify-center items-center gap-2.5 inline-flex"> <div class="text-blue-innovation text-[10px] font-semibold leading-3"> Mimari Camlar </div> </div> <div class="flex-col justify-start items-start gap-1 flex"> <div class="flex-col justify-start items-start flex"> <div class="text-blue-dark text-xs font-medium leading-snug"> Kaplamalı </div> </div> </div> </div> <div class="group overflow-hidden w-full h-14"> <div class="text-blue-dark text-xl font-semibold leading-7 relative w-full "> Şişecam Temperlenebilir Low-E Cam Füme 36/34 </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100"> </div> <div class="self-stretch flex justify-between items-start gap-3" x-show="!isProffesionals()" style="display: none;"> <div class="flex-1 h-14 justify-start items-center gap-1.5 flex py-4"> <div class="text-[#54545d] text-sm font-normal leading-normal"> </div> </div> </div> <div class="self-stretch flex-col justify-start items-start gap-2 flex"> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Işık Geçirgen: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> <40 </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Renk: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> F </div> </div> </div> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Solar Faktör: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> 40>x≥30 </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> U Değeri: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> >1 </div> </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100 mt-auto"></div> <div class="w-full grid grid-cols-2 gap-5"><a href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu/sisecam-temperlenebilir-low-e-cam-fume-36-34?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class=" h-10 px-4 py-2.5 bg-blue-dark rounded-lg flex-col justify-center items-center gap-2.5 inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <div class="text-center text-white text-sm font-semibold leading-[18.20px] group-hover:text-white"> İnceleyin </div></a>  <button class="grow shrink basis-0 h-10 rounded-lg border border-blue-dark flex-row justify-center gap-2 items-center inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white"> Karşılaştırın </span> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white" x-show="item.isAdded"> <svg class="icon-check w-4 h-4" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/check" /> </svg></span> </button>  </div> </div> </div> <div class="server-rendered-item w-full h-full pb-5 bg-white rounded-[10px] border border-gray-100 flex-col justify-start items-start gap-5 inline-flex" x-data="{ showColorSelect: false, selectedColorIndex: null }"> <div class="w-full h-[302px] relative"> <div class="w-full h-[302px] relative bg-background flex items-center justify-center rounded-tl-[10px] rounded-tr-[10px] "> <div class="w-full h-full relative flex items-center justify-center "><img class="max-h-full max-w-full w-full h-full object-cover blur-up lazyloaded rounded-tl-[10px] rounded-tr-[10px]" loading="lazy" decoding="async" src="/tr/s-business-segments/s-flat-glass/PublishingImages/mimari-camlar/urun-katalogu/0035_borsa-istanbul.jpg" :alt="Şişecam Temperlenebilir Low-E Cam Bronz 41/35"> </div> </div> <div class="w-10 h-10 left-[246px] top-[12px] absolute bg-white rounded-md hidden"> </div> </div> <div class="w-full h-[100%] min-h-[220px] px-5 flex-col justify-start items-start gap-4 flex "> <div class="w-full flex-col justify-start items-start gap-2 flex relative"> <div class="flex-col justify-start items-start gap-3 flex"> <div class=" h-[25px] px-3 py-1.5 bg-white rounded-md border border-gray-100 justify-center items-center gap-2.5 inline-flex"> <div class="text-blue-innovation text-[10px] font-semibold leading-3"> Mimari Camlar </div> </div> <div class="flex-col justify-start items-start gap-1 flex"> <div class="flex-col justify-start items-start flex"> <div class="text-blue-dark text-xs font-medium leading-snug"> Kaplamalı </div> </div> </div> </div> <div class="group overflow-hidden w-full h-14"> <div class="text-blue-dark text-xl font-semibold leading-7 relative w-full "> Şişecam Temperlenebilir Low-E Cam Bronz 41/35 </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100"> </div> <div class="self-stretch flex justify-between items-start gap-3" x-show="!isProffesionals()" style="display: none;"> <div class="flex-1 h-14 justify-start items-center gap-1.5 flex py-4"> <div class="text-[#54545d] text-sm font-normal leading-normal"> </div> </div> </div> <div class="self-stretch flex-col justify-start items-start gap-2 flex"> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Işık Geçirgen: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> 50>x≥40 </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Renk: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> F </div> </div> </div> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Solar Faktör: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> 40>x≥30 </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> U Değeri: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> >1 </div> </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100 mt-auto"></div> <div class="w-full grid grid-cols-2 gap-5"><a href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu/sisecam-temperlenebilir-low-e-cam-bronz-41-35?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class=" h-10 px-4 py-2.5 bg-blue-dark rounded-lg flex-col justify-center items-center gap-2.5 inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <div class="text-center text-white text-sm font-semibold leading-[18.20px] group-hover:text-white"> İnceleyin </div></a>  <button class="grow shrink basis-0 h-10 rounded-lg border border-blue-dark flex-row justify-center gap-2 items-center inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white"> Karşılaştırın </span> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white" x-show="item.isAdded"> <svg class="icon-check w-4 h-4" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/check" /> </svg></span> </button>  </div> </div> </div> <div class="server-rendered-item w-full h-full pb-5 bg-white rounded-[10px] border border-gray-100 flex-col justify-start items-start gap-5 inline-flex" x-data="{ showColorSelect: false, selectedColorIndex: null }"> <div class="w-full h-[302px] relative"> <div class="w-full h-[302px] relative bg-background flex items-center justify-center rounded-tl-[10px] rounded-tr-[10px] "> <div class="w-full h-full relative flex items-center justify-center "><img class="max-h-full max-w-full w-full h-full object-cover blur-up lazyloaded rounded-tl-[10px] rounded-tr-[10px]" loading="lazy" decoding="async" src="/tr/s-business-segments/s-flat-glass/PublishingImages/mimari-camlar/urun-katalogu/Sisecam-Telli-Cam-mandalin-telli%20(Custom).JPG" :alt="Şişecam Telli Cam"> </div> </div> <div class="w-10 h-10 left-[246px] top-[12px] absolute bg-white rounded-md hidden"> </div> </div> <div class="w-full h-[100%] min-h-[220px] px-5 flex-col justify-start items-start gap-4 flex "> <div class="w-full flex-col justify-start items-start gap-2 flex relative"> <div class="flex-col justify-start items-start gap-3 flex"> <div class=" h-[25px] px-3 py-1.5 bg-white rounded-md border border-gray-100 justify-center items-center gap-2.5 inline-flex"> <div class="text-blue-innovation text-[10px] font-semibold leading-3"> Mimari Camlar </div> </div> <div class="flex-col justify-start items-start gap-1 flex"> <div class="flex-col justify-start items-start flex"> <div class="text-blue-dark text-xs font-medium leading-snug"> Float </div> </div> </div> </div> <div class="group overflow-hidden w-full h-14"> <div class="text-blue-dark text-xl font-semibold leading-7 relative w-full "> Şişecam Telli Cam </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100"> </div> <div class="self-stretch flex justify-between items-start gap-3" x-show="!isProffesionals()" style="display: none;"> <div class="flex-1 h-14 justify-start items-center gap-1.5 flex py-4"> <div class="text-[#54545d] text-sm font-normal leading-normal"> </div> </div> </div> <div class="self-stretch flex-col justify-start items-start gap-2 flex"> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Işık Geçirgen: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> N/A </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Renk: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> RZ </div> </div> </div> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Solar Faktör: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> N/A </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> U Değeri: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> N/A </div> </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100 mt-auto"></div> <div class="w-full grid grid-cols-2 gap-5"><a href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu/sisecam-telli-cam?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class=" h-10 px-4 py-2.5 bg-blue-dark rounded-lg flex-col justify-center items-center gap-2.5 inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <div class="text-center text-white text-sm font-semibold leading-[18.20px] group-hover:text-white"> İnceleyin </div></a>  <button class="grow shrink basis-0 h-10 rounded-lg border border-blue-dark flex-row justify-center gap-2 items-center inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white"> Karşılaştırın </span> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white" x-show="item.isAdded"> <svg class="icon-check w-4 h-4" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/check" /> </svg></span> </button>  </div> </div> </div> <div class="server-rendered-item w-full h-full pb-5 bg-white rounded-[10px] border border-gray-100 flex-col justify-start items-start gap-5 inline-flex" x-data="{ showColorSelect: false, selectedColorIndex: null }"> <div class="w-full h-[302px] relative"> <div class="w-full h-[302px] relative bg-background flex items-center justify-center rounded-tl-[10px] rounded-tr-[10px] "> <div class="w-full h-full relative flex items-center justify-center "><img class="max-h-full max-w-full w-full h-full object-cover blur-up lazyloaded rounded-tl-[10px] rounded-tr-[10px]" loading="lazy" decoding="async" src="/tr/s-business-segments/s-flat-glass/PublishingImages/mimari-camlar/urun-katalogu/0025_gate.jpg" :alt="Şişecam Solar Low-E Cam Nötral 70/40"> </div> </div> <div class="w-10 h-10 left-[246px] top-[12px] absolute bg-white rounded-md hidden"> </div> </div> <div class="w-full h-[100%] min-h-[220px] px-5 flex-col justify-start items-start gap-4 flex "> <div class="w-full flex-col justify-start items-start gap-2 flex relative"> <div class="flex-col justify-start items-start gap-3 flex"> <div class=" h-[25px] px-3 py-1.5 bg-white rounded-md border border-gray-100 justify-center items-center gap-2.5 inline-flex"> <div class="text-blue-innovation text-[10px] font-semibold leading-3"> Mimari Camlar </div> </div> <div class="flex-col justify-start items-start gap-1 flex"> <div class="flex-col justify-start items-start flex"> <div class="text-blue-dark text-xs font-medium leading-snug"> Kaplamalı </div> </div> </div> </div> <div class="group overflow-hidden w-full h-14"> <div class="text-blue-dark text-xl font-semibold leading-7 relative w-full "> Şişecam Solar Low-E Cam Nötral 70/40 </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100"> </div> <div class="self-stretch flex justify-between items-start gap-3" x-show="!isProffesionals()" style="display: none;"> <div class="flex-1 h-14 justify-start items-center gap-1.5 flex py-4"> <div class="text-[#54545d] text-sm font-normal leading-normal"> </div> </div> </div> <div class="self-stretch flex-col justify-start items-start gap-2 flex"> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Işık Geçirgen: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> ≥60 </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Renk: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> RZ </div> </div> </div> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Solar Faktör: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> ≥40 </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> U Değeri: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> >1 </div> </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100 mt-auto"></div> <div class="w-full grid grid-cols-2 gap-5"><a href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu/sisecam-solar-low-e-cam-notral-70-40?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class=" h-10 px-4 py-2.5 bg-blue-dark rounded-lg flex-col justify-center items-center gap-2.5 inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <div class="text-center text-white text-sm font-semibold leading-[18.20px] group-hover:text-white"> İnceleyin </div></a>  <button class="grow shrink basis-0 h-10 rounded-lg border border-blue-dark flex-row justify-center gap-2 items-center inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white"> Karşılaştırın </span> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white" x-show="item.isAdded"> <svg class="icon-check w-4 h-4" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/check" /> </svg></span> </button>  </div> </div> </div> <div class="server-rendered-item w-full h-full pb-5 bg-white rounded-[10px] border border-gray-100 flex-col justify-start items-start gap-5 inline-flex" x-data="{ showColorSelect: false, selectedColorIndex: null }"> <div class="w-full h-[302px] relative"> <div class="w-full h-[302px] relative bg-background flex items-center justify-center rounded-tl-[10px] rounded-tr-[10px] "> <div class="w-full h-full relative flex items-center justify-center "><img class="max-h-full max-w-full w-full h-full object-cover blur-up lazyloaded rounded-tl-[10px] rounded-tr-[10px]" loading="lazy" decoding="async" src="/tr/s-business-segments/s-flat-glass/PublishingImages/mimari-camlar/urun-katalogu/0001_verde-boyana.jpg" :alt="Şişecam Solar Low-E Cam Nötral 70/37"> </div> </div> <div class="w-10 h-10 left-[246px] top-[12px] absolute bg-white rounded-md hidden"> </div> </div> <div class="w-full h-[100%] min-h-[220px] px-5 flex-col justify-start items-start gap-4 flex "> <div class="w-full flex-col justify-start items-start gap-2 flex relative"> <div class="flex-col justify-start items-start gap-3 flex"> <div class=" h-[25px] px-3 py-1.5 bg-white rounded-md border border-gray-100 justify-center items-center gap-2.5 inline-flex"> <div class="text-blue-innovation text-[10px] font-semibold leading-3"> Mimari Camlar </div> </div> <div class="flex-col justify-start items-start gap-1 flex"> <div class="flex-col justify-start items-start flex"> <div class="text-blue-dark text-xs font-medium leading-snug"> Kaplamalı </div> </div> </div> </div> <div class="group overflow-hidden w-full h-14"> <div class="text-blue-dark text-xl font-semibold leading-7 relative w-full "> Şişecam Solar Low-E Cam Nötral 70/37 </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100"> </div> <div class="self-stretch flex justify-between items-start gap-3" x-show="!isProffesionals()" style="display: none;"> <div class="flex-1 h-14 justify-start items-center gap-1.5 flex py-4"> <div class="text-[#54545d] text-sm font-normal leading-normal"> </div> </div> </div> <div class="self-stretch flex-col justify-start items-start gap-2 flex"> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Işık Geçirgen: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> ≥60 </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Renk: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> RZ </div> </div> </div> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Solar Faktör: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> 40>x≥30 </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> U Değeri: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> ≤1 </div> </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100 mt-auto"></div> <div class="w-full grid grid-cols-2 gap-5"><a href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu/sisecam-solar-low-e-cam-notral-70-37?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class=" h-10 px-4 py-2.5 bg-blue-dark rounded-lg flex-col justify-center items-center gap-2.5 inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <div class="text-center text-white text-sm font-semibold leading-[18.20px] group-hover:text-white"> İnceleyin </div></a>  <button class="grow shrink basis-0 h-10 rounded-lg border border-blue-dark flex-row justify-center gap-2 items-center inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white"> Karşılaştırın </span> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white" x-show="item.isAdded"> <svg class="icon-check w-4 h-4" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/check" /> </svg></span> </button>  </div> </div> </div> <div class="server-rendered-item w-full h-full pb-5 bg-white rounded-[10px] border border-gray-100 flex-col justify-start items-start gap-5 inline-flex" x-data="{ showColorSelect: false, selectedColorIndex: null }"> <div class="w-full h-[302px] relative"> <div class="w-full h-[302px] relative bg-background flex items-center justify-center rounded-tl-[10px] rounded-tr-[10px] "> <div class="w-full h-full relative flex items-center justify-center "><img class="max-h-full max-w-full w-full h-full object-cover blur-up lazyloaded rounded-tl-[10px] rounded-tr-[10px]" loading="lazy" decoding="async" src="/tr/s-business-segments/s-flat-glass/PublishingImages/mimari-camlar/urun-katalogu/0027_folkart-blu.jpg" :alt="Şişecam Solar Low-E Cam Nötral 62/44"> </div> </div> <div class="w-10 h-10 left-[246px] top-[12px] absolute bg-white rounded-md hidden"> </div> </div> <div class="w-full h-[100%] min-h-[220px] px-5 flex-col justify-start items-start gap-4 flex "> <div class="w-full flex-col justify-start items-start gap-2 flex relative"> <div class="flex-col justify-start items-start gap-3 flex"> <div class=" h-[25px] px-3 py-1.5 bg-white rounded-md border border-gray-100 justify-center items-center gap-2.5 inline-flex"> <div class="text-blue-innovation text-[10px] font-semibold leading-3"> Mimari Camlar </div> </div> <div class="flex-col justify-start items-start gap-1 flex"> <div class="flex-col justify-start items-start flex"> <div class="text-blue-dark text-xs font-medium leading-snug"> Kaplamalı </div> </div> </div> </div> <div class="group overflow-hidden w-full h-14"> <div class="text-blue-dark text-xl font-semibold leading-7 relative w-full "> Şişecam Solar Low-E Cam Nötral 62/44 </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100"> </div> <div class="self-stretch flex justify-between items-start gap-3" x-show="!isProffesionals()" style="display: none;"> <div class="flex-1 h-14 justify-start items-center gap-1.5 flex py-4"> <div class="text-[#54545d] text-sm font-normal leading-normal"> </div> </div> </div> <div class="self-stretch flex-col justify-start items-start gap-2 flex"> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Işık Geçirgen: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> ≥60 </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Renk: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> RZ </div> </div> </div> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Solar Faktör: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> ≥40 </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> U Değeri: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> >1 </div> </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100 mt-auto"></div> <div class="w-full grid grid-cols-2 gap-5"><a href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu/sisecam-solar-low-e-cam-notral-62-44?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class=" h-10 px-4 py-2.5 bg-blue-dark rounded-lg flex-col justify-center items-center gap-2.5 inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <div class="text-center text-white text-sm font-semibold leading-[18.20px] group-hover:text-white"> İnceleyin </div></a>  <button class="grow shrink basis-0 h-10 rounded-lg border border-blue-dark flex-row justify-center gap-2 items-center inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white"> Karşılaştırın </span> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white" x-show="item.isAdded"> <svg class="icon-check w-4 h-4" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/check" /> </svg></span> </button>  </div> </div> </div> <div class="server-rendered-item w-full h-full pb-5 bg-white rounded-[10px] border border-gray-100 flex-col justify-start items-start gap-5 inline-flex" x-data="{ showColorSelect: false, selectedColorIndex: null }"> <div class="w-full h-[302px] relative"> <div class="w-full h-[302px] relative bg-background flex items-center justify-center rounded-tl-[10px] rounded-tr-[10px] "> <div class="w-full h-full relative flex items-center justify-center "><img class="max-h-full max-w-full w-full h-full object-cover blur-up lazyloaded rounded-tl-[10px] rounded-tr-[10px]" loading="lazy" decoding="async" src="/tr/s-business-segments/s-flat-glass/PublishingImages/mimari-camlar/urun-katalogu/0019_karat-34.jpg" :alt="Şişecam Solar Low-E Cam Nötral 50/33"> </div> </div> <div class="w-10 h-10 left-[246px] top-[12px] absolute bg-white rounded-md hidden"> </div> </div> <div class="w-full h-[100%] min-h-[220px] px-5 flex-col justify-start items-start gap-4 flex "> <div class="w-full flex-col justify-start items-start gap-2 flex relative"> <div class="flex-col justify-start items-start gap-3 flex"> <div class=" h-[25px] px-3 py-1.5 bg-white rounded-md border border-gray-100 justify-center items-center gap-2.5 inline-flex"> <div class="text-blue-innovation text-[10px] font-semibold leading-3"> Mimari Camlar </div> </div> <div class="flex-col justify-start items-start gap-1 flex"> <div class="flex-col justify-start items-start flex"> <div class="text-blue-dark text-xs font-medium leading-snug"> Kaplamalı </div> </div> </div> </div> <div class="group overflow-hidden w-full h-14"> <div class="text-blue-dark text-xl font-semibold leading-7 relative w-full "> Şişecam Solar Low-E Cam Nötral 50/33 </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100"> </div> <div class="self-stretch flex justify-between items-start gap-3" x-show="!isProffesionals()" style="display: none;"> <div class="flex-1 h-14 justify-start items-center gap-1.5 flex py-4"> <div class="text-[#54545d] text-sm font-normal leading-normal"> </div> </div> </div> <div class="self-stretch flex-col justify-start items-start gap-2 flex"> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Işık Geçirgen: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> 60>x≥50 </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Renk: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> RZ </div> </div> </div> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Solar Faktör: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> 40>x≥30 </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> U Değeri: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> >1 </div> </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100 mt-auto"></div> <div class="w-full grid grid-cols-2 gap-5"><a href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu/sisecam-solar-low-e-cam-notral-50-33?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class=" h-10 px-4 py-2.5 bg-blue-dark rounded-lg flex-col justify-center items-center gap-2.5 inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <div class="text-center text-white text-sm font-semibold leading-[18.20px] group-hover:text-white"> İnceleyin </div></a>  <button class="grow shrink basis-0 h-10 rounded-lg border border-blue-dark flex-row justify-center gap-2 items-center inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white"> Karşılaştırın </span> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white" x-show="item.isAdded"> <svg class="icon-check w-4 h-4" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/check" /> </svg></span> </button>  </div> </div> </div> <div class="server-rendered-item w-full h-full pb-5 bg-white rounded-[10px] border border-gray-100 flex-col justify-start items-start gap-5 inline-flex" x-data="{ showColorSelect: false, selectedColorIndex: null }"> <div class="w-full h-[302px] relative"> <div class="w-full h-[302px] relative bg-background flex items-center justify-center rounded-tl-[10px] rounded-tr-[10px] "> <div class="w-full h-full relative flex items-center justify-center "><img class="max-h-full max-w-full w-full h-full object-cover blur-up lazyloaded rounded-tl-[10px] rounded-tr-[10px]" loading="lazy" decoding="async" src="/tr/s-business-segments/s-flat-glass/PublishingImages/mimari-camlar/urun-katalogu/0030_fantastico-2.jpg" :alt="Şişecam Solar Low-E Cam Nötral 50/25"> </div> </div> <div class="w-10 h-10 left-[246px] top-[12px] absolute bg-white rounded-md hidden"> </div> </div> <div class="w-full h-[100%] min-h-[220px] px-5 flex-col justify-start items-start gap-4 flex "> <div class="w-full flex-col justify-start items-start gap-2 flex relative"> <div class="flex-col justify-start items-start gap-3 flex"> <div class=" h-[25px] px-3 py-1.5 bg-white rounded-md border border-gray-100 justify-center items-center gap-2.5 inline-flex"> <div class="text-blue-innovation text-[10px] font-semibold leading-3"> Mimari Camlar </div> </div> <div class="flex-col justify-start items-start gap-1 flex"> <div class="flex-col justify-start items-start flex"> <div class="text-blue-dark text-xs font-medium leading-snug"> Kaplamalı </div> </div> </div> </div> <div class="group overflow-hidden w-full h-14"> <div class="text-blue-dark text-xl font-semibold leading-7 relative w-full "> Şişecam Solar Low-E Cam Nötral 50/25 </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100"> </div> <div class="self-stretch flex justify-between items-start gap-3" x-show="!isProffesionals()" style="display: none;"> <div class="flex-1 h-14 justify-start items-center gap-1.5 flex py-4"> <div class="text-[#54545d] text-sm font-normal leading-normal"> </div> </div> </div> <div class="self-stretch flex-col justify-start items-start gap-2 flex"> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Işık Geçirgen: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> 60>x≥50 </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Renk: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> RZ </div> </div> </div> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Solar Faktör: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> 30>x≥20 </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> U Değeri: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> ≤1 </div> </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100 mt-auto"></div> <div class="w-full grid grid-cols-2 gap-5"><a href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu/sisecam-solar-low-e-cam-notral-50-25?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class=" h-10 px-4 py-2.5 bg-blue-dark rounded-lg flex-col justify-center items-center gap-2.5 inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <div class="text-center text-white text-sm font-semibold leading-[18.20px] group-hover:text-white"> İnceleyin </div></a>  <button class="grow shrink basis-0 h-10 rounded-lg border border-blue-dark flex-row justify-center gap-2 items-center inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white"> Karşılaştırın </span> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white" x-show="item.isAdded"> <svg class="icon-check w-4 h-4" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/check" /> </svg></span> </button>  </div> </div> </div> <div class="server-rendered-item w-full h-full pb-5 bg-white rounded-[10px] border border-gray-100 flex-col justify-start items-start gap-5 inline-flex" x-data="{ showColorSelect: false, selectedColorIndex: null }"> <div class="w-full h-[302px] relative"> <div class="w-full h-[302px] relative bg-background flex items-center justify-center rounded-tl-[10px] rounded-tr-[10px] "> <div class="w-full h-full relative flex items-center justify-center "><img class="max-h-full max-w-full w-full h-full object-cover blur-up lazyloaded rounded-tl-[10px] rounded-tr-[10px]" loading="lazy" decoding="async" src="/tr/s-business-segments/s-flat-glass/PublishingImages/mimari-camlar/urun-katalogu/0029_flora-park.jpg" :alt="Şişecam Solar Low-E Cam Nötral"> </div> </div> <div class="w-10 h-10 left-[246px] top-[12px] absolute bg-white rounded-md hidden"> </div> </div> <div class="w-full h-[100%] min-h-[220px] px-5 flex-col justify-start items-start gap-4 flex "> <div class="w-full flex-col justify-start items-start gap-2 flex relative"> <div class="flex-col justify-start items-start gap-3 flex"> <div class=" h-[25px] px-3 py-1.5 bg-white rounded-md border border-gray-100 justify-center items-center gap-2.5 inline-flex"> <div class="text-blue-innovation text-[10px] font-semibold leading-3"> Mimari Camlar </div> </div> <div class="flex-col justify-start items-start gap-1 flex"> <div class="flex-col justify-start items-start flex"> <div class="text-blue-dark text-xs font-medium leading-snug"> Kaplamalı </div> </div> </div> </div> <div class="group overflow-hidden w-full h-14"> <div class="text-blue-dark text-xl font-semibold leading-7 relative w-full "> Şişecam Solar Low-E Cam Nötral </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100"> </div> <div class="self-stretch flex justify-between items-start gap-3" x-show="!isProffesionals()" style="display: none;"> <div class="flex-1 h-14 justify-start items-center gap-1.5 flex py-4"> <div class="text-[#54545d] text-sm font-normal leading-normal"> </div> </div> </div> <div class="self-stretch flex-col justify-start items-start gap-2 flex"> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Işık Geçirgen: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> ≥60 </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Renk: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> RZ </div> </div> </div> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Solar Faktör: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> ≥40 </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> U Değeri: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> >1 </div> </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100 mt-auto"></div> <div class="w-full grid grid-cols-2 gap-5"><a href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu/sisecam-solar-low-e-cam-notral?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class=" h-10 px-4 py-2.5 bg-blue-dark rounded-lg flex-col justify-center items-center gap-2.5 inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <div class="text-center text-white text-sm font-semibold leading-[18.20px] group-hover:text-white"> İnceleyin </div></a>  <button class="grow shrink basis-0 h-10 rounded-lg border border-blue-dark flex-row justify-center gap-2 items-center inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white"> Karşılaştırın </span> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white" x-show="item.isAdded"> <svg class="icon-check w-4 h-4" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/check" /> </svg></span> </button>  </div> </div> </div> <div class="server-rendered-item w-full h-full pb-5 bg-white rounded-[10px] border border-gray-100 flex-col justify-start items-start gap-5 inline-flex" x-data="{ showColorSelect: false, selectedColorIndex: null }"> <div class="w-full h-[302px] relative"> <div class="w-full h-[302px] relative bg-background flex items-center justify-center rounded-tl-[10px] rounded-tr-[10px] "> <div class="w-full h-full relative flex items-center justify-center "><img class="max-h-full max-w-full w-full h-full object-cover blur-up lazyloaded rounded-tl-[10px] rounded-tr-[10px]" loading="lazy" decoding="async" src="/tr/s-business-segments/s-flat-glass/PublishingImages/mimari-camlar/urun-katalogu/0000_villa-topos.jpg" :alt="Şişecam Solar Low-E Cam"> </div> </div> <div class="w-10 h-10 left-[246px] top-[12px] absolute bg-white rounded-md hidden"> </div> </div> <div class="w-full h-[100%] min-h-[220px] px-5 flex-col justify-start items-start gap-4 flex "> <div class="w-full flex-col justify-start items-start gap-2 flex relative"> <div class="flex-col justify-start items-start gap-3 flex"> <div class=" h-[25px] px-3 py-1.5 bg-white rounded-md border border-gray-100 justify-center items-center gap-2.5 inline-flex"> <div class="text-blue-innovation text-[10px] font-semibold leading-3"> Mimari Camlar </div> </div> <div class="flex-col justify-start items-start gap-1 flex"> <div class="flex-col justify-start items-start flex"> <div class="text-blue-dark text-xs font-medium leading-snug"> Kaplamalı </div> </div> </div> </div> <div class="group overflow-hidden w-full h-14"> <div class="text-blue-dark text-xl font-semibold leading-7 relative w-full "> Şişecam Solar Low-E Cam </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100"> </div> <div class="self-stretch flex justify-between items-start gap-3" x-show="!isProffesionals()" style="display: none;"> <div class="flex-1 h-14 justify-start items-center gap-1.5 flex py-4"> <div class="text-[#54545d] text-sm font-normal leading-normal"> </div> </div> </div> <div class="self-stretch flex-col justify-start items-start gap-2 flex"> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Işık Geçirgen: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> ≥60 </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Renk: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> RZ </div> </div> </div> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Solar Faktör: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> ≥40 </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> U Değeri: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> >1 </div> </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100 mt-auto"></div> <div class="w-full grid grid-cols-2 gap-5"><a href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu/sisecam-solar-low-e-cam?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class=" h-10 px-4 py-2.5 bg-blue-dark rounded-lg flex-col justify-center items-center gap-2.5 inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <div class="text-center text-white text-sm font-semibold leading-[18.20px] group-hover:text-white"> İnceleyin </div></a>  <button class="grow shrink basis-0 h-10 rounded-lg border border-blue-dark flex-row justify-center gap-2 items-center inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white"> Karşılaştırın </span> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white" x-show="item.isAdded"> <svg class="icon-check w-4 h-4" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/check" /> </svg></span> </button>  </div> </div> </div> <div class="server-rendered-item w-full h-full pb-5 bg-white rounded-[10px] border border-gray-100 flex-col justify-start items-start gap-5 inline-flex" x-data="{ showColorSelect: false, selectedColorIndex: null }"> <div class="w-full h-[302px] relative"> <div class="w-full h-[302px] relative bg-background flex items-center justify-center rounded-tl-[10px] rounded-tr-[10px] "> <div class="w-full h-full relative flex items-center justify-center "><img class="max-h-full max-w-full w-full h-full object-cover blur-up lazyloaded rounded-tl-[10px] rounded-tr-[10px]" loading="lazy" decoding="async" src="/tr/s-business-segments/s-flat-glass/PublishingImages/mimari-camlar/urun-katalogu/solar-ayna.jpg" :alt="Şişecam Solar Ayna"> </div> </div> <div class="w-10 h-10 left-[246px] top-[12px] absolute bg-white rounded-md hidden"> </div> </div> <div class="w-full h-[100%] min-h-[220px] px-5 flex-col justify-start items-start gap-4 flex "> <div class="w-full flex-col justify-start items-start gap-2 flex relative"> <div class="flex-col justify-start items-start gap-3 flex"> <div class=" h-[25px] px-3 py-1.5 bg-white rounded-md border border-gray-100 justify-center items-center gap-2.5 inline-flex"> <div class="text-blue-innovation text-[10px] font-semibold leading-3"> Mimari Camlar </div> </div> <div class="flex-col justify-start items-start gap-1 flex"> <div class="flex-col justify-start items-start flex"> <div class="text-blue-dark text-xs font-medium leading-snug"> Enerji Camları </div> </div> </div> </div> <div class="group overflow-hidden w-full h-14"> <div class="text-blue-dark text-xl font-semibold leading-7 relative w-full "> Şişecam Solar Ayna </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100"> </div> <div class="self-stretch flex justify-between items-start gap-3" x-show="!isProffesionals()" style="display: none;"> <div class="flex-1 h-14 justify-start items-center gap-1.5 flex py-4"> <div class="text-[#54545d] text-sm font-normal leading-normal"> </div> </div> </div> <div class="self-stretch flex-col justify-start items-start gap-2 flex"> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Işık Geçirgen: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> N/A </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Renk: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> RZ </div> </div> </div> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Solar Faktör: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> N/A </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> U Değeri: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> N/A </div> </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100 mt-auto"></div> <div class="w-full grid grid-cols-2 gap-5"><a href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu/sisecam-solar-ayna?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class=" h-10 px-4 py-2.5 bg-blue-dark rounded-lg flex-col justify-center items-center gap-2.5 inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <div class="text-center text-white text-sm font-semibold leading-[18.20px] group-hover:text-white"> İnceleyin </div></a>  <button class="grow shrink basis-0 h-10 rounded-lg border border-blue-dark flex-row justify-center gap-2 items-center inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white"> Karşılaştırın </span> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white" x-show="item.isAdded"> <svg class="icon-check w-4 h-4" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/check" /> </svg></span> </button>  </div> </div> </div> <div class="server-rendered-item w-full h-full pb-5 bg-white rounded-[10px] border border-gray-100 flex-col justify-start items-start gap-5 inline-flex" x-data="{ showColorSelect: false, selectedColorIndex: null }"> <div class="w-full h-[302px] relative"> <div class="w-full h-[302px] relative bg-background flex items-center justify-center rounded-tl-[10px] rounded-tr-[10px] "> <div class="w-full h-full relative flex items-center justify-center "><img class="max-h-full max-w-full w-full h-full object-cover blur-up lazyloaded rounded-tl-[10px] rounded-tr-[10px]" loading="lazy" decoding="async" src="/tr/s-business-segments/s-flat-glass/PublishingImages/mimari-camlar/urun-katalogu/Sisecam-Renksiz-Duzcam-Ofis-Cami%20(Custom).jpg" :alt="Şişecam Renksiz Düzcam"> </div> </div> <div class="w-10 h-10 left-[246px] top-[12px] absolute bg-white rounded-md hidden"> </div> </div> <div class="w-full h-[100%] min-h-[220px] px-5 flex-col justify-start items-start gap-4 flex "> <div class="w-full flex-col justify-start items-start gap-2 flex relative"> <div class="flex-col justify-start items-start gap-3 flex"> <div class=" h-[25px] px-3 py-1.5 bg-white rounded-md border border-gray-100 justify-center items-center gap-2.5 inline-flex"> <div class="text-blue-innovation text-[10px] font-semibold leading-3"> Mimari Camlar </div> </div> <div class="flex-col justify-start items-start gap-1 flex"> <div class="flex-col justify-start items-start flex"> <div class="text-blue-dark text-xs font-medium leading-snug"> Float </div> </div> </div> </div> <div class="group overflow-hidden w-full h-14"> <div class="text-blue-dark text-xl font-semibold leading-7 relative w-full "> Şişecam Renksiz Düzcam </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100"> </div> <div class="self-stretch flex justify-between items-start gap-3" x-show="!isProffesionals()" style="display: none;"> <div class="flex-1 h-14 justify-start items-center gap-1.5 flex py-4"> <div class="text-[#54545d] text-sm font-normal leading-normal"> </div> </div> </div> <div class="self-stretch flex-col justify-start items-start gap-2 flex"> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Işık Geçirgen: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> N/A </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Renk: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> RZ </div> </div> </div> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Solar Faktör: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> N/A </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> U Değeri: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> N/A </div> </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100 mt-auto"></div> <div class="w-full grid grid-cols-2 gap-5"><a href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu/sisecam-renksiz-duzcam?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class=" h-10 px-4 py-2.5 bg-blue-dark rounded-lg flex-col justify-center items-center gap-2.5 inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <div class="text-center text-white text-sm font-semibold leading-[18.20px] group-hover:text-white"> İnceleyin </div></a>  <button class="grow shrink basis-0 h-10 rounded-lg border border-blue-dark flex-row justify-center gap-2 items-center inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white"> Karşılaştırın </span> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white" x-show="item.isAdded"> <svg class="icon-check w-4 h-4" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/check" /> </svg></span> </button>  </div> </div> </div> <div class="server-rendered-item w-full h-full pb-5 bg-white rounded-[10px] border border-gray-100 flex-col justify-start items-start gap-5 inline-flex" x-data="{ showColorSelect: false, selectedColorIndex: null }"> <div class="w-full h-[302px] relative"> <div class="w-full h-[302px] relative bg-background flex items-center justify-center rounded-tl-[10px] rounded-tr-[10px] "> <div class="w-full h-full relative flex items-center justify-center "><img class="max-h-full max-w-full w-full h-full object-cover blur-up lazyloaded rounded-tl-[10px] rounded-tr-[10px]" loading="lazy" decoding="async" src="/tr/s-business-segments/s-flat-glass/PublishingImages/mimari-camlar/urun-katalogu/Sisecam-Renkli-Duzcam-Turkuaz%20(Custom).jpg" :alt="Şişecam Renkli Düzcam"> </div> </div> <div class="w-10 h-10 left-[246px] top-[12px] absolute bg-white rounded-md hidden"> </div> </div> <div class="w-full h-[100%] min-h-[220px] px-5 flex-col justify-start items-start gap-4 flex "> <div class="w-full flex-col justify-start items-start gap-2 flex relative"> <div class="flex-col justify-start items-start gap-3 flex"> <div class=" h-[25px] px-3 py-1.5 bg-white rounded-md border border-gray-100 justify-center items-center gap-2.5 inline-flex"> <div class="text-blue-innovation text-[10px] font-semibold leading-3"> Mimari Camlar </div> </div> <div class="flex-col justify-start items-start gap-1 flex"> <div class="flex-col justify-start items-start flex"> <div class="text-blue-dark text-xs font-medium leading-snug"> Float </div> </div> </div> </div> <div class="group overflow-hidden w-full h-14"> <div class="text-blue-dark text-xl font-semibold leading-7 relative w-full "> Şişecam Renkli Düzcam </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100"> </div> <div class="self-stretch flex justify-between items-start gap-3" x-show="!isProffesionals()" style="display: none;"> <div class="flex-1 h-14 justify-start items-center gap-1.5 flex py-4"> <div class="text-[#54545d] text-sm font-normal leading-normal"> </div> </div> </div> <div class="self-stretch flex-col justify-start items-start gap-2 flex"> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Işık Geçirgen: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> N/A </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Renk: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> M,Y,F,B,KF </div> </div> </div> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Solar Faktör: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> N/A </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> U Değeri: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> N/A </div> </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100 mt-auto"></div> <div class="w-full grid grid-cols-2 gap-5"><a href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu/sisecam-renkli-duzcam?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class=" h-10 px-4 py-2.5 bg-blue-dark rounded-lg flex-col justify-center items-center gap-2.5 inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <div class="text-center text-white text-sm font-semibold leading-[18.20px] group-hover:text-white"> İnceleyin </div></a>  <button class="grow shrink basis-0 h-10 rounded-lg border border-blue-dark flex-row justify-center gap-2 items-center inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white"> Karşılaştırın </span> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white" x-show="item.isAdded"> <svg class="icon-check w-4 h-4" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/check" /> </svg></span> </button>  </div> </div> </div> <div class="server-rendered-item w-full h-full pb-5 bg-white rounded-[10px] border border-gray-100 flex-col justify-start items-start gap-5 inline-flex" x-data="{ showColorSelect: false, selectedColorIndex: null }"> <div class="w-full h-[302px] relative"> <div class="w-full h-[302px] relative bg-background flex items-center justify-center rounded-tl-[10px] rounded-tr-[10px] "> <div class="w-full h-full relative flex items-center justify-center "><img class="max-h-full max-w-full w-full h-full object-cover blur-up lazyloaded rounded-tl-[10px] rounded-tr-[10px]" loading="lazy" decoding="async" src="/tr/s-business-segments/s-flat-glass/PublishingImages/mimari-camlar/urun-katalogu/0004_u-house.jpg" :alt="Şişecam Low-E Cam"> </div> </div> <div class="w-10 h-10 left-[246px] top-[12px] absolute bg-white rounded-md hidden"> </div> </div> <div class="w-full h-[100%] min-h-[220px] px-5 flex-col justify-start items-start gap-4 flex "> <div class="w-full flex-col justify-start items-start gap-2 flex relative"> <div class="flex-col justify-start items-start gap-3 flex"> <div class=" h-[25px] px-3 py-1.5 bg-white rounded-md border border-gray-100 justify-center items-center gap-2.5 inline-flex"> <div class="text-blue-innovation text-[10px] font-semibold leading-3"> Mimari Camlar </div> </div> <div class="flex-col justify-start items-start gap-1 flex"> <div class="flex-col justify-start items-start flex"> <div class="text-blue-dark text-xs font-medium leading-snug"> Kaplamalı </div> </div> </div> </div> <div class="group overflow-hidden w-full h-14"> <div class="text-blue-dark text-xl font-semibold leading-7 relative w-full "> Şişecam Low-E Cam </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100"> </div> <div class="self-stretch flex justify-between items-start gap-3" x-show="!isProffesionals()" style="display: none;"> <div class="flex-1 h-14 justify-start items-center gap-1.5 flex py-4"> <div class="text-[#54545d] text-sm font-normal leading-normal"> </div> </div> </div> <div class="self-stretch flex-col justify-start items-start gap-2 flex"> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Işık Geçirgen: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> ≥60 </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Renk: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> RZ </div> </div> </div> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Solar Faktör: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> ≥40 </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> U Değeri: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> >1 </div> </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100 mt-auto"></div> <div class="w-full grid grid-cols-2 gap-5"><a href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu/sisecam-low-e-cam?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class=" h-10 px-4 py-2.5 bg-blue-dark rounded-lg flex-col justify-center items-center gap-2.5 inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <div class="text-center text-white text-sm font-semibold leading-[18.20px] group-hover:text-white"> İnceleyin </div></a>  <button class="grow shrink basis-0 h-10 rounded-lg border border-blue-dark flex-row justify-center gap-2 items-center inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white"> Karşılaştırın </span> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white" x-show="item.isAdded"> <svg class="icon-check w-4 h-4" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/check" /> </svg></span> </button>  </div> </div> </div> <div class="server-rendered-item w-full h-full pb-5 bg-white rounded-[10px] border border-gray-100 flex-col justify-start items-start gap-5 inline-flex" x-data="{ showColorSelect: false, selectedColorIndex: null }"> <div class="w-full h-[302px] relative"> <div class="w-full h-[302px] relative bg-background flex items-center justify-center rounded-tl-[10px] rounded-tr-[10px] "> <div class="w-full h-full relative flex items-center justify-center "><img class="max-h-full max-w-full w-full h-full object-cover blur-up lazyloaded rounded-tl-[10px] rounded-tr-[10px]" loading="lazy" decoding="async" src="/tr/s-business-segments/s-flat-glass/PublishingImages/mimari-camlar/urun-katalogu/Sisecam-Lamine-Cam-01%20(Custom).jpg" :alt="Şişecam Lamine Cam"> </div> </div> <div class="w-10 h-10 left-[246px] top-[12px] absolute bg-white rounded-md hidden"> </div> </div> <div class="w-full h-[100%] min-h-[220px] px-5 flex-col justify-start items-start gap-4 flex "> <div class="w-full flex-col justify-start items-start gap-2 flex relative"> <div class="flex-col justify-start items-start gap-3 flex"> <div class=" h-[25px] px-3 py-1.5 bg-white rounded-md border border-gray-100 justify-center items-center gap-2.5 inline-flex"> <div class="text-blue-innovation text-[10px] font-semibold leading-3"> Mimari Camlar </div> </div> <div class="flex-col justify-start items-start gap-1 flex"> <div class="flex-col justify-start items-start flex"> <div class="text-blue-dark text-xs font-medium leading-snug"> Lamine </div> </div> </div> </div> <div class="group overflow-hidden w-full h-14"> <div class="text-blue-dark text-xl font-semibold leading-7 relative w-full "> Şişecam Lamine Cam </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100"> </div> <div class="self-stretch flex justify-between items-start gap-3" x-show="!isProffesionals()" style="display: none;"> <div class="flex-1 h-14 justify-start items-center gap-1.5 flex py-4"> <div class="text-[#54545d] text-sm font-normal leading-normal"> </div> </div> </div> <div class="self-stretch flex-col justify-start items-start gap-2 flex"> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Işık Geçirgen: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> N/A </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Renk: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> M,Y,F,B,KF,O </div> </div> </div> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Solar Faktör: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> N/A </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> U Değeri: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> N/A </div> </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100 mt-auto"></div> <div class="w-full grid grid-cols-2 gap-5"><a href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu/sisecam-lamine-cam?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class=" h-10 px-4 py-2.5 bg-blue-dark rounded-lg flex-col justify-center items-center gap-2.5 inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <div class="text-center text-white text-sm font-semibold leading-[18.20px] group-hover:text-white"> İnceleyin </div></a>  <button class="grow shrink basis-0 h-10 rounded-lg border border-blue-dark flex-row justify-center gap-2 items-center inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white"> Karşılaştırın </span> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white" x-show="item.isAdded"> <svg class="icon-check w-4 h-4" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/check" /> </svg></span> </button>  </div> </div> </div> <div class="server-rendered-item w-full h-full pb-5 bg-white rounded-[10px] border border-gray-100 flex-col justify-start items-start gap-5 inline-flex" x-data="{ showColorSelect: false, selectedColorIndex: null }"> <div class="w-full h-[302px] relative"> <div class="w-full h-[302px] relative bg-background flex items-center justify-center rounded-tl-[10px] rounded-tr-[10px] "> <div class="w-full h-full relative flex items-center justify-center "><img class="max-h-full max-w-full w-full h-full object-cover blur-up lazyloaded rounded-tl-[10px] rounded-tr-[10px]" loading="lazy" decoding="async" src="/tr/s-business-segments/s-flat-glass/PublishingImages/mimari-camlar/urun-katalogu/gunes-paneli-camlari.jpg" :alt="Şişecam Güneş Paneli Camları"> </div> </div> <div class="w-10 h-10 left-[246px] top-[12px] absolute bg-white rounded-md hidden"> </div> </div> <div class="w-full h-[100%] min-h-[220px] px-5 flex-col justify-start items-start gap-4 flex "> <div class="w-full flex-col justify-start items-start gap-2 flex relative"> <div class="flex-col justify-start items-start gap-3 flex"> <div class=" h-[25px] px-3 py-1.5 bg-white rounded-md border border-gray-100 justify-center items-center gap-2.5 inline-flex"> <div class="text-blue-innovation text-[10px] font-semibold leading-3"> Mimari Camlar </div> </div> <div class="flex-col justify-start items-start gap-1 flex"> <div class="flex-col justify-start items-start flex"> <div class="text-blue-dark text-xs font-medium leading-snug"> Enerji Camları </div> </div> </div> </div> <div class="group overflow-hidden w-full h-14"> <div class="text-blue-dark text-xl font-semibold leading-7 relative w-full "> Şişecam Güneş Paneli Camları </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100"> </div> <div class="self-stretch flex justify-between items-start gap-3" x-show="!isProffesionals()" style="display: none;"> <div class="flex-1 h-14 justify-start items-center gap-1.5 flex py-4"> <div class="text-[#54545d] text-sm font-normal leading-normal"> </div> </div> </div> <div class="self-stretch flex-col justify-start items-start gap-2 flex"> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Işık Geçirgen: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> - </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Renk: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> RZ </div> </div> </div> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Solar Faktör: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> - </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> U Değeri: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> - </div> </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100 mt-auto"></div> <div class="w-full grid grid-cols-2 gap-5"><a href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu/sisecam-gunes-paneli-camlari?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class=" h-10 px-4 py-2.5 bg-blue-dark rounded-lg flex-col justify-center items-center gap-2.5 inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <div class="text-center text-white text-sm font-semibold leading-[18.20px] group-hover:text-white"> İnceleyin </div></a>  <button class="grow shrink basis-0 h-10 rounded-lg border border-blue-dark flex-row justify-center gap-2 items-center inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white"> Karşılaştırın </span> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white" x-show="item.isAdded"> <svg class="icon-check w-4 h-4" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/check" /> </svg></span> </button>  </div> </div> </div> <div class="server-rendered-item w-full h-full pb-5 bg-white rounded-[10px] border border-gray-100 flex-col justify-start items-start gap-5 inline-flex" x-data="{ showColorSelect: false, selectedColorIndex: null }"> <div class="w-full h-[302px] relative"> <div class="w-full h-[302px] relative bg-background flex items-center justify-center rounded-tl-[10px] rounded-tr-[10px] "> <div class="w-full h-full relative flex items-center justify-center "><img class="max-h-full max-w-full w-full h-full object-cover blur-up lazyloaded rounded-tl-[10px] rounded-tr-[10px]" loading="lazy" decoding="async" src="/tr/s-business-segments/s-flat-glass/PublishingImages/mimari-camlar/urun-katalogu/GunesKollektor.jpg" :alt="Şişecam Güneş Kolektör Camları"> </div> </div> <div class="w-10 h-10 left-[246px] top-[12px] absolute bg-white rounded-md hidden"> </div> </div> <div class="w-full h-[100%] min-h-[220px] px-5 flex-col justify-start items-start gap-4 flex "> <div class="w-full flex-col justify-start items-start gap-2 flex relative"> <div class="flex-col justify-start items-start gap-3 flex"> <div class=" h-[25px] px-3 py-1.5 bg-white rounded-md border border-gray-100 justify-center items-center gap-2.5 inline-flex"> <div class="text-blue-innovation text-[10px] font-semibold leading-3"> Mimari Camlar </div> </div> <div class="flex-col justify-start items-start gap-1 flex"> <div class="flex-col justify-start items-start flex"> <div class="text-blue-dark text-xs font-medium leading-snug"> Enerji Camları </div> </div> </div> </div> <div class="group overflow-hidden w-full h-14"> <div class="text-blue-dark text-xl font-semibold leading-7 relative w-full "> Şişecam Güneş Kolektör Camları </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100"> </div> <div class="self-stretch flex justify-between items-start gap-3" x-show="!isProffesionals()" style="display: none;"> <div class="flex-1 h-14 justify-start items-center gap-1.5 flex py-4"> <div class="text-[#54545d] text-sm font-normal leading-normal"> </div> </div> </div> <div class="self-stretch flex-col justify-start items-start gap-2 flex"> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Işık Geçirgen: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> N/A </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Renk: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> RZ </div> </div> </div> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Solar Faktör: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> N/A </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> U Değeri: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> N/A </div> </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100 mt-auto"></div> <div class="w-full grid grid-cols-2 gap-5"><a href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu/sisecam-gunes-kolektor-camlari?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class=" h-10 px-4 py-2.5 bg-blue-dark rounded-lg flex-col justify-center items-center gap-2.5 inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <div class="text-center text-white text-sm font-semibold leading-[18.20px] group-hover:text-white"> İnceleyin </div></a>  <button class="grow shrink basis-0 h-10 rounded-lg border border-blue-dark flex-row justify-center gap-2 items-center inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white"> Karşılaştırın </span> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white" x-show="item.isAdded"> <svg class="icon-check w-4 h-4" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/check" /> </svg></span> </button>  </div> </div> </div> <div class="server-rendered-item w-full h-full pb-5 bg-white rounded-[10px] border border-gray-100 flex-col justify-start items-start gap-5 inline-flex" x-data="{ showColorSelect: false, selectedColorIndex: null }"> <div class="w-full h-[302px] relative"> <div class="w-full h-[302px] relative bg-background flex items-center justify-center rounded-tl-[10px] rounded-tr-[10px] "> <div class="w-full h-full relative flex items-center justify-center "><img class="max-h-full max-w-full w-full h-full object-cover blur-up lazyloaded rounded-tl-[10px] rounded-tr-[10px]" loading="lazy" decoding="async" src="/tr/s-business-segments/s-flat-glass/PublishingImages/mimari-camlar/urun-katalogu/Sisecam-Cerceve-Cami-05.png" :alt="Şişecam Çerçeve Camı"> </div> </div> <div class="w-10 h-10 left-[246px] top-[12px] absolute bg-white rounded-md hidden"> </div> </div> <div class="w-full h-[100%] min-h-[220px] px-5 flex-col justify-start items-start gap-4 flex "> <div class="w-full flex-col justify-start items-start gap-2 flex relative"> <div class="flex-col justify-start items-start gap-3 flex"> <div class=" h-[25px] px-3 py-1.5 bg-white rounded-md border border-gray-100 justify-center items-center gap-2.5 inline-flex"> <div class="text-blue-innovation text-[10px] font-semibold leading-3"> Mimari Camlar </div> </div> <div class="flex-col justify-start items-start gap-1 flex"> <div class="flex-col justify-start items-start flex"> <div class="text-blue-dark text-xs font-medium leading-snug"> Float </div> </div> </div> </div> <div class="group overflow-hidden w-full h-14"> <div class="text-blue-dark text-xl font-semibold leading-7 relative w-full "> Şişecam Çerçeve Camı </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100"> </div> <div class="self-stretch flex justify-between items-start gap-3" x-show="!isProffesionals()" style="display: none;"> <div class="flex-1 h-14 justify-start items-center gap-1.5 flex py-4"> <div class="text-[#54545d] text-sm font-normal leading-normal"> </div> </div> </div> <div class="self-stretch flex-col justify-start items-start gap-2 flex"> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Işık Geçirgen: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> N/A </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Renk: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> RZ </div> </div> </div> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Solar Faktör: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> N/A </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> U Değeri: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> N/A </div> </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100 mt-auto"></div> <div class="w-full grid grid-cols-2 gap-5"><a href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu/sisecam-cerceve-cami?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class=" h-10 px-4 py-2.5 bg-blue-dark rounded-lg flex-col justify-center items-center gap-2.5 inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <div class="text-center text-white text-sm font-semibold leading-[18.20px] group-hover:text-white"> İnceleyin </div></a>  <button class="grow shrink basis-0 h-10 rounded-lg border border-blue-dark flex-row justify-center gap-2 items-center inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white"> Karşılaştırın </span> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white" x-show="item.isAdded"> <svg class="icon-check w-4 h-4" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/check" /> </svg></span> </button>  </div> </div> </div> <div class="server-rendered-item w-full h-full pb-5 bg-white rounded-[10px] border border-gray-100 flex-col justify-start items-start gap-5 inline-flex" x-data="{ showColorSelect: false, selectedColorIndex: null }"> <div class="w-full h-[302px] relative"> <div class="w-full h-[302px] relative bg-background flex items-center justify-center rounded-tl-[10px] rounded-tr-[10px] "> <div class="w-full h-full relative flex items-center justify-center "><img class="max-h-full max-w-full w-full h-full object-cover blur-up lazyloaded rounded-tl-[10px] rounded-tr-[10px]" loading="lazy" decoding="async" src="/tr/s-business-segments/s-flat-glass/PublishingImages/mimari-camlar/urun-katalogu/0015_mesa-mozaik.jpg" :alt="Şişecam Climax Nötral 80/64"> </div> </div> <div class="w-10 h-10 left-[246px] top-[12px] absolute bg-white rounded-md hidden"> </div> </div> <div class="w-full h-[100%] min-h-[220px] px-5 flex-col justify-start items-start gap-4 flex "> <div class="w-full flex-col justify-start items-start gap-2 flex relative"> <div class="flex-col justify-start items-start gap-3 flex"> <div class=" h-[25px] px-3 py-1.5 bg-white rounded-md border border-gray-100 justify-center items-center gap-2.5 inline-flex"> <div class="text-blue-innovation text-[10px] font-semibold leading-3"> Mimari Camlar </div> </div> <div class="flex-col justify-start items-start gap-1 flex"> <div class="flex-col justify-start items-start flex"> <div class="text-blue-dark text-xs font-medium leading-snug"> Kaplamalı </div> </div> </div> </div> <div class="group overflow-hidden w-full h-14"> <div class="text-blue-dark text-xl font-semibold leading-7 relative w-full "> Şişecam Climax Nötral 80/64 </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100"> </div> <div class="self-stretch flex justify-between items-start gap-3" x-show="!isProffesionals()" style="display: none;"> <div class="flex-1 h-14 justify-start items-center gap-1.5 flex py-4"> <div class="text-[#54545d] text-sm font-normal leading-normal"> </div> </div> </div> <div class="self-stretch flex-col justify-start items-start gap-2 flex"> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Işık Geçirgen: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> ≥60 </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Renk: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> EC </div> </div> </div> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Solar Faktör: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> ≥40 </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> U Değeri: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> >1 </div> </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100 mt-auto"></div> <div class="w-full grid grid-cols-2 gap-5"><a href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu/sisecam-climax-notral-80-64?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class=" h-10 px-4 py-2.5 bg-blue-dark rounded-lg flex-col justify-center items-center gap-2.5 inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <div class="text-center text-white text-sm font-semibold leading-[18.20px] group-hover:text-white"> İnceleyin </div></a>  <button class="grow shrink basis-0 h-10 rounded-lg border border-blue-dark flex-row justify-center gap-2 items-center inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white"> Karşılaştırın </span> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white" x-show="item.isAdded"> <svg class="icon-check w-4 h-4" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/check" /> </svg></span> </button>  </div> </div> </div> <div class="server-rendered-item w-full h-full pb-5 bg-white rounded-[10px] border border-gray-100 flex-col justify-start items-start gap-5 inline-flex" x-data="{ showColorSelect: false, selectedColorIndex: null }"> <div class="w-full h-[302px] relative"> <div class="w-full h-[302px] relative bg-background flex items-center justify-center rounded-tl-[10px] rounded-tr-[10px] "> <div class="w-full h-full relative flex items-center justify-center "><img class="max-h-full max-w-full w-full h-full object-cover blur-up lazyloaded rounded-tl-[10px] rounded-tr-[10px]" loading="lazy" decoding="async" src="/tr/s-business-segments/s-flat-glass/PublishingImages/mimari-camlar/urun-katalogu/0012_climax.jpg" :alt="Şişecam Climax"> </div> </div> <div class="w-10 h-10 left-[246px] top-[12px] absolute bg-white rounded-md hidden"> </div> </div> <div class="w-full h-[100%] min-h-[220px] px-5 flex-col justify-start items-start gap-4 flex "> <div class="w-full flex-col justify-start items-start gap-2 flex relative"> <div class="flex-col justify-start items-start gap-3 flex"> <div class=" h-[25px] px-3 py-1.5 bg-white rounded-md border border-gray-100 justify-center items-center gap-2.5 inline-flex"> <div class="text-blue-innovation text-[10px] font-semibold leading-3"> Mimari Camlar </div> </div> <div class="flex-col justify-start items-start gap-1 flex"> <div class="flex-col justify-start items-start flex"> <div class="text-blue-dark text-xs font-medium leading-snug"> Kaplamalı </div> </div> </div> </div> <div class="group overflow-hidden w-full h-14"> <div class="text-blue-dark text-xl font-semibold leading-7 relative w-full "> Şişecam Climax </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100"> </div> <div class="self-stretch flex justify-between items-start gap-3" x-show="!isProffesionals()" style="display: none;"> <div class="flex-1 h-14 justify-start items-center gap-1.5 flex py-4"> <div class="text-[#54545d] text-sm font-normal leading-normal"> </div> </div> </div> <div class="self-stretch flex-col justify-start items-start gap-2 flex"> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Işık Geçirgen: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> ≥60 </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Renk: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> EC </div> </div> </div> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Solar Faktör: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> ≥40 </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> U Değeri: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> >1 </div> </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100 mt-auto"></div> <div class="w-full grid grid-cols-2 gap-5"><a href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu/sisecam-climax?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class=" h-10 px-4 py-2.5 bg-blue-dark rounded-lg flex-col justify-center items-center gap-2.5 inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <div class="text-center text-white text-sm font-semibold leading-[18.20px] group-hover:text-white"> İnceleyin </div></a>  <button class="grow shrink basis-0 h-10 rounded-lg border border-blue-dark flex-row justify-center gap-2 items-center inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white"> Karşılaştırın </span> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white" x-show="item.isAdded"> <svg class="icon-check w-4 h-4" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/check" /> </svg></span> </button>  </div> </div> </div> <div class="server-rendered-item w-full h-full pb-5 bg-white rounded-[10px] border border-gray-100 flex-col justify-start items-start gap-5 inline-flex" x-data="{ showColorSelect: false, selectedColorIndex: null }"> <div class="w-full h-[302px] relative"> <div class="w-full h-[302px] relative bg-background flex items-center justify-center rounded-tl-[10px] rounded-tr-[10px] "> <div class="w-full h-full relative flex items-center justify-center "><img class="max-h-full max-w-full w-full h-full object-cover blur-up lazyloaded rounded-tl-[10px] rounded-tr-[10px]" loading="lazy" decoding="async" src="/tr/s-business-segments/s-flat-glass/PublishingImages/mimari-camlar/urun-katalogu/Sisecam-Buzlu-Cam%20(2)%20(Custom).jpg" :alt="Şişecam Buzlu Cam"> </div> </div> <div class="w-10 h-10 left-[246px] top-[12px] absolute bg-white rounded-md hidden"> </div> </div> <div class="w-full h-[100%] min-h-[220px] px-5 flex-col justify-start items-start gap-4 flex "> <div class="w-full flex-col justify-start items-start gap-2 flex relative"> <div class="flex-col justify-start items-start gap-3 flex"> <div class=" h-[25px] px-3 py-1.5 bg-white rounded-md border border-gray-100 justify-center items-center gap-2.5 inline-flex"> <div class="text-blue-innovation text-[10px] font-semibold leading-3"> Mimari Camlar </div> </div> <div class="flex-col justify-start items-start gap-1 flex"> <div class="flex-col justify-start items-start flex"> <div class="text-blue-dark text-xs font-medium leading-snug"> Buzlu </div> </div> </div> </div> <div class="group overflow-hidden w-full h-14"> <div class="text-blue-dark text-xl font-semibold leading-7 relative w-full "> Şişecam Buzlu Cam </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100"> </div> <div class="self-stretch flex justify-between items-start gap-3" x-show="!isProffesionals()" style="display: none;"> <div class="flex-1 h-14 justify-start items-center gap-1.5 flex py-4"> <div class="text-[#54545d] text-sm font-normal leading-normal"> </div> </div> </div> <div class="self-stretch flex-col justify-start items-start gap-2 flex"> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Işık Geçirgen: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> - </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Renk: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> RZ </div> </div> </div> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Solar Faktör: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> - </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> U Değeri: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> - </div> </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100 mt-auto"></div> <div class="w-full grid grid-cols-2 gap-5"><a href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu/sisecam-buzlu-cam?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class=" h-10 px-4 py-2.5 bg-blue-dark rounded-lg flex-col justify-center items-center gap-2.5 inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <div class="text-center text-white text-sm font-semibold leading-[18.20px] group-hover:text-white"> İnceleyin </div></a>  <button class="grow shrink basis-0 h-10 rounded-lg border border-blue-dark flex-row justify-center gap-2 items-center inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white"> Karşılaştırın </span> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white" x-show="item.isAdded"> <svg class="icon-check w-4 h-4" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/check" /> </svg></span> </button>  </div> </div> </div> <div class="server-rendered-item w-full h-full pb-5 bg-white rounded-[10px] border border-gray-100 flex-col justify-start items-start gap-5 inline-flex" x-data="{ showColorSelect: false, selectedColorIndex: null }"> <div class="w-full h-[302px] relative"> <div class="w-full h-[302px] relative bg-background flex items-center justify-center rounded-tl-[10px] rounded-tr-[10px] "> <div class="w-full h-full relative flex items-center justify-center "><img class="max-h-full max-w-full w-full h-full object-cover blur-up lazyloaded rounded-tl-[10px] rounded-tr-[10px]" loading="lazy" decoding="async" src="/tr/s-business-segments/s-flat-glass/PublishingImages/mimari-camlar/urun-katalogu/sisecam-boyali-cam-3.jpg" :alt="Şişecam Boyalı Cam"> </div> </div> <div class="w-10 h-10 left-[246px] top-[12px] absolute bg-white rounded-md hidden"> </div> </div> <div class="w-full h-[100%] min-h-[220px] px-5 flex-col justify-start items-start gap-4 flex "> <div class="w-full flex-col justify-start items-start gap-2 flex relative"> <div class="flex-col justify-start items-start gap-3 flex"> <div class=" h-[25px] px-3 py-1.5 bg-white rounded-md border border-gray-100 justify-center items-center gap-2.5 inline-flex"> <div class="text-blue-innovation text-[10px] font-semibold leading-3"> Mimari Camlar </div> </div> <div class="flex-col justify-start items-start gap-1 flex"> <div class="flex-col justify-start items-start flex"> <div class="text-blue-dark text-xs font-medium leading-snug"> Float </div> </div> </div> </div> <div class="group overflow-hidden w-full h-14"> <div class="text-blue-dark text-xl font-semibold leading-7 relative w-full "> Şişecam Boyalı Cam </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100"> </div> <div class="self-stretch flex justify-between items-start gap-3" x-show="!isProffesionals()" style="display: none;"> <div class="flex-1 h-14 justify-start items-center gap-1.5 flex py-4"> <div class="text-[#54545d] text-sm font-normal leading-normal"> </div> </div> </div> <div class="self-stretch flex-col justify-start items-start gap-2 flex"> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Işık Geçirgen: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> N/A </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Renk: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> BY,SY,BJ </div> </div> </div> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Solar Faktör: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> N/A </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> U Değeri: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> N/A </div> </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100 mt-auto"></div> <div class="w-full grid grid-cols-2 gap-5"><a href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu/sisecam-boyali-cam?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class=" h-10 px-4 py-2.5 bg-blue-dark rounded-lg flex-col justify-center items-center gap-2.5 inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <div class="text-center text-white text-sm font-semibold leading-[18.20px] group-hover:text-white"> İnceleyin </div></a>  <button class="grow shrink basis-0 h-10 rounded-lg border border-blue-dark flex-row justify-center gap-2 items-center inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white"> Karşılaştırın </span> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white" x-show="item.isAdded"> <svg class="icon-check w-4 h-4" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/check" /> </svg></span> </button>  </div> </div> </div> <div class="server-rendered-item w-full h-full pb-5 bg-white rounded-[10px] border border-gray-100 flex-col justify-start items-start gap-5 inline-flex" x-data="{ showColorSelect: false, selectedColorIndex: null }"> <div class="w-full h-[302px] relative"> <div class="w-full h-[302px] relative bg-background flex items-center justify-center rounded-tl-[10px] rounded-tr-[10px] "> <div class="w-full h-full relative flex items-center justify-center "><img class="max-h-full max-w-full w-full h-full object-cover blur-up lazyloaded rounded-tl-[10px] rounded-tr-[10px]" loading="lazy" decoding="async" src="/tr/s-business-segments/s-flat-glass/PublishingImages/mimari-camlar/urun-katalogu/sisecam-aynali-buzlu-cam-01.jpg" :alt="Şişecam Aynalı Buzlu Cam"> </div> </div> <div class="w-10 h-10 left-[246px] top-[12px] absolute bg-white rounded-md hidden"> </div> </div> <div class="w-full h-[100%] min-h-[220px] px-5 flex-col justify-start items-start gap-4 flex "> <div class="w-full flex-col justify-start items-start gap-2 flex relative"> <div class="flex-col justify-start items-start gap-3 flex"> <div class=" h-[25px] px-3 py-1.5 bg-white rounded-md border border-gray-100 justify-center items-center gap-2.5 inline-flex"> <div class="text-blue-innovation text-[10px] font-semibold leading-3"> Mimari Camlar </div> </div> <div class="flex-col justify-start items-start gap-1 flex"> <div class="flex-col justify-start items-start flex"> <div class="text-blue-dark text-xs font-medium leading-snug"> Buzlu </div> </div> </div> </div> <div class="group overflow-hidden w-full h-14"> <div class="text-blue-dark text-xl font-semibold leading-7 relative w-full "> Şişecam Aynalı Buzlu Cam </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100"> </div> <div class="self-stretch flex justify-between items-start gap-3" x-show="!isProffesionals()" style="display: none;"> <div class="flex-1 h-14 justify-start items-center gap-1.5 flex py-4"> <div class="text-[#54545d] text-sm font-normal leading-normal"> </div> </div> </div> <div class="self-stretch flex-col justify-start items-start gap-2 flex"> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Işık Geçirgen: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> N/A </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Renk: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> RZ </div> </div> </div> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Solar Faktör: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> N/A </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> U Değeri: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> N/A </div> </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100 mt-auto"></div> <div class="w-full grid grid-cols-2 gap-5"><a href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu/sisecam-aynali-buzlu-cam?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class=" h-10 px-4 py-2.5 bg-blue-dark rounded-lg flex-col justify-center items-center gap-2.5 inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <div class="text-center text-white text-sm font-semibold leading-[18.20px] group-hover:text-white"> İnceleyin </div></a>  <button class="grow shrink basis-0 h-10 rounded-lg border border-blue-dark flex-row justify-center gap-2 items-center inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white"> Karşılaştırın </span> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white" x-show="item.isAdded"> <svg class="icon-check w-4 h-4" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/check" /> </svg></span> </button>  </div> </div> </div> <div class="server-rendered-item w-full h-full pb-5 bg-white rounded-[10px] border border-gray-100 flex-col justify-start items-start gap-5 inline-flex" x-data="{ showColorSelect: false, selectedColorIndex: null }"> <div class="w-full h-[302px] relative"> <div class="w-full h-[302px] relative bg-background flex items-center justify-center rounded-tl-[10px] rounded-tr-[10px] "> <div class="w-full h-full relative flex items-center justify-center "><img class="max-h-full max-w-full w-full h-full object-cover blur-up lazyloaded rounded-tl-[10px] rounded-tr-[10px]" loading="lazy" decoding="async" src="/tr/s-business-segments/s-flat-glass/PublishingImages/mimari-camlar/urun-katalogu/Sisecam-Akustik-Lamine-Cam-01%20(Custom).jpg" :alt="Şişecam Akustik Lamine Cam"> </div> </div> <div class="w-10 h-10 left-[246px] top-[12px] absolute bg-white rounded-md hidden"> </div> </div> <div class="w-full h-[100%] min-h-[220px] px-5 flex-col justify-start items-start gap-4 flex "> <div class="w-full flex-col justify-start items-start gap-2 flex relative"> <div class="flex-col justify-start items-start gap-3 flex"> <div class=" h-[25px] px-3 py-1.5 bg-white rounded-md border border-gray-100 justify-center items-center gap-2.5 inline-flex"> <div class="text-blue-innovation text-[10px] font-semibold leading-3"> Mimari Camlar </div> </div> <div class="flex-col justify-start items-start gap-1 flex"> <div class="flex-col justify-start items-start flex"> <div class="text-blue-dark text-xs font-medium leading-snug"> Lamine </div> </div> </div> </div> <div class="group overflow-hidden w-full h-14"> <div class="text-blue-dark text-xl font-semibold leading-7 relative w-full "> Şişecam Akustik Lamine Cam </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100"> </div> <div class="self-stretch flex justify-between items-start gap-3" x-show="!isProffesionals()" style="display: none;"> <div class="flex-1 h-14 justify-start items-center gap-1.5 flex py-4"> <div class="text-[#54545d] text-sm font-normal leading-normal"> </div> </div> </div> <div class="self-stretch flex-col justify-start items-start gap-2 flex"> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Işık Geçirgen: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> N/A </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Renk: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> UC,O </div> </div> </div> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Solar Faktör: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> N/A </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> U Değeri: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> N/A </div> </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100 mt-auto"></div> <div class="w-full grid grid-cols-2 gap-5"><a href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu/sisecam-akustik-lamine-cam?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class=" h-10 px-4 py-2.5 bg-blue-dark rounded-lg flex-col justify-center items-center gap-2.5 inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <div class="text-center text-white text-sm font-semibold leading-[18.20px] group-hover:text-white"> İnceleyin </div></a>  <button class="grow shrink basis-0 h-10 rounded-lg border border-blue-dark flex-row justify-center gap-2 items-center inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white"> Karşılaştırın </span> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white" x-show="item.isAdded"> <svg class="icon-check w-4 h-4" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/check" /> </svg></span> </button>  </div> </div> </div> <div class="server-rendered-item w-full h-full pb-5 bg-white rounded-[10px] border border-gray-100 flex-col justify-start items-start gap-5 inline-flex" x-data="{ showColorSelect: false, selectedColorIndex: null }"> <div class="w-full h-[302px] relative"> <div class="w-full h-[302px] relative bg-background flex items-center justify-center rounded-tl-[10px] rounded-tr-[10px] "> <div class="w-full h-full relative flex items-center justify-center "><img class="max-h-full max-w-full w-full h-full object-cover blur-up lazyloaded rounded-tl-[10px] rounded-tr-[10px]" loading="lazy" decoding="async" src="/tr/s-business-segments/s-flat-glass/PublishingImages/mimari-camlar/urun-katalogu/isicam-sistemleri-s-serisi.jpg" :alt="Isıcam Sistemleri S Serisi"> </div> </div> <div class="w-10 h-10 left-[246px] top-[12px] absolute bg-white rounded-md hidden"> </div> </div> <div class="w-full h-[100%] min-h-[220px] px-5 flex-col justify-start items-start gap-4 flex "> <div class="w-full flex-col justify-start items-start gap-2 flex relative"> <div class="flex-col justify-start items-start gap-3 flex"> <div class=" h-[25px] px-3 py-1.5 bg-white rounded-md border border-gray-100 justify-center items-center gap-2.5 inline-flex"> <div class="text-blue-innovation text-[10px] font-semibold leading-3"> Mimari Camlar </div> </div> <div class="flex-col justify-start items-start gap-1 flex"> <div class="flex-col justify-start items-start flex"> <div class="text-blue-dark text-xs font-medium leading-snug"> Yalıtım Camı </div> </div> </div> </div> <div class="group overflow-hidden w-full h-14"> <div class="text-blue-dark text-xl font-semibold leading-7 relative w-full "> Isıcam Sistemleri S Serisi </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100"> </div> <div class="self-stretch flex justify-between items-start gap-3" x-show="!isProffesionals()" style="display: none;"> <div class="flex-1 h-14 justify-start items-center gap-1.5 flex py-4"> <div class="text-[#54545d] text-sm font-normal leading-normal"> </div> </div> </div> <div class="self-stretch flex-col justify-start items-start gap-2 flex"> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Işık Geçirgen: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> - </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Renk: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> RZ </div> </div> </div> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Solar Faktör: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> - </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> U Değeri: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> - </div> </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100 mt-auto"></div> <div class="w-full grid grid-cols-2 gap-5"><a href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu/isicam-sistemleri-s-serisi?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class=" h-10 px-4 py-2.5 bg-blue-dark rounded-lg flex-col justify-center items-center gap-2.5 inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <div class="text-center text-white text-sm font-semibold leading-[18.20px] group-hover:text-white"> İnceleyin </div></a>  <button class="grow shrink basis-0 h-10 rounded-lg border border-blue-dark flex-row justify-center gap-2 items-center inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white"> Karşılaştırın </span> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white" x-show="item.isAdded"> <svg class="icon-check w-4 h-4" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/check" /> </svg></span> </button>  </div> </div> </div> <div class="server-rendered-item w-full h-full pb-5 bg-white rounded-[10px] border border-gray-100 flex-col justify-start items-start gap-5 inline-flex" x-data="{ showColorSelect: false, selectedColorIndex: null }"> <div class="w-full h-[302px] relative"> <div class="w-full h-[302px] relative bg-background flex items-center justify-center rounded-tl-[10px] rounded-tr-[10px] "> <div class="w-full h-full relative flex items-center justify-center "><img class="max-h-full max-w-full w-full h-full object-cover blur-up lazyloaded rounded-tl-[10px] rounded-tr-[10px]" loading="lazy" decoding="async" src="/tr/s-business-segments/s-flat-glass/PublishingImages/mimari-camlar/urun-katalogu/isicam-sistemleri-k-serisi.jpg" :alt="Isıcam Sistemleri K Serisi"> </div> </div> <div class="w-10 h-10 left-[246px] top-[12px] absolute bg-white rounded-md hidden"> </div> </div> <div class="w-full h-[100%] min-h-[220px] px-5 flex-col justify-start items-start gap-4 flex "> <div class="w-full flex-col justify-start items-start gap-2 flex relative"> <div class="flex-col justify-start items-start gap-3 flex"> <div class=" h-[25px] px-3 py-1.5 bg-white rounded-md border border-gray-100 justify-center items-center gap-2.5 inline-flex"> <div class="text-blue-innovation text-[10px] font-semibold leading-3"> Mimari Camlar </div> </div> <div class="flex-col justify-start items-start gap-1 flex"> <div class="flex-col justify-start items-start flex"> <div class="text-blue-dark text-xs font-medium leading-snug"> Yalıtım Camı </div> </div> </div> </div> <div class="group overflow-hidden w-full h-14"> <div class="text-blue-dark text-xl font-semibold leading-7 relative w-full "> Isıcam Sistemleri K Serisi </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100"> </div> <div class="self-stretch flex justify-between items-start gap-3" x-show="!isProffesionals()" style="display: none;"> <div class="flex-1 h-14 justify-start items-center gap-1.5 flex py-4"> <div class="text-[#54545d] text-sm font-normal leading-normal"> </div> </div> </div> <div class="self-stretch flex-col justify-start items-start gap-2 flex"> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Işık Geçirgen: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> - </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Renk: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> RZ </div> </div> </div> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Solar Faktör: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> - </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> U Değeri: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> - </div> </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100 mt-auto"></div> <div class="w-full grid grid-cols-2 gap-5"><a href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu/isicam-sistemleri-k-serisi?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class=" h-10 px-4 py-2.5 bg-blue-dark rounded-lg flex-col justify-center items-center gap-2.5 inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <div class="text-center text-white text-sm font-semibold leading-[18.20px] group-hover:text-white"> İnceleyin </div></a>  <button class="grow shrink basis-0 h-10 rounded-lg border border-blue-dark flex-row justify-center gap-2 items-center inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white"> Karşılaştırın </span> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white" x-show="item.isAdded"> <svg class="icon-check w-4 h-4" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/check" /> </svg></span> </button>  </div> </div> </div> <div class="server-rendered-item w-full h-full pb-5 bg-white rounded-[10px] border border-gray-100 flex-col justify-start items-start gap-5 inline-flex" x-data="{ showColorSelect: false, selectedColorIndex: null }"> <div class="w-full h-[302px] relative"> <div class="w-full h-[302px] relative bg-background flex items-center justify-center rounded-tl-[10px] rounded-tr-[10px] "> <div class="w-full h-full relative flex items-center justify-center "><img class="max-h-full max-w-full w-full h-full object-cover blur-up lazyloaded rounded-tl-[10px] rounded-tr-[10px]" loading="lazy" decoding="async" src="/tr/s-business-segments/s-flat-glass/PublishingImages/mimari-camlar/urun-katalogu/isicam-sistemleri-c-serisi.jpg" :alt="Isıcam Sistemleri C Serisi "> </div> </div> <div class="w-10 h-10 left-[246px] top-[12px] absolute bg-white rounded-md hidden"> </div> </div> <div class="w-full h-[100%] min-h-[220px] px-5 flex-col justify-start items-start gap-4 flex "> <div class="w-full flex-col justify-start items-start gap-2 flex relative"> <div class="flex-col justify-start items-start gap-3 flex"> <div class=" h-[25px] px-3 py-1.5 bg-white rounded-md border border-gray-100 justify-center items-center gap-2.5 inline-flex"> <div class="text-blue-innovation text-[10px] font-semibold leading-3"> Mimari Camlar </div> </div> <div class="flex-col justify-start items-start gap-1 flex"> <div class="flex-col justify-start items-start flex"> <div class="text-blue-dark text-xs font-medium leading-snug"> Yalıtım Camı </div> </div> </div> </div> <div class="group overflow-hidden w-full h-14"> <div class="text-blue-dark text-xl font-semibold leading-7 relative w-full "> Isıcam Sistemleri C Serisi </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100"> </div> <div class="self-stretch flex justify-between items-start gap-3" x-show="!isProffesionals()" style="display: none;"> <div class="flex-1 h-14 justify-start items-center gap-1.5 flex py-4"> <div class="text-[#54545d] text-sm font-normal leading-normal"> </div> </div> </div> <div class="self-stretch flex-col justify-start items-start gap-2 flex"> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Işık Geçirgen: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> N/A </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Renk: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> RZ </div> </div> </div> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Solar Faktör: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> N/A </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> U Değeri: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> N/A </div> </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100 mt-auto"></div> <div class="w-full grid grid-cols-2 gap-5"><a href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu/isicam-sistemleri-c-serisi?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class=" h-10 px-4 py-2.5 bg-blue-dark rounded-lg flex-col justify-center items-center gap-2.5 inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <div class="text-center text-white text-sm font-semibold leading-[18.20px] group-hover:text-white"> İnceleyin </div></a>  <button class="grow shrink basis-0 h-10 rounded-lg border border-blue-dark flex-row justify-center gap-2 items-center inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white"> Karşılaştırın </span> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white" x-show="item.isAdded"> <svg class="icon-check w-4 h-4" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/check" /> </svg></span> </button>  </div> </div> </div> <div class="server-rendered-item w-full h-full pb-5 bg-white rounded-[10px] border border-gray-100 flex-col justify-start items-start gap-5 inline-flex" x-data="{ showColorSelect: false, selectedColorIndex: null }"> <div class="w-full h-[302px] relative"> <div class="w-full h-[302px] relative bg-background flex items-center justify-center rounded-tl-[10px] rounded-tr-[10px] "> <div class="w-full h-full relative flex items-center justify-center "><img class="max-h-full max-w-full w-full h-full object-cover blur-up lazyloaded rounded-tl-[10px] rounded-tr-[10px]" loading="lazy" decoding="async" src="/tr/s-business-segments/s-flat-glass/PublishingImages/mimari-camlar/urun-katalogu/isicam-sistemleri.jpg" :alt="Isıcam Sistemleri"> </div> </div> <div class="w-10 h-10 left-[246px] top-[12px] absolute bg-white rounded-md hidden"> </div> </div> <div class="w-full h-[100%] min-h-[220px] px-5 flex-col justify-start items-start gap-4 flex "> <div class="w-full flex-col justify-start items-start gap-2 flex relative"> <div class="flex-col justify-start items-start gap-3 flex"> <div class=" h-[25px] px-3 py-1.5 bg-white rounded-md border border-gray-100 justify-center items-center gap-2.5 inline-flex"> <div class="text-blue-innovation text-[10px] font-semibold leading-3"> Mimari Camlar </div> </div> <div class="flex-col justify-start items-start gap-1 flex"> <div class="flex-col justify-start items-start flex"> <div class="text-blue-dark text-xs font-medium leading-snug"> Yalıtım Camı </div> </div> </div> </div> <div class="group overflow-hidden w-full h-14"> <div class="text-blue-dark text-xl font-semibold leading-7 relative w-full "> Isıcam Sistemleri </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100"> </div> <div class="self-stretch flex justify-between items-start gap-3" x-show="!isProffesionals()" style="display: none;"> <div class="flex-1 h-14 justify-start items-center gap-1.5 flex py-4"> <div class="text-[#54545d] text-sm font-normal leading-normal"> </div> </div> </div> <div class="self-stretch flex-col justify-start items-start gap-2 flex"> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Işık Geçirgen: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> - </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Renk: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> RZ </div> </div> </div> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Solar Faktör: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> - </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> U Değeri: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> - </div> </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100 mt-auto"></div> <div class="w-full grid grid-cols-2 gap-5"><a href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu/isicam-sistemleri?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class=" h-10 px-4 py-2.5 bg-blue-dark rounded-lg flex-col justify-center items-center gap-2.5 inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <div class="text-center text-white text-sm font-semibold leading-[18.20px] group-hover:text-white"> İnceleyin </div></a>  <button class="grow shrink basis-0 h-10 rounded-lg border border-blue-dark flex-row justify-center gap-2 items-center inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white"> Karşılaştırın </span> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white" x-show="item.isAdded"> <svg class="icon-check w-4 h-4" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/check" /> </svg></span> </button>  </div> </div> </div> <div class="server-rendered-item w-full h-full pb-5 bg-white rounded-[10px] border border-gray-100 flex-col justify-start items-start gap-5 inline-flex" x-data="{ showColorSelect: false, selectedColorIndex: null }"> <div class="w-full h-[302px] relative"> <div class="w-full h-[302px] relative bg-background flex items-center justify-center rounded-tl-[10px] rounded-tr-[10px] "> <div class="w-full h-full relative flex items-center justify-center "><img class="max-h-full max-w-full w-full h-full object-cover blur-up lazyloaded rounded-tl-[10px] rounded-tr-[10px]" loading="lazy" decoding="async" src="/tr/s-business-segments/s-flat-glass/PublishingImages/mimari-camlar/urun-katalogu/Flotal-Ultra-Clear-01%20(Custom).jpg" :alt="Flotal Ultra Clear"> </div> </div> <div class="w-10 h-10 left-[246px] top-[12px] absolute bg-white rounded-md hidden"> </div> </div> <div class="w-full h-[100%] min-h-[220px] px-5 flex-col justify-start items-start gap-4 flex "> <div class="w-full flex-col justify-start items-start gap-2 flex relative"> <div class="flex-col justify-start items-start gap-3 flex"> <div class=" h-[25px] px-3 py-1.5 bg-white rounded-md border border-gray-100 justify-center items-center gap-2.5 inline-flex"> <div class="text-blue-innovation text-[10px] font-semibold leading-3"> Mimari Camlar </div> </div> <div class="flex-col justify-start items-start gap-1 flex"> <div class="flex-col justify-start items-start flex"> <div class="text-blue-dark text-xs font-medium leading-snug"> Ayna </div> </div> </div> </div> <div class="group overflow-hidden w-full h-14"> <div class="text-blue-dark text-xl font-semibold leading-7 relative w-full "> Flotal Ultra Clear </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100"> </div> <div class="self-stretch flex justify-between items-start gap-3" x-show="!isProffesionals()" style="display: none;"> <div class="flex-1 h-14 justify-start items-center gap-1.5 flex py-4"> <div class="text-[#54545d] text-sm font-normal leading-normal"> </div> </div> </div> <div class="self-stretch flex-col justify-start items-start gap-2 flex"> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Işık Geçirgen: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> N/A </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Renk: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> UC </div> </div> </div> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Solar Faktör: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> N/A </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> U Değeri: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> N/A </div> </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100 mt-auto"></div> <div class="w-full grid grid-cols-2 gap-5"><a href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu/flotal-ultra-clear?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class=" h-10 px-4 py-2.5 bg-blue-dark rounded-lg flex-col justify-center items-center gap-2.5 inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <div class="text-center text-white text-sm font-semibold leading-[18.20px] group-hover:text-white"> İnceleyin </div></a>  <button class="grow shrink basis-0 h-10 rounded-lg border border-blue-dark flex-row justify-center gap-2 items-center inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white"> Karşılaştırın </span> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white" x-show="item.isAdded"> <svg class="icon-check w-4 h-4" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/check" /> </svg></span> </button>  </div> </div> </div> <div class="server-rendered-item w-full h-full pb-5 bg-white rounded-[10px] border border-gray-100 flex-col justify-start items-start gap-5 inline-flex" x-data="{ showColorSelect: false, selectedColorIndex: null }"> <div class="w-full h-[302px] relative"> <div class="w-full h-[302px] relative bg-background flex items-center justify-center rounded-tl-[10px] rounded-tr-[10px] "> <div class="w-full h-full relative flex items-center justify-center "><img class="max-h-full max-w-full w-full h-full object-cover blur-up lazyloaded rounded-tl-[10px] rounded-tr-[10px]" loading="lazy" decoding="async" src="/tr/s-business-segments/s-flat-glass/PublishingImages/mimari-camlar/urun-katalogu/flotal-future.jpg" :alt="Flotal Future"> </div> </div> <div class="w-10 h-10 left-[246px] top-[12px] absolute bg-white rounded-md hidden"> </div> </div> <div class="w-full h-[100%] min-h-[220px] px-5 flex-col justify-start items-start gap-4 flex "> <div class="w-full flex-col justify-start items-start gap-2 flex relative"> <div class="flex-col justify-start items-start gap-3 flex"> <div class=" h-[25px] px-3 py-1.5 bg-white rounded-md border border-gray-100 justify-center items-center gap-2.5 inline-flex"> <div class="text-blue-innovation text-[10px] font-semibold leading-3"> Mimari Camlar </div> </div> <div class="flex-col justify-start items-start gap-1 flex"> <div class="flex-col justify-start items-start flex"> <div class="text-blue-dark text-xs font-medium leading-snug"> Ayna </div> </div> </div> </div> <div class="group overflow-hidden w-full h-14"> <div class="text-blue-dark text-xl font-semibold leading-7 relative w-full "> Flotal Future </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100"> </div> <div class="self-stretch flex justify-between items-start gap-3" x-show="!isProffesionals()" style="display: none;"> <div class="flex-1 h-14 justify-start items-center gap-1.5 flex py-4"> <div class="text-[#54545d] text-sm font-normal leading-normal"> </div> </div> </div> <div class="self-stretch flex-col justify-start items-start gap-2 flex"> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Işık Geçirgen: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> - </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Renk: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> RZ </div> </div> </div> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Solar Faktör: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> - </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> U Değeri: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> - </div> </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100 mt-auto"></div> <div class="w-full grid grid-cols-2 gap-5"><a href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu/flotal-future?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class=" h-10 px-4 py-2.5 bg-blue-dark rounded-lg flex-col justify-center items-center gap-2.5 inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <div class="text-center text-white text-sm font-semibold leading-[18.20px] group-hover:text-white"> İnceleyin </div></a>  <button class="grow shrink basis-0 h-10 rounded-lg border border-blue-dark flex-row justify-center gap-2 items-center inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white"> Karşılaştırın </span> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white" x-show="item.isAdded"> <svg class="icon-check w-4 h-4" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/check" /> </svg></span> </button>  </div> </div> </div> <div class="server-rendered-item w-full h-full pb-5 bg-white rounded-[10px] border border-gray-100 flex-col justify-start items-start gap-5 inline-flex" x-data="{ showColorSelect: false, selectedColorIndex: null }"> <div class="w-full h-[302px] relative"> <div class="w-full h-[302px] relative bg-background flex items-center justify-center rounded-tl-[10px] rounded-tr-[10px] "> <div class="w-full h-full relative flex items-center justify-center "><img class="max-h-full max-w-full w-full h-full object-cover blur-up lazyloaded rounded-tl-[10px] rounded-tr-[10px]" loading="lazy" decoding="async" src="/tr/s-business-segments/s-flat-glass/PublishingImages/mimari-camlar/urun-katalogu/Flotal_E%20(Custom).jpg" :alt="Flotal"> </div> </div> <div class="w-10 h-10 left-[246px] top-[12px] absolute bg-white rounded-md hidden"> </div> </div> <div class="w-full h-[100%] min-h-[220px] px-5 flex-col justify-start items-start gap-4 flex "> <div class="w-full flex-col justify-start items-start gap-2 flex relative"> <div class="flex-col justify-start items-start gap-3 flex"> <div class=" h-[25px] px-3 py-1.5 bg-white rounded-md border border-gray-100 justify-center items-center gap-2.5 inline-flex"> <div class="text-blue-innovation text-[10px] font-semibold leading-3"> Mimari Camlar </div> </div> <div class="flex-col justify-start items-start gap-1 flex"> <div class="flex-col justify-start items-start flex"> <div class="text-blue-dark text-xs font-medium leading-snug"> Ayna </div> </div> </div> </div> <div class="group overflow-hidden w-full h-14"> <div class="text-blue-dark text-xl font-semibold leading-7 relative w-full "> Flotal </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100"> </div> <div class="self-stretch flex justify-between items-start gap-3" x-show="!isProffesionals()" style="display: none;"> <div class="flex-1 h-14 justify-start items-center gap-1.5 flex py-4"> <div class="text-[#54545d] text-sm font-normal leading-normal"> </div> </div> </div> <div class="self-stretch flex-col justify-start items-start gap-2 flex"> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Işık Geçirgen: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> - </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Renk: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> RZ,M,Y,F,B </div> </div> </div> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> Solar Faktör: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> - </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap"> U Değeri: </div> <div class="text-[#54545d] text-sm font-normal leading-normal"> - </div> </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100 mt-auto"></div> <div class="w-full grid grid-cols-2 gap-5"><a href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu/flotal-e?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" class=" h-10 px-4 py-2.5 bg-blue-dark rounded-lg flex-col justify-center items-center gap-2.5 inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <div class="text-center text-white text-sm font-semibold leading-[18.20px] group-hover:text-white"> İnceleyin </div></a>  <button class="grow shrink basis-0 h-10 rounded-lg border border-blue-dark flex-row justify-center gap-2 items-center inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group"> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white"> Karşılaştırın </span> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white" x-show="item.isAdded"> <svg class="icon-check w-4 h-4" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/check" /> </svg></span> </button>  </div> </div> </div> <template x-for="item in paginatedItems" :key="item.ProductCode"> <div class="w-full h-full pb-5 bg-white rounded-[10px] border border-gray-100 flex-col justify-start items-start gap-5 inline-flex" x-data="{ showColorSelect: false, selectedColorIndex: null }"> <div class="w-full h-[302px] relative"> <div class="w-full h-[302px] relative bg-background flex items-center justify-center rounded-tl-[10px] rounded-tr-[10px] "> <div class="w-full h-full relative flex items-center justify-center "><img class="max-h-full max-w-full w-full h-full object-cover blur-up lazyloaded rounded-tl-[10px] rounded-tr-[10px]" loading="lazy" decoding="async" :src="item.Image" :alt="item.Title"> </div> </div> <div class="w-10 h-10 left-[246px] top-[12px] absolute bg-white rounded-md hidden"> </div> <div class="px-4 pt-3 pb-2 right-0 bottom-0 absolute rounded-tl-md rounded-tr-md flex-col justify-end items-end gap-2.5 inline-flex" x-show="getColors(item.Color).length > 1"> <div class="w-[100px] justify-end items-end gap-3 inline-flex"> <div class="group cursor-pointer transition-all duration-300" @click.prevent="showColorSelect = !showColorSelect"> <div class="w-11 h-[18px] relative bg-white rounded shadow cursor-pointer overflow-hidden group-hover:h-[38px]"> <div class="absolute top-0 xl:top-1 left-0 w-full flex flex-col justify-center items-center opacity-0 group-hover:opacity-100 "> <div class="text-blue-dark text-[10px] font-semibold leading-[13px]" x-text="`${properties?.resources?.productCard?.color}`"></div> <div class="w-full h-[1px] bg-gray-100 my-1"></div> </div> <div class="absolute bottom-[2px] left-[6px]"> <div class="w-3.5 h-3.5 left-[8px] bottom-0 absolute rounded-[7px] border border-gray-100" :style="{ backgroundColor: getColors(item.Color)[0]?.colorCode }"> </div> <div class="w-3.5 h-3.5 left-0 bottom-0 absolute rounded-[7px] border border-gray-100" :style="{ backgroundColor: getColors(item.Color)[1]?.colorCode }"> </div> </div> <div class="absolute left-[33px] bottom-[2px] text-center text-blue-dark text-[10px] font-semibold leading-[13px]" x-text="getColors(item.Color).length"> </div> </div> </div> </div> </div> </div> <div class="w-full h-[100%] min-h-[220px] px-5 flex-col justify-start items-start gap-4 flex "> <div class="flex-col justify-start items-start gap-2 flex" style="display: none;"> <div class="text-blue-dark text-sm font-semibold leading-normal" x-text="properties?.resources?.productCard?.differentColorOptions.replace('{count}', getColors(item.Color).length)"> </div> <div class="justify-start items-start gap-2.5 inline-flex"> <div class="justify-start items-start gap-2.5 flex"> <template x-for="(color, index) in getColors(item.Color)" :key="index"> <div class="w-[65px] h-[98px] relative cursor-pointer" @click.prevent="selectedColorIndex = index;"> <div class="w-[65px] h-[98px] left-0 top-0 absolute bg-background rounded" :class="{ 'border border-blue-innovation': selectedColorIndex === index }"> </div> <div class="w-[65px] h-[98px] left-[14px] top-[13px] bg-background flex justify-center items-center"><img class="max-h-full max-w-full object-cover blur-up lazyloaded" loading="lazy" decoding="async" :src="getImageByColor(item,color.value)" :alt="item.Title"> </div> </div> </template> </div> </div> </div> <div class="w-full flex-col justify-start items-start gap-2 flex relative"> <div class="flex-col justify-start items-start gap-3 flex"> <div class=" h-[25px] px-3 py-1.5 bg-white rounded-md border border-gray-100 justify-center items-center gap-2.5 inline-flex"> <div class="text-blue-innovation text-[10px] font-semibold leading-3" x-text="item.CatalogType"></div> </div> <div class="flex-col justify-start items-start gap-1 flex"> <div class="flex-col justify-start items-start flex"> <div class="text-blue-dark text-xs font-medium leading-snug" x-text="item.Category"></div> </div> </div> </div> <div class="group overflow-hidden w-full h-14"> <div class="text-blue-dark text-xl font-semibold leading-7 relative w-full two-line-texts" x-text="item.Title"> </div> <div class="two-line-texts-extra absolute bg-white text-blue-dark text-xl font-semibold leading-7 left-0 bottom-0 opacity-0 transition-all duration-200 group-hover:opacity-100" x-show="item.Title.length > 45" x-text="item.Title"></div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100"> </div> <div class="self-stretch flex justify-between items-start gap-3" x-show="!isProffesionals()" style="display: none;"> <div class="flex-1 h-14 justify-start items-center gap-1.5 flex py-4"> <div class="text-[#54545d] text-sm font-normal leading-normal" x-text="item.Description"></div> </div> </div> <div x-show="isProffesionals()" style="display: none;" class="self-stretch flex-col justify-start items-start gap-2 flex"> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap" x-text="`${properties.resources.filters.lightTransmittance}:`"></div> <div class="text-[#54545d] text-sm font-normal leading-normal" x-text="`${item.LightTransmittance == 'N/A' ? '-' : item.LightTransmittance}`"> </div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap" x-text="`${properties.resources.filters.color}:`"></div> <div class="text-[#54545d] text-sm font-normal leading-normal" x-text="getColorsOneItem(item.Color)"></div> </div> </div> <div class="self-stretch flex justify-between items-start gap-3"> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap" x-text="`${properties.resources.filters.solarFactor}:`"></div> <div class="text-[#54545d] text-sm font-normal leading-normal" x-text="`${item.SolarFactor == 'N/A' ? '-' : item.SolarFactor}`"></div> </div> <div class="flex-1 h-6 justify-start items-center gap-1.5 flex h-6"> <div class="text-dark text-sm font-semibold leading-normal whitespace-nowrap" x-text="`${properties.resources.filters.uValue}:`"></div> <div class="text-[#54545d] text-sm font-normal leading-normal" x-text="`${item.UValue == 'N/A' ? '-' : item.UValue}`"></div> </div> </div> </div> <div class="self-stretch h-[0px] border border-gray-100 mt-auto"></div> <div class="w-full grid grid-cols-2 gap-5"><a :href="item.Link" class=" h-10 px-4 py-2.5 bg-blue-dark rounded-lg flex-col justify-center items-center gap-2.5 inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group" :class="{ 'w-full': !isProffesionals() }"> <div class="text-center text-white text-sm font-semibold leading-[18.20px] group-hover:text-white" x-text="`${properties.resources.buttons.viewDetails}`"> </div></a> <button class="grow shrink basis-0 h-10 rounded-lg border border-blue-dark flex-row justify-center gap-2 items-center inline-flex transition-colors duration-200 ease-in-out hover:bg-blue-innovation group" @click.prevent="compare.add(item)" x-show="isProffesionals()"> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white" x-show="!item.isAdded" style="display: none;" x-text="`${properties.resources.buttons.compare}`"></span> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white" x-show="item.isAdded" x-text="`${properties.resources.buttons.addedCompare}`"></span> <span class="text-center text-blue-dark text-sm font-semibold leading-[18.20px] group-hover:text-white" x-show="item.isAdded"> <svg class="icon-check w-4 h-4" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/check" /> </svg></span> </button> </div> </div> </div> </template> </div> </div> </div> </section> <div class="w-full justify-center items-center xl:gap-9 gap-4 xl:py-12 py-6 inline-flex"><button class="p-2 rounded-lg justify-start items-start gap-2 flex cursor-pointer ml-0" :class="{ 'cursor-not-allowed': currentPage === 1 }" aria-label="prev" x-on:click.prevent="previousPage()" rel="prev"> <svg class="icon-chevron-left w-6 h-6" x-bind:class="{ 'text-blue-dark': currentPage !== 1, 'text-[#a6aaad]': currentPage === 1 }" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/chevron-left" /> </svg></button> <div class="justify-start items-start gap-2 flex"> <template x-for="page in visiblePages" :key="page + '-' + index"><button class="w-11 h-11 p-2 rounded-lg justify-center items-center gap-2 flex cursor-pointer ml-0" :class="{ 'text-blue-dark': currentPage === page, 'text-[#a6aaad]': currentPage !== page }" :disabled="page === '...'" x-on:click.prevent="goToPage(page)"> <span x-text="page" class="text-center xl:text-xl font-semibold xl:leading-7 text-base leading-normal"></span> </button> </template> </div><button class="p-2 rounded-lg justify-start items-start gap-2 flex cursor-pointer ml-0" :class="{ 'cursor-not-allowed': currentPage === totalPages }" aria-label="next" x-on:click.prevent="nextPage()" rel="next"> <svg class="icon-chevron-right w-6 h-6" x-bind:class="{ 'text-blue-dark': currentPage !== totalPages, 'text-[#a6aaad]': currentPage === totalPages }" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/chevron-right" /> </svg></button> </div> <div class="w-full fixed left-0 bottom-0 shadow transform" x-show="compare.list.length > 0" style="display:none" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="transform opacity-0 translate-y-full" x-transition:enter-end="transform opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-300" x-transition:leave-start="transform opacity-100 translate-y-0" x-transition:leave-end="transform opacity-0 translate-y-full"> <div class="w-full px-6 xl:px-12 py-5 xl:pt-12 xl:pb-6 bg-white shadow-lg justify-between items-center inline-flex"> <div class="w-3/4 justify-start items-start gap-5 hidden xl:flex"> <template x-for="(item, index) in compare.list" :key="index"> <div class="w-1/4 bg-white rounded shadow border border-blue-innovation justify-start items-center flex relative gap-3 pl-2"> <div class="h-14 p-2"><img class="h-full" loading="lazy" decoding="async" :src="item.Image"> </div> <div class="justify-start items-start gap-4 flex"> <div class="flex-col justify-start items-start inline-flex"> <p class="text-blue-dark text-xs font-semibold leading-normal" x-text="item.Category"></p> <p class="text-gray-500 text-xs font-normal leading-normal" x-text="item.Title"></p> </div><button class="absolute right-3 top-2" @click.prevent="compare.remove(index)"> <svg class="icon-close w-3 h-3 text-gray-300" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/close" /> </svg></button> </div> </div> </template> <div class="w-1/4 h-14 bg-gray-100 rounded shadow" x-show="compare.list.length < 4"></div> <div class="w-1/4 h-14 bg-gray-100 rounded shadow" x-show="compare.list.length < 3"></div> <div class="w-1/4 h-14 bg-gray-100 rounded shadow" x-show="compare.list.length < 2"></div> </div> <div class="w-full xl:w-1/4 justify-end items-start gap-5 flex"><a :href="compare.list.length > 1 ? `${properties.resources?.compare.buttons[1]?.link}?products=${compare.list.map(item => item.ProductCode).join(',')}` : 'javascript:void(0)'" :class="compare.list.length > 1 ? 'max-xl:w-full h-10 px-4 py-2.5 bg-blue-innovation rounded-lg flex-col justify-center items-center gap-2.5 inline-flex' : 'max-xl:w-full h-10 px-4 py-2.5 bg-gray-300 cursor-not-allowed rounded-lg flex-col justify-center items-center gap-2.5 inline-flex'" :disabled="compare.list.length <= 1"> <p class="flex items-center gap-2"><span class="text-center text-white text-sm font-semibold leading-tight hidden xl:block" x-text="`${properties.resources?.buttons.compare}`"></span> <span class="text-center text-white text-sm font-semibold leading-tight xl:hidden" x-text="properties.resources?.compare?.mobileButton.text.replace('{count}', compare.list.length)"></span></p></a> <button class="w-24 px-4 py-2.5 rounded-lg border border-blue-innovation flex-col justify-start items-center gap-2.5 inline-flex" @click.prevent="compare.clear()"> <span class="text-center text-blue-innovation text-sm font-semibold leading-tight" x-text="`${properties.resources?.buttons.clear}`"></span> </button> </div> </div> <div class="px-4 py-3 left-1/2 -top-[25px] -translate-x-1/2 absolute bg-white rounded-lg shadow-lg border border-blue-innovation flex-col justify-start items-center gap-2.5 hidden xl:inline-flex"> <div class="text-right text-blue-innovation text-base font-semibold leading-normal flex items-center gap-2"><span x-text="`${properties.resources?.compare.selectedProducts.text}`"></span> <span x-text="compare.countText()"></span> </div> </div> </div> <div @keydown.escape.window="compare.showModal = false" :class="{ 'z-40': compare.showModal }" class="relative w-auto h-auto" style="display:none"> <template x-teleport="body" data-teleport-template="true"> <div x-show="compare.showModal" class="fixed top-0 left-0 z-[99] flex items-center justify-center w-screen h-screen" x-cloak> <div x-show="compare.showModal" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-300" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" @click.prevent="compare.showModal=false" class="absolute inset-0 w-full h-full bg-white backdrop-blur-sm bg-opacity-70"></div> <div x-show="compare.showModal" x-trap.inert.noscroll="compare.showModal" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0 -translate-y-2 sm:scale-95" x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100" x-transition:leave-end="opacity-0 -translate-y-2 sm:scale-95" class="relative xl:w-[480px] w-full bg-white shadow-lg border-neutral-200 sm:rounded-lg"> <div class="xl:w-[480px] w-full bg-white rounded-lg flex-col justify-start items-center gap-3 inline-flex"> <div class="self-stretch px-4 pt-4 justify-end items-center inline-flex"><button @click.prevent="compare.showModal=false" class="outline-none"> <svg class="icon-close w-3 h-3 text-gray-500" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/close" /> </svg></button> </div> <div class="self-stretch px-10 pb-10 flex-col justify-start items-center gap-5 flex"> <div class="flex-col justify-start items-center gap-4 flex"> <svg class="icon-info-circle w-[58px] h-[58px] text-gray-300" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/info-circle" /> </svg> <h2 class="self-stretch text-center text-blue-dark text-2xl font-semibold leading-9" x-text="`${properties.resources?.compare.title}`"></h2> </div> <div class="self-stretch flex-col justify-start items-center gap-9 flex"> <p class="text-center text-gray-500 text-base font-normal leading-normal" x-text="`${properties.resources?.compare.description}`"></p> <div class="self-stretch justify-start items-start gap-5 inline-flex w-full xl:flex-row flex-col-reverse"><a :href="properties.resources?.compare.buttons[0]?.link" class="xl:w-1/2 w-full py-3.5 bg-white rounded-lg flex-col justify-start items-center gap-3 inline-flex border border-blue-innovation"> <span class="text-right text-blue-innovation text-base font-semibold leading-snug" x-text="`${properties.resources?.compare.buttons[0]?.text}`"></span> </a> <a :href="`${properties.resources?.compare.buttons[0]?.link}?products=${compare.list.map(item => item.ProductCode).join(',')}`" class="xl:w-1/2 w-full py-3.5 bg-blue-innovation rounded-lg flex-col justify-start items-center gap-3 inline-flex"> <span class="text-right text-white text-base font-semibold leading-snug" x-text="`${properties.resources?.compare.buttons[1]?.text}`"></span> </a> </div> </div> </div> </div> </div> </div> </template> </div> </div> <script> document.addEventListener("alpine:init", () => { var initData = false; Alpine.data("catalogFormData", () => ({ isLoading: true, webServiceDomain: '/', products: [], properties: {}, showFilter: Alpine.store("globals").isMobile ? false : true, selectOpen: false, catalogTypes: { }, selectedSort: { value: "aToZ" }, selectableItems: [ { value: "aToZ", disabled: false }, { value: "zToA", disabled: false }, ], getResource(category, key) { return this.properties?.resources[category]?.["options"]?.[key] || key; }, perPage: 12, currentPage: 1, totalPages: 1, visiblePages: [], data: {}, currentLang: window.location.pathname.split('/')[1] || 'tr', compare: { show: false, showModal: false, list: JSON.parse(localStorage.getItem("flatGlassCompare")) || [], total: 4, add(data) { if (data.isAdded) return false; if (this.list.length < this.total) { this.list.push(data); data.isAdded = true; // Karşılaştırma listesine eklendi. this.saveToLocalStorage(); } else { this.showModal = true; // Modal göster } return true; }, countText() { return `${this.list.length} / ${this.total}`; }, remove(index) { const removedItem = this.list[index]; if (removedItem) { removedItem.isAdded = false; // İlgili öğenin isAdded özelliğini false olarak ayarla } this.list.splice(index, 1); // Öğeyi listeden çıkar this.saveToLocalStorage(); }, clear() { this.list.forEach(item => { item.isAdded = false; // Listedeki tüm öğelerin isAdded özelliğini false yap }); this.list = []; // Listeyi temizle this.saveToLocalStorage(); }, saveToLocalStorage() { localStorage.setItem("flatGlassCompare", JSON.stringify(this.list)); // Listeyi LocalStorage'a kaydet }, loadFromLocalStorage() { const savedList = JSON.parse(localStorage.getItem("flatGlassCompare")); if (savedList) { this.list = savedList; // Listeyi LocalStorage'dan geri yükle } } }, rawColorData: [ { value: "M", spValue: "M", tr: "Mavi", en: "Blue", class: "border-[#0000FF] bg-[#0000FF] focus:border-[#0000FF] active:border-[#0000FF]", colorCode: "#0000FF" }, // { value: "S", spValue: "S", tr: "Sarı", en: "Yellow", class: "border-[#FFFF00] bg-[#FFFF00] focus:border-[#FFFF00] active:border-[#FFFF00]", colorCode: "#FFFF00" }, { value: "Y", spValue: "Y", tr: "Yeşil", en: "Green", class: "border-[#00FF00] bg-[#00FF00] focus:border-[#00FF00] active:border-[#00FF00]", colorCode: "#00FF00" }, { value: "B", spValue: "B", tr: "Bronz", en: "Bronze", class: "border-[#CD7F32] bg-[#CD7F32] focus:border-[#CD7F32] active:border-[#CD7F32]", colorCode: "#CD7F32" }, { value: "KF", spValue: "KF", tr: "Koyu Füme", en: "Dark Smoke", class: "border-[#555555] bg-[#555555] focus:border-[#555555] active:border-[#555555]", colorCode: "#555555" }, { value: "O", spValue: "O", tr: "Opak", en: "Opaque", class: "border-[#C0C0C0] bg-[#C0C0C0] focus:border-[#C0C0C0] active:border-[#C0C0C0]", colorCode: "#C0C0C0" }, { value: "RZ", spValue: "RZ", tr: "Renksiz", en: "Colorless", class: "border-[#FFFFFF] bg-[#FFFFFF] focus:border-[#FFFFFF] active:border-[#FFFFFF]", colorCode: "#FFFFFF" }, { value: "UC", spValue: "UC", tr: "Ultra Clear", en: "Ultra Clear", class: "border-[#F8F8FF] bg-[#F8F8FF] focus:border-[#F8F8FF] active:border-[#F8F8FF]", colorCode: "#F8F8FF" }, { value: "F", spValue: "F", tr: "Füme", en: "Smoke", class: "border-[#696969] bg-[#696969] focus:border-[#696969] active:border-[#696969]", colorCode: "#696969" }, { value: "BB", spValue: "BB", tr: "Bembeyaz", en: "Pure White", class: "border-[#FFFFFF] bg-[#FFFFFF] focus:border-[#FFFFFF] active:border-[#FFFFFF]", colorCode: "#FFFFFF" }, { value: "EC", spValue: "EC", tr: "Extra Clear", en: "Extra Clear", class: "border-[#E0FFFF] bg-[#E0FFFF] focus:border-[#E0FFFF] active:border-[#E0FFFF]", colorCode: "#E0FFFF" }, { value: "BY", spValue: "BY", tr: "Beyaz", en: "White", class: "border-[#FFFFFF] bg-[#FFFFFF] focus:border-[#FFFFFF] active:border-[#FFFFFF]", colorCode: "#FFFFFF" }, { value: "SY", spValue: "SY", tr: "Siyah", en: "Black", class: "border-[#000000] bg-[#000000] focus:border-[#000000] active:border-[#000000]", colorCode: "#000000" }, { value: "BJ", spValue: "BJ", tr: "Bej", en: "Beige", class: "border-[#F5F5DC] bg-[#F5F5DC] focus:border-[#F5F5DC] active:border-[#F5F5DC]", colorCode: "#F5F5DC" } ], parsedColors: [], getTotalPageCount(n) { return Math.ceil(n / this.perPage) }, get paginatedItems() { const n = (this.currentPage - 1) * this.perPage, t = this.filteredItems.slice(n, n + this.perPage); return this.totalPages = this.getTotalPageCount(this.filteredItems.length), t }, previousPage() { this.currentPage > 1 && (this.currentPage--, this.updateQueryString(), this.updateVisiblePages()) }, nextPage() { this.currentPage < this.totalPages && (this.currentPage++, this.updateQueryString(), this.updateVisiblePages()) }, goToPage(n) { n >= 1 && n <= this.totalPages && (this.currentPage = n, this.updateQueryString(), this.updateVisiblePages()) }, getColors(spValueString) { const currentColors = spValueString?.split(",") || []; const matchingValues = this.rawColorData .filter(color => currentColors.includes(color.spValue)); return matchingValues; }, get filteredItemsIgnoringColors() { let filtered = [...this.products]; if (this.formData.search.trim() !== "") { const searchQuery = this.formData.search.trim().toLowerCase(); filtered = filtered.filter(item => (item.Title?.toLowerCase().includes(searchQuery) || item.ProductCode?.toLowerCase().includes(searchQuery)) ); } if (this.formData.categories.length > 0) { filtered = filtered.filter(item => this.formData.categories.includes(item.Category) ); } if (this.formData.targetAudience) { filtered = filtered.filter(item => item.TargetAudience === this.formData.targetAudience ); } if (this.selectedSort.value === "aToZ") { filtered = filtered.sort((a, b) => a.Title.localeCompare(b.Title)); } else if (this.selectedSort.value === "zToA") { filtered = filtered.sort((a, b) => b.Title.localeCompare(a.Title)); } return filtered; }, get availableColors() { let filtered = this.filteredItemsIgnoringColors; let colorSet = new Set(); filtered.forEach(item => { if (item.Color) { let splitted = item.Color.split(","); splitted.forEach(col => colorSet.add(col.trim())); } }); let result = this.rawColorData .map(colorObj => ({ value: colorObj.value, label: colorObj[this.currentLang] || colorObj.en, class: colorObj.class, colorCode: colorObj.colorCode, spValue: colorObj.spValue })) .filter(pColor => { return colorSet.has(pColor.spValue); }); return result; }, getColorsOneItem(spValueString) { const currentColors = spValueString?.split(",") || []; const matchingValues = this.rawColorData .filter(color => currentColors.includes(color.spValue)); const nonRZ = matchingValues.filter(item => item.value !== "RZ"); const rzElement = matchingValues.find(item => item.value === "RZ"); if (rzElement) { nonRZ.push(rzElement); } const siteLanguage = window.location.pathname.split('/')[1] || 'tr'; return nonRZ[0][siteLanguage] || nonRZ[0].tr; }, getImageLink(spItem) { let imgName = `${spItem.ProductCode}`; const colors = spItem.Color?.split(",")[0];//this.getColors(spItem.Color); if (colors.includes("FLINT") == false) { imgName = `${spItem.ProductCode}_${colors}`; } return `/en/s-business-segments/s-glass-packaging/PublishingImages/Product-Catalog/productv2/${imgName}.webp`; }, getImageByColor(spItem, colorCode) { let imgName = `${spItem.ProductCode}_${colorCode}`; return `/en/s-business-segments/s-glass-packaging/PublishingImages/Product-Catalog/productv2/${imgName}.webp`; }, syncWithUrl() { const params = new URLSearchParams(window.location.search); // Arama this.formData.search = params.get("search") || ""; // Katalog Tipi // this.formData.catalogType = params.get("catalogType") // ? params.get("catalogType").split(",") // : []; // Kategoriler this.formData.categories = params.get("categories") ? params.get("categories").split(",") : []; // Renkler this.formData.colors = params.get("colors") ? params.get("colors").split(",") : []; // Karbonizasyon const uValue = params.get("uValue"); if (uValue) { const [min, max] = uValue.split("-"); this.formData.uValue.min = parseFloat(min) || 0; this.formData.uValue.max = parseFloat(max) || 0; } // Hacim const lightTransmittance = params.get("lightTransmittance"); if (lightTransmittance) { const [min, max] = lightTransmittance.split("-"); this.formData.lightTransmittance.min = parseFloat(min) || 0; this.formData.lightTransmittance.max = parseFloat(max) || 100; } // Ağırlık const solarFactor = params.get("solarFactor"); if (solarFactor) { const [min, max] = solarFactor.split("-"); this.formData.solarFactor.min = parseFloat(min) || 0; this.formData.solarFactor.max = parseFloat(max) || 100; } // Boy const shadingCoefficient = params.get("shadingCoefficient"); if (shadingCoefficient) { const [min, max] = shadingCoefficient.split("-"); this.formData.shadingCoefficient.min = parseFloat(min) || 0; this.formData.shadingCoefficient.max = parseFloat(max) || 100; } const targetAudience = params.get("targetAudience"); if (targetAudience) { const [min, max] = targetAudience.split("-"); this.formData.targetAudience = targetAudience; } // Yeniden Kullanılabilirlik this.formData.tempered = params.get("tempered") === "true" ? true : params.get("tempered") === "false" ? false : null; // Vinolok this.formData.bimSmartObjects = params.get("bimSmartObjects") === "true" ? true : params.get("bimSmartObjects") === "false" ? false : null; // Sayfa ve sıralama bilgileri this.currentPage = parseInt(params.get("page"), 10) || 1; this.selectedSort = { value: params.get("sort") || "aToZ", }; }, updateQueryString() { const params = new URLSearchParams(); if (this.formData.search.trim() !== "") params.set("search", this.formData.search.trim()); // if (this.formData.catalogType.length > 0) params.set("catalogType", this.formData.catalogType); if (this.formData.categories.length > 0) params.set("categories", this.formData.categories.join(",")); if (this.formData.colors.length > 0) params.set("colors", this.formData.colors.join(",")); if (this.formData.uValue.min > 0 || this.formData.uValue.max < 1) params.set("uValue", `${this.formData.uValue.min}-${this.formData.uValue.max}`); if (this.formData.lightTransmittance.min > 0 || this.formData.lightTransmittance.max < 100) params.set("lightTransmittance", `${this.formData.lightTransmittance.min}-${this.formData.lightTransmittance.max}`); if (this.formData.solarFactor.min > 0 || this.formData.solarFactor.max < 100) params.set("solarFactor", `${this.formData.solarFactor.min}-${this.formData.solarFactor.max}`); if (this.formData.shadingCoefficient.min > 0 || this.formData.shadingCoefficient.max < 100) params.set("shadingCoefficient", `${this.formData.shadingCoefficient.min}-${this.formData.shadingCoefficient.max}`); if (this.formData.tempered !== null) params.set("tempered", this.formData.tempered); if (this.formData.bimSmartObjects !== null) params.set("bimSmartObjects", this.formData.bimSmartObjects); if (this.formData.targetAudience !== null) params.set("targetAudience", this.formData.targetAudience); if (this.currentPage > 1) params.set("page", this.currentPage); if (this.selectedSort.value !== "aToZ") params.set("sort", this.selectedSort.value); if (params.toString().length > 0) { const newUrl = `${window.location.pathname}?${params.toString()}`; window.history.replaceState({}, "", newUrl); } else { const newUrl = `${window.location.pathname}`; window.history.replaceState({}, "", newUrl); } }, isProffesionals() { return this.formData.targetAudience === this.properties?.resources?.filters?.targetAudience[0].value; }, updateVisiblePages() { // totalPages ve currentPage kontrolü if (!this.totalPages || this.currentPage < 1 || this.currentPage > this.totalPages) { this.visiblePages = []; return; } const visiblePages = []; const totalPages = this.totalPages; const currentPage = this.currentPage; // Toplam sayfa sayısı 7 veya daha az ise tüm sayfaları göster if (totalPages <= 7) { for (let i = 1; i <= totalPages; i++) { visiblePages.push(i); } } else { // İlk sayfa visiblePages.push(1); // Sol ellipsis if (currentPage > 4) { visiblePages.push('...'); } // Ortadaki sayfalar const startPage = Math.max(2, currentPage - 2); const endPage = Math.min(totalPages - 1, currentPage + 2); for (let i = startPage; i <= endPage; i++) { visiblePages.push(i); } // Sağ ellipsis if (currentPage < totalPages - 3) { visiblePages.push('...'); } // Son sayfa visiblePages.push(totalPages); } this.visiblePages = visiblePages; }, selectedFilters: [], formData: { search: '', catalogType: '', targetAudience: '', categories: [], colors: [], lightTransmittance: {}, solarFactor: {}, shadingCoefficient: {}, uValue: {}, bimSmartObject: null, tempered: null, }, firstLoad : true, watchFormData() { this.$watch('formData', () => { if (this.firstLoad) { this.firstLoad = false; return; } this.updateSelectedFilters(); this.updateQueryString(); setTimeout(() => { this.currentPage = 1; this.updateVisiblePages() },); }, { deep: true }); }, watchPagination() { this.$watch('currentPage', () => { window.scrollTo({ top: 600, behavior: 'smooth' }); }); }, updateSelectedFilters() { this.selectedFilters = []; // if (this.formData.catalogType.length > 0) { // this.formData.catalogType.forEach(subCat => { // this.addFilterIfUnique(subCat, this.properties.resources?.filters.catalogType); // }); // } // Katalog Tipi // if (this.formData.catalogType.length > 0) { // this.addFilterIfUnique(this.formData.catalogType, this.properties.resources?.filters.catalogType); // } // Kategoriler if (this.formData.categories.length > 0) { this.formData.categories.forEach(cat => { this.addFilterIfUnique(cat, this.properties.resources?.filters.category); }); } // Renkler if (this.formData.colors.length > 0) { this.formData.colors.forEach(color => { this.addFilterIfUnique(this.getColors(color)[0][this.currentLang], this.properties.resources?.filters.color); }); } // Ağırlık if (this.formData.solarFactor.min > 0 || this.formData.solarFactor.max < this.solarFactor.max) { this.selectedFilters.push({ label: `${this.properties.resources?.filters.solarFactor}: ${this.formData.solarFactor.min} - ${this.formData.solarFactor.max} %` }); } // Boyut if (this.formData.shadingCoefficient.min > 0 || this.formData.shadingCoefficient.max < this.shadingCoefficient.max) { this.selectedFilters.push({ label: `${this.properties.resources?.filters.shadingCoefficient}: ${this.formData.shadingCoefficient.min} - ${this.formData.shadingCoefficient.max} lm` }); } if (this.formData.uValue.min > 0 || this.formData.uValue.max < this.uValue.max) { this.selectedFilters.push({ label: `${this.properties.resources?.filters.uValue}: ${this.formData.uValue.min} - ${this.formData.uValue.max} lm` }); } if (this.formData.lightTransmittance.min > 0 || this.formData.lightTransmittance.max < this.lightTransmittance.max) { this.selectedFilters.push({ label: `${this.properties.resources?.filters.lightTransmittance}: ${this.formData.lightTransmittance.min} - ${this.formData.lightTransmittance.max} %` }); } }, addFilterIfUnique(value, filterType) { if (!this.selectedFilters.some(item => item.label === `${filterType}: ${value}`)) { this.selectedFilters.push({ label: `${filterType}: ${value}` }); } }, removeFilter(index) { const filterLabel = this.selectedFilters[index].label; if (filterLabel.startsWith(this.properties.resources?.filters.catalogType)) { const catalogType = filterLabel.replace(`${this.properties.resources?.filters.catalogType}:`, '').trim(); this.formData.catalogType = this.formData.catalogType; } if (filterLabel.startsWith(this.properties.resources?.filters.category)) { const category = filterLabel.replace(`${this.properties.resources?.filters.category}:`, '').trim(); this.formData.categories = this.formData.categories.filter(c => c !== category); } if (filterLabel.startsWith(this.properties.resources?.filters.subCategory)) { const subCategory = filterLabel.replace(`${this.properties.resources?.filters.subCategory}:`, '').trim(); this.formData.subCategories = this.formData.subCategories.filter(sc => sc !== subCategory); } if (filterLabel.startsWith(this.properties.resources?.filters.finishType)) { const finishType = filterLabel.replace(`${this.properties.resources?.filters.finishType}:`, '').trim(); this.formData.finishTypes = this.formData.finishTypes.filter(sc => sc !== finishType); } if (filterLabel.startsWith(this.properties.resources?.filters.color)) { const color = filterLabel.replace(`${this.properties.resources?.filters.color}:`, '').trim(); const spColorValue = this.rawColorData.filter((_c) => { return _c[this.currentLang] === color })[0].spValue; this.formData.colors = this.formData.colors.filter(c => c !== spColorValue); } if (filterLabel.startsWith(this.properties.resources?.filters.solarFactor)) { this.formData.solarFactor = { min: 0, max: this.solarFactor.max }; this.updateSlider('solarFactor'); } if (filterLabel.startsWith(this.properties.resources?.filters.shadingCoefficient)) { this.formData.shadingCoefficient = { min: 0, max: this.shadingCoefficient.max }; this.updateSlider('shadingCoefficient'); } if (filterLabel.startsWith(this.properties.resources?.filters.uValue)) { this.formData.uValue = { min: 0, max: this.uValue.max }; this.updateSlider('uValue'); } if (filterLabel.startsWith(this.properties.resources?.filters.lightTransmittance)) { this.formData.lightTransmittance = { min: 0, max: this.lightTransmittance.max }; this.updateSlider('lightTransmittance'); } this.selectedFilters.splice(index, 1); }, selectAudience(audience) { this.clearAllFilters(); this.formData.targetAudience = audience; this.updateQueryString(); }, clearAllFilters() { this.formData.search = ''; this.formData.catalogType = this.catalogTypes[0]; this.formData.categories = []; this.formData.subCategories = []; this.formData.colors = []; this.formData.uValue = { min: this.uValue.min, max: this.uValue.max }; this.formData.shadingCoefficient = { min: this.shadingCoefficient.min, max: this.shadingCoefficient.max }; this.formData.lightTransmittance = { min: this.lightTransmittance.min, max: this.lightTransmittance.max }; this.formData.solarFactor = { min: this.solarFactor.min, max: this.solarFactor.max }; this.updateSlider('uValue'); this.updateSlider('shadingCoefficient'); this.updateSlider('lightTransmittance'); this.updateSlider('solarFactor'); this.selectedFilters = []; }, uValue: { min: 0, max: 1, }, dimensions: { min: 0, max: 100, }, shadingCoefficient: { min: 0, max: 100, }, lightTransmittance: { min: 0, max: 100, }, solarFactor: { min: 0, max: 100, }, rangeSliders: {}, sliderConfig: [ { elementId: "lightTransmittance-range", dataField: "lightTransmittance", step: 1 }, { elementId: "solarFactor-range", dataField: "solarFactor", step: 1 }, { elementId: "shadingCoefficient-range", dataField: "shadingCoefficient", step: 1 }, { elementId: "uValue-range", dataField: "uValue", step: 1 } ], isWithinRange(min, max, rangeText) { // if (rangeText === 'N/A') return false; // N/A durumu, false döndürür. if (rangeText === "N/A") { if (min === 0 && max === 100) { return true; } return false; } const operators = { '<': (val, limit) => val < limit, '>': (val, limit) => val > limit, '≤': (val, limit) => val <= limit, '≥': (val, limit) => val >= limit }; // RangeText analizini yapalım (örneğin: 50>x≥40, <30, >1, ≤1 gibi) const regex = /([<≥≤>]+)(\d+)([≥≤<>)\s]*)(\d+)?/; const match = rangeText.match(regex); if (!match) return false; const operator1 = match[1].trim(); // İlk operatör const value1 = parseFloat(match[2]); // İlk değer let operator2 = match[3].trim(); // İkinci operatör (opsiyonel) let value2 = match[4] ? parseFloat(match[4]) : null; // İkinci değer (opsiyonel) // Eğer sadece bir sınır varsa if (!operator2) { // İlk değer ile min/max'i karşılaştırma if (operator1 === '<' || operator1 === '≤') { return operators[operator1](max, value1); // max değeri ile karşılaştırıyoruz } else { return operators[operator1](min, value1); // min değeri ile karşılaştırıyoruz } } // İki sınır durumu if (operator2) { if (operator1 === '≥' && operator2 === '<') { return operators[operator1](min, value1) && operators[operator2](max, value2); } else if (operator1 === '>' && operator2 === '≤') { return operators[operator1](min, value1) && operators[operator2](max, value2); } else if (operator1 === '≤' && operator2 === '>') { return operators[operator1](min, value1) && operators[operator2](max, value2); } else if (operator1 === '<' && operator2 === '≥') { return operators[operator1](min, value1) && operators[operator2](max, value2); } } return false; }, get filteredItems() { let filtered = [...this.products]; // Filter by search if (this.formData.search.trim() !== "") { const searchQuery = this.formData.search.trim().toLowerCase(); filtered = filtered.filter(item => (item.Title?.toLowerCase().includes(searchQuery) || item.ProductCode?.toLowerCase().includes(searchQuery)) ); } if (this.formData.categories.length > 0) { filtered = filtered.filter(item => this.formData.categories.includes(item.Category) ); } // if (this.formData.catalogType.length > 0) { // filtered = filtered.filter(item => // this.formData.catalogType === item.CatalogType // ); // } // Filter by colors if (this.formData.colors.length > 0) { filtered = filtered.filter(item => { const itemColors = item.Color?.split(",") || []; return itemColors.some(color => this.formData.colors.includes(color)); }); } // Filter by uValue if (this.formData.uValue.min > 0 || this.formData.uValue.max < this.uValue.max) { filtered = filtered.filter(item => this.isWithinRange(this.formData.uValue.min, this.formData.uValue.max, item.UValue) ); } // Filter by lightTransmittance if (this.formData.lightTransmittance.min > 0 || this.formData.lightTransmittance.max < this.lightTransmittance.max) { filtered = filtered.filter(item => this.isWithinRange(this.formData.lightTransmittance.min, this.formData.lightTransmittance.max, item.LightTransmittance) ); } // Filter by solarFactor if (this.formData.solarFactor.min > 0 || this.formData.solarFactor.max < this.solarFactor.max) { filtered = filtered.filter(item => this.isWithinRange(this.formData.solarFactor.min, this.formData.solarFactor.max, item.SolarFactor) ); } // Filter by shadingCoefficient if (this.formData.shadingCoefficient.min > 0 || this.formData.shadingCoefficient.max < this.shadingCoefficient.max) { filtered = filtered.filter(item => this.isWithinRange(this.formData.shadingCoefficient.min, this.formData.shadingCoefficient.max, item.ShadingCoefficient) ); } // Filter by tempered if (this.formData.tempered !== null) { filtered = filtered.filter(item => item.Tempered === this.formData.tempered ); } // Filter by bimSmartObjects if (this.formData.bimSmartObjects !== null) { filtered = filtered.filter(item => item.BIMSmartObject === this.formData.bimSmartObjects ); } if (this.formData.bimSmartObjects !== null) { filtered = filtered.filter(item => item.BIMSmartObject === this.formData.bimSmartObjects ); } filtered = filtered.filter(item => item.TargetAudience === this.formData.targetAudience ); // Sort items if (this.selectedSort.value === "aToZ") { filtered = filtered.sort((a, b) => a.Title.localeCompare(b.Title)); } else if (this.selectedSort.value === "zToA") { filtered = filtered.sort((a, b) => b.Title.localeCompare(a.Title)); } return filtered; }, handleCategories(item) { if (this.formData.categories.includes(item.id)) { this.addCategory(item) } else { this.removeCategory(item.id) } }, addCategory(item) { const hasAdded = this .selectedCategories .findIndex(i => i.id === item.id) if (hasAdded === -1) { this .selectedCategories .push(item) } }, removeCategory(item) { this .selectedCategories .splice(this.selectedCategory.findIndex(i => i.id === item.id), 1) }, clearSelectedCategories() { this.selectedCategories = [] this.formData.categories = [] }, isSelectedColor(id) { return this .formData .colors .includes(id.toString()) }, validation(fieldName, range = 5) { if (/^\d*$/.test(this.formData[fieldName].min)) { if (this.formData[fieldName].min > this[fieldName].max) { this .formData[fieldName] .min = this[fieldName] .max - range } if (this.formData[fieldName].min < this[fieldName].min) { this .formData[fieldName] .min = this[fieldName] .min } } else { this .formData[fieldName] .min = this[fieldName] .min } if (/^\d*$/.test(this.formData[fieldName].max)) { if (this.formData[fieldName].max > this[fieldName].max) { this .formData[fieldName] .max = this[fieldName] .max } if (this.formData[fieldName].max < this[fieldName].min) { this .formData[fieldName] .max = this[fieldName] .min + range } } else { this .formData[fieldName] .max = this[fieldName] .max } }, generateFilterCategories() { const categories = {}; const catalogTypes = {}; this.products.forEach(item => { // Null veya undefined kontrolü const categoryName = item?.Category || ""; const catalogType = item?.CatalogType || ""; if (!catalogTypes[catalogType]) { catalogTypes[catalogType] = { id: catalogType, name: catalogType, }; } if (!categories[categoryName]) { categories[categoryName] = { id: categoryName, name: categoryName }; } }); this.data.catalogTypes = Object.values(catalogTypes); this.data.categories = Object.values(categories); this.formData.targetAudience = this.properties.resources.filters?.targetAudience[0].value; }, updateDynamicFilters() { const shadingCoefficients = this.products.map(item => { let val = parseFloat(item.ShadingCoefficient); return isNaN(val) ? 0 : val; }); this.shadingCoefficient.min = 0; this.shadingCoefficient.max = Math.max(...shadingCoefficients); const uValues = this.products.map(item => { let val = parseFloat(item.uValue); return isNaN(val) ? 0 : val; }); this.uValue.min = 0; this.uValue.max = Math.max(...uValues); const lightTransmittances = this.products.map(item => { let val = parseFloat(item.lightTransmittance); return isNaN(val) ? 0 : val; }); this.lightTransmittance.min = 0; this.lightTransmittance.max = Math.max(...lightTransmittances); const solarFactors = this.products.map(item => { let val = parseFloat(item.solarFactor); return isNaN(val) ? 0 : val; }); this.solarFactor.min = 0; this.solarFactor.max = Math.max(...solarFactors); if (isNaN(this.shadingCoefficient.min)) this.shadingCoefficient.min = 0; if (isNaN(this.shadingCoefficient.max) || this.shadingCoefficient.max < 1) { this.shadingCoefficient.max = 100; } if (isNaN(this.uValue.min)) this.uValue.min = 0; if (isNaN(this.uValue.max) || this.uValue.max < 1) { this.uValue.max = 100; } if (isNaN(this.lightTransmittance.min)) this.lightTransmittance.min = 0; if (isNaN(this.lightTransmittance.max) || this.lightTransmittance.max < 1) { this.lightTransmittance.max = 100; } if (isNaN(this.solarFactor.min)) this.solarFactor.min = 0; if (isNaN(this.solarFactor.max) || this.solarFactor.max < 1) { this.solarFactor.max = 100; } }, async fetchData() { try { const url = `/_vti_bin/Shared.API/SmartContentService.svc/Get`; const response = await fetch(url, { method: "POST", headers: { "Content-Type": "application/json", }, body: JSON.stringify({ apiKey: this.apiKey }), }); // Yanıtı JSON formatında al const result = await response.json(); // Yanıt doğrulaması yap if (result && result.code === 0) { return result.data || {}; } else { console.error("API Error:", result?.message || "Unknown error"); return []; } } catch (error) { console.error("Request failed:", error); return []; } }, async initCatalog() { if (initData == false) { initData = true; this.apiKey = "20241211234011040-768AE702AFAF6B4E"; var result = await this.fetchData(); var items = result.items.map((item) => { let parsedItem = JSON.parse(item); return parsedItem; }); this.products = items; this.properties = JSON.parse(result.properties); this.properties.resources = JSON.parse(this.properties.resources); const compareList = this.compare.list; const tempCompareList = []; this.products.forEach(product => { const isInCompareList = compareList.some(compItem => compItem.ProductCode === product.ProductCode); product.isAdded = isInCompareList; // isAdded değerini set et if (isInCompareList) { tempCompareList.push(product); } }); this.compare.list = tempCompareList; this.generateFilterCategories(); this.updateDynamicFilters(); this.parsedColors = this.rawColorData.map((color) => ({ value: color.value, label: color[this.currentLang] || color.en, class: color.class, colorCode: color.colorCode })); this.totalPages = this.getTotalPageCount(this.products.length); const i = document.getElementsByClassName("server-rendered-item"); Array.from(i).forEach(n => { n.remove(); }); this.syncWithUrl(); this.updateQueryString(); this.updateVisiblePages(); this.updateSelectedFilters() this.watchFormData(); this.watchPagination(); this.initAllSliders(); this.isLoading = false; } }, initAllSliders() { // sliderConfig array'ini dönerek initSlider fonksiyonuna parametre gönderiyoruz this.sliderConfig.forEach(cfg => { const rangeMin = this[cfg.dataField].min; // Global min const rangeMax = this[cfg.dataField].max; // Global max const startMin = this.formData[cfg.dataField].min; // Kullanıcının seçimi const startMax = this.formData[cfg.dataField].max; // Kullanıcının seçimi this.initSlider({ elementId: cfg.elementId, dataField: cfg.dataField, rangeMin, rangeMax, startMin, startMax, step: cfg.step }); }); }, initSlider({ elementId, dataField, rangeMin, rangeMax, startMin, startMax, step }) { // DOM'da id'si elementId olan div'i bulalım const sliderEl = document.getElementById(elementId); if (!sliderEl) return; // Element yoksa çık // noUiSlider oluştur noUiSlider.create(sliderEl, { range: { min: rangeMin, max: rangeMax }, start: [startMin ? startMin : rangeMin, startMax ? startMax : rangeMax], step: step, connect: true, behaviour: 'tap-drag', tooltips: false, format: wNumb({ decimals: 0 }) }); // Bu slider örneğini saklamak istiyoruz this.rangeSliders[dataField] = sliderEl.noUiSlider; // Slider değiştikçe, Alpine'daki formData güncellensin this.rangeSliders[dataField].on('update', (values, handle) => { if (handle === 0) { this.formData[dataField].min = parseInt(values[0]); } else { this.formData[dataField].max = parseInt(values[1]); } }); }, updateSlider(fieldName) { // Örnek: @input="updateSlider('volume')" dediğinizde tetiklenecek if (!this.rangeSliders[fieldName]) return; // Alpine'daki min/max'i noUiSlider'a set et this.rangeSliders[fieldName].set([ this.formData[fieldName].min, this.formData[fieldName].max ]); }, })) }) </script> </div> </div> </div> <div class="ms-clear"></div> </div> </div> </div> </div> </main> <div class="w-full" x-data="socialMediaData" x-init="init()"> <div class="w-full xl:flex justify-center items-center flex-col bg-white hidden relative"> <div class="xl:w-[1440px] w-full h-[158px] justify-start items-start inline-flex"> <div class="w-1/3 bg-[#1E2A3C] relative z-10"> <div class="h-[158px] pl-12 pr-6 pt-5 pb-2.5 flex-col justify-start items-start gap-2 inline-flex"> <div class="self-stretch h-[72px] flex-col justify-start items-start gap-3 flex"> <div class="self-stretch justify-start items-center gap-3 inline-flex"> <svg class="icon-social-instagram w-9 h-9 text-white" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/social-instagram" /> </svg> <div class="text-white text-base font-semibold leading-normal" x-text="socialLocalizations?.instagramTitle"></div> </div> <div class="self-stretch text-white text-sm font-normal leading-normal" x-text="socialLocalizations?.instagramDesc"></div> </div> <div class="py-3.5 rounded flex-col justify-start items-center gap-3 flex"> <div class="justify-start items-center gap-2 inline-flex"> <div class="text-right text-white text-sm font-semibold leading-tight"><a :href="socialLocalizations?.instagramLink" target="_blank" x-text="socialLocalizations?.followUsButtonText"></a> </div> <svg class="icon-chevron-right w-5 h-5 text-white" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/chevron-right" /> </svg> </div> </div> </div> </div> <div class="w-1/3 bg-gray-500 relative z-10"> <div class="h-[158px] pl-12 pr-6 pt-5 pb-2.5 flex-col justify-start items-start gap-2 inline-flex"> <div class="self-stretch h-[72px] flex-col justify-start items-start gap-3 flex"> <div class="self-stretch justify-start items-center gap-3 inline-flex"> <svg class="icon-social-linkedin w-9 h-9 text-white" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/social-linkedin" /> </svg> <div class="text-white text-base font-semibold leading-normal" x-text="socialLocalizations?.linkedinTitle"></div> </div> <div class="self-stretch text-white text-sm font-normal leading-normal" x-text="socialLocalizations?.linkedinDesc"></div> </div> <div class="py-3.5 rounded flex-col justify-start items-center gap-3 flex"> <div class="justify-start items-center gap-2 inline-flex"> <div class="text-right text-white text-sm font-semibold leading-tight"><a :href="socialLocalizations?.linkedinLink" target="_blank" x-text="socialLocalizations?.followUsButtonText"></a> </div> <svg class="icon-chevron-right w-5 h-5 text-white" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/chevron-right" /> </svg> </div> </div> </div> </div> <div class="w-1/3 bg-gray-400 relative z-10"> <div class="h-[158px] pl-12 pr-6 pt-5 pb-2.5 flex-col justify-start items-start gap-2 inline-flex"> <div class="self-stretch h-[72px] flex-col justify-start items-start gap-3 flex"> <div class="self-stretch justify-start items-center gap-3 inline-flex"> <svg class="icon-social-youtube w-9 h-9 text-white" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/social-youtube" /> </svg> <div class="text-white text-base font-semibold leading-normal" x-text="socialLocalizations?.youtubeTitle"></div> </div> <div class="self-stretch text-white text-sm font-normal leading-normal" x-text="socialLocalizations?.youtubeDesc"></div> </div> <div class="py-3.5 rounded flex-col justify-start items-center gap-3 flex"> <div class="justify-start items-center gap-2 inline-flex"> <div class="text-right text-white text-sm font-semibold leading-tight"><a :href="socialLocalizations?.youtubeLink" target="_blank" x-text="socialLocalizations?.followUsButtonText"></a> </div> <svg class="icon-chevron-right w-5 h-5 text-white" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/chevron-right" /> </svg> </div> </div> </div> </div> </div> </div> <div class="w-full px-6 py-9 bg-dark border-b border-[#545454]/40 flex-col justify-start gap-9 inline-flex xl:hidden bg-black mt-12 footer-container"> <div class="flex-col justify-start items-start gap-9 flex"> <div class="self-stretch text-white text-xl font-semibold leading-relaxed" style="max-width: 259px;" x-text="socialLocalizations?.mobileText"></div> <div class="self-stretch justify-start items-start gap-8 inline-flex"><a rel="nofollow" :href="socialLocalizations?.instagramLink" target="_blank"> <svg class="icon-social-instagram w-9 h-9 text-white" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/social-instagram" /> </svg></a> <a rel="nofollow" :href="socialLocalizations?.linkedinLink" target="_blank"> <svg class="icon-social-linkedin w-9 h-9 text-white" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/social-linkedin" /> </svg></a> <a rel="nofollow" :href="socialLocalizations?.youtubeLink" target="_blank"> <svg class="icon-social-youtube w-9 h-9 text-white" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/social-youtube" /> </svg></a> </div> </div> </div> </div>  <footer class="w-full py-[60px] bg-dark flex justify-center items-center max-xl:hidden"> <div class="xl:w-[1280px] w-full flex-col justify-center items-center gap-16 flex"> <div id="ctl00_PlaceHolderMain_ctl05_menuContainer" class="w-full flex-row justify-start items-start gap-6 flex"> <div class="Footer-menu w-full flex-row justify-start items-start gap-6 flex"> <div class="justify-start items-start gap-x-6 gap-y-12 flex-row grid grid-cols-2 w-1/2"> <div class="Footer-group justify-start items-start gap-6 flex flex-col"><a href="https://www-sisecam-com.translate.goog/tr/bir-bakista-sisecam?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="Footer-group-title self-stretch text-white xl:text-xl text-base xl:font-bold font-semibold xl:leading-7 leading-normal"> Hakkımızda </a> <div class="Footer-group-children self-stretch flex-col justify-start items-start gap-3 flex"><a href="https://www-sisecam-com.translate.goog/tr/bir-bakista-sisecam?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="Footer-group-child self-stretch text-gray-200 hover:text-white text-base font-normal leading-normal"> Bir Bakışta Şişecam </a> <a href="https://www-sisecam-com.translate.goog/tr/vizyon-ve-degerler?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="Footer-group-child self-stretch text-gray-200 hover:text-white text-base font-normal leading-normal"> Vizyon ve Değerler </a> <a href="https://www-sisecam-com.translate.goog/tr/tarihce?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="Footer-group-child self-stretch text-gray-200 hover:text-white text-base font-normal leading-normal"> Tarihçe </a> <a href="https://www-sisecam-com.translate.goog/tr/politikalar?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="Footer-group-child self-stretch text-gray-200 hover:text-white text-base font-normal leading-normal"> Politikalarımız </a> <a href="https://www-sisecam-com.translate.goog/tr/yonetim?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="Footer-group-child self-stretch text-gray-200 hover:text-white text-base font-normal leading-normal"> Yönetim </a> <a href="https://www-sisecam-com.translate.goog/tr/etik-ve-uyum?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="Footer-group-child self-stretch text-gray-200 hover:text-white text-base font-normal leading-normal"> Etik ve Uyum </a> <a href="https://www-sisecam-com.translate.goog/tr/kurumsal-sosyal-sorumluluk?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="Footer-group-child self-stretch text-gray-200 hover:text-white text-base font-normal leading-normal"> Kurumsal Sosyal Sorumluluk </a> </div> </div> <div class="Footer-group justify-start items-start gap-6 flex flex-col"><a href="https://www-sisecam-com.translate.goog/tr/duz-cam?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="Footer-group-title self-stretch text-white xl:text-xl text-base xl:font-bold font-semibold xl:leading-7 leading-normal"> Faaliyet Alanları </a> <div class="Footer-group-children self-stretch flex-col justify-start items-start gap-3 flex"><a href="https://www-sisecam-com.translate.goog/tr/duz-cam?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="Footer-group-child self-stretch text-gray-200 hover:text-white text-base font-normal leading-normal"> Düz Cam </a> <a href="https://www-sisecam-com.translate.goog/tr/cam-ambalaj?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="Footer-group-child self-stretch text-gray-200 hover:text-white text-base font-normal leading-normal"> Cam Ambalaj </a> <a href="https://www-sisecam-com.translate.goog/tr/cam-ev-esyasi?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="Footer-group-child self-stretch text-gray-200 hover:text-white text-base font-normal leading-normal"> Cam Ev Eşyası </a> <a href="https://www-sisecam-com.translate.goog/tr/otomotiv-camlari?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="Footer-group-child self-stretch text-gray-200 hover:text-white text-base font-normal leading-normal"> Otomotiv Camları </a> <a href="https://www-sisecam-com.translate.goog/tr/kimyasallar?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="Footer-group-child self-stretch text-gray-200 hover:text-white text-base font-normal leading-normal"> Kimyasallar </a> <a href="https://www-sisecam-com.translate.goog/tr/maden?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="Footer-group-child self-stretch text-gray-200 hover:text-white text-base font-normal leading-normal"> Maden </a> <a href="https://www-sisecam-com.translate.goog/tr/enerji?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="Footer-group-child self-stretch text-gray-200 hover:text-white text-base font-normal leading-normal"> Enerji </a> <a href="https://www-sisecam-com.translate.goog/tr/cam-elyaf?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="Footer-group-child self-stretch text-gray-200 hover:text-white text-base font-normal leading-normal"> Cam Elyaf </a> </div> </div> <div class="Footer-group justify-start items-start gap-6 flex flex-col"><a href="https://www-sisecam-com.translate.goog/tr/yatirimci-iliskileri?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="Footer-group-title self-stretch text-white xl:text-xl text-base xl:font-bold font-semibold xl:leading-7 leading-normal"> Yatırımcı İlişkileri </a> <div class="Footer-group-children self-stretch flex-col justify-start items-start gap-3 flex"><a href="https://www-sisecam-com.translate.goog/tr/yatirimci-iliskileri/ticari-sicil-bilgileri?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="Footer-group-child self-stretch text-gray-200 hover:text-white text-base font-normal leading-normal"> Kurumsal Kimlik ve Yönetim </a> <a href="https://www-sisecam-com.translate.goog/tr/hisse-bilgisi?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="Footer-group-child self-stretch text-gray-200 hover:text-white text-base font-normal leading-normal"> Hisse Senedi Bilgisi ve Yatırımcı Araçları </a> <a href="https://www-sisecam-com.translate.goog/tr/yatirimci-sunumlari?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="Footer-group-child self-stretch text-gray-200 hover:text-white text-base font-normal leading-normal"> Sunumlar ve Raporlar </a> <a href="https://www-sisecam-com.translate.goog/tr/birlesmeler?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="Footer-group-child self-stretch text-gray-200 hover:text-white text-base font-normal leading-normal"> Birleşmeler ve Bölünmeler </a> <a href="https://www-sisecam-com.translate.goog/tr/yatirimci-iliskileri/arsiv/trakya-cam?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="Footer-group-child self-stretch text-gray-200 hover:text-white text-base font-normal leading-normal"> Arşiv </a> <a href="https://www-sisecam-com.translate.goog/tr/yatirimci-iliskileri/sikca-sorulan-sorular?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="Footer-group-child self-stretch text-gray-200 hover:text-white text-base font-normal leading-normal"> Sıkça Sorulan Sorular </a> <a href="https://www-sisecam-com.translate.goog/tr/yatirimci-iliskileri/yatirimci-iliskileri-iletisim?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="Footer-group-child self-stretch text-gray-200 hover:text-white text-base font-normal leading-normal"> Yatırımcı İlişkileri İletişim </a> </div> </div> <div class="Footer-group justify-start items-start gap-6 flex flex-col"><a href="https://www-sisecam-com.translate.goog/tr/inovasyon?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="Footer-group-title self-stretch text-white xl:text-xl text-base xl:font-bold font-semibold xl:leading-7 leading-normal"> İnovasyon ve Teknoloji </a> </div> </div> <div class="justify-start items-start gap-16 flex-row grid grid-cols-1 w-1/2"> <div x-data="subscribeFooterForm()" x-init="subscribeFooterInit()" class="Footer-subscription justify-start items-start gap-6 flex-row grid grid-cols-1 w-full"> <div class="text-white text-xl font-semibold leading-7"><span x-text="translations[currentLang].bulletinTitle"></span> </div> <div class="justify-center items-start flex-row grid grid-cols-2 gap-6"> <div class="self-stretch h-[68px] flex-col justify-start items-start gap-1 flex"> <div class="self-stretch h-11 py-3 bg-white rounded-lg border flex-col justify-center items-start gap-2.5 flex" :class="{'border-red-warm': emailError, '': !emailError}"><input x-model="email" :disabled="loading" class="w-full pl-3 py-3 bg-white rounded-lg border-0 focus:border-0 focus:outline-0 text-[#a6aaad] text-xs font-normal leading-normal" :placeholder="translations[currentLang].emailPlaceholder" type="email" @input="validateEmail()" placeholder="E-Mail"> </div> </div><button x-bind:class="{ 'opacity-50': loading }" :disabled="loading" @click.prevent="submitForm" class="h-11 max-w-[200px] px-4 py-2.5 bg-blue-innovation rounded-[10px] flex-col justify-center items-center gap-2.5 inline-flex"> <template x-if="loading"> <svg class="animate-spin -ml-1 mr-3 h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24"><circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"> </path> </svg> </template> <template x-if="!loading"><span class="text-center text-white text-sm font-semibold leading-[18.20px] " x-text="translations[currentLang].submitButton"></span> </template></button> </div> </div> <div class="footer-item justify-start items-start gap-x-6 gap-y-12 flex-col grid grid-cols-2"> <div class="justify-start items-start gap-6 flex flex-col"><a href="https://www-sisecam-com.translate.goog/tr/medya-merkezi?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="Footer-group-title self-stretch text-white xl:text-xl text-base xl:font-bold font-semibold xl:leading-7 leading-normal"> Medya Merkezi </a> <div class="self-stretch flex-col justify-start items-start gap-3 flex"><a href="https://www-sisecam-com.translate.goog/tr/basin-bultenleri?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="Footer-group-child self-stretch text-gray-200 hover:text-white text-base font-normal leading-normal flex items-center gap-1"> Basın Bültenleri </a> <a href="https://www-sisecam-com.translate.goog/tr/kurumsal-yayinlar?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="Footer-group-child self-stretch text-gray-200 hover:text-white text-base font-normal leading-normal flex items-center gap-1"> Şişecam Dergisi </a> <a href="https://www-sisecam-com.translate.goog/tr/basin-iletisim-formu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="Footer-group-child self-stretch text-gray-200 hover:text-white text-base font-normal leading-normal flex items-center gap-1"> Basın İletişim Formu </a> </div> </div> <div class="justify-start items-start gap-6 flex flex-col"><a href="https://www-sisecam-com.translate.goog/tr/surdurulebilirlik?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="Footer-group-title self-stretch text-white xl:text-xl text-base xl:font-bold font-semibold xl:leading-7 leading-normal"> Sürdürülebilirlik </a> <div class="self-stretch flex-col justify-start items-start gap-3 flex"><a href="https://www-sisecam-com.translate.goog/tr/geri-donusum?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="Footer-group-child self-stretch text-gray-200 hover:text-white text-base font-normal leading-normal flex items-center gap-1"> Geri Dönüşüm </a> <a href="https://translate.google.com/website?sl=auto&tl=en&hl=auto&u=https://sustainability.sisecam.com/tr/raporlar" target="_blank" class="Footer-group-child self-stretch text-gray-200 hover:text-white text-base font-normal leading-normal flex items-center gap-1"> Raporlar <svg class="icon-arrow-right-up-line w-6 h-6 text-blue-innovation" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/arrow-right-up-line" /> </svg></a> <a href="https://translate.google.com/website?sl=auto&tl=en&hl=auto&u=https://sustainability.sisecam.com/tr" target="_blank" class="Footer-group-child self-stretch text-gray-200 hover:text-white text-base font-normal leading-normal flex items-center gap-1"> CareforNext <svg class="icon-arrow-right-up-line w-6 h-6 text-blue-innovation" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/arrow-right-up-line" /> </svg></a> </div> </div> <div class="justify-start items-start gap-6 flex flex-col"><a href="https://www-sisecam-com.translate.goog/tr/kariyer?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="Footer-group-title self-stretch text-white xl:text-xl text-base xl:font-bold font-semibold xl:leading-7 leading-normal"> Kariyer </a> <div class="self-stretch flex-col justify-start items-start gap-3 flex"><a href="https://translate.google.com/website?sl=auto&tl=en&hl=auto&u=https://www.sisecamkariyerim.com/tr" target="_blank" class="Footer-group-child self-stretch text-gray-200 hover:text-white text-base font-normal leading-normal flex items-center gap-1"> Şişecam Kariyerim <svg class="icon-arrow-right-up-line w-6 h-6 text-blue-innovation" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/arrow-right-up-line" /> </svg></a> </div> </div> <div class="footer-item-last justify-start items-start gap-6 flex flex-col"><a href="https://www-sisecam-com.translate.goog/tr/sirketlerimiz?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="Footer-group-title self-stretch text-white xl:text-xl text-base xl:font-bold font-semibold xl:leading-7 leading-normal"> Şirketlerimiz </a> <a href="https://www-sisecam-com.translate.goog/tr/kalite-belgeleri?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="Footer-group-title self-stretch text-white xl:text-xl text-base xl:font-bold font-semibold xl:leading-7 leading-normal"> Kalite Belgeleri </a> <a href="https://www-sisecam-com.translate.goog/tr/sisecam-haritalar?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="Footer-group-title self-stretch text-white xl:text-xl text-base xl:font-bold font-semibold xl:leading-7 leading-normal"> Dünyada Şişecam </a> <a href="https://translate.google.com/website?sl=auto&tl=en&hl=auto&u=https://www.sisecamcameserleri.com/tr" target="_blank" class="Footer-group-title self-stretch text-white xl:text-xl text-base xl:font-bold font-semibold xl:leading-7 leading-normal"> Cam Eserleri Koleksiyonu </a> <a href="https://www-sisecam-com.translate.goog/tr/bize-ulasin?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="Footer-group-title self-stretch text-white xl:text-xl text-base xl:font-bold font-semibold xl:leading-7 leading-normal"> Bize Ulaşın </a> </div> </div> </div> </div> <script> document.addEventListener("alpine:init", () => { var isSubscribeFooterInit = false; Alpine.data("subscribeFooterForm", () => ({ email: '', loading: false, currentLang: window.location.pathname.split('/')[1] || 'tr', emailError: false, translations: { en: {}, tr: {} }, async subscribeFooterInit() { if (isSubscribeFooterInit == false) { isSubscribeFooterInit == true; try { const response = await fetch(`/${this.currentLang}/_vti_bin/Shared.API/LocalizationService.svc/GetByCategory`, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ category: 'Newsletter' }) }); const data = await response.json(); if (data.code === 0) { this.translations[this.currentLang] = (data.data?.texts || []).reduce((acc, item) => { acc[item.name] = item.value; return acc; } , {}); } else { console.error('Failed to fetch localization data:', data.message); } } catch (error) { console.error('Error fetching localization data:', error); } } }, get currentTranslations() { return this.translations[this.currentLang]; }, showFailModal() { Alpine.store('modal').modalItem = { title: this.currentTranslations.failTitle, description: this.currentTranslations.failMessage, type: 'fail', button1: null, button2: null }; Alpine.store('modal').showModal = true; }, validateEmail() { const regex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; this.emailError = !regex.test(this.email); }, async submitForm() { this.validateEmail(); this.loading = true; if (this.emailError || this.email === '') { this.loading = false; return; } const reCaptchaKey = window.document.getElementById('google-recaptcha').getAttribute("data-sitekey"); var self = this; grecaptcha.ready(function () { grecaptcha.execute(reCaptchaKey, { action: 'submit' }).then(async function (token) { try { const response = await fetch("/_vti_bin/Shared.API/SubscribeService.svc/Subscribe/Global", { method: "POST", headers: { "Content-Type": "application/json", }, body: JSON.stringify({ request: { ReCaptchaToken: token, Email: self.email } }), }); const result = await response.json(); if (result && result.code === 0) { Alpine.store('modal').modalItem = { title: self.currentTranslations.successTitle, description: self.currentTranslations.successMessage, type: 'success', button1: null, button2: null }; Alpine.store('modal').showModal = true; } else { console.error("API Error:", result.message || "Unknown error"); self.showFailModal(); } } catch (error) { console.error("Request failed:", error); self.showFailModal(); } finally { self.loading = false; } }); }); } })); }); </script> </div> <div class="w-full h-[0px] border border-gray-200"></div> <div class="w-full justify-end gap-12 inline-flex"> <div class="flex-col justify-start items-start gap-4 inline-flex mr-auto" style="margin-right: auto;"><a x-bind:href="`/${window.location.pathname.split('/')[1] || 'tr'}`" class="text-white hover:text-white text-base font-normal leading-normal"> <img class="footer-logo" src="/_catalogs/masterpage/assets/images/logos/logo-white2.svg"> </a> </div> <div class="flex-col justify-start items-start gap-4 inline-flex"> <div class="flex-col justify-start items-start gap-4 inline-flex"><a href="https://www-sisecam-com.translate.goog/tr/kullanim-kosullari?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="text-white hover:text-white text-base font-normal leading-normal"> Kullanım Şartları </a> <a href="https://www-sisecam-com.translate.goog/tr/bilgi-guvenligi?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="text-white hover:text-white text-base font-normal leading-normal"> Bilgi Güvenliği </a> <div class="justify-start items-center inline-flex"><a href="https://translate.google.com/website?sl=auto&tl=en&hl=auto&u=https://e-sirket.mkk.com.tr/esir/Dashboard.jsp%23/sirketbilgileri/10340/" target="_blank" class="text-white hover:text-white text-base font-normal leading-normal flex items-center gap-1"> Bilgi Toplum Hizmeti <svg class="icon-arrow-right-up-line w-6 h-6 text-blue-innovation" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/arrow-right-up-line" /> </svg></a> </div> </div> </div> <div class="flex-col justify-start items-start gap-4 inline-flex"> <div class="flex-col justify-start items-start gap-4 inline-flex"><a href="https://www-sisecam-com.translate.goog/tr/gizlilik-ve-veri-korumasi?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="text-white hover:text-white text-base font-normal leading-normal"> Gizlilik ve Kişisel Verilerin Korunması </a> <div class="justify-start items-center inline-flex"><a href="https://translate.google.com/website?sl=auto&tl=en&hl=auto&u=https://tedarikci.sisecam.com/" target="_blank" class="text-white hover:text-white text-base font-normal leading-normal flex items-center gap-1"> Tedarikçi İlişkileri <svg class="icon-arrow-right-up-line w-6 h-6 text-blue-innovation" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/arrow-right-up-line" /> </svg></a> </div><a href="https://www-sisecam-com.translate.goog/tr/bekra?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="text-white hover:text-white text-base font-normal leading-normal"> BEKRA </a> </div> </div> <div class="flex-col justify-start items-start gap-4 inline-flex"> <div class="flex-col justify-start items-start gap-4 inline-flex"> <div class="justify-start items-center inline-flex"><a href="https://translate.google.com/website?sl=auto&tl=en&hl=auto&u=+https://ethicshotline.sisecam.com/" target="_blank" class="text-white hover:text-white text-base font-normal leading-normal flex items-center gap-1"> Ethics Hotline <svg class="icon-arrow-right-up-line w-6 h-6 text-blue-innovation" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/arrow-right-up-line" /> </svg></a> </div> </div> </div> <div class="self-stretch flex-col justify-between items-start inline-flex"><iframe src="https://scores.securityscorecard.io/security-rating/badge/sisecam.com.tr" width="256" height="100" frameborder="0"></iframe> </div> </div> </div> </footer> <footer class="w-full py-[36px] px-[24px] bg-dark flex justify-center items-center xl:hidden"> <div class="w-full flex-col justify-center items-center gap-6 flex"> <div class="w-full flex-col justify-start items-start gap-6 flex"><a href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#" class="text-white hover:text-white text-base font-normal leading-normal"> <img class="footer-logo" src="/_catalogs/masterpage/assets/images/logos/logo-white2.svg"> </a> </div> <div x-data="subscribeFooterMobileForm()" x-init="subscribeMobileFooterInit()" class="justify-start items-start gap-6 flex-row grid grid-cols-1 w-full"> <div class="text-white text-xl font-semibold leading-7"><span x-text="translations[currentLang].bulletinTitle"></span> </div> <div class="justify-center items-end flex-row grid grid-cols-1 gap-6"> <div class="self-stretch flex-col justify-start items-start gap-1 flex"> <div class="self-stretch h-11 py-3 bg-white rounded-lg border flex-col justify-center items-start gap-2.5 flex border-red-500" :class="{'border-red-500': emailError, 'border-gray-100': !emailError}"><input x-model="email" :disabled="loading" class="w-full pl-3 py-3 bg-white rounded-lg border text-[#a6aaad] text-xs font-normal leading-normal" :placeholder="translations[currentLang].emailPlaceholder" type="email" @input="validateEmail()" placeholder="E-Mail"> </div> </div><button x-bind:class="{ 'opacity-50': loading }" :disabled="loading" @click.prevent="submitForm" class="h-11 px-4 py-2.5 bg-blue-innovation rounded-[10px] flex-col justify-center items-center gap-2.5 inline-flex"> <template x-if="loading"> <svg class="animate-spin -ml-1 mr-3 h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24"><circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"> </path> </svg> </template> <template x-if="!loading"><span class="text-center text-white text-sm font-semibold leading-[18.20px] " x-text="translations[currentLang].submitButton"></span> </template></button> </div> </div> <div class="Footer-menu-mobile w-full flex-col justify-start items-start gap-6 flex"> <div class="justify-start items-start gap-6 flex flex-col w-full" x-data="{ isOpenMobileMenu: false }"> <div class="w-full justify-between items-center flex-row flex"><a href="https://www-sisecam-com.translate.goog/tr/bir-bakista-sisecam?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="Footer-group-title self-stretch text-white text-base font-semibold leading-normal flex items-center gap-1"> Hakkımızda </a> <button class="w-4 h-4" @click.prevent="isOpenMobileMenu = !isOpenMobileMenu"> <span x-show="isOpenMobileMenu" style="display: none;"> <svg class="Footer-button-arrow icon-chevron-up w-4 h-4 text-white" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/chevron-up" /> </svg></span> <span x-show="!isOpenMobileMenu"> <svg class="Footer-button-arrow icon-chevron-down w-4 h-4 text-white" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/chevron-down" /> </svg></span> </button> </div> <div class="self-stretch flex-col justify-start items-start gap-3 flex" x-show="isOpenMobileMenu" x-transition="" style="display: none;"><a href="https://www-sisecam-com.translate.goog/tr/bir-bakista-sisecam?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="Footer-group-child self-stretch text-gray-200 hover:text-white text-base font-normal leading-normal flex items-center gap-1"> Bir Bakışta Şişecam </a> <a href="https://www-sisecam-com.translate.goog/tr/vizyon-ve-degerler?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="Footer-group-child self-stretch text-gray-200 hover:text-white text-base font-normal leading-normal flex items-center gap-1"> Vizyon ve Değerler </a> <a href="https://www-sisecam-com.translate.goog/tr/tarihce?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="Footer-group-child self-stretch text-gray-200 hover:text-white text-base font-normal leading-normal flex items-center gap-1"> Tarihçe </a> <a href="https://www-sisecam-com.translate.goog/tr/politikalar?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="Footer-group-child self-stretch text-gray-200 hover:text-white text-base font-normal leading-normal flex items-center gap-1"> Politikalarımız </a> <a href="https://www-sisecam-com.translate.goog/tr/yonetim?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="Footer-group-child self-stretch text-gray-200 hover:text-white text-base font-normal leading-normal flex items-center gap-1"> Yönetim </a> <a href="https://www-sisecam-com.translate.goog/tr/etik-ve-uyum?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="Footer-group-child self-stretch text-gray-200 hover:text-white text-base font-normal leading-normal flex items-center gap-1"> Etik ve Uyum </a> <a href="https://www-sisecam-com.translate.goog/tr/kurumsal-sosyal-sorumluluk?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="Footer-group-child self-stretch text-gray-200 hover:text-white text-base font-normal leading-normal flex items-center gap-1"> Kurumsal Sosyal Sorumluluk </a> </div> </div> <div class="justify-start items-start gap-6 flex flex-col w-full" x-data="{ isOpenMobileMenu: false }"> <div class="w-full justify-between items-center flex-row flex"><a href="https://www-sisecam-com.translate.goog/tr/duz-cam?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="Footer-group-title self-stretch text-white text-base font-semibold leading-normal flex items-center gap-1"> Faaliyet Alanları </a> <button class="w-4 h-4" @click.prevent="isOpenMobileMenu = !isOpenMobileMenu"> <span x-show="isOpenMobileMenu" style="display: none;"> <svg class="Footer-button-arrow icon-chevron-up w-4 h-4 text-white" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/chevron-up" /> </svg></span> <span x-show="!isOpenMobileMenu"> <svg class="Footer-button-arrow icon-chevron-down w-4 h-4 text-white" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/chevron-down" /> </svg></span> </button> </div> <div class="self-stretch flex-col justify-start items-start gap-3 flex" x-show="isOpenMobileMenu" x-transition="" style="display: none;"><a href="https://www-sisecam-com.translate.goog/tr/duz-cam?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="Footer-group-child self-stretch text-gray-200 hover:text-white text-base font-normal leading-normal flex items-center gap-1"> Düz Cam </a> <a href="https://www-sisecam-com.translate.goog/tr/cam-ambalaj?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="Footer-group-child self-stretch text-gray-200 hover:text-white text-base font-normal leading-normal flex items-center gap-1"> Cam Ambalaj </a> <a href="https://www-sisecam-com.translate.goog/tr/cam-ev-esyasi?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="Footer-group-child self-stretch text-gray-200 hover:text-white text-base font-normal leading-normal flex items-center gap-1"> Cam Ev Eşyası </a> <a href="https://www-sisecam-com.translate.goog/tr/otomotiv-camlari?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="Footer-group-child self-stretch text-gray-200 hover:text-white text-base font-normal leading-normal flex items-center gap-1"> Otomotiv Camları </a> <a href="https://www-sisecam-com.translate.goog/tr/kimyasallar?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="Footer-group-child self-stretch text-gray-200 hover:text-white text-base font-normal leading-normal flex items-center gap-1"> Kimyasallar </a> <a href="https://www-sisecam-com.translate.goog/tr/maden?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="Footer-group-child self-stretch text-gray-200 hover:text-white text-base font-normal leading-normal flex items-center gap-1"> Maden </a> <a href="https://www-sisecam-com.translate.goog/tr/enerji?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="Footer-group-child self-stretch text-gray-200 hover:text-white text-base font-normal leading-normal flex items-center gap-1"> Enerji </a> <a href="https://www-sisecam-com.translate.goog/tr/cam-elyaf?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="Footer-group-child self-stretch text-gray-200 hover:text-white text-base font-normal leading-normal flex items-center gap-1"> Cam Elyaf </a> </div> </div> <div class="justify-start items-start gap-6 flex flex-col w-full" x-data="{ isOpenMobileMenu: false }"> <div class="w-full justify-between items-center flex-row flex"><a href="https://www-sisecam-com.translate.goog/tr/medya-merkezi?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="Footer-group-title self-stretch text-white text-base font-semibold leading-normal flex items-center gap-1"> Medya Merkezi </a> <button class="w-4 h-4" @click.prevent="isOpenMobileMenu = !isOpenMobileMenu"> <span x-show="isOpenMobileMenu" style="display: none;"> <svg class="Footer-button-arrow icon-chevron-up w-4 h-4 text-white" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/chevron-up" /> </svg></span> <span x-show="!isOpenMobileMenu"> <svg class="Footer-button-arrow icon-chevron-down w-4 h-4 text-white" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/chevron-down" /> </svg></span> </button> </div> <div class="self-stretch flex-col justify-start items-start gap-3 flex" x-show="isOpenMobileMenu" x-transition="" style="display: none;"><a href="https://www-sisecam-com.translate.goog/tr/basin-bultenleri?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="Footer-group-child self-stretch text-gray-200 hover:text-white text-base font-normal leading-normal flex items-center gap-1"> Basın Bültenleri </a> <a href="https://www-sisecam-com.translate.goog/tr/kurumsal-yayinlar?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="Footer-group-child self-stretch text-gray-200 hover:text-white text-base font-normal leading-normal flex items-center gap-1"> Şişecam Dergisi </a> <a href="https://www-sisecam-com.translate.goog/tr/basin-iletisim-formu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="Footer-group-child self-stretch text-gray-200 hover:text-white text-base font-normal leading-normal flex items-center gap-1"> Basın İletişim Formu </a> </div> </div> <div class="justify-start items-start gap-6 flex flex-col w-full" x-data="{ isOpenMobileMenu: false }"> <div class="w-full justify-between items-center flex-row flex"><a href="https://www-sisecam-com.translate.goog/tr/yatirimci-iliskileri?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="Footer-group-title self-stretch text-white text-base font-semibold leading-normal flex items-center gap-1"> Yatırımcı İlişkileri </a> <button class="w-4 h-4" @click.prevent="isOpenMobileMenu = !isOpenMobileMenu"> <span x-show="isOpenMobileMenu" style="display: none;"> <svg class="Footer-button-arrow icon-chevron-up w-4 h-4 text-white" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/chevron-up" /> </svg></span> <span x-show="!isOpenMobileMenu"> <svg class="Footer-button-arrow icon-chevron-down w-4 h-4 text-white" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/chevron-down" /> </svg></span> </button> </div> <div class="self-stretch flex-col justify-start items-start gap-3 flex" x-show="isOpenMobileMenu" x-transition="" style="display: none;"><a href="https://www-sisecam-com.translate.goog/tr/yatirimci-iliskileri/ticari-sicil-bilgileri?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="Footer-group-child self-stretch text-gray-200 hover:text-white text-base font-normal leading-normal flex items-center gap-1"> Kurumsal Kimlik ve Yönetim </a> <a href="https://www-sisecam-com.translate.goog/tr/hisse-bilgisi?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="Footer-group-child self-stretch text-gray-200 hover:text-white text-base font-normal leading-normal flex items-center gap-1"> Hisse Senedi Bilgisi ve Yatırımcı Araçları </a> <a href="https://www-sisecam-com.translate.goog/tr/yatirimci-sunumlari?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="Footer-group-child self-stretch text-gray-200 hover:text-white text-base font-normal leading-normal flex items-center gap-1"> Sunumlar ve Raporlar </a> <a href="https://www-sisecam-com.translate.goog/tr/birlesmeler?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="Footer-group-child self-stretch text-gray-200 hover:text-white text-base font-normal leading-normal flex items-center gap-1"> Birleşmeler ve Bölünmeler </a> <a href="https://www-sisecam-com.translate.goog/tr/yatirimci-iliskileri/arsiv/trakya-cam?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="Footer-group-child self-stretch text-gray-200 hover:text-white text-base font-normal leading-normal flex items-center gap-1"> Arşiv </a> <a href="https://www-sisecam-com.translate.goog/tr/yatirimci-iliskileri/sikca-sorulan-sorular?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="Footer-group-child self-stretch text-gray-200 hover:text-white text-base font-normal leading-normal flex items-center gap-1"> Sıkça Sorulan Sorular </a> <a href="https://www-sisecam-com.translate.goog/tr/yatirimci-iliskileri/yatirimci-iliskileri-iletisim?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="Footer-group-child self-stretch text-gray-200 hover:text-white text-base font-normal leading-normal flex items-center gap-1"> Yatırımcı İlişkileri İletişim </a> </div> </div> <div class="justify-start items-start gap-6 flex flex-col w-full" x-data="{ isOpenMobileMenu: false }"> <div class="w-full justify-between items-center flex-row flex"><a href="https://www-sisecam-com.translate.goog/tr/sirketlerimiz?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="Footer-group-title self-stretch text-white text-base font-semibold leading-normal flex items-center gap-1"> Şirketlerimiz </a> </div> </div> <div class="justify-start items-start gap-6 flex flex-col w-full" x-data="{ isOpenMobileMenu: false }"> <div class="w-full justify-between items-center flex-row flex"><a href="https://www-sisecam-com.translate.goog/tr/kalite-belgeleri?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="Footer-group-title self-stretch text-white text-base font-semibold leading-normal flex items-center gap-1"> Kalite Belgeleri </a> </div> </div> <div class="justify-start items-start gap-6 flex flex-col w-full" x-data="{ isOpenMobileMenu: false }"> <div class="w-full justify-between items-center flex-row flex"><a href="https://www-sisecam-com.translate.goog/tr/sisecam-haritalar?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="Footer-group-title self-stretch text-white text-base font-semibold leading-normal flex items-center gap-1"> Dünyada Şişecam </a> </div> </div> <div class="justify-start items-start gap-6 flex flex-col w-full" x-data="{ isOpenMobileMenu: false }"> <div class="w-full justify-between items-center flex-row flex"><a href="https://www-sisecam-com.translate.goog/tr/surdurulebilirlik?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="Footer-group-title self-stretch text-white text-base font-semibold leading-normal flex items-center gap-1"> Sürdürülebilirlik </a> <button class="w-4 h-4" @click.prevent="isOpenMobileMenu = !isOpenMobileMenu"> <span x-show="isOpenMobileMenu" style="display: none;"> <svg class="Footer-button-arrow icon-chevron-up w-4 h-4 text-white" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/chevron-up" /> </svg></span> <span x-show="!isOpenMobileMenu"> <svg class="Footer-button-arrow icon-chevron-down w-4 h-4 text-white" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/chevron-down" /> </svg></span> </button> </div> <div class="self-stretch flex-col justify-start items-start gap-3 flex" x-show="isOpenMobileMenu" x-transition="" style="display: none;"><a href="https://www-sisecam-com.translate.goog/tr/geri-donusum?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="Footer-group-child self-stretch text-gray-200 hover:text-white text-base font-normal leading-normal flex items-center gap-1"> Geri Dönüşüm </a> <a href="https://translate.google.com/website?sl=auto&tl=en&hl=auto&u=https://sustainability.sisecam.com/tr/raporlar" target="_blank" class="Footer-group-child self-stretch text-gray-200 hover:text-white text-base font-normal leading-normal flex items-center gap-1"> Raporlar <svg class="icon-arrow-right-up-line w-6 h-6 text-blue-innovation" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/arrow-right-up-line" /> </svg></a> <a href="https://translate.google.com/website?sl=auto&tl=en&hl=auto&u=https://sustainability.sisecam.com/tr" target="_blank" class="Footer-group-child self-stretch text-gray-200 hover:text-white text-base font-normal leading-normal flex items-center gap-1"> CareforNext <svg class="icon-arrow-right-up-line w-6 h-6 text-blue-innovation" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/arrow-right-up-line" /> </svg></a> </div> </div> <div class="justify-start items-start gap-6 flex flex-col w-full" x-data="{ isOpenMobileMenu: false }"> <div class="w-full justify-between items-center flex-row flex"><a href="https://www-sisecam-com.translate.goog/tr/kariyer?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="Footer-group-title self-stretch text-white text-base font-semibold leading-normal flex items-center gap-1"> Kariyer </a> <button class="w-4 h-4" @click.prevent="isOpenMobileMenu = !isOpenMobileMenu"> <span x-show="isOpenMobileMenu" style="display: none;"> <svg class="Footer-button-arrow icon-chevron-up w-4 h-4 text-white" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/chevron-up" /> </svg></span> <span x-show="!isOpenMobileMenu"> <svg class="Footer-button-arrow icon-chevron-down w-4 h-4 text-white" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/chevron-down" /> </svg></span> </button> </div> <div class="self-stretch flex-col justify-start items-start gap-3 flex" x-show="isOpenMobileMenu" x-transition="" style="display: none;"><a href="https://translate.google.com/website?sl=auto&tl=en&hl=auto&u=https://www.sisecamkariyerim.com/tr" target="_blank" class="Footer-group-child self-stretch text-gray-200 hover:text-white text-base font-normal leading-normal flex items-center gap-1"> Şişecam Kariyerim <svg class="icon-arrow-right-up-line w-6 h-6 text-blue-innovation" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/arrow-right-up-line" /> </svg></a> </div> </div> <div class="justify-start items-start gap-6 flex flex-col w-full" x-data="{ isOpenMobileMenu: false }"> <div class="w-full justify-between items-center flex-row flex"><a href="https://www-sisecam-com.translate.goog/tr/inovasyon?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="Footer-group-title self-stretch text-white text-base font-semibold leading-normal flex items-center gap-1"> İnovasyon ve Teknoloji </a> </div> </div> <div class="justify-start items-start gap-6 flex flex-col w-full" x-data="{ isOpenMobileMenu: false }"> <div class="w-full justify-between items-center flex-row flex"><a href="https://translate.google.com/website?sl=auto&tl=en&hl=auto&u=https://www.sisecamcameserleri.com/tr" target="_blank" class="Footer-group-title self-stretch text-white text-base font-semibold leading-normal flex items-center gap-1"> Cam Eserleri Koleksiyonu </a> </div> </div> <div class="justify-start items-start gap-6 flex flex-col w-full" x-data="{ isOpenMobileMenu: false }"> <div class="w-full justify-between items-center flex-row flex"><a href="https://www-sisecam-com.translate.goog/tr/bize-ulasin?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="Footer-group-title self-stretch text-white text-base font-semibold leading-normal flex items-center gap-1"> Bize Ulaşın </a> </div> </div> </div> <script> document.addEventListener("alpine:init", () => { var isSubscribeFooterInit = false; Alpine.data("subscribeFooterMobileForm", () => ({ email: '', loading: false, currentLang: window.location.pathname.split('/')[1] || 'tr', emailError: false, translations: { en: {}, tr: {} }, async subscribeMobileFooterInit() { if (isSubscribeFooterInit == false) { isSubscribeFooterInit == true; try { const response = await fetch(`/${this.currentLang}/_vti_bin/Shared.API/LocalizationService.svc/GetByCategory`, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ category: 'Newsletter' }) }); const data = await response.json(); if (data.code === 0) { this.translations[this.currentLang] = (data.data?.texts || []).reduce((acc, item) => { acc[item.name] = item.value; return acc; } , {}); } else { console.error('Failed to fetch localization data:', data.message); } } catch (error) { console.error('Error fetching localization data:', error); } } }, get currentTranslations() { return this.translations[this.currentLang]; }, showFailModal() { Alpine.store('modal').modalItem = { title: this.currentTranslations.failTitle, description: this.currentTranslations.failMessage, type: 'fail', button1: null, button2: null }; Alpine.store('modal').showModal = true; }, validateEmail() { const regex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; this.emailError = !regex.test(this.email); }, async submitForm() { this.validateEmail(); this.loading = true; if (this.emailError || this.email === '') { this.loading = false; return; } const reCaptchaKey = window.document.getElementById('google-recaptcha').getAttribute("data-sitekey"); var self = this; grecaptcha.ready(function () { grecaptcha.execute(reCaptchaKey, { action: 'submit' }).then(async function (token) { try { const response = await fetch("/_vti_bin/Shared.API/SubscribeService.svc/Subscribe/Global", { method: "POST", headers: { "Content-Type": "application/json", }, body: JSON.stringify({ request: { ReCaptchaToken: token, Email: self.email } }), }); const result = await response.json(); if (result && result.code === 0) { Alpine.store('modal').modalItem = { title: self.currentTranslations.successTitle, description: self.currentTranslations.successMessage, type: 'success', button1: null, button2: null }; Alpine.store('modal').showModal = true; } else { console.error("API Error:", result.message || "Unknown error"); self.showFailModal(); } } catch (error) { console.error("Request failed:", error); self.showFailModal(); } finally { self.loading = false; } }); }); } })); }); </script> <div class="w-full flex-col justify-end gap-4 inline-flex py-[36px]"> <div class="self-stretch flex-col justify-between items-start inline-flex mb-7"><iframe src="https://scores.securityscorecard.io/security-rating/badge/sisecam.com.tr" width="256" height="100" frameborder="0"></iframe> </div> <div class="flex-col justify-start items-start gap-4 inline-flex"><a href="https://www-sisecam-com.translate.goog/tr/kullanim-kosullari?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="text-white hover:text-white text-base font-normal leading-normal"> Kullanım Şartları </a> <a href="https://www-sisecam-com.translate.goog/tr/bilgi-guvenligi?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="text-white hover:text-white text-base font-normal leading-normal"> Bilgi Güvenliği </a> <div class="justify-start items-center inline-flex"><a href="https://translate.google.com/website?sl=auto&tl=en&hl=auto&u=https://e-sirket.mkk.com.tr/esir/Dashboard.jsp%23/sirketbilgileri/10340/" target="_blank" class="text-white hover:text-white text-base font-normal leading-normal flex items-center gap-1"> Bilgi Toplum Hizmeti <svg class="icon-arrow-right-up-line w-6 h-6 text-blue-innovation" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/arrow-right-up-line" /> </svg></a> </div> </div> <div class="flex-col justify-start items-start gap-4 inline-flex"><a href="https://www-sisecam-com.translate.goog/tr/gizlilik-ve-veri-korumasi?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="text-white hover:text-white text-base font-normal leading-normal"> Gizlilik ve Kişisel Verilerin Korunması </a> <div class="justify-start items-center inline-flex"><a href="https://translate.google.com/website?sl=auto&tl=en&hl=auto&u=https://tedarikci.sisecam.com/" target="_blank" class="text-white hover:text-white text-base font-normal leading-normal flex items-center gap-1"> Tedarikçi İlişkileri <svg class="icon-arrow-right-up-line w-6 h-6 text-blue-innovation" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/arrow-right-up-line" /> </svg></a> </div><a href="https://www-sisecam-com.translate.goog/tr/bekra?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto" target="_self" class="text-white hover:text-white text-base font-normal leading-normal"> BEKRA </a> </div> <div class="flex-col justify-start items-start gap-4 inline-flex"> <div class="justify-start items-center inline-flex"><a href="https://translate.google.com/website?sl=auto&tl=en&hl=auto&u=+https://ethicshotline.sisecam.com/" target="_blank" class="text-white hover:text-white text-base font-normal leading-normal flex items-center gap-1"> Ethics Hotline <svg class="icon-arrow-right-up-line w-6 h-6 text-blue-innovation" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/arrow-right-up-line" /> </svg></a> </div> </div> </div> </div> </footer> </div> <div style="display:none" id="hidZone"> <menu class="ms-hide"><ie:menuitem id="MSOMenu_Help" iconsrc="/_layouts/15/images/HelpIcon.gif" onmenuclick="MSOWebPartPage_SetNewWindowLocation(MenuWebPart.getAttribute('helpLink'), MenuWebPart.getAttribute('helpMode'))" text="Yardım" type="option" style="display:none"> </ie:menuitem> </menu> </div> <script type="module" src="/_catalogs/masterpage/assets/icons.js"></script> <script src="/_catalogs/masterpage/assets/modules/common/global.js"></script> <script src="/_catalogs/masterpage/assets/swiper-bundle.min.js"></script> <script src="/_catalogs/masterpage/assets/custom-sliders.js"></script> <div class="Search" x-data="footerToSearchMenu" style="display: none" x-init="init()" @resize.window="windowWidth = window.innerWidth" x-cloak x-show="$store.searchStore.searchBar" x-effect="$store.searchStore.searchBar ? document.body.classList.add('overflow-hidden') : document.body.classList.remove('overflow-hidden')" x-transition:enter="transition ease-out duration-200 transform" x-transition:enter-start="opacity-0 -translate-y-2" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-out duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"> <div class="Search-top"> <div class="xl:w-[849px] w-full flex-col justify-start items-start xl:gap-9 gap-6 inline-flex max-xl:border-b max-xl:border-gray-100 max-xl:pb-4"> <div class="text-blue-dark xl:text-5xl text-2xl font-bold xl:leading-[60px] leading-relaxed max-xl:text-center max-xl:w-full max-xl:border-b max-xl:border-gray-100 max-xl:pb-4 relative"> Arama <button aria-label="Search" @click.prevent="$store.searchStore.searchBar = false" class="w-full py-2.5 flex justify-end items-center gap-4 flex-row p-6 absolute -right-6 top-0 xl:hidden"> <svg class="icon-close w-4 h-4 text-blue-dark" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/close" /> </svg></button> </div> <div class="self-stretch xl:h-11 flex-col justify-end items-start gap-6 flex relative"> <div class="self-stretch justify-start items-end gap-3 inline-flex"> <div class="grow shrink basis-0 flex-col justify-start items-start gap-1 inline-flex"> <div class="self-stretch h-11 p-3 bg-white rounded-lg border border-gray-100 justify-start items-center gap-2 inline-flex"> <div class="justify-start items-center gap-2 flex w-full"> <div class="w-4 h-4 relative"> <svg class="icon-search-sm w-4 h-4 text-blue-dark" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/search-sm" /> </svg> </div> <div class="h-6 justify-start items-center flex w-full"><input class="text-gray-500 text-sm font-normal outline-none w-full" name="q" placeholder="Arama yapın" x-model="searchText" @input.debounce.300="search()" @focus="resultShow = searchText.trim().length > 0" @blur="resultShow = false" @keydown.enter="$event.preventDefault(); window.location.href = '/tr/arama?q=' + encodeURIComponent(searchText)"> </div> </div> <template x-if="resultShow && searchText.trim().length > 0"> <div class="Search-result absolute top-full left-0 right-0 bg-white rounded-lg shadow-lg mt-2 max-h-[400px] overflow-auto z-50"> <template x-if="loading"> <div class="flex items-center justify-center w-full py-4"> <div class="flex flex-col items-center gap-2"> <svg class="animate-spin h-5 w-5 text-blue-innovation" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24"><circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg><span class="text-gray-500 text-xs">Aranıyor...</span> </div> </div> </template> <template x-if="!loading && items.length > 0"> <div class="py-2"> <template x-for="item in items" :key="item.DocId"><a :href="item.Path" class="flex gap-3 px-4 py-2 hover:bg-gray-50 text-left transition-colors duration-200" @click="resultShow = false" @mousedown.prevent="window.location.href = item.Path"> <div class="w-3 h-3 shrink-1 relative"> <svg class="icon-search-sm w-3 h-3 text-blue-dark" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/search-sm" /> </svg> </div> <div class="flex-1"> <p class="text-sm text-blue-dark font-medium" x-html="getText(item.Title || '')"></p> <p class="text-xs text-gray-500 mt-1 line-clamp-2" x-html="getText(item.HitHighlightedSummary || '')"></p> </div></a> </template> </div> </template> <template x-if="!loading && items.length === 0 && searchText.trim()"> <div class="py-4 text-center text-gray-500 text-sm"> Sonuç bulunamadı </div> </template> </div> </template> </div> </div> </div> </div> </div> </div> <div class="Search-bottom w-full xl:px-20 xl:pt-[60px] xl:pb-12 max-xl:p-6 max-h-full bg-white flex-col justify-start items-center gap-[60px] inline-flex overflow-auto xl:shadow-lg"> <div class="Search-menu-content xl:w-[1280px] w-full h-full flex-col justify-start items-start xl:gap-[60px] gap-6 hidden xl:flex"></div> <div class="Search-menu-content-mobile xl:w-[1280px] w-full h-full flex-col justify-start items-start xl:gap-[60px] gap-6 flex xl:hidden"></div> </div> </div> </form> <script> document.addEventListener('alpine:init', () => { Alpine.data('footerToSearchMenu', () => ({ windowWidth: window.innerWidth, wideFooterClone: null, mobileFooterClone: null, searchText: '', items: [], loading: false, resultShow: false, config: { siteUrl: window.location.origin, scopeId: 'e6c678f9-5849-468a-9f8c-d61add1d865f', selectProperties: [ 'Title', 'Description', 'Category', 'SubCategory', 'Created', 'FileType', 'FileExtension', 'Filename', 'HitHighlightedSummary', 'HitHighlightedProperties', 'PublishingImage', 'Path', 'DocumentLink', ], defaultRowLimit: 10, defaultStartRow: 0, }, init() { this.handleScreenWidthChange(this.windowWidth); this.$watch('windowWidth', (newValue) => { this.handleScreenWidthChange(newValue); }); }, handleScreenWidthChange(value) { let searchMenuContent = document.querySelector('.Search-menu-content'); if (searchMenuContent && this.wideFooterClone && searchMenuContent.contains(this.wideFooterClone)) { searchMenuContent.removeChild(this.wideFooterClone); } let searchMenuContentMobile = document.querySelector('.Search-menu-content-mobile'); if ( searchMenuContentMobile && this.mobileFooterClone && searchMenuContentMobile.contains(this.mobileFooterClone) ) { searchMenuContentMobile.removeChild(this.mobileFooterClone); } if (value >= 1280) { let footerMenu = document.querySelector('.Footer-menu'); if (!footerMenu) return; let clone = footerMenu.cloneNode(true); let subscription = clone.querySelector('.Footer-subscription'); if (subscription) subscription.remove(); this.wideFooterClone = clone; if (searchMenuContent) { searchMenuContent.appendChild(this.wideFooterClone); } } else { let footerMenuMobile = document.querySelector('.Footer-menu-mobile'); if (!footerMenuMobile) return; let clone = footerMenuMobile.cloneNode(true); this.mobileFooterClone = clone; if (searchMenuContentMobile) { searchMenuContentMobile.appendChild(this.mobileFooterClone); } } }, async getFormDigest() { try { const response = await fetch(`${this.config.siteUrl}/_api/contextinfo`, { method: 'POST', headers: { Accept: 'application/json;odata=verbose', 'Content-Type': 'application/json;odata=verbose', }, }); if (!response.ok) { throw new Error(`Failed to get form digest: ${response.status}`); } const data = await response.json(); return data.d.GetContextWebInformation.FormDigestValue; } catch (error) { console.error('Form digest error:', error); throw error; } }, async getRequestHeaders() { const formDigest = await this.getFormDigest(); return { Accept: 'application/json;odata=verbose', 'Content-Type': 'application/json;odata=verbose', 'X-RequestDigest': formDigest, }; }, processResults(responseData) { try { const results = responseData.d.postquery.PrimaryQueryResult.RelevantResults; return { items: results.Table.Rows.results.map((row) => { const item = {}; row.Cells.results.forEach((cell) => { item[cell.Key] = cell.Value; }); return item; }), }; } catch (error) { console.error('Results processing error:', error); throw new Error('Failed to process search results'); } }, async search( queryText = this.searchText, { startRow = this.config.defaultStartRow, rowLimit = this.config.defaultRowLimit } = {}, ) { if (!queryText.trim()) { this.items = []; this.resultShow = false; return; } this.loading = true; try { const url = `${this.config.siteUrl}/_api/search/postquery`; const payload = { request: { Querytext: `${queryText} (FileType:PDF OR FileType:DOCX OR FileType:DOC OR FileType:XLSX OR FileType:XLS OR ContentTypeId:0x010100C568DB52D9D0A14D9B2FDCC96666E9F2007948130EC3DB064584E219954237AF39*) NOT contentclass:STS_Web NOT FileType:ASPX`, SelectProperties: { results: this.config.selectProperties, }, StartRow: startRow, RowLimit: rowLimit, // SourceId: this.config.scopeId, Culture: '1055', TrimDuplicates: true, EnableQueryRules: true, SortList: { results: [ { Property: 'Created', Direction: 1, }, ], }, EnableSorting: true, ProcessBestBets: true, GenerateBlockRankLog: true, QueryTemplatePropertiesUrl: 'spfile://webroot/queryparametertemplate.xml', }, }; const headers = await this.getRequestHeaders(); const response = await fetch(url, { method: 'POST', headers: headers, body: JSON.stringify(payload), }); if (!response.ok) { throw new Error(`HTTP error! status: ${response.status}`); } const data = await response.json(); const parsedData = this.processResults(data); this.items = parsedData.items; this.resultShow = true; } catch (error) { console.error('Search error:', error); this.items = []; } finally { this.loading = false; } }, getText(itemText) { if (!itemText) return ''; let formattedText = itemText.replace(/<c0>/g, '<b>').replace(/<\/c0>/g, '</b>'); formattedText = formattedText.replace(/<ddd\/>/g, ''); return formattedText; }, clear() { this.searchText = ''; this.items = []; this.resultShow = false; }, })); }); </script> <div @keydown.escape.window="$store.modal.showModal = false" :class="{ 'z-40': $store.compare.showModal }" class="relative w-auto h-auto" x-data> <template x-teleport="body"> <div x-show="$store.modal.showModal" class="fixed top-0 left-0 z-[99] flex items-center justify-center w-screen h-screen" x-cloak> <div x-show="$store.modal.showModal" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-300" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" @click="$store.modal.showModal=false" class="absolute inset-0 w-full h-full bg-white backdrop-blur-sm bg-opacity-70"></div> <div x-show="$store.modal.showModal" x-trap.inert.noscroll="$store.modal.showModal" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0 -translate-y-2 sm:scale-95" x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100" x-transition:leave-end="opacity-0 -translate-y-2 sm:scale-95" class="relative xl:w-[480px] w-full bg-white shadow-lg border-neutral-200 sm:rounded-lg"> <div class="xl:w-[480px] w-full bg-white rounded-lg flex-col justify-start items-center gap-3 inline-flex"> <div class="self-stretch px-4 pt-4 justify-end items-center inline-flex"><button @click="$store.modal.showModal=false" class="outline-none"> <svg class="icon-close w-3 h-3 text-gray-500" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/close" /> </svg></button> </div> <div class="self-stretch px-10 pb-10 flex-col justify-start items-center gap-5 flex"> <div class="flex-col justify-start items-center gap-4 flex"> <template x-if="$store.modal.modalItem.type === 'success'"> <svg class="icon-check-circle w-[58px] h-[58px] text-success" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/check-circle" /> </svg> </template> <template x-if="$store.modal.modalItem.type === 'fail'"> <svg class="icon-info-circle w-[58px] h-[58px] text-gray-300" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="https://www-sisecam-com.translate.goog/tr/duz-cam-urun-katalogu?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=auto#icons/info-circle" /> </svg> </template><b class="self-stretch text-center text-blue-dark text-2xl font-semibold leading-9" x-text="$store.modal.modalItem.title"></b> </div> <div class="self-stretch flex-col justify-start items-center gap-9 flex"> <p class="text-center text-gray-500 text-base font-normal leading-normal" x-text="$store.modal.modalItem.description"></p> <div class="self-stretch justify-start items-start gap-5 inline-flex w-full xl:flex-row flex-col-reverse"> <template x-if="$store.modal.modalItem.button1 != null"><a x-bind:href="$store.modal.modalItem.button1.link" class="xl:w-1/2 w-full py-3.5 bg-white rounded-lg flex-col justify-start items-center gap-3 inline-flex border border-blue-innovation"> <span class="text-right text-blue-innovation text-base font-semibold leading-snug" x-text="$store.modal.modalItem.button1.title"></span> </a> </template> <template x-if="$store.modal.modalItem.button2 != null"><a x-bind:href="$store.modal.modalItem.button2.link" class="xl:w-1/2 w-full py-3.5 bg-blue-innovation rounded-lg flex-col justify-start items-center gap-3 inline-flex"> <span class="text-right text-white text-base font-semibold leading-snug" x-text="$store.modal.modalItem.button2.title"></span> </a> </template> </div> </div> </div> </div> </div> </div> </template> </div> <script async src="https://www.google.com/recaptcha/api.js?render=6Lcjwo4qAAAAAM26XJ2rFhhyz-bbHBK8FvEG4ZXx"></script> <script type="text/javascript"> //<![CDATA[ var _spFormDigestRefreshInterval = 1440000;var _fV4UI = true; function _RegisterWebPartPageCUI() { var initInfo = {editable: false,isEditMode: false,allowWebPartAdder: false,listId: "{514030cf-7884-4df4-acd8-da6bbe604de7}",itemId: 274,recycleBinEnabled: true,enableMinorVersioning: true,enableModeration: false,forceCheckout: true,rootFolderUrl: "\u002ftr\u002fs-business-segments\u002fs-flat-glass\u002fSayfalar",itemPermissions:{High:16,Low:196673}}; SP.Ribbon.WebPartComponent.registerWithPageManager(initInfo); var wpcomp = SP.Ribbon.WebPartComponent.get_instance(); var hid; hid = document.getElementById("_wpSelected"); if (hid != null) { var wpid = hid.value; if (wpid.length > 0) { var zc = document.getElementById(wpid); if (zc != null) wpcomp.selectWebPart(zc, false); } } hid = document.getElementById("_wzSelected"); if (hid != null) { var wzid = hid.value; if (wzid.length > 0) { wpcomp.selectWebPartZone(null, wzid); } } }; function __RegisterWebPartPageCUI() { ExecuteOrDelayUntilScriptLoaded(_RegisterWebPartPageCUI, "sp.ribbon.js");} _spBodyOnLoadFunctionNames.push("__RegisterWebPartPageCUI");var __wpmExportWarning='This Web Part Page has been personalized. As a result, one or more Web Part properties may contain confidential information. Make sure the properties contain information that is safe for others to read. After exporting this Web Part, view properties in the Web Part description file (.WebPart) by using a text editor such as Microsoft Notepad.';var __wpmCloseProviderWarning='You are about to close this Web Part. It is currently providing data to other Web Parts, and these connections will be deleted if this Web Part is closed. To close this Web Part, click OK. To keep this Web Part, click Cancel.';var __wpmDeleteWarning='You are about to permanently delete this Web Part. Are you sure you want to do this? To delete this Web Part, click OK. To keep this Web Part, click Cancel.';//]]> </script> <script>function gtElInit() {var lib = new google.translate.TranslateService();lib.translatePage('tr', 'en', function () {});}</script> <script src="https://translate.google.com/translate_a/element.js?cb=gtElInit&hl=auto&client=wt" type="text/javascript"></script> </body> </html>

CINXE.COM

Düz Cam & Mimari Camlar Ürün Kataloğu - Şişecam