:root{
  --type-font:"Noto Sans","Segoe UI",Arial,sans-serif;
  --type-page-size:clamp(32px,3vw,38px);
  --type-page-weight:300;
  --type-page-line:1.18;
  --type-page-tracking:-.025em;
  --type-section-size:26px;
  --type-section-weight:300;
  --type-section-line:1.25;
  --type-section-tracking:-.015em;
  --type-body-size:15px;
  --type-body-weight:300;
  --type-body-line:1.8;
  --type-description-size:15px;
  --type-description-weight:300;
  --type-description-line:1.8;
  --type-card-size:15.5px;
  --type-card-weight:400;
  --type-card-line:1.4;
  --type-card-description-size:12px;
  --type-card-description-line:1.6;
  --type-meta-size:10.5px;
  --type-meta-weight:400;
  --type-meta-line:1.4;
  --type-meta-tracking:.04em;
  --type-eyebrow-size:11px;
  --type-eyebrow-weight:500;
  --type-eyebrow-line:1.4;
  --type-eyebrow-tracking:.18em;
  --type-button-size:12px;
  --type-button-weight:400;
  --type-button-line:1.4;
  --type-button-tracking:.08em;
  --type-breadcrumb-size:12px;
  --type-breadcrumb-weight:400;
  --type-breadcrumb-line:1.4;
}

html{
  overflow-y:scroll;
  scrollbar-gutter:stable;
  font-synthesis:none;
}

.reveal{opacity:1!important;transform:none!important;transition:none!important}

html,html body:not(#ng-typography-authority),html body:not(#ng-typography-authority) button,html body:not(#ng-typography-authority) input,html body:not(#ng-typography-authority) select,html body:not(#ng-typography-authority) textarea{font-family:var(--type-font)!important}

/* Reserve replaced-element geometry before their resources finish loading. */
img,video,iframe{max-width:100%}
img,video{display:block}
img[width][height],video[width][height]{height:auto}
.header{contain:layout style}
.header__inner{min-height:62px}
.footer{min-height:1px}

/* Do not expose fallback-language copy before the async locale bundle is applied. */
html:not([lang="tr"]):not([data-site-translations-ready]) body{visibility:hidden}

body:not(#ng-typography-authority) :is(.type-eyebrow,.eyebrow,[class$="-eyebrow"],[class$="__eyebrow"],.section-label,.brand-label){
  font-size:var(--type-eyebrow-size)!important;font-weight:var(--type-eyebrow-weight)!important;line-height:var(--type-eyebrow-line)!important;letter-spacing:var(--type-eyebrow-tracking)!important;text-transform:uppercase
}
.brand-page .brand-section-title{
  margin:0!important;
  color:var(--gray,#53565a)!important;
  font-family:"Noto Sans","Segoe UI",Arial,sans-serif!important;
  font-size:32px!important;
  font-weight:300!important;
  line-height:1.2!important;
  letter-spacing:0!important;
  text-transform:uppercase!important;
}
.brand-page :is(.surfaces-section .eyebrow,.collections .eyebrow,.performa-collections-heading .eyebrow,.stone-heading-row .eyebrow,.slim-heading-row .eyebrow){
  font-family:"Noto Sans","Segoe UI",Arial,sans-serif!important;
  font-size:32px!important;
  font-weight:300!important;
  line-height:1.2!important;
  letter-spacing:0!important;
  text-transform:uppercase!important;
}
.brand-page :is(.kutahya-heading-row,.stone-heading-row,.slim-heading-row,.performa-collections-heading){align-items:flex-start!important;justify-content:space-between!important;gap:28px!important;margin-bottom:28px!important}
.brand-page :is(.kutahya-heading-row,.stone-heading-row,.slim-heading-row,.performa-collections-heading) .section-heading{margin-bottom:0!important}
.brand-page :is(.surfaces-section,.collections) .section-heading{display:block!important;margin:0 0 28px!important;min-height:18px!important}
.brand-page :is(.surfaces-section,.collections) .brand-section-title{display:block!important;margin:0!important;padding:0!important;font-size:32px!important;font-weight:300!important;line-height:1.2!important;letter-spacing:0!important}
body .brand-page .collections .brand-section-title,
body .brand-page .surfaces-section .brand-section-title{
  display:block!important;
  margin:0!important;
  padding:0!important;
  color:var(--gray,#53565a)!important;
  font-family:"Noto Sans","Segoe UI",Arial,sans-serif!important;
  font-size:32px!important;
  font-weight:300!important;
  line-height:1.2!important;
  letter-spacing:0!important;
  text-transform:uppercase!important;
}
body .brand-page :is(.surfaces-section,.collections) :is(h2,p).brand-section-title{
  display:block!important;
  margin:0!important;
  padding:0!important;
  color:var(--gray,#53565a)!important;
  font-family:"Noto Sans","Segoe UI",Arial,sans-serif!important;
  font-size:32px!important;
  font-weight:300!important;
  line-height:1.2!important;
  letter-spacing:0!important;
  text-transform:uppercase!important;
}
body .brand-page :is(.surfaces-section,.collections) :is(.kutahya-heading-row,.stone-heading-row,.slim-heading-row) .section-heading{
  display:block!important;
  margin:0!important;
  min-height:34px!important;
}
body:not(#ng-typography-authority) :is(.type-page-title,main h1,.media-standard .trends-hero h1,.media-standard .videos-hero h1,.media-standard .page-header__title){
  font-size:var(--type-page-size)!important;font-weight:var(--type-page-weight)!important;line-height:var(--type-page-line)!important;letter-spacing:var(--type-page-tracking)!important
}
body:not(#ng-typography-authority) :is(.type-section-title,.section-title,.blog-listing h2,.videos-section-head h2){
  font-size:var(--type-section-size)!important;font-weight:var(--type-section-weight)!important;line-height:var(--type-section-line)!important;letter-spacing:var(--type-section-tracking)!important
}
body:not(#ng-typography-authority) :is(.type-body,main p){font-size:var(--type-body-size)!important;font-weight:var(--type-body-weight)!important;line-height:var(--type-body-line)!important;letter-spacing:0!important}
body:not(#ng-typography-authority) :is(.type-description,[class$="__desc"],[class$="__description"],.trends-hero__row>p,.videos-hero__row>p,.page-header__desc){
  font-size:var(--type-description-size)!important;font-weight:var(--type-description-weight)!important;line-height:var(--type-description-line)!important;letter-spacing:0!important
}
body:not(#ng-typography-authority) :is(.type-card-title,.blog-card h3,.video-card h3,.news-card h3,.product-card h3,.cms-product-result-card h3,.carousel-item h3,.surface-card h3){
  font-size:var(--type-card-size)!important;font-weight:var(--type-card-weight)!important;line-height:var(--type-card-line)!important;letter-spacing:0!important
}
body:not(#ng-typography-authority) :is(.type-card-meta,.blog-meta,[class$="__meta"],[class$="__date"]){
  font-size:var(--type-meta-size)!important;font-weight:var(--type-meta-weight)!important;line-height:var(--type-meta-line)!important;letter-spacing:var(--type-meta-tracking)!important
}
body:not(#ng-typography-authority) :is(.blog-card__excerpt,.video-card p,.news-card p,.product-card p,.cms-product-result-card p,.carousel-item p,.surface-card p){
  font-size:var(--type-card-description-size)!important;font-weight:var(--type-body-weight)!important;line-height:var(--type-card-description-line)!important;letter-spacing:0!important
}
body:not(#ng-typography-authority) .brand-page :is(.surfaces-section,.collections) :is(.eyebrow,.brand-section-title){
  font-family:"Noto Sans","Segoe UI",Arial,sans-serif!important;
  font-size:15px!important;
  font-weight:300!important;
  line-height:1.2!important;
  letter-spacing:0!important;
  text-transform:uppercase!important;
}
body:not(#ng-typography-authority) .brand-page :is(.surface-card,.carousel-item) h3{
  font-size:19px!important;
}
body:not(#ng-typography-authority) .brand-page :is(.surface-card,.carousel-item) p{
  font-size:16px!important;
}
body:not(#ng-typography-authority) :is(#homeSurfacesSection,#carousel) .carousel-item h3{
  font-size:19px!important;
}
body:not(#ng-typography-authority) :is(#homeSurfacesSection,#carousel) .carousel-item p{
  font-size:16px!important;
}
body:not(#ng-typography-authority) :is(.type-button,button,.button,[class$="-button"],[class$="__button"]){
  font-size:var(--type-button-size)!important;font-weight:var(--type-button-weight)!important;line-height:var(--type-button-line)!important;letter-spacing:var(--type-button-tracking)!important
}
body:not(#ng-typography-authority) .sales-card__actions>.sales-directions-link{
  font:600 13px/1.2 "Noto Sans",sans-serif!important;
  font-weight:600!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
}
body:not(#ng-typography-authority) :is(.type-breadcrumb,[class*="breadcrumb"]){
  font-size:var(--type-breadcrumb-size)!important;font-weight:var(--type-breadcrumb-weight)!important;line-height:var(--type-breadcrumb-line)!important;letter-spacing:0!important
}

@media(max-width:560px){
  :root{--type-page-size:32px;--type-section-size:24px;--type-body-size:14px;--type-description-size:14px}
}
.site-breadcrumb{box-sizing:border-box;width:min(calc(100% - 96px),1320px);height:62px;min-height:62px;margin:0 auto;padding:22px 0;border:0;border-bottom:1px solid #dedbd5;background:transparent;color:#6f6b66;font:400 12px/17px "Noto Sans",sans-serif!important;letter-spacing:0!important;text-transform:none!important}
.site-breadcrumb--header-offset{margin-top:88px}
.site-breadcrumb ol{display:flex;height:17px;flex-wrap:nowrap;align-items:center;gap:10px;margin:0;padding:0;overflow:hidden;list-style:none;white-space:nowrap}
.site-breadcrumb li{display:inline-flex;height:17px;min-width:0;align-items:center;color:#6f6b66;font:400 12px/17px "Noto Sans",sans-serif!important;letter-spacing:0!important;text-transform:none!important}
.site-breadcrumb li+li::before{margin-inline-end:10px;color:#aaa49b;content:"/"}
.site-breadcrumb a,.site-breadcrumb span{overflow:hidden;color:#6f6b66;font:400 12px/17px "Noto Sans",sans-serif!important;letter-spacing:0!important;text-decoration:none;text-overflow:ellipsis;text-transform:none!important;transition:color .2s}
.site-breadcrumb a:hover,.site-breadcrumb a:focus-visible{color:#2d2926}
.site-breadcrumb [aria-current="page"]{overflow:hidden;color:#6f6b66;text-overflow:ellipsis}
html[dir="rtl"] .site-breadcrumb ol{direction:rtl}
.site-breadcrumb+.page-header{padding-top:22px!important}
.site-breadcrumb+.docs-hero,.site-breadcrumb+.sales-hero,.site-breadcrumb+.legal-hero,.site-breadcrumb+.videos-hero,.site-breadcrumb+.trends-intro,.site-breadcrumb+.blog-intro-unified{padding-top:22px!important}
@media(max-width:700px){.site-breadcrumb{width:calc(100% - 40px);height:54px;min-height:54px;padding-block:18px}.site-breadcrumb--header-offset{margin-top:76px}.site-breadcrumb ol{overflow-x:auto;scrollbar-width:none}.site-breadcrumb ol::-webkit-scrollbar{display:none}}

/* Medya ve site breadcrumb metinleri birebir aynı tipografi kullanır. */
html body :is(.site-breadcrumb,.media-shared-header__breadcrumb),
html body :is(.site-breadcrumb,.media-shared-header__breadcrumb) :is(ol,li,a,span),
html body :is(.site-breadcrumb,.media-shared-header__breadcrumb) li::before{
  color:#6f6b66!important;
  font:400 12px/1.4 "Noto Sans",sans-serif!important;
  font-style:normal!important;
  font-weight:400!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
html body :is(.site-breadcrumb,.media-shared-header__breadcrumb) ol{
  column-gap:10px!important;
  margin:0!important;
  padding:0!important;
}
html body :is(.site-breadcrumb,.media-shared-header__breadcrumb) li,
html body :is(.site-breadcrumb,.media-shared-header__breadcrumb) :is(a,span){
  margin:0!important;
  padding:0!important;
}
html body :is(.site-breadcrumb,.media-shared-header__breadcrumb) li+li::before{
  margin:0 10px 0 0!important;
}

/* Tüm sayfa yolu tipografisi Trendler breadcrumb standardını kullanır; içerik ve yerleşim sayfaya aittir. */
html body :is(nav[class*="breadcrumb"],.pd-breadcrumb),
html body :is(nav[class*="breadcrumb"],.pd-breadcrumb) :is(a,span,li){
  font-family:"Noto Sans",sans-serif!important;
  font-size:12px!important;
  font-style:normal!important;
  font-weight:400!important;
  line-height:1.4!important;
  letter-spacing:0!important;
  text-transform:none!important;
}

/* Trendler ile ortak breadcrumb ölçüsü: yalnızca metin içeriği değişir. */
html body :is(nav[class*="breadcrumb"],.pd-breadcrumb){
  box-sizing:border-box!important;
  width:min(calc(100% - 96px),1320px)!important;
  height:62px!important;
  min-height:62px!important;
  margin-right:auto!important;
  margin-bottom:0!important;
  margin-left:auto!important;
  padding:22px 0!important;
}
html body nav[class*="breadcrumb"]>div{
  box-sizing:border-box!important;
  width:100%!important;
  height:17px!important;
  margin:0!important;
  padding:0!important;
}
html body :is(nav[class*="breadcrumb"],.pd-breadcrumb) ol,
html body .pd-breadcrumb{
  display:flex!important;
  height:17px!important;
  align-items:center!important;
  column-gap:10px!important;
  margin-block:0!important;
  padding:0!important;
}
html body :is(nav[class*="breadcrumb"],.pd-breadcrumb) ol{
  flex-wrap:nowrap!important;
  overflow:hidden!important;
  list-style:none!important;
  white-space:nowrap!important;
}
html body :is(nav[class*="breadcrumb"],.pd-breadcrumb) :is(a,span,li){
  line-height:17px!important;
}
html body .pd-breadcrumb{margin-top:88px!important;}
@media(max-width:700px){
  html body :is(nav[class*="breadcrumb"],.pd-breadcrumb){width:calc(100% - 40px)!important;height:54px!important;min-height:54px!important;padding-block:18px!important}
  html body .pd-breadcrumb{margin-top:76px!important}
}

html body:not(#ng-typography-authority) .pd-face-actions{
  right:10px!important;
  bottom:10px!important;
  gap:8px!important;
}
html body:not(#ng-typography-authority) .pd-face-note{
  min-height:0!important;
  padding:7px 10px!important;
  font-size:8px!important;
  line-height:1!important;
  letter-spacing:.08em!important;
}

/* Ortak telefon güvenlik ağı: masaüstü ölçülerinin sayfayı yatay taşırmasını önler. */
@media(max-width:700px){
  html,body{width:100%;max-width:100%;overflow-x:clip!important}
  body main,body main section,body main div{min-width:0}
  body main :is(h1,h2,h3,p){max-width:100%;white-space:normal!important;overflow-wrap:anywhere}
  .header__inner{min-width:0!important;gap:8px!important;padding-inline:14px!important}
  .header__brand{min-width:0!important;flex:0 1 auto!important}
  .header__brand .logo-img{width:min(48vw,180px)!important;max-width:180px!important;height:auto!important}
  .header__right{min-width:0!important;gap:8px!important;flex:0 0 auto!important}
  .lang__btn{gap:4px!important;padding-inline:2px!important}
  .mobile-menu-button{flex:0 0 34px!important;width:34px!important;height:34px!important;padding:7px!important}
  .media-shared-header__inner,.media-shared-header__row,.media-shared-header__title,.media-shared-header__description{min-width:0!important;width:100%!important}
  .media-shared-header__title{font-size:30px!important;line-height:1.2!important}
  .blog-filters{max-width:100%;margin-inline:0!important;padding-inline:0!important}
  .blog-detail-main .article-header__content{min-width:0;width:100%!important}
  .blog-detail-main .article-header h1{font-size:34px!important;line-height:1.15!important}
  .article-header__spot{overflow-wrap:anywhere}
  .blog-meta{display:flex!important;flex-wrap:wrap!important;gap:8px 16px!important}
  .article-share,.article-share__options{max-width:100%!important;flex-wrap:wrap!important}
  .footer,.footer .wrap,.footer__main-final,.footer__menus-final{min-width:0!important;max-width:100%!important}
  .mobile-list-collapsed:not(.is-expanded)>.mobile-overflow-item{display:none!important}
  .mobile-list-more{display:flex!important;align-items:center!important;justify-content:center!important;min-width:190px!important;min-height:46px!important;margin:38px auto 10px!important;padding:12px 22px!important;border:1px solid #2d2926!important;background:#fff!important;color:#2d2926!important;font:500 11px/1.4 "Noto Sans",sans-serif!important;letter-spacing:.08em!important;text-transform:uppercase!important}
}
@media(min-width:1101px){.mobile-list-more{display:none!important}}