.sc-root { position: relative; --tc-dur: 700ms; --tc-ease: cubic-bezier(.22,1,.36,1); } .sc-container { max-width: 1440px; margin: 0 auto; padding: 40px 20px; } .sc-slider-container { display: block; background: transparent; border-radius: 25px; overflow: hidden; min-height: 500px; }
.sc-slider-content { position: relative; background: transparent; padding: 40px; display: flex; flex-direction: column; justify-content: center; }
.sc-slider-tabs { display: flex; gap: 20px; align-items: center; padding: 0 40px 20px 0; position: relative; }
.sc-tab { padding: 20px 40px; cursor: pointer; transition: all .25s ease; border-radius: 30px; background: #fff; color: #16193B; width: 286px; min-width: 286px; position: relative; }
.sc-tab.active { background:#fff; color:#16193B; position:relative; min-width:490px; border-bottom-left-radius:0; border-bottom-right-radius:0; margin-top:20px; }
.sc-tab.active::before { content:''; position:absolute; left:12px; bottom:-16px; width:calc(100% + 40px); height:16px; background:transparent; }
.sc-tab-text { font-family:'Barlow', sans-serif; color:#16193B; font-weight:500; font-size:22px; line-height:110%; letter-spacing:0; transition:all .25s ease; }
.sc-tab.active .sc-tab-text { font-family:'Barlow Semi Condensed', sans-serif; font-weight:600; font-size:40px; line-height:110%; letter-spacing:-0.01em; }
#sliderTabs .sc-tab:last-child {
background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(3, 0, 0, 0) 60%);
} .sc-tab-panel { position:absolute; left:0; top:calc(100% + -1px); background:#fff; border-radius:30px; border-top-left-radius:0; border-top-right-radius:0; padding:7px 40px 40px 40px; max-width:490px; width:100%; z-index:5; } .sc-content-row { display:grid; grid-template-columns:1.1fr .9fr; align-items:center; gap:40px; }
.sc-content-wrapper { position:relative; overflow:hidden; min-height:320px; height:auto; transition:height var(--tc-dur,700ms) cubic-bezier(.22,1,.36,1); opacity:0; }
.sc-visual-panel { position:relative; min-height:300px; }
.sc-sock-image { max-width:100%; height:auto; display:block; transition:opacity var(--tc-dur,700ms) var(--tc-ease, cubic-bezier(.22,1,.36,1)), transform var(--tc-dur,700ms) var(--tc-ease, cubic-bezier(.22,1,.36,1)); will-change: opacity, transform; backface-visibility:hidden; transform:translateZ(0); }
.sc-sock-highlight { position:absolute; width:14px; height:14px; border-radius:50%; background:#FF8959; animation:pulse 2.2s infinite; transform:translate(-50%,-50%); transition: top var(--tc-dur,700ms) var(--tc-ease, cubic-bezier(.22,1,.36,1)), left var(--tc-dur,700ms) var(--tc-ease, cubic-bezier(.22,1,.36,1)); will-change: top, left; }
@keyframes pulse { 0%{box-shadow:0 0 0 0 rgba(255,137,89,.55);} 70%{box-shadow:0 0 0 18px rgba(255,137,89,0);} 100%{box-shadow:0 0 0 0 rgba(255,137,89,0);} } .sc-slide-content { position:absolute; top:0; left:0; width:100%; display:flex; flex-direction:column; justify-content:center; opacity:0; transform:translateX(24px); transition:opacity var(--tc-dur,700ms) cubic-bezier(.22,1,.36,1), transform var(--tc-dur,700ms) cubic-bezier(.22,1,.36,1); }
.sc-slide-content.active { opacity:1; transform:translateX(0); } .sc-category-box { background:#fff; border-radius:30px; padding:24px; margin-bottom:30px; border:2px solid transparent; transition:all .3s ease; }
.sc-category-title { font-family:'Barlow Semi Condensed', sans-serif; font-size:1.5rem; font-weight:800; color:#16193B; margin-bottom:14px; letter-spacing:.02em; }
.sc-category-grid { display:grid; grid-template-columns:repeat(2, minmax(180px,1fr)); gap:4px 18px; }
.sc-category-chip { font-family: 'Switzer', sans-serif !important;background: #fff !important;border: 1px solid #fff;border-radius: 30px !important;padding: 10px 14px;line-height: 130%;cursor: pointer !important;transition: all .2s ease;font-weight: 400 !important;color: #162039 !important;font-size: 16px !important;letter-spacing: 0;text-align: left;display: inline-flex;align-items: center;gap: 10px; }
.sc-category-chip:hover { border-color:#FF8959; }
.sc-category-chip.active { background:#FF8959 !important; color:#fff !important; border-color:#FF8959; border-radius:9999px !important; position:relative; justify-content:space-between; }
.sc-chip-dot { width:13.33px; height:13.33px; flex:0 0 auto; } .sc-navigation-arrows { display:flex; justify-content:center; gap:17.3px; position:absolute; margin-top:120px; background-image:url(//cagdas.com.tr/wp-content/plugins/corap-tech/assets/arrowbg.svg); background-repeat:no-repeat; background-size:cover; width:138px; height:66px; }
.sc-nav-arrow { width:54px; height:54px; border:none; border-radius:50% !important; background:#FF8959 !important; color:#fff !important; cursor:pointer !important; display:flex; align-items:center; justify-content:center; transition:all .3s ease; position:relative; top:6px; }
.sc-nav-arrow svg { display:none; }
.sc-nav-arrow::after { content:''; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:18.14px; height:21.89px; background:url(//cagdas.com.tr/wp-content/plugins/corap-tech/assets/arrow-r.svg) no-repeat center/contain; }
.sc-nav-arrow.sc-prev::after { transform:translate(-50%,-50%) rotate(180deg); }
.sc-nav-arrow:hover:not(:disabled) { transform:scale(1.1); }
.sc-nav-arrow:disabled { background:#fff !important; cursor:not-allowed !important; opacity:.5; } @media (max-width: 768px) {
.sc-slider-content { 
flex-direction: column; 
padding: 20px; 
} .sc-tab:not(.active) { 
display: none; 
}
.sc-slider-tabs { 
padding: 0; 
order: 2; margin: 20px 0;
}
.sc-tab.active { 
width: 100%; 
min-width: 0; 
margin-top: 0;
border-radius: 30px;
background: #fff;
padding: 20px;
}
.sc-tab.active .sc-tab-text {
font-size: 24px;
font-weight: 600;
margin-bottom: 16px;
display: block;
} .sc-tab-panel { 
position: static;
background: transparent;
padding: 0;
max-width: none;
width: 100%;
border-radius: 0;
}
.sc-content-row { 
display: flex; 
flex-direction: column;
order: 1;
gap: 0;
}
.sc-visual-panel {
order: 1;
min-height: 250px;
margin-bottom: 20px;
} .sc-content-wrapper { 
display: none;
}
.sc-sock-image { 
max-height: 280px; 
margin: 0 auto; 
}
.sc-category-grid { 
grid-template-columns: 1fr; 
gap: 8px; 
}
.sc-navigation-arrows { 
position: relative; 
margin: 30px auto 0;
order: 3; }
}.elementor-widget-image-box .elementor-image-box-content{width:100%}@media (min-width:768px){.elementor-widget-image-box.elementor-position-left .elementor-image-box-wrapper,.elementor-widget-image-box.elementor-position-right .elementor-image-box-wrapper{display:flex}.elementor-widget-image-box.elementor-position-right .elementor-image-box-wrapper{flex-direction:row-reverse;text-align:end}[dir=rtl] .elementor-widget-image-box.elementor-position-right .elementor-image-box-wrapper{flex-direction:row}.elementor-widget-image-box.elementor-position-left .elementor-image-box-wrapper{flex-direction:row;text-align:start}[dir=rtl] .elementor-widget-image-box.elementor-position-left .elementor-image-box-wrapper{flex-direction:row-reverse}.elementor-widget-image-box.elementor-position-top .elementor-image-box-img{margin:auto}.elementor-widget-image-box.elementor-vertical-align-top .elementor-image-box-wrapper{align-items:flex-start}.elementor-widget-image-box.elementor-vertical-align-middle .elementor-image-box-wrapper{align-items:center}.elementor-widget-image-box.elementor-vertical-align-bottom .elementor-image-box-wrapper{align-items:flex-end}}@media (max-width:767px){.elementor-widget-image-box .elementor-image-box-img{margin-inline:auto!important;margin-bottom:15px}}.elementor-widget-image-box .elementor-image-box-img{display:inline-block}.elementor-widget-image-box .elementor-image-box-img img{display:block;line-height:0}.elementor-widget-image-box .elementor-image-box-title a{color:inherit}.elementor-widget-image-box .elementor-image-box-wrapper{text-align:center}.elementor-widget-image-box .elementor-image-box-description{margin:0}.elementor-animation-grow{transition-duration:.3s;transition-property:transform}.elementor-animation-grow:active,.elementor-animation-grow:focus,.elementor-animation-grow:hover{transform:scale(1.1)}