/*
Theme Name: Insize Theme
Theme URI: https://insize.com.tr
Author: Can
Author URI: https://insize.com.tr
Description: Insize özel tema başlangıç yapısı
Version: 1.0
Text Domain: insize-theme
*/
/* head-pro hizalama düzeltmesi */
header .head-pro .nav-bc {
display: flex;
align-items: center;
justify-content: center;
}
header .head-pro .nav-bc p {
margin: 0;
line-height: 1;
display: flex;
align-items: center;
}
header .head-pro .news-nav {
left: 300px;
}
.main-products-page{
background:#f6f6f6;
padding:56px 0 50px;
}
.products-page-wrap{
display:flex;
align-items:flex-start;
gap:52px;
}
.products-sidebar{
width:345px;
flex:0 0 345px;
}
.products-sidebar-title{
font-size:19px;
line-height:1.15;
font-weight:700;
color:#159447;
margin-bottom:18px;
text-transform:uppercase;
}
.products-sidebar-list li{
margin:0 0 2px;
}
.products-sidebar-list li a{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
min-height:10px;
padding:8px 20px;
text-decoration:none;
font-size:13px;
line-height:1.2;
color:#111;
border-radius:0;
transition:all .2s ease;
}
.products-sidebar-list li.active a{
background:#dff0e7;
font-weight:700;
}
.products-sidebar-list li a em{
font-style:normal;
font-size:18px;
line-height:1;
color:#111;
}
.products-group-pills{
display:flex;
align-items:center;
gap:12px 14px;
flex-wrap:wrap;
margin-bottom:16px;
}
.products-group-pills .pill{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:44px;
padding:0 24px;
border-radius:999px;
background:#f7f7f7;
color:#4b4b4b;
text-decoration:none;
font-size:13px;
line-height:1;
white-space:nowrap;
}
.products-group-pills .pill.active{
background:#dff0e7;
color:#159447;
font-weight:700;
}
.product-card-line{
width:86px;
height:1px;
background:#bdbdbd;
margin:0 auto 14px;
flex-shrink:0;
}
.products-group-pills .pill{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:44px;
padding:0 24px;
border-radius:999px;
background:#f7f7f7;
color:#4b4b4b;
text-decoration:none;
font-size:13px;
line-height:1;
white-space:nowrap;
}
.products-sidebar-list.manual > li.sidebar-parent > a,
.products-sidebar-list.manual > li.sidebar-parent > .sidebar-toggle{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
width:100%;
min-height:44px;
padding:8px 20px;
text-decoration:none;
font-size:13px;
line-height:1.2;
color:#111;
background:transparent;
border:0;
cursor:pointer;
text-align:left;
}
.products-sidebar-list.manual > li.sidebar-parent.active > a,
.products-sidebar-list.manual > li.sidebar-parent.open > a,
.products-sidebar-list.manual > li.sidebar-parent.active > .sidebar-toggle,
.products-sidebar-list.manual > li.sidebar-parent.open > .sidebar-toggle{
background:#dff0e7;
font-weight:700;
}
.products-sidebar-list.manual > li.sidebar-parent > a em,
.products-sidebar-list.manual > li.sidebar-parent > .sidebar-toggle em{
font-style:normal;
font-size:18px;
line-height:1;
color:#111;
transition:transform .2s ease;
}
.products-sidebar-list.manual > li.sidebar-parent.open > a em,
.products-sidebar-list.manual > li.sidebar-parent.open > .sidebar-toggle em{
transform:rotate(90deg);
}
.products-sidebar-sublist{
list-style:none;
margin:8px 0 12px;
padding:0 0 0 18px;
}
.products-sidebar-sublist li a{
display:block;
text-decoration:none;
color:#4a4a4a;
font-size:12px;
line-height:1.35;
padding:6px 0;
}
.products-sidebar{
width:345px;
flex:0 0 345px;
padding-top: 8px;
}
.products-main{
flex:1;
min-width:0;
padding-top: 12px;
}
.products-sidebar-title{
font-size:19px;
line-height:1.15;
font-weight:700;
color:#159447;
margin-bottom:18px;
text-transform:uppercase;
}
.products-sidebar-list,
.products-sidebar-sublist{
list-style:none;
margin:0;
padding:0;
}
.products-sidebar-list.manual > li.sidebar-parent{
margin-bottom:2px;
}
.products-sidebar-list.manual > li.sidebar-parent > a,
.products-sidebar-list.manual > li.sidebar-parent > .sidebar-toggle{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
width:100%;
min-height:44px;
padding:8px 14px;
text-decoration:none;
font-size:13px;
line-height:1.2;
color:#111;
background:transparent;
border:0;
cursor:pointer;
text-align:left;
}
.products-sidebar-list.manual > li.sidebar-parent.active > a,
.products-sidebar-list.manual > li.sidebar-parent.open > a,
.products-sidebar-list.manual > li.sidebar-parent.active > .sidebar-toggle,
.products-sidebar-list.manual > li.sidebar-parent.open > .sidebar-toggle{
background:#dff0e7;
font-weight:700;
}
.products-sidebar-list.manual > li.sidebar-parent > a em,
.products-sidebar-list.manual > li.sidebar-parent > .sidebar-toggle em{
font-style:normal;
font-size:18px;
line-height:1;
color:#111;
transition:transform .2s ease;
}
.products-sidebar-list.manual > li.sidebar-parent.open > a em,
.products-sidebar-list.manual > li.sidebar-parent.open > .sidebar-toggle em{
transform:rotate(90deg);
}
.products-sidebar-sublist{
margin:8px 0 12px;
padding:0 0 0 18px;
}
.products-sidebar-sublist li{
margin:0 0 2px;
}
.products-sidebar-sublist li a{
display:block;
text-decoration:none;
color:#4a4a4a;
font-size:12px;
line-height:1.35;
padding:6px 0;
}
.products-sidebar-sublist li.active a{
color:#159447;
font-weight:700;
}
.products-group-pills .pill{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:44px;
padding:0 24px;
border-radius:999px;
background:#f8f8f8;
color:#4b4b4b;
text-decoration:none;
font-size:13px;
line-height:1;
white-space:nowrap;
}
.products-group-pills .pill.active{
background:#dff0e7;
color:#159447;
font-weight:700;
}
.products-group-line{
height:1px;
background:#d9d9d9;
margin-bottom:30px;
}
.products-grid{
display:grid;
grid-template-columns:repeat(4, minmax(0,1fr));
gap:24px;
}
.product-card{
background:#fff;
text-decoration:none;
color:#111;
min-height:290px;
padding:20px 16px 22px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
overflow:hidden;
}
.product-card-image{
height:150px;
display:flex;
align-items:center;
justify-content:center;
margin-bottom:18px;
flex-shrink:0;
}
.product-card-image img{
max-width:100%;
max-height:100%;
object-fit:contain;
}
.product-card-sku{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:62px;
height:30px;
padding:0 14px;
border-radius:999px;
background:#149346;
color:#fff;
font-size:14px;
font-weight:700;
line-height:1;
margin-bottom:14px;
flex-shrink:0;
}
.product-card-title{
margin:0;
font-size:12px;
line-height:1.45;
font-weight:400;
text-align:center;
word-break:break-word;
overflow-wrap:anywhere;
white-space:normal;
display:block;
width:100%;
min-height:52px;
}
.products-pagination{
margin-top:28px;
display:flex;
gap:8px;
align-items:center;
justify-content:center;
flex-wrap:wrap;
}
.products-pagination .page-numbers{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:34px;
height:34px;
border-radius:50%;
background:#ececec;
color:#333;
text-decoration:none;
font-size:14px;
}
.products-pagination .page-numbers.current{
background:#149346;
color:#fff;
}
@media (max-width: 1400px){
.products-grid{
grid-template-columns:repeat(3, minmax(0,1fr));
}
}
@media (max-width: 991px){
.products-page-wrap{
flex-direction:column;
gap:28px;
}
.products-sidebar{
width:100%;
flex:0 0 100%;
}
.products-grid{
grid-template-columns:repeat(2, minmax(0,1fr));
}
}
@media (max-width: 575px){
.products-grid{
grid-template-columns:1fr;
}
.products-group-pills .pill{
width:100%;
justify-content:flex-start;
}
}
.products-group-pills .pill{ background:#f8f8f8; }
.products-pagination .page-numbers{ background:#ececec; }
.products-sidebar-list.manual > li.sidebar-parent > a:hover,
.products-sidebar-list.manual > li.sidebar-parent > .sidebar-toggle:hover{
background:#dff0e7;
color:#159447;
}
.products-sidebar-list.manual > li.sidebar-parent > a:hover span,
.products-sidebar-list.manual > li.sidebar-parent > .sidebar-toggle:hover span{
color:#159447;
}
.products-sidebar-list.manual > li.sidebar-parent > a:hover em,
.products-sidebar-list.manual > li.sidebar-parent > .sidebar-toggle:hover em{
color:#159447;
}
.products-sidebar-sublist li a:hover{
color:#159447;
font-weight:700;
}
.site-branding{
display:flex;
align-items:center;
gap:18px;
}
.site-logo-link{
display:inline-flex;
align-items:center;
}
.light-logo-link{
display:none;
}
.site-tagline{
color:#118a43;
font-size:16px;
font-weight:700;
line-height:1;
white-space:nowrap;
}
header .head-logo{
display:flex;
align-items:center;
justify-content:space-between;
}
header .head-pro{
display:flex;
align-items:center;
gap:36px;
}
header .head-pro .nav-bc{
flex:0 0 auto;
}
header .head-pro .news-nav{
flex:0 0 auto;
}
header .head-pro .header-search-form{
margin-left:auto;
display:flex;
align-items:center;
position:relative;
width:540px;
max-width:540px;
}
header .head-pro .header-search-form input{
width:100%;
}
@media (max-width: 991px){
.site-tagline{
display:none;
}
header .head-pro{
flex-wrap:wrap;
gap:18px;
}
header .head-pro .header-search-form{
width:100%;
max-width:100%;
margin-left:0;
}
}
/* ===== HEADER FONT / TYPOGRAPHY FIX ===== */
.site-tagline{
color:#0f8f43;
font-size:15px;
font-weight:700;
font-style:italic;
line-height:1;
letter-spacing:0.2px;
white-space:nowrap;
}
header .head-logo nav ul li a{
font-size:16px;
font-weight:400;
line-height:1;
color:#111;
}
header .head-logo nav ul li.current-menu-item > a{
font-weight:400;
}
header .head-pro .nav-bc p{
font-size:19px;
font-weight:700;
font-style:italic;
line-height:1;
letter-spacing:0.2px;
color:#fff;
}
header .head-pro .news-nav a{
font-size:18px;
font-weight:700;
font-style:italic;
line-height:1;
letter-spacing:0.2px;
color:#8d8d8d;
}
header .head-pro .header-search-form input{
font-size:15px;
font-weight:400;
color:#666;
}
header .lang .in{
font-size:16px;
font-weight:400;
line-height:1;
color:#111;
}
header .lang .in span{
font-size:16px;
font-weight:400;
}
/* head-pro satırı */
header .head-pro{
display:flex;
align-items:center;
gap:0;
}
/* PRODUCTS kutusu */
header .head-pro .nav-bc{
display:flex;
align-items:center;
gap:12px;
background:#1f9147;
padding:6px 28px;
margin-right:28px;
text-decoration:none;
}
header .head-pro .nav-bc p{
margin:0;
color:#fff;
font-size:21px;
font-weight:700;
font-style:italic;
text-transform:uppercase;
line-height:1;
font-family:"Arial","Source Han Sans","PingFang SC","Microsoft Yahei","Helvetica Neue","STHeitiSC-Light",sans-serif;
}
/* NEW PRODUCTS */
header .head-pro .news-nav{
font-size:18px;
padding:10px 30px;
margin-left:30px;
display:block;
font-weight:700;
font-style:italic;
text-transform:uppercase;
}
header .head-pro .news-nav a{
color:#8f8f8f;
text-decoration:none;
font-family:"Arial","Source Han Sans","PingFang SC","Microsoft Yahei","Helvetica Neue","STHeitiSC-Light",sans-serif;
}
/* Search form */
header .head-pro form{
position:relative;
margin-left:auto;
}
header .head-pro input[type="text"]{
height:35px;
line-height:35px;
font-size:15px;
width:22vw;
min-width:250px;
max-width:420px;
border:1px solid #222;
border-radius:30px;
padding:0 42px 0 18px;
font-family:"Arial","Source Han Sans","PingFang SC","Microsoft Yahei","Helvetica Neue","STHeitiSC-Light",sans-serif;
}
header .head-pro form button{
position:absolute;
right:14px;
top:50%;
transform:translateY(-50%);
}
/* tagline */
.site-tagline{
margin:0;
color:#0f8f43;
font-size:15px;
font-weight:700;
font-style:italic;
line-height:1;
white-space:nowrap;
font-family:"Arial","Source Han Sans","PingFang SC","Microsoft Yahei","Helvetica Neue","STHeitiSC-Light",sans-serif;
}
/* ===== FOOTER FINAL ===== */
footer{
width:100%;
display:flex;
border-top:10px solid #132c33;
background:#efefef;
}
footer .foot-l{
width:30%;
background:#082c35;
color:#fff;
padding:72px 54px 44px;
box-sizing:border-box;
}
footer .foot-l img{
width:220px;
max-width:100%;
display:block;
margin-bottom:34px;
}
footer .foot-l p{
margin:0 0 14px;
font-size:16px;
line-height:1.5;
color:#fff;
}
footer .foot-l span{
display:block;
margin:0 0 34px;
font-size:30px;
line-height:1.05;
font-weight:700;
font-style:italic;
color:#fff;
}
footer .foot-l b{
display:block;
margin:0 0 8px;
font-size:15px;
line-height:1.6;
font-weight:400;
color:#d8e0e3;
}
footer .foot-l b a{
color:#d8e0e3;
text-decoration:none;
}
footer .foot-r{
width:70%;
padding:68px 76px 30px;
box-sizing:border-box;
background:#efefef;
}
footer .foot-cols{
display:grid;
grid-template-columns: 1.1fr 1.1fr 0.8fr 1.2fr;
gap:56px;
align-items:start;
}
footer .foot-col span{
display:block;
margin-bottom:22px;
font-size:20px;
line-height:1.2;
font-weight:700;
color:#000;
}
footer .foot-col p{
margin:0 0 14px;
font-size:15px;
line-height:1.5;
color:#111;
}
footer .foot-col p a{
color:#111;
text-decoration:none;
}
footer .foot-col p a:hover{
color:#1f9147;
}
footer .foot-social .foot-icon li{
list-style:none;
}
footer .foot-social .foot-icon img{
width:74px;
height:74px;
object-fit:contain;
display:block;
}
footer .di{
margin:72px 0 0;
font-size:14px;
line-height:1.5;
color:#111;
}
@media (max-width: 1400px){
footer .foot-l{
padding:56px 38px 36px;
}
footer .foot-r{
padding:54px 48px 26px;
}
footer .foot-l span{
font-size:30px;
}
footer .foot-social .foot-icon img{
width:64px;
height:64px;
}
footer .foot-cols{
gap:38px;
}
}
@media (max-width: 1100px){
footer{
flex-direction:column;
}
footer .foot-l,
footer .foot-r{
width:100%;
}
footer .foot-cols{
grid-template-columns:1fr 1fr;
gap:34px;
}
}
@media (max-width: 640px){
footer .foot-cols{
grid-template-columns:1fr;
}
footer .foot-l span{
font-size:30px;
}
}
/* ===== FOOTER SOCIAL FINAL FIX ===== */
footer .foot-social{
min-width: 260px;
}
footer .foot-social .foot-icon{
gap:0px;
}
footer .foot-social .foot-icon li{
list-style:none;
flex:0 0 auto;
}
footer .foot-social .foot-icon img{
width:56px;
height:56px;
object-fit:contain;
display:block;
}
footer .foot-social span{
display:block;
margin-bottom:18px;
font-size:18px;
font-weight:700;
}
/* youtube biraz daha yatay olduğu için */
footer .foot-social .foot-icon li:last-child img{
width:72px;
height:56px;
}
.site-branding{
display:flex;
align-items:center;
gap:16px;
}
.site-logo-link{
display:inline-flex;
align-items:center;
}
.site-tagline{
margin:0;
color:#0f8f43;
font-size:15px;
font-weight:700;
font-style:italic;
line-height:1;
white-space:nowrap;
}
header .head-logo nav{
display:flex;
align-items:center;
gap:18px;
}
header .head-logo nav ul{
display:flex;
align-items:center;
gap:24px;
margin:0;
padding:0;
list-style:none;
}
header .head-logo nav ul li a{
font-size:14px;
text-decoration:none;
}
header .lang{
display:flex;
align-items:center;
color:#fff;
}
header .lang .in{
font-size:14px;
text-decoration:none;
}
.live-support-btn a{
display:inline-flex;
align-items:center;
justify-content:center;
padding:10px 20px;
background:#2bd65d;
color:#fff;
font-size:14px;
font-weight:700;
border-radius:6px;
text-decoration:none;
}
.head-pro{
display:flex;
justify-content:flex-end;
align-items:center;
}
.head-pro form{
position:relative;
}
.head-pro input[type="text"]{
width:340px;
height:44px;
border:1px solid #222;
border-radius:24px;
padding:0 48px 0 18px;
}
/* scroll olunca logo görünür olsun */
header.fixed .logo1,
header.on .logo1,
header.active .logo1{
display:block !important;
}
header.fixed .site-tagline,
header.on .site-tagline,
header.active .site-tagline{
color:#fff !important;
}
header.fixed nav ul li a,
header.on nav ul li a,
header.active nav ul li a,
header.fixed .lang .in,
header.on .lang .in,
header.active .lang .in{
color:#fff !important;
}
@media (max-width: 1200px){
.site-tagline{
display:none;
}
.live-support-btn a{
padding:8px 14px;
font-size:13px;
}
.head-pro input[type="text"]{
width:280px;
}
}
/* ===== HEADER TEK TEMİZ AYAR ===== */
.head-logo{
display:grid;
grid-template-columns:auto 1fr auto auto;
align-items:center;
column-gap:18px;
}
.site-branding{
display:flex;
align-items:center;
gap:12px;
min-width:0;
}
.site-branding img{
max-height:52px;
width:auto;
display:block;
}
.site-tagline{
margin:0;
color:#0f8f43;
font-size:13px;
font-weight:700;
font-style:italic;
line-height:1;
white-space:nowrap;
max-width:220px;
text-overflow:ellipsis;
}
.head-logo nav{
display:flex;
align-items:center;
justify-content:flex-end;
min-width:0;
}
.head-logo nav ul{
display:flex;
align-items:center;
justify-content:flex-end;
gap:10px;
margin:0;
padding:0;
list-style:none;
min-width:0;
}
.head-logo nav ul li{
margin:0;
padding:0;
flex:0 0 auto;
}
.head-logo nav ul li a{
display:block;
font-size:12px;
font-weight:700;
line-height:1;
white-space:nowrap;
text-decoration:none;
color:#111;
padding:0 4px;
}
.lang{
display:flex;
align-items:center;
gap:6px;
margin-left:10px;
}
.lang .in,
.lang-sep{
font-size:12px;
font-weight:700;
color:#111;
text-decoration:none;
line-height:1;
}
.live-support-btn{
margin-left:12px;
}
.live-support-btn a{
display:inline-flex;
align-items:center;
justify-content:center;
padding:8px 14px;
background:#2dd85a;
color:#fff;
font-size:12px;
font-weight:700;
line-height:1;
border-radius:6px;
text-decoration:none;
white-space:nowrap;
}
.head-pro{
display:flex;
justify-content:flex-end;
align-items:center;
padding-top:16px;
}
.head-pro form{
position:relative;
}
.head-pro input[type="text"]{
width:330px;
height:42px;
border:1px solid #222;
border-radius:24px;
padding:0 46px 0 18px;
font-size:14px;
}
.head-pro button{
position:absolute;
right:14px;
top:50%;
transform:translateY(-50%);
background:none;
border:none;
padding:0;
}
/* scroll sonrası */
header.on .site-tagline,
header.fixed .site-tagline,
header.active .site-tagline{
color:#fff !important;
}
/* Scroll sonrası sadece üst menü beyaz olsun */
header.head_on .desktop-nav > ul > li > a,
header.head_on .lang .in,
header.head_on .lang-sep {
color: #fff !important;
}
@media (max-width: 1280px){
.site-tagline{
display:none;
}
.head-logo{
grid-template-columns:auto 1fr auto auto;
column-gap:14px;
}
.head-logo nav ul{
gap:8px;
}
.head-logo nav ul li a{
font-size:11px;
padding:0 3px;
}
.live-support-btn a{
padding:7px 12px;
font-size:11px;
}
}
header .head-logo .logo .site-branding h2.site-tagline {
color: #159447 !important;
opacity: 1 !important;
visibility: visible !important;
transition: color .25s ease;
}
header.head_on .head-logo .logo .site-branding h2.site-tagline {
color: #ffffff !important;
}
.pro-download-actions {
display: flex;
flex-direction: column;
gap: 12px;
}
.download-pill {
display: inline-flex;
align-items: center;
gap: 12px;
width: fit-content;
min-width: 240px;
padding: 14px 22px;
border-radius: 999px;
background: linear-gradient(90deg, #ff7a45 0%, #ff5a36 100%);
color: #fff !important;
font-size: 24px;
font-weight: 600;
line-height: 1;
text-decoration: none !important;
box-shadow: 0 8px 20px rgba(255, 106, 58, 0.18);
}
.download-pill img {
width: 30px;
height: 30px;
object-fit: contain;
display: block;
}
.download-pill:hover {
opacity: .92;
}
@media (max-width: 991px) {
.download-pill {
min-width: 100%;
justify-content: center;
font-size: 18px;
}
}
.product-request-wrap{
display:flex;
align-items:center;
margin-top:20px;
color:#fff;
background:linear-gradient(to bottom, #09bd57 0%, #14753d 100%);
border-radius:30px;
padding:10px 14px 10px 28px;
width:fit-content;
cursor:pointer;
font-size:16px;
}
.product-request-wrap .open-pro-form-btn{
appearance:none;
-webkit-appearance:none;
background:transparent;
border:0;
padding:0;
margin:0;
color:#fff;
font-size:16px;
font-weight:700;
line-height:1;
cursor:pointer;
font-family:inherit;
}
.product-request-wrap i{
display:inline-flex;
align-items:center;
justify-content:center;
width:34px;
height:34px;
margin-left:16px;
border-radius:50%;
background:#fff;
color:#159447;
font-size:16px;
flex:0 0 auto;
}
.product-downloads{
display:flex;
flex-direction:column;
gap:16px;
margin-top:18px;
}
.product-download-btn{
display:flex;
align-items:center;
width:fit-content;
max-width:100%;
padding:10px 16px 10px 22px;
border-radius:30px;
background:linear-gradient(to bottom, #ff7a45 0%, #ff5a36 100%);
text-decoration:none;
color:#fff !important;
box-sizing:border-box;
}
.product-download-btn img{
width:22px;
height:22px;
object-fit:contain;
display:block;
margin-right:12px;
flex:0 0 auto;
}
.product-download-btn strong{
color:#fff;
font-size:16px;
font-weight:700;
line-height:1;
white-space:nowrap;
}
.product-download-btn i{
display:inline-flex;
align-items:center;
justify-content:center;
width:34px;
height:34px;
margin-left:16px;
border-radius:50%;
background:#fff;
color:#ff6a3d;
font-size:16px;
flex:0 0 auto;
}
.product-download-btn:hover{
color:#fff !important;
opacity:.94;
}
.about-logo-line{
display: flex;
align-items: center;
justify-content: center;
gap: 18px;
margin: 22px auto;
width: fit-content;
max-width: 100%;
}
.about-logo-line img{
width: 110px;
height: auto;
display: block;
flex: 0 0 auto;
}
.about-logo-line-plus img{
width: 120px;
}
.about-logo-line span{
color: #666;
font-size: 16px;
line-height: 1.6;
text-align: left;
}
@media (max-width: 991px){
.about-custom-text{
font-size: 15px;
line-height: 1.8;
}
.about-logo-line{
align-items: flex-start;
gap: 14px;
}
.about-logo-line img{
width: 90px;
}
.about-logo-line-plus img{
width: 100px;
}
}
/* =========================================================
SINGLE PRODUCT DETAIL FIX
========================================================= */
/* =========================================================
BORDER YOK - MODERN TAB GÖRÜNÜM
========================================================= */
.insize-detail-tabs {
margin-top: 48px;
}
.insize-detail-tabs-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
margin-bottom: 28px;
flex-wrap: wrap;
}
.insize-detail-tabs-nav {
display: flex;
align-items: center;
gap: 28px;
flex-wrap: wrap;
}
.insize-detail-tabs-nav button {
appearance: none;
border: none;
background: transparent;
padding: 0 0 10px;
margin: 0;
font-size: 25px;
line-height: 1.2;
font-weight: 700;
color: #9ca3af;
cursor: pointer;
position: relative;
transition: all 0.2s ease;
text-transform: none;
box-shadow: none;
}
.insize-detail-tabs-nav button:hover {
color: #1f2937;
}
.insize-detail-tabs-nav button.active {
color: #163047;
}
.insize-detail-tabs-nav button.active::after {
content: "";
position: absolute;
left: 0;
bottom: -2px;
width: 100%;
height: 3px;
background: #1fa348;
border-radius: 999px;
}
/* sağ butonlar */
.insize-detail-tabs-actions {
display: flex;
align-items: center;
gap: 12px;
flex-wrap: wrap;
}
.insize-mini-doc-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
min-width: 170px;
height: 40px;
padding: 0 22px;
border-radius: 999px;
color: #fff !important;
text-decoration: none !important;
font-size: 15px;
font-weight: 700;
line-height: 1;
transition: all 0.2s ease;
white-space: nowrap;
}
.insize-mini-doc-btn:hover {
opacity: 0.92;
transform: translateY(-1px);
}
.insize-mini-doc-btn--green {
background: #19a84a;
}
.insize-mini-doc-btn--orange {
background: #20894d;
}
.insize-mini-doc-btn__icon {
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 16px;
line-height: 1;
}
/* içerik paneli */
.insize-detail-tab-panel {
display: none;
padding: 0;
border: none;
background: transparent;
}
.insize-detail-tab-panel.active {
display: block;
}
/* açıklama alanı */
.insize-editor-content {
width: 100%;
max-width: 100%;
text-align: left;
color: #444;
font-size: 16px;
line-height: 1.9;
}
/* review alanı */
.insize-reviews-wrap,
.insize-reviews-wrap * {
box-sizing: border-box;
}
.insize-reviews-wrap #reviews {
width: 100%;
}
.insize-reviews-wrap .woocommerce-Reviews-title,
.insize-reviews-wrap .comment-reply-title {
font-size: 26px;
line-height: 1.3;
font-weight: 700;
color: #163047;
margin: 0 0 20px;
}
.insize-reviews-wrap .commentlist {
list-style: none;
padding: 0;
margin: 0 0 30px;
}
.insize-reviews-wrap .commentlist li {
margin: 0 0 18px;
padding: 20px;
border: 1px solid #e5e7eb;
background: #fff;
border-radius: 12px;
}
.insize-reviews-wrap .comment-form p {
margin-bottom: 18px;
}
.insize-reviews-wrap .comment-form label {
display: block;
margin-bottom: 8px;
font-weight: 600;
color: #333;
}
.insize-reviews-wrap .comment-form textarea,
.insize-reviews-wrap .comment-form input[type="text"],
.insize-reviews-wrap .comment-form input[type="email"] {
width: 100%;
border: 1px solid #d9d9d9;
background: #fff;
padding: 14px 16px;
font-size: 15px;
color: #333;
outline: none;
border-radius: 8px;
}
.insize-reviews-wrap .comment-form textarea {
min-height: 180px;
resize: vertical;
}
.insize-reviews-wrap .comment-form input[type="text"],
.insize-reviews-wrap .comment-form input[type="email"] {
height: 50px;
}
.insize-reviews-wrap .comment-form-author,
.insize-reviews-wrap .comment-form-email {
width: calc(50% - 12px);
float: left;
}
.insize-reviews-wrap .comment-form-author {
margin-right: 24px;
}
.insize-reviews-wrap .comment-form-cookies-consent {
clear: both;
display: flex;
align-items: flex-start;
gap: 10px;
font-size: 14px;
color: #555;
}
.insize-reviews-wrap .form-submit {
clear: both;
margin-top: 20px;
}
.insize-reviews-wrap .submit,
.insize-reviews-wrap input[type="submit"] {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 140px;
height: 48px;
padding: 0 24px;
border: none;
border-radius: 10px;
background: #2f8f46;
color: #fff;
font-weight: 700;
font-size: 15px;
cursor: pointer;
text-transform: uppercase;
}
.insize-reviews-wrap .submit:hover,
.insize-reviews-wrap input[type="submit"]:hover {
opacity: 0.92;
}
/* mobil */
@media (max-width: 991px) {
.insize-detail-tabs-head {
flex-direction: column;
align-items: flex-start;
}
.insize-detail-tabs-nav {
gap: 18px;
}
.insize-detail-tabs-nav button {
font-size: 22px;
padding-bottom: 8px;
}
.insize-mini-doc-btn {
min-width: auto;
width: auto;
height: 42px;
padding: 0 16px;
font-size: 14px;
}
.insize-reviews-wrap .comment-form-author,
.insize-reviews-wrap .comment-form-email {
width: 100%;
float: none;
margin-right: 0;
}
}
/* =========================================================
PRODUCT CONTENT - DAHA DÜZGÜN BAŞLIK / TABLO / İÇERİK
========================================================= */
.insize-editor-content {
width: 100%;
max-width: 100%;
color: #4b5563;
font-size: 16px;
line-height: 1.9;
text-align: left;
}
.insize-editor-content * {
text-align: left !important;
max-width: 100%;
}
.insize-editor-content p {
margin: 0 0 18px;
color: #4b5563;
font-size: 16px;
line-height: 1.9;
}
.insize-editor-content h2 {
margin: 34px 0 16px;
font-size: 34px;
line-height: 1.25;
font-weight: 700;
color: #153b5c;
}
.insize-editor-content h3 {
margin: 28px 0 14px;
font-size: 26px;
line-height: 1.3;
font-weight: 700;
color: #153b5c;
}
.insize-editor-content h4 {
margin: 22px 0 12px;
font-size: 21px;
line-height: 1.35;
font-weight: 700;
color: #1f2937;
}
.insize-editor-content a {
color: #1fa348;
text-decoration: none;
font-weight: 500;
}
.insize-editor-content a:hover {
text-decoration: underline;
}
.insize-editor-content ul,
.insize-editor-content ol {
margin: 0 0 20px;
padding-left: 24px;
}
.insize-editor-content li {
margin-bottom: 10px;
color: #374151;
}
.insize-editor-content strong {
color: #374151;
font-weight: 700;
}
.insize-editor-content table {
width: 100%;
border-collapse: collapse;
margin: 24px 0 32px;
background: transparent;
}
.insize-editor-content table th,
.insize-editor-content table td {
padding: 12px 14px;
text-align: left !important;
border-bottom: 1px solid #dbe2ea;
font-size: 16px;
line-height: 1.6;
vertical-align: top;
}
.insize-editor-content table th {
font-weight: 700;
color: #374151;
background: transparent;
}
.insize-editor-content figure {
margin: 0 0 24px;
}
.insize-editor-content figure img,
.insize-editor-content img {
max-width: 100%;
height: auto;
display: block;
}
.insize-editor-content .wp-block-table-of-contents {
margin: 22px 0 28px !important;
padding: 20px 24px !important;
background: #f8fafc !important;
border: 1px solid #dbe2ea !important;
border-radius: 12px !important;
}
.insize-editor-content .wp-block-table-of-contents ul {
margin: 0;
padding-left: 22px;
}
.insize-editor-content .wp-block-table-of-contents li {
margin-bottom: 8px;
}
.insize-editor-content .wp-block-table-of-contents a {
color: #2f8f46;
font-weight: 500;
}
/* =========================================================
REVIEWS - MİNİMAL TASARIM
========================================================= */
.insize-reviews-wrap {
margin-top: 10px;
max-width: 980px;
}
.insize-reviews-wrap #reviews {
width: 100%;
}
.insize-reviews-wrap .woocommerce-Reviews-title {
display: none;
}
.insize-reviews-wrap .woocommerce-noreviews {
margin: 0 0 18px;
color: #6b7280;
font-size: 14px;
line-height: 1.7;
}
.insize-reviews-wrap .comment-reply-title {
display: block;
margin: 0 0 18px;
font-size: 24px;
line-height: 1.35;
font-weight: 700;
color: #153b5c;
max-width: 860px;
}
.insize-reviews-wrap .comment-notes {
margin: 0 0 14px;
font-size: 14px;
color: #6b7280;
}
.insize-reviews-wrap .comment-form {
margin-top: 8px;
}
.insize-reviews-wrap .comment-form p {
margin-bottom: 16px;
}
.insize-reviews-wrap .comment-form label {
display: block;
margin-bottom: 8px;
font-size: 14px;
font-weight: 600;
color: #374151;
}
.insize-reviews-wrap .comment-form-rating {
margin-bottom: 12px;
}
.insize-reviews-wrap p.stars {
display: flex;
align-items: center;
gap: 6px;
margin: 8px 0 0;
font-size: 0;
line-height: 1;
}
.insize-reviews-wrap p.stars a {
position: relative;
width: 24px;
height: 24px;
text-indent: -9999px;
overflow: hidden;
}
.insize-reviews-wrap p.stars a::before {
content: "☆";
position: absolute;
inset: 0;
text-indent: 0;
font-size: 26px;
line-height: 24px;
color: #111827;
text-align: center;
}
.insize-reviews-wrap p.stars a.active::before,
.insize-reviews-wrap p.stars a:hover::before {
content: "★";
color: #f59e0b;
}
.insize-reviews-wrap textarea,
.insize-reviews-wrap input[type="text"],
.insize-reviews-wrap input[type="email"] {
width: 100%;
border: 1px solid #d6dbe1;
background: #fff;
border-radius: 10px;
padding: 13px 14px;
font-size: 15px;
color: #374151;
outline: none;
box-shadow: none;
}
.insize-reviews-wrap textarea:focus,
.insize-reviews-wrap input[type="text"]:focus,
.insize-reviews-wrap input[type="email"]:focus {
border-color: #1fa348;
}
.insize-reviews-wrap textarea {
min-height: 150px;
resize: vertical;
}
.insize-reviews-wrap .comment-form-author,
.insize-reviews-wrap .comment-form-email {
width: calc(50% - 10px);
float: left;
}
.insize-reviews-wrap .comment-form-author {
margin-right: 20px;
}
.insize-reviews-wrap .comment-form-cookies-consent {
clear: both;
display: flex;
align-items: flex-start;
gap: 10px;
font-size: 13px;
color: #6b7280;
margin-top: 4px;
}
.insize-reviews-wrap .form-submit {
clear: both;
margin-top: 18px;
}
.insize-reviews-wrap input[type="submit"],
.insize-reviews-wrap .submit {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 130px;
height: 44px;
padding: 0 20px;
border: none;
border-radius: 999px;
background: #1fa348;
color: #fff;
font-size: 14px;
font-weight: 700;
text-transform: none;
cursor: pointer;
}
.insize-reviews-wrap input[type="submit"]:hover,
.insize-reviews-wrap .submit:hover {
opacity: 0.92;
}
.insize-reviews-wrap .commentlist {
list-style: none;
padding: 0;
margin: 0 0 24px;
}
.insize-reviews-wrap .commentlist li {
margin-bottom: 16px;
padding: 18px 20px;
border: 1px solid #e5e7eb;
border-radius: 12px;
background: #fff;
}
@media (max-width: 991px) {
.insize-editor-content h2 {
font-size: 28px;
}
.insize-editor-content h3 {
font-size: 22px;
}
.insize-reviews-wrap .comment-reply-title {
font-size: 20px;
}
.insize-reviews-wrap .comment-form-author,
.insize-reviews-wrap .comment-form-email {
width: 100%;
float: none;
margin-right: 0;
}
}
.insize-editor-content table tr:first-child th,
.insize-editor-content table thead th {
color: #153b5c;
font-weight: 700;
}
.insize-editor-content table tbody tr:hover td {
background: #f9fbfc;
}
/* =========================================================
TOP FEATURE BAR
========================================================= */
.insize-feature-bar {
border-top: 1px solid #7c7c7c;
border-bottom: 1px solid #7c7c7c;
align-items: center;
flex-wrap: wrap;
gap: 14px 28px;
}
.insize-feature-bar__item {
display: inline-flex;
align-items: center;
gap: 10px;
min-height: 28px;
}
.insize-feature-bar__text {
font-size: 16px;
line-height: 1.2;
font-weight: 700;
color: #3d3d3d;
text-transform: uppercase;
letter-spacing: 0;
}
.insize-feature-bar__icon {
display: inline-block;
flex: 0 0 auto;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
/* default = küçük yeşil kare */
.insize-feature-bar__item.is-default .insize-feature-bar__icon {
width: 7px;
height: 7px;
background: #1fa348;
}
/* POPULAR MODEL ikonu */
.insize-feature-bar__item.is-popular .insize-feature-bar__icon {
width: 24px;
height: 24px;
background-image: url("data:image/svg+xml;utf8,\
");
}
/* WATERPROOF ikonu */
.insize-feature-bar__item.is-waterproof .insize-feature-bar__icon {
width: 22px;
height: 22px;
background-image: url("data:image/svg+xml;utf8,\
");
}
/* sağ blok başlık-kod aralığı hafif toparla */
.pro-info h1 {
margin-bottom: 16px;
line-height: 1.15;
}
.pro-info h2 {
margin-bottom: 18px;
}
/* mobil */
@media (max-width: 991px) {
.insize-feature-bar {
gap: 12px 18px;
margin: 18px 0 14px;
padding: 12px 0;
}
.insize-feature-bar__text {
font-size: 14px;
}
.insize-feature-bar__item.is-popular .insize-feature-bar__icon {
width: 20px;
height: 20px;
}
.insize-feature-bar__item.is-waterproof .insize-feature-bar__icon {
width: 18px;
height: 18px;
}
}
.insize-pdf-showcase {
display: grid;
grid-template-columns: 1.1fr 0.9fr;
align-items: center;
gap: 48px;
background: #f7f7f7;
border-radius: 18px;
padding: 38px 42px;
margin: 42px 0 10px;
overflow: hidden;
}
.insize-pdf-showcase__left {
position: relative;
}
.insize-pdf-showcase__left::before {
content: "";
position: absolute;
left: 60px;
top: -38px;
width: 150px;
height: calc(100% + 76px);
background: #b7eadf;
transform: skewX(-36deg);
z-index: 0;
}
.insize-pdf-showcase__preview-link {
display: block;
text-decoration: none;
}
.insize-pdf-showcase__screen {
position: relative;
z-index: 1;
max-width: 520px;
margin: 0 auto;
background: #fff;
border-radius: 18px;
box-shadow: 0 16px 35px rgba(0,0,0,0.12);
overflow: hidden;
min-height: 340px;
height: 340px;
}
.insize-pdf-showcase__screen iframe,
.insize-pdf-showcase__screen object {
width: 100%;
height: 100%;
border: 0;
display: block;
background: #fff;
}
.insize-pdf-showcase__screen object img {
max-width: 140px;
height: auto;
display: block;
margin: 90px auto 0;
}
.insize-pdf-showcase__right {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
.insize-pdf-showcase__icon {
margin-bottom: 18px;
}
.insize-pdf-showcase__icon img {
width: 130px;
height: auto;
display: block;
}
.insize-pdf-showcase__right h3 {
margin: 0 0 28px;
font-size: 28px;
line-height: 1.2;
font-weight: 700;
color: #2f3744;
max-width: 420px;
}
.insize-pdf-showcase__btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 270px;
height: 46px;
padding: 0 26px;
border-radius: 999px;
background: #18a84a;
color: #fff !important;
text-decoration: none !important;
font-size: 18px;
font-weight: 700;
font-style: italic;
transition: 0.2s ease;
}
.insize-pdf-showcase__btn:hover {
opacity: 0.92;
transform: translateY(-1px);
}
@media (max-width: 991px) {
.insize-pdf-showcase {
grid-template-columns: 1fr;
gap: 28px;
padding: 24px 18px;
}
.insize-pdf-showcase__left::before {
left: 30px;
width: 90px;
}
.insize-pdf-showcase__right {
align-items: center;
text-align: center;
}
.insize-pdf-showcase__right h3 {
font-size: 22px;
max-width: 100%;
}
.insize-pdf-showcase__btn {
min-width: 220px;
font-size: 16px;
}
}
.about-builder-content > *:first-child {
margin-top: 0;
}
.about-builder-content h1,
.about-builder-content h2,
.about-builder-content h3,
.about-builder-content h4,
.about-builder-content h5,
.about-builder-content h6 {
color: #1f2937;
line-height: 1.3;
margin: 0 0 16px;
}
.about-builder-content p {
margin: 0 0 18px;
line-height: 1.8;
color: #4b5563;
}
.about-builder-content ul,
.about-builder-content ol {
margin: 0 0 18px 20px;
padding: 0;
}
.about-builder-content li {
margin-bottom: 8px;
color: #4b5563;
}
.about-builder-content img {
max-width: 100%;
height: auto;
display: block;
margin: 0 0 18px;
}
.about-builder-content .wp-block-image,
.about-builder-content .wp-block-columns,
.about-builder-content .wp-block-group {
margin-bottom: 20px;
}
.about-builder-content a {
color: #1fa348;
text-decoration: none;
}
.about-builder-content a:hover {
text-decoration: underline;
}
.about-page-editor-content > *:first-child {
margin-top: 0;
}
.about-page-editor-content p {
line-height: 1.8;
color: #4b5563;
}
.about-page-editor-content h1,
.about-page-editor-content h2,
.about-page-editor-content h3,
.about-page-editor-content h4,
.about-page-editor-content h5,
.about-page-editor-content h6 {
color: #1f2937;
line-height: 1.3;
}
.about-page-editor-content img {
max-width: 100%;
height: auto;
}
.about-page-editor-content a {
color: #1fa348;
text-decoration: none;
}
.about-page-editor-content a:hover {
text-decoration: underline;
}
nav ul li.nav_list {
position: relative;
}
/* Menü kapsayıcılarında taşma olmasın */
nav,
nav ul,
nav ul li {
overflow: visible;
}
/* Dropdown varsayılan kapalı */
nav ul li.nav_list .nav_list_drop {
position: absolute;
top: calc(100% - 1px); /* boşluğu kapatır */
left: 50%;
transform: translateX(-50%);
z-index: 9999;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 0.2s ease, visibility 0.2s ease;
margin-top: 0 !important;
}
/* Hover olunca aç */
nav ul li.nav_list:hover .nav_list_drop,
nav ul li.nav_list:focus-within .nav_list_drop {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
/* Hizmetler ile dropdown arasında boşluk olmasın */
nav ul li.nav_list > a {
display: inline-block;
position: relative;
z-index: 2;
}
/* İstersen dropdown biraz daha yapışık dursun */
nav ul li.nav_list .nav_list_drop::before {
content: "";
position: absolute;
top: -12px;
left: 0;
right: 0;
height: 12px;
}
.demo-page-editor-content {
width: 100%;
}
.demo-page-editor-content > *:first-child {
margin-top: 0;
}
.insize-demo-intro {
padding: 50px 0;
}
.insize-demo-intro__inner {
width: min(1200px, calc(100% - 40px));
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
align-items: center;
}
.insize-demo-video-wrap {
position: relative;
padding-top: 56.25%;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 14px 35px rgba(0,0,0,0.08);
}
.insize-demo-video-wrap iframe {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
}
.insize-demo-intro__content h2 {
margin: 0 0 18px;
font-size: 34px;
line-height: 1.2;
color: #163047;
}
.insize-demo-intro__content p {
margin: 0 0 16px;
line-height: 1.8;
color: #4b5563;
font-size: 16px;
}
.insize-demo-btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 240px;
height: 48px;
padding: 0 24px;
margin-top: 10px;
border-radius: 999px;
background: #1fa348;
color: #fff !important;
text-decoration: none !important;
font-weight: 700;
transition: 0.2s ease;
}
.insize-demo-btn:hover {
opacity: 0.92;
transform: translateY(-1px);
}
.insize-demo-gallery-section {
padding: 55px 0;
background: #3a7e3c;
}
.insize-demo-gallery-container {
width: min(1200px, calc(100% - 40px));
margin: 0 auto;
}
.insize-demo-gallery-section h2 {
margin: 0 0 24px;
text-align: center;
color: #fff;
font-size: 32px;
line-height: 1.2;
}
.insize-demo-gallery-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 18px;
}
.insize-demo-gallery-item {
display: block;
border-radius: 14px;
overflow: hidden;
background: #fff;
}
.insize-demo-gallery-item img {
display: block;
width: 100%;
height: 220px;
object-fit: cover;
}
.insize-demo-form-section {
padding: 55px 0;
}
.insize-demo-form-container {
width: min(1100px, calc(100% - 40px));
margin: 0 auto;
}
.insize-demo-form-section h2 {
margin: 0 0 28px;
text-align: center;
color: #163047;
font-size: 32px;
line-height: 1.2;
}
@media (max-width: 991px) {
.insize-demo-intro__inner {
grid-template-columns: 1fr;
gap: 28px;
}
.insize-demo-intro__content h2,
.insize-demo-gallery-section h2,
.insize-demo-form-section h2 {
font-size: 26px;
}
.insize-demo-gallery-grid {
grid-template-columns: repeat(2, 1fr);
}
.insize-demo-gallery-item img {
height: 180px;
}
}
@media (max-width: 640px) {
.insize-demo-gallery-grid {
grid-template-columns: 1fr;
}
}
.insize-showroom-media img {
display: block;
width: 100%;
height: auto;
border-radius: 16px;
box-shadow: 0 14px 35px rgba(0,0,0,0.08);
}
.insize-showroom-list {
margin: 0 0 18px 20px;
padding: 0;
}
.insize-showroom-list li {
margin-bottom: 10px;
line-height: 1.8;
color: #4b5563;
}
.down .cata .cata_title h2{
display:inline-block !important;
opacity:1 !important;
visibility:visible !important;
color:#2d8b43 !important;
font-size:17px !important;
font-weight:800 !important;
font-style:italic !important;
text-transform:uppercase !important;
line-height:1.2 !important;
margin:0 0 0 12px !important;
vertical-align:middle !important;
}
.down .cata .cata_title{
display:flex !important;
align-items:center !important;
gap:12px !important;
}
.down .cata .cata_title img{
flex:0 0 auto;
}
/* Dropdown kolon başlıkları */
.nav_list_drop > div > a {
display: inline-block;
color: #000 !important;
font-size: 22px;
font-weight: 500;
line-height: 1.3;
text-decoration: none !important;
padding-bottom: 12px;
border-bottom: 1px solid #222;
margin-bottom: 18px;
}
/* Alt linkler */
.nav_list_drop > div p {
margin: 0 0 16px 0;
}
.nav_list_drop > div p a {
color: #8b8b8b !important;
font-size: 18px;
font-weight: 400;
line-height: 1.5;
text-decoration: none !important;
border: 0 !important;
padding: 0 !important;
display: inline-block;
}
/* Hover */
.nav_list_drop > div p a:hover {
color: #2d8b43 !important;
}
.nav_list_drop > div > a:hover {
color: #000 !important;
}
/* Dropdown genişlik ve kolon düzeni */
.nav_list_drop {
padding: 10px 40px 50px !important;
}
.nav_list_drop > div {
min-width: 240px;
}
/* Anchor gidince başlık header altında kalmasın */
#genel-kataloglar,
#en-cok-satanlar-katalogu,
#brosurler,
#belirli-urunlere-ozel-kataloglar {
scroll-margin-top: 140px;
}
/* Demo Aracı - Zoho form */
#crmWebToEntityForm.crmWebToEntityForm {
width: 100%;
max-width: 980px;
margin: 0 auto;
padding: 20px 0 0;
background: transparent;
color: #111;
box-sizing: border-box;
}
#crmWebToEntityForm.crmWebToEntityForm *,
#crmWebToEntityForm.crmWebToEntityForm *::before,
#crmWebToEntityForm.crmWebToEntityForm *::after {
box-sizing: border-box;
}
#crmWebToEntityForm {
text-align: left;
}
#crmWebToEntityForm br {
display: none !important;
}
#crmWebToEntityForm .zcwf_required {
color: #e32626;
}
#crmWebToEntityForm .zcwf_row {
display: flex;
align-items: flex-start;
gap: 20px;
margin: 0 0 16px;
padding: 0;
}
#crmWebToEntityForm .zcwf_col_lab {
width: 240px;
flex: 0 0 240px;
padding-top: 13px;
font-size: 15px;
line-height: 1.4;
color: #111;
}
#crmWebToEntityForm .zcwf_col_fld {
width: calc(100% - 260px);
flex: 1 1 auto;
position: relative;
}
#crmWebToEntityForm input[type="text"],
#crmWebToEntityForm input[type="email"],
#crmWebToEntityForm input[type="tel"],
#crmWebToEntityForm input[type="number"],
#crmWebToEntityForm input[type="password"],
#crmWebToEntityForm textarea,
#crmWebToEntityForm select {
width: 100%;
min-height: 46px;
border: 1px solid #bcc4ca;
background: #fff;
color: #111;
font-size: 15px;
padding: 10px 14px;
border-radius: 0;
box-shadow: none;
outline: none;
appearance: none;
}
#crmWebToEntityForm textarea {
min-height: 120px;
resize: vertical;
}
#crmWebToEntityForm input:focus,
#crmWebToEntityForm textarea:focus,
#crmWebToEntityForm select:focus {
border-color: #2d8b43;
}
#crmWebToEntityForm .wfrm_fld_dpNn {
display: none !important;
}
#crmWebToEntityForm .zcwf_captcha_wrap {
display: flex;
align-items: center;
gap: 18px;
flex-wrap: wrap;
}
#crmWebToEntityForm .zcwf_captcha_wrap img {
display: block;
max-width: 180px;
height: auto;
}
#crmWebToEntityForm .zcwf_captcha_wrap a {
color: #111;
text-decoration: none;
font-size: 15px;
}
#crmWebToEntityForm .zcwf_captcha_wrap a:hover {
color: #2d8b43;
}
#crmWebToEntityForm .zcwf_checkbox_label {
display: block;
font-size: 15px;
line-height: 1.5;
color: #111;
}
#crmWebToEntityForm .zcwf_checkbox_label input[type="checkbox"] {
margin-right: 8px;
transform: translateY(1px);
}
#crmWebToEntityForm .zcwf_checkbox_label a {
color: #111;
text-decoration: underline;
}
#crmWebToEntityForm .zcwf_checkbox_label a:hover {
color: #2d8b43;
}
#crmWebToEntityForm .zcwf_privacy_error {
font-size: 12px;
color: red;
padding-left: 5px;
visibility: hidden;
margin-top: 6px;
}
#crmWebToEntityForm .zcwf_actions {
display: flex;
gap: 12px;
flex-wrap: wrap;
}
#crmWebToEntityForm .zcwf_button,
#crmWebToEntityForm .formsubmit.zcwf_button {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 110px;
min-height: 46px;
padding: 0 24px !important;
font-size: 15px;
font-weight: 700;
border-radius: 0;
cursor: pointer;
transition: .2s ease;
box-shadow: none;
}
#crmWebToEntityForm .formsubmit.zcwf_button {
color: #fff !important;
background: #239844 !important;
border: 1px solid #239844 !important;
}
#crmWebToEntityForm .formsubmit.zcwf_button:hover {
background: #187637 !important;
border-color: #187637 !important;
}
#crmWebToEntityForm .zcwf_button[type="reset"] {
color: #239844 !important;
background: #fff !important;
border: 1px solid #239844 !important;
}
#crmWebToEntityForm .zcwf_button[type="reset"]:hover {
color: #fff !important;
background: #239844 !important;
}
#crmWebToEntityForm .formsubmit[disabled] {
opacity: .65;
cursor: not-allowed;
}
@media (max-width: 900px) {
#crmWebToEntityForm .zcwf_row {
display: block;
margin-bottom: 14px;
}
#crmWebToEntityForm .zcwf_col_lab,
#crmWebToEntityForm .zcwf_col_fld {
width: 100%;
flex: none;
}
#crmWebToEntityForm .zcwf_col_lab {
padding-top: 0;
margin-bottom: 6px;
}
#crmWebToEntityForm .zcwf_actions .zcwf_button,
#crmWebToEntityForm .zcwf_actions .formsubmit.zcwf_button {
width: auto;
}
}
.contact_form_area {
margin-top: 60px;
clear: both;
}
.contact_form_area {
margin-top: 80px;
clear: both;
}
.insize-contact-form-wrap {
width: 100%;
}
.insize-contact-form-title {
margin: 0 0 42px;
font-size: 30px;
line-height: 1.05;
font-weight: 700;
color: #4b5668;
text-transform: uppercase;
position: relative;
padding-bottom: 18px;
}
.insize-contact-form-title::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 360px;
height: 2px;
background: #d9d9d9;
}
@media (max-width: 991px) {
.insize-contact-form-title {
font-size: 38px;
}
.insize-contact-form-title::after {
width: 240px;
}
}
/* Demo Aracı + İletişim Zoho form ortak stil */
#crmWebToEntityForm.crmWebToEntityForm,
#crmWebToEntityFormContact.crmWebToEntityForm {
width: 100%;
max-width: 980px;
margin: 0 auto;
padding: 20px 0 0;
background: transparent;
color: #111;
box-sizing: border-box;
}
#crmWebToEntityForm.crmWebToEntityForm *,
#crmWebToEntityForm.crmWebToEntityForm *::before,
#crmWebToEntityForm.crmWebToEntityForm *::after,
#crmWebToEntityFormContact.crmWebToEntityForm *,
#crmWebToEntityFormContact.crmWebToEntityForm *::before,
#crmWebToEntityFormContact.crmWebToEntityForm *::after {
box-sizing: border-box;
}
#crmWebToEntityForm,
#crmWebToEntityFormContact {
text-align: left;
}
#crmWebToEntityForm br,
#crmWebToEntityFormContact br {
display: none !important;
}
#crmWebToEntityForm .zcwf_required,
#crmWebToEntityFormContact .zcwf_required {
color: #e32626;
}
#crmWebToEntityForm .zcwf_row,
#crmWebToEntityFormContact .zcwf_row {
display: flex;
align-items: flex-start;
gap: 20px;
margin: 0 0 16px;
padding: 0;
}
#crmWebToEntityForm .zcwf_col_lab,
#crmWebToEntityFormContact .zcwf_col_lab {
width: 240px;
flex: 0 0 240px;
padding-top: 13px;
font-size: 15px;
line-height: 1.4;
color: #111;
}
#crmWebToEntityForm .zcwf_col_fld,
#crmWebToEntityFormContact .zcwf_col_fld {
width: calc(100% - 260px);
flex: 1 1 auto;
position: relative;
}
#crmWebToEntityForm input[type="text"],
#crmWebToEntityForm input[type="email"],
#crmWebToEntityForm input[type="tel"],
#crmWebToEntityForm input[type="number"],
#crmWebToEntityForm input[type="password"],
#crmWebToEntityForm textarea,
#crmWebToEntityForm select,
#crmWebToEntityFormContact input[type="text"],
#crmWebToEntityFormContact input[type="email"],
#crmWebToEntityFormContact input[type="tel"],
#crmWebToEntityFormContact input[type="number"],
#crmWebToEntityFormContact input[type="password"],
#crmWebToEntityFormContact textarea,
#crmWebToEntityFormContact select {
width: 100%;
min-height: 46px;
border: 1px solid #bcc4ca;
background: #fff;
color: #111;
font-size: 15px;
padding: 10px 14px;
border-radius: 0;
box-shadow: none;
outline: none;
appearance: none;
}
#crmWebToEntityForm textarea,
#crmWebToEntityFormContact textarea {
min-height: 120px;
resize: vertical;
}
#crmWebToEntityForm input:focus,
#crmWebToEntityForm textarea:focus,
#crmWebToEntityForm select:focus,
#crmWebToEntityFormContact input:focus,
#crmWebToEntityFormContact textarea:focus,
#crmWebToEntityFormContact select:focus {
border-color: #2d8b43;
}
#crmWebToEntityForm .wfrm_fld_dpNn,
#crmWebToEntityFormContact .wfrm_fld_dpNn {
display: none !important;
}
#crmWebToEntityForm .zcwf_captcha_wrap,
#crmWebToEntityFormContact .zcwf_captcha_wrap {
display: flex;
align-items: center;
gap: 18px;
flex-wrap: wrap;
}
#crmWebToEntityForm .zcwf_captcha_wrap img,
#crmWebToEntityFormContact .zcwf_captcha_wrap img {
display: block;
max-width: 180px;
height: auto;
}
#crmWebToEntityForm .zcwf_captcha_wrap a,
#crmWebToEntityFormContact .zcwf_captcha_wrap a {
color: #111;
text-decoration: none;
font-size: 15px;
}
#crmWebToEntityForm .zcwf_captcha_wrap a:hover,
#crmWebToEntityFormContact .zcwf_captcha_wrap a:hover {
color: #2d8b43;
}
#crmWebToEntityForm .zcwf_checkbox_label,
#crmWebToEntityFormContact .zcwf_checkbox_label {
display: block;
font-size: 15px;
line-height: 1.5;
color: #111;
}
#crmWebToEntityForm .zcwf_checkbox_label input[type="checkbox"],
#crmWebToEntityFormContact .zcwf_checkbox_label input[type="checkbox"] {
margin-right: 8px;
transform: translateY(1px);
}
#crmWebToEntityForm .zcwf_checkbox_label a,
#crmWebToEntityFormContact .zcwf_checkbox_label a {
color: #111;
text-decoration: underline;
}
#crmWebToEntityForm .zcwf_checkbox_label a:hover,
#crmWebToEntityFormContact .zcwf_checkbox_label a:hover {
color: #2d8b43;
}
#crmWebToEntityForm .zcwf_privacy_error,
#crmWebToEntityFormContact .zcwf_privacy_error {
font-size: 12px;
color: red;
padding-left: 5px;
visibility: hidden;
margin-top: 6px;
}
#crmWebToEntityForm .zcwf_actions,
#crmWebToEntityFormContact .zcwf_actions {
display: flex;
gap: 12px;
flex-wrap: wrap;
}
#crmWebToEntityForm .zcwf_button,
#crmWebToEntityForm .formsubmit.zcwf_button,
#crmWebToEntityFormContact .zcwf_button,
#crmWebToEntityFormContact .formsubmit.zcwf_button {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 110px;
min-height: 46px;
padding: 0 24px !important;
font-size: 15px;
font-weight: 700;
border-radius: 0;
cursor: pointer;
transition: .2s ease;
box-shadow: none;
}
#crmWebToEntityForm .formsubmit.zcwf_button,
#crmWebToEntityFormContact .formsubmit.zcwf_button {
color: #fff !important;
background: #239844 !important;
border: 1px solid #239844 !important;
}
#crmWebToEntityForm .formsubmit.zcwf_button:hover,
#crmWebToEntityFormContact .formsubmit.zcwf_button:hover {
background: #187637 !important;
border-color: #187637 !important;
}
#crmWebToEntityForm .zcwf_button[type="reset"],
#crmWebToEntityFormContact .zcwf_button[type="reset"] {
color: #239844 !important;
background: #fff !important;
border: 1px solid #239844 !important;
}
#crmWebToEntityForm .zcwf_button[type="reset"]:hover,
#crmWebToEntityFormContact .zcwf_button[type="reset"]:hover {
color: #fff !important;
background: #239844 !important;
}
#crmWebToEntityForm .formsubmit[disabled],
#crmWebToEntityFormContact .formsubmit[disabled] {
opacity: .65;
cursor: not-allowed;
}
@media (max-width: 900px) {
#crmWebToEntityForm .zcwf_row,
#crmWebToEntityFormContact .zcwf_row {
display: block;
margin-bottom: 14px;
}
#crmWebToEntityForm .zcwf_col_lab,
#crmWebToEntityForm .zcwf_col_fld,
#crmWebToEntityFormContact .zcwf_col_lab,
#crmWebToEntityFormContact .zcwf_col_fld {
width: 100%;
flex: none;
}
#crmWebToEntityForm .zcwf_col_lab,
#crmWebToEntityFormContact .zcwf_col_lab {
padding-top: 0;
margin-bottom: 6px;
}
#crmWebToEntityForm .zcwf_actions .zcwf_button,
#crmWebToEntityForm .zcwf_actions .formsubmit.zcwf_button,
#crmWebToEntityFormContact .zcwf_actions .zcwf_button,
#crmWebToEntityFormContact .zcwf_actions .formsubmit.zcwf_button {
width: auto;
}
}
.video_page_banner {
background-position: center;
background-size: cover;
background-repeat: no-repeat;
display: flex;
align-items: center;
padding: 60px 0;
}
.video_page_banner_box {
max-width: 460px;
background: rgba(240, 243, 245, 0.92);
margin-left: 160px;
padding: 22px 85px;
text-align: center;
}
.video_page_banner_box h1 {
margin: 0;
font-size: 35px;
line-height: 1.1;
color: #000;
font-weight: 700;
position: relative;
display: inline-block;
padding-bottom: 12px;
}
.video_page_banner_box h1::after {
content: "";
position: absolute;
left: 50%;
bottom: 0;
width: 100px;
height: 4px;
background: #239844;
transform: translateX(-50%);
}
.video_page_area {
padding: 70px 0 90px;
width: min(1600px, calc(100% - 80px));
margin: 0 auto;
}
.video_page_search_wrap {
display: flex;
justify-content: center;
margin-bottom: 60px;
}
.video_page_search_form {
display: flex;
gap: 10px;
width: 100%;
max-width: 560px;
}
.video_page_search_form input {
flex: 1;
height: 48px;
border: 1px solid #aeb4ba;
padding: 0 14px;
font-size: 16px;
outline: none;
background: #fff;
}
.video_page_search_form button {
min-width: 122px;
height: 48px;
border: 0;
background: #239844;
color: #fff;
font-size: 16px;
font-weight: 600;
cursor: pointer;
}
.video_grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 44px 34px;
}
.video_card_thumb {
position: relative;
display: block;
border-radius: 16px;
overflow: hidden;
margin-bottom: 18px;
background: #eef1f3;
}
.video_card_thumb img {
display: block;
width: 100%;
aspect-ratio: 16 / 9;
object-fit: cover;
}
.video_play_icon {
position: absolute;
right: 16px;
bottom: 16px;
width: 54px;
height: 38px;
border-radius: 12px;
background: #ff5a52;
color: #fff;
display: inline-flex;
align-items: center;
justify-content: center;
}
.video_play_icon svg {
width: 20px;
height: 20px;
}
.video_card_title {
margin: 0 0 18px;
font-size: 23px;
line-height: 1.35;
font-weight: 700;
text-transform: uppercase;
}
.video_card_title a {
color: #127441;
text-decoration: none;
}
.video_card_code {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 146px;
min-height: 46px;
padding: 0 24px;
border-radius: 999px;
background: #354256;
color: #fff;
font-size: 20px;
margin-bottom: 22px;
}
.video_card_list {
margin: 0;
padding-left: 18px;
color: #111;
font-size: 17px;
line-height: 1.6;
}
.video_card_list li {
margin-bottom: 8px;
}
.video_page_empty {
text-align: center;
padding: 50px 20px;
font-size: 18px;
}
@media (max-width: 1400px) {
.video_grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 991px) {
.video_page_banner_box {
margin-left: 24px;
margin-right: 24px;
max-width: 100%;
}
.video_page_banner_box h1 {
font-size: 40px;
}
.video_page_area {
width: min(100%, calc(100% - 32px));
padding: 40px 0 60px;
}
.video_page_search_form {
flex-direction: column;
max-width: 100%;
}
.video_grid {
grid-template-columns: 1fr;
gap: 32px;
}
.video_card_title {
font-size: 20px;
}
.video_card_code {
font-size: 18px;
}
}
.insize-new-products-page {
width: 100%;
padding: 26px 36px 50px;
background: #f3f3f3;
}
.insize-new-products-grid {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
gap: 24px;
}
.insize-new-product-card {
background: #fafafa;
border-radius: 8px;
overflow: hidden;
transition: transform .2s ease, box-shadow .2s ease;
}
.insize-new-product-card:hover {
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
}
.insize-new-product-card__link {
display: block;
text-decoration: none;
color: inherit;
padding: 14px 12px 12px;
min-height: 100%;
}
.insize-new-product-card__image {
height: 145px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 10px;
}
.insize-new-product-card__image img {
max-width: 100%;
max-height: 130px;
width: auto;
height: auto;
object-fit: contain;
display: block;
}
.insize-new-product-card__line {
width: 58px;
height: 2px;
background: #d0d0d0;
margin: 0 auto 10px;
}
.insize-new-product-card__badge {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 22px;
padding: 0 16px;
border-radius: 40px;
background: #239844;
color: #fff;
font-size: 12px;
font-weight: 700;
line-height: 1;
margin: 0 auto 10px;
position: relative;
left: 50%;
transform: translateX(-50%);
text-align: center;
font-style: normal !important;
}
.insize-new-product-card__title {
margin: 0 0 8px;
text-align: center;
font-size: 13px;
line-height: 1.45;
font-weight: 500;
color: #111;
min-height: 38px;
font-style: normal !important;
text-transform: none !important;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.insize-new-product-card__date {
text-align: center;
font-size: 11px;
color: #8a8a8a;
letter-spacing: .2px;
font-style: normal !important;
}
.insize-new-products-empty {
grid-column: 1 / -1;
text-align: center;
font-size: 15px;
color: #666;
padding: 36px 20px;
background: #fff;
border-radius: 8px;
}
.insize-new-products-pagination {
margin-top: 28px;
display: flex;
justify-content: center;
}
.insize-new-products-pagination ul {
display: flex;
align-items: center;
gap: 8px;
list-style: none;
margin: 0;
padding: 0;
}
.insize-new-products-pagination a,
.insize-new-products-pagination span {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 34px;
height: 34px;
padding: 0 10px;
border-radius: 6px;
background: #fff;
color: #222;
text-decoration: none;
border: 1px solid #ddd;
}
.insize-new-products-pagination .current {
background: #239844;
color: #fff;
border-color: #239844;
}
/* 5 kart masaüstünde kalsın */
@media (max-width: 1500px) {
.insize-new-products-grid {
grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}
}
/* burada 4 kolona ancak daha dar ekranda düş */
@media (max-width: 1280px) {
.insize-new-products-page {
padding: 24px 20px 40px;
}
.insize-new-products-grid {
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 20px;
}
.insize-new-product-card__image {
height: 135px;
}
.insize-new-product-card__image img {
max-height: 120px;
}
}
@media (max-width: 900px) {
.insize-new-products-grid {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
}
@media (max-width: 640px) {
.insize-new-products-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 16px;
}
.insize-new-product-card__title {
font-size: 12px;
min-height: auto;
}
}
@media (max-width: 420px) {
.insize-new-products-page {
padding: 18px 12px 30px;
}
.insize-new-products-grid {
grid-template-columns: 1fr !important;
}
}
.insize-new-products-page {
width: min(1560px, calc(100% - 70px));
margin: 0 auto;
padding: 26px 0 50px;
background: transparent;
}
.insize-new-products-grid {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
gap: 24px;
}
.newslist {
width: calc(100% - 40px) !important;
max-width: none !important;
margin: 36px auto 70px !important;
}
.newslist ul {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
.newslist ul li {
width: 100% !important;
box-sizing: border-box !important;
display: flex !important;
align-items: center !important;
gap: 54px !important;
background: #fafafa !important;
border-radius: 10px !important;
padding: 42px 48px !important;
margin-bottom: 38px !important;
}
.newslist ul li > a:first-child {
display: block !important;
flex: 0 0 430px !important;
width: 430px !important;
}
.newslist ul li > a:first-child img {
display: block !important;
width: 300px !important;
height: 200px !important;
}
.news-content {
flex: 1 1 auto !important;
min-width: 0 !important;
}
.news-content .title {
display: grid !important;
grid-template-columns: minmax(0, 1fr) 170px !important;
gap: 24px !important;
align-items: end !important;
padding-bottom: 18px !important;
margin-bottom: 22px !important;
border-bottom: 1px solid #17875a !important;
position: relative !important;
}
.news-content .title::after {
content: "" !important;
position: absolute !important;
left: 0 !important;
bottom: -1px !important;
width: 76px !important;
height: 4px !important;
background: #17875a !important;
}
.news-content .title span {
text-align: right !important;
white-space: nowrap !important;
font-size: 14px !important;
color: #000 !important;
}
.news-content p {
margin: 0 0 24px !important;
font-size: 16px !important;
line-height: 1.8 !important;
color: #000 !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
.newslist ul li {
display: flex;
align-items: flex-start !important;
gap: 34px !important;
background: #fafafa;
border-radius: 10px;
padding: 42px 46px !important;
margin-bottom: 38px;
}
.newslist ul li > a:first-child {
display: block;
flex: 0 0 370px !important;
width: 370px !important;
align-self: flex-start !important;
}
.newslist ul li > a:first-child img {
display: block;
width: 370px !important;
height: 250px !important;
object-fit: cover;
}
.news-content {
flex: 1 1 auto;
min-width: 0;
align-self: flex-start !important;
padding-top: 0 !important;
margin-top: 0 !important;
}
.news-content .title {
display: grid !important;
grid-template-columns: minmax(0, 1fr) 150px !important;
align-items: start !important;
gap: 20px !important;
padding-bottom: 16px !important;
margin-bottom: 20px !important;
border-bottom: 1px solid #17875a !important;
position: relative;
}
.news-content .title::after {
content: "";
position: absolute;
left: 0;
bottom: -1px;
width: 76px;
height: 4px;
background: #17875a;
}
.news-content .title a {
min-width: 0;
text-decoration: none;
color: inherit;
}
.news-content .title h4 {
margin: 0 !important;
font-size: 19px !important;
line-height: 1.2 !important;
font-weight: 700 !important;
color: #000 !important;
font-style: normal !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
.news-content p {
margin: 0 0 22px !important;
font-size: 18px !important;
line-height: 1.75 !important;
color: #000 !important;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.news-content .more {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 80px;
height: 35px;
padding: 0 22px;
background: #cfcfcf;
color: #000;
text-decoration: none;
font-size: 15px;
font-weight: 500;
text-transform: uppercase;
}
.video_page_area--cards {
padding: 48px 0 72px;
}
.video_page_search_wrap {
margin-bottom: 32px;
}
.video_page_search_form {
display: flex;
align-items: center;
gap: 12px;
max-width: 520px;
}
.video_page_search_form input {
flex: 1;
height: 52px;
padding: 0 18px;
border: 1px solid #d8dee6;
border-radius: 14px;
background: #fff;
font-size: 15px;
color: #1f2937;
outline: none;
transition: .25s ease;
}
.video_page_search_form input:focus {
border-color: #16924b;
box-shadow: 0 0 0 4px rgba(22, 146, 75, 0.10);
}
.video_page_search_form button {
height: 52px;
padding: 0 22px;
border: 0;
border-radius: 14px;
background: #16924b;
color: #fff;
font-size: 14px;
font-weight: 700;
cursor: pointer;
transition: .25s ease;
}
.video_page_search_form button:hover {
background: #0f7c3d;
}
.insize-video-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 28px;
}
.insize-video-card {
display: flex;
flex-direction: column;
height: 100%;
background: #fff;
border: 1px solid #e7ebf0;
border-radius: 22px;
overflow: hidden;
box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06);
transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.insize-video-card:hover {
transform: translateY(-6px);
box-shadow: 0 18px 40px rgba(15, 23, 42, 0.12);
border-color: #d9e2ec;
}
.insize-video-card__thumb {
position: relative;
display: block;
aspect-ratio: 16 / 9;
background: #eef2f6;
overflow: hidden;
}
.insize-video-card__thumb img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform .35s ease;
}
.insize-video-card:hover .insize-video-card__thumb img {
transform: scale(1.04);
}
.insize-video-card__play {
position: absolute;
right: 16px;
bottom: 16px;
width: 56px;
height: 40px;
border-radius: 14px;
background: #ff3b30;
color: #fff;
display: inline-flex;
align-items: center;
justify-content: center;
box-shadow: 0 10px 24px rgba(255, 59, 48, 0.28);
}
.insize-video-card__play svg {
width: 18px;
height: 18px;
}
.insize-video-card__body {
display: flex;
flex-direction: column;
flex: 1;
padding: 20px 20px 22px;
}
.insize-video-card__section {
margin-bottom: 8px;
font-size: 12px;
font-weight: 800;
line-height: 1.2;
letter-spacing: .08em;
text-transform: uppercase;
color: #16924b;
font-style: normal !important;
}
.insize-video-card__title {
margin: 0 0 0px;
color: #20894d;
font-size: 15px;
line-height: 1.4;
font-weight: 800;
font-style: normal !important;
text-transform: none;
letter-spacing: -.01em;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
min-height: 40px;
}
.insize-video-card__code {
align-self: flex-start;
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 30px;
padding: 2px 18px;
border-radius: 999px;
background: #334155;
color: #fff;
font-size: 15px;
font-weight: 800;
line-height: 1;
margin-bottom: 18px;
box-shadow: inset 0 0 0 1px rgba(255,255,255,.04);
}
.insize-video-card__actions {
margin-top: auto;
padding-top: 4px;
}
.insize-video-card__watch {
width: 100%;
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 48px;
padding: 10px 18px;
border-radius: 14px;
background: linear-gradient(135deg, #16a34a 0%, #138a46 100%);
color: #fff;
font-size: 15px;
font-weight: 800;
text-decoration: none;
border: 0;
cursor: pointer;
transition: .25s ease;
box-shadow: 0 10px 22px rgba(19, 138, 70, 0.18);
}
.insize-video-card__watch:hover {
transform: translateY(-1px);
color: #fff;
box-shadow: 0 14px 28px rgba(19, 138, 70, 0.24);
}
.insize-video-card__watch.is-disabled {
background: #9aa3a8;
box-shadow: none;
pointer-events: none;
}
.video_page_empty {
padding: 36px 24px;
border: 1px dashed #d6dde5;
border-radius: 18px;
background: #fff;
text-align: center;
}
.insize-video-modal {
position: fixed;
inset: 0;
z-index: 9999;
display: none;
}
.insize-video-modal.is-active {
display: block;
}
.insize-video-modal__overlay {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, .72);
backdrop-filter: blur(3px);
}
.insize-video-modal__dialog {
position: relative;
width: min(960px, calc(100% - 30px));
margin: 60px auto 0;
z-index: 2;
}
.insize-video-modal__close {
position: absolute;
right: 0;
top: -48px;
width: 40px;
height: 40px;
border: 0;
border-radius: 50%;
background: #fff;
color: #111827;
font-size: 28px;
line-height: 1;
cursor: pointer;
box-shadow: 0 8px 20px rgba(0,0,0,.18);
}
.insize-video-modal__frame {
position: relative;
width: 100%;
padding-top: 56.25%;
background: #000;
border-radius: 20px;
overflow: hidden;
box-shadow: 0 20px 50px rgba(0,0,0,.25);
}
.insize-video-modal__frame iframe {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
}
@media (max-width: 1199px) {
.insize-video-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 991px) {
.insize-video-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.insize-video-card__title {
min-height: 78px;
font-size: 19px;
}
}
@media (max-width: 767px) {
.video_page_search_form {
flex-direction: column;
align-items: stretch;
max-width: 100%;
}
.video_page_search_form button {
width: 100%;
}
}
@media (max-width: 575px) {
.video_page_area--cards {
padding: 32px 0 48px;
}
.insize-video-grid {
grid-template-columns: 1fr;
gap: 22px;
}
.insize-video-card__body {
padding: 15px 23px 18px;
}
.insize-video-card__title {
min-height: auto;
font-size: 18px;
}
.insize-video-modal__dialog {
width: calc(100% - 20px);
margin-top: 80px;
}
}
.video_page_area--cards .container {
width: min(1480px, calc(100% - 80px));
margin: 0 auto;
}
.video_page_search_wrap {
display: flex;
justify-content: center;
margin: 0 auto 28px;
}
.video_page_search_form {
width: 100%;
max-width: 640px;
}
.insize-video-grid {
display: grid;
grid-template-columns: repeat(4, minmax(280px, 340px));
justify-content: center;
gap: 24px;
}
@media (max-width: 1399px) {
.video_page_area--cards .container {
width: min(1280px, calc(100% - 60px));
}
.insize-video-grid {
grid-template-columns: repeat(3, minmax(280px, 340px));
}
}
@media (max-width: 991px) {
.video_page_area--cards .container {
width: calc(100% - 40px);
}
.insize-video-grid {
grid-template-columns: repeat(2, minmax(260px, 1fr));
}
}
@media (max-width: 575px) {
.video_page_area--cards .container {
width: calc(100% - 24px);
}
.insize-video-grid {
grid-template-columns: 1fr;
gap: 18px;
}
}
.insize-video-card__title {
margin: 0;
font-size: 15px;
line-height: 1.45;
font-weight: 800;
color: #20894d;
text-transform: none;
letter-spacing: -.01em;
display: -webkit-box;
-webkit-line-clamp: 2; /* 2 satıra izin ver */
-webkit-box-orient: vertical;
overflow: hidden;
min-height: 44px; /* başlık alanı biraz artsın */
word-break: break-word;
overflow-wrap: anywhere; /* sağdan yarım kesilmeyi engeller */
}
.insize-video-card__watch.is-disabled {
width: auto;
min-width: 140px;
min-height: 38px;
padding: 0 18px;
border-radius: 999px;
background: #cfd6dd;
color: #5f6b76;
box-shadow: none;
pointer-events: none;
cursor: default;
}
.insize-video-card__actions {
margin-top: auto;
padding-top: 4px;
display: flex;
align-items: center;
}
.insize-feature-bar {
display: flex;
flex-wrap: wrap;
gap: 0;
margin: 20px 0 24px;
border-top: 1px solid #aeb5ba;
border-bottom: 1px solid #aeb5ba;
}
.insize-feature-bar__item {
display: inline-flex;
align-items: center;
gap: 12px;
padding: 14px 18px;
color: #2b2f33;
font-weight: 700;
font-size: 16px;
line-height: 1.2;
border-right: 1px solid #d7dde2;
}
.insize-feature-bar__item:last-child {
border-right: 0;
}
.insize-feature-bar__icon {
width: 28px;
height: 28px;
display: inline-flex;
align-items: center;
justify-content: center;
color: #1a73e8;
flex: 0 0 28px;
}
.insize-feature-bar__icon svg {
width: 28px;
height: 28px;
display: block;
}
.insize-feature-bar__text {
display: inline-block;
white-space: nowrap;
}
@media (max-width: 991px) {
.insize-feature-bar {
gap: 0;
}
.insize-feature-bar__item {
width: 100%;
border-right: 0;
border-bottom: 1px solid #d7dde2;
}
.insize-feature-bar__item:last-child {
border-bottom: 0;
}
.insize-feature-bar__text {
white-space: normal;
}
}
.insize-related-products {
margin-top: 56px;
margin-bottom: 90px;
padding-top: 10px;
}
.insize-related-products__title {
margin: 0 0 26px;
font-size: 26px;
font-weight: 700;
font-style: italic;
color: #222;
}
.insize-related-products__grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 22px;
}
.insize-related-card {
background: #fff;
border: 1px solid #e6e6e6;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
transition: .25s ease;
height: 100%;
display: flex;
flex-direction: column;
}
.insize-related-card:hover {
transform: translateY(-4px);
box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08);
}
.insize-related-card__image {
display: block;
padding: 18px 18px 10px;
text-align: center;
background: #fff;
}
.insize-related-card__image img {
width: 100%;
max-width: 180px;
height: 180px;
object-fit: contain;
display: inline-block;
}
.insize-related-card__body {
padding: 0 18px 20px;
text-align: center;
display: flex;
flex-direction: column;
flex: 1;
}
.insize-related-card__cat {
font-size: 11px;
font-weight: 600;
color: #a7a7a7;
letter-spacing: .03em;
text-transform: uppercase;
margin-bottom: 10px;
min-height: 30px;
line-height: 1.25;
}
.insize-related-card__name {
margin: 0 0 14px;
font-size: 18px;
line-height: 1.35;
font-weight: 500;
min-height: 72px;
}
.insize-related-card__name a {
color: #6aa84f;
text-decoration: none;
}
.insize-related-card__name a:hover {
color: #4f8c39;
}
.insize-related-card__rating {
margin-top: auto;
min-height: 24px;
font-size: 22px;
line-height: 1;
color: #d8d8d8;
letter-spacing: 2px;
}
@media (max-width: 1199px) {
.insize-related-products__grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 991px) {
.insize-related-products {
margin-bottom: 70px;
}
.insize-related-products__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 575px) {
.insize-related-products {
margin-bottom: 50px;
}
.insize-related-products__grid {
grid-template-columns: 1fr;
}
.insize-related-products__title {
font-size: 22px;
}
}
.insize-pdf-showcase {
max-width: 1380px;
margin: 34px auto 0;
padding: 24px 28px;
display: grid;
grid-template-columns: minmax(560px, 760px) minmax(320px, 430px);
gap: 20px;
align-items: center;
border-radius: 18px;
background: #f5f6f7;
}
.insize-pdf-showcase__left {
position: relative;
}
.insize-pdf-device {
position: relative;
display: block;
width: 70%;
max-width: 760px;
margin: 0 auto;
aspect-ratio: 900 / 520;
text-decoration: none;
}
.insize-pdf-device__shape {
position: absolute;
left: 4%;
top: 11%;
width: 52%;
height: 80%;
background: #b8eadb;
transform: skewX(-38deg);
border-radius: 10px;
z-index: 1;
}
.insize-pdf-device__screen {
position: absolute;
left: 13.2%;
top: 9.2%;
width: 74.2%;
height: 80.8%;
overflow: hidden;
border-radius: 10px;
background: #fff;
z-index: 2;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}
.insize-pdf-device__screen iframe,
.insize-pdf-device__screen object {
position: absolute;
top: 0;
left: 0;
width: calc(100% + 22px);
height: calc(100% + 220px);
border: 0;
background: #fff;
pointer-events: none;
}
.insize-pdf-device__screen img {
width: 100%;
height: 100%;
object-fit: contain;
display: block;
}
.insize-pdf-device__frame {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: contain;
z-index: 3;
pointer-events: none;
}
.insize-pdf-showcase__right {
max-width: 430px;
}
.insize-pdf-showcase__icon {
margin-bottom: 14px;
}
.insize-pdf-showcase__icon img {
max-width: 88px;
height: auto;
}
.insize-pdf-showcase__right h3 {
margin: 0 0 24px;
font-size: 26px;
line-height: 1.2;
font-weight: 700;
color: #24374f;
font-style: italic;
}
.insize-pdf-showcase__btn {
min-width: 220px;
height: 54px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0 28px;
border-radius: 999px;
background: #1fb14e;
color: #fff;
text-decoration: none;
font-size: 18px;
font-weight: 700;
font-style: italic;
transition: .25s ease;
}
.insize-pdf-showcase__btn:hover {
background: #189342;
color: #fff;
}
@media (max-width: 1199px) {
.insize-pdf-showcase {
grid-template-columns: 1fr;
gap: 24px;
}
.insize-pdf-showcase__right {
max-width: 100%;
text-align: center;
}
}
@media (max-width: 767px) {
.insize-pdf-showcase {
padding: 18px;
border-radius: 14px;
}
.insize-pdf-showcase__right h3 {
font-size: 22px;
}
.insize-pdf-showcase__btn {
min-width: 200px;
height: 48px;
font-size: 17px;
}
}
/* =========================================================
* Tüm Kataloglar Sayfası
* ========================================================= */
.insize-catalog-page {
width: min(1400px, calc(100% - 50px));
margin: 0 auto;
padding: 40px 0 70px;
}
.insize-catalog-page__top {
display: flex;
justify-content: center;
margin-bottom: 30px;
}
.insize-catalog-search {
width: min(460px, 100%);
height: 46px;
border: 1px solid #cfd6d4;
border-radius: 8px;
background: #fff;
padding: 0 16px;
font-size: 15px;
color: #222;
}
.insize-catalog-search:focus {
outline: none;
border-color: #148447;
}
.insize-catalog-groups {
display: flex;
flex-direction: column;
gap: 18px;
}
.insize-catalog-group {
background: transparent;
}
.insize-catalog-group__label {
width: max-content;
min-width: 70px;
padding: 8px 18px;
background: #0f7d4a;
color: #fff;
font-size: 22px;
font-weight: 700;
line-height: 1;
border-radius: 0 14px 0 0;
margin-bottom: 0;
}
.insize-catalog-table-wrap {
overflow-x: auto;
background: #fff;
}
.insize-catalog-table {
width: 100%;
border-collapse: collapse;
min-width: 760px;
}
.insize-catalog-table thead th {
background: #0f7d4a;
color: #fff;
font-size: 18px;
font-weight: 700;
padding: 14px 16px;
border: 1px solid #d8dfdc;
text-align: center;
}
.insize-catalog-table tbody td {
border: 1px solid #d8dfdc;
padding: 14px 16px;
text-align: center;
font-size: 16px;
color: #333;
background: #fff;
}
.insize-catalog-code {
font-weight: 700;
white-space: nowrap;
}
.insize-catalog-product {
color: #4b4b4b;
}
.insize-catalog-manual a {
display: inline-flex;
align-items: center;
gap: 8px;
color: #158447 !important;
text-decoration: none !important;
font-weight: 500;
}
.insize-catalog-manual a img {
width: 18px;
height: auto;
display: block;
}
.insize-catalog-manual a:hover {
opacity: 0.85;
}
.insize-catalog-no-file {
color: #999;
}
.insize-catalog-empty {
width: min(1000px, calc(100% - 40px));
margin: 40px auto;
padding: 20px;
background: #fff;
border: 1px solid #e1e1e1;
text-align: center;
color: #555;
font-size: 16px;
}
@media (max-width: 768px) {
.insize-catalog-page {
width: calc(100% - 24px);
padding: 24px 0 40px;
}
.insize-catalog-group__label {
font-size: 18px;
padding: 8px 14px;
}
.insize-catalog-table thead th,
.insize-catalog-table tbody td {
font-size: 14px;
padding: 12px 10px;
}
}
.insize-new-product-card {
display: flex;
flex-direction: column;
}
.insize-new-product-card__link {
display: flex;
flex-direction: column;
height: 100%;
}
.insize-new-product-card__title {
min-height: 58px;
font-size: 15px;
line-height: 1.35;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.insize-new-product-card__date {
margin-top: auto;
}
@media (max-width: 767px) {
.insize-new-product-card__title {
min-height: 48px;
font-size: 12px;
line-height: 1.3;
-webkit-line-clamp: 3;
}
}
/* =========================
MOBILE DRAWER MENU RESONSİVEE
========================= */
.mobile-menu-toggle,
.mobile-menu-drawer {
display: none;
}
@media (max-width: 991px) {
header .top {
display: none;
}
header .head-logo {
height: auto !important;
min-height: 64px;
padding: 0 16px !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
}
header .head-logo .logo {
width: auto !important;
}
.site-branding {
display: flex !important;
align-items: center !important;
gap: 10px !important;
}
.site-branding img {
width: auto !important;
max-height: 40px !important;
}
.site-tagline {
display: none !important;
}
.desktop-nav {
display: none !important;
}
.mobile-menu-toggle {
display: inline-flex !important;
width: 42px;
height: 42px;
border: 0;
background: transparent;
align-items: center;
justify-content: center;
flex-direction: column;
gap: 5px;
padding: 0;
}
.mobile-menu-toggle span {
width: 22px;
height: 2px;
background: #111;
display: block;
border-radius: 2px;
}
.head-pro {
display: grid !important;
grid-template-columns: 1fr;
gap: 12px;
height: auto !important;
padding: 12px 16px 16px !important;
}
header .head-pro .nav-bc {
width: 100%;
margin: 0 !important;
justify-content: center;
padding: 12px 16px !important;
}
header .head-pro .news-nav {
position: static !important;
transform: none !important;
left: auto !important;
top: auto !important;
margin: 0 !important;
padding: 0 !important;
display: block !important;
text-align: center;
}
header .head-pro form,
.header-search-form {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
}
header .head-pro input[type="text"] {
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
}
.mobile-menu-drawer {
display: block !important;
}
.mobile-menu-overlay {
position: fixed;
inset: 0;
background: rgba(0,0,0,.35);
opacity: 0;
visibility: hidden;
transition: .25s ease;
z-index: 9997;
}
.mobile-menu-panel {
position: fixed;
top: 0;
left: -320px;
max-width: 86vw;
height: 100vh;
background: #fff;
z-index: 9998;
transition: left .28s ease;
box-shadow: 6px 0 24px rgba(0,0,0,.12);
padding: 16px;
overflow-y: auto;
}
body.mobile-menu-open .mobile-menu-overlay {
opacity: 1;
visibility: visible;
}
body.mobile-menu-open .mobile-menu-panel {
left: 0;
}
.mobile-menu-top {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 18px;
}
.mobile-menu-logo img {
max-height: 36px;
width: auto;
display: block;
}
.mobile-menu-close {
width: 36px;
height: 36px;
border: 0;
background: #f3f3f3;
border-radius: 8px;
font-size: 24px;
line-height: 1;
}
.mobile-search-form {
position: relative;
margin-bottom: 16px;
}
.mobile-search-form input {
height: 42px;
border: 1px solid #222;
border-radius: 24px;
padding: 0 44px 0 16px;
}
.mobile-search-form button {
position: absolute;
right: 14px;
top: 50%;
transform: translateY(-50%);
background: none;
border: 0;
padding: 0;
}
.mobile-quick-links {
display: grid;
gap: 10px;
margin-bottom: 18px;
}
.mobile-quick-links a {
background: #159447;
color: #fff !important;
text-decoration: none;
min-height: 42px;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
}
.mobile-menu-list {
list-style: none;
margin: 0;
padding: 0;
display: grid;
gap: 8px;
}
.mobile-menu-list li a {
display: block;
padding: 5px 14px;
border: 1px solid #e7e7e7;
border-radius: 10px;
color: #111 !important;
text-decoration: none;
font-weight: 600;
background: #fff;
}
.mobile-lang-row {
margin-top: 18px;
display: flex;
align-items: center;
gap: 8px;
font-weight: 700;
}
body.mobile-menu-open {
overflow: hidden;
}
#map {
display: none !important;
}
}
/* =========================
MOBILE HEAD-PRO FIX
========================= */
@media (max-width: 767px) {
header .head-pro {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 8px 10px !important;
align-items: stretch !important;
padding: 8px 12px 12px !important;
width: 100% !important;
box-sizing: border-box !important;
}
header .head-pro .nav-bc {
width: 100% !important;
min-height: 42px !important;
margin: 0 !important;
padding: 0 12px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
border-radius: 0 !important;
box-sizing: border-box !important;
}
header .head-pro .nav-bc p {
margin: 0 !important;
font-size: 14px !important;
line-height: 1 !important;
white-space: nowrap !important;
}
header .head-pro .news-nav {
width: 100% !important;
min-height: 42px !important;
margin: 0 !important;
padding: 0 12px !important;
position: static !important;
left: auto !important;
top: auto !important;
transform: none !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
box-sizing: border-box !important;
}
header .head-pro .news-nav a {
font-size: 14px !important;
line-height: 1 !important;
white-space: nowrap !important;
}
header .head-pro form {
grid-column: 1 / -1 !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
position: relative !important;
}
header .head-pro input[type="text"] {
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
height: 42px !important;
line-height: 42px !important;
font-size: 14px !important;
padding: 0 42px 0 16px !important;
box-sizing: border-box !important;
}
header .head-pro form button {
right: 14px !important;
top: 50% !important;
transform: translateY(-50%) !important;
}
}
/* =========================
HOME MOBILE FULL WIDTH FIX
========================= */
@media (max-width: 767px) {
body.home .banner,
body.home .banner > section,
body.home .home-products-section,
body.home .news-pro,
body.home .news-pro > section,
body.home .data-download,
body.home .data-download1,
body.home .data-download2,
body.home .news-center,
body.home .news-center > section,
body.home .about-us,
body.home .about-us > section {
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
box-sizing: border-box !important;
border-left: 0 !important;
border-right: 0 !important;
}
body.home .banner > section,
body.home .home-products-section,
body.home .news-pro > section,
body.home .news-center > section,
body.home .about-us > section {
padding-left: 16px !important;
padding-right: 16px !important;
}
body.home .banner {
overflow: hidden !important;
}
body.home .banner > section {
padding-left: 0 !important;
padding-right: 0 !important;
}
/* soldaki çizgi/boşluk görünümünü sıfırla */
body.home .banner::before,
body.home .banner::after,
body.home .home-products-section::before,
body.home .home-products-section::after,
body.home .news-pro::before,
body.home .news-pro::after,
body.home .news-center::before,
body.home .news-center::after,
body.home .about-us::before,
body.home .about-us::after {
display: none !important;
}
/* kategori kutuları */
body.home .list-nav {
width: 100% !important;
margin: 0 0 12px !important;
}
body.home .list-top {
width: 100% !important;
border-radius: 24px !important;
min-height: 48px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
body.home .list-pro1,
body.home .list-pro-out {
width: 100% !important;
margin: 0 0 18px !important;
}
body.home .list-pro-img {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 10px !important;
margin: 0 !important;
padding: 0 !important;
}
body.home section .list-pro-img li {
width: 100% !important;
margin: 0 !important;
height: auto !important;
min-height: 0 !important;
}
body.home section .list-pro-img li .list-img {
width: 100% !important;
height: 92px !important;
border-radius: 8px !important;
overflow: hidden !important;
}
body.home section .list-pro-img li img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
body.home section .list-pro-img li p {
position: static !important;
width: 100% !important;
height: auto !important;
min-height: 44px !important;
margin: 6px 0 0 !important;
padding: 6px 4px !important;
border-radius: 8px !important;
font-size: 12px !important;
line-height: 1.2 !important;
text-align: center !important;
background: rgba(0, 0, 0, 0.78) !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
body.home section .list-pro-img li p::after {
display: none !important;
}
/* ana slider */
body.home .banner .swiper-slide img {
width: 100% !important;
height: auto !important;
display: block !important;
}
body.home .swiper-pagination {
left: 0 !important;
width: 100% !important;
bottom: 8px !important;
}
/* yeni ürünler */
body.home .news-pro .news-pro-list,
body.home .news-pro .news-pro-list-1 {
width: 100% !important;
margin: 18px 0 0 !important;
}
body.home .news-pro .news-pro-list .swiper-button-prev,
body.home .news-pro .news-pro-list .swiper-button-next,
body.home .news-pro .news-pro-list-1 .swiper-button-prev,
body.home .news-pro .news-pro-list-1 .swiper-button-next {
display: none !important;
}
body.home .news-pro .news-pro-list .swiper-slide,
body.home .news-pro .news-pro-list-1 .swiper-slide {
padding: 8px !important;
}
body.home .news-pro .news-pro-list .swiper-slide .news-pro-info,
body.home .news-pro .news-pro-list-1 .swiper-slide .news-pro-info {
height: auto !important;
min-height: 230px !important;
}
body.home .news-pro h2,
body.home .news-pro h3,
body.home .news-center h2,
body.home .news-center h3,
body.home .about-us h2,
body.home .about-us h3 {
text-align: center !important;
}
/* haberler */
body.home .news-center .news-center-list {
padding: 0 !important;
margin-bottom: 20px !important;
}
body.home .news-center li,
body.home .news-center .news-r li {
width: 100% !important;
display: block !important;
margin-bottom: 18px !important;
}
body.home .news-center .news-r {
width: 100% !important;
display: block !important;
}
body.home .news-center .news-center-list button {
position: static !important;
margin: 16px auto 0 !important;
display: block !important;
}
/* şirket */
body.home .about-us ul {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 16px !important;
}
body.home .about-us ul li {
width: 100% !important;
margin: 0 !important;
}
}
/* =========================
HOME / YENI URUNLER SLIDER MOBILE FIX
========================= */
@media (max-width: 767px) {
body.home .news-pro {
padding: 24px 0 28px !important;
overflow: hidden !important;
}
body.home .news-pro > section {
width: 100% !important;
max-width: 100% !important;
padding: 0 16px !important;
box-sizing: border-box !important;
}
body.home .news-pro h2 {
display: none !important;
}
body.home .news-pro h3 {
width: 100% !important;
margin: 0 0 18px !important;
font-size: 26px !important;
line-height: 1.05 !important;
text-align: center !important;
color: #fff !important;
}
body.home .news-pro .news-pro-list {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
body.home .news-pro .news-pro-list .mySwiper1 {
padding: 10px 0 18px !important;
overflow: visible !important;
}
body.home .news-pro .news-pro-list .swiper-wrapper {
align-items: stretch !important;
}
body.home .news-pro .news-pro-list .swiper-slide {
width: 142px !important;
padding: 0 8px 0 0 !important;
margin: 0 !important;
background: transparent !important;
border-radius: 0 !important;
transform: none !important;
box-shadow: none !important;
}
body.home .news-pro .news-pro-list .swiper-slide:hover,
body.home .news-pro .news-pro-list .swiper-slide-active {
background: transparent !important;
transform: none !important;
}
body.home .news-pro .news-pro-list .swiper-slide .news-pro-info,
body.home .news-pro .news-pro-list .swiper-slide-active .news-pro-info,
body.home .news-pro .news-pro-list .swiper-slide:hover .news-pro-info {
width: 100% !important;
min-height: 228px !important;
height: 228px !important;
padding: 14px 10px 12px !important;
border-radius: 12px !important;
background: #fff !important;
box-shadow: 0 3px 14px rgba(0,0,0,.08) !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: flex-start !important;
box-sizing: border-box !important;
}
body.home .news-pro .news-pro-list img,
body.home .news-pro .news-pro-list .swiper-slide-active img,
body.home .news-pro .news-pro-list .swiper-slide:hover img {
width: auto !important;
max-width: 100% !important;
height: 82px !important;
max-height: 82px !important;
margin: 8px auto 12px !important;
transform: none !important;
object-fit: contain !important;
}
body.home .news-pro .news-pro-list h5,
body.home .news-pro .news-pro-list .swiper-slide-active h5,
body.home .news-pro .news-pro-list .swiper-slide:hover h5 {
width: 100% !important;
min-height: 54px !important;
height: auto !important;
margin: 0 0 8px !important;
font-size: 13px !important;
line-height: 1.25 !important;
text-align: center !important;
color: #222 !important;
transform: none !important;
font-weight: 700 !important;
overflow: hidden !important;
}
body.home .news-pro .news-pro-list .swiper-slide button,
body.home .news-pro .news-pro-list .swiper-slide-active button,
body.home .news-pro .news-pro-list .swiper-slide:hover button {
display: none !important;
}
body.home .news-pro .news-pro-list .swiper-button-prev,
body.home .news-pro .news-pro-list .swiper-button-next {
display: none !important;
}
body.home .news-pro .hover {
margin: 6px auto 0 !important;
padding: 9px 24px !important;
font-size: 13px !important;
line-height: 1 !important;
border-radius: 24px !important;
}
}
/* =========================
HOME CATALOG / VIDEO / 3D MOBILE FIX
========================= */
@media (max-width: 767px) {
body.home .data-download,
body.home .data-download1,
body.home .data-download2 {
position: relative !important;
display: flex !important;
flex-direction: column !important;
width: 100% !important;
margin: 0 !important;
padding: 0 16px 22px !important;
box-sizing: border-box !important;
background: #fff !important;
line-height: normal !important;
overflow: hidden !important;
}
body.home .data-download video,
body.home .data-download1 img,
body.home .data-download2 video {
width: 100% !important;
height: 180px !important;
object-fit: cover !important;
display: block !important;
border-radius: 14px !important;
}
body.home .data-download .line {
display: none !important;
}
body.home .data-download .data-download-info,
body.home .data-download1 .data-download-info,
body.home .data-download2 .data-download-info {
position: static !important;
top: auto !important;
right: auto !important;
left: auto !important;
transform: none !important;
width: 100% !important;
max-width: 100% !important;
margin: 14px 0 0 !important;
padding: 0 !important;
text-align: left !important;
z-index: 3 !important;
}
body.home .data-download .data-download-info h2,
body.home .data-download1 .data-download-info h2,
body.home .data-download2 .data-download-info h2 {
margin: 0 0 10px !important;
font-size: 24px !important;
line-height: 1.1 !important;
color: #20894d !important;
font-style: italic !important;
font-weight: 900 !important;
text-align: left !important;
}
body.home .data-download .data-download-info p,
body.home .data-download1 .data-download-info p,
body.home .data-download2 .data-download-info p {
margin: 0 !important;
font-size: 14px !important;
line-height: 1.7 !important;
color: #464646 !important;
text-align: left !important;
}
body.home .data-download .data-download-btn,
body.home .data-download1 .data-download-btn,
body.home .data-download2 .data-download-btn {
margin-top: 14px !important;
min-height: 42px !important;
padding: 0 16px !important;
border-radius: 999px !important;
font-size: 14px !important;
line-height: 1 !important;
justify-content: center !important;
}
body.home .data-download .data-download-btn span,
body.home .data-download1 .data-download-btn span,
body.home .data-download2 .data-download-btn span {
font-size: 18px !important;
margin-right: 8px !important;
}
/* 3D alanı mobilde iframe'i metnin altına al */
body.home .data-download2 {
padding-bottom: 28px !important;
}
body.home .data-download2 .img {
display: none !important;
}
body.home .data-download2 .data-download-iframe {
position: static !important;
width: 100% !important;
height: 220px !important;
margin: 14px 0 0 !important;
transform: none !important;
border: 6px solid #ececec !important;
box-sizing: border-box !important;
}
body.home .data-download2 .data-download-iframe iframe {
width: 100% !important;
height: 100% !important;
display: block !important;
}
}
/* =========================
HOME / HABERLER VE DUYURULAR MOBILE FIX
========================= */
@media (max-width: 767px) {
body.home .news-center {
width: 100% !important;
margin: 0 !important;
padding: 28px 0 26px !important;
background-size: cover !important;
overflow: hidden !important;
}
body.home .news-center > section {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 16px !important;
box-sizing: border-box !important;
}
body.home .news-center h2 {
display: none !important;
}
body.home .news-center h3 {
width: 100% !important;
margin: 0 0 18px !important;
font-size: 24px !important;
line-height: 1.08 !important;
text-align: left !important;
color: #0e2c47 !important;
word-break: break-word !important;
}
body.home .news-center .news-center-list {
display: block !important;
width: 100% !important;
padding: 0 !important;
margin: 0 !important;
position: static !important;
}
/* ilk büyük haber */
body.home .news-center .news-center-list > li:first-child {
width: 100% !important;
display: block !important;
margin: 0 0 20px !important;
}
body.home .news-center .news-center-list > li:first-child > div:first-child {
width: 100% !important;
margin: 0 0 12px !important;
}
body.home .news-center .news-center-list > li:first-child > div:first-child a,
body.home .news-center .news-center-list > li:first-child > div:first-child img {
display: block !important;
width: 100% !important;
height: 190px !important;
object-fit: cover !important;
border-radius: 12px !important;
}
body.home .news-center .news-center-list > li:first-child .news-info {
width: 100% !important;
border-bottom: 1px solid #d3d7db !important;
padding: 0 0 14px !important;
}
body.home .news-center .news-center-list > li:first-child .news-info h5 {
width: 100% !important;
margin: 0 0 8px !important;
font-size: 17px !important;
line-height: 1.4 !important;
font-weight: 700 !important;
}
body.home .news-center .news-center-list > li:first-child .news-info h5 a {
color: #000 !important;
text-decoration: none !important;
}
body.home .news-center .news-center-list > li:first-child .news-info p {
width: 100% !important;
margin: 0 0 8px !important;
font-size: 14px !important;
line-height: 1.6 !important;
color: #555 !important;
display: -webkit-box !important;
-webkit-line-clamp: 3 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
body.home .news-center .news-center-list > li:first-child .news-info span {
display: block !important;
font-size: 12px !important;
color: #7d7d7d !important;
}
/* sağdaki küçük haberler */
body.home .news-center .news-center-list .news-r {
width: 100% !important;
display: grid !important;
gap: 16px !important;
margin: 0 !important;
}
body.home .news-center .news-center-list .news-r li {
width: 100% !important;
margin: 0 !important;
display: grid !important;
grid-template-columns: 108px minmax(0, 1fr) !important;
gap: 12px !important;
align-items: start !important;
}
body.home .news-center .news-center-list .news-r .news-r-img {
width: 100% !important;
}
body.home .news-center .news-center-list .news-r .news-r-img a,
body.home .news-center .news-center-list .news-r .news-r-img img {
display: block !important;
width: 100% !important;
height: 88px !important;
object-fit: cover !important;
border-radius: 10px !important;
}
body.home .news-center .news-center-list .news-r .news-info {
width: 100% !important;
border-bottom: 1px solid #d3d7db !important;
padding: 0 0 10px !important;
}
body.home .news-center .news-center-list .news-r .news-info h5 {
width: 100% !important;
margin: 0 0 6px !important;
font-size: 16px !important;
line-height: 1.35 !important;
font-weight: 700 !important;
}
body.home .news-center .news-center-list .news-r .news-info h5 a {
color: #000 !important;
text-decoration: none !important;
}
body.home .news-center .news-center-list .news-r .news-info p {
width: 100% !important;
margin: 0 0 6px !important;
font-size: 13px !important;
line-height: 1.55 !important;
color: #555 !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
body.home .news-center .news-center-list .news-r .news-info span {
display: block !important;
font-size: 12px !important;
color: #7d7d7d !important;
}
/* daha fazla butonu */
body.home .news-center .news-center-list > a {
display: block !important;
width: 100% !important;
margin-top: 18px !important;
text-decoration: none !important;
}
body.home .news-center .news-center-list > a button {
position: static !important;
right: auto !important;
bottom: auto !important;
display: block !important;
margin: 0 auto !important;
min-height: 42px !important;
padding: 0 20px !important;
border-radius: 999px !important;
background: rgba(255,255,255,.92) !important;
border: 1px solid #d9d9d9 !important;
font-size: 13px !important;
font-weight: 700 !important;
color: #111 !important;
}
}
/* =========================
HOME / SIRKET MOBILE FIX
========================= */
@media (max-width: 767px) {
body.home .about-us {
background-position: center top !important;
background-size: cover !important;
padding: 28px 0 36px !important;
overflow: hidden !important;
}
body.home .about-us > section {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 16px !important;
box-sizing: border-box !important;
}
body.home .about-us h2 {
display: none !important;
}
body.home .about-us h3 {
width: 100% !important;
margin: 0 0 18px !important;
font-size: 26px !important;
line-height: 1.08 !important;
text-align: center !important;
color: #0e2c47 !important;
}
body.home .about-us ul {
width: 100% !important;
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 14px !important;
margin: 0 !important;
padding: 0 !important;
align-items: stretch !important;
}
body.home .about-us ul li {
width: 100% !important;
margin: 0 !important;
padding: 14px 12px !important;
background: rgba(255,255,255,0.82) !important;
border-radius: 14px !important;
backdrop-filter: blur(2px);
box-sizing: border-box !important;
min-height: 170px !important;
}
body.home .about-us h4 {
margin: 0 0 6px !important;
font-size: 36px !important;
line-height: 1 !important;
letter-spacing: 1px !important;
-webkit-text-stroke: 1px #1b8247 !important;
word-break: break-word !important;
}
body.home .about-us h4 span {
font-size: 22px !important;
}
body.home .about-us .title {
margin: 0 0 8px !important;
font-size: 20px !important;
line-height: 1.2 !important;
font-weight: 700 !important;
color: #111 !important;
}
body.home .about-us li p:last-child {
margin: 0 !important;
font-size: 13px !important;
line-height: 1.55 !important;
color: #333 !important;
}
}
@media (max-width: 480px) {
body.home .about-us ul {
grid-template-columns: 1fr !important;
}
body.home .about-us ul li {
min-height: auto !important;
}
body.home .about-us h4 {
font-size: 34px !important;
}
}
/* PAGE URUNLER - YENI OZEL GRID */
.insize-manual-products-page {
width: min(1400px, calc(100% - 40px));
margin: 26px auto 50px;
}
.insize-manual-products-section + .insize-manual-products-section {
margin-top: 36px;
}
.insize-manual-products-heading {
margin-bottom: 18px;
}
.insize-manual-products-heading h3 {
margin: 0;
text-align: center;
font-size: 44px;
line-height: 1.05;
font-weight: 800;
font-style: italic;
text-transform: uppercase;
color: #1f9147;
position: relative;
}
.insize-manual-products-grid {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 18px;
list-style: none;
margin: 0;
padding: 0;
}
.insize-manual-product-card {
background: #fff;
border-radius: 14px;
padding: 12px;
box-shadow: 0 4px 14px rgba(0,0,0,.06);
transition: transform .2s ease, box-shadow .2s ease;
}
.insize-manual-product-card:hover {
transform: translateY(-3px);
box-shadow: 0 10px 24px rgba(0,0,0,.10);
}
.insize-manual-product-card__image {
display: block;
text-decoration: none;
}
.insize-manual-product-card__imgwrap {
height: 160px;
border-radius: 10px;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.insize-manual-product-card__imgwrap img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
display: block;
}
.insize-manual-product-card__imgwrap img.hover {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: opacity .25s ease;
}
.insize-manual-product-card:hover .insize-manual-product-card__imgwrap img.hover {
opacity: 1;
}
.insize-manual-product-card__title {
display: flex;
align-items: center;
justify-content: center;
min-height: 40px;
margin-top: 12px;
padding: 8px 10px;
background: linear-gradient(310deg, #187540 30%, #32c672 100%);
color: #fff !important;
text-align: center;
text-decoration: none !important;
font-size: 14px;
line-height: 1.3;
font-weight: 700;
}
@media (max-width: 1199px) {
.insize-manual-products-grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.insize-manual-products-heading h3 {
font-size: 36px;
}
}
@media (max-width: 767px) {
.insize-manual-products-page {
width: calc(100% - 24px);
margin: 18px auto 36px;
}
.insize-manual-products-heading h3 {
font-size: 26px;
text-align: left;
}
.insize-manual-products-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
.insize-manual-product-card {
padding: 10px;
border-radius: 12px;
}
.insize-manual-product-card__imgwrap {
height: 96px;
}
.insize-manual-product-card__title {
min-height: 44px;
margin-top: 10px;
padding: 7px 8px;
font-size: 12px;
line-height: 1.25;
}
}
@media (max-width: 420px) {
.insize-manual-products-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
}
.insize-manual-product-card__imgwrap {
height: 84px;
}
.insize-manual-products-heading h3 {
font-size: 22px;
}
}
/* ========================================
INSIZE YENI URUNLER SAYFASI
======================================== */
/* Desktop / genel düzen */
.insize-new-products-page {
width: min(1400px, calc(100% - 40px));
margin: 28px auto 60px;
}
.insize-new-products-grid {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 18px;
}
.insize-new-product-card {
background: #fff;
border-radius: 14px;
padding: 12px;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
transition: transform .2s ease, box-shadow .2s ease;
}
.insize-new-product-card:hover {
transform: translateY(-4px);
box-shadow: 0 10px 24px rgba(0, 0, 0, 0.10);
}
.insize-new-product-card__link {
display: block;
text-decoration: none;
}
.insize-new-product-card__image {
height: 150px;
border-radius: 10px;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.insize-new-product-card__image img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
display: block;
}
.insize-new-product-card__line {
width: 44px;
height: 2px;
background: #d7d7d7;
margin: 12px auto 10px;
}
.insize-new-product-card__badge {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 22px;
padding: 6px 14px;
border-radius: 40px;
background: #228a4e;
color: #fff;
font-size: 13px;
line-height: 1.1;
font-weight: 700;
text-align: center;
margin: 0 auto 10px;
max-width: 100%;
}
.insize-new-product-card__title {
margin: 0 0 8px;
min-height: 80px;
font-size: 12px;
line-height: 1.3;
font-weight: 600;
text-align: center;
color: #1b2f44;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.insize-new-product-card__date {
font-size: 13px;
line-height: 1.2;
color: #7b7b7b;
text-align: center;
}
.insize-new-products-empty {
grid-column: 1 / -1;
padding: 30px 20px;
text-align: center;
background: #fff;
border-radius: 14px;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
}
.insize-new-products-pagination {
margin-top: 26px;
display: flex;
justify-content: center;
}
.insize-new-products-pagination ul {
display: flex;
align-items: center;
gap: 8px;
margin: 0;
padding: 0;
list-style: none;
}
.insize-new-products-pagination li {
margin: 0;
}
.insize-new-products-pagination a,
.insize-new-products-pagination span {
min-width: 38px;
height: 38px;
padding: 0 12px;
border-radius: 10px;
border: 1px solid #d8d8d8;
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
color: #1b2f44;
background: #fff;
font-weight: 600;
}
.insize-new-products-pagination .current {
background: #1f9b53;
color: #fff;
border-color: #1f9b53;
}
/* Tablet */
@media (max-width: 1199px) {
.insize-new-products-grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
/* Mobil */
@media (max-width: 767px) {
.insize-new-products-page {
width: calc(100% - 24px) !important;
margin: 18px auto 34px !important;
}
.insize-new-products-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 12px !important;
}
.insize-new-product-card {
padding: 10px !important;
border-radius: 12px !important;
}
.insize-new-product-card__image {
height: 98px !important;
border-radius: 10px !important;
}
.insize-new-product-card__line {
width: 34px !important;
margin: 10px auto 8px !important;
}
.insize-new-product-card__badge {
min-height: 30px !important;
padding: 5px 10px !important;
font-size: 11px !important;
border-radius: 9px !important;
margin-bottom: 8px !important;
}
.insize-new-product-card__title {
min-height: 38px !important;
font-size: 12px !important;
line-height: 1.25 !important;
margin-bottom: 6px !important;
}
.insize-new-product-card__date {
font-size: 11px !important;
}
.insize-new-products-pagination {
margin-top: 18px !important;
}
.insize-new-products-pagination ul {
gap: 6px !important;
flex-wrap: wrap !important;
justify-content: center !important;
}
.insize-new-products-pagination a,
.insize-new-products-pagination span {
min-width: 34px !important;
height: 34px !important;
font-size: 12px !important;
padding: 0 10px !important;
}
}
/* Çok dar ekran */
@media (max-width: 420px) {
.insize-new-products-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 10px !important;
}
.insize-new-product-card__image {
height: 88px !important;
}
.insize-new-product-card__title {
font-size: 11px !important;
}
}
.news-center .news-main-img,
.news-center .news-r-img {
overflow: hidden;
line-height: 0;
}
.news-center .news-main-thumb {
width: 100%;
height: 420px;
object-fit: cover;
object-position: center;
display: block;
}
.news-center .news-side-thumb {
width: 100%;
height: 184px;
object-fit: cover;
object-position: center;
display: block;
}
@media (max-width: 991px) {
.news-center .news-main-thumb {
height: 300px;
}
.news-center .news-side-thumb {
height: 220px;
}
}
.insize-blog-single {
padding: 50px 0 70px;
background: #fff;
}
.insize-blog-single .container {
width: min(1320px, calc(100% - 40px));
margin: 0 auto;
}
.insize-blog-single__grid {
display: grid;
grid-template-columns: minmax(0, 1fr) 320px;
gap: 42px;
align-items: start;
}
.insize-blog-single__main {
min-width: 0;
}
.insize-blog-single__cat {
font-size: 14px;
font-weight: 700;
letter-spacing: .08em;
text-transform: uppercase;
color: #5f9e55;
margin-bottom: 14px;
}
.insize-blog-single__title {
margin: 0 0 14px;
font-size: 25px;
line-height: 1.08;
font-weight: 800;
color: #444;
}
.insize-blog-single__meta {
display: flex;
gap: 10px;
flex-wrap: wrap;
align-items: center;
font-size: 14px;
color: #7b7b7b;
margin-bottom: 30px;
}
.insize-blog-single__image {
margin-bottom: 26px;
border-radius: 0;
overflow: hidden;
background: #f4f4f4;
}
.insize-blog-single__image img {
width: 100%;
height: auto;
max-height: 680px;
object-fit: cover;
display: block;
}
.insize-blog-single__toc {
margin: 0 0 34px;
padding: 22px 28px;
border: 1px solid #d9e0e4;
border-radius: 14px;
background: #fafcfd;
}
.insize-blog-single__toc ul {
margin: 0;
padding-left: 20px;
}
.insize-blog-single__toc li {
margin: 0 0 12px;
}
.insize-blog-single__toc li:last-child {
margin-bottom: 0;
}
.insize-blog-single__toc a {
color: #4f9652;
font-size: 14px;
line-height: 1.5;
text-decoration: none;
}
.insize-blog-single__toc a:hover {
color: #2f7b38;
}
.insize-blog-single__content {
color: #555;
font-size: 14px;
line-height: 1.8;
}
.insize-blog-single__content p {
margin: 0 0 26px;
}
.insize-blog-single__content h2,
.insize-blog-single__content h3,
.insize-blog-single__content h4 {
color: #444;
line-height: 1.25;
margin: 40px 0 18px;
font-weight: 800;
}
.insize-blog-single__content h2 {
font-size: 14px;
}
.insize-blog-single__content h3 {
font-size: 14px;
}
.insize-blog-single__content h4 {
font-size: 14px;
}
.insize-blog-single__content img {
max-width: 100%;
height: auto;
display: block;
margin: 24px 0;
}
.insize-blog-single__content table {
width: 100%;
border-collapse: collapse;
margin: 28px 0;
font-size: 14px;
}
.insize-blog-single__content table th,
.insize-blog-single__content table td {
border-bottom: 1px solid #e6e6e6;
padding: 14px 12px;
text-align: left;
}
.insize-blog-single__content ul,
.insize-blog-single__content ol {
margin: 0 0 24px 22px;
}
.insize-blog-single__tags {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin: 38px 0 28px;
}
.insize-blog-single__tags a {
display: inline-flex;
align-items: center;
padding: 9px 14px;
border-radius: 999px;
background: #f2f5f6;
color: #4a4a4a;
text-decoration: none;
font-size: 14px;
font-weight: 600;
}
.insize-blog-single__nav {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 22px;
margin: 30px 0 40px;
padding-top: 26px;
border-top: 1px solid #ebebeb;
}
.insize-blog-single__nav-item a {
color: #4f9652;
text-decoration: none;
font-size: 14px;
line-height: 1.6;
font-weight: 600;
}
.insize-blog-single__nav-item--next {
text-align: right;
}
.insize-blog-single__sidebar {
min-width: 0;
border-left: 1px solid #ececec;
padding-left: 32px;
}
.insize-sidebar-box {
margin-bottom: 34px;
}
.insize-sidebar-box h3 {
margin: 0 0 16px;
font-size: 14px;
line-height: 1.2;
color: #444;
font-weight: 800;
}
.insize-sidebar-search {
display: flex;
gap: 12px;
}
.insize-sidebar-search input {
width: 100%;
height: 50px;
border: 1px solid #d9d9d9;
padding: 0 14px;
font-size: 14px;
outline: none;
}
.insize-sidebar-search button {
height: 50px;
min-width: 92px;
border: 0;
background: #4f9652;
color: #fff;
font-size: 14px;
font-weight: 700;
cursor: pointer;
}
.insize-sidebar-posts,
.insize-sidebar-cats {
list-style: none;
margin: 0;
padding: 0;
}
.insize-sidebar-posts li,
.insize-sidebar-cats li {
margin-bottom: 16px;
}
.insize-sidebar-posts a,
.insize-sidebar-cats a {
color: #4f9652;
text-decoration: none;
font-size: 15px;
line-height: 1.55;
}
.insize-sidebar-posts a:hover,
.insize-sidebar-cats a:hover {
color: #2f7b38;
}
.insize-blog-single__comments {
margin-top: 26px;
}
@media (max-width: 1199px) {
.insize-blog-single__title {
font-size: 14px;
}
.insize-blog-single__content {
font-size: 14px;
}
}
@media (max-width: 991px) {
.insize-blog-single__grid {
grid-template-columns: 1fr;
}
.insize-blog-single__sidebar {
border-left: 0;
padding-left: 0;
margin-top: 12px;
}
.insize-blog-single__title {
font-size: 34px;
}
.insize-blog-single__image img {
max-height: 420px;
}
.insize-blog-single__nav {
grid-template-columns: 1fr;
}
.insize-blog-single__nav-item--next {
text-align: left;
}
}
@media (max-width: 575px) {
.insize-blog-single {
padding: 34px 0 50px;
}
.insize-blog-single .container {
width: min(100% - 24px, 1320px);
}
.insize-blog-single__title {
font-size: 28px;
}
.insize-blog-single__content {
font-size: 17px;
line-height: 1.75;
}
.insize-blog-single__content h2 {
font-size: 26px;
}
.insize-blog-single__content h3 {
font-size: 22px;
}
.insize-sidebar-box h3 {
font-size: 24px;
}
.insize-sidebar-search {
flex-direction: column;
}
.insize-sidebar-search button {
width: 100%;
}
}
.home-products-main-title {
text-align: center;
margin: 0px 0 34px;
}
.home-products-main-title h2 {
margin: 0;
font-size: 40px;
line-height: 1;
font-weight: 700;
font-style: italic;
text-transform: uppercase;
letter-spacing: 0;
color: #0f2d3a;
position: relative;
display: inline-block;
padding: 0 46px;
}
.home-products-main-title h2::before,
.home-products-main-title h2::after {
content: '';
position: absolute;
top: 50%;
width: 10px;
height: 35px;
transform: translateY(-50%) skewX(-12deg);
background: #259246;
}
.home-products-main-title h2::before {
left: 0;
}
.home-products-main-title h2::after {
right: 0;
}
@media (max-width: 991px) {
.home-products-main-title {
margin: 28px 0 22px;
}
.home-products-main-title h2 {
font-size: 38px;
padding: 0 28px;
}
.home-products-main-title h2::before,
.home-products-main-title h2::after {
width: 12px;
height: 34px;
}
}
.news-pro-info {
position: relative;
}
.insize-product-badge {
position: absolute;
top: 10px;
right: 10px;
z-index: 3;
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 62px;
min-height: 62px;
padding: 8px;
border-radius: 999px;
font-size: 10px;
line-height: 1.15;
font-weight: 700;
text-align: center;
color: #fff;
box-shadow: 0 6px 18px rgba(0,0,0,.12);
}
.insize-product-badge--popular {
background: #f05a3c;
}
.insize-product-badge--new {
background: #24b36b;
}
.insize-product-badge--hot {
background: #ff9f1a;
}
.insize-product-badge--featured {
background: #1f8f4e;
}
.pro-info {
position: relative;
}
.insize-single-badge-wrap {
position: absolute;
top: 22px;
right: 22px;
z-index: 5;
}
.insize-single-badge {
width: 50px;
height: 50px;
border-radius: 50%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 3px;
text-align: center;
color: #fff;
box-shadow: 0 10px 24px rgba(0,0,0,.14);
padding: 12px;
}
.insize-single-badge__icon {
display: block;
font-size: 18px;
line-height: 1;
font-weight: 700;
}
.insize-single-badge__text {
display: block;
font-size: 11px;
line-height: 1.1;
font-weight: 700;
letter-spacing: .02em;
}
.insize-single-badge--popular {
background: #f05a3c;
}
.insize-single-badge--new {
background: #23b15f;
}
.insize-single-badge--featured {
background: #1f8f4e;
}
@media (max-width: 767px) {
.insize-single-badge-wrap {
top: 14px;
right: 14px;
}
.insize-single-badge {
width: 76px;
height: 76px;
padding: 8px;
}
.insize-single-badge__icon {
font-size: 15px;
}
.insize-single-badge__text {
font-size: 9px;
}
}
.insize-live-search-form {
position: relative;
}
.insize-live-search-results {
position: absolute;
top: calc(100% + 10px);
left: 0;
right: 0;
background: #fff;
border: 1px solid #e9e9e9;
border-radius: 16px;
box-shadow: 0 16px 40px rgba(16, 24, 40, 0.12);
overflow: hidden;
z-index: 9999;
display: none;
padding: 6px 0;
backdrop-filter: blur(8px);
}
.insize-live-search-item {
display: flex;
align-items: center;
gap: 8px;
padding: 14px 18px;
text-decoration: none;
border-bottom: 1px solid #f1f1f1;
background: #fff;
transition: background .18s ease, color .18s ease;
font-style: normal !important;
font-weight: 400 !important;
line-height: 1.35;
}
.insize-live-search-item:last-child {
border-bottom: 0;
}
.insize-live-search-item:hover {
background: #f7fbf8;
}
.insize-live-search-item__sku {
color: #111827;
font-size: 15px;
font-weight: 700;
flex: 0 0 auto;
width: 90px;
}
.insize-live-search-item__sep {
color: #98a2b3;
font-size: 14px;
flex: 0 0 auto;
}
.insize-live-search-item__title {
color: #344054;
font-size: 15px;
font-weight: 500;
line-height: 1.4;
min-width: 0;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.insize-live-search-empty {
padding: 16px 18px;
color: #667085;
font-size: 14px;
}
@media (max-width: 767px) {
.insize-live-search-results {
border-radius: 14px;
}
.insize-live-search-item {
padding: 12px 14px;
}
.insize-live-search-item__sku,
.insize-live-search-item__title {
font-size: 14px;
}
}
.insize-search-results-page {
padding-top: 20px;
}
.insize-search-results-head {
width: min(1400px, calc(100% - 40px));
margin: 0 auto 28px;
}
.insize-search-results-head h1 {
margin: 0 0 8px;
font-size: 42px;
line-height: 1.1;
font-weight: 700;
color: #102c3c;
font-style: italic;
}
.insize-search-results-head p {
margin: 0;
font-size: 16px;
color: #6b7280;
}
@media (max-width: 767px) {
.insize-search-results-head h1 {
font-size: 28px;
}
.insize-search-results-head p {
font-size: 14px;
}
}
.insize-search-results-page {
padding-top: 20px;
}
.insize-search-results-head {
width: min(1400px, calc(100% - 40px));
margin: 0 auto 28px;
}
.insize-search-results-head h1 {
margin: 0 0 8px;
font-size: 25px;
line-height: 1.1;
font-weight: 700;
color: #102c3c;
font-style: italic;
}
.insize-search-results-head p {
margin: 0;
font-size: 16px;
color: #6b7280;
}
@media (max-width: 767px) {
.insize-search-results-head h1 {
font-size: 25px;
}
.insize-search-results-head p {
font-size: 14px;
}
}
/* Anasayfa ürün kutularındaki renk çizgilerini tek renge sabitle */
.home-products-section .list-pro-img li .list-img::before,
.home-products-section .list-pro-img li .list-img::after,
.home-products-section .list-pro-img li p::before,
.home-products-section .list-pro-img li p::after {
background: #e3c93a !important; /* sarı */
border-color: #e3c93a !important;
}
/* nth-child ile gelen farklı renkleri ez */
.home-products-section .list-pro-img li:nth-child(n) .list-img::before,
.home-products-section .list-pro-img li:nth-child(n) .list-img::after,
.home-products-section .list-pro-img li:nth-child(n) p::before,
.home-products-section .list-pro-img li:nth-child(n) p::after {
background: #e3c93a !important;
border-color: #e3c93a !important;
}
/* Ürünler / Yeni Ürünler aktif-pasif sekme rengi */
.head-pro .nav-bc.tab-active {
background: #19aa49 !important;
}
.head-pro .nav-bc.tab-active p,
.head-pro .nav-bc.tab-active .icon {
color: #fff !important;
fill: #fff !important;
}
.head-pro .nav-bc.tab-passive {
background: #efefef !important;
}
.head-pro .nav-bc.tab-passive p,
.head-pro .nav-bc.tab-passive .icon {
color: #8d8d8d !important;
fill: #8d8d8d !important;
}
.head-pro .news-nav.tab-active {
background: #19aa49 !important;
}
.head-pro .news-nav.tab-active a {
color: #fff !important;
}
.head-pro .news-nav.tab-passive {
background: #efefef !important;
}
.head-pro .news-nav.tab-passive a {
color: #8d8d8d !important;
}
/* Kart badge - sağ üst */
.product-card {
position: relative;
overflow: hidden;
}
.insize-card-badge-wrap {
position: absolute;
top: 5px;
right: 5px;
z-index: 5;
pointer-events: none;
}
.insize-card-badge {
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
color: #fff;
text-align: center;
line-height: 1.05;
box-shadow: 0 6px 16px rgba(0,0,0,.14);
padding: 4px;
}
.insize-card-badge__icon {
display: block;
font-size: 10px;
margin-bottom: 1px;
line-height: 1;
}
.insize-card-badge__text {
display: block;
font-size: 8px;
font-weight: 700;
}
.insize-card-badge--popular {
background: #f36a3d;
}
.insize-card-badge--new {
background: #18a54a;
}
.insize-card-badge--featured {
background: #1f7ae0;
}
/* Tekli katalog blokları */
.cata_content_single {
display: flex;
flex-wrap: wrap;
gap: 30px;
}
.cata_content_single .cata_item {
width: 100%;
max-width: 420px;
}
/* Katalog kart görselleri düzgün sığsın */
.cata_item_imgs {
height: 360px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
background: #eef6f4;
border-radius: 16px 16px 0 0;
}
.cata_item_imgs img {
display: block;
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
object-fit: contain;
}
/* Başlıklar farklı uzunlukta olsa da kartlar bozulmasın */
.cata_item h3 {
min-height: 72px;
}
/* Mobil */
@media (max-width: 768px) {
.cata_item_imgs {
height: 280px;
}
.cata_content_single .cata_item {
max-width: 100%;
}
}
/* Sidebar child itemler varsayılan seçili görünmesin */
.products-sidebar .products-sidebar-sublist,
.products-sidebar .products-sidebar-sublist li,
.products-sidebar .products-sidebar-sublist li a,
.products-sidebar .products-sidebar-sublist li span {
background: #f6f6f6 !important;
color: #222 !important;
font-weight: 400 !important;
}
/* Child satırlar kutu gibi ayrı dursun */
.products-sidebar .products-sidebar-sublist li {
margin: 0 0 2px !important;
}
.products-sidebar .products-sidebar-sublist li a {
display: block !important;
padding: 10px 14px !important;
border-radius: 0 !important;
}
/* Sadece parent başlık açık/aktif kalsın */
.products-sidebar-list.manual > li.sidebar-parent.active > .sidebar-toggle,
.products-sidebar-list.manual > li.sidebar-parent.open > .sidebar-toggle,
.products-sidebar-list.manual > li.sidebar-parent.active > a,
.products-sidebar-list.manual > li.sidebar-parent.open > a {
background: #dff0e7 !important;
color: #111 !important;
font-weight: 700 !important;
}
/* Gerçekten seçilen alt kategori varsa sadece o boyansın */
.products-sidebar .products-sidebar-sublist li.active,
.products-sidebar .products-sidebar-sublist li.active a,
.products-sidebar .products-sidebar-sublist li.active span {
background: #dff0e7 !important;
color: #159447 !important;
font-weight: 700 !important;
}
/* BLOG / HABERLER sayfası mobil düzeltme */
@media (max-width: 767px) {
.newslist {
width: calc(100% - 24px) !important;
margin: 18px auto 40px !important;
}
.newslist ul {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
.newslist ul li {
display: block !important;
width: 100% !important;
padding: 16px !important;
margin-bottom: 18px !important;
border-radius: 12px !important;
gap: 0 !important;
box-sizing: border-box !important;
}
.newslist ul li > a:first-child {
display: block !important;
width: 100% !important;
flex: none !important;
margin: 0 0 12px !important;
}
.newslist ul li > a:first-child img {
display: block !important;
width: 100% !important;
height: 190px !important;
object-fit: cover !important;
border-radius: 10px !important;
}
.news-content {
width: 100% !important;
min-width: 0 !important;
padding: 0 !important;
margin: 0 !important;
}
.news-content .title {
display: block !important;
grid-template-columns: none !important;
gap: 0 !important;
padding-bottom: 12px !important;
margin-bottom: 12px !important;
}
.news-content .title a {
display: block !important;
width: 100% !important;
margin-bottom: 6px !important;
}
.news-content .title h4 {
margin: 0 !important;
font-size: 17px !important;
line-height: 1.35 !important;
white-space: normal !important;
overflow: visible !important;
text-overflow: unset !important;
}
.news-content .title span {
display: block !important;
width: 100% !important;
text-align: left !important;
font-size: 12px !important;
color: #777 !important;
white-space: normal !important;
}
.news-content p {
display: block !important;
-webkit-line-clamp: unset !important;
-webkit-box-orient: unset !important;
overflow: visible !important;
margin: 0 0 14px !important;
font-size: 14px !important;
line-height: 1.6 !important;
}
.news-content .more {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 96px !important;
height: 38px !important;
padding: 0 16px !important;
border-radius: 8px !important;
font-size: 13px !important;
}
.pages {
margin-top: 22px !important;
display: flex !important;
justify-content: center !important;
flex-wrap: wrap !important;
gap: 8px !important;
}
}
@media (max-width: 991px) {
.mobile-menu-item {
border: 1px solid #e7e7e7;
border-radius: 10px;
background: #fff;
overflow: hidden;
}
.mobile-menu-item-head {
display: flex;
align-items: center;
justify-content: space-between;
min-height: 46px;
}
.mobile-menu-link {
flex: 1 1 auto;
display: block;
padding: 12px 14px;
color: #111 !important;
text-decoration: none;
font-weight: 600;
background: #fff;
}
.mobile-submenu-toggle {
flex: 0 0 44px;
width: 44px;
height: 44px;
border: 0;
border-left: 1px solid #e7e7e7;
background: #fff;
color: #111;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 22px;
line-height: 1;
padding: 0;
}
.mobile-submenu {
display: none;
background: #f8faf8;
border-top: 1px solid #e7e7e7;
padding: 8px 0 10px;
}
.mobile-menu-item.is-open .mobile-submenu {
display: block;
}
.mobile-submenu-col + .mobile-submenu-col {
margin-top: 10px;
}
.mobile-submenu-parent {
display: block;
padding: 8px 14px;
color: #159447 !important;
text-decoration: none;
font-weight: 700;
}
.mobile-submenu-children {
display: grid;
gap: 4px;
padding: 0 0 0 10px;
}
.mobile-submenu-child {
display: block;
padding: 7px 14px;
color: #333 !important;
text-decoration: none;
font-size: 14px;
line-height: 1.4;
}
}
/* ========================================
E-KATALOG MOBIL - TEMİZ SON HAL
======================================== */
@media (max-width: 767px) {
.down {
width: calc(100% - 24px) !important;
margin: 0 auto 32px !important;
padding: 0 !important;
}
.down .cata {
margin-bottom: 28px !important;
}
.down .cata .cata_title {
display: flex !important;
align-items: center !important;
gap: 10px !important;
margin-bottom: 14px !important;
}
.down .cata .cata_title img {
width: 24px !important;
height: 24px !important;
flex: 0 0 24px !important;
}
.down .cata .cata_title h2 {
font-size: 15px !important;
line-height: 1.2 !important;
margin: 0 !important;
}
.down .cata .cata_content,
.down .cata .cata_content_2 {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 12px !important;
width: 100% !important;
align-items: start !important;
}
.down .cata .cata_content > .cata_item,
.down .cata .cata_content_2 > .cata_item {
display: flex !important;
flex-direction: column !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
margin: 0 !important;
padding: 0 0 12px !important;
background: #fff !important;
border-radius: 12px !important;
overflow: hidden !important;
box-sizing: border-box !important;
}
.down .cata .cata_item_imgs {
height: 150px !important;
padding: 10px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
background: #eef6f4 !important;
border-radius: 12px 12px 0 0 !important;
overflow: hidden !important;
}
.down .cata .cata_item_imgs a {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
height: 100% !important;
}
.down .cata .cata_item_imgs img {
max-width: 100% !important;
max-height: 100% !important;
width: auto !important;
height: auto !important;
object-fit: contain !important;
display: block !important;
}
.down .cata .cata_item > a,
.down .cata .cata_item > h3 {
display: block !important;
}
.down .cata .cata_item h3 {
min-height: 60px !important;
margin: 10px 10px 8px !important;
font-size: 12px !important;
line-height: 1.35 !important;
font-weight: 600 !important;
text-align: left !important;
word-break: break-word !important;
overflow-wrap: anywhere !important;
}
.down .cata .cata_item_info {
display: flex !important;
align-items: flex-start !important;
justify-content: space-between !important;
gap: 8px !important;
margin: 0 10px 10px !important;
padding-top: 8px !important;
border-top: 1px solid #e3e3e3 !important;
}
.down .cata .cata_item_info span {
display: block !important;
font-size: 11px !important;
line-height: 1.3 !important;
white-space: normal !important;
word-break: break-word !important;
}
.down .cata .cata_item_info span:last-child {
text-align: right !important;
flex: 0 0 auto !important;
}
/* Eski action alanları tamamen kapalı */
.down .cata .cata_item_img,
.down .cata .cata_icon,
.down .cata .catalog-mobile-actions {
display: none !important;
}
/* Yeni mobil action alanı */
.down .cata .insize-catalog-actions-desktop {
display: none !important;
}
.down .cata .insize-catalog-actions-mobile {
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
margin: 0 10px !important;
padding-top: 4px !important;
}
.down .cata .insize-catalog-mobile-btn {
flex: 1 1 0 !important;
min-width: 0 !important;
min-height: 34px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 6px !important;
padding: 6px 8px !important;
border: 1px solid #dfe7e2 !important;
border-radius: 8px !important;
background: #fff !important;
color: #159447 !important;
text-decoration: none !important;
box-sizing: border-box !important;
font-size: 11px !important;
font-weight: 600 !important;
}
.down .cata .insize-catalog-mobile-btn__icon {
font-size: 12px !important;
line-height: 1 !important;
}
.down .cata .insize-catalog-mobile-btn__text {
line-height: 1.1 !important;
white-space: nowrap !important;
}
}
@media (max-width: 480px) {
.down .cata .cata_content,
.down .cata .cata_content_2 {
grid-template-columns: 1fr !important;
}
.down .cata .cata_item_imgs {
height: 180px !important;
}
.down .cata .cata_item h3 {
min-height: auto !important;
}
}
/* Öne çıkan ürünler - stok kodu badge */
.news-pro .news-pro-info .insize-featured-code {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
max-width: 110px !important;
min-height: 30px !important;
padding: 0 18px !important;
margin: 12px auto 14px !important;
border-radius: 999px !important;
background: #22954f !important;
color: #fff !important;
font-size: 14px !important;
line-height: 1 !important;
text-align: center !important;
}
.news-pro .news-pro-info h5 {
margin-top: 0 !important;
}
/* HOME - ÖNE ÇIKAN ÜRÜNLER MOBIL TEMİZ */
.news-pro .news-pro-info .insize-featured-code {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 90px !important;
min-height: 30px !important;
padding: 0 14px !important;
margin: 10px auto 12px !important;
border-radius: 999px !important;
background: #22954f !important;
color: #fff !important;
font-size: 14px !important;
font-weight: 700 !important;
line-height: 1 !important;
text-align: center !important;
}
@media (max-width: 767px) {
body.home .news-pro {
padding: 26px 0 28px !important;
overflow: hidden !important;
}
body.home .news-pro > section {
width: calc(100% - 24px) !important;
margin: 0 auto !important;
padding: 0 !important;
}
body.home .news-pro h2 {
display: none !important;
}
body.home .news-pro h3 {
margin: 0 0 18px !important;
font-size: 24px !important;
line-height: 1.1 !important;
text-align: center !important;
color: #fff !important;
}
body.home .news-pro .news-pro-list {
width: 100% !important;
margin: 0 !important;
overflow: hidden !important;
}
body.home .news-pro .mySwiper1 {
overflow: visible !important;
padding-bottom: 14px !important;
}
body.home .news-pro .mySwiper1 .swiper-slide {
height: auto !important;
}
body.home .news-pro .mySwiper1 .swiper-slide .news-pro-info {
width: 100% !important;
min-height: 255px !important;
padding: 14px 12px !important;
border-radius: 14px !important;
background: #fff !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: flex-start !important;
box-sizing: border-box !important;
box-shadow: none !important;
transform: none !important;
}
body.home .news-pro .news-pro-info > a:first-child {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
min-height: 110px !important;
margin: 0 0 8px !important;
}
body.home .news-pro .news-pro-info img {
max-width: 100% !important;
max-height: 88px !important;
width: auto !important;
height: auto !important;
object-fit: contain !important;
display: block !important;
margin: 0 auto !important;
}
body.home .news-pro .news-pro-info .insize-featured-code {
max-width: 82px !important;
min-height: 28px !important;
padding: 0 12px !important;
margin: 8px auto 10px !important;
font-size: 13px !important;
}
body.home .news-pro .news-pro-info h5 {
margin: 0 !important;
font-size: 13px !important;
line-height: 1.3 !important;
text-align: center !important;
color: #222 !important;
min-height: 68px !important;
display: -webkit-box !important;
-webkit-line-clamp: 4 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
body.home .news-pro .swiper-slide > a button {
width: 132px !important;
height: 38px !important;
margin: 10px auto 0 !important;
display: block !important;
border-radius: 999px !important;
font-size: 13px !important;
}
body.home .news-pro .swiper-button-prev,
body.home .news-pro .swiper-button-next {
display: none !important;
}
body.home .news-pro > section > a {
display: block !important;
text-align: center !important;
margin-top: 10px !important;
}
body.home .news-pro > section > a .hover {
width: 132px !important;
height: 38px !important;
border-radius: 999px !important;
font-size: 13px !important;
}
}
/* ========================================
SINGLE PRODUCT REVIEWS - DÜZGÜN 2 KOLON
======================================== */
/* Ana iki kolon */
.insize-reviews-wrap #reviews {
display: grid !important;
grid-template-columns: minmax(0, 1.5fr) minmax(340px, 0.85fr) !important;
gap: 34px !important;
align-items: start !important;
}
/* Sol alan */
.insize-reviews-wrap #comments {
min-width: 0 !important;
}
.insize-reviews-wrap .woocommerce-Reviews-title {
display: none !important;
}
.insize-reviews-wrap .commentlist {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
.insize-reviews-wrap .commentlist li {
margin: 0 0 16px !important;
padding: 18px 20px !important;
border: 1px solid #dfe4ea !important;
border-radius: 8px !important;
background: #fff !important;
box-shadow: none !important;
}
/* WooCommerce default floatları iptal et */
.insize-reviews-wrap .commentlist li .comment_container {
display: flex !important;
align-items: flex-start !important;
gap: 16px !important;
width: 100% !important;
}
.insize-reviews-wrap .commentlist li img.avatar {
float: none !important;
position: static !important;
width: 52px !important;
height: 52px !important;
min-width: 52px !important;
border-radius: 50% !important;
margin: 0 !important;
padding: 0 !important;
}
.insize-reviews-wrap .commentlist li .comment-text {
flex: 1 1 auto !important;
width: auto !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
overflow: visible !important;
min-width: 0 !important;
}
.insize-reviews-wrap .commentlist li .meta {
display: block !important;
margin: 0 0 8px !important;
font-size: 14px !important;
line-height: 1.45 !important;
color: #6b7280 !important;
}
.insize-reviews-wrap .commentlist li .meta strong {
color: #374151 !important;
font-weight: 700 !important;
}
.insize-reviews-wrap .commentlist li .star-rating {
float: none !important;
margin: 0 0 8px !important;
}
.insize-reviews-wrap .commentlist li .description,
.insize-reviews-wrap .commentlist li .description p,
.insize-reviews-wrap .commentlist li .comment-text p {
margin: 0 !important;
font-size: 14px !important;
line-height: 1.7 !important;
color: #374151 !important;
white-space: normal !important;
word-break: normal !important;
overflow-wrap: break-word !important;
}
/* Sağ alan form */
.insize-reviews-wrap #review_form_wrapper {
min-width: 0 !important;
}
.insize-reviews-wrap #review_form {
border: 1px solid #2f8f46 !important;
background: #fff !important;
padding: 24px 28px !important;
}
.insize-reviews-wrap .comment-reply-title {
display: block !important;
margin: 0 0 14px !important;
font-size: 18px !important;
line-height: 1.25 !important;
font-weight: 700 !important;
color: #163047 !important;
text-align: left !important;
}
.insize-reviews-wrap .comment-notes {
margin: 0 0 14px !important;
font-size: 13px !important;
line-height: 1.6 !important;
color: #6b7280 !important;
}
.insize-reviews-wrap .comment-form-rating {
margin-bottom: 14px !important;
}
.insize-reviews-wrap .comment-form-rating label,
.insize-reviews-wrap .comment-form-comment label,
.insize-reviews-wrap .comment-form-author label,
.insize-reviews-wrap .comment-form-email label {
display: block !important;
margin-bottom: 7px !important;
font-size: 13px !important;
font-weight: 700 !important;
color: #111827 !important;
}
.insize-reviews-wrap .comment-form textarea,
.insize-reviews-wrap .comment-form input[type="text"],
.insize-reviews-wrap .comment-form input[type="email"] {
width: 100% !important;
border: 1px solid #d6dbe1 !important;
border-radius: 0 !important;
background: #fff !important;
padding: 12px 13px !important;
font-size: 14px !important;
color: #374151 !important;
box-shadow: none !important;
}
.insize-reviews-wrap .comment-form textarea {
min-height: 120px !important;
resize: vertical !important;
}
.insize-reviews-wrap .comment-form-author,
.insize-reviews-wrap .comment-form-email {
width: calc(50% - 8px) !important;
float: left !important;
}
.insize-reviews-wrap .comment-form-author {
margin-right: 16px !important;
}
.insize-reviews-wrap .comment-form-cookies-consent {
clear: both !important;
display: flex !important;
align-items: flex-start !important;
gap: 10px !important;
margin-top: 6px !important;
font-size: 13px !important;
line-height: 1.7 !important;
color: #374151 !important;
}
.insize-reviews-wrap .form-submit {
clear: both !important;
margin-top: 14px !important;
}
.insize-reviews-wrap .submit,
.insize-reviews-wrap input[type="submit"] {
min-width: 108px !important;
height: 40px !important;
padding: 0 20px !important;
border-radius: 0 !important;
background: #2f8f46 !important;
color: #fff !important;
font-size: 14px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
border: 0 !important;
}
/* Yorum yoksa */
.insize-reviews-wrap .woocommerce-noreviews {
margin: 0 !important;
padding: 14px 16px !important;
border: 1px solid #dfe4ea !important;
border-radius: 8px !important;
background: #fff !important;
font-size: 14px !important;
line-height: 1.6 !important;
color: #6b7280 !important;
}
/* Tablet ve altı */
@media (max-width: 991px) {
.insize-reviews-wrap #reviews {
grid-template-columns: 1fr !important;
gap: 22px !important;
}
.insize-reviews-wrap #review_form {
padding: 20px 18px !important;
}
.insize-reviews-wrap .comment-form-author,
.insize-reviews-wrap .comment-form-email {
width: 100% !important;
float: none !important;
margin-right: 0 !important;
}
}
/* REVIEW ALANI - BİRAZ DAHA GENİŞ VE DENGELİ */
.insize-detail-section {
width: 100% !important;
max-width: 100% !important;
}
.insize-detail-tabs {
width: 100% !important;
max-width: 100% !important;
}
.insize-reviews-wrap {
width: 100% !important;
max-width: 100% !important;
}
.insize-reviews-wrap #reviews {
display: grid !important;
grid-template-columns: minmax(0, 1.7fr) minmax(420px, 0.95fr) !important;
gap: 42px !important;
align-items: start !important;
}
.insize-reviews-wrap #comments {
min-width: 0 !important;
}
.insize-reviews-wrap #review_form_wrapper {
min-width: 0 !important;
}
.insize-reviews-wrap #review_form {
width: 100% !important;
max-width: 100% !important;
padding: 28px 34px !important;
}
.insize-reviews-wrap .commentlist li {
padding: 22px 24px !important;
}
.insize-reviews-wrap .comment_container {
gap: 18px !important;
}
.insize-reviews-wrap .comment-text {
width: auto !important;
max-width: 100% !important;
}
.insize-detail-tabs-head {
align-items: center !important;
}
.insize-detail-tabs-actions {
margin-left: auto !important;
flex: 0 0 auto !important;
}
/* Ekran biraz daralınca yine kontrollü küçülsün */
@media (max-width: 1280px) {
.insize-reviews-wrap #reviews {
grid-template-columns: minmax(0, 1.55fr) minmax(380px, 0.9fr) !important;
gap: 32px !important;
}
.insize-reviews-wrap #review_form {
padding: 24px 26px !important;
}
}
@media (max-width: 991px) {
.insize-reviews-wrap #reviews {
grid-template-columns: 1fr !important;
gap: 22px !important;
}
.insize-reviews-wrap #review_form {
padding: 20px 18px !important;
}
}
/* Search dahil tüm sayfalarda scroll sonrası beyaz header davranışı */
header.head_on .logo1 {
display: none !important;
}
header.head_on .light-logo-link {
display: inline-flex !important;
align-items: center !important;
}
header.head_on .logo2 {
display: block !important;
opacity: 1 !important;
visibility: visible !important;
}
header.head_on .site-tagline {
color: #ffffff !important;
}
header.head_on .head-logo nav ul li a,
header.head_on .lang .in,
header.head_on .lang-sep {
color: #ffffff !important;
}
/* İstersen canlı destek butonu aynı kalsın, istersen bunu da beyazlaştırabiliriz */
header.head_on .live-support-btn a {
color: #fff !important;
}
/* ========================================
PAGE URUNLER - FINAL GRID
======================================== */
.insize-manual-products-page {
width: min(1560px, calc(100% - 70px));
margin: 26px auto 50px;
padding: 0;
box-sizing: border-box;
}
.insize-manual-products-section + .insize-manual-products-section {
margin-top: 36px;
}
.insize-manual-products-heading {
margin-bottom: 18px;
}
.insize-manual-products-heading h3 {
margin: 0;
text-align: center;
font-size: 44px;
line-height: 1.05;
font-weight: 800;
font-style: italic;
text-transform: uppercase;
color: #1f9147;
position: relative;
}
.insize-manual-products-grid {
display: grid !important;
grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
gap: 18px !important;
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
width: 100% !important;
max-width: 100% !important;
align-items: stretch !important;
justify-items: stretch !important;
box-sizing: border-box !important;
}
/* Eski flex kalıntılarını ez */
.insize-manual-products-grid,
.insize-manual-products-grid > li {
float: none !important;
flex: none !important;
}
.insize-manual-product-card {
width: auto !important;
min-width: 0 !important;
max-width: none !important;
margin: 0 !important;
background: #fff;
border-radius: 14px;
padding: 12px;
box-shadow: 0 4px 14px rgba(0,0,0,.06);
transition: transform .2s ease, box-shadow .2s ease;
box-sizing: border-box;
}
.insize-manual-product-card:hover {
transform: translateY(-3px);
box-shadow: 0 10px 24px rgba(0,0,0,.10);
}
.insize-manual-product-card__link {
display: flex !important;
flex-direction: column !important;
height: 100% !important;
text-decoration: none !important;
box-sizing: border-box !important;
}
.insize-manual-product-card__media {
display: block;
width: 100%;
}
.insize-manual-product-card__imgwrap {
height: 160px;
border-radius: 10px;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
position: relative;
width: 100%;
}
.insize-manual-product-card__imgwrap img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
display: block;
}
.insize-manual-product-card__imgwrap img.hover {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: opacity .25s ease;
}
.insize-manual-product-card:hover .insize-manual-product-card__imgwrap img.hover {
opacity: 1;
}
.insize-manual-product-card__title {
display: flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 52px;
margin-top: 12px;
padding: 10px 12px;
background: linear-gradient(310deg, #187540 30%, #32c672 100%);
color: #fff !important;
text-align: center;
text-decoration: none !important;
font-size: 14px;
line-height: 1.3;
font-weight: 700;
box-sizing: border-box;
width: 100%;
}
.insize-manual-product-card__title > span {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
/* Büyük ekran */
@media (min-width: 1700px) {
.insize-manual-products-page {
width: min(1680px, calc(100% - 90px));
}
.insize-manual-products-grid {
grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}
}
/* Laptop */
@media (max-width: 1399px) {
.insize-manual-products-page {
width: min(1400px, calc(100% - 40px));
}
.insize-manual-products-grid {
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
.insize-manual-products-heading h3 {
font-size: 36px;
}
}
/* Tablet */
@media (max-width: 991px) {
.insize-manual-products-page {
width: calc(100% - 24px);
margin: 18px auto 36px;
}
.insize-manual-products-heading h3 {
font-size: 26px;
text-align: left;
}
.insize-manual-products-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 12px !important;
}
.insize-manual-product-card {
padding: 10px;
border-radius: 12px;
}
.insize-manual-product-card__imgwrap {
height: 96px;
}
.insize-manual-product-card__title {
min-height: 44px;
margin-top: 10px;
padding: 7px 8px;
font-size: 12px;
line-height: 1.25;
}
}
@media (max-width: 420px) {
.insize-manual-products-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 10px !important;
}
.insize-manual-product-card__imgwrap {
height: 84px;
}
.insize-manual-products-heading h3 {
font-size: 22px;
}
}
/* Single product kısa açıklama - yeşil noktalı liste */
.insize-short-desc ul,
.insize-short-desc ol {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
.insize-short-desc li {
position: relative;
margin: 0 0 8px !important;
padding-left: 18px !important;
color: #1f2937;
font-size: 15px;
line-height: 1.55;
}
.insize-short-desc li::before {
content: "";
position: absolute;
left: 0;
top: 0.62em;
width: 7px;
height: 7px;
border-radius: 50%;
background: #27b35a;
transform: translateY(-50%);
}
.insize-short-desc li:last-child {
margin-bottom: 0 !important;
}
.insize-short-desc p {
margin: 0 0 10px !important;
line-height: 1.6;
}
.insize-short-desc ul + p,
.insize-short-desc ol + p {
margin-top: 10px !important;
}
/* ========================================
TÜM KATALOGLAR - MOBIL RESPONSIVE FINAL
======================================== */
@media (max-width: 767px) {
.insize-catalog-page {
width: calc(100% - 20px) !important;
margin: 0 auto !important;
padding: 20px 0 34px !important;
}
.insize-catalog-page__top {
margin-bottom: 18px !important;
}
.insize-catalog-search {
width: 100% !important;
height: 44px !important;
font-size: 14px !important;
padding: 0 14px !important;
border-radius: 10px !important;
}
.insize-catalog-groups {
gap: 14px !important;
}
.insize-catalog-group__label {
min-width: 56px !important;
padding: 8px 14px !important;
font-size: 16px !important;
border-radius: 0 12px 0 0 !important;
}
.insize-catalog-table-wrap {
overflow: visible !important;
background: transparent !important;
}
.insize-catalog-table {
min-width: 0 !important;
width: 100% !important;
border-collapse: separate !important;
border-spacing: 0 10px !important;
background: transparent !important;
}
.insize-catalog-table thead {
display: none !important;
}
.insize-catalog-table tbody,
.insize-catalog-table tr,
.insize-catalog-table td {
display: block !important;
width: 100% !important;
}
.insize-catalog-table tr.insize-catalog-row {
background: #fff !important;
border: 1px solid #d8dfdc !important;
border-radius: 12px !important;
padding: 10px 12px !important;
box-sizing: border-box !important;
margin: 0 0 10px !important;
box-shadow: 0 3px 10px rgba(0,0,0,0.04) !important;
}
.insize-catalog-table tbody td {
border: 0 !important;
border-bottom: 1px solid #edf1ef !important;
padding: 8px 0 !important;
text-align: left !important;
font-size: 14px !important;
background: transparent !important;
position: relative !important;
}
.insize-catalog-table tbody td:last-child {
border-bottom: 0 !important;
}
.insize-catalog-table tbody td::before {
content: attr(data-label);
display: block;
margin-bottom: 4px;
font-size: 11px;
line-height: 1.2;
font-weight: 700;
letter-spacing: 0.3px;
color: #148447;
text-transform: uppercase;
}
.insize-catalog-code {
font-size: 17px !important;
font-weight: 700 !important;
color: #1f2937 !important;
}
.insize-catalog-product {
font-size: 14px !important;
line-height: 1.45 !important;
color: #4b4b4b !important;
white-space: normal !important;
word-break: break-word !important;
}
.insize-catalog-manual a {
display: inline-flex !important;
align-items: center !important;
gap: 7px !important;
font-size: 14px !important;
font-weight: 600 !important;
}
.insize-catalog-manual a img {
width: 16px !important;
}
.insize-catalog-no-file {
display: inline-block !important;
font-size: 14px !important;
}
}
@media (max-width: 420px) {
.insize-catalog-page {
width: calc(100% - 16px) !important;
}
.insize-catalog-group__label {
font-size: 15px !important;
padding: 7px 12px !important;
}
.insize-catalog-table tr.insize-catalog-row {
padding: 9px 10px !important;
border-radius: 10px !important;
}
.insize-catalog-code {
font-size: 16px !important;
}
.insize-catalog-product,
.insize-catalog-manual a {
font-size: 13px !important;
}
}
/* ========================================
MOBIL MENU - MODERN GORUNUM
======================================== */
@media (max-width: 991px) {
.mobile-menu-panel {
display: flex;
flex-direction: column;
height: 100%;
padding: 18px 16px 20px;
border-radius: 0;
box-sizing: border-box;
}
.mobile-menu-top {
margin-bottom: 14px;
}
.mobile-menu-logo img {
max-height: 40px;
width: auto;
}
.mobile-search-form {
margin-bottom: 14px;
}
.mobile-quick-links {
display: grid;
grid-template-columns: 1fr;
gap: 10px;
margin-bottom: 16px;
}
.mobile-quick-links a {
display: flex;
align-items: center;
justify-content: center;
min-height: 46px;
border-radius: 12px;
background: #1fa34a;
color: #fff !important;
font-size: 15px;
font-weight: 700;
text-decoration: none !important;
box-shadow: none !important;
border: 0 !important;
}
.mobile-menu-list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 8px;
}
.mobile-menu-item {
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
.mobile-menu-item-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
padding: 0;
border: 0 !important;
background: transparent !important;
}
.mobile-menu-link {
flex: 1 1 auto;
display: flex;
align-items: center;
padding: 0 16px;
border: 0 !important;
border-radius: 12px;
background: #f5f6f7;
color: #222 !important;
font-size: 15px;
font-weight: 600;
text-decoration: none !important;
box-shadow: none !important;
}
.mobile-submenu-toggle {
flex: 0 0 42px;
width: 42px;
height: 42px;
border: 0 !important;
border-radius: 12px;
background: #f5f6f7;
color: #222 !important;
display: inline-flex;
align-items: center;
justify-content: center;
box-shadow: none !important;
padding: 0;
}
.mobile-submenu-toggle span {
font-size: 22px;
line-height: 1;
font-weight: 500;
}
.mobile-submenu {
margin-top: 8px;
padding: 8px 0 4px 10px;
border: 0 !important;
background: transparent !important;
}
.mobile-submenu-col {
margin-bottom: 8px;
padding: 0;
border: 0 !important;
background: transparent !important;
}
.mobile-submenu-parent {
display: block;
padding: 10px 14px;
border-radius: 10px;
background: #fafafa;
color: #1f1f1f !important;
font-size: 14px;
font-weight: 600;
text-decoration: none !important;
border: 0 !important;
}
.mobile-submenu-children {
display: flex;
flex-direction: column;
gap: 6px;
margin-top: 8px;
padding-left: 8px;
}
.mobile-submenu-child {
display: block;
padding: 8px 12px;
border-radius: 8px;
background: #fcfcfc;
color: #555 !important;
font-size: 13px;
text-decoration: none !important;
border: 0 !important;
}
.mobile-menu-bottom-cta {
margin-top: auto;
padding-top: 16px;
}
.mobile-menu-bottom-cta a {
display: flex;
align-items: center;
justify-content: center;
min-height: 48px;
border-radius: 14px;
background: #1fa34a;
color: #fff !important;
font-size: 15px;
font-weight: 700;
text-decoration: none !important;
border: 0 !important;
box-shadow: none !important;
}
}
/* Footer mobil düzeni */
@media (max-width: 991px) {
footer .foot-r .foot-cols {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 20px 16px !important;
align-items: start !important;
}
footer .foot-r .foot-cols .foot-col {
width: auto !important;
min-width: 0 !important;
margin: 0 !important;
}
/* Kaynak Merkezi ve Hizmetler yan yana */
footer .foot-r .foot-cols .foot-col:nth-child(1) {
grid-column: 1;
grid-row: 1;
}
footer .foot-r .foot-cols .foot-col:nth-child(2) {
grid-column: 2;
grid-row: 1;
}
/* Sosyal alanı alta tam genişlik */
footer .foot-r .foot-cols .foot-social {
grid-column: 1 / -1 !important;
grid-row: 2;
margin-top: 4px !important;
}
footer .foot-r .foot-cols .foot-col span {
display: block;
margin-bottom: 10px !important;
font-size: 16px !important;
}
footer .foot-r .foot-cols .foot-col p {
margin: 0 0 8px !important;
}
footer .foot-r .foot-cols .foot-col a {
line-height: 1.45 !important;
}
footer .foot-r .foot-cols .foot-social .foot-icon {
display: flex !important;
flex-wrap: wrap !important;
gap: 12px !important;
margin-top: 10px !important;
}
}
@media (max-width: 575px) {
footer .foot-r .foot-cols {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 18px 12px !important;
}
footer .foot-r .foot-cols .foot-col span {
font-size: 15px !important;
}
footer .foot-r .foot-cols .foot-col a {
font-size: 14px !important;
}
}
/* Hakkımızda video MP4 */
.about-video-player--mp4 {
width: 100%;
max-width: 1200px;
margin: 30px auto;
border-radius: 18px;
overflow: hidden;
background: #000;
}
.about-video-player--mp4 video {
display: block;
width: 100%;
height: auto;
}
/* Scroll sonrası dropdown yazıları beyaz olmasın */
header.on .nav_list_drop,
header.fixed .nav_list_drop,
header.active .nav_list_drop,
header.head_on .nav_list_drop {
background: #fff !important;
}
/* Dropdown kolon başlıkları */
header.on .nav_list_drop > div > a,
header.fixed .nav_list_drop > div > a,
header.active .nav_list_drop > div > a,
header.head_on .nav_list_drop > div > a {
color: #111 !important;
border-bottom-color: #222 !important;
}
/* Dropdown alt linkleri */
header.on .nav_list_drop > div p a,
header.fixed .nav_list_drop > div p a,
header.active .nav_list_drop > div p a,
header.head_on .nav_list_drop > div p a {
color: #8b8b8b !important;
}
/* Hover durumları yine yeşil/koyu çalışsın */
header.on .nav_list_drop > div p a:hover,
header.fixed .nav_list_drop > div p a:hover,
header.active .nav_list_drop > div p a:hover,
header.head_on .nav_list_drop > div p a:hover {
color: #2d8b43 !important;
}
header.on .nav_list_drop > div > a:hover,
header.fixed .nav_list_drop > div > a:hover,
header.active .nav_list_drop > div > a:hover,
header.head_on .nav_list_drop > div > a:hover {
color: #000 !important;
}
/* Dropdown her durumda görünür renk kullansın */
header .desktop-nav ul li.nav_list .nav_list_drop {
background: #fff !important;
}
header .desktop-nav ul li.nav_list .nav_list_drop .nav_list_col > a {
color: #111 !important;
-webkit-text-fill-color: #111 !important;
border-bottom: 1px solid #222 !important;
}
header .desktop-nav ul li.nav_list .nav_list_drop .nav_list_col p a {
color: #666 !important;
-webkit-text-fill-color: #666 !important;
}
header .desktop-nav ul li.nav_list .nav_list_drop .nav_list_col > a:hover {
color: #000 !important;
-webkit-text-fill-color: #000 !important;
}
header .desktop-nav ul li.nav_list .nav_list_drop .nav_list_col p a:hover {
color: #159447 !important;
-webkit-text-fill-color: #159447 !important;
}
/* ========================================
PRODUCTS SIDEBAR MOBILE DRAWER
======================================== */
.products-mobile-sidebar-toggle,
.products-sidebar-mobile-head,
.products-sidebar-overlay {
display: none;
}
@media (max-width: 991px) {
.products-page-wrap {
display: block !important;
position: relative;
}
.products-main {
width: 100% !important;
padding-top: 0 !important;
}
.products-mobile-sidebar-toggle {
display: inline-flex !important;
align-items: center;
justify-content: center;
gap: 10px;
width: 100%;
min-height: 46px;
margin: 0 0 18px;
padding: 0 16px;
border: 0;
border-radius: 12px;
background: #159447;
color: #fff;
font-size: 15px;
font-weight: 700;
line-height: 1;
cursor: pointer;
box-sizing: border-box;
}
.products-mobile-sidebar-toggle__icon {
font-size: 18px;
line-height: 1;
}
.products-sidebar-overlay {
display: block;
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.36);
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: 0.25s ease;
z-index: 9997;
}
.products-sidebar {
position: fixed !important;
top: 0;
left: 0;
width: min(86vw, 340px) !important;
height: 100vh;
background: #f6f6f6;
transform: translateX(-100%);
transition: transform 0.28s ease;
z-index: 9998;
overflow-y: auto;
padding: 18px 16px 24px !important;
box-sizing: border-box;
box-shadow: 8px 0 24px rgba(0,0,0,0.12);
}
body.products-sidebar-open .products-sidebar {
transform: translateX(0);
}
body.products-sidebar-open .products-sidebar-overlay {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.products-sidebar-mobile-head {
display: flex !important;
align-items: center;
justify-content: space-between;
gap: 12px;
margin-bottom: 14px;
}
.products-sidebar-mobile-head strong {
font-size: 18px;
line-height: 1.2;
font-weight: 700;
color: #111;
}
.products-sidebar-close {
width: 38px;
height: 38px;
border: 0;
border-radius: 10px;
background: #e9eceb;
color: #111;
font-size: 24px;
line-height: 1;
cursor: pointer;
}
.products-sidebar-title {
margin-bottom: 14px !important;
font-size: 18px !important;
}
.products-sidebar-list.manual > li.sidebar-parent > a,
.products-sidebar-list.manual > li.sidebar-parent > .sidebar-toggle {
min-height: 42px;
padding: 10px 12px !important;
font-size: 14px !important;
border-radius: 10px;
}
.products-sidebar-sublist {
padding-left: 10px !important;
margin: 8px 0 10px !important;
}
.products-sidebar-sublist li a {
font-size: 13px !important;
line-height: 1.45 !important;
padding: 8px 6px !important;
}
.products-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 14px !important;
}
}
@media (max-width: 575px) {
.products-grid {
grid-template-columns: 1fr !important;
}
.products-mobile-sidebar-toggle {
min-height: 44px;
font-size: 14px;
border-radius: 10px;
}
.products-sidebar {
width: min(88vw, 320px) !important;
padding: 16px 14px 22px !important;
}
}
/* =========================================================
SINGLE PRODUCT - MODERN FINAL OVERRIDE
bunu style.css dosyasinin en altina ekle
========================================================= */
/* üst alan */
.banner_pro {
width: min(1380px, calc(100% - 40px)) !important;
margin: 18px auto 34px !important;
display: grid !important;
grid-template-columns: minmax(0, 1.05fr) minmax(360px, 0.95fr) !important;
gap: 28px !important;
align-items: start !important;
}
.pro-swiper {
width: 100% !important;
background: #fff !important;
border: 1px solid #e7edf1 !important;
border-radius: 28px !important;
padding: 24px !important;
box-sizing: border-box !important;
box-shadow: 0 20px 50px rgba(15, 23, 42, 0.06) !important;
}
.pro-info {
width: 100% !important;
position: relative !important;
background: #fff !important;
border: 1px solid #e7edf1 !important;
border-radius: 28px !important;
padding: 28px !important;
box-sizing: border-box !important;
box-shadow: 0 20px 50px rgba(15, 23, 42, 0.06) !important;
overflow: hidden !important;
}
.pro-info::before {
content: "";
position: absolute;
left: 28px;
top: 0;
width: 96px;
height: 4px;
border-radius: 999px;
background: linear-gradient(90deg, #159447 0%, #48c774 100%);
}
.pro-info h1 {
margin: 10px 0 14px !important;
font-size: 38px !important;
line-height: 1.12 !important;
font-weight: 800 !important;
color: #111827 !important;
word-break: break-word !important;
}
.pro-info h2 {
display: inline-flex !important;
align-items: center !important;
min-height: 42px !important;
margin: 0 0 18px !important;
padding: 0 16px !important;
border-radius: 999px !important;
background: #f2fbf5 !important;
border: 1px solid #d7efdf !important;
color: #159447 !important;
font-size: 17px !important;
font-weight: 700 !important;
line-height: 1 !important;
}
/* slider */
.mySwiper2 {
border-radius: 22px !important;
overflow: hidden !important;
background: linear-gradient(180deg, #ffffff 0%, #f7fbf8 100%) !important;
border: 1px solid #eef2f4 !important;
}
.mySwiper2 .swiper-slide {
min-height: 420px !important;
padding: 26px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
background: transparent !important;
box-sizing: border-box !important;
}
.mySwiper2 .swiper-slide img {
max-width: 100% !important;
max-height: 360px !important;
width: auto !important;
height: auto !important;
object-fit: contain !important;
display: block !important;
}
.mySwiper3 {
margin-top: 14px !important;
}
.mySwiper3 .swiper-slide {
height: 88px !important;
border-radius: 16px !important;
border: 1px solid #e8edf0 !important;
background: #fff !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
padding: 10px !important;
box-sizing: border-box !important;
opacity: .72 !important;
transition: all .2s ease !important;
}
.mySwiper3 .swiper-slide img {
max-width: 100% !important;
max-height: 100% !important;
object-fit: contain !important;
display: block !important;
}
.mySwiper3 .swiper-slide-thumb-active {
opacity: 1 !important;
border-color: #159447 !important;
box-shadow: 0 8px 18px rgba(21, 148, 71, 0.12) !important;
}
.pro-swiper .swiper-button-prev,
.pro-swiper .swiper-button-next {
width: 44px !important;
height: 44px !important;
border-radius: 50% !important;
background: rgba(255, 255, 255, 0.96) !important;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08) !important;
}
.pro-swiper .swiper-button-prev:after,
.pro-swiper .swiper-button-next:after {
font-size: 16px !important;
font-weight: 700 !important;
color: #159447 !important;
}
/* özellikler */
.pro-info .insize-feature-bar {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 12px !important;
margin: 20px 0 20px !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
}
.pro-info .insize-feature-bar__item {
width: 100% !important;
min-height: 58px !important;
padding: 14px 16px !important;
border: 1px solid #e4ece7 !important;
border-radius: 18px !important;
background: #fbfdfc !important;
box-sizing: border-box !important;
border-right: 0 !important;
}
.pro-info .insize-feature-bar__icon {
width: 24px !important;
height: 24px !important;
flex: 0 0 24px !important;
}
.pro-info .insize-feature-bar__icon svg {
width: 24px !important;
height: 24px !important;
}
.pro-info .insize-feature-bar__text {
white-space: normal !important;
font-size: 15px !important;
line-height: 1.45 !important;
font-weight: 700 !important;
text-transform: none !important;
color: #24374f !important;
}
/* kısa açıklama */
.pro-info .pro-scroll {
display: block !important;
width: 100% !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
overflow: visible !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
}
.pro-info .pro_text.insize-short-desc {
display: block !important;
width: 100% !important;
margin: 0 !important;
padding: 18px 18px 8px !important;
background: #f7faf8 !important;
border: 1px solid #e4efe8 !important;
border-radius: 20px !important;
box-sizing: border-box !important;
color: #1f2937 !important;
text-align: left !important;
}
.pro-info .pro_text.insize-short-desc,
.pro-info .pro_text.insize-short-desc * {
color: #1f2937 !important;
text-indent: 0 !important;
}
.pro-info .pro_text.insize-short-desc p {
margin: 0 0 12px !important;
font-size: 15px !important;
line-height: 1.75 !important;
}
.pro-info .pro_text.insize-short-desc ul,
.pro-info .pro_text.insize-short-desc ol {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
.pro-info .pro_text.insize-short-desc li {
position: relative !important;
margin: 0 0 11px !important;
padding-left: 18px !important;
font-size: 15px !important;
line-height: 1.7 !important;
}
.pro-info .pro_text.insize-short-desc li::before {
content: "" !important;
position: absolute !important;
left: 0 !important;
top: 11px !important;
width: 7px !important;
height: 7px !important;
border-radius: 50% !important;
background: #1fa348 !important;
}
/* alt sekme alanı */
.product-bc {
width: min(1380px, calc(100% - 40px)) !important;
margin: 0 auto 70px !important;
}
.insize-detail-section {
background: #fff !important;
border: 1px solid #e7edf1 !important;
border-radius: 28px !important;
padding: 30px !important;
box-shadow: 0 20px 50px rgba(15, 23, 42, 0.05) !important;
}
.insize-detail-tabs {
margin-top: 0 !important;
}
.insize-detail-tabs-head {
margin-bottom: 24px !important;
padding-bottom: 18px !important;
border-bottom: 1px solid #edf1f4 !important;
gap: 16px !important;
}
.insize-detail-tabs-nav {
gap: 20px !important;
}
.insize-detail-tabs-nav button {
padding: 0 0 12px !important;
font-size: 19px !important;
line-height: 1.2 !important;
}
.insize-detail-tabs-actions {
gap: 10px !important;
}
.insize-mini-doc-btn {
min-width: 170px !important;
height: 46px !important;
padding: 0 18px !important;
border-radius: 999px !important;
font-size: 14px !important;
}
/* içerik */
.insize-editor-content {
color: #475467 !important;
font-size: 16px !important;
line-height: 1.85 !important;
}
.insize-editor-content p:last-child {
margin-bottom: 0 !important;
}
.insize-editor-content table {
width: 100% !important;
overflow-x: auto !important;
}
.insize-editor-content table th,
.insize-editor-content table td {
font-size: 15px !important;
}
/* pdf alanı biraz toparla */
.insize-pdf-showcase {
margin-top: 28px !important;
border-radius: 24px !important;
}
/* mobil */
@media (max-width: 991px) {
.quick-nav,
.banner_pro,
.product-bc {
width: calc(100% - 24px) !important;
}
.quick-nav {
margin: 10px auto 14px !important;
font-size: 12px !important;
line-height: 1.5 !important;
white-space: normal !important;
word-break: break-word !important;
}
.banner_pro {
grid-template-columns: 1fr !important;
gap: 16px !important;
margin-bottom: 24px !important;
}
.pro-swiper,
.pro-info,
.insize-detail-section {
border-radius: 20px !important;
padding: 16px !important;
}
.mySwiper2 .swiper-slide {
min-height: 300px !important;
padding: 18px !important;
}
.mySwiper2 .swiper-slide img {
max-height: 240px !important;
}
.mySwiper3 .swiper-slide {
height: 68px !important;
border-radius: 12px !important;
}
.pro-info::before {
left: 16px !important;
width: 74px !important;
}
.pro-info h1 {
margin: 8px 0 12px !important;
font-size: 28px !important;
line-height: 1.18 !important;
}
.pro-info h2 {
min-height: 38px !important;
font-size: 15px !important;
margin-bottom: 14px !important;
}
.pro-info .insize-feature-bar {
grid-template-columns: 1fr !important;
gap: 10px !important;
margin: 16px 0 !important;
}
.pro-info .insize-feature-bar__item {
min-height: 52px !important;
padding: 12px 14px !important;
border-radius: 14px !important;
}
.pro-info .insize-feature-bar__text {
font-size: 14px !important;
line-height: 1.4 !important;
}
.pro-info .pro_text.insize-short-desc {
padding: 16px 14px 6px !important;
border-radius: 16px !important;
}
.pro-info .pro_text.insize-short-desc p,
.pro-info .pro_text.insize-short-desc li {
font-size: 14px !important;
line-height: 1.65 !important;
}
.insize-detail-tabs-head {
flex-direction: column !important;
align-items: stretch !important;
}
.insize-detail-tabs-nav {
gap: 16px !important;
}
.insize-detail-tabs-nav button {
font-size: 16px !important;
padding-bottom: 10px !important;
}
.insize-detail-tabs-actions {
display: grid !important;
grid-template-columns: 1fr !important;
width: 100% !important;
}
.insize-mini-doc-btn {
width: 80% !important;
min-width: 0 !important;
justify-content: center !important;
}
.insize-editor-content {
font-size: 15px !important;
line-height: 1.75 !important;
}
.insize-editor-content h2 {
font-size: 24px !important;
margin: 24px 0 12px !important;
}
.insize-editor-content h3 {
font-size: 20px !important;
margin: 20px 0 10px !important;
}
.insize-editor-content table {
display: block !important;
overflow-x: auto !important;
white-space: nowrap !important;
}
.insize-pdf-showcase {
grid-template-columns: 1fr !important;
padding: 18px !important;
gap: 18px !important;
}
.insize-pdf-showcase__right {
text-align: center !important;
max-width: 100% !important;
}
.insize-pdf-showcase__btn {
width: 100% !important;
min-width: 0 !important;
}
}
@media (max-width: 575px) {
.quick-nav,
.banner_pro,
.product-bc {
width: calc(100% - 16px) !important;
}
.pro-swiper,
.pro-info,
.insize-detail-section {
padding: 14px !important;
border-radius: 16px !important;
}
.mySwiper2 .swiper-slide {
min-height: 250px !important;
}
.mySwiper2 .swiper-slide img {
max-height: 210px !important;
}
.mySwiper3 .swiper-slide {
height: 62px !important;
}
.pro-info h1 {
font-size: 22px !important;
}
.pro-info h2 {
font-size: 14px !important;
padding: 0 12px !important;
}
.pro-info .pro_text.insize-short-desc {
padding: 14px 12px 4px !important;
}
.insize-detail-tabs-nav {
gap: 12px !important;
}
.insize-detail-tabs-nav button {
font-size: 15px !important;
}
}
/* =========================================
SINGLE PRODUCT - HARD MOBILE FIX
bunu style.css en altina ekle
========================================= */
@media (max-width: 991px) {
.banner_pro {
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
gap: 14px !important;
width: calc(100% - 24px) !important;
margin: 0 auto 22px !important;
}
.pro-swiper,
.pro-info {
width: 100% !important;
max-width: 100% !important;
}
.pro-swiper {
order: 1 !important;
padding: 12px !important;
border-radius: 18px !important;
box-sizing: border-box !important;
}
.pro-info {
order: 2 !important;
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
overflow: visible !important;
padding: 18px 16px 18px !important;
border-radius: 18px !important;
box-sizing: border-box !important;
}
.pro-info > * {
flex: 0 0 auto !important;
}
.pro-info h1 {
margin: 0 0 12px !important;
font-size: 22px !important;
line-height: 1.2 !important;
word-break: break-word !important;
}
.pro-info h2 {
margin: 0 0 14px !important;
font-size: 15px !important;
line-height: 1.2 !important;
}
.pro-info .insize-feature-bar {
order: 3 !important;
display: flex !important;
flex-direction: column !important;
gap: 10px !important;
margin: 0 0 14px !important;
padding: 0 !important;
}
.pro-info .insize-feature-bar__item {
width: 100% !important;
min-height: 52px !important;
}
.pro-info .pro-scroll {
order: 4 !important;
display: block !important;
position: static !important;
float: none !important;
clear: both !important;
width: 100% !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
overflow: visible !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
opacity: 1 !important;
visibility: visible !important;
}
.pro-info .pro_text.insize-short-desc {
display: block !important;
position: static !important;
float: none !important;
transform: none !important;
width: 100% !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
overflow: visible !important;
margin: 0 !important;
padding: 14px 14px 6px !important;
box-sizing: border-box !important;
background: #f8fbf9 !important;
border: 1px solid #e4efe8 !important;
border-radius: 14px !important;
opacity: 1 !important;
visibility: visible !important;
text-align: left !important;
white-space: normal !important;
}
.pro-info .pro_text.insize-short-desc,
.pro-info .pro_text.insize-short-desc * {
color: #1f2937 !important;
text-indent: 0 !important;
}
.pro-info .pro_text.insize-short-desc p,
.pro-info .pro_text.insize-short-desc li {
display: block !important;
margin: 0 0 10px !important;
font-size: 14px !important;
line-height: 1.65 !important;
word-break: break-word !important;
overflow-wrap: anywhere !important;
}
.mySwiper2 {
border-radius: 16px !important;
overflow: hidden !important;
}
.mySwiper2 .swiper-wrapper {
align-items: center !important;
}
.mySwiper2 .swiper-slide {
display: flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 320px !important;
height: 320px !important;
padding: 10px !important;
background: #fff !important;
box-sizing: border-box !important;
}
.mySwiper2 .swiper-slide img {
width: 100% !important;
height: 100% !important;
max-width: 100% !important;
max-height: 100% !important;
object-fit: contain !important;
display: block !important;
}
.mySwiper3 {
margin-top: 10px !important;
}
.mySwiper3 .swiper-slide {
height: 72px !important;
border-radius: 10px !important;
overflow: hidden !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.mySwiper3 .swiper-slide img {
max-width: 100% !important;
max-height: 100% !important;
object-fit: contain !important;
}
}
@media (max-width: 575px) {
.banner_pro,
.product-bc,
.quick-nav {
width: calc(100% - 16px) !important;
}
.pro-swiper {
padding: 10px !important;
}
.pro-info {
padding: 16px 14px 16px !important;
}
.pro-info h1 {
font-size: 20px !important;
}
.pro-info h2 {
font-size: 14px !important;
}
.mySwiper2 .swiper-slide {
min-height: 280px !important;
height: 280px !important;
}
.mySwiper3 .swiper-slide {
height: 62px !important;
}
}
/* =========================================
ILETISIM SAYFASI - SOL YAZI BLOĞU MOBIL FIX
========================================= */
@media (max-width: 767px) {
.contact_new .contact_map {
display: flex !important;
flex-direction: column !important;
gap: 22px !important;
align-items: stretch !important;
}
.contact_new .contact_map .left,
.contact_new .contact_map .right {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
}
.contact_new .contact_map .left {
order: 1 !important;
}
.contact_new .contact_map .right {
order: 2 !important;
}
.contact_new .contact_map .left h4 {
font-size: 34px !important;
line-height: 1.05 !important;
padding-bottom: 14px !important;
}
.contact_new .contact_map .left h4::after {
width: 110px !important;
height: 4px !important;
}
.contact_new .contact_map .left > span {
display: block !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 0 18px !important;
font-size: 28px !important;
line-height: 1.2 !important;
font-weight: 700 !important;
word-break: normal !important;
overflow-wrap: break-word !important;
}
.contact_new .contact_map .left p {
margin: 0 0 10px !important;
font-size: 19px !important;
line-height: 1.6 !important;
word-break: normal !important;
overflow-wrap: break-word !important;
}
}
@media (max-width: 480px) {
.contact_new .contact_map .left h4 {
font-size: 28px !important;
}
.contact_new .contact_map .left > span {
font-size: 23px !important;
line-height: 1.22 !important;
}
.contact_new .contact_map .left p {
font-size: 17px !important;
line-height: 1.55 !important;
}
}
/* =========================================
HEADER MENU UNDERLINE - HIZA BOZMAYAN FINAL FIX
========================================= */
@media (min-width: 992px) {
.desktop-nav > ul {
display: flex !important;
align-items: center !important;
}
.desktop-nav > ul > li {
position: relative !important;
margin: 0 !important;
padding: 0 !important;
flex: 0 0 auto !important;
}
.desktop-nav > ul > li > a {
display: block !important;
padding: 0 4px !important;
line-height: 1 !important;
border-bottom: 0 !important;
box-shadow: none !important;
text-decoration: none !important;
}
/* Daha önce anchor'a verilmiş underline varsa kapat */
.desktop-nav > ul > li > a::before,
.desktop-nav > ul > li > a::after {
content: none !important;
display: none !important;
}
/* Alt çizgi akışa etki etmesin */
.desktop-nav > ul > li::after {
content: "" !important;
position: absolute !important;
left: 50% !important;
transform: translateX(-50%) !important;
bottom: -18px !important;
width: 0 !important;
height: 3px !important;
border-radius: 999px !important;
background: #159447 !important;
transition: width .22s ease, background-color .22s ease !important;
pointer-events: none !important;
}
.desktop-nav > ul > li:hover::after,
.desktop-nav > ul > li.current-menu-item::after,
.desktop-nav > ul > li.current-menu-ancestor::after,
.desktop-nav > ul > li.current_page_parent::after {
width: calc(100% - 8px) !important;
max-width: 122px !important;
}
/* Scroll sonrası menü yazıları beyaz olduğu için çizgi de beyaz olsun */
header.head_on .desktop-nav > ul > li:hover::after,
header.head_on .desktop-nav > ul > li.current-menu-item::after,
header.head_on .desktop-nav > ul > li.current-menu-ancestor::after,
header.head_on .desktop-nav > ul > li.current_page_parent::after,
header.on .desktop-nav > ul > li:hover::after,
header.on .desktop-nav > ul > li.current-menu-item::after,
header.on .desktop-nav > ul > li.current-menu-ancestor::after,
header.on .desktop-nav > ul > li.current_page_parent::after,
header.fixed .desktop-nav > ul > li:hover::after,
header.fixed .desktop-nav > ul > li.current-menu-item::after,
header.fixed .desktop-nav > ul > li.current-menu-ancestor::after,
header.fixed .desktop-nav > ul > li.current_page_parent::after,
header.active .desktop-nav > ul > li:hover::after,
header.active .desktop-nav > ul > li.current-menu-item::after,
header.active .desktop-nav > ul > li.current-menu-ancestor::after,
header.active .desktop-nav > ul > li.current_page_parent::after {
background: #ffffff !important;
}
}
/* =========================================
DROPDOWN - ASAGI ALMA FINAL
========================================= */
@media (min-width: 992px) {
.desktop-nav > ul > li.nav_list .nav_list_drop {
top: 100% !important;
margin-top: 30px !important;
transform: translateX(-50%) !important;
}
.desktop-nav > ul > li.nav_list .nav_list_drop::before {
content: "" !important;
position: absolute !important;
top: -30px !important;
left: 0 !important;
right: 0 !important;
height: 30px !important;
display: block !important;
}
}
/* =========================================
BLOG ICERIK GORSELLERI - GUVENLI FIX
========================================= */
.insize-blog-single__content img,
.insize-blog-single__content .wp-block-image img,
.insize-blog-single__content figure img,
.insize-blog-single__content p img {
display: block !important;
width: 100% !important;
max-width: 760px !important;
height: auto !important;
max-height: none !important;
margin: 24px auto !important;
object-fit: unset !important;
border-radius: 10px !important;
}
.insize-blog-single__content figure,
.insize-blog-single__content .wp-block-image {
display: block !important;
width: 100% !important;
margin: 24px auto !important;
text-align: center !important;
}
.insize-blog-single__content figure img,
.insize-blog-single__content .wp-block-image img {
margin: 0 auto !important;
}
.insize-blog-single__content figcaption,
.insize-blog-single__content .wp-element-caption {
margin-top: 10px !important;
font-size: 13px !important;
line-height: 1.5 !important;
color: #6b7280 !important;
text-align: center !important;
}
@media (max-width: 767px) {
.insize-blog-single__content img,
.insize-blog-single__content .wp-block-image img,
.insize-blog-single__content figure img,
.insize-blog-single__content p img {
max-width: 100% !important;
margin: 18px auto !important;
border-radius: 8px !important;
}
}
/* =========================================
ANASAYFA 3D SERGI ALANI - MOBILDE VIDEOYU GIZLE
========================================= */
@media (max-width: 767px) {
body.home .data-download2 > video {
display: none !important;
}
body.home .data-download2 > .img {
display: none !important;
}
body.home .data-download2 {
background: #fff !important;
min-height: auto !important;
}
body.home .data-download2 .data-download-iframe {
position: relative !important;
inset: auto !important;
width: 100% !important;
height: 220px !important;
margin: 0 0 16px !important;
display: block !important;
z-index: 2 !important;
}
body.home .data-download2 .data-download-iframe iframe {
width: 100% !important;
height: 100% !important;
border-radius: 12px !important;
display: block !important;
}
body.home .data-download2 .data-download-info {
position: relative !important;
z-index: 3 !important;
}
}
/* =========================================================
SINGLE PRODUCT - REFERENCE STYLE RESET
bunu style.css en altina ekle
========================================================= */
body.single-product .banner_pro{
width:min(1380px, calc(100% - 40px)) !important;
margin:18px auto 34px !important;
display:grid !important;
grid-template-columns:minmax(0, 1.08fr) minmax(420px, .92fr) !important;
gap:34px !important;
align-items:start !important;
}
body.single-product .banner_pro > .pro-swiper{
width:100% !important;
padding:0 !important;
background:transparent !important;
border:0 !important;
border-radius:0 !important;
box-shadow:none !important;
overflow:visible !important;
}
body.single-product .banner_pro > .pro-info{
width:100% !important;
min-height:560px !important;
padding:40px 34px 30px !important;
box-sizing:border-box !important;
border:0 !important;
border-radius:0 !important;
box-shadow:none !important;
background-color:#f7f9fa !important;
background-image:url("https://insize.com/assets/addons/ldcms/insize/images/huise_bc.webp") !important;
background-repeat:no-repeat !important;
background-position:right bottom !important;
background-size:100% auto !important;
overflow:hidden !important;
position:relative !important;
}
body.single-product .banner_pro > .pro-info h1{
margin:0 0 20px !important;
font-size:28px !important;
line-height:1.18 !important;
font-weight:800 !important;
font-style:italic !important;
color:#111827 !important;
word-break:break-word !important;
}
body.single-product .banner_pro > .pro-info h2{
display:block !important;
margin:0 0 28px !important;
padding:0 !important;
min-height:0 !important;
background:none !important;
border:0 !important;
border-radius:0 !important;
font-size:21px !important;
line-height:1.2 !important;
font-weight:700 !important;
color:#2f2f2f !important;
}
/* kısa açıklama kutusu */
body.single-product .banner_pro > .pro-info .pro-scroll{
display:block !important;
width:100% !important;
height:auto !important;
min-height:0 !important;
max-height:none !important;
overflow:visible !important;
margin:0 !important;
padding:0 !important;
background:transparent !important;
position:static !important;
float:none !important;
clear:both !important;
}
body.single-product .banner_pro > .pro-info .pro_text.insize-short-desc{
display:block !important;
width:100% !important;
min-height:0 !important;
max-height:none !important;
height:auto !important;
overflow:visible !important;
margin:0 !important;
padding:0 !important;
background:transparent !important;
border:0 !important;
border-radius:0 !important;
box-sizing:border-box !important;
white-space:normal !important;
text-align:left !important;
}
body.single-product .banner_pro > .pro-info .pro_text.insize-short-desc,
body.single-product .banner_pro > .pro-info .pro_text.insize-short-desc *{
color:#27313d !important;
text-indent:0 !important;
word-break:normal !important;
overflow-wrap:anywhere !important;
}
body.single-product .banner_pro > .pro-info .pro_text.insize-short-desc p{
margin:0 0 14px !important;
font-size:15px !important;
line-height:1.75 !important;
}
body.single-product .banner_pro > .pro-info .pro_text.insize-short-desc ul,
body.single-product .banner_pro > .pro-info .pro_text.insize-short-desc ol{
list-style:none !important;
margin:0 !important;
padding:0 !important;
}
body.single-product .banner_pro > .pro-info .pro_text.insize-short-desc li{
position:relative !important;
margin:0 0 12px !important;
padding-left:16px !important;
font-size:15px !important;
line-height:1.7 !important;
}
body.single-product .banner_pro > .pro-info .pro_text.insize-short-desc li::before{
content:"" !important;
position:absolute !important;
left:0 !important;
top:10px !important;
width:6px !important;
height:6px !important;
border-radius:50% !important;
background:#27b35a !important;
}
/* ürün görsel alanı */
body.single-product .banner_pro .mySwiper2{
background:transparent !important;
border:0 !important;
border-radius:0 !important;
overflow:visible !important;
}
body.single-product .banner_pro .mySwiper2 .swiper-slide{
display:flex !important;
align-items:center !important;
justify-content:center !important;
min-height:500px !important;
height:500px !important;
padding:0 34px !important;
background:transparent !important;
box-sizing:border-box !important;
}
body.single-product .banner_pro .mySwiper2 .swiper-slide img{
width:auto !important;
height:auto !important;
max-width:100% !important;
max-height:430px !important;
object-fit:contain !important;
display:block !important;
}
/* oklar */
body.single-product .banner_pro .swiper-button-prev,
body.single-product .banner_pro .swiper-button-next{
width:44px !important;
height:44px !important;
border-radius:50% !important;
background:rgba(255,255,255,.88) !important;
box-shadow:0 6px 16px rgba(0,0,0,.08) !important;
}
body.single-product .banner_pro .swiper-button-prev:after,
body.single-product .banner_pro .swiper-button-next:after{
font-size:16px !important;
font-weight:700 !important;
color:#9ac8a6 !important;
}
/* alt thumb slider yarım kesilmesin */
body.single-product .banner_pro .mySwiper3{
margin-top:24px !important;
padding:0 !important;
overflow:visible !important;
}
body.single-product .banner_pro .mySwiper3 .swiper-wrapper{
justify-content:center !important;
align-items:center !important;
}
body.single-product .banner_pro .mySwiper3 .swiper-slide{
width:68px !important;
height:68px !important;
border:1px solid #bddfc8 !important;
border-radius:12px !important;
background:#fff !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
overflow:hidden !important;
opacity:1 !important;
padding:6px !important;
margin-top:-20px;
box-sizing:border-box !important;
}
body.single-product .banner_pro .mySwiper3 .swiper-slide img{
max-width:100% !important;
max-height:100% !important;
object-fit:contain !important;
display:block !important;
}
body.single-product .banner_pro .mySwiper3 .swiper-slide-thumb-active{
border-color:#27b35a !important;
}
/* alt açıklama sekmesi */
body.single-product .product-bc{
width:min(1380px, calc(100% - 40px)) !important;
margin:0 auto 70px !important;
}
body.single-product .insize-detail-section{
background:#fff !important;
border:1px solid #e7edf1 !important;
border-radius:0 !important;
padding:28px 30px !important;
box-shadow:none !important;
}
/* mobil */
@media (max-width: 991px){
body.single-product .banner_pro,
body.single-product .product-bc,
body.single-product .quick-nav{
width:calc(100% - 20px) !important;
}
body.single-product .banner_pro{
display:flex !important;
flex-direction:column !important;
gap:50px !important;
margin-bottom:24px !important;
}
body.single-product .banner_pro > .pro-info{
min-height:0 !important;
padding:22px 18px 18px !important;
background-size:cover !important;
}
body.single-product .banner_pro > .pro-info h1{
font-size:24px !important;
margin-bottom:14px !important;
}
body.single-product .banner_pro > .pro-info h2{
font-size:16px !important;
margin-bottom:18px !important;
}
body.single-product .banner_pro .mySwiper2 .swiper-slide{
min-height:360px !important;
height:360px !important;
padding:0 14px !important;
}
body.single-product .banner_pro .mySwiper2 .swiper-slide img{
max-height:300px !important;
}
body.single-product .banner_pro .mySwiper3{
margin-top:14px !important;
}
body.single-product .banner_pro .mySwiper3 .swiper-slide{
width:58px !important;
height:58px !important;
border-radius:10px !important;
}
body.single-product .banner_pro > .pro-info .pro_text.insize-short-desc p,
body.single-product .banner_pro > .pro-info .pro_text.insize-short-desc li{
font-size:14px !important;
line-height:1.65 !important;
}
body.single-product .insize-detail-tabs-head{
flex-direction:column !important;
align-items:stretch !important;
}
body.single-product .insize-detail-tabs-actions{
width:100% !important;
display:grid !important;
grid-template-columns:1fr !important;
gap:10px !important;
}
body.single-product .insize-mini-doc-btn{
width:100% !important;
justify-content:center !important;
}
}
@media (max-width: 575px){
body.single-product .banner_pro,
body.single-product .product-bc,
body.single-product .quick-nav{
width:calc(100% - 14px) !important;
}
body.single-product .banner_pro .mySwiper2 .swiper-slide{
min-height:300px !important;
height:300px !important;
}
body.single-product .banner_pro .mySwiper2 .swiper-slide img{
max-height:250px !important;
}
body.single-product .banner_pro > .pro-info{
padding:18px 14px 16px !important;
}
body.single-product .banner_pro > .pro-info h1{
font-size:21px !important;
line-height:1.2 !important;
}
body.single-product .banner_pro > .pro-info h2{
font-size:15px !important;
}
}
/* =========================================================
SINGLE PRODUCT - ALT ACIKLAMA ALANI FINAL FIX
========================================================= */
body.single-product,
body.single-product .product-bc,
body.single-product .product-info,
body.single-product .insize-detail-section,
body.single-product .insize-detail-tabs,
body.single-product .insize-detail-tab-panel.active,
body.single-product .insize-editor-content {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
box-sizing: border-box !important;
}
body.single-product .product-bc {
width: min(1380px, calc(100% - 40px)) !important;
margin: 0 auto 70px !important;
}
body.single-product .insize-detail-section {
overflow: hidden !important;
padding: 28px 26px !important;
}
body.single-product .insize-detail-tabs-head {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 18px !important;
flex-wrap: wrap !important;
}
body.single-product .insize-detail-tabs-actions {
display: flex !important;
align-items: center !important;
gap: 12px !important;
flex-wrap: wrap !important;
margin-left: auto !important;
}
body.single-product .insize-editor-content {
overflow: visible !important;
color: #4b5563 !important;
font-size: 16px !important;
line-height: 1.9 !important;
}
body.single-product .insize-editor-content > * {
max-width: 100% !important;
box-sizing: border-box !important;
}
body.single-product .insize-editor-content p,
body.single-product .insize-editor-content li,
body.single-product .insize-editor-content td,
body.single-product .insize-editor-content th,
body.single-product .insize-editor-content a,
body.single-product .insize-editor-content strong,
body.single-product .insize-editor-content span {
word-break: normal !important;
overflow-wrap: anywhere !important;
white-space: normal !important;
}
body.single-product .insize-editor-content img,
body.single-product .insize-editor-content figure,
body.single-product .insize-editor-content iframe,
body.single-product .insize-editor-content object,
body.single-product .insize-editor-content embed {
max-width: 50% !important;
height: auto !important;
box-sizing: border-box !important;
}
body.single-product .insize-editor-content .wp-block-table-of-contents {
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
overflow: hidden !important;
padding: 18px 20px !important;
}
body.single-product .insize-editor-content table {
display: block !important;
width: 100% !important;
max-width: 100% !important;
overflow-x: auto !important;
-webkit-overflow-scrolling: touch !important;
white-space: normal !important;
box-sizing: border-box !important;
}
body.single-product .insize-editor-content table tbody,
body.single-product .insize-editor-content table thead,
body.single-product .insize-editor-content table tr {
width: 100% !important;
}
body.single-product .insize-editor-content table th,
body.single-product .insize-editor-content table td {
min-width: 140px !important;
box-sizing: border-box !important;
}
@media (max-width: 991px) {
body.single-product .product-bc {
width: calc(100% - 20px) !important;
}
body.single-product .insize-detail-section {
padding: 20px 16px !important;
}
body.single-product .insize-detail-tabs-head {
flex-direction: column !important;
align-items: stretch !important;
}
body.single-product .insize-detail-tabs-actions {
width: 100% !important;
margin-left: 0 !important;
display: grid !important;
grid-template-columns: 1fr !important;
gap: 10px !important;
}
body.single-product .insize-mini-doc-btn {
width: 90% !important;
min-width: 0 !important;
justify-content: center !important;
}
body.single-product .insize-editor-content {
font-size: 15px !important;
line-height: 1.75 !important;
}
}
@media (max-width: 575px) {
body.single-product .product-bc {
width: calc(100% - 14px) !important;
}
body.single-product .insize-detail-section {
padding: 18px 14px !important;
}
body.single-product .insize-editor-content,
body.single-product .insize-editor-content p,
body.single-product .insize-editor-content li,
body.single-product .insize-editor-content td,
body.single-product .insize-editor-content th {
font-size: 14px !important;
line-height: 1.7 !important;
}
}
/* SADECE BLOG YAZI ICERIGINI DARALT */
body.single-post .insize-blog-single__content > article {
max-width: 980px !important;
margin: 0 auto !important;
box-sizing: border-box !important;
}
body.single-post .insize-blog-single__content > article > section {
width: 100% !important;
max-width: 100% !important;
margin: 0 0 28px !important;
box-sizing: border-box !important;
}
body.single-post .insize-blog-single__content > article > section > * {
max-width: 100% !important;
box-sizing: border-box !important;
}
body.single-post .insize-blog-single__content > figure,
body.single-post .insize-blog-single__content > .wp-block-image {
max-width: 1180px !important;
margin: 0 auto 30px !important;
}
body.single-post .insize-blog-single__content > figure img,
body.single-post .insize-blog-single__content > .wp-block-image img {
width: 100% !important;
height: auto !important;
display: block !important;
}
@media (max-width: 991px) {
body.single-post .insize-blog-single__content > article,
body.single-post .insize-blog-single__content > figure,
body.single-post .insize-blog-single__content > .wp-block-image {
max-width: 100% !important;
}
}
/* SINGLE PRODUCT - MOBILE THUMBS YAN YANA FIX */
@media (max-width: 767px) {
body.single-product .banner_pro .mySwiper3 {
width: 100% !important;
margin-top: 12px !important;
padding: 0 4px !important;
overflow-x: auto !important;
overflow-y: hidden !important;
-webkit-overflow-scrolling: touch !important;
}
body.single-product .banner_pro .mySwiper3 .swiper-wrapper {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
min-width: 100% !important;
width: max-content !important;
}
body.single-product .banner_pro .mySwiper3 .swiper-slide {
width: 58px !important;
min-width: 58px !important;
max-width: 58px !important;
flex: 0 0 58px !important;
height: 58px !important;
margin: 0 !important;
border-radius: 10px !important;
}
body.single-product .banner_pro .mySwiper3 .swiper-slide img {
width: 100% !important;
height: 100% !important;
object-fit: contain !important;
display: block !important;
}
}
@media (max-width: 575px) {
body.single-product .banner_pro .mySwiper3 .swiper-slide {
width: 54px !important;
min-width: 54px !important;
max-width: 54px !important;
flex: 0 0 54px !important;
height: 54px !important;
}
}
@media (min-width: 992px){
body.single-product .banner_pro{
display:grid !important;
grid-template-columns:minmax(0, 1.08fr) minmax(420px, .92fr) !important;
gap:34px !important;
align-items:start !important;
}
body.single-product .banner_pro > .pro-swiper{
min-width:0 !important;
overflow:hidden !important;
position:relative !important;
z-index:1 !important;
}
body.single-product .banner_pro > .pro-info{
min-width:0 !important;
position:relative !important;
z-index:2 !important;
}
body.single-product .banner_pro .mySwiper2{
overflow:hidden !important;
}
body.single-product .banner_pro .mySwiper2 .swiper-slide{
overflow:hidden !important;
}
}
/* =========================================
SINGLE PRODUCT MOBILE FINAL FIX
========================================= */
@media (max-width: 767px) {
body.single-product .banner_pro {
gap: 14px !important;
}
body.single-product .banner_pro > .pro-swiper {
padding: 0 !important;
overflow: visible !important;
}
/* ANA GÖRSELİ BÜYÜT */
body.single-product .banner_pro .mySwiper2 {
overflow: hidden !important;
}
body.single-product .banner_pro .mySwiper2 .swiper-slide {
min-height: 260px !important;
height: 260px !important;
padding: 8px 8px 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
overflow: hidden !important;
}
body.single-product .banner_pro .mySwiper2 .swiper-slide img {
max-width: 100% !important;
max-height: 230px !important;
width: auto !important;
height: auto !important;
object-fit: contain !important;
display: block !important;
}
/* OKLAR */
body.single-product .banner_pro .swiper-button-prev,
body.single-product .banner_pro .swiper-button-next {
width: 38px !important;
height: 38px !important;
margin-top: -18px !important;
}
body.single-product .banner_pro .swiper-button-prev:after,
body.single-product .banner_pro .swiper-button-next:after {
font-size: 14px !important;
}
/* THUMB SATIRINI DÜZELT */
body.single-product .banner_pro .mySwiper3 {
width: 100% !important;
margin-top: 10px !important;
padding: 25px 4px !important;
overflow-x: auto !important;
overflow-y: hidden !important;
-webkit-overflow-scrolling: touch !important;
}
body.single-product .banner_pro .mySwiper3 .swiper-wrapper {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: center !important;
justify-content: center !important;
gap: 10px !important;
width: max-content !important;
min-width: 100% !important;
}
body.single-product .banner_pro .mySwiper3 .swiper-slide {
width: 66px !important;
min-width: 66px !important;
max-width: 66px !important;
flex: 0 0 66px !important;
height: 66px !important;
min-height: 66px !important;
max-height: 66px !important;
margin: 0 !important;
padding: 6px !important;
border-radius: 12px !important;
overflow: hidden !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
box-sizing: border-box !important;
}
body.single-product .banner_pro .mySwiper3 .swiper-slide img {
width: 100% !important;
height: 100% !important;
max-width: 100% !important;
max-height: 100% !important;
object-fit: contain !important;
display: block !important;
}
}
@media (max-width: 575px) {
body.single-product .banner_pro .mySwiper2 .swiper-slide {
min-height: 240px !important;
height: 240px !important;
}
body.single-product .banner_pro .mySwiper2 .swiper-slide img {
max-height: 215px !important;
}
body.single-product .banner_pro .mySwiper3 .swiper-slide {
width: 62px !important;
min-width: 62px !important;
max-width: 62px !important;
flex: 0 0 62px !important;
height: 62px !important;
min-height: 62px !important;
max-height: 62px !important;
}
}