/* IMPORT FONT: Gilroy */ @font-face { font-family: 'GilroyL'; src: url('../fonts/Gilroy-Light.ttf') format('truetype'); } @font-face { font-family: 'GilroyR'; src: url('../fonts/Gilroy-Regular.ttf') format('truetype'); } @font-face { font-family: 'Gilroy'; src: url('../fonts/Gilroy-Medium.ttf') format('truetype'); } @font-face { font-family: 'GilroySB'; src: url('../fonts/Gilroy-Semibold.ttf') format('truetype'); } @font-face { font-family: 'GilroyB'; src: url('../fonts/Gilroy-Bold.ttf') format('truetype'); } /* ROOT VARIABLE START */ :root{ --titleFont: "Gilroy", sans-serif; --generalFont: "Gilroy", sans-serif; --generalFontR : "GilroyR", sans-serif; --generalFontSB : "GilroySB", sans-serif; --red: #ec1f28; --lightRed: #ec1f28; --blue: #1a4892; --purple: #151149; --grayLight: #dddce0; --grayBg: #f7f7f7; --black: #000; --boxShadowRightBottom: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px; --boxShadowSquare: rgba(0, 0, 0, 0.1) 0px 4px 12px; --boxShadowCircle: rgba(0, 0, 0, 0.2) 0px 18px 50px -10px; --maxWidth: 1480px; --smallMaxWidth: 1280px; --paddingDX: 64px; } /* ROOT VARIABLE END */ /* WEBKİT SCROOL BAR */ body::-webkit-scrollbar { width: 16px; } body::-webkit-scrollbar-track { background: #f9f9f9; } body::-webkit-scrollbar-thumb { background: var(--grayLight); } body::-webkit-scrollbar-thumb:hover { background: var(--black); } /* GENERAL CLASS START */ *{box-sizing: border-box; text-decoration: none;} body{ font-family: var(--generalFont) !important; background: var(--grayBg);} h1, h2, h3, h4, h5, h6{ font-family: var(--titleFont) !important; } a{ font-family: var(--generalFont) !important;} .displayNone{display: none !important;} .displayActive{display: block !important;} a, a:hover{color: var(--blue); text-decoration: none;} /* GENERAL CLASS END */ /* UI KIT ICONS CHANGE BOOTSTRAP */ .uk-icon-caret-down:before, .uk-icon-angle-down:before{content: "\F124"; font-family: bootstrap-icons !important; color: var(--black); font-size: 16px;} /* UI KIT DESIGN START */ .uk-navbar:after, .uk-navbar:before, .uk-container:after, .uk-container:before{display: none;} @media (min-width: 1680px){ .uk-container {width: 94vw !important; max-width: var(--maxWidth) !important; padding: 0; margin: 0 auto}; } @media (min-width: 992px) and (max-width: 1680px) { .uk-container {max-width: var(--maxWidth) !important; padding: 0; margin: 0 auto}; } @media (min-width: 320px) and (max-width: 991px) { .uk-container {max-width: 94vw !important; padding: 0; margin: 0 auto}; } .uk-grid {margin-left: 0; padding: 0;} .uk-grid>* {padding-left: 0; margin: 0;} .uk-navbar{background: none} .uk-navbar-nav li a { display: block; height: auto; padding: 0; line-height: auto; color: var(--blue); font-size: 16px; font-weight: 600; font-family:var(--titleFont); transition: all 300ms ease;} .uk-navbar-nav>li.uk-open>a, .uk-navbar-nav>li:hover>a, .uk-navbar-nav>li>a:focus{color: var(--purple); background: none; background-color: none;} .uk-dropdown {padding: 4px;background: #fff;color: var(--black);font-size: 16px; border: 1px solid var(--black); border-radius: 4px;} .uk-nav-dropdown>li>a:focus, .uk-nav-dropdown>li>a:hover{background: var(--grayLight);} .uk-nav-side>li.uk-active>a{background:none;color: var(--lightRed);} .uk-nav-side>li>a:focus, .uk-nav-side>li>a:hover{background: none;color: var(--red);} .uk-table{margin-bottom: 0;font-weight: 500; font-size: 14px;} .uk-table-bordered td{border-top:1px solid var(--grayLight)} .uk-modal-dialog{border-radius: 8px;} .bluemodal .uk-modal-dialog{background-color: var(--grayLight);color: var(--black);} .uk-close{width: 24px;} .uk-close:after{background: url(../images/x.svg) no-repeat center;background-size: 100%; width: 100%;display: block;font-size: 0px;} .uk-modal-dialog>.uk-close:first-child{margin-right: 0;width: 24px;height: 24px;line-height: 24px;} .uk-panel-box{background: none;} .uk-panel-title{font-family: var(--titleFont); font-weight: 600; font-size: 18px; letter-spacing: .2px; color: var(--blue);} select, textarea, input:not([type]), input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=number], input[type=email], input[type=url], input[type=search], input[type=tel], input[type=color]{ background: white !important; color: var(--blue);border: none !important; outline: 1px solid var(--blue) !important; padding: 8px 16px !important; transition: all 300ms ease; font-family: var(--generalFont); font-size: 15px; font-weight: 400; letter-spacing: .3px; min-height: 48px !important; } input:hover, textarea:hover, select:hover{ outline: 2px solid var(--purple) !important; border: none !important; cursor: pointer; } select:focus, textarea:focus, input:not([type]):focus, input[type=text]:focus, input[type=password]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=date]:focus, input[type=month]:focus, input[type=time]:focus, input[type=week]:focus, input[type=number]:focus, input[type=email]:focus, input[type=url]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=color]:focus{ outline: 2px solid var(--purple) !important; border: none !important; cursor: pointer; } input[type=checkbox]{border-color: var(--grayLight);border-radius: 4px;} input[type=checkbox]:checked:before{color: var(--blue);} input[type=radio]{border-color: var(--grayLight);border-radius: 4px;} input[type=radio]:checked:before{color: var(--blue);} .uk-button{background: var(--blue); color: white; transition: all 300ms ease; padding: 8px 16px; font-weight: 500; letter-spacing: .3px; border-radius: 24px !important;} .uk-button:hover{background: var(--purple); color: white;} .uk-icon-button{background-color: var(--blue); color: white; transition: all 300ms ease; padding: 8px 16px; font-weight: 500; letter-spacing: .3px; border-radius: 50%;display: flex; align-items: center; justify-content: center;} .uk-icon-button:hover{background-color: var(--purple);} /* UI KIT DESIGN END */ /* HEADER START */ #siteheader{margin-bottom: 32px;} .h-section2, .h-section3{background: white;} /* HEADER SECTİON 1*/ .h-section1{background: var(--red); padding: 10px 0;} ._h1Inner{color: white; text-align: center; font-family: var(--generalFontR); font-size: 15px; font-weight: 400; letter-spacing: .3px;} ._h1Inner a{color: white; font-weight: 600; font-family: var(--generalFontSB);} /* HEADER SECTİON 2*/ ._h2Inner{display: flex; column-gap: 128px; justify-content: space-between; align-items: center; padding: 20px 0;} ._h2Inner ._h2Main{min-width: 220px;} ._h2Inner ._h2Main img{height: 48px; width: auto; max-width: 240px; object-fit: contain; display: block;} ._h2Inner ._h2Left{flex: 1;} ._h2Inner .header-search{background-color: var(--grayBg); border-radius: 24px; display: flex; padding: 0 24px;} ._h2Inner .header-search input, ._h2Inner .header-search button{background: none !important; border: none !important; outline: none !important;} ._h2Inner .header-search input{flex: 1;} ._h2Inner .header-search button i{font-size: 24px; color: var(--blue);} ._h2Right{display: flex; align-items: center; column-gap: 20px;} ._h2Right .header-cart-module{display: flex; align-items: center; height: 40px;} .header-icon{display: inline-flex; align-items: center; justify-content: center; position: relative; height: 40px; color: var(--blue); text-decoration: none !important; line-height: 1;} .header-icon i{font-size: 26px; line-height: 1; color: var(--blue);} .header-icon-user{column-gap: 6px;} .header-icon-user span{font-size: 16px; font-weight: 500; color: var(--blue); white-space: nowrap;} .header-badge{position: absolute; top: -2px; right: -8px; min-width: 18px; height: 18px; padding: 0 4px; border-radius: 50%; background: var(--red); color: #fff; font-size: 11px; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; line-height: 1;} .header-compare-count{display: none;} .header-cart-module .cart-module-content.uk-dropdown{width: 340px; padding: 12px; border: 1px solid var(--grayLight); border-radius: 16px; box-shadow: var(--boxShadowSquare); background: #fff;} .ekin-minicart{display: flex; flex-direction: column; gap: 10px; min-width: 280px;} .ekin-minicart-item{display: flex; align-items: center; gap: 10px;} .ekin-minicart-thumb{flex: 0 0 56px; width: 56px; height: 56px; border: 1px solid var(--grayLight); border-radius: 12px; overflow: hidden; background: var(--grayBg);} .ekin-minicart-thumb img{width: 56px; height: 56px !important; object-fit: contain; display: block;} .ekin-minicart-info{flex: 1; min-width: 0;} .ekin-minicart-info a{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 13px; line-height: 16px; font-weight: 600; color: var(--blue);} .ekin-minicart-info span{display: block; margin-top: 4px; font-size: 12px; color: #777;} .ekin-minicart-price{color: var(--red); font-size: 14px; white-space: nowrap;} .ekin-minicart-empty{margin: 8px 0; text-align: center; color: var(--blue); font-size: 14px;} .ekin-minicart-foot{display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-top: 10px; border-top: 1px solid var(--grayLight);} .ekin-minicart-total{display: flex; flex-direction: column; color: var(--blue); font-size: 12px;} .ekin-minicart-total strong{font-size: 16px; color: var(--red);} .ekin-minicart-foot .uk-button{padding: 6px 18px; line-height: 28px; border-radius: 20px !important;} /* HEADER SECTİON 3*/ ._h3Inner{display: flex; justify-content: space-between; padding: 10px 0;} ._h3Info{display: flex; column-gap: 32px;} ._h3Info a{display: flex; align-items: center; column-gap: 8px; color: var(--blue); font-size: 16px; font-weight: 600;} ._h3Info i{font-size: 24px; color: var(--red);} .site-cat-menu .menu-item{margin: 0 12px;} .site-cat-menu .menu-item:first-child{margin: 0 16px 0 0;} .site-cat-menu .menu-item a{font-size: 18px; color: var(--blue);} .site-cat-menu .menu-item .uk-dropdown{width: 256px;} .site-cat-menu .menu-item .uk-dropdown .uk-nav{padding: 16px; margin: 0;} .site-cat-menu .menu-item .uk-dropdown .uk-nav li{margin: 12px 0;} .site-cat-menu .menu-item .uk-dropdown .uk-nav li a:hover{background: none; color: var(--purple);} /* MOBILE HEADER START */ ._mobilHeaderContainer{background: white; z-index: 99; box-shadow: 0 1px 8px rgba(0,0,0,.06);} ._mobTopContainer{display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 14px; min-height: 56px;} ._mobTopContainer .mobile-toggle{display: flex; align-items: center; column-gap: 14px; flex: 0 0 auto;} .mob-logo{flex: 1; display: flex; align-items: center; justify-content: center; min-width: 0;} .mob-logo img{height: 28px; width: auto; max-width: 140px; object-fit: contain; display: block;} .mobTopContent i{font-size: 20px; color: var(--blue);} .mob-header-actions{display:flex; align-items:center; gap:12px;} .mob-compare,.mob-cart{position:relative; display:inline-flex; align-items:center; justify-content:center;} .mob-compare .header-badge,.mob-cart .header-badge{top:-6px; right:-8px;} .ekin-mob-auth{display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-bottom:20px;} .ekin-mob-auth-btn{display:block; text-align:center; background:var(--blue); color:#fff !important; border-radius:20px; padding:10px 8px; font-size:13px; font-weight:600; font-family:var(--generalFont); text-decoration:none !important;} .ekin-mob-auth-btn.is-outline{background:#fff; color:var(--blue) !important; border:1px solid var(--blue);} ._mobSearch{display: flex; justify-content: space-evenly; padding: 8px 16px;} ._mobSearch i{font-size: 18px; color: var(--blue);} ._mobSearch #search1{border: 1px solid var(--blue); width: 80%; display: flex; justify-content: space-between; padding: 2px 4px; border-radius: 16px;} ._mobSearch #search1 input, ._mobSearch button{border: none !important; outline: none !important; background: none !important;} ._mobSearch #search1 input:hover, ._mobSearch button:hover{border: none !important; outline: none !important; background: none !important; cursor: pointer;} ._mobSearch #search1 input:focus{border: none !important; outline: none !important; background: none !important; cursor: inherit;} ._mobSearch #search1 input{min-height: 36px !important;} #mobilemenu{background: rgb(255, 255, 255,.95); display: flex; flex-direction: column; row-gap: 48px; padding: 32px;} .mob-user-link i{font-size: 24px; color: var(--black);} .mob-user-link a{font-size: 20px; letter-spacing: .6px; font-weight: 600; color: var(--black);} .moblinks ul{padding-left: 0; margin: 0; list-style: none;} .mtitleb{font-size: 16px; letter-spacing: .3px; font-weight: 700; margin: 24px 0 12px; color: var(--blue); border-top: 1px solid var(--grayLight); padding-top: 20px; font-family: var(--generalFont);} #mobilemenu .menu-item{font-size: 16px; letter-spacing: .3px; font-weight: 500; margin-bottom: 16px; color: var(--lacivert);} .lnr-chevron-down{display: none;} .read-all{display: none;} .child-box ul{padding-left: 16px; margin-top: 12px;} .child-box ul li{margin-bottom: 12px;} .add-mob-links ul{display: flex; flex-direction: column; row-gap: 8px; font-size: 14px; font-weight: 400;} .add-mob-links ul li a{color: #333; text-decoration: none; font-family: var(--generalFontR);} #canvas-bar .uk-offcanvas-bar.ekin-mobile-menu{background: #fff; color: var(--purple); width: 86%; max-width: 360px; padding: 28px 20px 40px; box-shadow: var(--boxShadowSquare);} #canvas-bar .uk-offcanvas-bar.ekin-mobile-menu::after{display: none;} #canvas-bar .uk-offcanvas-bar .uk-offcanvas-close{color: var(--blue);} .mobile-cats{display: flex; flex-direction: column; gap: 20px;} .mobile-cat-group ul{list-style: none; padding: 0; margin: 6px 0 0;} .mobile-cat-title{display: block; color: var(--blue) !important; font-size: 16px; line-height: 1.3; font-weight: 700; font-family: var(--generalFont); text-decoration: none !important;} .mobile-cat-group li a{display: block; color: #333 !important; font-size: 13px; line-height: 1.4; font-weight: 400; font-family: var(--generalFontR); text-decoration: none !important; padding: 4px 0;} .mobile-cat-group li a:hover,.mobile-cat-title:hover{color: var(--red) !important;} /* MOBILE HEADER END */ /* HEADER END */ /* WP Buttons */ ._wpButtonContainer{position: fixed; right: 32px; bottom: 32px; border: 1px solid var(--blue); color: white;background: var(--blue); padding: 12px; z-index: 99; border-radius: 24px; transition: all 300ms ease;} ._wpButton{display: flex; align-items: center; column-gap: 8px; color: white; font-size: 18px;} ._wpButton i{font-size: 24px;} ._wpButtonContainer:hover{background: var(--purple) !important;} ._wpButtonContainer a:hover{color: white !important;} /* To Tap Bar */ .to-top-bar{right: 32px; bottom: 96px;} .to-top-bar a{background: var(--blue); border-color: var(--blue); outline-color: var(--blue);} .to-top-bar a:hover{background: var(--purple) !important; color: white !important;} .ekin-slider{position:relative; overflow:hidden; border-radius:50px;} .ekin-slider .owl-carousel, .ekin-slider .owl-stage-outer, .ekin-slider .owl-stage, .ekin-slider .owl-item, .ekin-slider .ekin-slider-item{overflow:hidden; border-radius:50px;} .ekin-slider-item{position:relative;} .ekin-slider-media{position:relative;} .ekin-slider-media, .ekin-slider-media picture, .ekin-slider-media img{display:block; width:100%; height:auto; object-fit:cover; object-position:right center;} .ekin-slider-item::after{content:""; position:absolute; inset:0; background:linear-gradient(90deg, rgb(255 255 255 / 71%) 0%, rgba(255, 255, 255, .51) 42%, rgba(255, 255, 255, 0) 70%); pointer-events:none; z-index:1; border-radius:inherit;} .ekin-slider-copy{position:absolute; left:18%; top:50%; transform:translateY(-50%); z-index:2; max-width:560px; color:var(--blue);} .ekin-slider-copy h2{margin:0 0 12px; color:var(--blue); font-size:48px; line-height:1.15; font-weight:800;} .ekin-slider-copy p{margin:0 0 22px; color:var(--blue); font-size:20px; line-height:1.45; max-width:480px; font-weight:600;} .ekin-slider-copy .uk-button{background:var(--blue); color:#fff; border:0; border-radius:24px; padding:12px 26px; line-height:1.2; font-size:16px; font-weight:700;} .ekin-slider .owl-nav{position:absolute; inset:0; width:100%; height:100%; margin:0 !important; pointer-events:none; z-index:3;} .ekin-slider .owl-nav .owl-prev, .ekin-slider .owl-nav .owl-next{position:absolute; top:50%; transform:translateY(-50%); width:44px; height:44px; border-radius:50%; background:#fff !important; color:var(--blue); display:flex; align-items:center; justify-content:center; pointer-events:auto; box-shadow:var(--boxShadowSquare);} .ekin-slider .owl-nav .owl-prev{left:16px;} .ekin-slider .owl-nav .owl-next{right:16px;} .ekin-slider .owl-nav i{color:var(--blue); font-size:22px; line-height:1;} .ekin-slider .owl-dots{position:absolute; left:0; right:0; bottom:18px; margin:0; z-index:3;} .ekin-slider .owl-dots .owl-dot span{width:10px; height:10px; margin:4px; background:rgba(255,255,255,.45); border-radius:50%;} .ekin-slider .owl-dots .owl-dot.active span, .ekin-slider .owl-dots .owl-dot:hover span{background:#fff;} @media (max-width: 991px) { .ekin-slider, .ekin-slider .owl-carousel, .ekin-slider .owl-stage-outer, .ekin-slider .owl-item, .ekin-slider .ekin-slider-item{border-radius:24px;} .ekin-slider .owl-carousel, .ekin-slider .owl-stage-outer, .ekin-slider .owl-stage, .ekin-slider .owl-item{height:auto;} .ekin-slider-item{aspect-ratio:4 / 3; width:100%; height:auto;} .ekin-slider-media{position:absolute; inset:0; width:100%; height:100%;} .ekin-slider-media picture, .ekin-slider-media img{width:100%; height:100%; object-fit:cover; object-position:center center;} .ekin-slider-item::after{background:linear-gradient(180deg, rgba(255,255,255,.88) 0%, rgba(255,255,255,.28) 58%, rgba(255,255,255,0) 100%);} .ekin-slider-copy{left:20px; right:20px; top:20px; bottom:0; transform:none; max-width:none;} .ekin-slider-copy h2{font-size:26px; margin-bottom:8px;} .ekin-slider-copy p{font-size:15px; margin-bottom:0;} .ekin-slider-copy .uk-button{position:absolute; left:0; bottom:44px; z-index:4; margin:0; padding:10px 20px; font-size:14px;} .ekin-slider .owl-nav .owl-prev, .ekin-slider .owl-nav .owl-next{width:36px; height:36px;} .ekin-slider .owl-nav .owl-prev{left:10px;} .ekin-slider .owl-nav .owl-next{right:10px;} .ekin-slider .owl-dots{bottom:12px; pointer-events:none;} .ekin-slider .owl-dots .owl-dot{pointer-events:auto;} } /* HOME Page START */ /* Home Top info */ ._htop1Container{} ._htop1Inner{max-width: var(--smallMaxWidth) !important; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 64px; padding: 96px 0;} ._htop1Item{color: var(--purple); text-align: center;} ._ht1iImg img{display: block; width: 88px; height: 88px; object-fit: contain; margin: 0 auto;} ._ht1iTitle{font-size: 24px; letter-spacing: .3px; line-height: 28px; font-weight: 600; margin:24px 0;} ._ht1iDesc{font-size: 16px; font-weight: 500; line-height: 24px;} @media (min-width: 320px) and (max-width: 991px) { ._htop1Inner{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; max-width: 100% !important; padding: 20px 0; margin: 0 auto;} ._htop1Item{max-width: none;} ._htop1Item:last-child{max-width: none;} ._ht1iImg img{width: 36px; height: 36px;} ._ht1iTitle{font-size: 11px; line-height: 14px; letter-spacing: 0; margin: 6px 0 0; font-weight: 600;} ._ht1iDesc{display: none;} } /* Home Banners 2 */ ._homeBanners2{display: flex; column-gap: 64px; padding-bottom: 96px;} ._hb2Item{width: calc(50% - 32px); position: relative; overflow: hidden; border-radius: 24px;} ._hb2Item a{display: block; position: relative; color: inherit; text-decoration: none;} ._hb2Item img{display: block; width: 100%; height: auto;} ._hb2Copy{position: absolute; left: 6.5%; top: 50%; transform: translateY(-50%); width: 52%; z-index: 2; pointer-events: none;} ._hb2Copy h3{margin: 0 0 14px; font-size: 40px; line-height: 1.05; font-weight: 700; letter-spacing: .2px;} ._hb2Copy ul{list-style: none; margin: 0 0 22px; padding: 0;} ._hb2Copy li{font-size: 16px; line-height: 1.55; font-weight: 500;} ._hb2Btn{display: inline-block; padding: 10px 22px; border-radius: 999px; color: #fff; font-size: 15px; font-weight: 600; line-height: 1.2;} ._hb2Item.is-tank ._hb2Copy, ._hb2Item.is-tank ._hb2Copy h3{color: #1a4892;} ._hb2Item.is-tank ._hb2Btn{background: #1a4892;} ._hb2Item.is-blower ._hb2Copy, ._hb2Item.is-blower ._hb2Copy h3{color: #fff;} ._hb2Item.is-blower ._hb2Btn{background: #ec1f28;} @media (min-width: 320px) and (max-width: 991px) { ._homeBanners2{display: flex; flex-direction: column; column-gap: 0; row-gap: 32px;} ._hb2Item{width: 100%;} ._hb2Copy{left: 5%; width: 58%;} ._hb2Copy h3{font-size: 26px; margin-bottom: 10px;} ._hb2Copy ul{margin-bottom: 14px;} ._hb2Copy li{font-size: 13px; line-height: 1.45;} ._hb2Btn{padding: 8px 16px; font-size: 13px;} } /* Home Product Tab */ ._productCatTab{margin: 48px 0 96px 0px; display: flex; flex-direction: column; row-gap: 32px; justify-content: center; align-items: stretch; width: 100%;} ._productCatTab li .uk-panel-title{display: none;} ._productCatTab ._pctName{align-self: center;} ._productCatTab #productCatTab, ._productCatTab ._cod40Grid{width: 100%;} ._productCatTab ._cod40Grid{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 24px;} #productCatTab > li:not(.uk-active){display: none !important;} @media (min-width: 320px) and (max-width: 991px) { ._productCatTab ._cod40Grid{display: grid; grid-template-columns: 1fr 1fr; gap: 16px;} } ._pctName{display: flex; justify-content: center; row-gap: 24px; column-gap: 48px; flex-wrap: wrap;} ._pctName li a{color: var(--grayLight); font-weight: 600; font-size: 28px; letter-spacing: .3px; padding-bottom: 4px; border-bottom: 2px solid transparent;} ._pctName li.uk-active a{border-bottom: 2px solid var(--red); color: var(--blue); font-weight: 600;} ._pctName li a span{color: var(--grayLight); display: none;} /* Special Banner */ .vitrinContainer{background: url("../images/vitrin.jpg");background-position: bottom;background-repeat: no-repeat; background-size: cover; width: 100%; height: 640px; display: flex; align-items: center; overflow: hidden;} .vitrinBanner{display: flex; align-items: center; justify-content: space-between; width: 100%; max-width: 100%; box-sizing: border-box;} .vitrinBanner ._cod40Grid{display: grid; grid-template-columns: 1fr 1fr; gap: 24px;} .vitrinBanner ._cod40Grid .prdbox{margin-bottom: 0 !important;} ._vitrinCopy{width: 34%; max-width: 440px; color: #1a4892; z-index: 2;} ._vitrinCopy h2{margin: 0 0 16px; color: #1a4892; font-size: 48px; line-height: 1.15; font-weight: 700; letter-spacing: .2px;} ._vitrinCopy p{margin: 0 0 24px; max-width: 360px; color: #1a4892; font-size: 16px; line-height: 1.5; font-weight: 500;} ._vitrinBtn{display: inline-block; background: #1a4892; color: #fff !important; border-radius: 999px; padding: 12px 24px; font-size: 16px; font-weight: 600; line-height: 1.2; text-decoration: none;} ._vitrinBtn:hover{color: #fff !important; opacity: .92;} ._sbProducts{width: 40%; max-width: 40% !important; min-width: 0; overflow: visible; padding: 0 64px; box-sizing: border-box;} ._sbProducts .owl-carousel{width: 100% !important; position: relative;} ._sbProducts .owl-stage-outer{width: 100% !important; overflow: hidden;} ._sbProducts .item, ._sbProducts .prdbox{width: 100%; max-width: 100%; box-sizing: border-box;} ._sbProducts .owl-nav{position:absolute; inset:0; top:0 !important; width:100%; height:100%; margin:0 !important; pointer-events:none; z-index:5;} ._sbProducts .owl-nav .owl-prev, ._sbProducts .owl-nav .owl-next{position:absolute; top:50%; transform:translateY(-50%); width:40px; height:40px; border-radius:50%; background:#fff !important; color:var(--blue); display:flex; align-items:center; justify-content:center; pointer-events:auto; box-shadow:var(--boxShadowSquare);} ._sbProducts .owl-nav .owl-prev{left:-56px;} ._sbProducts .owl-nav .owl-next{right:-56px;} ._sbProducts .owl-nav i{color:var(--blue); font-size:22px; line-height:1;} @media (min-width: 320px) and (max-width: 991px) { .vitrinContainer{display: none !important;} } /* HOME Page END */ /* CAROUSEL START */ .cod21{max-width: 1664px !important; margin: 64px auto;} .cod21 .uk-panel-title{display: flex; flex-direction: column; text-align: center; max-width: 60%; margin: 0 auto;} .banner21box_v0_title{font-size: 50px; font-weight: 500; letter-spacing: 5px; line-height: 30px; font-family: var(--titleFont); margin-bottom: 24px; color: var(--zeytinSarisi);} .banner21box_v0_description{font-size: 19px; font-weight: 500; letter-spacing: .5px; line-height: 24px; font-family: var(--generalFont); max-width: 90%; margin: 0 auto;} @media (min-width: 320px) and (max-width: 991px) { .cod21 .uk-panel-title{max-width: 80%; line-height: 32px;} .banner21box_v0_description{max-width: 90%;} } .cod41 .uk-panel-title{display: none;} .main_top_tab{display: none;} ._mainToTab{margin: 48px 0;} ._mainToTabText{display: flex; justify-content: center; align-items: center; flex-direction: column; row-gap: 8px; text-align: center;} ._mainToTabTitle{font-size: 60px; font-weight: 500; letter-spacing: .5px; line-height: 50px; font-family: var(--titleFont); margin-bottom: 24px; color: var(--zeytinSarisi);} ._mainToTabDesc{font-size: 19px; font-weight: 500; letter-spacing: .5px; line-height: 24px; font-family: var(--generalFont); max-width: 60%;} .owl-theme .owl-nav {position: absolute;top: 50%;display: flex;justify-content: space-between;width: 100%; margin-top: 0 !important;} .owl-theme .owl-nav [class*=owl-]{background: none; padding: 0; border: none;} .owl-theme .owl-nav [class*=owl-]:hover{background: none !important;} .owl-theme .owl-nav i{color: var(--lacivert); font-size: 28px; z-index: 99;} .ekin-slider .owl-theme .owl-nav{top:0; height:100%;} .ekin-slider .owl-theme .owl-nav [class*=owl-], .ekin-slider .owl-theme .owl-nav [class*=owl-]:hover{background:#fff !important;} .ekin-slider .owl-theme .owl-nav i{color:var(--blue);} ._sbProducts .owl-theme .owl-nav{top:0; height:100%;} ._sbProducts .owl-theme .owl-nav [class*=owl-], ._sbProducts .owl-theme .owl-nav [class*=owl-]:hover{background:#fff !important;} ._sbProducts .owl-theme .owl-nav i{color:var(--blue);} /* CAROUSEL END */ /* BANNER START */ /* BANNERS END */ /* MODULE: HOME-PRODUCT-TAB START */ /* MODULE: HOME-PRODUCT-TAB END */ /* PRODUCT BOX START */ .prdbox{width: 100%; max-width: 100%; box-sizing: border-box;} .prdbox .uk-panel-box{position: relative; overflow: hidden; background:none; padding: 16px; transition: all 300ms ease; text-align: center; box-sizing: border-box; font-family: var(--generalFont) !important; margin: 8px 0; background: white; border-radius: 32px; border: 1px solid var(--grayLight) !important;} .prdbox:hover .uk-panel-box{box-shadow: var(--boxShadowSquare);} .prdbox .prd-image{overflow: hidden;} .prdbox .prd-image a, .prdbox .prd-image img, .prdbox .prd-img{display: block; width: 100%; height: auto; max-width: 100%;} .prd-image a img{transition: all 300ms ease-in;} .prdbox:hover .prd-image a img{border-radius: 16px;} .prdbox .prd-name{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-decoration: none; font-size: 21px; line-height: 25px; min-height: 50px; color:var(--purple); margin: 16px 0 8px 0; font-family: var(--generalFont);} .prdbox .price{display: flex; flex-direction: column; row-gap: 8px; margin-top: 16px;} .prdbox .price .pure-price, .prdbox .price .price-new{font-weight: bold; font-size: 24px; letter-spacing: .5px; color: var(--red);} .prdbox .pDisco, .prdbox .price-old{font-size: 20px; color: var(--blue); font-weight: 500;} .prdbox .oldPriceContainer{display: flex; column-gap: 8px; align-items: start; justify-content: center;} .prdbox .prd-desc{font-size: 16px; line-height: 20px; letter-spacing: .3px; font-weight: 400; font-family: var(--generalFontR); padding: 0 16px;} ._prdBoxHoverInfo{position: relative; opacity: 1; visibility: visible; transition: all 300ms ease; z-index: 2; margin-top: 24px;} .prdbox:hover ._prdBoxInfo ._prdBoxHoverInfo{opacity: 1; visibility: visible;} .smToolBtns{display: flex; justify-content: space-evenly; align-items: center;} .smToolBtns .smb2 i, .smToolBtns .smb1 i{font-size: 24px; color: var(--blue);} .smToolBtns .smb1.active i, .smToolBtns .ekin-compare.active i{color: var(--red);} .smToolBtns .smb3{min-width: 50%; font-size: 18px; border-radius: 28px !important;} .add-to-cart-button{white-space: nowrap;} .header-compare-count{display: none;} .wishlist-catalog, .wrapBox .catalogbox{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px;} .wishlist-catalog::before, .wishlist-catalog::after, .wrapBox .catalogbox::before, .wrapBox .catalogbox::after{display: none;} .wishlist-catalog .prdbox, .wrapBox .catalogbox .prdbox{width: 100% !important; margin: 0 !important;} @media(max-width: 991px) { .wishlist-catalog, .wrapBox .catalogbox{grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px;} } @media (min-width: 320px) and (max-width: 991px) { ._prdBoxInfo .prd-desc{display: none;} ._prdBoxHoverInfo{visibility: visible; opacity: 1; margin-top: 12px;} .prdbox{margin-bottom: 0;} .prdbox .uk-panel-box{padding: 4px !important; border-radius: 16px; margin: 0;} .prdbox .prd-image a img{border-radius: 16px;} .prdbox .prd-name{font-size: 14px; line-height: 18px; min-height: 36px;} .prdbox .price{margin-top: 8px; row-gap: 4px;} .prdbox .price .pure-price, .prdbox .price .price-new{font-size: 16px; letter-spacing: .2px;} .prdbox .pDisco, .prdbox .price-old{font-size: 16px;} .smToolBtns{flex-wrap: wrap; gap: 6px; justify-content: space-between;} .smToolBtns > div{display: flex; align-items: center; justify-content: center;} .smToolBtns > div:nth-child(2){order: 3; flex: 0 0 100%;} .smToolBtns .smb2, .smToolBtns .smb1{width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center;} .smToolBtns .smb2 i, .smToolBtns .smb1 i{font-size: 16px;} .prdbox .add-to-cart-button{width: 100%; font-size: 12px !important; line-height: 1.2 !important; padding: 8px 10px !important; min-height: 32px; border-radius: 16px !important;} } .prdbox ._prdDiscountC{position: absolute; top: 16px; right: 12px; z-index: 9;} .prdbox ._prdDiscount{background: var(--red); border-radius: 12px; padding: 6px 12px; font-size: 16px; font-weight: bold; color: white; text-align: center;} .prdbox .flagsContainer{display: flex; flex-direction: column; row-gap: 4px; visibility: hidden; opacity: 0; transition: all 300ms ease-in;position: absolute; top: 16px; left: 12px; font-size: 14px;} .prdbox .flagsContainer span{border: 1px solid var(--blue); padding: 2px 4px; color: var(--blue); background-color: rgba(255, 255, 255); z-index: 2;} .prdbox:hover .flagsContainer{visibility: visible; opacity: 100%;} .prdbox ._stockOutLabel {position: absolute;right: 25%;top: 42%;background-color: var(--blue);color: white; width: 50%;text-align: center;padding: 4px 0; font-size: 13px; text-transform: uppercase; letter-spacing: .3px; border-radius: 16px; } .prdbox .uk-panel-box .price ._addCart{display: none;} ._badge._badge_7{position: absolute; top: 16px; right: 12px; height: 56px; width: 56px; border-radius: 50%; background-color: var(--blue); color: white; font-weight: 500; font-size: 15px; line-height: 18px; display: flex; align-items: center; justify-content: center;} @media (min-width: 320px) and (max-width: 991px) { ._badge._badge_7{height: 45px; width: 45px; font-size: 13px; line-height: 15px;} .prdbox ._stockOutLabel{font-size: 12px;} .add-to-cart-button{padding: 8px !important;} } /* PRODUCT BOX END */ /* İnformation Page START*/ /* Contact Page */ #contact-page{margin: 0px !important; padding: 0px !important;} #contact-page .uk-grid{margin: 0px !important; padding: 0px !important;} ._contactPage{max-width: var(--maxWidth) !important; margin: 0 auto !important; padding: 64px 0px !important; display: flex; justify-content: space-between;} ._formWrong{max-width: 50%; margin: 0 auto; background: white; border-radius: 4px;} ._contactMain{padding: var(--paddingDX);display: flex; justify-content: space-evenly;} .formdiv{padding-right: 64px; border-right: 2px solid var(--grayLight);} ._contactFormTitle{color: var(--black); font-size: 28px; font-weight: bold; margin-bottom: 32px;} .formdiv input, .formdiv select, .formdiv textarea{margin-bottom: 12px !important; border-radius: 0px !important; border: none !important; outline: none !important;} .formdiv ._inputLeftMargin{padding-left: 8px;} .infodiv{padding-left: 64px; display: flex; flex-direction: column; justify-content: center;} ._cidTitle{color: var(--lightRed); font-size: 35px; font-weight: bold;line-height: 1.2; margin-bottom: 32px;} ._cidAdress{color: var(--black); font-size: 21px; line-height: 1.2; margin-bottom: 16px;} ._cidHref a{color: var(--black); font-size: 21px; line-height: 1.2; margin-bottom: 16px; display: inline-block;} @media (min-width: 320px) and (max-width: 991px) { ._formWrong{max-width: 80%;} ._contactMain{display: flex; flex-direction: column; row-gap: 64px; padding: 0 32px;} .formdiv, .infodiv{padding: 0; border: none; max-width: 320px;} .formdiv ._inputLeftMargin{padding-left: 0;} } /* SSS Page */ ._sssPage{max-width: var(--maxWidth); background: rgb(255, 255, 255, .8); padding: 64px !important; margin: 64px auto !important; display: flex; flex-direction: column; row-gap: 64px;} ._sssPageContainer{margin: 0 auto; display: grid; grid-template-columns: 1fr; gap: 64px;} ._sssMainTitle{font-size: 32px; font-weight: 600; letter-spacing: .6px; padding-bottom: 16px; border-bottom: 2px solid #ddd; margin-bottom: 48px;} ._sssPageContainer .uk-accordion-title i{font-size: 18px;} ._sssPageContainer .uk-accordion-title .bi-arrow-bar-up{display: none;} ._sssPageContainer .uk-accordion-title.uk-active .bi-arrow-bar-down{display: none;} ._sssPageContainer .uk-accordion-title.uk-active .bi-arrow-bar-up{display: inline-block;} ._sssPageContainer .uk-accordion-title{border: none !important; background: none !important; padding: 0 !important; margin-bottom: 8px; margin-top: 24px; font-family: var(--generalFont) !important; font-size: 20px; line-height: 24px; letter-spacing: .3px; font-weight: 500; display: flex; justify-content: space-between; } ._sssPageContainer .uk-accordion-title.uk-active{border: none !important; background: none !important; padding: 0 !important;} ._sssPageContainer .uk-accordion-content{border: none; background: none; padding: 0; margin-bottom: 36px; font-family: var(--generalFont) !important; font-size: 18px; line-height: 22px; letter-spacing: .1px; color: #A4A4A4; } ._sssPageContainer .uk-accordion-content.uk-active{border: none; background: none; padding: 0; padding-bottom: 8px; border-bottom: 1px solid #ddd;} /* General İnformation Page */ #information-page ._generalInformation{display: block;} #information-page h1,h2,h3,h4,h5,h6{font-family: var(--generalFont) !important;} /* Others */ /* İnformation Page END*/ /* MODULE: BLOG START */ /* Home Page Blog Item */ .module-announcement{padding: 128px 0;} .titlePocket{text-align: center; margin-bottom: 32px;} .titlePocket a{font-size: 32px; letter-spacing: .2px; font-weight: 600; color: var(--black);} .module-announcement .blogItem{background: white; border: 2px solid var(--lightRed); padding: 16px;} .module-announcement .blogItem .titleHref{display: flex; flex-direction: column;align-items: center; row-gap: 16px; text-align: center;} .module-announcement .blogItem .blogTitle{font-size: 22px; font-weight: 600; color: var(--crema); line-height: 28px;} .module-announcement .blogItem .blogInfo{font-size: 22px; font-weight: 400; color: var(--crema); margin-bottom: 8px; line-height: 28px;} .module-announcement .owl-nav i{font-size: 32px; color: var(--black);} /* BLOGS PAGE */ .blog-type #mcontent{} @media (min-width: 1680px){ .blog-type #mcontent{width: 94vw !important; max-width: 1762px !important; padding: 0; margin: 0 auto}; } @media (min-width: 992px) and (max-width: 1680px) { .blog-type #mcontent{max-width: 94vw !important; padding: 0; margin: 0 auto}; } @media (min-width: 320px) and (max-width: 991px) { .blog-type #mcontent{max-width: 94vw !important; padding: 0; margin: 0 auto}; } .blog-type #mcontent .page-title{margin: 32px 0; text-align: center; font-size: 36px; font-weight: bold;} .blog-type #mcontent .uk-grid{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 32px;} .blog-type #mcontent .uk-grid::before, .blog-type #mcontent .uk-grid::after{display: none;} @media (min-width: 992px) and (max-width: 1680px) { .blog-type #mcontent .uk-grid{grid-template-columns: 1fr 1fr 1fr;}; } @media (min-width: 320px) and (max-width: 991px) { .blog-type #mcontent .uk-grid{grid-template-columns: 1fr 1fr; gap: 16px}; } .blog-type #mcontent .uk-grid ._list_item{width: 100% !important; background: white; padding: 16px; border: 1px solid var(--lightRed);} .blog-type #mcontent .uk-grid ._list_item .description-area{color: var(--black);} .blog-type #mcontent .uk-grid ._list_item .uk-h3{font-size: 24px; line-height: 28px;} .blog-type #mcontent .uk-grid ._list_item .artDesc{font-size: 18px; line-height: 24px;} @media (min-width: 320px) and (max-width: 991px) { .blog-type #mcontent .uk-grid ._list_item .artDesc{font-size: 16px; line-height: 20px;} } .blog-type #mcontent .uk-grid ._list_item .more-link{display: none;} .blog-type #mcontent .results{margin: 32px 0; font-size: 18px; font-weight: 500;} /* BLOG DETAİL PAGE */ .artikel #mcontent{} @media (min-width: 1680px){ .artikel #mcontent{width: 94vw !important; max-width: 1762px !important; padding: 0; margin: 0 auto}; } @media (min-width: 992px) and (max-width: 1680px) { .artikel #mcontent{max-width: 94vw !important; padding: 0; margin: 0 auto}; } @media (min-width: 320px) and (max-width: 991px) { .artikel #mcontent{max-width: 94vw !important; padding: 0; margin: 0 auto}; } .artikel #mcontent hr{display: none;} .artikel #mcontent .uk-article{background: rgb(255, 255, 255, .8); max-width: var(--maxWidth); margin: 0 auto 64px auto; padding: 8px 64px 64px 64px;} .artikel #mcontent .uk-article .uk-article-title{margin: 32px 0; text-align: center; font-size: 36px; font-weight: bold; margin-bottom: 16px;} .artikel #mcontent .uk-article p{font-size: 20px; line-height: 28px;} .artikel #mcontent .breadcrumb-box{background: rgb(255, 255, 255, .8); max-width: var(--maxWidth); margin: 64px auto 0 auto; padding: 8px 64px; font-size: 18px;} @media (min-width: 320px) and (max-width: 990px) { .artikel #mcontent .uk-article{margin: 0 auto 64px auto; padding: 8px 24px 64px 24px;} .artikel #mcontent .breadcrumb-box{padding: 8px 24px;} } .artikel #mcontent .uk-grid{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 32px; max-width: var(--maxWidth); margin: 0 auto;} .artikel #mcontent .uk-grid::before, .blog-type #mcontent .uk-grid::after{display: none;} @media (min-width: 992px) and (max-width: 1680px) { .artikel #mcontent .uk-grid{grid-template-columns: 1fr 1fr 1fr;}; } @media (min-width: 320px) and (max-width: 991px) { .artikel #mcontent .uk-grid{grid-template-columns: 1fr 1fr;}; } .artikel #mcontent .uk-grid .prdbox{width: 100% !important;} /* MODULE: BLOG END */ /* CATEGORY PAGE START */ #catpage{margin: 0px !important; padding: 0px !important;} ._categoryPage{margin: 16px auto 64px auto !important;} .pageTitle{font-size: 28px; font-weight: bold; letter-spacing: .3px; color: var(--blue);} /* Column Left*/ ._categoryPage .category-module, ._categoryPage .filtermodule{background: white; border-radius: 16px; border: 1px solid var(--grayLight); padding: 16px;} ._categoryPage .category-module .uk-panel-title, ._categoryPage .filtermodule .uk-panel-title{color: var(--red); font-size: 24px;} .category-module ul li{margin: 8px 0} .category-module ul li.uk-active a{color: var(--red);} .category-module ul li a{color: var(--blue); font-size: 18px; font-weight: 500; letter-spacing: .3px;} .category-module ul li a:hover{color: var(--purple);} .category-module ul.uk-nav-sub{padding-left: 32px;} ._categoryPage .filtermodule{margin-top: 0;} ._categoryPage .filtermodule .filter-items-title{color: var(--blue); font-size: 18px; font-weight: 500; letter-spacing: .3px;} ._categoryPage .filtermodule .flt-manf .fmnf{display: block; clear: both;} ._categoryPage .filtermodule .flt-manf .fmnf span:before, ._categoryPage .filtermodule .flt-manf .fmnf > span:before{content: none !important; display: none !important;} ._categoryPage .filtermodule .flt-manf .fmnf label{display: flex; align-items: center; gap: 8px; margin: 0; cursor: pointer; color: #333; width: 100%;} ._categoryPage .filtermodule .flt-manf input[type="checkbox"]{appearance: auto; -webkit-appearance: checkbox; width: 16px; height: 16px; min-width: 16px; min-height: 16px; margin: 0; padding: 0; position: static; opacity: 1; float: none; border: 1px solid #999; background: #fff;} ._categoryPage .filtermodule .flt-manf .filter-brand-name{flex: 1; font-size: 14px; line-height: 1.2;} ._categoryPage .filtermodule .flt-manf .filter-count{float: none; margin: 0 0 0 auto; background: #ddd; min-width: 22px; width: auto; height: 20px; line-height: 20px; padding: 0 6px; text-align: center;} ._categoryPage .filtermodule .flt-price .filter-items-content{display: flex !important; flex-wrap: nowrap; column-gap: 6px; align-items: center; padding: 8px 0; max-height: none; overflow: visible; float: none;} ._categoryPage .filtermodule .flt-price .filter-items-content > *{float: none !important; display: inline-flex !important; align-items: center; margin-bottom: 0 !important;} ._categoryPage .filtermodule .flt-price .filter-items-content input{width: 80px !important; min-width: 80px !important; max-width: 90px; height: 32px !important; line-height: 32px !important; padding: 0 8px !important; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; font-size: 14px;} ._categoryPage .filtermodule .flt-price .filter-items-content b{padding: 0 2px;} ._categoryPage .filtermodule .flt-price .uk-button{min-height: 32px; width: 36px; margin: 0; padding: 0; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center;} .category-list{display: flex; flex-direction: column; row-gap: 16px; transform: translateY(10px); margin: 16px 0;} ._category-list-title{font-size: 18px; letter-spacing: .3px; font-weight: 600; color: var(--blue); display: none;} .category-list ul{display: flex; flex-wrap: wrap; row-gap: 16px; column-gap: 16px;} .category-list ul li a{padding: 8px 16px;background: white; border: 1px solid var(--blue); color: var(--blue); border-radius: 16px; cursor: pointer; transition: all 300ms ease; font-size: 16px;} .category-list ul li a:hover{background: var(--blue); color: white;} @media (min-width: 320px) and (max-width: 991px) { .category-list ul{display: flex; flex-wrap: wrap; row-gap: 16px; column-gap: 8px; justify-content: center; align-items: center;} } /* Main Area */ ._categoryPage #mcontent{padding-left: 32px; overflow: visible;} ._categoryPage .catalogbox, .bb-product-items-wrapper .catalogbox{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px;} ._categoryPage .catalogbox::before, ._categoryPage .catalogbox::after, .bb-product-items-wrapper .catalogbox::before, .bb-product-items-wrapper .catalogbox::after{display: none;} @media (min-width: 992px) and (max-width: 1680px) { ._categoryPage .catalogbox, .bb-product-items-wrapper .catalogbox{grid-template-columns: repeat(3, minmax(0, 1fr));} } @media(max-width: 991px) { ._categoryPage .catalogbox, .bb-product-items-wrapper .catalogbox{grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px;} } ._categoryPage .catalogbox .prdbox, .bb-product-items-wrapper .catalogbox .prdbox{width: 100% !important; margin: 0 !important;} ._categoryInfoBg{height: 270px; background-position: bottom;background-repeat: no-repeat;background-size: cover; text-align: center; color: white; display: flex; align-items: center; justify-content: center; letter-spacing: .3px; margin-bottom: 24px; } ._catBreadcrumb .breadcrumb-items{margin: 0 0 8px 0; display: flex; flex-wrap: wrap; align-items: center; column-gap: 0; list-style: none; padding: 0;} ._catBreadcrumb ul li{display: flex; align-items: center; color: var(--blue); font-size: 14px; font-weight: 500; font-family: var(--generalFont);} ._catBreadcrumb ul li a{color: var(--blue); font-size: 14px; font-weight: 500; font-family: var(--generalFont);} ._catBreadcrumb ul li:not(:last-child)::after{content: "»"; margin: 0 8px; color: var(--blue);} ._categoryPage .pageTitle{margin: 0; font-size: 28px; line-height: 1.2;} ._categoryPage ._catFilterCat{margin: 8px 0 16px 0; align-items: flex-start;} .topDescription{max-width: 60%; font-size: 14px; line-height: 18px; margin: 0 auto;} @media(max-width: 991px) { .topDescription{display: none;} } ._catFilterCat{display: flex; align-items: center; justify-content: space-between; column-gap: 64px; margin: 24px 0;} @media(max-width: 991px) { ._catFilterCat{display: flex; flex-direction: column; row-gap: 16px; column-gap: 32px;} } ._catFilterBox, ._catFilters, ._catFilterCat{overflow: visible;} ._catFilterBox{display: flex; justify-content: flex-end; padding: 2px;} ._catFilters{display: flex; column-gap: 16px; align-items: center;} .mlimit, .msort, .inStockLabel label{background: #fff; display: flex !important; align-items: center; column-gap: 6px; border: 2px solid var(--lightRed); outline: none !important; box-shadow: none !important; padding: 2px 12px; border-radius: 24px; max-height: none !important; overflow: visible;} .mlimit:hover, .msort:hover, .inStockLabel label:hover{border-color: var(--purple);} .mlimit select, .msort select, .mlimit select:hover, .mlimit select:focus, .mlimit select:active, .msort select:hover, .msort select:focus, .msort select:active, select.ekin-listing-control, select.ekin-listing-control:hover, select.ekin-listing-control:focus{min-height: 28px !important; height: 28px !important; width: auto; border-radius: 0; border: none !important; outline: none !important; box-shadow: none !important; background: transparent !important; padding: 0 4px !important;} .inStockLabel input{height: auto; width: auto; border-radius: 0; display: flex; align-items: center; justify-content: center; border: none; outline: none !important; box-shadow: none !important; min-height: 20px !important;} .inStockLabel input:hover, .inStockLabel input:focus{outline: none !important; border: none !important; box-shadow: none !important;} @media(max-width: 991px) { ._catFilters{display: flex; flex-wrap: wrap; row-gap: 8px; column-gap: 8px; justify-content: flex-end;} } @media(max-width: 991px) { ._categoryPage .uk-grid > *{margin-left: 0 !important; padding-left: 0 !important;} ._categoryPage #mcontent{margin-left: 0 !important; padding-left: 0 !important;} ._categoryPage .catalogbox{margin-left: 0 !important; padding-left: 0 !important;} .catalogbox .prdbox .uk-panel-box{padding: 4px !important;} } .pagination-bar a, .pagination-bar b{height: 32px; width: 32px; font-size: 18px; line-height: 24px; padding: 4px 8px; color: var(--yesil); border-radius: 8px;} .ekin-pagination{display:flex; justify-content:center; padding:28px 0 8px;} .ekin-pagination nav{width:100%;} .ekin-pagination .pagination, ul.pagination{display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:8px; list-style:none; margin:0; padding:0;} .ekin-pagination .page-item, ul.pagination > li{display:inline-flex; list-style:none; margin:0;} .ekin-pagination .page-link, .ekin-pagination .page-item > a, .ekin-pagination .page-item > span, ul.pagination > li > a, ul.pagination > li > span{display:inline-flex; align-items:center; justify-content:center; min-width:40px; height:40px; padding:0 14px; border:1px solid var(--blue); border-radius:24px; background:#fff; color:var(--blue); font-size:15px; font-weight:600; line-height:1; text-decoration:none; outline:none !important; box-shadow:none !important;} .ekin-pagination .page-item.active .page-link, .ekin-pagination .page-item.active > span, ul.pagination > li.active > span, ul.pagination > li.active > a{background:var(--red); border-color:var(--red); color:#fff;} .ekin-pagination .page-item.disabled .page-link, .ekin-pagination .page-item.disabled > span, ul.pagination > li.disabled > span{opacity:.35; pointer-events:none;} .ekin-pagination .page-link:hover, .ekin-pagination .page-item:not(.active):not(.disabled) > a:hover, ul.pagination > li:not(.active):not(.disabled) > a:hover{background:var(--blue); border-color:var(--blue); color:#fff;} #catpage .results{margin: 32px 0; font-size: 18px; font-weight: 500;} ._catBottomDescription{max-width: 100%;padding-right: 64px;margin: 64px 0;font-size: 12px;line-height: 17px;letter-spacing: .1px;font-weight: 400;} ._catBottomDescription p{margin: 6px 0 !important;} @media (min-width: 320px) and (max-width: 991px) { ._catBottomDescription{padding: 16px;} } ._categoryPage .prd-desc{display: none;} /* CATEGORY PAGE END */ /* PRODUCT PAGE START */ .ekin-product.wrapBox{padding:8px 0 48px;} ._prdPageContainer{margin:0 auto 40px auto !important;} @media (min-width: 320px) and (max-width: 991px) { ._prdPageContainer{display: flex; flex-direction: column; row-gap: 32px; padding: 8px;} } ._prdPageContainer .prd-thumb-gal{background:#fff; border:1px solid var(--grayLight); border-radius:16px; padding:16px;} .ekin-gallery{display:grid; grid-template-columns:minmax(0,1fr); grid-template-areas:"stage"; gap:12px; align-items:stretch;} .ekin-gallery.has-thumbs{grid-template-columns:72px minmax(0,1fr); grid-template-areas:"thumbs stage";} .ekin-gallery-stage{grid-area:stage;} .ekin-gallery-thumbs{grid-area:thumbs; display:flex; flex-direction:column; gap:8px; max-height:460px; overflow:auto; padding-right:2px;} .ekin-gallery-thumb{width:64px; height:64px; padding:0; border:1px solid var(--grayLight); border-radius:12px; overflow:hidden; background:var(--grayBg); cursor:pointer; filter:grayscale(.4);} .ekin-gallery-thumb.is-active, .ekin-gallery-thumb:hover{filter:none; border-color:var(--blue);} .ekin-gallery-thumb img{width:64px; height:64px; object-fit:contain; display:block;} .ekin-gallery-stage{position:relative; min-height:360px; display:flex; align-items:center; justify-content:center; background:#fff; border-radius:12px;} .ekin-gallery-main{display:flex; align-items:center; justify-content:center; width:100%; height:100%; min-height:360px;} .ekin-gallery-main img{max-width:100%; max-height:460px; width:auto; height:auto; object-fit:contain; display:block;} .ekin-gallery-nav{position:absolute; top:50%; transform:translateY(-50%); width:36px; height:36px; border:0; border-radius:50%; background:#fff; color:var(--blue); box-shadow:var(--boxShadowSquare); cursor:pointer; z-index:2;} .ekin-gallery-nav.is-prev{left:8px;} .ekin-gallery-nav.is-next{right:8px;} @media (max-width: 991px) { .ekin-gallery, .ekin-gallery.has-thumbs{grid-template-columns:1fr; grid-template-areas:"stage" "thumbs";} .ekin-gallery-thumbs{flex-direction:row; max-height:none; overflow-x:auto; overflow-y:hidden; padding-right:0;} .ekin-gallery-stage, .ekin-gallery-main{min-height:280px;} .ekin-gallery-main img{max-height:320px;} } .dtlbox{padding-left: 48px;} @media (min-width: 320px) and (max-width: 991px) { .dtlbox{padding-left: 0;} } ._prdPageContainer .prd-title{font-size: 32px; line-height: 1.15; letter-spacing: .4px; font-weight: bold; color: var(--blue); font-family: var(--generalFont) !important; margin: 0 0 8px 0 !important;} ._prdPageContainer .prod-rating a{display: none;} ._prdPageContainer .prodPrice{display: flex; flex-direction: column; row-gap: 8px; margin: 32px 0;} ._prdPageContainer .price-new{font-size: 48px; font-weight: bold; letter-spacing: .5px; color: var(--red);} ._prdPageContainer .price-old{font-size: 24px; font-weight: bold; letter-spacing: .2px; color: var(--blue); margin-bottom: 12px;} ._prdPageContainer .prod-small{font-size: 18px; letter-spacing: .3px; line-height: 22px; color: var(--grayLight); margin: 32px 0;} ._propertyList{display: flex; flex-direction: column; row-gap: 0; margin: 24px 0; border: 1px solid var(--grayLight); border-radius: 16px; overflow: hidden; background: #fff;} ._propertyList > div{display: flex; column-gap: 8px; font-size: 15px; color: var(--blue); padding: 10px 16px; border-bottom: 1px solid var(--grayLight);} ._propertyList > div:last-child{border-bottom: 0;} ._propertyList > div:nth-child(even){background: var(--grayBg);} ._propertyList div:first-child{min-width: 140px; font-weight: 600;} ._propertyList a{color: var(--blue); font-weight: 600;} .optionsboxWrap .optionsbox {margin-bottom: 25px; display: flex; flex-direction: column; row-gap: 10px;} label.bord {border: none;font-size: 14px;color: var(--blue);font-weight: 400;} .optionitem select{padding: 5px; border-radius: 5px;} .optionitem select:focus{background: #fff;} .optionitem .img-op-item{text-align: center; transition: all 200ms ease; color: white; background: var(--blue) !important;} .optionitem .img-op-item input{display: none;} .optionitem .img-op-item.secili, .optionitem .img-op-item:hover{background: var(--red) !important; color: white;} ._largeDescContainer{margin: 16px 0 32px; background:#fff; border:1px solid var(--grayLight); border-radius:16px; padding:20px; color:var(--blue);} ._largeDescContainer img{max-width:100%; height:auto; border-radius:12px;} ._largeDescContainer img.ekin-destek-banner, ._largeDescContainer img[src*="teknik-destek"]{display:block; float:none; width:100%; max-width:100%; height:auto; margin:16px 0; border-radius:16px;} .ekin-spec-table{margin: 16px 0 32px; overflow:visible;} .ekin-spec-table table{width: 100%; border-collapse: collapse; background: #fff; border:1px solid var(--grayLight); border-radius:16px; overflow:hidden;} .ekin-spec-table tr{border-bottom: 1px solid var(--grayLight);} .ekin-spec-table tr:last-child{border-bottom:0;} .ekin-spec-table tr:nth-child(even){background: var(--grayBg);} .ekin-spec-table th, .ekin-spec-table td{padding: 12px 16px; text-align:left; vertical-align:top; font-size:15px; border:0; text-decoration:none;} .ekin-spec-table th{width: 38%; color: var(--blue); font-weight: 600;} .ekin-spec-table td{color: var(--black);} .prdLargeDescText{display: flex; flex-direction: column; row-gap: 32px; padding-left: 32px; max-width: 480px;} ._pldtTitle{font-size: 21px; font-weight: 600; letter-spacing: .3px; line-height: 24px; color: var(--black); margin-bottom: 8px;} ._pldtTitleDesc{font-size: 21px; font-weight: 400; letter-spacing: .3px; line-height: 24px; color: var(--black);} @media (min-width: 320px) and (max-width: 991px) { ._largeDescInner{display: flex; flex-direction: column; row-gap: 24px;} ._largeDescInner .prdLargeDescImg, ._largeDescInner .prdLargeDescText{width: 100%; padding-left: 0;} } ._actionButtonsContainer{margin: 24px 0 8px; padding-bottom: 16px; border-bottom: 1px solid var(--grayLight);} .action-items{display: flex; align-items: center; gap: 12px;} .quantity-to-cart{display: flex; align-items: center; justify-content: center; column-gap: 12px;background: white; border: 2px solid var(--lightRed); border-radius: 24px; padding: 6px 20px; min-height: 48px;} .quantity-to-cart input{width: 36px; text-align: center; font-size: 18px; font-weight: 500; outline: none !important; background: none !important; border: none !important; padding: 0 !important; height: 22px !important;} .quantity-to-cart a{text-decoration: none; font-size: 18px; font-weight: bold; color: var(--lightRed);} #button-cart{border:0; border-radius: 24px; background: var(--blue); color: white; font-size: 16px; font-weight: 500; letter-spacing: .6px; padding: 0 28px; height: 48px; line-height: 48px; text-decoration: none; transition: all 300ms ease-in; cursor:pointer;} #button-cart:hover{background: var(--red);} .fastCart{display:flex;} .fastCart .uk-button{padding: 0 28px; height: 48px; line-height: 48px; border-radius: 24px !important;} @media (max-width: 991px) { .action-items{display: grid; grid-template-columns: 120px 1fr; gap: 10px;} .action-items .quantity-to-cart{width:100%; max-width:none; padding:6px 12px;} #button-cart, .fastCart, .fastCart .uk-button{width:100%;} .fastCart{grid-column:1 / -1;} ._actionButtonsContainer{width: 100%; padding: 0 0 16px;} ._prdPageContainer .prodPrice{text-align: left; margin: 20px 0;} ._prdPageContainer .price-new{font-size: 32px;} } ._prdButtonsContainer{margin: 16px 0 0; display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 12px;} ._prdButtonsContainer a{display:flex; align-items:center; gap:8px; color: var(--blue); text-decoration: none; font-size: 14px; font-weight: 500;} ._prdButtonsContainer i{font-size: 18px; color: var(--lightRed);} @media (max-width: 991px) { ._prdButtonsContainer{grid-template-columns: 1fr 1fr; gap: 10px;} ._prdButtonsContainer a{padding:10px 12px; background:#fff; border:1px solid var(--grayLight); border-radius:12px;} } ._prdBottomArea{width: 100%; max-width: var(--maxWidth); display: flex; justify-content: space-between; margin: 0 auto 64px auto;} @media (min-width: 320px) and (max-width: 991px) { ._prdBottomArea{display: flex; flex-direction: column; row-gap: 32px;} } .ekin-product-section{margin: 0 0 40px;} .ekin-reviews{background:#fff; border:1px solid var(--grayLight); border-radius:16px; padding:24px;} .ekin-review-form h4, .ekin-review-list h4{margin:0 0 16px; color:var(--blue); font-size:20px;} .ekin-review-login{margin:0 0 16px; color:var(--blue); font-size:15px;} .ekin-review-login a{color:var(--red); font-weight:600;} .ekin-review-note{margin:0 0 12px; color:var(--blue);} .ekin-review-stars{display:flex; align-items:center; gap:12px; margin-bottom:16px; color:var(--blue); font-weight:600;} .ekin-review-stars .form-rating-stars{float:none; display:flex; flex-direction:row-reverse; gap:4px;} .ekin-review-stars .form-rating-stars .btn-check{position:absolute; opacity:0; pointer-events:none;} .ekin-review-stars .form-rating-stars label{color:#cfcfcf; cursor:pointer; line-height:1;} .ekin-review-stars .form-rating-stars label svg{width:22px; height:22px;} .ekin-review-field{display:flex; flex-direction:column; gap:8px; margin-bottom:16px; color:var(--blue); font-size:14px; font-weight:600;} .ekin-review-field textarea{width:100%; min-height:140px; resize:vertical; border:1px solid var(--blue); border-radius:12px; padding:12px 14px; background:var(--grayBg); font-size:15px; font-weight:400; color:var(--black); font-family:var(--generalFont);} .ekin-review-field textarea:disabled{opacity:.7; cursor:not-allowed;} .ekin-review-form .image-upload__uploader{width:88px; height:88px; border:1px dashed var(--blue); border-radius:12px; background:var(--grayBg); color:var(--blue);} .ekin-review-form .image-upload__text{font-size:11px; color:var(--blue);} .ekin-review-hint{margin:8px 0 16px; font-size:12px; color:#888;} .ekin-review-form .uk-button{min-width:140px;} .ekin-review-empty{margin:16px 0 0; color:#888; text-align:center;} .ekin-review-list{margin-top:28px; padding-top:20px; border-top:1px solid var(--grayLight);} .ekin-reviews .product-review-item{padding:16px 0; border-bottom:1px solid var(--grayLight);} .ekin-reviews .review-list-container>h4{border-bottom:0; padding-bottom:0;} .uk-icon-comments-o:before {content: "\F268"; font-family: bootstrap-icons !important; font-size: 18px;} .uk-icon-comment:before {content: "\F268"; font-family: bootstrap-icons !important; font-size: 18px;} ._relatedContainer, ._complementaryContainer{max-width: var(--maxWidth) !important; margin-bottom: 64px; text-align: center;} #prdpage .subTitle{font-size: 24px; line-height: 1.3; font-weight: bold; letter-spacing: .3px; margin-bottom: 16px; font-family: var(--generalFont); color: var(--blue); text-align: left; padding-bottom: 8px; border-bottom: 1px solid var(--grayLight);} #prdpage .prd-image a{display: flex; justify-content: center;} #prdpage .prdbox{margin: 0 4px;} @media (min-width: 320px) and (max-width: 991px) { ._relatedContainer, ._complementaryContainer{max-width: 94vw !important;} } /* PRODUCT PAGE END */ /* OTHER PAGE START */ /* Account */ #accountpage #mcontent{padding: var(--paddingDX); margin: 64px auto ; background: rgb(255, 255, 255, .85); max-width: var(--maxWidth);} .fblogin, #flogin{display: none;} .breadcrumb-items{margin:32px 0; display: flex; column-gap: 16px;} .ekin-auth.wrapBox{padding:8px 0 48px;} .ekin-auth .pageTitle{margin:0 0 20px; font-size:24px; color:var(--blue);} .ekin-auth-grid{display:grid; grid-template-columns:minmax(0,1.2fr) minmax(260px,0.8fr); gap:24px; align-items:start;} .ekin-auth-grid-single{grid-template-columns:minmax(0,520px);} .ekin-auth-card, .ekin-auth-side{background:#fff; border:1px solid var(--grayLight); border-radius:16px; padding:28px;} .ekin-auth-lead{margin:0 0 18px; color:var(--blue); font-size:15px; line-height:1.5;} .ekin-auth-error{margin-bottom:16px; padding:12px 14px; border-radius:12px; background:#fff1f2; color:var(--red); font-size:14px; line-height:1.45;} .ekin-auth-error p{margin:0 0 6px;} .ekin-auth-error p:last-child{margin:0;} .ekin-auth-success{margin-bottom:16px; padding:12px 14px; border-radius:12px; background:#eef8f0; color:#1b7a3a; font-size:14px;} .ekin-auth-form{display:flex; flex-direction:column; gap:12px;} .ekin-auth-form .uk-form-icon{width:100%; position:relative;} .ekin-auth-form .uk-form-icon i{color:var(--blue);} .ekin-auth-form .uk-form-icon .showPass{position:absolute; right:12px; top:50%; transform:translateY(-50%); cursor:pointer; pointer-events:auto;} .ekin-auth-form input[type=text], .ekin-auth-form input[type=email], .ekin-auth-form input[type=password], .ekin-auth-form input[type=tel]{width:100%; height:46px; border:1px solid var(--blue); border-radius:12px; padding:0 14px; background:var(--grayBg); font-size:15px; color:var(--blue);} .ekin-auth-form .uk-form-icon input{padding-left:40px;} .ekin-auth-form .uk-form-icon input.pass{padding-right:40px;} .ekin-auth-fields{display:flex; flex-direction:column; gap:12px; width:100%;} .ekin-auth-pair{display:flex; gap:12px; width:100%;} .ekin-auth-field{flex:1 1 0; min-width:0;} .ekin-auth-field input{display:block !important; width:100% !important; max-width:100% !important; box-sizing:border-box;} .ekin-auth-field label.error, .ekin-auth-field .help-block{display:block; margin-top:4px; color:var(--red); font-size:12px;} .ekin-auth-row{display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:4px;} .ekin-auth-row a, .ekin-auth-back{color:var(--blue); font-size:13px; font-weight:500;} .ekin-auth-back{display:block; text-align:center; margin-top:4px;} .ekin-auth-full{display:block !important; width:100%; text-align:center; line-height:32px !important;} .ekin-auth-check{display:flex; align-items:flex-start; gap:10px; color:var(--blue); font-size:13px; line-height:1.45;} .ekin-auth-check input{margin-top:3px;} .ekin-auth-check a{color:var(--red); font-weight:600;} .ekin-auth-side h4{margin:0 0 10px; color:var(--blue); font-size:20px;} .ekin-auth-side p{margin:0 0 18px; color:var(--blue); font-size:15px; line-height:1.5;} @media (max-width: 991px) { .ekin-auth-grid{grid-template-columns:1fr;} .ekin-auth-pair{flex-direction:column;} .ekin-auth-row{flex-wrap:wrap;} } /* Error Page */ #error-page{padding: var(--paddingDX); margin: 64px auto ; background: rgb(255, 255, 255, .85); max-width: var(--maxWidth);} /* Search Page */ #searchpage{padding: var(--paddingDX); margin: 64px auto ; background: rgb(255, 255, 255, .85); max-width: var(--maxWidth);} #searchpage h1{font-family: var(--generalFont) !important;} /* Cart Page */ #cartpage{padding: var(--paddingDX); margin: 64px auto ; background: rgb(255, 255, 255, .85); max-width: var(--maxWidth);} .cart-steps{padding: var(--paddingDX); margin: 64px auto ; background: rgb(255, 255, 255, .85); max-width: var(--maxWidth);} #order-complat{padding: var(--paddingDX); margin: 64px auto ; background: rgb(255, 255, 255, .85); max-width: var(--maxWidth);} #cartpage .form_cart .cart-delete{background: white; color: var(--lightRed); border-color: var(--lightRed); line-height: 20px;} #form_cart input.quantity-item{min-width: 56px; min-height: 28px;} .ekin-cart-page.wrapBox{padding:8px 0 40px;} .ekin-cart-page .pageTitle{margin:0 0 16px; font-size:24px;} .ekin-cart{display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:20px; align-items:start;} .ekin-cart-list{background:#fff; border:1px solid var(--grayLight); border-radius:16px;} .ekin-cart-row{display:grid; grid-template-columns:72px minmax(0,1.4fr) 110px 140px 110px 32px; gap:12px; align-items:center; padding:12px 16px; border-bottom:1px solid var(--grayLight);} .ekin-cart-row:last-child{border-bottom:0;} .ekin-cart-thumb{width:72px; height:72px; border:1px solid var(--grayLight); border-radius:12px; overflow:hidden; background:var(--grayBg);} .ekin-cart-thumb img{width:72px; height:72px !important; object-fit:contain; display:block;} .ekin-cart-name{display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font-size:15px; line-height:19px; font-weight:600; color:var(--blue);} .ekin-cart-stock,.ekin-cart-attr{display:block; margin-top:4px; font-size:12px;} .ekin-cart-stock.is-in{color:#1b7a3a;} .ekin-cart-stock.is-out{color:var(--red);} .ekin-cart-unit small,.ekin-cart-qty small,.ekin-cart-line small{display:block; margin-bottom:4px; color:#888; font-size:11px;} .ekin-cart-unit strong,.ekin-cart-line strong{color:var(--red); font-size:16px; white-space:nowrap;} .ekin-qty{display:inline-flex; align-items:center; border:1px solid var(--blue); border-radius:20px; overflow:hidden; background:#fff;} .ekin-qty button{width:28px; height:32px; border:0; background:none; color:var(--blue); font-size:16px; cursor:pointer;} .ekin-qty input{width:40px; height:32px; border:0; text-align:center; font-size:14px; font-weight:600; color:var(--blue); background:none; outline:none; -moz-appearance:textfield;} .ekin-qty input::-webkit-outer-spin-button,.ekin-qty input::-webkit-inner-spin-button{-webkit-appearance:none; margin:0;} .ekin-cart-remove{width:32px; height:32px; display:inline-flex; align-items:center; justify-content:center; color:var(--red); border-radius:50%;} .ekin-cart-remove:hover{background:rgba(236,31,40,.08);} .ekin-cart-summary{background:#fff; border:1px solid var(--grayLight); border-radius:16px; padding:16px 18px; position:sticky; top:12px;} .ekin-cart-summary h4{margin:0 0 12px; color:var(--blue); font-size:18px;} .ekin-cart-sum-row{display:flex; justify-content:space-between; gap:12px; margin-bottom:8px; color:var(--blue); font-size:14px;} .ekin-cart-sum-total{display:flex; justify-content:space-between; align-items:center; margin:12px 0 8px; padding-top:12px; border-top:1px solid var(--grayLight); color:var(--blue); font-size:16px; font-weight:700;} .ekin-cart-sum-total strong{color:var(--red); font-size:22px;} .ekin-cart-note{margin:0 0 14px; font-size:12px; color:#888;} .ekin-cart-update{width:100%; margin-bottom:8px; background:#fff; border:1px solid var(--blue); color:var(--blue); border-radius:20px; padding:8px 16px; font-size:14px; font-weight:500; cursor:pointer;} .ekin-cart-update:hover{background:var(--blue); color:#fff;} .ekin-cart-checkout{display:block !important; width:100%; text-align:center; padding:8px 16px !important; line-height:32px !important;} .ekin-cart-quote{display:flex; align-items:center; justify-content:center; gap:8px; width:100%; margin-top:8px; background:var(--red); border:1px solid var(--red); color:#fff; border-radius:20px; padding:8px 16px; font-size:14px; font-weight:500; cursor:pointer; text-align:center;} .ekin-cart-quote i{color:#fff; font-size:16px; line-height:1;} .ekin-cart-quote:hover{background:#c41820; border-color:#c41820; color:#fff;} .ekin-cart-quote:disabled{opacity:.65; cursor:wait;} .ekin-cart-continue{display:block; margin-top:10px; text-align:center; color:var(--blue); font-size:13px;} .ekin-cart-empty{background:#fff; border:1px solid var(--grayLight); border-radius:16px; padding:32px; text-align:center;} .ekin-cart-empty p{margin:0 0 16px; color:var(--blue); font-size:16px;} .ekin-checkout-page .pageTitle, .ekin-checkout .pageTitle{margin:0 0 16px; font-size:24px; color:var(--blue);} .ekin-checkout-gate{display:grid; grid-template-columns:minmax(0,1fr) 340px; gap:24px; align-items:start;} .ekin-checkout-auth{background:#fff; border:1px solid var(--grayLight); border-radius:16px; padding:28px;} .ekin-checkout-lead{margin:0 0 18px; color:var(--blue); font-size:15px; line-height:1.5;} .ekin-checkout-error{margin-bottom:12px; color:var(--red); font-size:14px;} .ekin-checkout-login{display:flex; flex-direction:column; gap:12px; margin-bottom:18px;} .ekin-checkout-login .uk-form-icon{width:100%;} .ekin-checkout-login .uk-form-icon i{color:var(--blue);} .ekin-checkout-login input{width:100%; height:46px; border:1px solid var(--blue); border-radius:12px; padding:0 14px 0 40px; background:var(--grayBg); font-size:15px; color:var(--blue);} .ekin-checkout-login-row{display:flex; align-items:center; justify-content:space-between; gap:12px;} .ekin-checkout-login-row a{color:var(--blue); font-size:13px;} .ekin-checkout-full{display:block !important; width:100%; text-align:center; margin-bottom:10px; line-height:32px !important;} .ekin-checkout-summary{position:sticky; top:12px;} .ekin-checkout-summary h4{margin:0 0 16px; padding-bottom:12px; border-bottom:1px solid var(--grayLight); color:var(--blue); font-size:18px;} .ekin-checkout-summary .ekin-minicart-item{margin-bottom:12px; padding-bottom:12px; border-bottom:1px solid var(--grayLight);} @media (max-width: 991px) { .ekin-checkout-gate{grid-template-columns:1fr;} .ekin-checkout-summary{position:static;} } @media (max-width: 991px) { .ekin-cart{grid-template-columns:1fr;} .ekin-cart-summary{position:static;} .ekin-cart-row{grid-template-columns:64px minmax(0,1fr) auto; grid-template-areas:"thumb info remove" "qty qty qty" "price price line";} .ekin-cart-thumb{grid-area:thumb; width:64px; height:64px;} .ekin-cart-thumb img{width:64px; height:64px !important;} .ekin-cart-info{grid-area:info;} .ekin-cart-remove{grid-area:remove;} .ekin-cart-qty{grid-area:qty;} .ekin-cart-unit{grid-area:price;} .ekin-cart-line{grid-area:line; text-align:right; justify-self:end; white-space:nowrap;} } /* Catalog Page */ ._manfPage{padding: var(--paddingDX); margin: 64px auto; background: rgb(255, 255, 255, .95); max-width: var(--maxWidth);} #manf-page .uk-container{margin: 0 auto !important;} #manf-page .catalogbox{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 32px;} #manf-page .catalogbox::before, #manf-page .catalogbox::after{display: none;} #manf-page .catalogbox .prdbox{width: 100% !important; margin: 0 !important;} @media (min-width: 992px) and (max-width: 1680px) { #manf-page .catalogbox{grid-template-columns: 1fr 1fr 1fr 1fr;} } @media(max-width: 991px) { #manf-page .catalogbox{grid-template-columns: 1fr 1fr; gap: 24px;} } /* Üyelik Başarılı */ #success-page{padding: var(--paddingDX); margin: 64px auto ; background: rgb(255, 255, 255, .85); max-width: var(--maxWidth);} @media (min-width: 320px) and (max-width: 991px) { ._manfPage, #cartpage, .cart-steps, #order-complate, #searchpage, #error-page, #accountpage #mcontent, #success-page{padding: 12px;} } /* OTHER PAGE END */ /* FOOTER START */ /* Newsletter */ #f-newsletter{background: var(--blue); padding: 64px 0;} .nwsBox{display: flex; column-gap: 48px; justify-content: space-between; align-items: center;} ._nwsText{font-size: 48px;font-weight: 600;letter-spacing: .3px; line-height: 56px; color: white;} ._nwsText p{margin: 0; padding: 0 12px;} ._nwsText span{position: relative; z-index: 9; padding: 0 12px;} ._nwsText span::after{content: ""; position: absolute;left: 0; bottom: 0; background: var(--red); height: 12px; width: 100%; border-radius: 24px; z-index: -1;} ._nwsFormContainer{display: flex; flex-direction: column; row-gap: 12px;} .nwsINP{min-width: 480px; padding-left: 48px !important;background: white !important; border: none !important; outline: none !important; height: 56px !important; border-radius: 32px !important;} .nwsBTN{height: 58px !important; padding: 8px 48px !important; border-radius: 32px !important; background: var(--red); color: white; outline: none; border: none; margin-left: 16px; font-size: 24px;} ._nwsConfirm{color: white; font-size: 18px;} ._nwsConfirm a{text-decoration: underline; color: white;} ._nwsConfirm input{color: white;} ._nwsConfirm input[type=radio]:checked:before{color: var(--red);} .nwsBox .email_success span{color: white; font-size: 18px;} @media (min-width: 320px) and (max-width: 991px) { ._nwsText{font-size: 32px;} ._nwsFormContainer{max-width: 80%;} .nwsINP{min-width: 280px; max-width: 280px;} .nwsBTN{margin: 16px 0} .nwsBox{display: flex; flex-direction: column; row-gap: 16px; padding: 0;} ._nwsDesc{font-size: 28px; letter-spacing: .2px;} } /* Footer Main */ #footerbar{background: url("../images/footerBg.jpg");background-position: bottom;background-repeat: no-repeat; background-size: cover; color: var(--purple) !important; position: relative;} /* #footerbar .rightCircle, #footerbar .leftCircle{height: 360px; width: 360px; border-radius: 50%; position: absolute;} #footerbar .rightCircle{background: radial-gradient(circle, rgba(26,72,146,1) 0%, rgba(255,255,255,1) 80%); right: -180px; top: -180px;} #footerbar .leftCircle{background: radial-gradient(circle, rgba(236,31,40,1) 0%, rgba(255,255,255,1) 80%); left: -180px; bottom: -180px;} */ .footer-inner{padding: 64px 0;} ._fmainContainer{max-width: var(--maxWidth) !important; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px 48px; align-items: start;} ._fmainContainer ._fcol ul{list-style: none; padding: 0; margin: 0;} ._fmainContainer ._fmItemTitle{margin-bottom: 16px !important;} ._fmainContainer ._fmItemTitle a{font-weight: bold;letter-spacing: .3px; font-size: 22px; color: var(--blue); list-style-type: none !important; font-family: var(--generalFont) !important;} ._fmainContainer ul li{margin-bottom: 8px; list-style-type: none;} ._fmainContainer ul li a{color: var(--purple); text-decoration: none; font-size: 16px; font-weight: 300; letter-spacing: .3px; font-family: var(--generalFontR) !important;} @media(max-width: 991px) { #footerbar .rightCircle, #footerbar .leftCircle{height: 128px; width: 128px;} #footerbar .rightCircle{right: -64px; top: -64px;} #footerbar .leftCircle{left: -64px; bottom: -64px;} .footer-inner{padding: 32px 16px;} ._fmainContainer{grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 16px;} ._fmainContainer ._fmItemTitle a{font-size: 15px;} ._fmainContainer ul li a{font-size: 13px;} } /* Powered */ .poweredContainer{display: flex; justify-content: space-between; align-items: center; padding: 16px 0; max-width: var(--maxWidth) !important;} ._pcInformation ul{display: flex; flex-wrap: wrap; justify-content: center; row-gap: 32px; column-gap: 32px;} ._pcInformation ul li a{color: var(--black); text-decoration: none; font-size: 18px; font-weight: 300; letter-spacing: .3px; font-family: var(--generalFontR) !important;} ._pcPay{display: flex; column-gap: 32px;} ._poweredCompany{display: flex; column-gap: 8px; align-items: center;} ._poweredCompany img{height: 40px; width: auto; object-fit: contain;} @media(max-width: 991px) { .poweredContainer{display: flex; flex-direction: column;row-gap: 32px; justify-content: center; align-items: center; padding: 12px 24px;} ._poweredCompany{flex-direction: column; row-gap: 16px;} ._poweredCompany span{font-size: 16px;} ._pcInformation ul{column-gap: 16px; row-gap: 16px;} } /* FOOTER END */ #onesignal-bell-container{display: none;} .footer_wp{display: none;} .wrapBox{padding:24px 0 48px;} .ekin-compare-page.wrapBox{padding:8px 0 40px;} .ekin-compare-page .pageTitle{margin:0 0 8px; font-size:24px;} .ekin-compare-bar{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; margin-bottom:12px;} .ekin-compare-count{font-size:14px; font-weight:600; color:var(--blue);} .ekin-compare-actions{display:flex; flex-wrap:wrap; align-items:center; gap:6px;} .ekin-compare-toggle{display:flex; align-items:center; gap:6px; margin:0; background:#fff; border:1px solid var(--blue); border-radius:16px; padding:4px 12px; color:var(--blue); font-size:13px; font-weight:500; cursor:pointer;} .ekin-compare-toggle input{margin:0; accent-color:var(--blue);} .ekin-compare-chip{background:#fff; border:1px solid var(--blue); color:var(--blue); border-radius:16px; padding:4px 12px; font-size:13px; font-weight:500; cursor:pointer; transition:all 300ms ease;} .ekin-compare-chip:hover{background:var(--blue); color:#fff;} .ekin-compare-panel{background:#fff; border:1px solid var(--grayLight); border-radius:16px; overflow:auto;} .ekin-compare-panel .compare-grid{width:100%; border-collapse:collapse; min-width:640px; margin:0;} .ekin-compare-panel .compare-grid th, .ekin-compare-panel .compare-grid td{padding:8px 12px; border-bottom:1px solid var(--grayLight); vertical-align:middle;} .ekin-compare-head{position:sticky; top:0; z-index:4;} .ekin-compare-head .compare-row-label{background:var(--grayBg); color:var(--blue); font-size:13px; font-weight:700; width:18%; text-align:left; vertical-align:bottom;} .ekin-compare-product{position:relative; text-align:center; background:#fff; width:auto; vertical-align:top !important; padding:10px 12px 12px !important;} .ekin-compare-remove{position:absolute; top:6px; right:6px; width:24px; height:24px; border:0; border-radius:50%; background:var(--grayBg); color:var(--red); cursor:pointer; display:inline-flex; align-items:center; justify-content:center; font-size:12px;} .ekin-compare-remove:hover{background:var(--red); color:#fff;} .ekin-compare-thumb{display:block; margin:0 auto 6px;} .ekin-compare-thumb img{display:block; width:72px; height:72px; object-fit:contain; margin:0 auto;} .ekin-compare-name{display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:34px; margin:0 0 4px; font-size:13px; line-height:17px; font-weight:600; color:var(--purple);} .ekin-compare-price{margin-bottom:2px;} .ekin-compare-price strong{display:block; color:var(--red); font-size:18px; letter-spacing:.2px;} .ekin-compare-old{display:block; color:var(--blue); font-size:12px; text-decoration:line-through;} .ekin-compare-stock{margin:0 0 8px; font-size:12px; font-weight:600;} .ekin-compare-stock.is-in{color:#1b7a3a;} .ekin-compare-stock.is-out{color:var(--red);} .ekin-compare-cart{display:inline-block !important; padding:4px 16px !important; line-height:28px !important; font-size:13px !important; border-radius:20px !important;} .ekin-compare-panel .compare-row-label{width:18%; text-align:left; color:var(--blue); font-weight:600; font-size:13px;} .ekin-compare-panel .compare-group-title{background:var(--blue); color:#fff; font-size:13px; font-weight:700; letter-spacing:.3px; text-align:left; text-transform:none; padding:7px 12px;} .ekin-compare-panel .compare-spec-row:nth-child(even){background:#fafafa;} .ekin-compare-panel .compare-spec-value{text-align:center; color:var(--black); font-size:13px;} .ekin-compare-empty{color:#9a9a9a;} .ekin-compare-empty-page{color:var(--blue); font-size:18px; margin:24px 0;} .compare-grid.compare-diff-only .compare-group-row.compare-row-same, .compare-grid.compare-diff-only .compare-spec-row.compare-row-same{display:none;} .compare-grid.compare-diff-only .compare-spec-row:not(.compare-row-same) .compare-spec-value{background:rgba(236,31,40,.06); font-weight:600;} .compare-picker{position:fixed; inset:0; z-index:1080; display:none;} .compare-picker.is-open{display:block;} .compare-picker-backdrop{position:absolute; inset:0; background:rgba(21,17,73,.45);} .compare-picker-dialog{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:min(960px, calc(100vw - 2rem)); max-height:min(720px, calc(100vh - 2rem)); background:#fff; border-radius:16px; box-shadow:var(--boxShadowSquare); display:flex; flex-direction:column; overflow:hidden;} .compare-picker-head{display:flex; align-items:center; justify-content:space-between; gap:12px; padding:16px 20px; border-bottom:1px solid var(--grayLight);} .compare-picker-title{margin:0; font-size:20px; line-height:1.3; color:var(--blue); font-weight:700;} .compare-picker-close{width:32px; height:32px; flex:0 0 32px; border:0; background:none; color:var(--red); cursor:pointer; display:inline-flex; align-items:center; justify-content:center;} .compare-picker-search{position:relative; padding:12px 20px;} .compare-picker-search-input{width:100%; height:44px; border:1px solid var(--blue); border-radius:16px; padding:0 40px 0 16px; background:var(--grayBg); box-sizing:border-box;} .compare-picker-search-icon{position:absolute; right:32px; top:50%; transform:translateY(-50%); margin:0; color:var(--blue); pointer-events:none; display:inline-flex; align-items:center;} .compare-picker-body{padding:8px 20px 20px; overflow:auto; flex:1;} .compare-picker-grid{display:grid; grid-template-columns:repeat(4, 1fr); gap:12px;} .compare-picker-card{background:#fff; border:1px solid var(--grayLight); border-radius:16px; padding:12px; display:flex; flex-direction:column;} .compare-picker-card-thumb img{width:100%; height:120px; object-fit:contain; display:block; margin:0 auto;} .compare-picker-card-title{font-size:14px; line-height:1.35; min-height:0; margin:8px 0; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;} .compare-picker-card-price{color:var(--red); font-weight:700;} .compare-picker-card-select{width:100%; border:0; border-radius:24px; background:var(--blue); color:#fff; padding:8px 12px; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; gap:6px; margin-top:auto;} .compare-picker-card-select:hover{background:var(--red);} .compare-picker-foot{border-top:1px solid var(--grayLight); padding:12px 20px; background:var(--grayBg);} .compare-picker-load-more{display:block; margin:16px auto 0; border:1px solid var(--blue); background:#fff; color:var(--blue); border-radius:24px; padding:8px 24px; cursor:pointer;} body.compare-picker-open{overflow:hidden;} @media (max-width: 991px) { .compare-picker-dialog{width:calc(100vw - 16px); max-height:calc(100vh - 16px); top:8px; left:50%; transform:translateX(-50%); border-radius:12px;} .compare-picker-head{padding:12px 14px;} .compare-picker-title{font-size:15px;} .compare-picker-search{padding:8px 14px 10px;} .compare-picker-search-input{height:40px; font-size:14px; padding:0 36px 0 12px;} .compare-picker-search-icon{right:26px;} .compare-picker-body{padding:4px 14px 14px;} .compare-picker-grid{grid-template-columns:repeat(2, minmax(0, 1fr)); gap:8px;} .compare-picker-card{padding:8px; border-radius:12px;} .compare-picker-card-thumb img{height:72px;} .compare-picker-card-title{font-size:12px; margin:6px 0 4px;} .compare-picker-card-price{font-size:13px;} .compare-picker-card-select{font-size:11px; line-height:1.2; padding:8px 6px; min-height:36px; gap:4px;} .compare-picker-foot{padding:10px 14px;} .ekin-compare-thumb img{width:56px; height:56px;} .ekin-compare-name{font-size:12px; min-height:30px;} .ekin-compare-price strong{font-size:15px;} } .ekin-checkout .form-control,.ekin-checkout input,.ekin-checkout select,.ekin-checkout textarea{max-width:100%;} .ekin-checkout .form-group:has(select#address_country), .ekin-checkout .form-group:has(select#billing-address-country), .checkout-page .form-group:has(select#address_country), .checkout-page .form-group:has(select#billing-address-country){display:none !important;} .ekin-checkout .form-check{display:flex; align-items:flex-start; gap:8px; margin:0 0 12px; cursor:pointer;} .ekin-checkout .form-check-input{width:18px; height:18px; margin-top:2px; accent-color:var(--blue); flex:0 0 18px;} .ekin-checkout .form-check-label{color:var(--blue); font-size:14px; line-height:1.4;} .ekin-checkout .checkout-billing-information-title{margin:0 0 12px; color:var(--blue); font-size:18px;} .iti__flag-container, .iti__selected-flag, .iti__arrow, .iti__flag{display:none !important;} .iti input, .iti__input, input.js-phone-number-mask{padding-left:14px !important;} .ekin-checkout .customer-tax-information-form{margin-top:16px; padding-top:16px; border-top:1px solid var(--grayLight);} .prd-title{margin-top:0;} .ekin-search-results{list-style:none;padding:0;margin:0;} .ekin-search-results li{padding:6px 0;} .ekin-search-results img{margin-right:8px;vertical-align:middle;} .ekin-account.wrapBox{padding:8px 0 48px;} .ekin-account .pageTitle{margin:0 0 20px; font-size:24px; color:var(--blue);} .ekin-account-layout{display:grid; grid-template-columns:260px minmax(0,1fr); gap:24px; align-items:start;} .ekin-account-side, .ekin-account-main{background:#fff; border:1px solid var(--grayLight); border-radius:16px;} .ekin-account-side{padding:20px;} .ekin-account-main{padding:24px 28px;} .ekin-account-user{display:flex; align-items:center; gap:12px; padding-bottom:16px; margin-bottom:12px; border-bottom:1px solid var(--grayLight);} .ekin-account-avatar{width:48px; height:48px; border-radius:50%; background:var(--red); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:20px; flex:0 0 48px;} .ekin-account-user strong{display:block; color:var(--blue); font-size:15px; line-height:1.3;} .ekin-account-user small{display:block; color:#6b7a99; font-size:12px; word-break:break-all;} .ekin-account-nav{display:flex; flex-direction:column; gap:4px;} .ekin-account-link{display:flex; align-items:center; gap:10px; padding:10px 12px; border-radius:12px; color:var(--blue); font-size:14px; font-weight:500; text-decoration:none;} .ekin-account-link i{font-size:16px; color:var(--red); width:18px;} .ekin-account-link:hover, .ekin-account-link.is-active{background:var(--grayBg); color:var(--blue);} .ekin-account-link.is-active{font-weight:700;} .ekin-account-nav .ekin-account-link:last-of-type{margin-top:6px; color:var(--red);} .ekin-account-nav .ekin-account-link:last-of-type i{color:var(--red);} .ekin-account-main .d-flex{display:flex;} .ekin-account-main .align-items-center{align-items:center;} .ekin-account-main .justify-content-between{justify-content:space-between;} .ekin-account-main .flex-wrap{flex-wrap:wrap;} .ekin-account-main .gap-2{gap:8px;} .ekin-account-main .gap-3{gap:12px;} .ekin-account-main .text-muted{color:#6b7a99;} .ekin-account-main .row{display:flex; flex-wrap:wrap; gap:12px;} .ekin-account-welcome{margin-bottom:20px;} .ekin-account-welcome h4{margin:0 0 8px; color:var(--blue); font-size:20px;} .ekin-account-welcome p{margin:0; color:#5a6a88; font-size:14px; line-height:1.5;} .ekin-account-cards{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:16px;} .ekin-account-card{display:flex; flex-direction:column; gap:8px; padding:20px; border:1px solid var(--grayLight); border-radius:16px; background:var(--grayBg); color:var(--blue); text-decoration:none; min-height:140px;} .ekin-account-card:hover{border-color:var(--blue);} .ekin-account-card i{width:40px; height:40px; border-radius:12px; background:#fff; color:var(--red); display:flex; align-items:center; justify-content:center; font-size:18px;} .ekin-account-card strong{font-size:16px;} .ekin-account-card span{font-size:13px; line-height:1.45; color:#5a6a88;} .ekin-account-empty{margin-top:20px; padding:20px; border:1px dashed var(--grayLight); border-radius:16px;} .ekin-account-empty strong{display:block; color:var(--blue); margin-bottom:6px;} .ekin-account-empty p{margin:0 0 14px; color:#5a6a88; font-size:14px;} .ekin-account-main .bb-customer-card, .ekin-account-main .card{background:var(--grayBg); border:1px solid var(--grayLight); border-radius:16px; padding:16px; margin-bottom:12px;} .ekin-account-main table{width:100%; border-collapse:collapse;} .ekin-account-main th, .ekin-account-main td{padding:10px 8px; border-bottom:1px solid var(--grayLight); text-align:left; color:var(--blue); font-size:14px;} .ekin-account-main input[type=text], .ekin-account-main input[type=email], .ekin-account-main input[type=password], .ekin-account-main input[type=tel], .ekin-account-main select, .ekin-account-main textarea{width:100%; max-width:100%; height:46px; border:1px solid var(--blue); border-radius:12px; padding:0 14px; background:var(--grayBg); font-size:15px; color:var(--blue); margin-bottom:10px; box-sizing:border-box;} .ekin-account-main textarea{height:auto; min-height:100px; padding:12px 14px;} .ekin-account-main .btn, .ekin-account-main button[type=submit]{display:inline-block; background:var(--red); color:#fff; border:0; border-radius:24px; padding:10px 20px; font-size:14px; cursor:pointer; text-decoration:none;} .ekin-settings{display:flex; flex-direction:column; gap:20px;} .ekin-settings-card{background:var(--grayBg); border:1px solid var(--grayLight); border-radius:16px; padding:20px 22px;} .ekin-settings-head{display:flex; align-items:flex-start; gap:12px; margin-bottom:16px;} .ekin-settings-head i{width:36px; height:36px; border-radius:50%; background:#fff; color:var(--red); display:flex; align-items:center; justify-content:center; font-size:16px; flex:0 0 36px;} .ekin-settings-head strong{display:block; color:var(--blue); font-size:16px; line-height:1.3;} .ekin-settings-head span{display:block; color:#6b7a99; font-size:13px; line-height:1.4; margin-top:2px;} .ekin-settings-body .form-group, .ekin-settings-body .mb-3, .ekin-settings-body .mb-4{margin:0 0 14px;} .ekin-settings-body label, .ekin-settings-body .form-label, .ekin-settings-delete label{display:block; margin:0 0 6px; color:var(--blue); font-size:13px; font-weight:600;} .ekin-settings-body input, .ekin-settings-body select, .ekin-settings-body textarea, .ekin-settings-delete input, .ekin-settings-delete textarea{width:100%; max-width:100%; height:46px; border:1px solid var(--blue) !important; outline:none !important; box-shadow:none !important; border-radius:12px; padding:0 14px !important; background:#fff !important; font-size:15px; color:var(--blue); margin:0; line-height:46px; box-sizing:border-box;} .ekin-settings-body textarea, .ekin-settings-delete textarea{height:auto; min-height:96px; line-height:1.45; padding:12px 14px !important;} .ekin-settings-body .iti, .ekin-account-main .iti{width:100%; display:block;} .ekin-settings-body .iti input, .ekin-account-main .iti input{padding-left:14px !important; background:#fff !important; margin-bottom:0;} .ekin-settings-warn{margin:0 0 14px; padding:12px 14px; border-radius:12px; background:#fff1f2; color:var(--red); font-size:13px; line-height:1.45;} .ekin-settings-delete button, .ekin-settings-body button[type=submit], .ekin-settings-body .btn{margin-top:4px;} .ekin-settings-danger .ekin-settings-head i{color:var(--red);} @media (max-width: 991px) { .ekin-account-layout{grid-template-columns:1fr;} .ekin-account-nav{display:grid; grid-template-columns:1fr 1fr; gap:6px;} .ekin-account-cards{grid-template-columns:1fr;} .ekin-account-main{padding:18px;} } .site-notice{ left:20px !important; right:auto !important; bottom:20px !important; font-family:var(--generalFont); --cc-primary:var(--blue) !important; --cc-primary-hover:#153a75 !important; --cc-accent-text:#fff !important; } @media (min-width: 640px){ .site-notice{left:20px !important; right:auto !important; width:22rem;} } .site-notice .site-notice-body{ border-radius:24px !important; border:1px solid var(--grayLight) !important; box-shadow:var(--boxShadowSquare); overflow:hidden; } .site-notice .site-notice__header{ background:#fff !important; border-bottom:1px solid var(--grayLight) !important; } .site-notice .site-notice__icon{ background:rgba(26,72,146,.1) !important; color:var(--blue) !important; border-radius:12px !important; } .site-notice .site-notice__title{ color:var(--blue) !important; font-family:var(--titleFont); font-weight:700; } .site-notice .site-notice__message, .site-notice .site-notice__message a{color:var(--blue) !important;} .site-notice .site-notice__message a{font-weight:600;} .site-notice .site-notice__actions button, .cookie-consent-modal__footer button{ border-radius:24px !important; font-family:var(--generalFont); font-size:13px !important; font-weight:600 !important; padding:10px 16px !important; } .site-notice .site-notice__accept-all{ background:var(--blue) !important; border-color:var(--blue) !important; color:#fff !important; } .site-notice .site-notice__accept-all:hover{ background:#153a75 !important; border-color:#153a75 !important; } .site-notice .site-notice__secondary{ background:#fff !important; color:var(--blue) !important; border:1px solid var(--blue) !important; } .site-notice .site-notice__secondary:hover{ background:var(--grayBg) !important; color:var(--red) !important; border-color:var(--red) !important; } .cookie-consent-modal__dialog{border-radius:24px !important;} .cookie-consent-modal__title, .cookie-consent-modal__item-name{color:var(--blue) !important;} .cookie-consent-modal__badge{color:var(--blue) !important;} .cookie-consent-modal__switch input:checked + .cookie-consent-modal__slider{background-color:var(--blue) !important;} .ekin-quote-modal{position:fixed; inset:0; z-index:4000; display:flex; align-items:center; justify-content:center; padding:16px;} .ekin-quote-modal[hidden]{display:none !important;} .ekin-quote-modal__backdrop{position:absolute; inset:0; background:rgba(21,17,73,.45);} .ekin-quote-modal__box{position:relative; width:100%; max-width:420px; background:#fff; border:1px solid var(--grayLight); border-radius:16px; padding:22px 20px 18px; box-shadow:var(--boxShadowSquare);} .ekin-quote-modal__x{position:absolute; top:10px; right:12px; width:32px; height:32px; border:0; background:none; color:var(--blue); font-size:24px; line-height:1; cursor:pointer;} .ekin-quote-modal__box h4{margin:0 0 6px; color:var(--blue); font-size:20px;} .ekin-quote-modal__lead{margin:0 0 16px; color:#666; font-size:13px;} .ekin-quote-form{display:flex; flex-direction:column; gap:12px;} .ekin-quote-form label{display:flex; flex-direction:column; gap:6px; color:var(--blue); font-size:13px; font-weight:600;} .ekin-quote-form input{width:100%; height:46px; border:1px solid var(--blue); border-radius:12px; padding:0 14px; background:var(--grayBg); font-size:15px; color:var(--blue); font-weight:500;} .ekin-quote-form input:focus{outline:none; box-shadow:0 0 0 3px rgba(26,72,146,.12);} .ekin-quote-modal__error{margin:0; color:var(--red); font-size:13px;} .ekin-quote-form__submit{width:100%; background:var(--blue); color:#fff; border:0; border-radius:20px; padding:10px 16px; font-size:15px; font-weight:600; cursor:pointer;} .ekin-quote-form__submit:hover{opacity:.92;} .ekin-quote-form__submit:disabled{opacity:.65; cursor:wait;} body.ekin-quote-open{overflow:hidden;}