/* ==========================================================================
POLIFORM LUXURY ARCHITECTURE & FURNITURE DESIGN SYSTEM
========================================================================== */:root {
--color-primary: #2a2521;
--color-accent: #bd1718;
--color-light: #e3e3e3;
--poliform-black: #2a2521;
--poliform-dark: #2a2521;
--poliform-gray: #66625f;
--poliform-light-gray: #f7f6f5;
--poliform-border: #e3e3e3;
--primary-orange: #bd1718;
--radius: 8px;
--font-main: "Lexend", "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}body {
font-family: var(--font-main);
background-color: #ffffff;
color: var(--color-primary);
margin: 0;
padding: 0;
}.poliform-wrapper {
font-family: var(--font-main);
width: 100%;
overflow-x: hidden;
background-color: #ffffff;
}/* Eksik Bootstrap utility class'ları */
.position-relative {
position: relative !important;
}.h-100 {
height: 100% !important;
}/* ==========================================================================
01 — HERO / SLIDER (ANA SLAYT)
========================================================================== */
.poliform-hero-sec {
position: relative;
width: 100%;
height: calc(90vh - 74px);
min-height: 580px;
overflow: hidden;
background-color: #f8f7f5;
border-radius: 0px;
}.poliform-swiper {
width: 100%;
height: 100%;
position: relative;
}.poliform-swiper .swiper-wrapper {
width: 100%;
height: 100%;
}.poliform-hero-single,
.poliform-slide {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
}.poliform-hero-bg,
.swiper-slide-resim {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 0px;
transition: transform 7s cubic-bezier(0.16, 1, 0.3, 1);
transform: scale(1);
}.swiper-slide-active .poliform-hero-bg,
.swiper-slide-active .swiper-slide-resim,
.poliform-slide:hover .poliform-hero-bg,
.poliform-hero-single:hover .poliform-hero-bg {
transform: scale(1.04);
}.text-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 5;
pointer-events: none;
}.poliform-hero-sec .container {
position: relative;
height: 100%;
display: flex;
align-items: center;
pointer-events: auto;
}.hero-slogan-wrap,
.textic {
position: relative;
max-width: 640px;
z-index: 6;
color: #1a1918;
padding-right: 20px;
pointer-events: auto;
}.hero-slogan-sub {
font-size: 12px;
font-weight: 700;
letter-spacing: 0.16em;
text-transform: uppercase;
color: #be212c;
display: inline-block;
margin-bottom: 12px;
text-shadow: none;
}.hero-slogan-title,
.text2 {
font-size: clamp(38px, 5.2vw, 44px);
font-weight: 500;
line-height: 1.08;
color: #1a1918;
margin: 0 0 18px;
text-shadow: none;
word-break: break-word;
letter-spacing: -0.01em;
}.hero-slogan-desc,
.text1 {
font-size: clamp(15px, 1.25vw, 17px);
font-weight: 400;
line-height: 1.7;
color: #383431;
max-width: 520px;
margin: 0 0 30px;
display: block;
text-shadow: none;
letter-spacing: normal;
text-transform: none;
}.hero-slogan-action {
display: flex;
align-items: center;
gap: 16px;
flex-wrap: wrap;
pointer-events: auto;
}.hero-slogan-btn {
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
cursor: pointer;
transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}.hero-slogan-btn.btn1,
.hero-btn-primary {
background-color: #1a1918;
color: #ffffff;
padding: 16px 36px;
border-radius: 0px;
border: 1px solid #1a1918;
box-shadow: 0 4px 14px rgba(26, 25, 24, 0.12);
}.hero-slogan-btn.btn1 .btn-text,
.hero-btn-primary .btn-text {
font-size: 12.5px;
font-weight: 700;
letter-spacing: 0.15em;
text-transform: uppercase;
color: #ffffff;
display: inline-block;
transition: color 0.3s ease;
}.hero-slogan-btn.btn1:hover,
.hero-btn-primary:hover {
background-color: #be212c;
border-color: #be212c;
transform: translateY(-2px);
box-shadow: 0 8px 24px rgba(190, 33, 44, 0.28);
}.hero-slogan-btn.btn1:hover .btn-text,
.hero-btn-primary:hover .btn-text {
color: #ffffff;
transform: none;
}.gold-accent-line {
display: none !important;
}.hero-slogan-btn.btn2,
.hero-btn-secondary {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 15px 32px;
border: 1.5px solid #1a1918;
background: transparent;
border-radius: 0px;
color: #1a1918;
text-decoration: none;
cursor: pointer;
font-size: 12.5px;
font-weight: 700;
letter-spacing: 0.15em;
text-transform: uppercase;
transition: all 0.3s ease;
}.hero-slogan-btn.btn2:hover,
.hero-btn-secondary:hover {
background: #1a1918;
border-color: #1a1918;
color: #ffffff;
transform: translateY(-2px);
box-shadow: 0 6px 18px rgba(26, 25, 24, 0.15);
}.hero-slogan-btn.btn2 .btn-text,
.hero-btn-secondary .btn-text {
color: #1a1918;
font-size: 12.5px;
font-weight: 700;
letter-spacing: 0.15em;
text-transform: uppercase;
display: inline-flex;
align-items: center;
gap: 6px;
transition: color 0.3s ease;
}.hero-slogan-btn.btn2:hover .btn-text,
.hero-btn-secondary:hover .btn-text {
color: #ffffff;
}/* Mouse Scroll Indicator */
.pointer-events-none-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}.hero-mouse-scroll {
position: absolute;
left: 50% !important;
bottom: 15px !important;
right: auto !important;
transform: translateX(-50%) !important;
display: flex;
flex-direction: column;
align-items: center;
cursor: pointer;
z-index: 22;
pointer-events: auto;
transition: transform 0.25s ease, opacity 0.25s ease;
}.hero-mouse-scroll:hover {
transform: translateX(-50%) translateY(4px) !important;
}.mouse-icon {
width: 22px;
height: 38px;
border: 2px solid #2A2521;
border-radius: 38px;
box-sizing: border-box;
display: flex;
justify-content: center;
padding-top: 6px;
box-shadow: 0 3px 10px rgba(42, 37, 33, 0.08);
background-color: rgba(255, 255, 255, 0.75);
backdrop-filter: blur(2px);
transition: border-color 0.25s, box-shadow 0.25s;
}.hero-mouse-scroll:hover .mouse-icon {
border-color: #be212c;
box-shadow: 0 4px 16px rgba(190, 33, 44, 0.3);
}.mouse-wheel {
width: 3px;
height: 6px;
background-color: #be212c;
border-radius: 8px;
animation: mouseWheelScroll 1.8s cubic-bezier(0.65, 0, 0.35, 1) infinite;
}@keyframes mouseWheelScroll {
0% {
opacity: 1;
transform: translateY(0);
}50% {
opacity: 0.8;
transform: translateY(10px);
}100% {
opacity: 0;
transform: translateY(18px);
}
}.mouse-trail-line {
width: 1.5px;
height: 38px;
background: linear-gradient(to bottom,
rgba(42, 37, 33, 0.6) 0%,
rgba(42, 37, 33, 0.05) 100%);
margin-top: 8px;
animation: mouseTrailPulse 2s ease-in-out infinite alternate;
}@keyframes mouseTrailPulse {
0% {
opacity: 0.4;
height: 30px;
}100% {
opacity: 0.95;
height: 44px;
}
}/* Sağ Alt Köşe Slider Okları */
.hero-slider-arrows {
position: absolute;
right: 48px;
bottom: 35px;
z-index: 25;
display: flex;
align-items: center;
gap: 10px;
}.hero-arrow-btn {
width: 46px;
height: 46px;
border-radius: 8px;
background: rgba(255, 255, 255, 0.9);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border: 1px solid rgba(42, 37, 33, 0.15);
color: #2A2521;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.25s ease;
padding: 0;
outline: none;
box-shadow: 0 4px 14px rgba(42, 37, 33, 0.08);
}.hero-arrow-btn:hover {
background: #be212c;
border-color: #be212c;
color: #ffffff;
transform: translateY(-2px);
box-shadow: 0 4px 14px rgba(190, 33, 44, 0.35);
}.geciscizgiii {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 3px;
background: linear-gradient(90deg, #be212c 0%, rgba(190, 33, 44, 0.5) 45%, transparent 100%);
z-index: 6;
opacity: 0.9;
}@media (max-width: 1199px) {
.poliform-hero-sec {
height: 70vh;
min-height: 480px;
}.hero-slogan-wrap,
.textic {
max-width: 85%;
}.hero-slogan-title,
.text2 {
font-size: 36px;
}
}@media (max-width: 991px) {
.poliform-hero-nav {
display: none;
}.hero-mouse-scroll {
display: none;
}.poliform-pagination {
bottom: 20px;
}
}@media (max-width: 767px) {
.poliform-hero-sec {
height: 60vh;
min-height: 420px;
}.hero-slider-arrows {
right: 20px;
bottom: 20px;
}.hero-arrow-btn {
width: 40px;
height: 40px;
}.hero-slogan-wrap,
.textic {
max-width: 95%;
}.hero-slogan-title,
.text2 {
font-size: 26px;
margin-bottom: 14px;
}.hero-slogan-desc,
.text1 {
font-size: 14px;
margin-bottom: 20px;
}.hero-slogan-sub {
font-size: 11px;
letter-spacing: 0.1em;
}
}/* Hero İsteğe Bağlı Metinler (Çoklu Slayt Durumunda) */
.poliform-hero-caption {
position: absolute;
bottom: 80px;
left: 15px;
max-width: 600px;
z-index: 10;
color: #ffffff;
}.hero-tag {
font-size: 11px;
font-weight: 600;
letter-spacing: 0.14em;
text-transform: uppercase;
display: block;
margin-bottom: 12px;
color: rgba(255, 255, 255, 0.85);
}.hero-title {
font-size: 42px;
font-weight: 700;
line-height: 1.15;
letter-spacing: -0.02em;
margin: 0 0 24px;
color: #ffffff;
}.poliform-btn {
display: inline-block;
padding: 12px 28px;
font-size: 11.5px;
font-weight: 600;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #111111;
background-color: #ffffff;
border-radius: 8px;
text-decoration: none;
transition: all 0.2s ease;
}.poliform-btn:hover {
background-color: #f0f0f0;
}/* ==========================================================================
02 — I NOSTRI CATALOGHI / LÜKS KOLEKSİYONLAR BÖLÜMÜ
========================================================================== */
.poliform-catalogs-sec {
background-color: #ffffff;
padding: 80px 0 80px;
position: relative;
overflow: hidden;
border-bottom: 1px solid var(--color-light);
}.poliform-catalogs-container {
display: flex;
align-items: center;
width: 100%;
max-width: 100%;
padding-left: max(24px, calc((100vw - 1340px) / 2 + 10px));
padding-right: 0;
gap: 44px;
box-sizing: border-box;
}@media (max-width: 1400px) {
.poliform-catalogs-container {
padding-left: calc((100vw - 1160px) / 2 + 10px);
gap: 36px;
}
}@media (max-width: 1200px) {
.poliform-catalogs-container {
padding-left: calc((100vw - 980px) / 2 + 10px);
gap: 30px;
}
}@media (max-width: 991px) {
.poliform-catalogs-container {
flex-direction: column;
padding-left: 20px;
padding-right: 20px;
gap: 36px;
}
}/* Sol Kolon: Başlık, Özel Üretim Sloganı ve Discover Linki */
.catalogs-left-col {
width: 290px;
min-width: 270px;
flex-shrink: 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
text-align: left;
padding: 20px 0;
position: relative;
z-index: 10;
background-color: #ffffff;
}/* Sol maske: Sola kayan kartların başlığın üzerine çıkmasını önler */
.catalogs-left-col::before {
content: "";
position: absolute;
top: -120px;
bottom: -120px;
right: -24px;
width: 150vw;
background-color: #ffffff;
z-index: -1;
pointer-events: none;
}@media (max-width: 991px) {
.catalogs-left-col {
width: 100%;
min-width: 0;
padding: 0;
align-items: flex-start;
text-align: left;
}.catalogs-left-col::before {
display: none;
}
}.catalogs-header-wrap {
margin-bottom: 24px;
}.catalogs-tag {
font-family: var(--font-main);
font-size: 11px;
font-weight: 600;
letter-spacing: 0.16em;
text-transform: uppercase;
color: var(--color-accent);
display: block;
margin-bottom: 12px;
}.catalogs-main-title {
font-family: var(--font-main);
font-size: 32px;
font-weight: 600;
letter-spacing: 0.06em;
line-height: 1.25;
color: var(--color-primary);
text-transform: uppercase;
margin: 0 0 16px;
}.catalogs-slogan {
font-family: var(--font-main);
font-size: 13.5px;
line-height: 1.65;
color: #666666;
margin: 0;
max-width: 270px;
}.catalogs-discover-wrap {
margin-top: 4px;
}.catalogs-discover-btn {
display: inline-flex;
align-items: center;
gap: 6px;
font-family: var(--font-main);
font-size: 11.5px;
font-weight: 600;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--color-primary);
text-decoration: none;
border-bottom: 2px solid var(--color-primary);
padding-bottom: 3px;
transition: all 0.25s ease;
}.catalogs-discover-btn:hover {
color: var(--color-accent);
border-color: var(--color-accent);
transform: translateX(3px);
}/* Sağ Kolon: Slider & Kartlar */
.catalogs-slider-wrap {
flex: 1;
min-width: 0;
position: relative;
overflow: visible;
}.catalogs-swiper {
width: 100%;
overflow: visible !important;
padding: 10px 0 20px;
}.catalog-slide {
width: 310px;
flex-shrink: 0;
}.catalog-card-item {
display: block;
text-decoration: none;
color: #111111;
}.catalog-card-img-wrap {
position: relative;
width: 100%;
aspect-ratio: 1 / 1.32;
overflow: hidden;
border-radius: 8px;
background-color: #ECECEC;
border: 1px solid #edebe8;
box-shadow: 0 4px 18px rgba(42, 37, 33, 0.04);
transition: transform 0.5s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.5s cubic-bezier(0.2, 0.8, 0.2, 1), border-color 0.4s ease;
}.catalog-card-img-wrap img {
width: 100%;
height: 100%;
object-fit: contain;
display: block;
transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1);
}.catalog-card-item:hover .catalog-card-img-wrap {
box-shadow: 0 14px 34px rgba(42, 37, 33, 0.1);
transform: translateY(-5px);
border-color: #dcd8d3;
}.catalog-card-item:hover .catalog-card-img-wrap img {
transform: scale(1.04);
}/* Sağ Üst Köşe Logo Rozeti */
.catalog-card-badge {
position: absolute;
top: 12px;
right: 12px;
z-index: 3;
padding: 5px 10px;
display: flex;
align-items: center;
justify-content: center;
opacity: 100%;
transition: transform 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease;
}.catalog-badge-logo {
max-width: 85px;
max-height: 26px;
width: auto;
height: auto;
object-fit: contain !important;
display: block;
}.catalog-card-item:hover .catalog-card-badge {}/* Kart Alt Yazı Meta */
.catalog-card-meta {
margin-top: 16px;
display: flex;
align-items: center;
justify-content: center;
gap: 7px;
}.catalog-card-title {
font-family: var(--font-main);
font-size: 12px;
font-weight: 600;
letter-spacing: 0.12em;
color: #2A2521;
transition: color 0.25s ease;
}.catalog-card-arrow {
font-family: var(--font-main);
font-size: 14px;
line-height: 1;
color: #2A2521;
display: inline-block;
transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), color 0.25s ease;
}.catalog-card-item:hover .catalog-card-arrow {
transform: translateX(4px);
color: #be212c;
}.catalog-card-item:hover .catalog-card-title {
color: #be212c;
}/* Slider Nav Kontrolleri */
.catalogs-nav-controls {
position: absolute;
top: -45px;
right: 30px;
display: flex;
align-items: center;
gap: 10px;
z-index: 10;
}.catalog-nav-btn {
width: 36px;
height: 36px;
border-radius: 50%;
border: 1px solid var(--color-light);
background: #ffffff;
color: var(--color-primary);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.25s ease;
padding: 0;
box-shadow: 0 2px 8px rgba(42, 37, 33, 0.04);
}.catalog-nav-btn:hover {
background: var(--color-accent);
color: #ffffff;
border-color: var(--color-accent);
}.catalog-nav-btn.swiper-button-disabled {
opacity: 0.25;
cursor: not-allowed;
pointer-events: none;
}@media (max-width: 991px) {
.catalogs-nav-controls {
position: static;
justify-content: center;
margin-top: 24px;
}
}@media (max-width: 768px) {
.poliform-catalogs-sec {
padding: 60px 0 70px;
}.catalogs-main-title {
font-size: 24px;
}.catalog-slide {
width: 240px;
}.catalog-overlay-brand {
font-size: 20px;
}
}/* ==========================================================================
02.5 — İNTERAKTİF YAŞAM ALANI (HOTSPOT FULL-BLEED)
========================================================================== */
.poliform-showcase-categories-sec {
background-color: #faf9f6;
padding: 0 !important;
position: relative;
overflow: hidden;
width: 100%;
}/* 1. Hotspot Sahnesi (Full-Bleed / Kenardan Kenara Tam Genişlik) */
.hotspot-stage-wrapper.full-bleed {
width: 100%;
margin: 0;
padding: 0;
position: relative;
}.hotspot-stage-frame {
position: relative;
width: 100%;
background-color: var(--color-light);
aspect-ratio: 1920 / 1072;
overflow: hidden;
}.hotspot-stage-img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
user-select: none;
border-radius: 0;
box-shadow: none;
}/* Hotspot Pinleri & Radar Halkası */
.hotspot-pin {
position: absolute;
transform: translate(-50%, -50%);
z-index: 30;
cursor: pointer;
}.hotspot-radar {
position: absolute;
top: 50%;
left: 50%;
width: 34px;
height: 34px;
transform: translate(-50%, -50%);
border-radius: 50%;
background: rgba(189, 23, 24, 0.35);
pointer-events: none;
animation: hotspotRadarRing 2.4s cubic-bezier(0.25, 1, 0.5, 1) infinite;
}@keyframes hotspotRadarRing {
0% {
transform: translate(-50%, -50%) scale(0.6);
opacity: 0.9;
}100% {
transform: translate(-50%, -50%) scale(2.3);
opacity: 0;
}
}.hotspot-dot {
position: relative;
width: 22px;
height: 22px;
border-radius: 50%;
background: #ffffff;
border: 2px solid var(--color-primary);
box-shadow: 0 3px 12px rgba(42, 37, 33, 0.3);
cursor: pointer;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
outline: none;
}.hotspot-dot::after {
content: "";
width: 6px;
height: 6px;
border-radius: 50%;
background: var(--color-accent);
transition: all 0.25s ease;
}.hotspot-pin:hover .hotspot-dot,
.hotspot-pin.is-active .hotspot-dot {
transform: scale(1.3);
background: var(--color-accent);
border-color: #ffffff;
box-shadow: 0 4px 20px rgba(189, 23, 24, 0.45);
}.hotspot-pin:hover .hotspot-dot::after,
.hotspot-pin.is-active .hotspot-dot::after {
background: #ffffff;
}/* Cam Efektli Floating Popover Kart (Yatay Düzen: Görsel + Bilgiler) */
.hotspot-popover {
position: absolute;
width: 320px;
background: rgba(255, 255, 255, 0.98);
backdrop-filter: blur(18px);
-webkit-backdrop-filter: blur(18px);
border-radius: 8px;
padding: 13px 15px;
box-shadow: 0 16px 40px rgba(0, 0, 0, 0.18), 0 2px 8px rgba(0, 0, 0, 0.06);
border: 1px solid rgba(255, 255, 255, 0.95);
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 0.28s cubic-bezier(0.16, 1, 0.3, 1), transform 0.28s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.28s;
z-index: 50;
text-align: left;
display: flex;
gap: 14px;
align-items: center;
}/* Yön Pozisyonları: Yukarı ya da Aşağı Açılma */
.hotspot-pin.pin-open-up .hotspot-popover {
bottom: calc(100% + 14px);
top: auto;
}.hotspot-pin.pin-open-down .hotspot-popover {
top: calc(100% + 14px);
bottom: auto;
}/* Yatay Hizalama */
.hotspot-pin.pin-align-center .hotspot-popover {
left: 50%;
transform: translateX(-50%) translateY(8px);
}.hotspot-pin.pin-align-right .hotspot-popover {
left: -10px;
transform: translateY(8px);
}.hotspot-pin.pin-align-left .hotspot-popover {
right: -10px;
left: auto;
transform: translateY(8px);
}.hotspot-pin:hover .hotspot-popover,
.hotspot-pin.is-active .hotspot-popover {
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
}.hotspot-pin.pin-align-center:hover .hotspot-popover,
.hotspot-pin.pin-align-center.is-active .hotspot-popover {
transform: translateX(-50%) translateY(0) !important;
}.hotspot-pin.pin-align-right:hover .hotspot-popover,
.hotspot-pin.pin-align-right.is-active .hotspot-popover {
transform: translateY(0) !important;
}.hotspot-pin.pin-align-left:hover .hotspot-popover,
.hotspot-pin.pin-align-left.is-active .hotspot-popover {
transform: translateY(0) !important;
}/* Popover İçeriği */
.hotspot-popover-thumb {
width: 72px;
height: 72px;
border-radius: 8px;
overflow: hidden;
flex-shrink: 0;
background-color: #ffffff;
border: 1px solid #edebe6;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
display: flex;
align-items: center;
justify-content: center;
}.hotspot-thumb-img {
width: 100%;
height: 100%;
object-fit: contain;
padding: 3px;
display: block;
}.hotspot-popover-body {
flex: 1;
min-width: 0;
}.hotspot-popover-badge {
font-family: var(--font-main, 'Lexend', sans-serif);
font-size: 9px;
font-weight: 700;
letter-spacing: 0.14em;
color: var(--color-accent);
text-transform: uppercase;
display: block;
margin-bottom: 2px;
}.hotspot-popover-title {
font-family: var(--font-main, 'Lexend', sans-serif);
font-size: 13.5px;
font-weight: 600;
color: var(--color-primary);
margin: 0 0 2px;
line-height: 1.3;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}.hotspot-popover-desc {
font-family: var(--font-main, 'Lexend', sans-serif);
font-size: 10.5px;
line-height: 1.4;
color: #666666;
margin: 0 0 6px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}/* Model Switcher Butonları (Popover İçinde) */
.model-switch-btns {
display: flex;
gap: 4px;
flex-wrap: wrap;
margin-bottom: 8px;
}.model-btn {
font-family: var(--font-main, 'Lexend', sans-serif);
font-size: 9.5px;
font-weight: 500;
padding: 3px 7px;
border-radius: 8px;
border: 1px solid #e2ded7;
background: #fbfaf8;
color: #555555;
cursor: pointer;
line-height: 1.25;
transition: all 0.2s ease;
}.model-btn:hover {
background: #edeae4;
color: var(--color-primary);
border-color: #cbbeaf;
}.model-btn.active {
background: var(--color-primary);
color: #ffffff;
border-color: var(--color-primary);
font-weight: 600;
}.hotspot-popover-btn {
display: inline-flex;
align-items: center;
gap: 5px;
font-family: var(--font-main, 'Lexend', sans-serif);
font-size: 10px;
font-weight: 600;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--color-primary);
text-decoration: none;
border-bottom: 1.5px solid var(--color-primary);
padding-bottom: 1px;
transition: all 0.25s ease;
}.hotspot-popover-btn:hover {
color: var(--color-accent);
border-color: var(--color-accent);
transform: translateX(3px);
}/* Sahne Alt Bilgi Çubuğu */
.hotspot-stage-footer {
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 28px;
width: calc(100% - 60px);
max-width: 1340px;
display: flex;
align-items: center;
justify-content: space-between;
background: rgba(255, 255, 255, 0.9);
backdrop-filter: blur(16px);
-webkit-backdrop-filter: blur(16px);
border-radius: 8px;
padding: 12px 24px;
border: 1px solid var(--color-light);
box-shadow: 0 10px 30px rgba(42, 37, 33, 0.08);
z-index: 20;
}.hotspot-footer-hint {
display: flex;
align-items: center;
gap: 8px;
font-family: var(--font-main, 'Lexend', sans-serif);
font-size: 13px;
font-weight: 500;
color: var(--color-primary);
}.hotspot-pulse-icon {
width: 8px;
height: 8px;
border-radius: 50%;
background-color: var(--color-accent);
display: inline-block;
animation: pulseDot 1.6s ease-in-out infinite;
}@keyframes pulseDot {0%,
100% {
opacity: 0.4;
transform: scale(0.9);
}50% {
opacity: 1;
transform: scale(1.2);
}
}.hotspot-quick-chips {
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}.hotspot-chip {
background: #ffffff;
border: 1px solid var(--color-light);
padding: 6px 14px;
border-radius: 8px;
font-family: var(--font-main, 'Lexend', sans-serif);
font-size: 12px;
font-weight: 500;
color: var(--color-primary);
cursor: pointer;
transition: all 0.25s ease;
}.hotspot-chip:hover,
.hotspot-chip.active {
background: var(--color-accent);
color: #ffffff;
border-color: var(--color-accent);
transform: translateY(-1px);
}@media (max-width: 991px) {
.hotspot-stage-footer {
width: calc(100% - 32px);
bottom: 16px;
flex-direction: column;
align-items: flex-start;
gap: 8px;
padding: 10px 16px;
}.hotspot-popover {
width: 240px;
padding: 10px 12px;
}
}@media (max-width: 768px) {
.hotspot-stage-frame {
aspect-ratio: 16 / 10;
}.hotspot-stage-footer {
position: static;
transform: none;
width: 100%;
margin-top: 0;
border-radius: 0;
border-left: 0;
border-right: 0;
}
}/* ==========================================================================
6 TEMEL ÜRÜN KATEGORİSİ VİTRİNİ (.poliform-category-grid-bar)
========================================================================== */
.poliform-category-grid-bar {
background: #ffffff;
padding: 80px 0 85px;
border-bottom: 1px solid var(--color-light);
}.category-grid-header {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 30px;
margin-bottom: 45px;
}.category-grid-header-left {
max-width: 520px;
}.category-grid-sub {
font-family: var(--font-main, 'Lexend', sans-serif);
font-size: 11px;
font-weight: 600;
letter-spacing: 0.16em;
color: var(--color-accent);
text-transform: uppercase;
display: block;
margin-bottom: 6px;
}.category-grid-title {
font-family: var(--font-main, 'Lexend', sans-serif);
font-size: 32px;
font-weight: 400;
color: var(--color-primary);
letter-spacing: -0.02em;
line-height: 1.15;
margin: 0;
}.category-grid-desc {
max-width: 440px;
font-family: var(--font-main, 'Lexend', sans-serif);
font-size: 13.5px;
line-height: 1.6;
color: #777777;
margin: 0;
}.category-cards-grid {
display: grid;
grid-template-columns: repeat(6, 1fr);
gap: 18px;
}.category-card-item {
display: flex;
flex-direction: column;
background: #faf9f6;
border-radius: 8px;
border: 1px solid #ebe7e0;
overflow: hidden;
text-decoration: none;
transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
position: relative;
}.category-card-item:hover {
transform: translateY(-6px);
background: #ffffff;
border-color: #d8d0c4;
box-shadow: 0 16px 36px rgba(42, 37, 33, 0.08);
}.category-card-thumb {
width: 100%;
aspect-ratio: 1 / 1;
background: #ffffff;
position: relative;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
padding: 16px;
border-bottom: 1px solid #f0ede8;
}.category-card-thumb img {
width: 100%;
height: 100%;
object-fit: contain;
transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}.category-card-item:hover .category-card-thumb img {
transform: scale(1.08);
}.category-card-num {
position: absolute;
top: 10px;
left: 10px;
font-family: var(--font-main, 'Lexend', sans-serif);
font-size: 9.5px;
font-weight: 700;
letter-spacing: 0.08em;
color: #888;
background: rgba(255, 255, 255, 0.92);
padding: 2px 7px;
border-radius: 8px;
border: 1px solid #eae6df;
}.category-card-info {
padding: 16px 14px 18px;
display: flex;
flex-direction: column;
flex: 1;
}.category-card-tag {
font-family: var(--font-main, 'Lexend', sans-serif);
font-size: 8.5px;
font-weight: 600;
letter-spacing: 0.12em;
color: var(--color-accent);
text-transform: uppercase;
margin-bottom: 4px;
}.category-card-name {
font-family: var(--font-main, 'Lexend', sans-serif);
font-size: 16px;
font-weight: 600;
color: var(--color-primary);
margin: 0 0 10px;
line-height: 1.25;
}.category-card-link {
margin-top: auto;
font-family: var(--font-main, 'Lexend', sans-serif);
font-size: 10.5px;
font-weight: 600;
color: #666666;
display: inline-flex;
align-items: center;
gap: 5px;
transition: all 0.25s ease;
}.category-card-item:hover .category-card-link {
color: var(--color-accent);
gap: 8px;
}@media (max-width: 1200px) {
.category-cards-grid {
grid-template-columns: repeat(3, 1fr);
gap: 16px;
}
}@media (max-width: 768px) {
.category-grid-header {
flex-direction: column;
align-items: flex-start;
gap: 12px;
}.category-cards-grid {
grid-template-columns: repeat(2, 1fr);
gap: 12px;
}.category-card-name {
font-size: 14px;
}
}@media (max-width: 480px) {
.category-cards-grid {
grid-template-columns: 1fr;
}
}/* ==========================================================================
03 — PROJELER: YAPILAN İŞLER (SOFT & MİNİMALİST SAĞA TAŞAN SLIDER)
========================================================================== */
.poliform-projects-timeline-sec {
padding: 80px 0 80px;
background-color: #ffffff;
overflow: hidden;
position: relative;
border-bottom: 1px solid var(--color-light);
width: 100%;
}.timeline-outer-wrap {
width: 100%;
padding-left: calc((100vw - 1320px) / 2 + 15px);
padding-right: 0;
box-sizing: border-box;
}@media (max-width: 1400px) {
.timeline-outer-wrap {
padding-left: calc((100vw - 1140px) / 2 + 15px);
}
}@media (max-width: 1200px) {
.timeline-outer-wrap {
padding-left: calc((100vw - 960px) / 2 + 15px);
}
}@media (max-width: 991px) {
.timeline-outer-wrap {
padding-left: 20px;
padding-right: 20px;
}
}.timeline-slider-layout {
display: flex;
align-items: center;
gap: 50px;
position: relative;
width: 100%;
}.timeline-info-col {
width: 400px;
min-width: 360px;
flex-shrink: 0;
position: relative;
z-index: 10;
background-color: #ffffff;
padding: 20px 0;
}/* Sol maske: Sola kayan slaytların info sütunu üzerine taşmasını önler */
.timeline-info-col::before {
content: "";
position: absolute;
top: -150px;
bottom: -150px;
right: -25px;
width: 150vw;
background-color: #ffffff;
z-index: -1;
pointer-events: none;
}.timeline-year-watermark {
font-family: var(--font-main);
font-size: 140px;
font-weight: 800;
color: #f3f2ef;
letter-spacing: -0.04em;
position: absolute;
top: -30px;
left: -8px;
z-index: 1;
user-select: none;
line-height: 1;
pointer-events: none;
transition: opacity 0.4s ease, transform 0.4s ease;
}.timeline-info-content {
position: relative;
z-index: 2;
}.timeline-script-title {
font-family: 'Caveat', cursive, sans-serif;
font-size: 44px;
font-weight: 700;
color: var(--color-accent);
line-height: 1.15;
margin-bottom: 20px;
letter-spacing: 0.02em;
}.timeline-project-meta {
margin-bottom: 16px;
}.timeline-project-sub {
font-family: var(--font-main);
font-size: 15px;
font-weight: 500;
color: #888888;
display: block;
line-height: 1.3;
text-transform: uppercase;
letter-spacing: 0.06em;
margin-bottom: 6px;
}.timeline-project-title {
font-family: var(--font-main);
font-size: 36px;
font-weight: 700;
color: var(--color-primary);
margin: 0;
line-height: 1.2;
letter-spacing: -0.02em;
}.timeline-project-desc {
font-family: var(--font-main);
font-size: 14.5px;
line-height: 1.75;
color: #666666;
margin: 0 0 32px;
max-width: 380px;
}/* Navigasyon ve Sayaç Alanı */
.timeline-nav-footer {
display: flex;
align-items: center;
gap: 20px;
}.timeline-nav-arrows {
display: flex;
align-items: center;
gap: 12px;
}.timeline-arrow-btn {
width: 44px;
height: 44px;
border-radius: 50%;
border: 1.5px solid var(--color-primary);
background: transparent;
color: var(--color-primary);
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.25s cubic-bezier(0.2, 0.8, 0.2, 1);
padding: 0;
}.timeline-arrow-btn:hover {
background: var(--color-accent);
border-color: var(--color-accent);
color: #ffffff;
transform: translateY(-2px);
box-shadow: 0 6px 18px rgba(189, 23, 24, 0.25);
}.timeline-slide-counter {
font-family: var(--font-main);
font-size: 14px;
font-weight: 600;
letter-spacing: 0.06em;
color: #999999;
}.timeline-counter-current {
color: var(--color-accent);
font-weight: 700;
}.timeline-counter-divider {
margin: 0 4px;
color: #cccccc;
}/* Swiper Slider Sağ Alanı: Sağa Doğru Ekrana Taşar */
.timeline-slider-col {
flex: 1;
min-width: 0;
position: relative;
overflow: visible;
/* Slaytların sağa doğru ekran dışına akmasını sağlar */
}.timeline-swiper {
overflow: visible !important;
width: 100%;
}.timeline-slide {
width: 480px;
flex-shrink: 0;
transition: transform 0.4s ease, opacity 0.4s ease;
}.timeline-card-image-wrap {
position: relative;
width: 100%;
aspect-ratio: 1 / 1;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 16px 40px rgba(42, 37, 33, 0.08);
background-color: #f5f5f5;
}.timeline-card-image-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1);
}.timeline-slide:hover .timeline-card-image-wrap img {
transform: scale(1.04);
}/* Görsel Üzerindeki Proje ve Konum Bilgisi (Folkart Referansı) */
.timeline-card-caption {
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding: 44px 26px 24px;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(42, 37, 33, 0.45) 40%, rgba(42, 37, 33, 0.92) 100%);
display: flex;
flex-direction: column;
align-items: flex-start;
z-index: 2;
pointer-events: none;
}.timeline-card-loc {
font-family: var(--font-main);
font-size: 11px;
font-weight: 500;
letter-spacing: 0.12em;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.85);
margin-bottom: 4px;
}.timeline-card-name {
font-family: var(--font-main);
font-size: 20px;
font-weight: 700;
color: #ffffff;
margin: 0 0 10px;
line-height: 1.25;
text-transform: uppercase;
letter-spacing: -0.01em;
}.timeline-card-discover {
font-family: var(--font-main);
font-size: 11.5px;
font-weight: 600;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #ffffff;
display: inline-flex;
align-items: center;
gap: 6px;
border-bottom: 2px solid var(--color-accent);
padding-bottom: 2px;
transition: color 0.25s ease, border-color 0.25s ease;
}.timeline-slide:hover .timeline-card-discover {
color: var(--color-accent);
}@media (max-width: 991px) {
.poliform-projects-timeline-sec {
padding: 70px 0 80px;
}.timeline-slider-layout {
flex-direction: column;
align-items: flex-start;
gap: 36px;
}.timeline-info-col {
width: 100%;
min-width: 0;
}.timeline-info-col::before {
display: none;
}.timeline-slide {
width: 320px;
}.timeline-card-caption {
padding: 30px 18px 18px;
}.timeline-card-name {
font-size: 17px;
}
}/* ==========================================================================
04 — NEDEN BİZ? / DEĞERLERİMİZ & AVANTAJLARIMIZ
========================================================================== */
.poliform-whyus-sec {
padding: 90px 0 100px;
background-color: #fbfbfb;
border-bottom: 1px solid #f0f0f0;
}.whyus-header {
text-align: center;
max-width: 720px;
margin: 0 auto 56px;
}.whyus-tag {
font-family: var(--font-main);
font-size: 11px;
font-weight: 600;
letter-spacing: 0.18em;
text-transform: uppercase;
color: #888888;
display: block;
margin-bottom: 12px;
}.whyus-title {
font-family: var(--font-main);
font-size: 32px;
font-weight: 600;
letter-spacing: -0.02em;
color: #111111;
margin: 0 0 16px;
line-height: 1.3;
}.whyus-desc {
font-family: var(--font-main);
font-size: 15px;
line-height: 1.7;
color: #666666;
margin: 0;
}.whyus-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 24px;
}.whyus-card {
background-color: #ffffff;
border: 1px solid #e8e8e8;
padding: 34px 26px 28px;
border-radius: 8px;
transition: all 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);
display: flex;
flex-direction: column;
}.whyus-card:hover {
transform: translateY(-6px);
border-color: #111111;
box-shadow: 0 18px 40px rgba(0, 0, 0, 0.08);
}.whyus-card-header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 22px;
}.whyus-card-icon {
width: 44px;
height: 44px;
border-radius: 8px;
background-color: #f7f7f7;
color: #111111;
display: flex;
align-items: center;
justify-content: center;
transition: background-color 0.25s ease, color 0.25s ease;
}.whyus-card:hover .whyus-card-icon {
background-color: #111111;
color: #ffffff;
}.whyus-card-num {
font-family: var(--font-main);
font-size: 13px;
font-weight: 700;
letter-spacing: 0.1em;
color: #b8b8b8;
}.whyus-card-title {
font-family: var(--font-main);
font-size: 17px;
font-weight: 600;
color: #111111;
margin: 0 0 12px;
line-height: 1.35;
}.whyus-card-text {
font-family: var(--font-main);
font-size: 13.5px;
line-height: 1.65;
color: #666666;
margin: 0;
flex-grow: 1;
}@media (max-width: 991px) {
.poliform-whyus-sec {
padding: 70px 0 80px;
}.whyus-title {
font-size: 26px;
}.whyus-grid {
grid-template-columns: repeat(2, 1fr);
gap: 16px;
}
}@media (max-width: 576px) {
.whyus-grid {
grid-template-columns: 1fr;
}
}/* ==========================================================================
05 — CONTRACT: MİMARİ PROJE PANORAMASI & ANAHTAR TESLİM MÜHENDİSLİK
========================================================================== */
.poliform-contract-sec {
padding: 80px 0 80px;
background-color: #fbfbfb;
}/* Ortalanmış Lüks Mimari Manifesto (Seçenek 02 - Kutusuz & Sade) */
.contract-manifesto-header {
max-width: 920px;
margin: 0 auto 52px;
text-align: center;
padding: 0;
background: transparent;
border: none;
box-shadow: none;
}.contract-manifesto-tag {
display: inline-block;
font-family: var(--font-main);
font-size: 11px;
font-weight: 700;
letter-spacing: 0.22em;
color: var(--color-accent);
text-transform: uppercase;
margin-bottom: 18px;
}.contract-manifesto-title {
font-family: var(--font-main);
font-size: 38px;
font-weight: 700;
line-height: 1.25;
letter-spacing: -0.025em;
color: var(--color-primary);
margin: 0 0 20px;
}.contract-manifesto-accent {
color: var(--color-accent);
position: relative;
}.contract-manifesto-desc {
font-family: var(--font-main);
font-size: 15.5px;
line-height: 1.85;
color: #635d58;
max-width: 100%;
margin: 0 auto 26px;
}.contract-manifesto-pillars {
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
flex-wrap: wrap;
}.manifesto-pillar-item {
display: inline-flex;
align-items: center;
gap: 7px;
font-family: var(--font-main);
font-size: 11.5px;
font-weight: 600;
color: #7a746e;
letter-spacing: 0.05em;
text-transform: uppercase;
}.manifesto-pillar-item svg {
color: var(--color-accent);
}.manifesto-pillar-sep {
color: #cccccc;
font-size: 12px;
}/* Panoramik Görsel Alanı */
.contract-panoramic-showcase {
position: relative;
width: 100%;
border-radius: 8px;
overflow: hidden;
margin-bottom: 36px;
box-shadow: 0 16px 40px rgba(42, 37, 33, 0.08);
}.contract-image-holder {
position: relative;
width: 100%;
height: 540px;
overflow: hidden;
background-color: var(--color-primary);
}.contract-main-img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.9s cubic-bezier(0.2, 1, 0.3, 1);
}.contract-panoramic-showcase:hover .contract-main-img {
transform: scale(1.03);
}.contract-img-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0.02) 40%, rgba(42, 37, 33, 0.65) 100%);
pointer-events: none;
}/* Görsel Üzerindeki Glassmorphism Rozet */
.contract-floating-badge {
position: absolute;
bottom: 28px;
left: 28px;
right: 28px;
z-index: 3;
}.floating-badge-inner {
display: flex;
align-items: center;
justify-content: space-around;
background: rgba(42, 37, 33, 0.85);
backdrop-filter: blur(14px);
-webkit-backdrop-filter: blur(14px);
border: 1px solid rgba(255, 255, 255, 0.15);
padding: 18px 30px;
border-radius: 8px;
color: #ffffff;
}.badge-stat-item {
text-align: center;
}.badge-num {
font-family: var(--font-main);
font-size: 26px;
font-weight: 700;
letter-spacing: -0.02em;
color: #ffffff;
display: block;
line-height: 1.1;
margin-bottom: 3px;
}.badge-label {
font-family: var(--font-main);
font-size: 11px;
font-weight: 500;
letter-spacing: 0.1em;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.8);
}.badge-divider {
width: 1px;
height: 32px;
background-color: rgba(255, 255, 255, 0.16);
}/* ==========================================================================
Sağlı Sollu İkili Vitrin (Alternating Split Showcase / Z-Pattern Düzeni)
========================================================================== */
.contract-split-showcase {
display: flex;
flex-direction: column;
gap: 68px;
margin-top: 48px;
}.contract-split-row {
display: grid;
grid-template-columns: 1.15fr 1fr;
gap: 56px;
align-items: center;
}.contract-split-row.split-row-reversed {
grid-template-columns: 1fr 1.15fr;
}/* Medya & Görsel Taşıyıcı */
.contract-split-media {
position: relative;
width: 100%;
border-radius: 16px;
overflow: hidden;
background-color: #eee9e3;
box-shadow: 0 12px 36px rgba(28, 25, 23, 0.07);
transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.5s ease;
}.contract-split-row:hover .contract-split-media {
box-shadow: 0 20px 48px rgba(28, 25, 23, 0.12);
}.contract-split-img-holder {
position: relative;
width: 100%;
aspect-ratio: 16 / 9.6;
overflow: hidden;
border-radius: 16px;
}.contract-split-img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.9s cubic-bezier(0.16, 1, 0.3, 1);
}.contract-split-row:hover .contract-split-img {
transform: scale(1.04);
}/* Tipografik İçerik Bloğu */
.contract-split-content {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
padding: 6px 0;
}.contract-split-tag {
font-family: var(--font-main);
font-size: 10.5px;
font-weight: 700;
letter-spacing: 0.22em;
text-transform: uppercase;
color: var(--color-accent, #bd1718);
display: inline-block;
margin-bottom: 12px;
}.contract-split-title {
font-family: var(--font-main);
font-size: clamp(26px, 2.7vw, 35px);
font-weight: 700;
line-height: 1.22;
letter-spacing: -0.025em;
color: #1a1a1a;
margin: 0 0 16px;
}.contract-split-desc {
font-family: var(--font-main);
font-size: 14.5px;
font-weight: 400;
line-height: 1.76;
color: #605953;
margin: 0 0 24px;
max-width: 500px;
}.contract-split-desc strong {
color: #1a1a1a;
font-weight: 700;
}/* Referans Görseldeki Minimalist Altı Çizili Buton */
.contract-split-link {
display: inline-flex;
flex-direction: column;
align-items: flex-start;
text-decoration: none;
cursor: pointer;
padding: 2px 0;
position: relative;
}.split-link-text {
font-family: var(--font-main);
font-size: 14.5px;
font-weight: 600;
letter-spacing: 0.01em;
color: #111111;
transition: color 0.3s ease;
}.split-link-line {
display: block;
width: 100%;
height: 1.5px;
background-color: #111111;
margin-top: 5px;
transition: background-color 0.3s ease, transform 0.3s ease;
transform-origin: left center;
}.contract-split-link:hover .split-link-text {
color: var(--color-accent, #bd1718);
}.contract-split-link:hover .split-link-line {
background-color: var(--color-accent, #bd1718);
transform: scaleX(1.06);
}/* Responsive Düzenlemeler */
@media (max-width: 991px) {
.poliform-contract-sec {
padding: 70px 0 80px;
}.contract-manifesto-header {
margin-bottom: 36px;
}.contract-manifesto-title {
font-size: 26px;
line-height: 1.3;
}.contract-manifesto-desc {
font-size: 14.5px;
margin-bottom: 22px;
}.contract-manifesto-pillars {
gap: 12px;
}.manifesto-pillar-item {
font-size: 10.5px;
}.contract-image-holder {
height: 380px;
}.contract-split-showcase {
gap: 52px;
margin-top: 40px;
}.contract-split-row,
.contract-split-row.split-row-reversed {
grid-template-columns: 1fr;
gap: 28px;
}.split-row-reversed .contract-split-media {
order: 1;
}.split-row-reversed .contract-split-content {
order: 2;
}.contract-split-title {
font-size: 26px;
line-height: 1.25;
margin-bottom: 16px;
}.contract-split-lead {
font-size: 15px;
line-height: 1.6;
margin-bottom: 14px;
}.contract-split-desc {
font-size: 14px;
line-height: 1.7;
margin-bottom: 24px;
}.contract-split-img-holder {
aspect-ratio: 16 / 10;
}.floating-badge-inner {
padding: 14px 18px;
}.badge-num {
font-size: 20px;
}.badge-label {
font-size: 9.5px;
}
}@media (max-width: 600px) {
.contract-floating-badge {
position: static;
margin-top: 14px;
}.floating-badge-inner {
background: #111111;
}
}/* ==========================================================================
06.5 — INSTAGRAM: FOLLOW US ON INSTAGRAM (@DAGOFIS)
========================================================================== */
.poliform-instagram-sec {
padding: 80px 0;
background-color: #ffffff;
position: relative;
border-top: 1px solid #eeecea;
}.poliform-instagram-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
}/* 01: Info Card */
.instagram-info-card {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
aspect-ratio: 1 / 1;
background-color: #fafafa;
border: 1px solid #f0eeeb;
border-radius: 8px;
text-decoration: none;
padding: 24px;
transition: all 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);
cursor: pointer;
}.instagram-info-card:hover {
background-color: #f5f4f0;
border-color: #e2dfda;
transform: translateY(-4px);
box-shadow: 0 12px 28px rgba(0, 0, 0, 0.06);
}.insta-info-icon {
color: #333333;
margin-bottom: 16px;
transition: transform 0.35s ease, color 0.3s ease;
}.instagram-info-card:hover .insta-info-icon {
color: var(--color-accent, #bd1718);
transform: scale(1.12);
}.insta-info-title {
font-family: var(--font-main);
font-size: 28px;
font-weight: 300;
line-height: 1.2;
letter-spacing: -0.01em;
color: #1a1a1a;
margin: 0 0 12px 0;
text-transform: none;
}.insta-info-handle {
font-family: var(--font-main);
font-size: 13.5px;
font-weight: 500;
letter-spacing: 0.02em;
color: #777777;
transition: color 0.25s ease;
}.instagram-info-card:hover .insta-info-handle {
color: var(--color-accent, #bd1718);
}/* Photo Cards */
.instagram-photo-card {
position: relative;
display: block;
aspect-ratio: 1 / 1;
border-radius: 8px;
overflow: hidden;
background-color: #f5f5f5;
text-decoration: none;
cursor: pointer;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);
transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);
}.instagram-photo-card:hover {
transform: translateY(-4px);
box-shadow: 0 16px 32px rgba(0, 0, 0, 0.12);
}.instagram-photo-card img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
border-radius: 8px;
transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);
}.instagram-photo-card:hover img {
transform: scale(1.06);
}/* Overlay on Hover */
.insta-photo-overlay {
position: absolute;
inset: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 6px;
background: rgba(0, 0, 0, 0.38);
backdrop-filter: blur(2px);
border-radius: 8px;
opacity: 0;
transition: opacity 0.35s ease;
color: #ffffff;
}.instagram-photo-card:hover .insta-photo-overlay {
opacity: 1;
}.insta-overlay-icon {
transform: translateY(8px);
transition: transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);
}.instagram-photo-card:hover .insta-overlay-icon {
transform: translateY(0);
}.insta-overlay-handle {
font-family: var(--font-main);
font-size: 12px;
font-weight: 500;
letter-spacing: 0.06em;
color: #ffffff;
transform: translateY(8px);
transition: transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);
}.instagram-photo-card:hover .insta-overlay-handle {
transform: translateY(0);
}/* Responsiveness */
@media (max-width: 991px) {
.poliform-instagram-grid {
grid-template-columns: repeat(4, 1fr);
gap: 14px;
}.insta-info-title {
font-size: 22px;
}
}@media (max-width: 767px) {
.poliform-instagram-grid {
grid-template-columns: repeat(2, 1fr);
gap: 12px;
}.poliform-instagram-sec {
padding: 50px 0;
}.insta-info-title {
font-size: 20px;
}
}/* ==========================================================================
07 — BLOG / POLIFORM DÜNYASI (4'LÜ YATAY KART DÜZENİ - STANDART 8PX)
========================================================================== */
.poliform-blog-sec {
padding: 80px 0 80px;
background-color: #FBFBFB;
border-top: 1px solid #eeecea;
border-bottom: 1px solid #eeecea;
}.blog-sec-header {
margin-bottom: 46px;
display: flex;
justify-content: space-between;
align-items: flex-end;
border-bottom: 1px solid #eeecea;
padding-bottom: 20px;
}.blog-sec-main-title {
font-family: var(--font-main);
font-size: 34px;
font-weight: 700;
letter-spacing: -0.02em;
color: var(--color-primary);
margin: 0;
line-height: 1.15;
}.blog-view-all-btn {
display: inline-flex;
align-items: center;
gap: 8px;
font-family: var(--font-main);
font-size: 13px;
font-weight: 600;
letter-spacing: 0.03em;
color: var(--color-primary);
text-decoration: none;
padding: 9px 18px;
border-radius: 8px;
background: #ffffff;
border: 1px solid #e0ddd7;
transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03);
}.blog-view-all-btn:hover {
background: var(--color-primary);
color: #ffffff;
border-color: var(--color-primary);
transform: translateY(-2px);
box-shadow: 0 6px 16px rgba(42, 37, 33, 0.12);
}.blog-view-all-btn svg {
transition: transform 0.25s ease;
}.blog-view-all-btn:hover svg {
transform: translateX(3px);
}.blog-cards-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
row-gap: 52px;
column-gap: 48px;
}.poliform-blog-card {
display: flex;
align-items: stretch;
gap: 26px;
}.blog-card-media {
flex-shrink: 0;
width: 195px;
height: 195px;
border-radius: 8px;
overflow: hidden;
background-color: #111111;
box-shadow: 0 4px 18px rgba(0, 0, 0, 0.06);
}.blog-card-img-link {
display: block;
width: 100%;
height: 100%;
text-decoration: none;
}.blog-card-media img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
}.poliform-blog-card:hover .blog-card-media img {
transform: scale(1.05);
}.blog-card-content {
flex: 1;
min-width: 0;
display: flex;
flex-direction: column;
height: 100%;
padding-top: 2px;
}.blog-card-title {
font-family: var(--font-main);
font-size: 21px;
font-weight: 700;
line-height: 1.25;
letter-spacing: -0.01em;
color: #111111;
margin: 0 0 10px 0;
}.blog-card-title a {
color: inherit;
text-decoration: none;
transition: color 0.2s ease;
}.blog-card-title a:hover {
color: var(--color-accent);
}.blog-card-desc {
font-family: var(--font-main);
font-size: 13.5px;
line-height: 1.55;
color: #55504c;
margin: 0 0 14px 0;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
}.blog-card-btn {
display: inline-flex;
align-items: center;
gap: 6px;
font-family: var(--font-main);
font-size: 13.5px;
font-weight: 600;
color: #111111;
text-decoration: none;
transition: all 0.2s ease;
margin-top: auto;
padding-top: 8px;
align-self: flex-start;
}.blog-card-btn:hover {
color: var(--color-accent);
transform: translateX(3px);
}.blog-card-btn svg {
transition: transform 0.2s ease;
}.blog-card-btn:hover svg {
transform: translateX(3px);
}@media (max-width: 1199px) {
.blog-card-media {
width: 165px;
height: 165px;
}.blog-card-title {
font-size: 19px;
}.blog-cards-grid {
column-gap: 32px;
row-gap: 40px;
}
}@media (max-width: 991px) {
.blog-cards-grid {
grid-template-columns: 1fr;
row-gap: 36px;
}.blog-card-media {
width: 175px;
height: 175px;
}
}@media (max-width: 575px) {
.poliform-blog-card {
flex-direction: column;
gap: 16px;
}.blog-card-media {
width: 100%;
height: 240px;
}
}/* ==========================================================================
05 — POLIFORM TICKER BAR (OTOMATİK KESİNTİSİZ AKAN & HOVER DURAKLAMALI)
========================================================================== */
.poliform-ticker-bar {
background-color: #fff;
border-top: 1px solid #f0f0f0;
border-bottom: 1px solid #f0f0f0;
padding: 16px 0;
overflow: hidden;
position: relative;
width: 100%;
display: flex;
user-select: none;
}/* Sol ve Sağ Zarif Fade Geçişleri */
.poliform-ticker-bar::before,
.poliform-ticker-bar::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
width: 80px;
z-index: 2;
pointer-events: none;
}.poliform-ticker-bar::before {
left: 0;
background: linear-gradient(90deg, #fafafa 0%, rgba(250, 250, 250, 0) 100%);
}.poliform-ticker-bar::after {
right: 0;
background: linear-gradient(270deg, #fafafa 0%, rgba(250, 250, 250, 0) 100%);
}.ticker-track {
display: flex;
width: max-content;
will-change: transform;
animation: tickerSmoothScroll 30s linear infinite;
}/* Üzerine gelince dursun */
.poliform-ticker-bar:hover .ticker-track,
.poliform-ticker-bar:active .ticker-track {
animation-play-state: paused;
}@keyframes tickerSmoothScroll {
0% {
transform: translate3d(0, 0, 0);
}100% {
transform: translate3d(-50%, 0, 0);
}
}.ticker-group {
display: flex;
align-items: center;
gap: 36px;
padding-right: 36px;
flex-shrink: 0;
}.ticker-item {
font-family: var(--font-main);
font-size: 12px;
font-weight: 600;
letter-spacing: 0.16em;
color: #55504a;
text-transform: uppercase;
transition: color 0.25s ease;
white-space: nowrap;
}.ticker-item:hover {
color: var(--color-accent);
cursor: default;
}.ticker-sep {
color: var(--color-accent);
font-size: 14px;
line-height: 1;
}/* ==========================================================================
RESPONSIVE DESIGN (TABLET & MOBİL)
========================================================================== */
@media (max-width: 1199px) {
.poliform-hero-sec {
height: 70vh;
min-height: 480px;
}.hero-slogan-wrap {
top: 0;
transform: translateY(0%);
max-width: 92%;
}.hero-slogan-title {
font-size: 46px;
}.hero-slogan-sub {
font-size: 20px;
}.hero-mouse-scroll {
left: 50%;
bottom: 25px;
transform: translateX(-50%);
}.poliform-grid {
grid-template-columns: repeat(2, 1fr);
}.elica-footer-grid {
grid-template-columns: 1fr 1fr;
gap: 36px;
}
}@media (max-width: 767px) {
.poliform-hero-sec {
height: 60vh;
min-height: 400px;
}.hero-slogan-wrap {
top: 0;
transform: translateY(0%);
max-width: 92%;
}.hero-slogan-title {
font-size: 32px;
margin-bottom: 18px;
}.hero-slogan-sub {
font-size: 16px;
margin-bottom: 10px;
}.hero-mouse-scroll {
left: 50%;
bottom: 20px;
transform: translateX(-50%);
}.mouse-icon {
width: 20px;
height: 34px;
}.poliform-sec-title {
font-size: 26px;
}.poliform-panoramic-box {
height: 400px;
}.panoramic-overlay {
padding: 30px 20px;
}.panoramic-title {
font-size: 24px;
margin-bottom: 20px;
}.editorial-title {
font-size: 24px;
}.poliform-grid {
grid-template-columns: 1fr;
gap: 20px;
}.elica-footer-grid {
grid-template-columns: 1fr;
gap: 30px;
}
}/* ==========================================================================
06 — MANUFACTURING PROCESS: YAN YANA GEÇİŞLİ SLIDER (SWIPER CAROUSEL)
========================================================================== */
.mfg-slider-sec {
position: relative;
width: 100%;
background: #ffffff;
color: var(--color-primary);
padding: 85px 0 95px;
border-top: 1px solid #ece9e6;
border-bottom: 1px solid #ece9e6;
overflow: hidden;
}/* Section Header: Title & Navigation Controls in one row */
.mfg-slider-head {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 32px;
margin-bottom: 24px;
}.mfg-slider-head-left {
flex: 1;
max-width: 780px;
}.mfg-slider-tag {
display: inline-block;
font-family: var(--font-main);
font-size: 11px;
font-weight: 700;
letter-spacing: 0.22em;
color: var(--color-accent);
text-transform: uppercase;
margin-bottom: 10px;
}.mfg-slider-title {
font-family: var(--font-main);
font-size: 36px;
font-weight: 700;
line-height: 1.22;
letter-spacing: -0.025em;
color: var(--color-primary);
margin: 0 0 10px;
}.mfg-slider-desc {
font-family: var(--font-main);
font-size: 15px;
line-height: 1.7;
color: #6d6761;
margin: 0;
max-width: 620px;
}.mfg-slider-head-right {
display: flex;
align-items: center;
gap: 24px;
flex-shrink: 0;
}/* Counter: e.g. 01 / 08 */
.mfg-slider-counter {
display: flex;
align-items: baseline;
gap: 4px;
font-family: monospace, var(--font-main);
font-size: 14px;
font-weight: 700;
color: #a8a29c;
}.mfg-slider-counter .counter-num.active {
color: var(--color-accent);
font-size: 20px;
font-weight: 800;
}.mfg-slider-counter .counter-slash {
color: #d1cbc5;
margin: 0 2px;
}.mfg-slider-counter .counter-total {
color: #78726c;
}/* Nav Buttons: Circular Prev/Next */
.mfg-slider-nav {
display: flex;
align-items: center;
gap: 10px;
}.mfg-slider-btn {
width: 46px;
height: 46px;
border-radius: 8px;
background: #f7f5f2;
border: 1px solid #e8e5e1;
color: var(--color-primary);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}.mfg-slider-btn:hover:not(.swiper-button-disabled) {
background: var(--color-accent);
color: #ffffff;
border-color: var(--color-accent);
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(189, 23, 24, 0.35);
}.mfg-slider-btn.swiper-button-disabled {
opacity: 0.35;
cursor: not-allowed;
pointer-events: none;
}/* Global Progress Track & Bar */
.mfg-progress-track {
position: relative;
width: 100%;
height: 2px;
background: #ece9e6;
margin-bottom: 36px;
overflow: hidden;
}.mfg-progress-bar {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 12.5%;
background: linear-gradient(90deg, #bd1718, #e82c2d);
transition: width 0.4s ease;
}/* Swiper Container */
.mfg-swiper {
width: 100%;
overflow: visible;
}.mfg-card-slide {
height: auto;
display: flex;
}/* Card Outer & Inner */
.mfg-card-inner {
background: #ffffff;
border: 1px solid #e8e5e1;
border-radius: 8px;
overflow: hidden;
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
transition: all 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03);
}.mfg-card-inner:hover {
transform: translateY(-6px);
border-color: rgba(189, 23, 24, 0.35);
box-shadow: 0 20px 40px rgba(42, 37, 33, 0.1);
}/* Card Media (Image) */
.mfg-card-media {
position: relative;
width: 100%;
height: 195px;
overflow: hidden;
background: #f2efe9;
}.mfg-card-img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.7s cubic-bezier(0.25, 1, 0.5, 1);
}.mfg-card-inner:hover .mfg-card-img {
transform: scale(1.07);
}/* Floating Badges on Image */
.mfg-card-num-badge {
position: absolute;
top: 14px;
left: 14px;
background: rgba(42, 37, 33, 0.88);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
color: #ffffff;
font-family: monospace, var(--font-main);
font-size: 11px;
font-weight: 700;
padding: 5px 11px;
border-radius: 8px;
letter-spacing: 0.08em;
z-index: 2;
}/* Card Body */
.mfg-card-body {
padding: 20px 18px 22px;
display: flex;
flex-direction: column;
flex: 1;
}.mfg-card-icon {
width: 38px;
height: 38px;
border-radius: 8px;
background: #fff;
color: var(--color-accent);
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #ece9e6;
margin-bottom: 14px;
margin-top: -38px;
position: relative;
z-index: 99;
transition: all 0.3s ease;
}.mfg-card-inner:hover .mfg-card-icon {
background: var(--color-accent);
color: #ffffff;
border-color: var(--color-accent);
box-shadow: 0 4px 14px rgba(189, 23, 24, 0.35);
transform: scale(1.05);
}.mfg-card-title {
font-family: var(--font-main);
font-size: 15.5px;
font-weight: 700;
line-height: 1.35;
color: var(--color-primary);
margin: 0 0 8px;
transition: color 0.3s ease;
}.mfg-card-inner:hover .mfg-card-title {
color: var(--color-accent);
}.mfg-card-desc {
font-family: var(--font-main);
font-size: 13px;
line-height: 1.5;
color: #6d6761;
margin: 0;
flex: 1;
}/* ==========================================================================
RESPONSIVE: MANUFACTURING PROCESS SLIDER
========================================================================== */
@media (max-width: 991px) {
.mfg-slider-sec {
padding: 70px 0 80px;
}.mfg-slider-head {
flex-direction: column;
align-items: flex-start;
gap: 20px;
}.mfg-slider-head-right {
width: 100%;
justify-content: space-between;
}.mfg-slider-title {
font-size: 30px;
}.mfg-card-media {
height: 190px;
}
}@media (max-width: 767px) {
.mfg-slider-sec {
padding: 55px 0 65px;
}.mfg-slider-title {
font-size: 24px;
}.mfg-slider-desc {
font-size: 13.5px;
}.mfg-progress-track {
margin-bottom: 24px;
}.mfg-card-media {
height: 175px;
}.mfg-card-body {
padding: 16px 16px 18px;
}.mfg-card-title {
font-size: 15px;
}.mfg-card-desc {
font-size: 12.5px;
}.mfg-slider-btn {
width: 40px;
height: 40px;
}
}/* ==========================================================================
ACCESSIBILITY & PERFORMANCE ENHANCEMENTS (WCAG 2.1 AA)
========================================================================== */
a:focus-visible,
button:focus-visible,
input:focus-visible,
[tabindex]:focus-visible {
outline: 2px solid var(--color-accent, #bd1718) !important;
outline-offset: 3px !important;
}@media (prefers-reduced-motion: reduce) {*,
*::before,
*::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
}/* ==========================================================================
POLIFORM HERO SLIDER - MOBİL LÜKS DÜZENLEME (<= 768px)
========================================================================== */
@media (max-width: 768px) {
/* 1. Hero Alanı Boyutlandırma */
.poliform-hero-sec {
height: 45vh !important; /* Ekranın %80'ini doldurarak premium bir his verir */
min-height: 520px !important;
max-height: 700px !important;
position: relative;
background-color: #1a1918;
}/* 2. Arka Plan Görseli ve Mobil Karartma Overlay'i */
.poliform-hero-bg {
background-position: center center !important;
background-size: cover !important;
}/* Metinlerin görsel üstünde net okunması için zarif degrade */
.hero-overlay-gradient {
position: absolute;
inset: 0;
background: linear-gradient(
180deg,
rgba(0, 0, 0, 0.15) 0%,
rgba(26, 25, 24, 0.35) 45%,
rgba(26, 25, 24, 0.88) 100%
) !important;
z-index: 4;
pointer-events: none;
}/* 3. İçerik ve Konumlandırma */
.text-bg {
z-index: 6;
}.poliform-hero-sec .container {
height: 100%;
display: flex;
align-items: flex-end !important; /* Yazıları ekranın alt bölümüne hizalar */
padding-left: 22px !important;
padding-right: 22px !important;
padding-bottom: 42px !important; /* Alt taraftan lüks bir boşluk bırakır */
box-sizing: border-box;
}.hero-slogan-wrap.textic {
max-width: 100% !important;
padding-right: 0 !important;
color: #ffffff; /* Karanlık degrade üzerinde kusursuz kontrast */
margin-bottom: 0 !important;
}/* 4. Başlık ve Açıklama Tipografisi */
.hero-slogan-title.text2 {
font-size: clamp(26px, 6.8vw, 32px) !important;
line-height: 1.18 !important;
letter-spacing: -0.02em !important;
color: #ffffff !important;
font-weight: 600 !important;
margin: 0 0 12px 0 !important;
text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}.hero-slogan-desc.text1 {
font-size: 13.5px !important;
line-height: 1.6 !important;
color: rgba(255, 255, 255, 0.88) !important;
margin: 0 0 22px 0 !important;
max-width: 100% !important;
display: -webkit-box;
-webkit-line-clamp: 3; /* Çok uzun açıklamaları mobilde 3 satırda zarifçe tutar */
-webkit-box-orient: vertical;
overflow: hidden;
text-shadow: 0 1px 6px rgba(0, 0, 0, 0.25);
}/* 5. Buton Tasarımı */
.hero-slogan-action {
display: flex !important;
width: 100%;
gap: 10px !important;
}.hero-slogan-btn.btn1,
.hero-btn-primary {
width: auto;
min-width: 160px;
padding: 14px 28px !important;
background-color: #bd1718 !important; /* Lüks kırmızı ton */
border: 1px solid #bd1718 !important;
border-radius: 4px !important;
justify-content: center;
box-shadow: 0 6px 20px rgba(189, 23, 24, 0.35) !important;
}.hero-slogan-btn.btn1 .btn-text,
.hero-btn-primary .btn-text {
font-size: 11.5px !important;
letter-spacing: 0.12em !important;
font-weight: 700 !important;
color: #ffffff !important;
}/* 6. Slider Okları: Yazıların üzerine binmemesi için sağ üste sabitleme */
.hero-slider-arrows {
position: absolute;
top: 20px !important;
right: 20px !important;
bottom: auto !important;
left: auto !important;
z-index: 15 !important;
display: flex;
gap: 6px;
}.hero-arrow-btn {
width: 38px !important;
height: 38px !important;
border-radius: 50% !important;
background: rgba(255, 255, 255, 0.2) !important;
backdrop-filter: blur(12px) !important;
-webkit-backdrop-filter: blur(12px) !important;
border: 1px solid rgba(255, 255, 255, 0.3) !important;
color: #ffffff !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}.hero-arrow-btn svg {
width: 16px;
height: 16px;
}.hero-arrow-btn:active {
background: #bd1718 !important;
border-color: #bd1718 !important;
}/* 7. Mobilde Dokunmatik Ekranda Mouse Scroll Gereksizdir */
.hero-mouse-scroll {
display: none !important;
}/* Üst Kırmızı İnce Çizgi */
.geciscizgiii {
height: 2px !important;
}
}/* Küçük Ekranlı Telefonlar (iPhone SE / 375px ve altı) */
@media (max-width: 400px) {
.poliform-hero-sec {
height: 85vh !important;
}.hero-slogan-title.text2 {
font-size: 24px !important;
}.hero-slogan-desc.text1 {
font-size: 12.5px !important;
-webkit-line-clamp: 2;
}.hero-slogan-btn.btn1 {
width: 100% !important; /* Çok dar ekranda tam genişlik */
}
}