.topbar{display:none}.site-header{height:65px;min-height:65px;background:#fff;border:0}.header-inner{height:65px;min-height:65px;width:min(1150px,calc(100% - 40px));padding:0;position:relative}.logo{position:static;width:160px;min-width:160px;height:65px;background:transparent;box-shadow:none;justify-content:flex-start}.logo img{max-width:155px;max-height:58px}nav{margin-left:auto;gap:29px;color:#333;font-size:15px;text-transform:none;letter-spacing:0}nav a{color:#333;font-size:15px;font-weight:400;text-transform:none}nav a:hover{color:#0787a6}nav .nav-cta{background:transparent;color:#333;padding:0}.language-link{display:none}.hero-slider{height:417px;position:relative;margin:0 72px;overflow:hidden;background:#e9d5c1}.hero-slides{height:100%;position:relative}.hero-slide{position:absolute;inset:0;display:none;background-position:center;background-size:cover;background-repeat:no-repeat;color:#fff}.hero-slide.is-active{display:block}.hero-slide .hero-backdrop{background:rgba(38,38,38,.04)}.hero-slide .hero-content{height:100%;width:min(1100px,90%);padding:0;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.hero-slide h1{font-family:Roboto,Arial,sans-serif;font-size:52px;line-height:1.08;font-weight:700;margin:-12px 0 24px;text-shadow:0 2px 3px #141415}.hero-slide p{font-size:16px;line-height:28px;margin:0 0 32px;text-shadow:0 2px 3px #141415}.hero-slide .eyebrow{display:none}.hero-slide .button-light{background:#0787a6;color:#fff;width:126px;height:54px;padding:12px 0;border-radius:30px;font-size:15px;line-height:30px;justify-content:center}.hero-arrow{position:absolute;right:40px;z-index:4;background:transparent;border:0;color:#fff;font-size:58px;line-height:1;cursor:pointer;text-shadow:0 2px 3px #333}.hero-arrow-up{top:18px}.hero-arrow-down{bottom:18px}.hero-dots{position:absolute;right:53px;top:100px;bottom:auto;z-index:4;display:flex;flex-direction:column;gap:12px}.hero-dot{width:14px;height:14px;padding:0;border:1px solid #fff;border-radius:50%;background:#fff;cursor:pointer}.hero-dot.is-active{background:#0787a6;box-shadow:0 0 0 2px #fff}.hero-scroll{position:absolute;bottom:25px;left:50%;z-index:4;width:30px;height:50px;border:2px solid #fff;border-radius:18px;color:#fff;text-align:center;font-size:25px;line-height:41px}.hero-scroll span{display:block;animation:ayd-scroll 1.5s infinite}@keyframes ayd-scroll{0%,100%{transform:translateY(0);opacity:.6}50%{transform:translateY(7px);opacity:1}}.intro-section{min-height:403.6px}
@media(max-width:700px){.topbar{display:none}.site-header,.header-inner{height:65px;min-height:65px}.header-inner{width:calc(100% - 32px)}.logo{width:155px;min-width:155px;height:65px}.logo img{max-width:150px;max-height:57px}.site-header nav{margin-left:0}.hero-slider{height:520px;margin:0}.hero-slide h1{font-size:39px;line-height:48px}.hero-slide .hero-content{width:calc(100% - 32px);justify-content:flex-start}.hero-arrow{right:10px}.hero-dots{right:21px}.hero-scroll{bottom:20px}.language-link{display:none}}
.nav-search{font-size:27px!important;font-weight:700!important;line-height:1;transform:rotate(-20deg)}

/* Product groups and latest projects: match the live reference composition. */
.section-soft{background:#f4f5fb;padding:74px 0 30px;min-height:0}
.section-soft .section-heading{display:block;text-align:center;margin:0 auto 38px;max-width:1150px}
.section-soft .section-heading .eyebrow{display:block;font-size:34px;line-height:1.1;letter-spacing:0;color:#333;font-weight:700}
.section-soft .section-heading h2,.section-soft .section-heading p{display:none}
.section-soft .cards{width:min(1150px,calc(100% - 40px));max-width:none;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.section-soft .category-card{position:relative;min-height:250px;height:250px;margin:0;border:0;border-radius:0;overflow:hidden;background:#fff;box-shadow:none}
.section-soft .category-card img{display:block;width:100%;height:250px!important;object-fit:contain!important;background:#fff;padding:0!important}
.section-soft .category-card .card-body{position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:24px 28px;background:linear-gradient(180deg,rgba(0,0,0,0) 24%,rgba(0,0,0,.34) 100%)}
.section-soft .category-card .card-kicker{display:none}
.section-soft .category-card .card-body h2{margin:0 0 76px;max-width:95%;font-size:31px!important;line-height:1.02;color:#fff;text-shadow:0 2px 3px #333;font-weight:700}
.section-soft .category-card a{position:absolute;left:28px;bottom:36px;display:inline-flex;gap:22px;align-items:center;padding:11px 14px;color:#111;background:#fff;font-size:14px;text-transform:uppercase;text-decoration:none}
.section-soft .category-card a span{font-size:21px;line-height:1}
.project-strip{background:#fff;padding:0;min-height:245px}
.project-strip .wrap{position:relative;min-height:245px;overflow:hidden;width:min(1150px,calc(100% - 40px));margin:0 auto}
.project-strip .wrap:before{content:"";position:absolute;left:0;top:0;width:55%;height:245px;background:repeating-linear-gradient(135deg,rgba(140,140,140,.18) 0,rgba(140,140,140,.18) 2px,transparent 2px,transparent 7px);clip-path:polygon(0 0,86% 0,100% 100%,0 100%)}
.project-strip .section-heading{position:relative;z-index:1;min-height:245px;margin:0;padding-top:52px;display:block}
.project-strip .section-heading .eyebrow{display:block;font-size:34px;line-height:1.1;letter-spacing:0;color:#555;font-weight:700}
.project-strip .section-heading h2{display:none}
.project-strip .section-heading .text-link{position:absolute;right:0;top:103px;color:#0787a6;font-size:15px;text-transform:none}
.project-strip .section-heading .text-link span{font-size:20px}

@media(max-width:700px){
  .section-soft{padding:52px 0 24px}
  .section-soft .section-heading .eyebrow,.project-strip .section-heading .eyebrow{font-size:28px}
  .section-soft .cards{width:calc(100% - 32px);grid-template-columns:1fr;gap:18px}
  .section-soft .category-card,.section-soft .category-card img{height:230px!important;min-height:230px}
  .project-strip .wrap{width:calc(100% - 32px)}
  .project-strip .wrap:before{width:100%}
  .project-strip .section-heading .text-link{right:0;top:155px}
}

/* Phase 3: product detail layout aligned with the live product page. */
.product-detail-section{padding:54px 0 86px;background:#fff}
.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:34px;color:#728087;font-size:13px}
.breadcrumbs a{color:#0787a6;text-decoration:none}
.product-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:70px;align-items:start}
.product-gallery{display:grid;grid-template-columns:82px minmax(0,1fr);gap:18px;align-items:start}
.product-thumbs{display:grid;gap:12px}
.product-thumb{border:1px solid #e1e7ea;background:#fff;padding:6px;cursor:pointer}
.product-thumb.is-active{border-color:#0787a6;box-shadow:0 0 0 2px #0787a622}
.product-thumb img{display:block;width:100%;height:76px;object-fit:contain}
.product-main-image{min-height:520px;background:#fbfcfd;border:1px solid #e1e7ea;display:grid;place-items:center}
.product-main-image img{display:block;width:100%;height:520px;object-fit:contain}
.product-detail-copy h1{font-size:clamp(30px,4vw,50px);line-height:1.08;margin:0 0 20px;color:#332f30}
.product-detail-copy .eyebrow{margin-bottom:12px}
.product-meta{display:grid;gap:8px;padding:16px 0;border-top:1px solid #e4e8ed;border-bottom:1px solid #e4e8ed;color:#68747b;font-size:14px}
.product-meta b{color:#332f30}
.product-spot{font-size:16px;line-height:1.7;color:#66727b;margin:24px 0}
.product-tags{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:20px 0;color:#66747b;font-size:12px}
.product-tags strong{width:100%;color:#332f30;text-transform:uppercase;letter-spacing:.05em}
.product-tags a{padding:6px 9px;background:#f2f3fa;color:#0787a6;text-decoration:none}
.product-tabs{display:flex;gap:24px;border-bottom:1px solid #e4e8ed;margin-top:28px}
.product-tabs button{border:0;background:none;padding:13px 0;color:#66747b;font-weight:700;cursor:pointer;border-bottom:2px solid transparent}
.product-tabs button.is-active{color:#0787a6;border-bottom-color:#0787a6}
.product-rich-body{padding-top:20px;color:#66747b;line-height:1.85;font-size:15px}
.product-tab-panel{padding-top:20px;color:#66747b;line-height:1.85;font-size:15px}
.product-download{display:flex;justify-content:space-between;align-items:center;max-width:420px;padding:14px 16px;margin:0 0 10px;border:1px solid #e1e7ea;color:#0787a6;text-decoration:none;font-weight:700}
.product-download span{font-size:18px}
.product-contact-button{margin-top:28px;background:#0787a6;color:#fff}
@media(max-width:900px){.product-detail-grid{grid-template-columns:1fr;gap:40px}.product-main-image,.product-main-image img{height:430px;min-height:430px}}
@media(max-width:700px){.product-detail-section{padding:38px 0 60px}.product-gallery{grid-template-columns:64px minmax(0,1fr);gap:10px}.product-thumb img{height:60px}.product-main-image,.product-main-image img{height:350px;min-height:350px}.product-detail-copy h1{font-size:34px}.product-tabs{gap:14px}.product-tabs button{font-size:12px}}

.product-detail-tabs{margin-top:42px;width:100%}.product-detail-tabs .product-tabs{margin-top:0}.product-detail-tabs .product-tab-panel{max-width:none}.product-detail-tabs .product-contact-button{margin-top:24px}

/* Keep the final image ratio override after all legacy visual rules. */
.product-section .product-card img,.product-section .product-placeholder{height:180px!important;padding:0!important;object-fit:contain!important;object-position:center}
@media(max-width:700px){.product-section .product-card img,.product-section .product-placeholder{height:185px!important}}

/* Live slider measurement: 1599x655 at the reference desktop viewport. */
.hero-slider{height:655px;margin:0}
.product-section .product-card img,.product-section .product-placeholder{height:180px!important;padding:0!important;object-fit:contain!important;object-position:center}
@media(max-width:700px){.hero-slider{height:520px;margin:0}.product-section .product-card img,.product-section .product-placeholder{height:185px!important}}

/* Product cards: readable, framed and consistent with the reference site. */
.product-section .product-grid{width:min(1150px,calc(100% - 40px));max-width:none;margin:0 auto;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.product-section .product-card{min-height:430px;border:1px solid #e1e7ea;border-radius:0;background:#fff;box-shadow:0 5px 16px rgba(38,55,62,.08);overflow:hidden}
.product-section .product-card:hover{border-color:#0787a6;box-shadow:0 9px 24px rgba(38,55,62,.14)}
.product-section .product-card img,.product-section .product-placeholder{display:block;width:100%;height:218px!important;object-fit:contain!important;object-position:center;background:#fbfcfd;border:0;border-bottom:1px solid #edf0f2;padding:18px!important}
.product-section .product-card .card-body{padding:17px 18px 18px;border-bottom:3px solid #0787a6}
.product-section .product-card .card-body h2{font-size:16px!important;line-height:1.28;min-height:41px;margin:0 0 10px;color:#333;font-weight:700}
.product-section .product-card .card-body p{font-size:12px!important;line-height:1.5;min-height:54px;max-height:72px;margin:0 0 13px;color:#68747b;overflow:hidden}
.product-section .product-card .card-body a{font-size:12px!important;line-height:1.2;font-weight:700;color:#0787a6;text-align:center;display:block;text-transform:uppercase;letter-spacing:.03em}
.product-section .product-badge{top:9px;left:9px;background:#ed1c24;color:#fff;font-size:10px;padding:3px 8px;line-height:1.1;z-index:2}

/* Desktop header composition from the live reference. */
.topbar{display:block;height:101px;background:#292727;color:#fff}
.topbar-inner{height:101px;width:min(1150px,calc(100% - 40px));position:relative;display:flex;align-items:center;justify-content:flex-end}
.topbar-tagline{position:absolute;left:0;bottom:68px;font-size:14px;color:#f2f2f2}
.topbar-contact{display:flex;align-items:center;gap:40px;margin-right:10px}
.topbar-item{display:flex;align-items:center;gap:12px;color:#fff}
.topbar-item .topbar-icon{font-size:30px;line-height:1;font-weight:400;color:#fff}
.topbar-item strong,.topbar-item small{display:block;color:#fff}
.topbar-item strong{font-size:15px;margin-bottom:3px}
.topbar-item small{font-size:13px;font-weight:400}
.topbar-item a{color:#fff;text-decoration:none}
.site-header{height:80px;min-height:80px;background:#0787a6;border:0}
.header-inner{height:80px;min-height:80px;width:min(1150px,calc(100% - 40px));padding:0;position:relative}
.logo{position:absolute;z-index:7;left:0;top:-49px;width:450px;height:129px;min-width:450px;background:#fff;box-shadow:none;justify-content:center}
.logo img{max-width:300px;max-height:92px}
.site-header nav{margin-left:450px;gap:29px;color:#fff;font-size:15px;text-transform:none;letter-spacing:0}
.site-header nav a{color:#fff;font-size:15px;font-weight:400;text-transform:none}
.site-header nav a:hover{color:#d7f7fb}
.site-header nav .nav-cta{background:transparent;color:#fff;padding:0}
.nav-search{color:#fff!important}

@media(max-width:700px){
  .topbar{height:auto;min-height:58px}
  .topbar-inner{height:auto;min-height:58px;padding:10px 0;display:block;text-align:center}
  .topbar-tagline{position:static;font-size:12px}
  .topbar-contact{display:none}
  .site-header,.header-inner{height:70px;min-height:70px}
  .logo{top:-10px;left:0;width:190px;min-width:190px;height:80px}
  .logo img{max-width:165px;max-height:66px}
  .site-header nav{margin-left:0}
  .product-section .product-grid{width:calc(100% - 32px);grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .product-section .product-card{min-height:390px}
  .product-section .product-card img,.product-section .product-placeholder{height:185px!important}
}

/* Final desktop image ratio: use the original portrait product asset without cropping. */
@media(min-width:701px){.product-section .product-card img,.product-section .product-placeholder{height:180px!important;padding:0!important;object-fit:contain!important;object-position:center}}

/* Intro media: keep the main image intact and place the video panel below/overlapping it like live. */
.intro-media{position:relative;min-height:374px!important;background:transparent!important}
.intro-media>img:first-child{display:block;width:470px!important;height:188px!important;object-fit:cover!important;object-position:center}
.intro-media:before,.intro-media:after{display:none!important}
.intro-video-panel{position:absolute;z-index:2;top:98px;right:-80px;width:270px;height:180px;display:grid;place-items:center;background:linear-gradient(rgba(132,15,63,.78),rgba(132,15,63,.78)),url('../assets/tema-uploads/sayfalar/slayt-yeni-2.jpg') center/cover no-repeat;color:#fff;text-decoration:none}
.intro-video-panel:before{content:"";position:absolute;width:68px;height:68px;border:1px dashed #fff;border-radius:50%}
.intro-video-panel span{position:relative;font-size:31px;line-height:1}
.intro-media .callout{bottom:0!important;left:0;z-index:3}
@media(max-width:700px){
  .intro-media{min-height:0!important;padding-bottom:0}
  .intro-media>img:first-child{width:100%!important;height:auto!important;aspect-ratio:1000/400;object-fit:cover!important}
  .intro-video-panel{position:relative;top:auto;right:auto;width:100%;height:210px;margin-top:16px}
  .intro-media .callout{position:relative;left:auto;bottom:auto;margin-top:16px;width:max-content;max-width:100%}
}

/* Phase 3: product detail layout aligned with the live product page. */
.product-detail-section{padding:54px 0 86px;background:#fff}
.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:34px;color:#728087;font-size:13px}
.breadcrumbs a{color:#0787a6;text-decoration:none}
.product-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:70px;align-items:start}
.product-gallery{display:grid;grid-template-columns:82px minmax(0,1fr);gap:18px;align-items:start}
.product-thumbs{display:grid;gap:12px}
.product-thumb{border:1px solid #e1e7ea;background:#fff;padding:6px;cursor:pointer}
.product-thumb.is-active{border-color:#0787a6;box-shadow:0 0 0 2px #0787a622}
.product-thumb img{display:block;width:100%;height:76px;object-fit:contain}
.product-main-image{min-height:520px;background:#fbfcfd;border:1px solid #e1e7ea;display:grid;place-items:center}
.product-main-image img{display:block;width:100%;height:520px;object-fit:contain}
.product-detail-copy h1{font-size:clamp(30px,4vw,50px);line-height:1.08;margin:0 0 20px;color:#332f30}
.product-detail-copy .eyebrow{margin-bottom:12px}
.product-meta{display:grid;gap:8px;padding:16px 0;border-top:1px solid #e4e8ed;border-bottom:1px solid #e4e8ed;color:#68747b;font-size:14px}
.product-meta b{color:#332f30}
.product-spot{font-size:16px;line-height:1.7;color:#66747b;margin:24px 0}
.product-tags{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:20px 0;color:#66747b;font-size:12px}
.product-tags strong{width:100%;color:#332f30;text-transform:uppercase;letter-spacing:.05em}
.product-tags a{padding:6px 9px;background:#f2f3fa;color:#0787a6;text-decoration:none}
.product-tabs{display:flex;gap:24px;border-bottom:1px solid #e4e8ed;margin-top:28px}
.product-tabs button{border:0;background:none;padding:13px 0;color:#66747b;font-weight:700;cursor:pointer;border-bottom:2px solid transparent}
.product-tabs button.is-active{color:#0787a6;border-bottom-color:#0787a6}
.product-rich-body{padding-top:20px;color:#66747b;line-height:1.85;font-size:15px}
.product-contact-button{margin-top:28px;background:#0787a6;color:#fff}
@media(max-width:900px){.product-detail-grid{grid-template-columns:1fr;gap:40px}.product-main-image,.product-main-image img{height:430px;min-height:430px}}
@media(max-width:700px){.product-detail-section{padding:38px 0 60px}.product-gallery{grid-template-columns:64px minmax(0,1fr);gap:10px}.product-thumb img{height:60px}.product-main-image,.product-main-image img{height:350px;min-height:350px}.product-detail-copy h1{font-size:34px}.product-tabs{gap:14px}.product-tabs button{font-size:12px}}