/* Stelgon redesign: original copy, links, product data and forms stay in index.html. */
:root {
  --sg-ink: #102b46;
  --sg-ink-deep: #0f2b47;
  --sg-ink-soft: #214a69;
  --sg-red: #d92e3a;
  --sg-red-dark: #b51f2d;
  --sg-paper: #f5f7f8;
  --sg-white: #fff;
  --sg-muted: #63798d;
  --sg-line: rgba(16, 42, 67, .13);
  --sg-radius: 22px;
  --sg-shadow: 0 24px 70px rgba(8, 27, 45, .14);
}

html { scroll-behavior: smooth; }
body { background: var(--sg-paper); color: var(--sg-ink); }
::selection { background: var(--sg-red); color: #fff; }

.container { width: min(1320px, calc(100% - 64px)); }
.topline { background: var(--sg-ink-deep); color: rgba(255,255,255,.72); }
.topline a { color: #fff; }
.header {
  position: sticky; top: 0; z-index: 50;
  background: rgba(248,250,251,.9); border-bottom: 1px solid rgba(16,43,70,.08);
  box-shadow: 0 8px 30px rgba(15,43,71,.04); backdrop-filter: blur(18px);
}
.headinner { min-height: 82px; }
.brand-logo { max-height: 58px; }
.nav a { color: var(--sg-ink); font-weight: 650; }
.nav a:not(.navcta):hover, .nav a.is-current { color: var(--sg-red); }
.nav a.is-current:not(.navcta)::after { background: var(--sg-red); }
.nav .navcta { background: var(--sg-red); color: #fff; border-radius: 999px; padding: 13px 19px; }
.nav .navcta:hover, .button:hover, .form-submit:hover { background: var(--sg-red-dark); }

/* Opening frame */
.hero {
  position: relative; isolation: isolate; overflow: hidden;
  min-height: min(850px, calc(100svh - 105px)); padding: clamp(56px, 7vw, 100px) 0;
  color: #fff; background:
    radial-gradient(ellipse at 78% 3%, rgba(217,46,58,.38), transparent 39%),
    radial-gradient(ellipse at 55% 12%, rgba(194,111,76,.28), transparent 43%),
    radial-gradient(ellipse at 96% 40%, rgba(112,151,119,.25), transparent 39%),
    radial-gradient(ellipse at 31% 48%, rgba(49,93,124,.2), transparent 38%),
    radial-gradient(ellipse at 9% 96%, rgba(53,101,137,.43), transparent 48%),
    linear-gradient(125deg, #0f2b47 0%, #173d61 53%, #214a69 100%);
}
.hero::before, .hero::after { content:""; position:absolute; z-index:-1; pointer-events:none; }
.hero::before {
  inset:0; opacity:.17;
  background-image: linear-gradient(rgba(255,255,255,.12) 1px, transparent 1px), linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);
  background-size: 68px 68px; mask-image: linear-gradient(110deg,#000,transparent 76%);
}
.hero::after { width:420px; height:420px; right:-175px; bottom:-260px; border:1px solid rgba(255,255,255,.17); border-radius:50%; box-shadow:0 0 0 28px rgba(255,255,255,.035),0 0 0 58px rgba(255,255,255,.025); }
.hero-grid { grid-template-columns: minmax(0,.92fr) minmax(0,1.08fr); align-items:center; gap:clamp(42px,7vw,104px); }
.hero .eyebrow { color:#ffadb3; letter-spacing:.16em; font-weight:800; }
.hero h1 { max-width:720px; color:#fff; font-size:clamp(44px,5.2vw,70px); line-height:1; letter-spacing:-.05em; text-wrap:balance; }
.hero p { max-width:620px; color:rgba(244,248,251,.78); font-size:clamp(17px,1.45vw,20px); line-height:1.65; }
.hero .button { background:var(--sg-red); border-radius:999px; box-shadow:0 14px 32px rgba(217,46,58,.24); }
.hero .text-link { color:#fff; }
.hero-proof { border-top-color:rgba(255,255,255,.2); }
.hero-proof .proof b { color:#fff; }
.hero-proof .proof small { color:rgba(244,248,251,.62); }
.photo-slider { aspect-ratio:1.16; border:1px solid rgba(255,255,255,.3); border-radius:30px; overflow:hidden; box-shadow:0 32px 90px rgba(0,0,0,.34); transform:perspective(1200px) rotateY(-3deg); }
.photo-slide img { object-fit:cover; }
.photo-caption { background:linear-gradient(0deg,rgba(15,43,71,.92),rgba(15,43,71,.08)); padding:30px; }
.photo-caption span { color:#ffadb3; }
.slider-progress { background:rgba(255,255,255,.32); }
.slider-progress i { background:var(--sg-red); }
.slider-arrow { width:42px; height:42px; border:1px solid rgba(255,255,255,.35); color:#fff; background:rgba(15,43,71,.55); backdrop-filter:blur(10px); }
.slider-dots button { background:rgba(255,255,255,.52); }
.slider-dots button.active { background:#fff; }
.image-note { color:rgba(255,255,255,.54); }
.hero .hero-grid > div:first-child > * { animation: sg-arrive .7s both; }
.hero .hero-grid > div:first-child > :nth-child(2) { animation-delay:.08s; }
.hero .hero-grid > div:first-child > :nth-child(3) { animation-delay:.16s; }
.hero .hero-grid > div:first-child > :nth-child(4) { animation-delay:.23s; }
.hero .visual { animation:sg-arrive .85s .12s both; }
@keyframes sg-arrive { from { opacity:0; transform:translateY(22px); } to { opacity:1; transform:translateY(0); } }

/* Editorial section rhythm */
.section { padding:clamp(56px,5.5vw,78px) 0; }
.section.soft { background:#eaf0f4; }
.section-head { max-width:840px; margin-bottom:clamp(34px,5vw,62px); }
.section-head .kicker, .kicker { color:var(--sg-red); letter-spacing:.17em; font-weight:850; }
.section-head h2 { color:var(--sg-ink); font-size:clamp(34px,4.4vw,58px); line-height:1.04; letter-spacing:-.045em; text-wrap:balance; }
.section-head p { color:var(--sg-muted); font-size:17px; line-height:1.65; }

/* Services */
#hizmetler { background:#fff; }
#hizmetler .services { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
#hizmetler .service {
  min-height:205px; padding:22px 20px; border:1px solid var(--sg-line); border-radius:var(--sg-radius);
  background:linear-gradient(155deg,#fff 35%,#f2f6f8); box-shadow:0 14px 36px rgba(15,43,71,.045);
  transition:transform .35s cubic-bezier(.2,.75,.25,1),box-shadow .35s,border-color .35s;
}
#hizmetler .service:hover { transform:translateY(-8px); border-color:rgba(217,46,58,.32); box-shadow:var(--sg-shadow); }
.service-icon { width:52px; height:52px; display:grid; place-items:center; border-radius:16px; color:var(--sg-red); background:#fff0f1; }
#hizmetler .service h3 { color:var(--sg-ink); font-size:19px; }
#hizmetler .service p { color:var(--sg-muted); line-height:1.65; }
#hizmetler .service .more { color:var(--sg-red); font-weight:800; }

/* Product carousel visual styles; page scrolling remains native. */
#urunler { position:relative; overflow:clip; background:var(--sg-ink-deep); color:#fff; }
#urunler .section-head h2, #urunler .section-head p { color:#fff; }
#urunler .section-head p { color:rgba(240,246,250,.68); }
#urunler .section-head .kicker { color:#ffadb3; }
#urunler.product-horizontal-carousel { height:var(--sg-story-height); padding:0; }
#urunler.product-horizontal-carousel > .container { position:sticky; top:0; height:100svh; display:grid; grid-template-columns:minmax(270px,.72fr) minmax(0,1.28fr); align-items:center; gap:clamp(30px,5vw,80px); }
#urunler.product-horizontal-carousel .section-head { margin:0; }
#urunler.product-horizontal-carousel .section-head h2 { max-width:520px; }
#urunler.product-horizontal-carousel .product-catalog-grid { position:relative; width:100%; height:min(500px,58svh); margin:0; perspective:1400px; }
#urunler.product-horizontal-carousel .product-tile {
  position:absolute; left:50%; top:50%; width:min(100%,640px); height:100%; min-height:0;
  display:flex; flex-direction:column; justify-content:space-between; padding:clamp(22px,3vw,40px);
  border:1px solid rgba(255,255,255,.62); border-radius:24px; color:var(--sg-ink); background:linear-gradient(145deg,#fff 0%,#eaf0f3 100%);
  box-shadow:0 34px 90px rgba(0,0,0,.3); transform-style:preserve-3d; will-change:transform,opacity;
}
#urunler.product-horizontal-carousel .product-tile::after { content:""; position:absolute; right:-90px; bottom:-115px; width:310px; height:310px; border:1px solid rgba(16,43,70,.1); border-radius:50%; box-shadow:0 0 0 24px rgba(16,43,70,.035),0 0 0 50px rgba(16,43,70,.025); pointer-events:none; }



#urunler .product-tile b { color:var(--sg-ink); font-size:clamp(24px,2.7vw,36px); line-height:1.08; letter-spacing:-.04em; }
#urunler .product-more { color:var(--sg-red); font-weight:800; }





/* FAQ */
#sss { background:#fff; }
#sss .home-faq-head { max-width:800px; }
.home-faq-list { border-top:1px solid var(--sg-line); }
.home-faq-list details { padding:22px 4px; border-bottom:1px solid var(--sg-line); }
.home-faq-list summary { color:var(--sg-ink); font-size:clamp(18px,2vw,23px); font-weight:750; }
.home-faq-list summary::marker { color:var(--sg-red); }
.home-faq-list details p { max-width:900px; color:var(--sg-muted); line-height:1.75; }

/* About story: sticky editorial panel linked to scroll progress */
#hakkimizda { position:relative; height:165svh; padding:0; color:#fff; background:radial-gradient(ellipse at 88% 18%,rgba(217,46,58,.16),transparent 35%),linear-gradient(130deg,#0f2b47,#173a5d); }




#hakkimizda .about-spotlight-grid { display:grid; grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr); align-items:center; gap:clamp(36px,8vw,112px); }






#hakkimizda .about-spotlight-capabilities { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-top:clamp(30px,4vw,52px); }
#hakkimizda .about-spotlight-capabilities > div { min-height:82px; padding:16px; border:1px solid rgba(255,255,255,.15); border-radius:16px; background:rgba(255,255,255,.055); }
#hakkimizda .about-spotlight-capabilities small { color:#ffadb3; }
#hakkimizda .about-spotlight-capabilities b { color:#fff; }

/* Sectors and projects */
#sektorler { background:#eaf0f4; }
#sektorler .sectors { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
#sektorler .sector { min-height:195px; padding:23px; border-radius:var(--sg-radius); color:#fff; background:linear-gradient(145deg,#173a5d,#0f2b47); box-shadow:0 20px 48px rgba(15,43,71,.12); transition:transform .35s,background .35s; }
#sektorler .sector:nth-child(2) { background:linear-gradient(145deg,#a92232,#6f1c2b); }
#sektorler .sector:hover { transform:translateY(-7px); }
#sektorler .sector small { color:#ffb3b8; letter-spacing:.12em; }
#sektorler .sector b { display:block; margin:20px 0 8px; color:#fff; font-size:21px; }
#sektorler .sector p { color:rgba(255,255,255,.72); line-height:1.6; }
#projeler { background:#f1f4f6; }
#projeler .section-head { text-align:center; margin-inline:auto; }
#projeler .projects-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),272px)); justify-content:center; gap:12px; max-width:840px; width:100%; margin:0 auto; }
#projeler .project-card { width:100%; max-width:272px; justify-self:center; }
#projeler .project-media { aspect-ratio:1.32; border:0; border-radius:24px; box-shadow:0 22px 60px rgba(15,43,71,.15); }
#projeler .project-logo { transition:transform .7s cubic-bezier(.2,.75,.25,1); }
#projeler .project-overlay { inset:auto 0 0; min-height:62%; justify-content:center; padding:26px; opacity:0; transform:translateY(18px); background:linear-gradient(0deg,rgba(15,43,71,.98),rgba(15,43,71,.84)); border-top:3px solid var(--sg-red); }
#projeler .project-card:hover .project-overlay, #projeler .project-card:focus-visible .project-overlay { opacity:1; transform:translateY(0); }
#projeler .project-overlay h3 { color:#fff; font-size:clamp(20px,2vw,26px); }
#projeler .project-overlay p { color:rgba(255,255,255,.82); }
#projeler .project-category { color:#ffadb3; }

/* Contact and closing */
.contact-section { position:relative; overflow:hidden; padding:clamp(60px,6.4vw,86px) 0; color:#fff; background:linear-gradient(125deg,#0f2b47,#214a69); }
.contact-section::before { content:""; position:absolute; right:-130px; top:-220px; width:530px; height:530px; border:1px solid rgba(255,255,255,.1); border-radius:50%; box-shadow:0 0 0 30px rgba(255,255,255,.025),0 0 0 70px rgba(255,255,255,.02); }
.contact-copy, .contact-form { position:relative; z-index:1; }
.contact-copy h2 { color:#fff; font-size:clamp(40px,5vw,60px); line-height:1; letter-spacing:-.05em; }
.contact-copy > p, .contact-assurance { color:rgba(255,255,255,.7); }
.contact-links a { border-color:rgba(255,255,255,.16); color:#fff; }
.contact-links small { color:#ffadb3; }
.contact-form { border:1px solid rgba(255,255,255,.72); border-radius:26px; box-shadow:0 28px 75px rgba(0,0,0,.22); }
.form-heading span { color:var(--sg-red); }
.form-heading b { color:var(--sg-ink); }
.form-submit { background:var(--sg-red); border-radius:999px; }
.footer { background:#0f2b47; color:rgba(255,255,255,.7); }
.footer h3 { color:#fff; }
.footer a { color:rgba(255,255,255,.78); }
.footer a:hover { color:#ffadb3; }
.footer-brand-bottom { border-color:rgba(255,255,255,.12); }
.footbottom { border-color:rgba(255,255,255,.12); }
#partners { padding:46px 0; background:#fff; }
.partners-grid { gap:clamp(22px,4vw,52px); align-items:center; justify-content:center; }
.partner-card { transition:transform .3s ease; }
.partner-card:hover { transform:translateY(-4px); }

/* Motion is progressive enhancement: content remains visible without JS. */
.motion-ready .motion-reveal { opacity:0; transform:translateY(26px); transition:opacity .7s ease,transform .8s cubic-bezier(.2,.75,.25,1); transition-delay:var(--sg-delay,0ms); }
.motion-ready .motion-reveal.is-visible { opacity:1; transform:translateY(0); }
.motion-ready .service.motion-reveal { transform:translateY(34px) scale(.985); }
.motion-ready .service.motion-reveal.is-visible { transform:translateY(0) scale(1); }
.page-progress { background:var(--sg-red); }

@media (max-width: 1000px) {
  .container { width:min(100% - 40px,760px); }
  .hero { min-height:auto; padding:70px 0 78px; }
  .hero-grid { grid-template-columns:1fr; gap:40px; }
  .hero h1 { max-width:760px; font-size:clamp(44px,10vw,72px); }
  .photo-slider { aspect-ratio:1.35; transform:none; }
  #hizmetler .services { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #hakkimizda { height:auto; padding:80px 0; }
  
  #hakkimizda .about-spotlight-grid { grid-template-columns:1fr 1.2fr; gap:36px; }
  #hakkimizda .about-spotlight-capabilities { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #sektorler .sectors { grid-template-columns:1fr; }
  #sektorler .sector { min-height:0; }
  #sektorler .sector b { margin-top:18px; }
}
@media (max-width: 760px) {
  .container { width:calc(100% - 36px); }
  .headinner { min-height:70px; }
  .brand-logo { max-height:49px; }
  .hero { padding:52px 0 62px; }
  .hero h1 { font-size:clamp(40px,12vw,58px); }
  .hero p { font-size:16px; }
  .hero-proof { grid-template-columns:1fr; gap:12px; }
  .hero-proof .proof { padding:10px 0; }
  .photo-slider { aspect-ratio:1.08; border-radius:22px; }
  .photo-caption { padding:18px; }
  .section { padding:76px 0; }
  .section-head h2 { font-size:clamp(36px,10vw,50px); }
  #hizmetler .services { grid-template-columns:1fr; }
  #hizmetler .service { min-height:0; padding:24px; }
  #urunler.product-horizontal-carousel { height:auto; padding:76px 0; }
  #urunler.product-horizontal-carousel > .container { position:relative; top:auto; height:auto; display:block; }
  #urunler.product-horizontal-carousel .section-head { margin-bottom:28px; }
  #urunler.product-horizontal-carousel .product-catalog-grid { display:grid; grid-template-columns:1fr; gap:12px; height:auto; perspective:none; }
  #urunler.product-horizontal-carousel .product-tile { position:relative; inset:auto; width:100%; height:auto; min-height:220px; transform:none!important; opacity:1!important; padding:23px; border-radius:20px; }
  
  
  #urunler .product-tile b { font-size:26px; }
  #hakkimizda { padding:72px 0; }
  
  #hakkimizda .about-spotlight-grid { grid-template-columns:1fr; gap:26px; }
  
  #hakkimizda .about-spotlight-capabilities { gap:8px; }
  #hakkimizda .about-spotlight-capabilities > div { min-height:76px; padding:12px; }
  #hakkimizda .about-spotlight-capabilities b { font-size:12px; }
  #projeler .projects-grid { grid-template-columns:1fr; }
  #projeler .project-card { max-width:440px; justify-self:center; }
  #projeler .project-overlay { opacity:1; transform:none; }
  .contact-layout { grid-template-columns:1fr; gap:30px; }
  .contact-form { padding:22px; }
  .footgrid { grid-template-columns:1fr; gap:26px; }
  .footbottom { flex-direction:column; align-items:flex-start; gap:10px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  *, *::before, *::after { animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; }
  .motion-ready .motion-reveal { opacity:1; transform:none; }
  #hakkimizda { height:auto; padding:80px 0; }
  
}

/* Homepage category imagery: consistent framing while keeping labels clear. */
#urunler.product-horizontal-carousel .product-tile { isolation:isolate; }
#urunler.product-horizontal-carousel .product-card-image {
  position:absolute; z-index:0; right:0; top:0; width:66%; height:100%;
  object-fit:contain; object-position:center; padding:28px 22px 26px 0;
  opacity:.98; pointer-events:none; user-select:none;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.28) 17%,#000 39%);
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.28) 17%,#000 39%);
}
#urunler.product-horizontal-carousel .product-card-image-cover { object-fit:cover; padding:0; }
#urunler.product-horizontal-carousel .product-card-image-wide { width:72%; object-fit:cover; object-position:37% center; padding:0; }
#urunler.product-horizontal-carousel .product-tile::before {
  content:""; position:absolute; z-index:1; inset:0; pointer-events:none;
  background:linear-gradient(90deg,#fff 0%,#fff 31%,rgba(255,255,255,.94) 43%,rgba(255,255,255,.48) 61%,rgba(255,255,255,.04) 82%);
}
#urunler.product-horizontal-carousel .product-tile>* { z-index:2; }
#urunler.product-horizontal-carousel .product-tile .product-card-image { z-index:0; }
#urunler.product-horizontal-carousel .product-tile>b { max-width:58%; text-wrap:balance; }

@media(max-width:700px) {
  #urunler.product-horizontal-carousel .product-tile { isolation:isolate; }
  #urunler.product-horizontal-carousel .product-card-image { width:72%; height:100%; padding:12px 8px 12px 0; opacity:.55; }
  #urunler.product-horizontal-carousel .product-card-image-cover { padding:0; opacity:.42; }
  #urunler.product-horizontal-carousel .product-card-image-wide { width:78%; padding:0; object-position:37% center; opacity:.38; }
  #urunler.product-horizontal-carousel .product-tile::before { background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.97) 35%,rgba(255,255,255,.78) 58%,rgba(255,255,255,.2) 100%); }
  #urunler.product-horizontal-carousel .product-tile-dark::before { background:linear-gradient(90deg,#102b46 0%,rgba(16,43,70,.96) 38%,rgba(16,43,70,.72) 64%,rgba(16,43,70,.28) 100%); }
  #urunler.product-horizontal-carousel .product-tile>b { max-width:72%; }
}

/* Roxtec card contrast fix: anchor its text on a deep navy field. */





@media(max-width:700px) {
  #urunler.product-horizontal-carousel .product-catalog-grid > a.product-tile.product-tile-dark::before {
    background:linear-gradient(90deg,#102b46 0%,rgba(16,43,70,.97) 40%,rgba(16,43,70,.78) 68%,rgba(16,43,70,.3) 100%) !important;
  }
  #urunler.product-horizontal-carousel .product-catalog-grid > a.product-tile.product-tile-dark .product-card-image-cover { width:74%; opacity:.58; }
  #urunler.product-horizontal-carousel .product-catalog-grid > a.product-tile.product-tile-dark b { max-width:72%; }
}

/* Keep product card title, index and link colors consistent across all categories. */

#urunler.product-horizontal-carousel .product-catalog-grid > .product-tile b { color:var(--sg-ink) !important; }
#urunler.product-horizontal-carousel .product-catalog-grid > .product-tile .product-more { color:var(--sg-red) !important; }

/* Slightly reduce the Roxtec installation photo within its card. */
#urunler.product-horizontal-carousel .product-catalog-grid > a.product-tile[href="products/roxtec-sistemleri.html"] .product-card-image-cover { width:63%; height:92%; top:4%; right:6%; }
@media(max-width:700px) {
  #urunler.product-horizontal-carousel .product-catalog-grid > a.product-tile[href="products/roxtec-sistemleri.html"] .product-card-image-cover { width:68%; height:92%; top:4%; right:6%; }
}

/* Homepage rhythm and color balance refinement. */
.section { padding:clamp(56px,5.5vw,78px) 0; }
.section-head { margin-bottom:clamp(24px,3vw,38px); }
.hero { min-height:min(760px,calc(100svh - 105px)); padding:clamp(48px,5.8vw,82px) 0; }
#hizmetler { background:#f2f5f7; }
#hizmetler .service { min-height:205px; padding:22px 20px; }
#sss { background:#fff; }
#sektorler { background:#e8edf1; }
#sektorler .sector { min-height:195px; padding:23px; }
#projeler { background:#fff; }
.contact-section { padding:clamp(60px,6.4vw,86px) 0; }
#partners { background:#f2f5f7; }

/* About: remove the oversized sticky scroll chapter and use the compact editorial composition. */
#hakkimizda { height:auto; padding:0; }



#hakkimizda .about-spotlight-grid { padding:clamp(34px,4vw,54px) 0 clamp(36px,4vw,52px); gap:clamp(36px,6vw,82px); }

#hakkimizda .about-spotlight-capabilities { margin-top:0; }
@media(max-width:1000px) {
  .section { padding:68px 0; }
  #hakkimizda.about-spotlight { padding:68px 0; }
}
@media(max-width:760px) {
  .section { padding:58px 0; }
  .section-head { margin-bottom:28px; }
  .hero { padding:48px 0 56px; }
  #hizmetler .service { min-height:0; }
  #hakkimizda.about-spotlight { padding:52px 0 58px; }
  #hakkimizda .about-spotlight-grid { padding:30px 0 34px; gap:24px; }
  #sektorler .sector { padding:22px; }
  .contact-section { padding:60px 0; }
}

/* Distinguish the contact form from the white project gallery surface. */
#iletisim .contact-form {
  background:linear-gradient(145deg,#e9eff4 0%,#f3f6f8 100%);
  border-color:rgba(255,255,255,.55);
  box-shadow:0 28px 76px rgba(0,0,0,.2);
}
#iletisim .form-grid input,
#iletisim .form-grid select,
#iletisim .form-grid textarea { background:#fff; }
#iletisim .form-grid input:focus,
#iletisim .form-grid select:focus,
#iletisim .form-grid textarea:focus { background:#fff; }

/* Contact area contrast: separate it from the dark project showcase. */
#iletisim.contact-section {
  color:#102b46;
  background:radial-gradient(ellipse at 82% 20%,rgba(217,46,58,.08),transparent 32rem),linear-gradient(135deg,#e3ebf1 0%,#edf2f5 58%,#dce6ed 100%);
}
#iletisim.contact-section::before { border-color:rgba(16,43,70,.1); box-shadow:0 0 0 30px rgba(16,43,70,.025),0 0 0 70px rgba(16,43,70,.018); }
#iletisim .contact-copy h2 { color:#102b46; }
#iletisim .contact-copy > p, #iletisim .contact-assurance { color:#5c7184; }
#iletisim .contact-assurance span { color:#d92e3a; }
#iletisim .contact-links a { color:#102b46; background:rgba(255,255,255,.86); border-color:#d2dde6; }
#iletisim .contact-links small { color:#73869a; }
#iletisim .contact-links b { color:#102b46; }
#iletisim .contact-links i { color:#d92e3a; }
#iletisim .contact-form {
  background:#fff;
  border-color:#d2dde6;
  box-shadow:0 22px 56px rgba(16,43,70,.12);
}

/* Footer logo: keep the original mark unboxed and undistorted. */
.footer-brand-bottom .footbrand {
  display:inline-flex; align-items:center; justify-content:center;
  margin:0; padding:0; border:0; border-radius:0;
  background:transparent; box-shadow:none;
}
.footer-brand-bottom .brand-logo {
  display:block; width:190px; height:auto; max-width:100%; max-height:none;
  object-fit:contain; object-position:center;
}
@media(max-width:700px) {
  .footer-brand-bottom .brand-logo { width:150px; }
}

/* Match the scale of the supplied reference page while preserving this site's styling. */
.container { width:min(1160px,calc(100% - 44px)); }
:root { scroll-padding-top:101px; }
.topinner { height:37px; }
.header { height:101px; }
.headinner { min-height:101px; }
.brand-logo { max-height:62px; }
.hero { min-height:530px; padding:65px 0; }
.hero-grid { grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); gap:55px; padding:0; }
.hero h1 { max-width:640px; font-size:clamp(38px,5vw,59px); line-height:1.04; }
.hero p { max-width:560px; font-size:16px; }
.photo-slider { width:min(100%,520px); height:390px; aspect-ratio:4/3; border-radius:24px; }
.section { padding:84px 0; }
.section-head { margin-bottom:40px; }
.section-head h2 { font-size:34px; line-height:1.12; }
.section-head p { font-size:16px; }
#hizmetler .service { min-height:202px; padding:23px 20px 21px; }
#sektorler .sector { min-height:155px; padding:22px; }


#hakkimizda .about-spotlight-grid { gap:clamp(36px,6vw,70px); }
.contact-section { padding:92px 0 100px; }
.contact-layout { grid-template-columns:.82fr 1.18fr; gap:76px; }
.contact-copy h2 { font-size:clamp(38px,5vw,60px); }
.contact-form { padding:31px; }
.footer { padding:50px 0 20px; }
.footer-brand-bottom .brand-logo { width:190px; }

@media(max-width:1000px) {
  .container { width:min(calc(100% - 40px),760px); }
  .hero { min-height:auto; padding:54px 0; }
  .hero-grid { grid-template-columns:1fr; gap:30px; }
  .hero h1 { font-size:clamp(40px,7vw,56px); }
  .photo-slider { height:350px; }
  .section { padding:68px 0; }
  #hakkimizda.about-spotlight { padding:68px 0; }
  .contact-section { padding:72px 0; }
}
@media(max-width:760px) {
  :root { scroll-padding-top:86px; }
  .container { width:min(calc(100% - 32px),560px); }
  .topinner { height:32px; }
  .header { height:86px; }
  .headinner { min-height:86px; }
  .brand-logo { max-height:49px; }
  .hero { min-height:0; padding:58px 0 28px; }
  .hero-grid { gap:25px; }
  .hero h1 { font-size:42px; line-height:1.04; }
  .hero p { font-size:14px; }
  .photo-slider { width:100%; height:300px; aspect-ratio:1.35; border-radius:20px; }
  .section { padding:62px 0; }
  .section-head { margin-bottom:30px; }
  .section-head h2 { font-size:28px; }
  #hizmetler .service { min-height:195px; padding:22px; }
  #hizmetler .services { grid-template-columns:1fr; }
  #sektorler .sector { min-height:130px; padding:20px; }
  #hakkimizda.about-spotlight { padding:62px 0; }
  #hakkimizda .about-spotlight-grid { padding:30px 0; gap:24px; }
  #hakkimizda .about-spotlight-title :is(h1,h2) { font-size:42px; }
  .contact-section { padding:62px 0 70px; }
  .contact-layout { grid-template-columns:1fr; gap:30px; }
  .contact-copy h2 { font-size:40px; }
  .contact-form { padding:22px 18px; }
  .footer-brand-bottom .brand-logo { width:190px; }
}

/* Slightly more compact FAQ block. */
#sss.section { padding:clamp(52px,5vw,68px) 0; }
#sss .home-faq-head { max-width:760px; margin-bottom:30px; }
#sss .section-head h2 { font-size:clamp(28px,3vw,32px); }
#sss .section-head p { font-size:15px; }
#sss .home-faq-list { max-width:860px; margin-inline:auto; }
#sss .home-faq-list details { padding:8px 4px; }
#sss .home-faq-list summary { font-size:16px; padding:12px 38px 12px 0; }
#sss .home-faq-list details p { font-size:14px; line-height:1.65; padding-bottom:12px; }
@media(max-width:760px) {
  #sss.section { padding:48px 0; }
  #sss .home-faq-head { margin-bottom:22px; }
  #sss .home-faq-list summary { font-size:15px; padding:11px 34px 11px 0; }
  #sss .home-faq-list details p { font-size:13px; }
}

/* Compact shared scale: reduce the header and opening frame without crowding content. */
:root { scroll-padding-top:82px; }
.topinner { height:30px; }
.header { height:82px; }
.headinner { min-height:82px; }
.hero { min-height:min(680px,calc(100svh - 112px)); padding:clamp(38px,4.5vw,62px) 0; }
.hero-grid { padding:clamp(32px,3.8vw,48px) 0; }
.footer-brand-bottom .brand-logo { width:170px; }
@media(max-width:1000px) {
  .hero { min-height:auto; padding:48px 0; }
  .hero-grid { padding:0; }
  .hero h1 { font-size:clamp(40px,7vw,60px); }
}
@media(max-width:760px) {
  :root { scroll-padding-top:70px; }
  .header { height:70px; }
  .headinner { min-height:70px; }
  .hero { min-height:auto; padding:40px 0 46px; }
  .hero-grid { padding:0; gap:26px; }
  .hero h1 { font-size:clamp(38px,10vw,54px); }
  .section { padding:50px 0; }
  .contact-section { padding:52px 0; }
  #sektorler .sector { min-height:0; }
  .footer-brand-bottom .brand-logo { width:150px; }
}

/* Final reference-scale overrides, after earlier breakpoint experiments. */
:root { scroll-padding-top:101px; }
.topinner { height:37px; }
.header { height:101px; }
.headinner { min-height:101px; }
.hero { min-height:530px; padding:65px 0; }
.hero-grid { padding:0; }
.hero h1 { font-size:clamp(38px,5vw,59px); }
.footer-brand-bottom .brand-logo { width:190px; }
@media(max-width:1000px) {
  .hero { min-height:auto; padding:54px 0; }
  .hero-grid { padding:0; }
  .hero h1 { font-size:clamp(40px,7vw,56px); }
}
@media(max-width:760px) {
  :root { scroll-padding-top:86px; }
  .topinner { height:32px; }
  .header { height:86px; }
  .headinner { min-height:86px; }
  .hero { min-height:0; padding:58px 0 28px; }
  .hero-grid { padding:0; gap:25px; }
  .hero h1 { font-size:42px; }
  .hero p { font-size:14px; }
  .section { padding:62px 0; }
  .section-head h2 { font-size:28px; }
  .contact-section { padding:62px 0 70px; }
  #sektorler .sector { min-height:130px; }
  .footer-brand-bottom .brand-logo { width:190px; }
}

/* About section redesign: light editorial canvas with a dark engineering statement card. */







#hakkimizda .about-spotlight-grid {
  grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);
  align-items:stretch;
  gap:18px;
  padding:0 0 16px;
}












#hakkimizda .about-spotlight-capabilities {
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin:0;
}
#hakkimizda .about-spotlight-capabilities > div,
#hakkimizda .about-spotlight-capabilities > div + div {
  display:block;
  min-height:88px;
  padding:16px 17px;
  border:1px solid #dce5ec;
  border-radius:14px;
  background:#fff;
  box-shadow:0 10px 28px rgba(16,43,70,.045);
}
#hakkimizda .about-spotlight-capabilities small {
  display:block;
  margin-bottom:8px;
  color:#d92e3a;
}
#hakkimizda .about-spotlight-capabilities b {
  color:#29445b;
  font-size:12px;
  line-height:1.5;
}
@media(max-width:1000px) {
  #hakkimizda.about-spotlight { padding:68px 0; }
  #hakkimizda .about-spotlight-grid { grid-template-columns:.9fr 1.1fr; gap:14px; }
  #hakkimizda .about-spotlight-title { min-height:350px; }
  #hakkimizda .about-spotlight-capabilities { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:760px) {
  #hakkimizda.about-spotlight { padding:58px 0 62px; }
  #hakkimizda .about-spotlight-head { margin-bottom:18px; }
  #hakkimizda .about-spotlight-index { display:none; }
  #hakkimizda .about-spotlight-grid { grid-template-columns:1fr; gap:12px; padding-bottom:12px; }
  #hakkimizda .about-spotlight-title { min-height:250px; padding:27px 24px; border-radius:15px; }
  #hakkimizda .about-spotlight-title :is(h1,h2) { font-size:clamp(38px,10vw,48px); }
  #hakkimizda .about-spotlight-copy { padding:23px 21px; border-radius:15px; }
  #hakkimizda .about-spotlight-copy .about-spotlight-lead { font-size:14px; }
  #hakkimizda .about-spotlight-copy > p:not(.about-spotlight-lead) { font-size:13px; }
  #hakkimizda .about-spotlight-capabilities { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
  #hakkimizda .about-spotlight-capabilities > div,
  #hakkimizda .about-spotlight-capabilities > div + div { min-height:84px; padding:13px; border-radius:12px; }
  #hakkimizda .about-spotlight-capabilities b { font-size:11px; }
}

/* Product groups: add a layered brand gradient behind the existing cards. */
#urunler {
  background:
    radial-gradient(ellipse at 14% 8%,rgba(217,46,58,.30),transparent 34rem),
    radial-gradient(ellipse at 88% 82%,rgba(46,104,145,.3),transparent 38rem),
    linear-gradient(128deg,#0f2b47 0%,#102b46 48%,#173a5d 100%);
}

/* Broader Stelgon red/blue glow on every navy surface. */
#urunler {
  background:
    radial-gradient(ellipse 78% 60% at 10% 6%,rgba(217,46,58,.30) 0%,transparent 100%),
    radial-gradient(ellipse 78% 64% at 92% 88%,rgba(65,123,162,.29) 0%,transparent 100%),
    linear-gradient(128deg,#0f2b47 0%,#102b46 48%,#173a5d 100%);
}
.hero {
  background:
    radial-gradient(ellipse 80% 72% at 88% 4%,rgba(217,46,58,.37) 0%,transparent 100%),
    radial-gradient(ellipse 76% 78% at 12% 100%,rgba(56,113,151,.27) 0%,transparent 100%),
    radial-gradient(ellipse at 55% 12%,rgba(194,111,76,.17),transparent 52%),
    radial-gradient(ellipse at 96% 40%,rgba(112,151,119,.15),transparent 48%),
    linear-gradient(125deg,#0f2b47 0%,#173d61 53%,#214a69 100%);
}

#sektorler .sector:not(:nth-child(2)) {
  background:
    radial-gradient(ellipse 100% 100% at 100% 0%,rgba(217,46,58,.28) 0%,transparent 100%),
    radial-gradient(ellipse 110% 110% at 0% 100%,rgba(65,123,162,.29) 0%,transparent 100%),
    linear-gradient(145deg,#102b46 0%,#173a5d 100%);
}

#projeler .project-overlay {
  background:
    radial-gradient(ellipse 110% 90% at 100% 0%,rgba(217,46,58,.17) 0%,transparent 100%),
    linear-gradient(0deg,rgba(15,43,71,.98),rgba(16,43,70,.9));
}
.footer {
  background:
    radial-gradient(ellipse 84% 140% at 4% 0%,rgba(217,46,58,.27) 0%,transparent 100%),
    radial-gradient(ellipse 95% 150% at 96% 100%,rgba(65,123,162,.25) 0%,transparent 100%),
    linear-gradient(128deg,#0f2b47 0%,#102b46 52%,#214a69 100%);
}

/* Project references: extend the brand gradient and give the logo cards a clear motion sequence. */
#projeler.projects-showcase {
  background:
    radial-gradient(ellipse 82% 76% at 8% 0%,rgba(217,46,58,.34) 0%,transparent 100%),
    radial-gradient(ellipse 86% 92% at 100% 100%,rgba(65,123,162,.32) 0%,transparent 100%),
    linear-gradient(128deg,#0f2b47 0%,#173d61 52%,#173a5d 100%);
}
#projeler .project-card {
  perspective:1100px;
  transform-origin:center;
}
#projeler .project-media {
  transform:translateY(0) rotateX(0deg) scale(1);
  transform-origin:center bottom;
  transition:transform .65s cubic-bezier(.2,.75,.25,1),box-shadow .65s ease,border-color .35s ease;
  box-shadow:0 18px 45px rgba(4,19,33,.2);
}
#projeler .project-media > img {
  transition:transform .8s cubic-bezier(.2,.75,.25,1),filter .5s ease;
}
#projeler .project-overlay {
  background:
    radial-gradient(ellipse 110% 90% at 100% 0%,rgba(217,46,58,.29) 0%,transparent 100%),
    linear-gradient(0deg,rgba(15,43,71,.98),rgba(16,43,70,.9));
}
#projeler .project-peek { transition:opacity .3s ease,transform .4s cubic-bezier(.2,.75,.25,1); }
#projeler .project-card:hover .project-media,
#projeler .project-card:focus-visible .project-media {
  transform:translateY(-9px) rotateX(2deg) scale(1.015);
  box-shadow:0 30px 62px rgba(4,19,33,.28);
}
#projeler .project-card:hover .project-media > img,
#projeler .project-card:focus-visible .project-media > img { filter:saturate(1.08); }
.motion-ready #projeler .project-card.motion-reveal {
  opacity:0;
  transform:translateY(38px) scale(.96);
  transition:opacity .75s ease,transform .8s cubic-bezier(.2,.75,.25,1);
}
.motion-ready #projeler .project-card.motion-reveal.is-visible { opacity:1; transform:translateY(0) scale(1); }
.motion-ready #projeler .project-card.motion-reveal:nth-child(2) { transition-delay:100ms; }
@media(hover:none) {
  #projeler .project-card:active .project-media { transform:translateY(-3px) scale(1.01); }
}
@media(max-width:760px) {
  #projeler.projects-showcase {
    background:
      radial-gradient(ellipse 115% 58% at 6% 0%,rgba(217,46,58,.30) 0%,transparent 100%),
      radial-gradient(ellipse 120% 70% at 100% 100%,rgba(65,123,162,.27) 0%,transparent 100%),
      linear-gradient(150deg,#0f2b47 0%,#173d61 56%,#173a5d 100%);
  }
  #projeler .project-card:hover .project-media,
  #projeler .project-card:focus-visible .project-media { transform:none; }
}

/* Keep project card copy within the reduced card size, including narrow phones. */
#projeler .project-card { width:100%; max-width:272px; }
#projeler .project-overlay {
  inset:0;
  min-height:100%;
  justify-content:center;
  padding:13px 14px;
}
#projeler .project-category { font-size:8px; letter-spacing:1px; line-height:1.25; }
#projeler .project-overlay h3 { margin:6px 0 4px; font-size:15px; line-height:1.18; overflow-wrap:anywhere; }
#projeler .project-overlay p { font-size:11px; line-height:1.35; overflow-wrap:anywhere; }
@media(max-width:700px) {
  #projeler .projects-grid { grid-template-columns:minmax(0,1fr); max-width:350px; gap:18px; }
  #projeler .project-card { max-width:none; }
}
@media(max-width:760px) {
  #projeler .project-overlay { padding:12px 13px; }
  #projeler .project-overlay h3 { font-size:14px; }
  #projeler .project-overlay p { font-size:10px; }
}

/* Give the homepage slider a little more horizontal room. */
.hero-grid { grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); gap:clamp(34px,4vw,46px); }
.photo-slider { width:min(100%,580px); }
@media(max-width:1000px) {
  .hero-grid { grid-template-columns:1fr; }
  .photo-slider { width:min(100%,580px); }
}
@media(max-width:760px) {
  .photo-slider { width:100%; }
}

/* Wider hero slider, nudged slightly toward the text column. */
.hero-grid { grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:clamp(34px,3.8vw,44px); }
.photo-slider { width:min(100%,620px); position:relative; left:26px; }
@media(max-width:1000px) {
  .hero-grid { grid-template-columns:1fr; }
  .photo-slider { width:min(100%,620px); left:18px; }
}
@media(max-width:760px) {
  .photo-slider { width:100%; left:0; }
}

/* Give the hero copy more room beside the slider. */
.hero-grid { grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); gap:clamp(30px,3vw,38px); }
@media(max-width:1000px) {
  .hero-grid { grid-template-columns:1fr; }
}

/* Product groups: preserve the layered card deck; buttons control its progress. */
#urunler .section-head h2 { font-size:clamp(40px,4.7vw,60px); line-height:1.02; letter-spacing:-.05em; }
#urunler.product-horizontal-carousel { height:auto!important; min-height:0; padding:clamp(68px,7vw,98px) 0; overflow:clip; }
#urunler.product-horizontal-carousel > .container { position:relative!important; top:auto!important; height:auto!important; display:grid!important; grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr); align-items:center; gap:clamp(30px,5vw,76px); }
#urunler .product-carousel-head { min-width:0; margin:0; overflow:hidden; transition:opacity .4s ease,transform .5s cubic-bezier(.2,.75,.25,1); }
#urunler .product-carousel-head .section-head { margin:0; text-align:left; }
#urunler.product-horizontal-carousel.product-copy-hidden > .container { grid-template-columns:minmax(0,0fr) minmax(0,1fr); gap:0; }
#urunler.product-horizontal-carousel.product-copy-hidden .product-carousel-head { opacity:0; transform:translateX(-28px); pointer-events:none; }
#urunler .product-carousel-stage { position:relative; min-width:0; padding:0 clamp(24px,3.2vw,44px); }
#urunler .product-carousel-controls { position:absolute; z-index:30; inset:50% 0 auto; display:flex; align-items:center; justify-content:space-between; width:100%; gap:10px; margin:0; transform:translateY(-50%); pointer-events:none; }
#urunler .product-carousel-controls button { display:grid; place-items:center; width:46px; height:46px; padding:0; border:1px solid rgba(255,255,255,.28); border-radius:50%; color:#fff; background:rgba(15,43,71,.86); box-shadow:0 8px 24px rgba(0,0,0,.2); font-size:23px; font-weight:600; line-height:1; cursor:pointer; pointer-events:auto; transition:background .2s,border-color .2s,transform .2s,opacity .2s; }
#urunler .product-carousel-controls button:hover:not(:disabled) { background:var(--sg-red); border-color:var(--sg-red); transform:scale(1.07); }
#urunler .product-carousel-controls button:focus-visible { outline:3px solid #fff; outline-offset:3px; }
#urunler .product-carousel-controls button:disabled { opacity:.38; cursor:default; }
#urunler.product-horizontal-carousel .product-catalog-grid { position:relative; display:block; width:100%; height:min(500px,58svh); min-height:360px; margin:0 auto; padding:0; perspective:1400px; overflow:visible; }
#urunler.product-horizontal-carousel .product-tile { position:absolute; inset:auto; left:50%; top:50%; display:flex; flex-direction:column; justify-content:space-between; width:min(100%,640px); height:100%; min-height:0; padding:clamp(24px,3vw,40px); opacity:0; z-index:0; pointer-events:none; transform:translate3d(-50%,-50%,0) translate3d(72px,0,-70px) rotateY(-7deg) scale(.94); transform-style:preserve-3d; backface-visibility:hidden; transition:transform .72s cubic-bezier(.2,.75,.25,1),opacity .5s ease,box-shadow .5s ease; }
#urunler.product-horizontal-carousel .product-tile.is-current { opacity:1; z-index:6; pointer-events:auto; transform:translate3d(-50%,-50%,0) translate3d(0,0,0) rotateY(0) scale(1); }
#urunler.product-horizontal-carousel .product-tile.is-next { opacity:.42; z-index:5; transform:translate3d(-50%,-50%,0) translate3d(27px,-7px,-44px) rotateY(-4deg) scale(.965); }
#urunler.product-horizontal-carousel .product-tile.is-next-two { opacity:.18; z-index:4; transform:translate3d(-50%,-50%,0) translate3d(50px,-14px,-88px) rotateY(-7deg) scale(.93); }
#urunler.product-horizontal-carousel .product-tile.is-previous { opacity:.15; z-index:3; transform:translate3d(-50%,-50%,0) translate3d(-30px,10px,-70px) rotateY(4deg) scale(.94); }
#urunler.product-horizontal-carousel .product-tile.is-previous-two { opacity:.08; z-index:2; transform:translate3d(-50%,-50%,0) translate3d(-50px,18px,-100px) rotateY(7deg) scale(.91); }
#urunler.product-horizontal-carousel .product-tile.is-current:hover { transform:translate3d(-50%,-50%,0) translate3d(0,-4px,0) rotateY(0) scale(1.005); }
#urunler.product-horizontal-carousel .product-card-image { position:absolute!important; inset:0 0 0 auto!important; z-index:0!important; width:66%!important; height:100%!important; margin:0; padding:0!important; object-fit:contain!important; object-position:center!important; opacity:.98; }
#urunler.product-horizontal-carousel .product-card-image-cover { object-fit:cover!important; }
#urunler.product-horizontal-carousel .product-card-image-wide { width:72%!important; object-fit:cover!important; object-position:37% center!important; }
#urunler.product-horizontal-carousel a.product-tile[href="products/yangin-durdurucu.html"] .product-card-image,
#urunler.product-horizontal-carousel a.product-tile[href="products/kimyasal-ankraj-harclari.html"] .product-card-image,
#urunler.product-horizontal-carousel a.product-tile[href="products/celik-sabitlemeler.html"] .product-card-image { width:100%!important; object-fit:contain!important; object-position:center!important; }
@media(max-width:1000px) {
  #urunler.product-horizontal-carousel > .container { grid-template-columns:minmax(0,1fr); gap:24px; }
  #urunler.product-horizontal-carousel.product-copy-hidden > .container { grid-template-columns:minmax(0,1fr); }
  #urunler.product-horizontal-carousel.product-copy-hidden .product-carousel-head { display:none; }
  #urunler .product-carousel-head { max-width:780px; }
  #urunler .product-carousel-stage { padding-inline:clamp(24px,4vw,40px); }
}
@media(max-width:760px) {
  #urunler.product-horizontal-carousel { padding:64px 0 70px; }
  #urunler.product-horizontal-carousel.product-copy-hidden .product-carousel-head { display:none; }
  #urunler .product-carousel-stage { padding-inline:20px; }
  #urunler .product-carousel-controls button { width:42px; height:42px; }
  #urunler.product-horizontal-carousel .product-catalog-grid { height:clamp(350px,96vw,430px); min-height:350px; }
  #urunler.product-horizontal-carousel .product-tile { height:100%!important; min-height:0; padding:22px; border-radius:20px; transform:translate3d(-50%,-50%,0) translate3d(72px,0,-70px) rotateY(-7deg) scale(.94)!important; opacity:0!important; }
  #urunler.product-horizontal-carousel .product-tile.is-current { opacity:1!important; transform:translate3d(-50%,-50%,0) translate3d(0,0,0) rotateY(0) scale(1)!important; }
  #urunler.product-horizontal-carousel .product-tile.is-next { opacity:.42!important; transform:translate3d(-50%,-50%,0) translate3d(27px,-7px,-44px) rotateY(-4deg) scale(.965)!important; }
  #urunler.product-horizontal-carousel .product-tile.is-next-two { opacity:.18!important; transform:translate3d(-50%,-50%,0) translate3d(50px,-14px,-88px) rotateY(-7deg) scale(.93)!important; }
  #urunler.product-horizontal-carousel .product-tile.is-previous { opacity:.15!important; transform:translate3d(-50%,-50%,0) translate3d(-30px,10px,-70px) rotateY(4deg) scale(.94)!important; }
  #urunler.product-horizontal-carousel .product-tile.is-previous-two { opacity:.08!important; transform:translate3d(-50%,-50%,0) translate3d(-50px,18px,-100px) rotateY(7deg) scale(.91)!important; }
  #urunler.product-horizontal-carousel .product-tile.is-current:hover { transform:translate3d(-50%,-50%,0) scale(1)!important; }
  #urunler.product-horizontal-carousel .product-card-image { width:66%!important; opacity:.55!important; }
  #urunler.product-horizontal-carousel .product-card-image-cover { opacity:.42!important; }
  #urunler.product-horizontal-carousel .product-card-image-wide { width:78%!important; opacity:.38!important; }
  #urunler.product-horizontal-carousel a.product-tile[href="products/yangin-durdurucu.html"] .product-card-image,
  #urunler.product-horizontal-carousel a.product-tile[href="products/kimyasal-ankraj-harclari.html"] .product-card-image,
  #urunler.product-horizontal-carousel a.product-tile[href="products/celik-sabitlemeler.html"] .product-card-image { width:100%!important; opacity:.68!important; }
  #urunler.product-horizontal-carousel .product-tile>b { max-width:72%; font-size:clamp(22px,6vw,30px); }
}
@media(max-width:480px) {
  #urunler .product-carousel-stage { padding-inline:16px; }
  #urunler .product-carousel-controls button { width:38px; height:38px; font-size:20px; }
  #urunler.product-horizontal-carousel .product-catalog-grid { height:360px; min-height:360px; }
  #urunler.product-horizontal-carousel .product-tile { padding:18px; }
}